taro-react-uilib 1.3.4-1 → 1.3.4-11

package/dist/styles/components/dialogref.scss

@@ -1,6 +1,5 @@
 @import './mask.scss';
 @import "../../styles/themes/variable.scss";
-// @import "../../styles/themes/default.scss";
 @import "../../styles/themes/animation.scss";
 
 #{$xh-prefix}-dialog-ref {
@@ -23,55 +22,40 @@
   &-content {
     position: absolute;
     background-color: #fff;
+    &.tranparent {
+      background-color: transparent;
+    }
     z-index: 999;
     width: 600px;
-    // padding-top: 60px;
     box-sizing: border-box;
-    border-radius: 10px;
     text-align: center;
     touch-action: none;
+    color: var(--font-color);
+    border-radius: 16px;
     &-header {
-      font-size: 38px;
+      font-size: 32px;
       font-family: PingFang SC;
       font-weight: 500;
       line-height: 53px;
-      color: #333333;
-      margin-top: 30px;
+      margin-top: 64px;
     }
     &-content {
       // margin: 66px auto 0;
-      font-size: 34px;
+      font-size: 28px;
       font-family: PingFang SC;
-      color: #999;
       text-align: left;
     }
     &-footer {
       // margin-top: 60px;
       .xh-dialog-ref-content-footer-buttons {
+        border-top: 1PX solid #EEE;
         display: flex;
-        padding: 0 40px 50px;
-        &:not(.microApp) {
-          height: 100px;
-        }
-        &.microApp {
-          border-top: 2px solid #f8f8f8;
-          padding: 0;
-        }
-        &-microapp-cancel {
-          color: var(--font-color-tertiary);
-          border-bottom-left-radius: 10px;
-          border-right: 2px solid #f8f8f8;
-          padding: 10px 0;
-        }
-        &-microapp-confirm {
-          color: var(--color-primary);
-          border-bottom-right-radius: 10px;
-          padding: 10px 0;
-        }
-        &-h5-cancel {
-          margin-right: 40px;
+        border-bottom-left-radius: 16px;
+        border-bottom-right-radius: 16px;
+        overflow: hidden;
+        &-cancel.xh-button {
           color: var(--font-color-tertiary);
-          padding: 0;
+          border-right: 1PX solid #EEE;
         }
       }
     }

package/dist/styles/components/forminput.scss

@@ -1,5 +1,13 @@
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
+
+@font-face {
+  font-family: "xh-iconfont"; /* Project id 4043926 */
+  src:
+    url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
+    url('./font/iconfont.woff?t=1687140360510') format('woff'),
+    url('./font/iconfont.ttf?t=1687140360510') format('truetype');
+}
+
 #{$xh-prefix}-form-input {
   font-size: 32px;
   display: flex;
@@ -10,18 +18,16 @@
   align-items: center;
   position: relative;
   overflow: hidden;
-  padding: 40px 0;
-  &.padding {
-    padding: 40px 30px;
-  }
+  padding: 28px;
+  font-family: PingFangSC-Regular, PingFang SC;
   &.border::after {
     content: " ";
     position: absolute;
-    left: 0;
+    left: 28px;
     bottom: 0;
-    width: 100%;
+    width: calc(100% - 56px);
     height: 2px;
-    background-color: #e6e6e6;
+    background-color: #EEE;
   }
 
   &-main {
@@ -38,14 +44,14 @@
         font-family: PingFang SC;
         font-weight: 400;
         line-height: 32px;
-        color: #333333;
+        color: var(--font-color);
         white-space: nowrap;
       }
 
       &-label {
         width: 128px;
         text-align: left;
-        color: #333;
+        color: var(--font-color);
         display: flex;
         align-items: center;
         &-icon {
@@ -79,15 +85,15 @@
       }
       input {
         &::placeholder {
-          font-size: 32px;
-          color: $font-color-tertiary;
-          font-weight: normal;
-          line-height: 36px;
+          font-size: 28px;
+          color: var(--font-color-tertiary);
+          line-height: 1.2;
         }
       }
     }
     &-placeholder {
-      color: $font-color-tertiary;
+      color: var(--font-color-tertiary);
+
     }
     &-extra {
       margin-top: 6px;
@@ -97,10 +103,13 @@
     display: flex;
     .arrow {
       display: block;
-      width: 30px;
-      height: 30px;
-      background: url("./images/icon-arrow-right.png") no-repeat;
-      background-size: 100%;
+      font-family: 'xh-iconfont';
+      -webkit-font-smoothing: antialiased;
+      font-size: 22PX;
+      color: #c8c8c8;
+      &:before {
+        content: "\e603";
+      }
     }
   }
   &.column {
@@ -111,20 +120,23 @@
       width: 100%;
       &-left {
         &-label {
-          font-size: 28px;
-          color: #999999;
           width: auto;
+          font-size: 24px;
+          font-weight: 400;
+          color: #666666;
         }
       }
       &-center {
         width: 100%;
-        margin-top: 18px;
+        margin-top: 12px;
         margin-left: 0;
         &-native {
           width: 100%;
-          font-size: 32px;
           font-weight: 400;
-          font-family: PingFang SC-Regular, PingFang SC;
+          font-size: 28px;
+          font-weight: 400;
+          color: #333;
+          line-height: 1.2;
         }
       }
     }
@@ -133,22 +145,22 @@
 
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
-  color: $font-color-tertiary;
+  color: var(--font-color-tertiary);
 }
 
 input:-moz-placeholder,
 textarea:-moz-placeholder {
-  color: $font-color-tertiary;
+  color: var(--font-color-tertiary);
 }
 
 input::-moz-placeholder,
 textarea::-moz-placeholder {
-  color: $font-color-tertiary;
+  color: var(--font-color-tertiary);
 }
 
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
-  color: $font-color-tertiary;
+  color: var(--font-color-tertiary);
 }
 
 input {

package/dist/styles/components/icon.scss

@@ -1,7 +1,8 @@
+
 @import "../../styles/themes/variable.scss";
 
 @font-face {
-  font-family: 'xh-iconfont';  /* Project id 4043926 */
+  font-family: "xh-iconfont"; /* Project id 4043926 */
   src:
     url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
     url('./font/iconfont.woff?t=1687140360510') format('woff'),
@@ -23,6 +24,10 @@
   font-size: 16PX;
 }
 
+.xh-icon-duigou:before {
+  content: "\e624";
+}
+
 .xh-icon-zhuyi:before {
   content: "\e623";
 }
@@ -64,7 +69,6 @@
 }
 
 
