@didaoktv/didaoui-uniapp 1.4.3 → 2.0.0

package/components/dd-modal/dd-modal.vue

@@ -10,6 +10,7 @@ let activeModalClose: (() => void) | null = null
       v-if="visible"
       class="dd-modal__mask"
       :class="{ 'dd-modal__mask--show': showClass }"
+      :style="{ zIndex: zIndexConfig.dialogMask }"
       @click="onMaskClick"
     ></view>
 
@@ -18,7 +19,7 @@ let activeModalClose: (() => void) | null = null
       v-if="visible && type === 'dialog'"
       class="dd-modal__dialog"
       :class="{ 'dd-modal__dialog--show': showClass }"
-      :style="{ width: widthValue }"
+      :style="{ width: widthValue, zIndex: zIndexConfig.dialog }"
     >
       <view v-if="$slots.header || title" class="dd-modal__header">
         <slot name="header">
@@ -41,6 +42,7 @@ let activeModalClose: (() => void) | null = null
       v-else-if="visible"
       class="dd-modal__sheet"
       :class="{ 'dd-modal__sheet--show': showClass }"
+      :style="{ zIndex: zIndexConfig.dialog }"
     >
       <view class="dd-modal__handle"></view>
       <view v-if="$slots.header || title" class="dd-modal__header">
@@ -64,6 +66,8 @@ let activeModalClose: (() => void) | null = null
 import { computed, ref, watch, onUnmounted, nextTick } from 'vue'
 import DdPortal from '../dd-portal/dd-portal.vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
