taro-react-uilib 1.3.4-1 → 1.3.4-2

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'),
@@ -64,7 +65,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';
@@ -24,11 +28,14 @@
 @import './popup.scss';
 @import './progress.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;
@@ -78,10 +86,14 @@
       display: inline-block;
       .arrow {
         display: block;
-        width: 30px;
-        height: 30px;
-        background: url("./images/icon-arrow-right.png") no-repeat;
-        background-size: 100%;
+        display: block;
+        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,6 @@
 @import './mask.scss';
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
+
 #{$xh-prefix}-loading {
   &-main {
     position: fixed;
@@ -49,14 +49,6 @@
     }
   }
 
-  &-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;

package/dist/styles/components/numberkeyboard.scss

@@ -1,5 +1,14 @@
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
+
+@font-face {
+  font-family: "xh-iconfont"; /* Project id 4043926 */
+  src:
+      url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+      url('./font/iconfont.woff?t=1686214093886') format('woff'),
+      url('./font/iconfont.ttf?t=1686214093886') format('truetype');
+}
+
+
 #{$xh-prefix}-number-keyboard {
   position: fixed;
   bottom: 0;
@@ -8,25 +17,28 @@
   z-index: 10;
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
-  background-color: #eeeeee;
-  padding: 0 25px 30px;
 
   &-header {
     border-top: 1px solid $border-color;
     display: flex;
-    justify-content: flex-end;
-    padding: 20px 0;
-    background-color: #eee;
-  }
-
-  &-close {
-    align-self: flex-end;
-    border: 0;
-    text-align: center;
-    font-size: 30px;
-    font-family: PingFang SC-Regular, PingFang SC;
-    font-weight: 400;
-    color: $color-primary-dark;
+    justify-content: center;
+    padding: 16px 0;
+    background-color: #F9F9F9;
+    font-size: 28px;
+    position: relative;
+    &-title {
+      text-align: center;
+      flex-grow: 1;
+    }
+    &-close {
+      border: 0;
+      text-align: center;
+      font-family: PingFang SC-Regular, PingFang SC;
+      font-weight: 400;
+      color: var(--color-primary);
+      position: absolute;
+      right: 28px;
+    }
   }
 
   &-body {
@@ -34,36 +46,35 @@
     display: flex;
     flex-wrap: wrap;
     box-sizing: border-box;
+    border-bottom: 1PX solid #dedede;
     &-key {
-      width: 220px;
-      padding: 15px 0;
+      width: 250px;
+      height: 124px;
       font-size: 48px;
       box-sizing: border-box;
       display: flex;
-      align-content: center;
+      align-items: center;
       justify-content: center;
       background: #ffffff;
-      box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16),
-        inset 0px -2px 2px 1px rgba(0, 0, 0, 0.1);
-      border-radius: 12px;
-      margin-right: 20px;
-      margin-bottom: 20px;
+      border-right: 1PX solid #dedede;
+      border-top: 1PX solid #dedede;
       &:active {
         background-color: #eee;
       }
-      &:nth-child(3n) {
-        margin-right: 0;
-      }
       &.delete {
-        background-image: url("./images/backspace.png");
-        background-size: 25%;
-        background-repeat: no-repeat;
-        background-position: center;
-        box-shadow: none;
-        background-color: transparent;
-      }
-      &.none {
-        visibility: hidden;
+        font-family: 'xh-iconfont';
+        font-style: normal;
+        font-weight: 400;
+        font-variant: normal;
+        text-transform: none;
+        text-rendering: auto;
+        line-height: 1;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        vertical-align: middle;
+        &:before {
+          content: "\e61b";
+        }
       }
     }
     .xh-button-webutton {

package/dist/styles/components/page.scss

@@ -1,11 +1,11 @@
 @import './loading.scss';
 @import './navbar.scss';
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
+
 #{$xh-prefix}-page {
   width: 100%;
   background: #fff;
-  min-height: 100vh;
+  // min-height: 100vh;
   overflow-x: hidden;
   box-sizing: border-box;
   &.flex {

package/dist/styles/components/passwordinput.scss

@@ -1,5 +1,5 @@
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
+
 #{$xh-prefix}-password-input {
   display: flex;
 

package/dist/styles/components/picker.scss

@@ -1,6 +1,5 @@
 @import './mask.scss';
 @import './popup.scss';
-@import "../../styles/themes/default.scss";
 @import "../../styles/themes/variable.scss";
 
 #{$xh-prefix}-picker {

package/dist/styles/components/popup.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}-popup {
@@ -9,7 +8,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  z-index: 10000;
+  z-index: 999;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -38,7 +37,7 @@
 
   &-content {
     position: absolute;
-    z-index: 1000;
+    z-index: 999;
 
     &-left {
       top: 0;

package/dist/styles/components/progress.scss

@@ -1,7 +1,13 @@
-
+@import './button.scss';
+@import "../../styles/themes/variable.scss";
 
 #{$xh-prefix}-progress {
   width: 100%;
+  &.dots {
+    .progress {
+      height: 4px;
+    }
+  }
   .progress {
     height: 20px;
     width: 100%;
@@ -10,11 +16,40 @@
     background-color: #f0f0f0;
     &-bar{
       position: absolute;
-      background-color: #f6ab01;
+      background-color: var(--color-primary);
       width: 50%;
       height: 100%;
       border-radius: 8px;
+      z-index: 2;
       transition: width .6s;
+      &.dots {
+        background-color: transparent;
+        &:before {
+          content: "";
+          display: block;
+          width: 16px;
+          height: 16px;
+          border: 2px solid #DDD;
+          border-radius: 50%;
+          background-color: #FFF;
+          position: absolute;
+          right: -8px;
+          top: 50%;
+          transform: translateY(-50%);
+        }
+        &:after {
+          content: attr(data-progress) '%';
+          font-size: 20px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          color: #999999;
+          display: block;
+          width: 60px;
+          text-align: center;
+          position: absolute;
+          right: -30px;
+          top: calc(100% + 8px);
+        }
+      }
       &-percent {
         display: block;
         content: attr(data-progress) "%";
@@ -26,5 +61,12 @@
         line-height: 100%;
       }
     }
+    &-cover{
+      position: absolute;
+      height: 100%;
+      transition: width .6s;
+      background-color: var(--color-primary);
+      z-index: 1;
+    }
   }
-}
+}

package/dist/styles/components/radio.scss

@@ -1,5 +1,4 @@
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/animation.scss";
 
 #{$xh-prefix}-radio {
   display: flex;
@@ -37,8 +36,8 @@
       }
     }
     &:disabled + &-fake {
-      background: rgba(0, 0, 0, .04);
-      border-color: $color-disabled;
+      background-color: var(--border-color);
+      border-color: var(--font-color-fifth);
       cursor: not-allowed;
     }
     &[checked] + &-fake{
@@ -50,8 +49,8 @@
       }
     }
     &[disabled] + &-fake {
-      background: rgba(0, 0, 0, .04);
-      border-color: $color-disabled;
+      background-color: var(--border-color);
+      border-color: var(--font-color-fifth);
       cursor: not-allowed;
     }
   }
@@ -77,7 +76,7 @@
       border-bottom: 5px solid transparent;
       position: absolute;
       left: 50%;
-      top: 50%;
+      top: 45%;
       transform: translate(-50%, -50%) rotate(45deg);
     }