oxy-uni-ui 2.1.3 → 2.1.5

package/components/oxy-tabs/index.scss

@@ -4,58 +4,70 @@
 
 .oxy-theme-dark {
   @include b(tabs) {
-    background: $-dark-background2;
+    background: $-tabs-nav-bg-dark;
 
     @include e(nav) {
-      background: $-dark-background2;
+      background: $-tabs-nav-bg-dark;
     }
 
     @include e(nav-item) {
-      color: $-dark-color3;
+      color: $-tabs-nav-color-dark;
 
       @include when(active) {
         font-weight: $-fw-semibold;
-        color: $-dark-color;
+        color: $-tabs-nav-active-color-dark;
       }
 
       @include when(disabled) {
-        color: $-dark-color-gray;
+        color: $-tabs-nav-disabled-color-dark;
       }
 
     }
 
     @include e(map-nav-btn) {
-      background-color: $-dark-background4;
-      color: $-dark-color3;
+      background-color: $-tabs-nav-map-button-back-color-dark;
+      color: $-tabs-nav-color-dark;
 
       @include when(active) {
-        color: $-dark-color;
+        color: $-tabs-nav-active-color-dark;
         border: 2rpx solid $-tabs-nav-active-color;
-        background-color: $-dark-background;
+        background-color: $-tabs-nav-map-button-active-bg-dark;
       }
 
       @include when(disabled) {
-        color: $-dark-color-gray;
-        border-color: $-tabs-nav-map-disabled-border-color;
+        color: $-tabs-nav-disabled-color-dark;
+        border-color: $-tabs-nav-map-disabled-border-color-dark;
       }
     }
 
     @include e(map-btn) {
-      background: $-dark-background2;
-      color: $-dark-color3;
+      background: $-tabs-nav-bg-dark;
+      color: $-tabs-nav-map-arrow-color-dark;
+
+      &::before {
+        background: $-tabs-nav-map-btn-before-bg-dark;
+      }
     }
 
     @include e(map-header) {
-      background: $-dark-background2;
-      color: $-dark-color;
+      background: $-tabs-nav-bg-dark;
+      color: $-tabs-nav-map-color-dark;
 
       &::after {
-        background: $-dark-background4;
+        background: $-tabs-nav-map-header-border-color-dark;
       }
     }
 
     @include e(map-body) {
-      background: $-dark-background2;
+      background: $-tabs-nav-bg-dark;
+    }
+
+    @include edeep(nav-item-pills) {
+      @include when(active) {
+        .oxy-tabs__nav-item-text {
+          color: $-tabs-nav-pills-color-dark;
+        }
+      }
     }
 
   }
@@ -225,7 +237,7 @@
     background: $-tabs-nav-bg;
     opacity: 0;
 
-    @include halfPixelBorder;
+    @include halfPixelBorder('bottom', 0, $-tabs-nav-map-header-border-color);
 
     &::after {
       z-index: $-z-index-sticky;

package/components/oxy-tag/index.scss

@@ -4,22 +4,34 @@
 .oxy-theme-dark {
   @include b(tag) {
     @include when(default) {
-      background: $-dark-background4;
-      color: $-dark-color3;
+      background: $-tag-info-bg-dark;
+      color: $-tag-color-dark;
 
       @include when(plain) {
         background: transparent;
-        border-color: $-dark-background7;
+        border-color: $-tag-round-border-color-dark;
       }
 
       @include when(round) {
-        color: $-dark-color3;
-        border-color: $-dark-background7;
+        color: $-tag-round-color-dark;
+        border-color: $-tag-round-border-color-dark;
       }
     }
 
     @include when(dynamic-input) {
-      border-color: $-dark-background7;
+      border-color: $-tag-round-border-color-dark;
+    }
+
+    @include e(add-text) {
+      &::placeholder {
+        color: $-tag-add-placeholder-color-dark;
+      }
+    }
+
+    @include e(close) {
+      &:active {
+        color: $-tag-close-active-color-dark;
+      }
     }
   }
 }
@@ -317,7 +329,7 @@ $-tag-size-large-config: (
     text-align: left;
 
     &::placeholder {
-      color: $-font-gray-3;
+      color: $-tag-add-placeholder-color;
     }
   }
 

package/components/oxy-textarea/index.scss

@@ -3,66 +3,66 @@
 
 .oxy-theme-dark {
   @include b(textarea) {
-    background: $-dark-background2;
+    background: $-textarea-bg-dark;
 
     &::after {
-      background: $-dark-color-gray;
+      background: $-textarea-border-color-dark;
     }
 
     @include when(not-empty) {
       &:not(.is-disabled) {
         &::after {
-          background-color: $-dark-color;
+          background-color: $-textarea-not-empty-border-color-dark;
         }
       }
     }
 
     @include e(value) {
-      background: $-dark-background2;
+      background: $-textarea-bg-dark;
     }
 
     @include e(inner) {
-      color: $-dark-color;
+      color: $-textarea-color-dark;
 
       &::-webkit-input-placeholder {
-        color: $-dark-color3;
+        color: $-textarea-placeholder-color-dark;
       }
     }
 
     @include e(count) {
-      color: $-dark-color3;
+      color: $-textarea-count-color-dark;
       background: transparent;
     }
 
     @include e(count-current) {
-      color: $-dark-color;
+      color: $-textarea-count-current-color-dark;
     }
 
     :deep(.oxy-textarea__icon),
     :deep(.oxy-textarea__clear) {
-      color: $-dark-color;
+      color: $-textarea-icon-color-dark;
       background: transparent;
     }
 
     @include when(cell) {
-      background-color: $-dark-background2;
+      background-color: $-textarea-bg-dark;
 
       @include when(border) {
-        @include halfPixelBorder("top", $-textarea-cell-padding, $-dark-border-color);
+        @include halfPixelBorder("top", $-textarea-cell-padding, $-textarea-cell-border-color-dark);
       }
     }
 
     @include when(disabled) {
 
       .oxy-textarea__inner {
-        color: $-dark-color-gray;
+        color: $-textarea-disabled-color-dark;
         background: transparent;
       }
     }
 
 
     @include e(label) {
-      color: $-dark-color;
+      color: $-textarea-label-color-dark;
     }
   }
 }
@@ -93,7 +93,7 @@
     position: relative;
     display: flex;
     width: $-input-cell-label-width;
-    color: $-cell-title-color;
+    color: $-textarea-label-color;
     margin-right: $-cell-padding;
     box-sizing: border-box;
     font-size: $-textarea-fs;
@@ -167,7 +167,7 @@
     min-height: 56rpx;
 
     &::-webkit-input-placeholder {
-      color: $-input-placeholder-color;
+      color: $-textarea-placeholder-color;
     }
   }
 
@@ -244,7 +244,7 @@
     opacity: $-opacity-disabled;
 
     .oxy-textarea__inner {
-      color: $-input-disabled-color;
+      color: $-textarea-disabled-color;
       background: transparent;
     }
   }
