taro-react-uilib 1.3.2-0 → 1.3.2-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,11 +1,13 @@
 
+@import "../../styles/themes/variable.scss";
+
 
 @font-face {
-  font-family: 'xh-iconfont';  /* Project id 4043926 */
+  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('//at.alicdn.com/t/c/font_4043926_nmqtk6i7ms.woff?t=1685674624447') format('woff'),
-       url('//at.alicdn.com/t/c/font_4043926_nmqtk6i7ms.ttf?t=1685674624447') format('truetype');
+    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}-icon {
@@ -23,6 +25,34 @@
   font-size: 16PX;
 }
 
+.xh-icon-keyboardClose:before {
+  content: "\e620";
+}
+
+.xh-icon-prompt:before {
+  content: "\e61f";
+}
+
+.xh-icon-score:before {
+  content: "\e61d";
+}
+
+.xh-icon-info:before {
+  content: "\e632";
+}
+
+.xh-icon-failure:before {
+  content: "\e636";
+}
+
+.xh-icon-success:before {
+  content: "\e63a";
+}
+
+.xh-icon-loading:before {
+  content: "\e676";
+}
+
 
 .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';
@@ -24,11 +27,13 @@
 @import './popup.scss';
 @import './progress.scss';
 @import './radio.scss';
+@import './rank.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/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,4 +1,4 @@
-
+@import "../../styles/themes/variable.scss";
 
 #{$xh-prefix}-progress {
   width: 100%;
@@ -27,4 +27,4 @@
       }
     }
   }
-}
+}

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);
     }
 

package/dist/styles/components/rank.scss

@@ -0,0 +1,50 @@
+
+@import "../../styles/themes/variable.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}-rank {
+  font-family: 'xh-iconfont';
+  padding: 0 80px;
+  text-align: center;
+  &-tip {
+    font-size: 32px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #666666;
+    display: block;
+  }
+  &-star {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 64px;
+    margin: 37px auto 0;
+    cursor: pointer;
+    &-active {
+      color: #e0e0e0;
+      &:before {
+        content: "\e61d";
+      }
+      &.active {
+        animation: RankAnimation 500ms;
+        color: var(--color-primary);
+      }
+    }
+  }
+}
+
+@keyframes RankAnimation {
+  from {
+    transform: scale(1.2);
+  }
+  to {
+    transform: scale(1);
+  }
+}

package/dist/styles/components/step.scss

@@ -6,7 +6,14 @@ $class-prefix-steps: #{$xh-prefix}-steps;
 #{$class-prefix-step} {
   --line-to-next-color: #e5e5e5;
   --icon-color: #e5e5e5;
-
+  #{$class-prefix-step}-prefix {
+    font-size: 28px;
+    width: 64px;
+    text-align: right;
+    margin-right: 28px;
+    color: var(--font-color);
+    flex-shrink: 0;
+  }
   #{$class-prefix-step}-indicator {
     position: relative;
     &::after {
@@ -110,6 +117,7 @@ $class-prefix-steps: #{$xh-prefix}-steps;
       display: flex;
       align-items: stretch;
 
+
       #{$class-prefix-step}-indicator {
         flex: none;
         min-width: 28PX;