@didaoktv/didaoui-uniapp 1.4.3 → 2.0.0

package/components/dd-top-navbar/dd-top-navbar.vue

@@ -6,6 +6,7 @@
       'dd-topbar--transparent': transparent,
       'dd-topbar--border': border && !transparent,
     }"
+    :style="{ zIndex: zIndexConfig.sticky }"
   >
     <view
       v-if="fixed && statusBarHeight > 0"
@@ -39,6 +40,8 @@
 import { computed } from 'vue'
 import DdIcon from '../dd-icon/dd-icon.vue'
 import { getStatusBarHeight, isH5 } from '../../libs/utils'
+// z-index 统一取 libs/config/zIndex.js（fixed 时吸顶层级取 sticky 档；非 fixed 时为 static，z-index 天然失效）
+import zIndexConfig from '../../libs/config/zIndex.js'
 
 interface Props {
   title?: string
@@ -102,7 +105,6 @@ function onBack() {
     top: 0;
     left: 0;
     right: 0;
-    z-index: $dd-z-index-sticky;
   }
 
   &--transparent {

package/libs/config/zIndex.d.ts

@@ -1,14 +1,14 @@
 // libs/config/zIndex.js 的类型声明（该库多为 JS 文件，allowJs 未开启，TS 侧导入需要此声明）
 declare const zIndex: {
-  toast: number
-  noNetwork: number
+  base: number
+  sticky: number
+  overlay: number
   popup: number
-  mask: number
   dialogMask: number
   dialog: number
-  navbar: number
-  topTips: number
-  sticky: number
-  indexListSticky: number
+  noNetwork: number
+  cropper: number
+  loading: number
+  toast: number
 }
 export default zIndex

package/libs/config/zIndex.js

@@ -1,23 +1,16 @@
-// uniapp在H5中各API的z-index值如下：
-/**
- * actionsheet: 999
- * modal: 999
- * navigate: 998
- * tabbar: 998
- * toast: 999
- */
+// z-index 唯一真源档位表（ADR 0013）：组件只准选档或档内 +1 派生，禁止魔数。
+// uniapp 在 H5 中各 API 的 z-index 平台事实（页面层必须低于它们）：
+//   actionsheet: 999 / modal: 999 / toast: 999 / navigate: 998 / tabbar: 998
 
 export default {
-    toast: 10090,
-    noNetwork: 10080,
-    // popup包含popup，actionsheet，keyboard，picker的值
-    popup: 10075,
-    mask: 10070,
-    // dialog 独立于 popup 体系：弹窗需压在 popup 面板(popup+1)之上，又不遮住 noNetwork/toast
-    dialogMask: 10077,
-    dialog: 10078,
-    navbar: 980,
-    topTips: 975,
-    sticky: 970,
-    indexListSticky: 965
+    base: 1,        // 普通层内叠放
+    sticky: 100,    // 页面内吸顶/吸底/导航族/浮钮（H5 须低于平台弹层 998）
+    overlay: 2000,  // 遮罩
+    popup: 2001,    // 弹层面板（overlay+1）
+    dialogMask: 2010, // 对话框遮罩
+    dialog: 2011,     // 对话框面板（dialogMask+1）
+    noNetwork: 2020,  // 断网提示
+    cropper: 2025,    // 全屏裁剪工作界面（非提示类，须低于 loading/toast）
+    loading: 2030,    // 全屏加载
+    toast: 2040,      // 提示（最高）
 }

package/package.json

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

package/scss/_variables.scss

@@ -359,15 +359,3 @@ $dd-popup-duration: 0.3s !default;
 $dd-popover-offset: 8px !default;
 $dd-step-inactive-color: $dd-neutral-500 !default;
 $dd-step-active-color: $dd-primary-500 !default;
-
-// === z-index 层级 ===
-$dd-z-index-base: 1 !default;
-$dd-z-index-sticky: 100 !default;
-$dd-z-index-fixed: 1000 !default;
-$dd-z-index-overlay: 2000 !default;
-$dd-z-index-popup: 2001 !default;
-$dd-z-index-modal: 3000 !default;
-$dd-z-index-toast: 4000 !default;
-$dd-z-index-loading: 5000 !default;
-// 全屏裁剪覆盖层：三画布 + 操作条需压过全部全局层级
-$dd-z-index-cropper: 100000 !default;