@tplc/wot 1.0.18 → 1.0.19

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.19](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v1.0.18...v1.0.19) (2025-12-29)
+
 ### [1.0.18](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v1.0.17...v1.0.18) (2025-12-29)
 
 

package/components/wd-select-picker/index.scss

@@ -3,84 +3,173 @@
 
 .wot-theme-dark {
   @include b(select-picker) {
-    :deep(.wd-select-picker__arrow),
-    :deep(.wd-select-picker__close),
-    :deep(.wd-select-picker__clear) {
+    @include when(border) {
+      .wd-select-picker__cell {
+        @include halfPixelBorder('top', $-cell-padding, $-dark-border-color);
+      }
+    }
+
+    @include e(cell) {
       color: $-dark-color;
+      background-color: $-dark-background2;
+      @include when(disabled) {
+        .wd-select-picker__value {
+          color: $-dark-color3;
+        }
+      }
     }
 
-    :deep(.wd-select-picker__cell--placeholder) {
-      .wd-cell__value {
+    @include e(label) {
+      color: $-dark-color;
+    }
+    @include e(value) {
+      color: $-dark-color;
+      @include m(placeholder) {
         color: $-dark-color-gray;
       }
     }
+
+    :deep(.wd-select-picker__arrow),
+    :deep(.wd-select-picker__close) {
+      color: $-dark-color;
+    }
   }
 }
 
 @include b(select-picker) {
-  @include edeep(cell) {
+  @include when(border) {
+    .wd-select-picker__cell {
+      @include halfPixelBorder('top', $-cell-padding);
+    }
+  }
+  @include e(cell) {
+    position: relative;
+    display: flex;
+    align-items: flex-start;
+    padding: $-cell-wrapper-padding $-cell-padding;
+    overflow: hidden;
+    font-size: $-cell-title-fs;
+    line-height: $-cell-line-height;
+    color: $-cell-title-color;
+    text-decoration: none;
+    background-color: $-color-white;
+  }
+  @include e(cell) {
     @include when(disabled) {
-      .wd-cell__value {
+      .wd-select-picker__value {
         color: $-input-disabled-color;
-        cursor: not-allowed;
+      }
+    }
+    @include when(align-right) {
+      .wd-select-picker__value {
+        text-align: right;
       }
     }
     @include when(error) {
-      .wd-cell__value {
+      .wd-select-picker__value {
         color: $-input-error-color;
       }
-      .wd-select-picker__arrow {
+      :deep(.wd-select-picker__arrow) {
         color: $-input-error-color;
       }
     }
+    @include when(large) {
+      font-size: $-cell-title-fs-large;
 
-    @include m(placeholder) {
-      .wd-cell__value {
-        color: $-input-placeholder-color;
+      :deep(.wd-select-picker__arrow) {
+        font-size: $-cell-icon-size-large;
       }
     }
+  }
+  @include e(error-message) {
+    font-size: $-form-item-error-message-font-size;
+    line-height: $-form-item-error-message-line-height;
+    color: $-form-item-error-message-color;
+    text-align: left;
+    vertical-align: middle;
+  }
+  @include e(label) {
+    position: relative;
+    box-sizing: border-box;
+    width: $-input-cell-label-width;
+    margin-right: $-cell-padding;
+    color: $-cell-title-color;
 
-    @include when(large) {
-      .wd-select-picker__arrow,
-      .wd-select-picker__clear {
-        font-size: $-cell-icon-size-large;
+    @include when(required) {
+      .wd-select-picker__label-inner {
+        position: relative;
+        &::after {
+          position: absolute;
+          top: 2px;
+          right: -24rpx;
+          font-size: $-cell-required-size;
+          line-height: 1.1;
+          color: $-cell-required-color;
+          content: '*';
+        }
       }
     }
   }
+  @include e(value-wraper) {
+    display: flex;
+  }
+  @include e(value) {
+    flex: 1;
+    margin-right: 10px;
+    color: $-cell-value-color;
 
-  @include edeep(arrow, clear) {
+    @include when(ellipsis) {
+      @include lineEllipsis;
+    }
+    @include m(placeholder) {
+      color: $-input-placeholder-color;
+    }
+  }
+  @include e(body) {
+    flex: 1;
+  }
+  @include edeep(arrow) {
     display: block;
     font-size: $-cell-icon-size;
-    color: $-cell-arrow-color;
     line-height: $-cell-line-height;
-  }
-
-  @include edeep(clear) {
-    color: $-cell-clear-color;
+    color: $-cell-arrow-color;
   }
 
   @include e(loading) {
     position: absolute;
-    display: flex;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
+    z-index: 3;
+    display: flex;
     align-items: center;
     justify-content: center;
-    z-index: 3;
     background: $-picker-loading-bg;
   }
-
+  @include e(no-more) {
+    text-align: center;
+    color: $-cell-arrow-color;
+    padding: 24rpx 0;
+    font-size: 28rpx;
+  }
+  @include e(innerLoading) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: $-picker-loading-bg;
+    padding: 24rpx 0;
+  }
+  // selectPiceker多出的样式
   @include edeep(header) {
     height: 72px;
     line-height: 72px;
   }
   @include e(wrapper) {
-    padding: 0 10px;
     position: relative;
-    max-height: 356px;
     box-sizing: border-box;
+    max-height: 356px;
+    padding: 0 10px;
     overflow: auto;
 
     @include when(filterable) {
@@ -95,6 +184,21 @@
   @include e(text-active) {
     color: $-color-theme;
   }
+  @include e(button) {
+    width: 100%;
+    height: 72rpx;
+    line-height: 72rpx;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #333;
+    box-sizing: border-box;
+    text-align: center;
+    border: 1px solid #eee;
+    &--active {
+      color: $-color-theme;
+      border: 1px solid $-color-theme;
+    }
+  }
 
   @include e(footer) {
     padding: 24px 15px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "id": "@tplc/wot",
   "name": "@tplc/wot",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "keywords": [
     "wot-design-uni",
     "国际化",