@didaoktv/didaoui-uniapp 1.3.0 → 1.3.2

package/components/dd-markdown/dd-markdown.vue

@@ -147,7 +147,7 @@ export default {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   font-size: 16px;
   line-height: 1.6;
-  color: #333;
+  color: var(--dd-fg, #{$dd-fg});
   padding: 16px;
   word-wrap: break-word;
   
@@ -195,7 +195,7 @@ export default {
   
   /* 链接样式 */
   :deep(a) {
-    color: #007AFF;
+    color: var(--dd-link, #{$dd-link});
     text-decoration: none;
     
     &:hover {
@@ -226,15 +226,15 @@ export default {
   :deep(blockquote) {
     margin: 8px 0;
     padding: 0 10px;
-    border-left: 4px solid #ccc;
-    color: #666;
+    border-left: 4px solid var(--dd-border-default, #{$dd-border-default});
+    color: var(--dd-text-secondary, #{$dd-text-secondary});
   }
   
   /* 代码样式 */
   :deep(&-code) {
     font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
     font-size: 14px;
-    background-color: #f6f8fa;
+    background-color: var(--dd-surface-container, #{$dd-surface-container});
     padding: 3px 6px;
     border-radius: 3px;
     display: flex;
@@ -247,7 +247,7 @@ export default {
   :deep(pre) {
     font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
     font-size: 14px;
-    background-color: #f6f8fa;
+    background-color: var(--dd-surface-container, #{$dd-surface-container});
     padding: 16px;
     overflow: auto;
     border-radius: 6px;
@@ -293,36 +293,12 @@ export default {
     height: 1px;
     padding: 0;
     margin: 24px 0;
-    background-color: #e1e4e8;
+    background-color: var(--dd-rule, #{$dd-rule});
     border: 0;
   }
-  
-  /* 深色主题 */
-  &.dark {
-    color: #ccc;
-    background-color: #1e1e1e;
-    
-    :deep(&-code) {
-      background-color: #2d2d2d;
-      color: #dcdcdc;
-    }
-    
-    :deep(pre) {
-      background-color: #2d2d2d;
-      color: #dcdcdc;
-    }
-
-    :deep(blockquote) {
-        margin: 8px 0;
-        padding: 0 10px;
-        border-left: 4px solid #ccc;
-        color: #bbb;
-    }
-    
-    :deep(a) {
-      color: #4da6ff;
-    }
-  }
+  // ponytail: .dark 本地类已废弃——CSS 变量随全局 .light/.dark 自动翻转，
+  // 保留空块避免消费方 class="dark" 断裂，升级路径：下个大版本直接删
+  &.dark {}
 }
 
 /* 代码块行号样式 */

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

@@ -92,7 +92,7 @@ function onTouchMove() {
 .dd-overlay {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.7);
+  background: var(--dd-color-overlay-strong, #{$dd-color-overlay-strong});
   display: flex;
   align-items: center;
   justify-content: center;

package/components/dd-parse/parser.js

@@ -77,18 +77,25 @@ const config = {
 }
 const tagSelector = {}
 let windowWidth, system
-// #ifdef MP-WEIXIN
-if (uni.canIUse('getWindowInfo')) {
-  windowWidth = uni.getWindowInfo().windowWidth
-  system = uni.getDeviceInfo().system
-} else {
-// #endif
+// ponytail: 不能在模块顶层调用 uni.*——H5 下组件库 ESM 求值早于 uni-h5 运行时挂载 window.uni，
+// 会抛 "uni is not defined"；改为首次使用时惰性初始化
+function initSystemInfo () {
+  if (windowWidth !== undefined) {
+    return
+  }
+  // #ifdef MP-WEIXIN
+  if (uni.canIUse('getWindowInfo')) {
+    windowWidth = uni.getWindowInfo().windowWidth
+    system = uni.getDeviceInfo().system
+    return
+  }
+  // #endif
   const systemInfo = uni.getSystemInfoSync()
   windowWidth = systemInfo.windowWidth
   // #ifdef MP-WEIXIN
   system = systemInfo.system
+  // #endif
 }
-// #endif
 const blankChar = makeMap(' ,\r,\n,\t,\f')
 let idIndex = 0
 
@@ -310,6 +317,7 @@ Parser.prototype.parseStyle = function (node) {
         }
       } else if (value.includes('rpx')) {
         // 转换 rpx（rich-text 内部不支持 rpx）
+        initSystemInfo()
         value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
       }
       styleObj[key] = value
@@ -556,6 +564,7 @@ Parser.prototype.onOpenTag = function (selfClose) {
       }
       // #endif
       // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      initSystemInfo()
       if (parseInt(styleObj.width) > windowWidth) {
         styleObj.height = undefined
       }
@@ -790,6 +799,7 @@ Parser.prototype.popNode = function () {
 
   Object.assign(styleObj, this.parseStyle(node))
 
+  initSystemInfo()
   if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
     styleObj['max-width'] = '100%'
     styleObj['box-sizing'] = 'border-box'
@@ -1186,6 +1196,7 @@ Parser.prototype.onText = function (text) {
   node.text = decodeEntity(text)
   if (this.hook(node)) {
     // #ifdef MP-WEIXIN
+    initSystemInfo()
     if (this.options.selectable === 'force' && system.includes('iOS') && !uni.canIUse('rich-text.user-select')) {
       this.expose()
     }

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

@@ -113,14 +113,15 @@ function onConfirm() {
 @import '../../scss/variables';
 @import '../../scss/mixins';
 :deep(.uni-picker-view-mask) {
-  background-image: linear-gradient(180deg, hsl(0deg 0% 9% / 95%), hsl(0deg 0% 9% / 60%)), linear-gradient(0deg, hsl(0deg 0% 9% / 95%), hsl(0deg 0% 9% / 60%));
+  background-image: linear-gradient(180deg, var(--dd-surface-container, #{$dd-surface-container}), transparent 60%),
+                    linear-gradient(0deg, var(--dd-surface-container, #{$dd-surface-container}), transparent 60%);
 }
 .dd-picker {
   &__mask {
     position: fixed;
     inset: 0;
     z-index: $dd-z-index-overlay;
-    background: rgba(0, 0, 0, 0.7);
+    background: var(--dd-color-overlay-strong, #{$dd-color-overlay-strong});
     opacity: 0;
     pointer-events: none;
     @include dd-transition(opacity 0.3s);

package/components/dd-progress/dd-progress.vue

@@ -121,7 +121,7 @@ function stepStatus(i: number): 'done' | 'current' | 'pending' {
   &__track {
     flex: 1;
     height: 12rpx;
-    background: #2a2a2a;
+    background: var(--dd-surface-container-high, #{$dd-surface-container-high});
     border-radius: $dd-radius-full;
     overflow: hidden;
     position: relative;
@@ -207,7 +207,7 @@ function stepStatus(i: number): 'done' | 'current' | 'pending' {
     width: 24rpx;
     height: 24rpx;
     border-radius: 50%;
-    background: #2a2a2a;
+    background: var(--dd-surface-container-high, #{$dd-surface-container-high});
     flex-shrink: 0;
     @include dd-transition(all 0.3s ease);
 
@@ -226,7 +226,7 @@ function stepStatus(i: number): 'done' | 'current' | 'pending' {
     flex: 1;
     height: $dd-space-1;
     margin: 0 $dd-space-1;
-    background: #2a2a2a;
+    background: var(--dd-surface-container-high, #{$dd-surface-container-high});
     @include dd-transition(background 0.3s ease);
 
     &--done {

package/package.json

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