+// z-index 统一取 libs/config/zIndex.js（对话框族与 dd-dialog 同档：dialogMask/dialog）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   modelValue?: boolean
@@ -177,7 +181,6 @@ onUnmounted(() => {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     opacity: 0;
-    z-index: 1000;
     transition: opacity 0.25s ease;
 
     &--show {
@@ -192,7 +195,6 @@ onUnmounted(() => {
     left: 50%;
     transform: translate(-50%, -50%) scale(0.9);
     opacity: 0;
-    z-index: 1001;
     max-width: 720rpx; // 360px 上限
     max-height: 80vh;
     background: var(--dd-bg-popup, #{$dd-bg-popup});
@@ -217,7 +219,6 @@ onUnmounted(() => {
     right: 0;
     bottom: 0;
     transform: translateY(100%);
-    z-index: 1001;
     max-height: 85vh;
     background: var(--dd-bg-popup, #{$dd-bg-popup});
     border: 1px solid var(--dd-border-default, #{$dd-border-default});

package/components/dd-navigation/dd-navigation.vue

@@ -5,6 +5,7 @@
       'dd-nav--fixed': fixed,
       'dd-nav--border': border,
     }"
+    :style="{ zIndex: zIndexConfig.sticky }"
   >
     <view
       v-for="(item, index) in items"
@@ -27,6 +28,8 @@
 
 <script setup lang="ts">
 import DdIcon from '../dd-icon/dd-icon.vue'
+// z-index 统一取 libs/config/zIndex.js（fixed 时吸底层级取 sticky 档；非 fixed 时为 static，z-index 天然失效）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface NavItem {
   icon: string
@@ -83,7 +86,6 @@ function onSelect(index: number) {
     left: 0;
     right: 0;
     bottom: 0;
-    z-index: $dd-z-index-sticky;
     @include dd-safe-area-bottom;
   }
 

package/components/dd-overlay/dd-overlay.vue

@@ -3,7 +3,7 @@
   <view
     class="dd-overlay"
     :class="{ 'dd-overlay--show': modelValue }"
-    :style="{ zIndex: zIndex, '--dd-overlay-duration': `${duration}s` }"
+    :style="{ zIndex: zIndexConfig.overlay, '--dd-overlay-duration': `${duration}s` }"
     @click="onClick"
     @touchmove="onTouchMove"
     @touchmove.stop.prevent="onTouchMove"
@@ -16,11 +16,12 @@
 <script setup lang="ts">
 import { watch } from 'vue'
 import DdPortal from '../dd-portal/dd-portal.vue'
+// z-index 统一取 libs/config/zIndex.js（overlay 遮罩档，不对外暴露）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   modelValue?: boolean
   lockScroll?: boolean
-  zIndex?: number
   duration?: number
   closeOnClickOverlay?: boolean
 }
@@ -28,7 +29,6 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   modelValue: false,
   lockScroll: true,
-  zIndex: 2000,
   duration: 0.3,
   closeOnClickOverlay: true,
 })

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

@@ -1,8 +1,8 @@
 <template>
   <dd-portal>
   <view class="dd-picker" :class="{ 'dd-picker--open': show }">
-    <view class="dd-picker__mask" @click="onMaskClick"></view>
-    <view class="dd-picker__sheet">
+    <view class="dd-picker__mask" :style="{ zIndex: zIndexConfig.overlay }" @click="onMaskClick"></view>
+    <view class="dd-picker__sheet" :style="{ zIndex: zIndexConfig.popup }">
       <view class="dd-picker__toolbar">
         <text class="dd-picker__cancel" @click="onCancel">取消</text>
         <text class="dd-picker__title">{{ title }}</text>
@@ -33,6 +33,8 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
 import DdPortal from '../dd-portal/dd-portal.vue'
+// z-index 统一取 libs/config/zIndex.js（picker 底部面板：overlay/popup 档）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface PickerItem {
   text: string
@@ -146,7 +148,6 @@ function onConfirm() {
   &__mask {
     position: fixed;
     inset: 0;
-    z-index: $dd-z-index-overlay;
     background: var(--dd-color-overlay-strong, #{$dd-color-overlay-strong});
     opacity: 0;
     pointer-events: none;
@@ -158,7 +159,6 @@ function onConfirm() {
     left: 0;
     right: 0;
     bottom: 0;
-    z-index: $dd-z-index-popup;
     background: var(--dd-bg-popup, #{$dd-bg-popup});
     border-radius: $dd-radius-lg $dd-radius-lg 0 0;
     transform: translateY(100%);

package/components/dd-popover/dd-popover.vue

@@ -25,6 +25,8 @@
 
 <script setup lang="ts">
 import { computed, provide } from 'vue'
+// z-index 统一取 libs/config/zIndex.js（透明点击遮罩 overlay 档、面板 popup 档，不对外暴露）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   modelValue?: boolean
@@ -33,7 +35,6 @@ interface Props {
   closeOnClickAction?: boolean
   closeOnClickOverlay?: boolean
   offset?: number
-  zIndex?: number
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -43,7 +44,6 @@ const props = withDefaults(defineProps<Props>(), {
   closeOnClickAction: true,
   closeOnClickOverlay: true,
   offset: 16,
-  zIndex: 2000,
 })
 
 const emit = defineEmits<{
@@ -53,11 +53,11 @@ const emit = defineEmits<{
   (e: 'close'): void
 }>()
 
-const maskZIndex = computed(() => props.zIndex - 1)
+const maskZIndex = zIndexConfig.overlay
 
 const panelStyle = computed(() => {
   const offsetRpx = `${props.offset}rpx`
-  const s: Record<string, string> = { zIndex: String(props.zIndex) }
+  const s: Record<string, string> = { zIndex: String(zIndexConfig.popup) }
   // 偏移通过 margin 表达，避免覆盖 transform
   if (props.placement === 'top') s.marginBottom = offsetRpx
   if (props.placement === 'bottom') s.marginTop = offsetRpx
@@ -118,7 +118,6 @@ provide('ddPopover', {
     border-radius: $dd-radius-lg;
     box-shadow: var(--dd-shadow-2, #{$dd-shadow-2});
     overflow: visible;
-    z-index: 2000;
 
     &--light {
       background: var(--dd-bg-popup, #{$dd-bg-popup});

package/components/dd-popup/dd-popup.vue

@@ -19,7 +19,7 @@
       ]"
       :style="panelStyle"
     >
-      <view v-if="closeable" class="dd-popup__close" :class="`dd-popup__close--${closeIconPosition}`" @click="onCloseIcon">
+      <view v-if="closeable" class="dd-popup__close" :class="`dd-popup__close--${closeIconPosition}`" :style="{ zIndex: zIndexConfig.base + 1 }" @click="onCloseIcon">
         <dd-icon name="cross" />
       </view>
       <view v-if="position === 'bottom' && safeAreaInsetBottom" class="dd-popup__safe-bottom"></view>
@@ -33,6 +33,8 @@
 import { computed, ref, watch, onUnmounted, nextTick } from 'vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
 import DdPortal from '../dd-portal/dd-portal.vue'
+// z-index 统一取 libs/config/zIndex.js（遮罩 overlay 档、面板 popup 档，不对外暴露）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   modelValue?: boolean
@@ -46,7 +48,6 @@ interface Props {
   width?: string
   height?: string
   closeOnClickOverlay?: boolean
-  zIndex?: number
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -61,7 +62,6 @@ const props = withDefaults(defineProps<Props>(), {
   width: '',
   height: '',
   closeOnClickOverlay: true,
-  zIndex: 2000,
 })
 
 const emit = defineEmits<{
@@ -74,12 +74,12 @@ const emit = defineEmits<{
   (e: 'click-close-icon'): void
 }>()
 
-const overlayZIndex = computed(() => props.zIndex)
-const panelZIndex = computed(() => props.zIndex + 1)
+const overlayZIndex = zIndexConfig.overlay
+const panelZIndex = zIndexConfig.popup
 
 const panelStyle = computed(() => {
   const s: Record<string, string> = {
-    zIndex: String(panelZIndex.value),
+    zIndex: String(panelZIndex),
   }
   if (props.width && (props.position === 'left' || props.position === 'right')) {
     s.width = props.width
@@ -232,7 +232,6 @@ onUnmounted(() => {
     color: var(--dd-text-tertiary, #{$dd-text-tertiary});
     font-size: 44rpx;
     @include dd-flex-center;
-    z-index: 2;
 
     &--top-left { top: $dd-space-2; left: $dd-space-2; }
     &--top-right { top: $dd-space-2; right: $dd-space-2; }

package/components/dd-poster/dd-poster.vue

@@ -1,10 +1,11 @@
 <template>
 	<view class="dd-poster">
 		<!-- canvas用于绘制海报 -->
-		<view v-if="showCanvas" class="dd-poster__renderer">
+		<view v-if="showCanvas" class="dd-poster__renderer" :style="{ zIndex: zcBase }">
 			<dd-canvas
 				ref="posterCanvas"
 				class="dd-poster__hidden-canvas"
+				:style="{ zIndex: zcBase }"
 				:canvas-id="canvasId"
 				:width="canvasWidth"
 				:height="canvasHeight"
@@ -13,7 +14,7 @@
 			</dd-canvas>
 		</view>
 		<!-- 隐藏的二维码组件，用于生成二维码图片 -->
-		<view class="dd-poster__renderer">
+		<view class="dd-poster__renderer" :style="{ zIndex: zcBase }">
 			<dd-qrcode
 				ref="qrCode"
 				:val="qrCodeValue"
@@ -24,6 +25,7 @@
 				background="#ffffff"
 				foreground="#000000"
 				:class="['dd-poster__hidden-qrcode', qrCodeShow ? '' : 'dd-poster__hidden-qrcode--hidden']"
+				:style="{ zIndex: zcBase }"
 			/>
 		</view>
 	</view>
@@ -48,6 +50,8 @@
 import {
 	rpx2px
 } from '../../libs/function/index.js';
+// z-index 统一取 libs/config/zIndex.js（离屏隐藏容器归 base 档，Options API 经 data 暴露给模板）
+import zIndexConfig from '../../libs/config/zIndex.js';
 export default {
 	name: 'dd-poster',
 	props: {
@@ -58,6 +62,8 @@ export default {
 	},
 	data() {
 		return {
+			// 离屏隐藏容器层级（base 档）
+			zcBase: zIndexConfig.base,
 			canvasId: 'dd-poster-canvas-' + Date.now(),
 			showCanvas: false,
 			canvasWidth: 0,
@@ -656,7 +662,6 @@ export default {
 		width: 1px;
 		height: 1px;
 		overflow: hidden;
-		z-index: -1;
 		opacity: 0.01;
 		pointer-events: none;
 	}
@@ -670,22 +675,19 @@ export default {
 		width: 1px;
 		height: 1px;
 		overflow: hidden;
-		z-index: -1;
 	}
 
 	&__hidden-canvas {
 		position: fixed;
 		top: -10000px;
 		left: -10000px;
-		z-index: -1;
 	}
-	
+
 	&__hidden-qrcode {
 		position: fixed;
 		top: -10000px;
 		left: -10000px;
-		z-index: -1;
-		
+
 		&--hidden {
 			display: none;
 		}

package/components/dd-pull-refresh/dd-pull-refresh.vue

@@ -3,9 +3,9 @@
     <view
       class="dd-pull-refresh__track"
       :class="{ 'dd-pull-refresh__track--anim': !pulling }"
-      :style="{ transform: `translateY(${distance}px)` }"
+      :style="{ transform: `translateY(${distance}px)`, zIndex: zIndexConfig.base + 1 }"
     >
-      <view class="dd-pull-refresh__head" :style="{ height: headHeightPx + 'px' }">
+      <view class="dd-pull-refresh__head" :style="{ height: headHeightPx + 'px', zIndex: zIndexConfig.base }">
         <view class="dd-pull-refresh__head-inner">
           <view v-if="status === 'loading'" class="dd-pull-refresh__spinner"></view>
           <text class="dd-pull-refresh__text">{{ statusText }}</text>
@@ -32,6 +32,8 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
+// z-index 统一取 libs/config/zIndex.js（内容层 base 档内 +1，下拉头垫底取 base 档）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 type Status = 'pulling' | 'loosing' | 'loading' | 'success'
 
@@ -182,7 +184,6 @@ watch(
   &__track {
     position: relative;
     height: 100%;
-    z-index: 1;
     background: var(--dd-bg, #{$dd-bg});
 
     &--anim {
@@ -197,7 +198,6 @@ watch(
     right: 0;
     overflow: hidden;
     transform: translateY(-100%);
-    z-index: 0;
   }
 
   &__head-inner {

package/components/dd-qrcode/dd-qrcode.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
     <view class="dd-qrcode"
           :id="rootId"
           :style="{
@@ -496,13 +496,6 @@ export default {
 
     &__content {
         position: relative;
-
-        &__canvas {
-            position: fixed;
-            top: -99999rpx;
-            left: -99999rpx;
-            z-index: -99999;
-        }
     }
 }
 </style>

package/components/dd-room-card/dd-room-card.vue

@@ -9,7 +9,7 @@
     <!-- grid 模式: 方形卡 + 顶部状态栏 -->
     <template v-if="view === 'grid'">
       <view class="dd-room-card__topbar"></view>
-      <view v-if="type === 'vip'" class="dd-room-card__vip-tag"><text>VIP</text></view>
+      <view v-if="type === 'vip'" class="dd-room-card__vip-tag" :style="{ zIndex: zIndexConfig.base + 1 }"><text>VIP</text></view>
       <view class="dd-room-card__grid-inner">
         <text class="dd-room-card__no">{{ roomNo }}</text>
         <view class="dd-room-card__status">
@@ -44,6 +44,8 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+// z-index 统一取 libs/config/zIndex.js（VIP 角标抬到卡片内容之上取 base 档内 +1）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   view?: 'grid' | 'list'
@@ -169,7 +171,6 @@ function onClick() {
   position: absolute;
   top: 12rpx;
   right: 12rpx;
-  z-index: 2;
   padding: 2rpx 12rpx;
   background: var(--dd-gradient-primary, #{$dd-gradient-primary});
   border-radius: $dd-radius-sm;

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

@@ -13,6 +13,7 @@
         :key="index"
         class="dd-seg__item"
         :class="{ 'dd-seg__item--active': index === modelValue }"
+        :style="{ zIndex: zIndexConfig.base }"
         @click="onSelect(index)"
       >
         <text class="dd-seg__label">{{ labelOf(opt) }}</text>
@@ -44,6 +45,8 @@
 <script setup lang="ts">
 import { nextTick, onMounted, ref, watch } from 'vue'
 import { getCurrentInstance } from 'vue'
+// z-index 统一取 libs/config/zIndex.js（分段项盖住滑块指示器取 base 档）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   modelValue?: number
@@ -128,7 +131,6 @@ watch(() => props.options, measure)
 
   .dd-seg__item {
     position: relative;
-    z-index: 1;
     min-width: 120rpx;
     padding: 12rpx $dd-space-4;
     @include dd-flex-center;

package/components/dd-step/dd-step.vue

@@ -42,6 +42,8 @@
 <script setup lang="ts">
 import { computed, inject } from 'vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
+// z-index 统一取 libs/config/zIndex.js（圆点/连接线的层内叠放取 base 档）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 type StepStatus = 'wait' | 'process' | 'finish'
 
@@ -81,11 +83,15 @@ const isActive = computed(() => status.value === 'finish' || status.value === 'p
 const circleStyle = computed(() => ({
   background: isActive.value ? activeColor.value : '#2A2A2A',
   color: isActive.value ? '#FFFFFF' : inactiveColor.value,
+  // z-index 统一取 libs/config/zIndex.js（圆点 base 档内 +1，盖住连接线）
+  zIndex: zIndexConfig.base + 1,
 }))
 
 // ponytail: 水平连接线整段按本步骤 status 着色，current/首个 wait 左半段颜色为近似值
 const lineStyle = computed(() => ({
   background: status.value === 'finish' ? activeColor.value : inactiveColor.value,
+  // z-index 统一取 libs/config/zIndex.js（连接线垫底取 base 档）
+  zIndex: zIndexConfig.base,
 }))
 </script>
 
@@ -125,7 +131,6 @@ const lineStyle = computed(() => ({
     right: 0;
     height: 1px;
     transform: translateY(-50%);
-    z-index: 0;
 
     &--first {
       left: 50%;
@@ -143,7 +148,6 @@ const lineStyle = computed(() => ({
 
   &__circle {
     position: relative;
-    z-index: 1;
     width: $dd-size-icon-md;
     height: $dd-size-icon-md;
     border-radius: $dd-radius-full;

package/components/dd-sticky/dd-sticky.vue

@@ -10,6 +10,8 @@
 
 <script setup lang="ts">
 import { computed, getCurrentInstance, onMounted, onUnmounted, ref } from 'vue'
+// z-index 统一取 libs/config/zIndex.js：默认吸顶层级取 sticky 档（zIndex prop 保留可覆盖）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   offsetTop?: number // rpx
@@ -19,7 +21,7 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   offsetTop: 0,
-  zIndex: 99,
+  zIndex: zIndexConfig.sticky,
   disabled: false,
 })
 

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

@@ -4,7 +4,7 @@
     class="dd-submit-bar__placeholder"
     :class="{ 'dd-submit-bar__placeholder--safe': safeAreaInsetBottom }"
   ></view>
-  <view class="dd-submit-bar" :class="{ 'dd-submit-bar--safe': safeAreaInsetBottom }">
+  <view class="dd-submit-bar" :class="{ 'dd-submit-bar--safe': safeAreaInsetBottom }" :style="{ zIndex: zIndexConfig.sticky }">
     <slot name="top"></slot>
     <view v-if="hasTip" class="dd-submit-bar__tip">
       <dd-icon v-if="tipIcon" :name="tipIcon" class="dd-submit-bar__tip-icon" />
@@ -44,6 +44,8 @@ import type { CSSProperties } from 'vue'
 import DdButton from '../dd-button/dd-button.vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
 import DdPrice from '../dd-price/dd-price.vue'
+// z-index 统一取 libs/config/zIndex.js（底部固定条取 sticky 档）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   /** 提示文案（tip 区域，如「小计不含服务费」） */
@@ -128,7 +130,6 @@ function onSubmit() {
   left: 0;
   right: 0;
   bottom: 0;
-  z-index: $dd-z-index-sticky;
   background: var(--dd-bg-card, #{$dd-bg-card});
 
   &--safe {

package/components/dd-swipe/dd-swipe.vue

@@ -14,7 +14,7 @@
       <slot></slot>
     </swiper>
     <slot name="indicator" :active="current" :count="count">
-      <view v-if="showIndicators && count > 1" class="dd-swipe__indicators" :class="`dd-swipe__indicators--${vertical ? 'vertical' : 'horizontal'}`">
+      <view v-if="showIndicators && count > 1" class="dd-swipe__indicators" :class="`dd-swipe__indicators--${vertical ? 'vertical' : 'horizontal'}`" :style="{ zIndex: zIndexConfig.base + 1 }">
         <view
           v-for="i in count"
           :key="i"
@@ -30,6 +30,8 @@
 
 <script setup lang="ts">
 import { computed, provide, ref } from 'vue'
+// z-index 统一取 libs/config/zIndex.js（指示点盖住轮播内容取 base 档内 +1）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   width?: string
@@ -113,7 +115,6 @@ defineExpose({ jumpTo, current })
   &__indicators {
     position: absolute;
     display: flex;
-    z-index: 2;
 
     &--horizontal {
       bottom: $dd-space-3;

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

@@ -1,7 +1,7 @@
 <template>
   <view class="dd-swipe-action" :class="{ 'dd-swipe-action--disabled': disabled }">
     <!-- 左侧操作层 (右滑露出) -->
-    <view class="dd-swipe-action__actions dd-swipe-action__actions--left" :style="{ width: leftWidthPx + 'px' }">
+    <view class="dd-swipe-action__actions dd-swipe-action__actions--left" :style="{ width: leftWidthPx + 'px', zIndex: zIndexConfig.base }">
       <view
         v-for="(action, i) in leftActions"
         :key="'l' + i"
@@ -14,7 +14,7 @@
       </view>
     </view>
     <!-- 右侧操作层 (左滑露出) -->
-    <view class="dd-swipe-action__actions dd-swipe-action__actions--right" :style="{ width: rightWidthPx + 'px' }">
+    <view class="dd-swipe-action__actions dd-swipe-action__actions--right" :style="{ width: rightWidthPx + 'px', zIndex: zIndexConfig.base }">
       <view
         v-for="(action, i) in rightActions"
         :key="'r' + i"
@@ -30,7 +30,7 @@
     <view
       class="dd-swipe-action__content"
       :class="{ 'dd-swipe-action__content--anim': animating }"
-      :style="{ transform: `translateX(${translateX}px)` }"
+      :style="{ transform: `translateX(${translateX}px)`, zIndex: zIndexConfig.base + 1 }"
       @touchstart="onTouchStart"
       @touchmove.stop.prevent="onTouchMove"
       @touchend="onTouchEnd"
@@ -44,6 +44,8 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
+// z-index 统一取 libs/config/zIndex.js（操作层 base 档，内容层档内 +1 盖住操作层）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface SwipeAction {
   text?: string
@@ -187,7 +189,6 @@ defineExpose({ close })
     top: 0;
     bottom: 0;
     display: flex;
-    z-index: 0;
 
     &--left {
       left: 0;
@@ -234,7 +235,6 @@ defineExpose({ close })
 
   &__content {
     position: relative;
-    z-index: 1;
     width: 100%;
     background: var(--dd-bg-elevated, #{$dd-bg-elevated});
     transform: translateX(0);

package/components/dd-tabbar/dd-tabbar.vue

@@ -11,6 +11,7 @@
       'dd-tabbar--border': border,
       'dd-tabbar--safe': safeAreaInsetBottom,
     }"
+    :style="{ zIndex: zIndexConfig.sticky }"
   >
     <slot></slot>
   </view>
@@ -18,6 +19,8 @@
 
 <script setup lang="ts">
 import { computed, provide, ref } from 'vue'
+// z-index 统一取 libs/config/zIndex.js（fixed 时吸底层级取 sticky 档；非 fixed 时为 static，z-index 天然失效）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   modelValue?: string | number
@@ -96,7 +99,6 @@ provide('ddTabbar', {
     left: 0;
     right: 0;
     bottom: 0;
-    z-index: $dd-z-index-sticky;
   }
 }
 

package/components/dd-toast/dd-toast.vue

@@ -1,6 +1,6 @@
 <template>
   <dd-portal>
-  <view class="dd-toast" :class="[`dd-toast--${toastState.position}`, { 'dd-toast--show': toastState.visible }]">
+  <view class="dd-toast" :class="[`dd-toast--${toastState.position}`, { 'dd-toast--show': toastState.visible }]" :style="{ zIndex: zIndexConfig.toast }">
     <view class="dd-toast__capsule">
       <view v-if="showIcon" class="dd-toast__icon">
         <view v-if="toastState.type === 'loading'" class="dd-toast__spinner"></view>
@@ -81,6 +81,8 @@ export function showError(message: string) {
 import { computed } from 'vue'
 import DdPortal from '../dd-portal/dd-portal.vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
+// z-index 统一取 libs/config/zIndex.js（toast 必须压过 dialog/popup/keyboard 等一切弹出层）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 // text 类型强制隐藏图标
 const showIcon = computed(() => toastState.icon && toastState.type !== 'text')
@@ -105,7 +107,7 @@ const iconName = computed(() => {
   transform: translateX(-50%) scale(0.9);
   opacity: 0;
   visibility: hidden;
-  z-index: $dd-z-index-toast;
+  /* z-index 由模板注入（libs/config/zIndex.js） */
   @include dd-no-touch; // pointer-events none
   @include dd-transition(opacity 0.25s ease, transform 0.25s ease, visibility 0.25s);