-
 .xh-icon-back:before {
   content: "\e61e";
 }

package/dist/styles/components/index.scss

@@ -1,3 +1,5 @@
+@import './actionsheet.scss';
+@import './activityindicator.scss';
 @import './amountinput.scss';
 @import './amountkeyboard.scss';
 @import './animated.scss';
@@ -5,6 +7,7 @@
 @import './bankicon.scss';
 @import './button.scss';
 @import './captcha.scss';
+@import './cell.scss';
 @import './checkbox.scss';
 @import './collapse.scss';
 @import './dialog.scss';
@@ -13,6 +16,7 @@
 @import './forminput.scss';
 @import './icon.scss';
 @import './image.scss';
+@import './linkman.scss';
 @import './list.scss';
 @import './loading.scss';
 @import './mask.scss';
@@ -23,12 +27,16 @@
 @import './picker.scss';
 @import './popup.scss';
 @import './progress.scss';
+@import './progresscircle.scss';
 @import './radio.scss';
+@import './rank.scss';
+@import './result.scss';
 @import './scale.scss';
 @import './scrollview.scss';
 @import './slide.scss';
 @import './space.scss';
 @import './step.scss';
+@import './switch.scss';
 @import './tabbar.scss';
 @import './themeprovider.scss';
 @import './toast.scss';

package/dist/styles/components/linkman.scss

@@ -0,0 +1,81 @@
+@import './actionsheet.scss';
+@import "../../styles/themes/variable.scss";
+
+@font-face {
+  font-family: "xh-iconfont"; /* Project id 4043926 */
+  src:
+    url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
+    url('./font/iconfont.woff?t=1687140360510') format('woff'),
+    url('./font/iconfont.ttf?t=1687140360510') format('truetype');
+}
+
+#{$xh-prefix}-linkman {
+  font-family: PingFangSC-Regular, PingFang SC;
+  background-color: var(--background-color);
+  color: #333333;
+  &-item {
+    &:not(:first-child) {
+      margin-top: 20px;
+    }
+    background-color: #FFF;
+  }
+  &-title {
+    padding: 28px;
+    font-size: 32px;
+    font-weight: 400;
+  }
+  &-main {
+    font-size: 28px;
+    padding: 28px;
+    position: relative;
+    &:after {
+      content: '';
+      height: 1PX;
+      display: block;
+      background-color: var(--border-color);
+      left: 28px;
+      bottom: 0;
+      position: absolute;
+      width: calc(100% - 56px);
+    }
+    &-input {
+      display: flex;
+      align-items: center;
+      &-label {
+        width: 120px;
+        text-align-last: justify;
+      }
+      &-main {
+        margin-left: 60px;
+        position: relative;
+        flex: 1;
+        &-err {
+          position: absolute;
+          font-size: 20px;
+          color: #F05050;
+        }
+        &-input {
+          border: 0;
+          outline: 0;
+          width: 100%;
+        }
+      }
+      &-contacts, &-arrow {
+        font-family: 'xh-iconfont';
+      }
+      &-contacts {
+        color: var(--color-primary);
+        font-size: 20PX;
+        &:before {
+          content: "\e622";
+        }
+      }
+      &-arrow {
+        color: var(--font-color-fourth);
+        &:before {
+          content: "\e603";
+        }
+      }
+    }
+  }
+}