@@ -306,7 +306,7 @@
     }
 
     @include when(border) {
-      @include halfPixelBorder("top", $-textarea-cell-padding);
+      @include halfPixelBorder("top", $-textarea-cell-padding, $-textarea-cell-border-color);
     }
   }
 

package/components/oxy-textarea/placeholder.scss

@@ -4,14 +4,14 @@
 .oxy-theme-dark {
   @include b(textarea) {
     @include e(placeholder) {
-      color: $-dark-color3;
+      color: $-textarea-placeholder-color-dark;
     }
   }
 }
 
 @include b(textarea) {
   @include e(placeholder) {
-    color: $-input-placeholder-color;
+    color: $-textarea-placeholder-color;
 
     &.is-error {
       color: $-input-error-color;

package/components/oxy-tooltip/index.scss

@@ -6,11 +6,11 @@
   @include b(tooltip) {
 
     @include e(pos) {
-      background: $-dark-background4;
+      background: $-tooltip-bg-dark;
       color: $-tooltip-color;
     }
 
-    @include triangleArrow($-tooltip-arrow-size, $-dark-background4);
+    @include triangleArrow($-tooltip-arrow-size, $-tooltip-bg-dark);
 
   }
 

package/components/oxy-tree/index.scss

@@ -55,7 +55,7 @@
   box-sizing: border-box;
   padding-right: $-tree-node-padding-right;
   border-radius: $-tree-node-radius;
-  color: $-color-secondary;
+  color: $-tree-node-color;
   font-size: $-tree-node-font-size;
   transition: background-color .2s ease, color .2s ease, opacity .2s ease;
 

package/components/oxy-upload/index.scss

@@ -4,20 +4,20 @@
 .oxy-theme-dark {
   @include b(upload) {
     @include e(evoke) {
-      background-color: $-dark-background4;
-      color: $-dark-color3;
+      background-color: $-upload-evoke-bg-dark;
+      color: $-upload-evoke-color-dark;
 
       @include when(disabled) {
-        color: $-dark-color-gray;
+        color: $-upload-evoke-disabled-color-dark;
       }
     }
 
     @include e(file) {
-      background-color: $-dark-background4;
+      background-color: $-upload-evoke-bg-dark;
     }
 
     @include e(file-name) {
-      color: $-dark-color3;
+      color: $-upload-file-color-dark;
     }
   }
 
@@ -118,7 +118,7 @@
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: $-upload-preview-icon-size;
-    color: $-color-white;
+    color: $-upload-mask-text-color;
 
     &::before {
       background-color: $-upload-video-play-bg;
@@ -143,7 +143,7 @@
       width: 100%;
       height: 100%;
       border-radius: $-radius-circle;
-      background-color: $-color-white;
+      background-color: $-upload-close-icon-bg;
       left: 0;
       z-index: -1;
     }
@@ -160,12 +160,12 @@
     font-size: $-upload-progress-fs;
     line-height: $-upload-progress-fs;
     margin-top: $-spacing-20;
-    color: $-color-white;
+    color: $-upload-mask-text-color;
   }
 
   @include edeep(icon) {
     font-size: $-upload-preview-icon-size;
-    color: $-color-white;
+    color: $-upload-mask-text-color;
   }
 
   @include e(status-content) {
@@ -180,7 +180,7 @@
   @include e(preview-file) {
     margin-bottom: 64rpx;
     .oxy-upload__status-content:not(.oxy-upload__mask) {
-      border: 1px solid $-color-border;
+      border: 1px solid $-upload-file-border-color;
       box-sizing: border-box;
       border-radius: $-upload-file-radius;
       .oxy-upload__picture {

package/components/oxy-voice-player/index.scss

@@ -59,6 +59,8 @@ $-voice-player-control-btn-shadow: var(--oxy-voice-player-control-btn-shadow, 0
 $-voice-player-control-btn-active-shadow: var(--oxy-voice-player-control-btn-active-shadow, 0 2rpx 8rpx rgba(0, 0, 0, 0.15)) !default;
 $-voice-player-control-btn-play-size: var(--oxy-voice-player-control-btn-play-size, 100rpx) !default;
 $-voice-player-control-btn-play-bg: var(--oxy-voice-player-control-btn-play-bg, resultColor(135deg, $-color-theme, 'dark' 'light', #667eea #764ba2, 0% 100%)) !default;
+$-voice-player-control-btn-play-shadow: var(--oxy-voice-player-control-btn-play-shadow, 0 8rpx 24rpx rgba(102, 126, 234, 0.4)) !default;
+$-voice-player-control-btn-play-active-shadow: var(--oxy-voice-player-control-btn-play-active-shadow, 0 4rpx 12rpx rgba(102, 126, 234, 0.3)) !default;
 $-voice-player-control-icon-fs: var(--oxy-voice-player-control-icon-fs, 60rpx) !default;
 $-voice-player-control-icon-color: var(--oxy-voice-player-control-icon-color, $-color-white) !default;
 $-voice-player-control-icon-shadow: var(--oxy-voice-player-control-icon-shadow, 0 2rpx 4rpx rgba(0, 0, 0, 0.2)) !default;
@@ -528,9 +530,11 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
       width: $-voice-player-control-btn-play-size;
       height: $-voice-player-control-btn-play-size;
       background: $-voice-player-control-btn-play-bg;
+      box-shadow: $-voice-player-control-btn-play-shadow;
 
       &:active {
         transform: scale(0.92);
+        box-shadow: $-voice-player-control-btn-play-active-shadow;
       }
     }
   }

package/package.json

@@ -2,7 +2,7 @@
   "id": "oxy-uni-ui",
   "name": "oxy-uni-ui",
   "displayName": "oxy-uni-ui 基于vue3+Typescript的高颜值组件库",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "license": "MIT",
   "description": "一个基于Vue3+TS开发的uni-app组件库，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。",
   "keywords": [