@nutui/nutui-react 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/cjs/packages/table/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-table {
   overflow: hidden;
   position: relative;

package/dist/cjs/packages/tabpane/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tabpane {
   width: 100%;
   flex-shrink: 0;

package/dist/cjs/packages/tabs/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tabs {
   display: flex;
 }
@@ -129,13 +125,13 @@ page {
   color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-tabs-titles-item-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-tabs-titles-item-disabled .nut-icon {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-tabs-titles-item-disabled .nut-tabs-titles-item-text {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {

package/dist/cjs/packages/tag/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tag {
   padding: var(--nutui-tag-padding, 0px calc(2px * var(--nut-scale-f, 1)));
   display: flex;

package/dist/cjs/packages/textarea/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-textarea {
   display: flex;
   flex-direction: column;
@@ -38,7 +34,7 @@ page {
 }
 .nut-textarea-limit-disabled {
   cursor: not-allowed;
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea {
   outline: none;
@@ -67,16 +63,16 @@ page {
 }
 .nut-textarea-textarea-disabled {
   cursor: not-allowed;
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled::placeholder {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled .taro-textarea {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled .taro-textarea::placeholder {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea.nut-textarea-rtl-limit {
   right: auto;

package/dist/cjs/packages/timedetail/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-timedetail {
   display: flex;
   align-content: flex-start;

package/dist/cjs/packages/timeselect/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-timeselect {
   background-color: var(--nutui-color-background-overlay, #ffffff);
   display: flex;

package/dist/cjs/packages/toast/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 @keyframes rotation {
   0% {
     -webkit-transform: rotate(0deg);

package/dist/cjs/packages/tour/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tour-mask {
   position: fixed;
   box-shadow: 0 0 0 150vh var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
@@ -56,7 +52,7 @@ page {
 }
 .nut-tour-content-bottom-operate-btn {
   display: inline-block;
-  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #c2c4cc);
+  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #b4b8bf);
   margin-left: var(--nutui-tour-content-bottom-btn-margin-left, calc(4px * var(--nut-scale-f, 1)));
   padding: var(--nutui-tour-content-bottom-btn-padding, calc(2px * var(--nut-scale-f, 1)) calc(4px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-tour-content-bottom-btn-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));

package/dist/cjs/packages/trendarrow/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-trendarrow {
   display: flex;
   flex-direction: row;

package/dist/cjs/packages/uploader/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-uploader {
   position: relative;
   display: flex;
@@ -61,11 +57,11 @@ page {
 }
 .nut-uploader-upload-disabled {
   background: var(--nutui-uploader-background-disabled, var(--nutui-color-background, #f2f3f5));
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-uploader-upload-disabled .nut-uploader-icon i,
 .nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #b4b8bf));
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, calc(6px * var(--nut-scale-f, 1)));
 }
 .nut-uploader-preview {

package/dist/cjs/packages/video/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-video {
   width: 100%;
   height: 100%;

package/dist/cjs/packages/virtuallist/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-horizontal-items {
   float: left;
 }

package/dist/cjs/packages/watermark/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-watermark {
   position: absolute;
   z-index: var(--nutui-watermark-z-index, 1200);

package/dist/cjs/types/spec/indicator/base.d.ts

@@ -2,10 +2,12 @@ import { BaseProps } from '../../base/props';
 import { UIType } from '../../base/atoms';
 export type IndicatorType = 'anchor' | 'slide' | 'dualScreen';
 export type IndicatorColor = Extract<UIType, 'primary' | 'default'>;
+export type IndicatorPlacement = 'outside' | 'inside-top-right' | 'inside-bottom-center' | 'inside-bottom-left';
 export interface BaseIndicator extends BaseProps {
     total: number;
     current: number;
     direction: string;
     color: IndicatorColor;
     type: IndicatorType;
+    placement: IndicatorPlacement;
 }

package/dist/cjs/utils/scale-f.d.ts

@@ -1,20 +1,3 @@
-/** 原生 DongScreenAdapterPlugin.getScale 的典型返回结构 */
-type NativeScaleResponse = {
-    status?: string;
-    data?: {
-        scale?: number | string;
-    };
-};
-/** jmfe 通用 callNative 签名 */
-type NativeCaller = (plugin: string, method: string, params: string, extra: string) => Promise<NativeScaleResponse>;
-/** 站内容器的 jmfe 桥接方法（可选） */
-declare global {
-    interface Window {
-        jmfe?: {
-            callNative?: NativeCaller;
-        };
-    }
-}
 /** 字体档位：标准、大字、老年 */
 export type ScaleProfile = 'standard' | 'large' | 'elderly';
 /** 不同场景可选用不同放大比例（layout 等默认可不额外放大） */

package/dist/cjs/utils/scale-f.js

@@ -1,5 +1,5 @@
 /**
- * 响应式缩放系数（--nut-scale-f）：结合京东站内原生桥与站外视口规则，
+ * 响应式缩放系数（--nut-scale-f）：按视口宽度计算，
  * 写入根节点 CSS 变量（--nut-scale-f / --nut-scale-font / --nut-scale-icon），
  * 供布局/字号/icon 等按比例换算（见 calcByProfile）。H5 与 Taro WebView 共用此实现。
  */ "use strict";
@@ -20,10 +20,8 @@ _export(exports, {
         return initScaleF;
     }
 });
-var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
-var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _canusedom = require("./can-use-dom");
-/** 当前基准缩放（来自原生或视口计算） */ var scale = 1;
+/** 当前基准缩放（来自视口计算） */ var scale = 1;
 /** 大字模式下仅 font 场景的相对倍率 */ var LARGE_FONT_RATIO = 1.15;
 /** 老年模式下 font/icon/lego 场景的相对倍率 */ var ELDERLY_RATIO = 1.3;
 /** 全局当前档位，与 scale 共同参与 calcByProfile */ var profile = 'standard';
@@ -67,7 +65,7 @@ var _canusedom = require("./can-use-dom");
     }
     return Math.round(value);
 }
-/** 无原生桥时按屏宽推算 scale（含平板与 375 基准窄屏区间） */ function getScaleByViewport() {
+/** 按屏宽推算 scale（含平板与 375 基准窄屏区间） */ function getScaleByViewport() {
     if (!_canusedom.canUseDom) return 1;
     var deviceWidth = window.innerWidth;
     if (!deviceWidth) return 1;
@@ -80,81 +78,8 @@ var _canusedom = require("./can-use-dom");
     }
     return 1;
 }
-/** 通过 jmfe.callNative 拉取 DongScreenAdapterPlugin；失败返回 null */ function getScaleByNative() {
-    return (0, _async_to_generator._)(function() {
-        var _window_jmfe, _res_data, res, parsed, e;
-        return (0, _ts_generator._)(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    if (!_canusedom.canUseDom || !((_window_jmfe = window.jmfe) === null || _window_jmfe === void 0 ? void 0 : _window_jmfe.callNative)) return [
-                        2,
-                        null
-                    ];
-                    _state.label = 1;
-                case 1:
-                    _state.trys.push([
-                        1,
-                        3,
-                        ,
-                        4
-                    ]);
-                    return [
-                        4,
-                        window.jmfe.callNative('DongScreenAdapterPlugin', 'getScale', JSON.stringify({}), '')
-                    ];
-                case 2:
-                    res = _state.sent();
-                    if ((res === null || res === void 0 ? void 0 : res.status) === '0' && ((_res_data = res.data) === null || _res_data === void 0 ? void 0 : _res_data.scale) !== undefined) {
-                        parsed = Number(res.data.scale);
-                        if (Number.isFinite(parsed) && parsed > 0) {
-                            return [
-                                2,
-                                parsed
-                            ];
-                        }
-                    }
-                    return [
-                        3,
-                        4
-                    ];
-                case 3:
-                    e = _state.sent();
-                    return [
-                        3,
-                        4
-                    ];
-                case 4:
-                    return [
-                        2,
-                        null
-                    ];
-            }
-        });
-    })();
-}
-/** 统一获取缩放：站内原生优先，失败则用视口规则 */ function getScaleF() {
-    return (0, _async_to_generator._)(function() {
-        var nativeScale;
-        return (0, _ts_generator._)(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        getScaleByNative()
-                    ];
-                case 1:
-                    nativeScale = _state.sent();
-                    if (nativeScale) return [
-                        2,
-                        nativeScale
-                    ];
-                    return [
-                        2,
-                        getScaleByViewport()
-                    ];
-            }
-        });
-    })();
+/** 统一获取缩放：按视口规则计算 */ function getScaleF() {
+    return getScaleByViewport();
 }
 /** 校验后更新内存中的 scale，并写入 --nut-scale-f */ function setScaleF(nextScale) {
     var validScale = Number.isFinite(nextScale) && nextScale > 0 ? nextScale : 1;
@@ -162,31 +87,15 @@ var _canusedom = require("./can-use-dom");
     applyScaleCssVars(validScale);
     return scale;
 }
-/** 重新拉取缩放；可选同时切换 profile，避免与当前值相同时重复写 DOM */ function refreshScaleF(nextProfile) {
-    return (0, _async_to_generator._)(function() {
-        var nextScale;
-        return (0, _ts_generator._)(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    if (nextProfile) {
-                        setScaleProfile(nextProfile);
-                    }
-                    return [
-                        4,
-                        getScaleF()
-                    ];
-                case 1:
-                    nextScale = _state.sent();
-                    if (!scale || nextScale !== scale) {
-                        setScaleF(nextScale);
-                    }
-                    return [
-                        2,
-                        scale
-                    ];
-            }
-        });
-    })();
+/** 重新计算缩放；可选同时切换 profile，避免与当前值相同时重复写 DOM */ function refreshScaleF(nextProfile) {
+    if (nextProfile) {
+        setScaleProfile(nextProfile);
+    }
+    var nextScale = getScaleF();
+    if (!scale || nextScale !== scale) {
+        setScaleF(nextScale);
+    }
+    return scale;
 }
 function initScaleF(nextProfile) {
     if (!_canusedom.canUseDom) return function() {};

package/dist/es/packages/actionsheet/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-actionsheet {
   text-align: center;
 }
@@ -55,7 +51,7 @@ page {
   color: var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, #ff0f23));
 }
 .nut-actionsheet-cancel-disabled, .nut-actionsheet-item-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc) !important;
+  color: var(--nutui-color-text-disabled, #b4b8bf) !important;
   cursor: not-allowed;
 }
 .nut-actionsheet-cancel {

package/dist/es/packages/address/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-address-exist {
   display: block;
   padding: calc(15px * var(--nut-scale-f, 1)) calc(20px * var(--nut-scale-f, 1)) 0;
@@ -48,7 +44,7 @@ page {
   background: var(--nutui-button-primary-background-color, var(--nutui-color-primary, #ff0f23));
   border-radius: calc(21px * var(--nut-scale-f, 1));
   font-size: var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1))));
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
 }
 
 .nut-address-title {
@@ -112,7 +108,7 @@ page {
 }
 .nut-address-selected-border {
   margin: 0 calc(2px * var(--nut-scale-f, 1));
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-address-elevator {
   margin-top: 0;

package/dist/es/packages/animate/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-animate {
   /* Animation CSS */
   /* Slide Animations */

package/dist/es/packages/animatingnumbers/style/style.css

@@ -6,9 +6,4 @@ page {
   --nut-icon-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
   --nut-icon-width: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
-}
-
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
+}

package/dist/es/packages/audio/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-audio-icon {
   position: relative;
   display: inline-block;
@@ -24,7 +20,7 @@ page {
   height: calc(30px * var(--nut-scale-f, 1));
   background: #ffffff;
   border-radius: 50%;
-  box-shadow: 0 0 calc(8px * var(--nut-scale-f, 1)) var(--nutui-color-text-disabled, #c2c4cc);
+  box-shadow: 0 0 calc(8px * var(--nut-scale-f, 1)) var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-audio-icon .nut-audio-icon-stop {
   position: relative;
@@ -37,7 +33,7 @@ page {
   content: "";
   height: calc(2px * var(--nut-scale-f, 1));
   width: calc(30px * var(--nut-scale-f, 1));
-  background: var(--nutui-color-text-disabled, #c2c4cc);
+  background: var(--nutui-color-text-disabled, #b4b8bf);
   transform: rotate(45deg);
   transform-origin: calc(8px * var(--nut-scale-f, 1)) calc(-18px * var(--nut-scale-f, 1));
 }

package/dist/es/packages/avatar/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-avatar {
   position: relative;
   flex: 0 0 auto;

package/dist/es/packages/avatarcropper/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-avatar-cropper {
   position: relative;
   display: flex;

package/dist/es/packages/avatargroup/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-avatar-group {
   display: flex;
   flex-direction: row;

package/dist/es/packages/backtop/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-backtop {
   display: none;
 }

package/dist/es/packages/badge/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-badge {
   position: relative;
   /* #ifdef dynamic*/
@@ -49,7 +45,7 @@ page {
   left: -50%;
   right: -50%;
   transform: scale(0.5);
-  border: var(--nutui-badge-border, calc(1px * var(--nut-scale-f, 1)) solid #ffffff);
+  border: var(--nutui-badge-border, calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary-text, #ffffff));
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, calc(14px * var(--nut-scale-f, 1))));
 }
 .nut-badge-sup {
@@ -63,7 +59,7 @@ page {
   min-width: var(--nutui-badge-min-width, calc(6px * var(--nut-scale-f, 1)));
   padding: var(--nutui-badge-padding, calc(1px * var(--nut-scale-f, 1)) calc(4px * var(--nut-scale-f, 1)));
   box-sizing: border-box;
-  color: var(--nutui-badge-color, #ffffff);
+  color: var(--nutui-badge-color, var(--nutui-color-primary-text, #ffffff));
   font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxxs, calc(9px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   line-height: calc(12px * var(--nut-scale-f, 1));
   white-space: nowrap;
@@ -73,7 +69,7 @@ page {
   z-index: 1;
 }
 .nut-badge-disabled {
-  background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
+  background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-badge-number {
   font-family: "JDZH-Regular";
@@ -91,7 +87,7 @@ page {
   border-radius: 50%;
 }
 .nut-badge-dot::after {
-  border: var(--nutui-badge-dot-border, calc(1px * var(--nut-scale-f, 1)) solid #ffffff);
+  border: var(--nutui-badge-dot-border, calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary-text, #ffffff));
   border-radius: 50%;
 }
 .nut-badge-dot-normal {
@@ -110,7 +106,7 @@ page {
   height: var(--nutui-badge-dot-large-width, calc(8px * var(--nut-scale-f, 1)));
 }
 .nut-badge-outline {
-  background: #ffffff;
+  background: var(--nutui-color-primary-text, #ffffff);
   color: var(--nutui-badge-outline-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-badge-outline::after {

package/dist/es/packages/barrage/style/style.css

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-barrage {
   position: absolute;
   left: 0;