package/dist/styles/components/list.scss

@@ -1,5 +1,13 @@
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
+
+@font-face {
+  font-family: "xh-iconfont"; /* Project id 4043926 */
+  src:
+    url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
+    url('./font/iconfont.woff?t=1687140360510') format('woff'),
+    url('./font/iconfont.ttf?t=1687140360510') format('truetype');
+}
+
 #{$xh-prefix}-list {
   display: flex;
   padding: 24px 0;
@@ -10,6 +18,7 @@
   box-sizing: border-box;
   font-size: 32px;
   line-height: 1.2;
+  width: 100%;
   &.condensed {
     padding: 6px 0;
   }
@@ -76,12 +85,15 @@
     }
     &-icon {
       display: inline-block;
-      .arrow {
+      &-arrow {
         display: block;
-        width: 30px;
-        height: 30px;
-        background: url("./images/icon-arrow-right.png") no-repeat;
-        background-size: 100%;
+        font-family: 'xh-iconfont';
+        -webkit-font-smoothing: antialiased;
+        font-size: 22PX;
+        color: #c8c8c8;
+        &:before {
+          content: "\e603";
+        }
       }
     }
   }

package/dist/styles/components/loading.scss

@@ -1,6 +1,7 @@
 @import './mask.scss';
+@import './activityindicator.scss';
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
+
 #{$xh-prefix}-loading {
   &-main {
     position: fixed;
@@ -10,53 +11,51 @@
     align-items: center;
     justify-content: center;
     flex-direction: column;
-    border-radius: 20px;
+    border-radius: 8px;
     transform: translate(-50%, -50%);
     z-index: 999;
-    &-spinner {
-      width: 100px;
-      height: 100px;
-      position: relative;
-      &-circle {
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        position: absolute;
-        .dot-rotate {
-          display: block;
-          margin: 0 auto;
-          width: 15%;
-          height: 15%;
-          border-radius: 100%;
-          animation: xh-spinner-circle 1.2s infinite ease-in-out both;
-          background-color: $font-color-secondary;
-        }
-      }
-      @for $var from 1 through 12 {
-        .is-circle#{$var} {
-          transform: rotate(30+30 * ($var - 1) + deg);
-          .dot-rotate {
-            animation-delay: -(1 - 0.1 * ($var - 1)) + s;
-          }
-        }
-      }
+    &.hasTip {
+      padding: 28px 60px;
     }
+    padding: 60px;
+    background: rgba(0,0,0,0.75);
+    // &-spinner {
+    //   width: 100px;
+    //   height: 100px;
+    //   position: relative;
+    //   &-circle {
+    //     width: 100%;
+    //     height: 100%;
+    //     top: 0;
+    //     left: 0;
+    //     position: absolute;
+    //     .dot-rotate {
+    //       display: block;
+    //       margin: 0 auto;
+    //       width: 15%;
+    //       height: 15%;
+    //       border-radius: 100%;
+    //       animation: xh-spinner-circle 1.2s infinite ease-in-out both;
+    //       background-color: $font-color-secondary;
+    //     }
+    //   }
+    //   @for $var from 1 through 12 {
+    //     .is-circle#{$var} {
+    //       transform: rotate(30+30 * ($var - 1) + deg);
+    //       .dot-rotate {
+    //         animation-delay: -(1 - 0.1 * ($var - 1)) + s;
+    //       }
+    //     }
+    //   }
+    // }
     &-tip {
       display: block;
-      font-size: 22px;
-      margin-top: 15px;
+      font-size: 24px;
+      margin-top: 18px;
+      color: #FFF;
     }
   }
 
-  &-icon {
-    width: 60px;
-    height: 60px;
-    background-image: url("./images/loading.png");
-    background-size: 100%;
-    animation: rotate 1s infinite linear;
-  }
-
   &-mask {
     position: fixed;
     top: 0;

package/dist/styles/components/mask.scss

@@ -1,5 +1,5 @@
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
+
 #{$xh-prefix}-mask {
   position: fixed;
   top: 0;

package/dist/styles/components/navbar.scss

@@ -1,3 +1,4 @@
+@import "../../styles/themes/variable.scss";
 
 @font-face {
   font-family: icon-back;
@@ -12,6 +13,9 @@
   align-items: center;
   flex-shrink: 0;
   position: relative;
+  &.border {
+    border-bottom: 1px solid #F2F2F2;
+  }
   &.h5 {
     padding: 10px;
   }
@@ -35,8 +39,13 @@
     font-size: 34px;
     font-family: Microsoft YaHei, Microsoft YaHei-Regular;
     font-weight: 600;
-    text-align: left;
     color: #333333;
+    flex: 1;
+    text-align: center;
+    &.isAndroid {
+      text-align: left;
+      padding-left: 46PX;
+    }
   }
   &-right {
     right: 20px;