taro-react-uilib 1.3.2-1 → 1.3.2

package/dist/styles/components/amountinput.scss

@@ -4,13 +4,13 @@
   display: flex;
   padding: 0 40px;
   flex-direction: column;
-  background-color: #fff;
+  background-color: #FFF;
   &-top {
     display: flex;
     justify-content: space-between;
     width: 100%;
     padding: 32px 0;
-    border-bottom: 2px solid #eee;
+    border-bottom: 2px solid #EEE;
     align-items: baseline;
     &-unit {
       font-size: 36px;
@@ -20,7 +20,7 @@
       align-items: center;
       justify-content: space-between;
       flex: 1;
-      line-height: 1;
+      line-height: 1.2;
       // height: 128px;
       position: relative;
       &-num {
@@ -37,7 +37,7 @@
           font-size: 28px;
           font-family: PingFang SC-Regular, PingFang SC;
           font-weight: 400;
-          color: #b9b9b9;
+          color: #B9B9B9;
           position: absolute;
           left: 32px;
         }
@@ -70,7 +70,7 @@
     font-size: 20px;
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 400;
-    color: var(--color-fail);
+    color: var(--color-warning);
     margin-top: 8px;
   }
   &-bottom {
@@ -97,6 +97,7 @@
   }
 }
 
+
 @keyframes CursorShine {
   from {
     opacity: 1;

package/dist/styles/components/amountkeyboard.scss

@@ -2,15 +2,6 @@
 @import './space.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}-amount-keyboard {
   position: fixed;
   bottom: 0;
@@ -19,7 +10,7 @@
   z-index: 999;
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
-  background-color: #fff;
+  background-color: #FFF;
 
   &-header {
     border-top: 1PX solid $border-color;
@@ -78,27 +69,18 @@
         background-color: #eee;
       }
       &.delete {
-        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;
-      }
-      &.delete {
-        &:before {
-          content: "\e61b";
-        }
+        background-image: url("./images/backspace.png");
+        background-size: 25%;
+        background-repeat: no-repeat;
+        background-position: center;
+        box-shadow: none;
       }
       &.close {
-        @extend .delete;
-        &:before {
-          content: "\e620";
-        }
+        background-image: url("./images/closeKeyboard.png");
+        background-size: 25%;
+        background-repeat: no-repeat;
+        background-position: center;
+        box-shadow: none;
       }
       &.none {
         visibility: hidden;
@@ -114,7 +96,7 @@
         color: #FFF;
         border-color: 1PX;
         &:active {
-          opacity: 0.8;
+          opacity: .8;
         }
       }
     }

package/dist/styles/components/badge.scss

@@ -1,3 +1,4 @@
+
 @import "../../styles/themes/variable.scss";
 
 #{$xh-prefix}-badge {

package/dist/styles/components/bankicon.scss

@@ -1,5 +1,5 @@
 @import "../../styles/themes/variable.scss";
-
+@import "../../styles/themes/default.scss";
 #{$xh-prefix}-bank-icon {
   width: 60px;
   height: 60px;

package/dist/styles/components/button.scss

@@ -1,7 +1,7 @@
 @import "../../styles/themes/variable.scss";
 
 button.xh-button-disabled[disabled][type="primary"] {
-  background-color: var(--btn-color-disabled);
+  background-color: var(--color-disabled);
   color: #fff;
 }
 button.xh-button-primary[type=primary] {
@@ -61,7 +61,7 @@ button.xh-button-primary[type=primary] {
   }
 
   &-disabled {
-    background: var(--btn-color-disabled);
+    background: var(--color-disabled);
     color: #fff;
     box-shadow: unset;
   }
@@ -84,17 +84,15 @@ button.xh-button-primary[type=primary] {
 
   &-small {
     font-size: 20px;
-    width: 170px;
+    width: 150px;
     display: inline-block;
   }
   &-full {
     width: 100%;
+    padding: 14px 0;
   }
   &-ghost {
-    background: #fff;
-    color: var(--color-primary);
-    box-shadow: none;
-    border: 0;
+    background-color: #fff;
   }
 
   &-webutton {

package/dist/styles/components/captcha.scss

@@ -1,16 +1,11 @@
 @import './button.scss';
 @import "../../styles/themes/variable.scss";
+@import "../../styles/themes/default.scss";
 
 #{$xh-prefix}-captcha {
-  color: var(--color-primary);
+  color: $color-primary;
   background-color: #fff;
-  border-color: currentColor;
-  border-radius: 32px;
-  font-size: 26px;
-  width: 210px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
-  color: #F95700;
+  border-color: #333;
   &:disabled {
     color: #d5d5d5;
   }

package/dist/styles/components/checkbox.scss

@@ -1,4 +1,5 @@
 @import "../../styles/themes/variable.scss";
+@import "../../styles/themes/animation.scss";
 
 #{$xh-prefix}-checkbox {
   display: flex;
@@ -36,8 +37,8 @@
       }
     }
     &:disabled + &-fake {
-      background-color: var(--border-color);
-      border-color: var(--font-color-fifth);
+      background: rgba(0, 0, 0, .04);
+      border-color: $color-disabled;
       cursor: not-allowed;
     }
     &[checked] + &-fake{
@@ -59,8 +60,8 @@
       }
     }
     &[disabled] + &-fake {
-      background-color: var(--border-color);
-      border-color: var(--font-color-fifth);
+      background: rgba(0, 0, 0, .04);
+      border-color: $color-disabled;
       cursor: not-allowed;
     }
   }

package/dist/styles/components/dialog.scss

@@ -1,5 +1,6 @@
 @import './button.scss';
 @import './mask.scss';
+@import "../../styles/themes/default.scss";
 @import "../../styles/themes/variable.scss";
 @import "../../styles/themes/animation.scss";
 
@@ -18,9 +19,9 @@
     background-color: #fff;
     z-index: 999;
     width: 600px;
-    padding-top: 64px;
+    padding-top: 60px;
     box-sizing: border-box;
-    border-radius: 16px;
+    border-radius: 10px;
     text-align: center;
     &-header {
       font-size: 38px;
@@ -34,8 +35,8 @@
       margin: 40px auto 0;
       font-size: 30px;
       font-family: PingFang SC;
-      color: var(--font-color);
-      padding: 0 64px;
+      color: #999;
+      padding: 0 60px;
       &.headless {
         color: #333;
         font-size: 34px;
@@ -44,28 +45,27 @@
     &-footer {
       margin-top: 60px;
       .xh-alert-button {
-        width: 100%;
-        padding: 8px 0;
-        border-bottom-left-radius: 16px;
-        border-bottom-right-radius: 16px;
-        border-top: 1PX solid #EEE;
+        font-size: 32px;
+        font-weight: 800;
+        margin-bottom: 60px;
+        width: 300px;
+        height: 90px;
       }
 
       .xh-confirm-footer {
         display: flex;
         justify-content: space-between;
-        border-top: 1PX solid #EEE;
-        border-bottom-left-radius: 16px;
-        border-bottom-right-radius: 16px;
-        overflow: hidden;
+        padding: 0 40px 50px;
         &-button {
           flex: 1;
           font-size: 32px;
+          font-weight: 800;
           padding: 8px 0;
         }
         &-cancel-button {
+          color: #000;
+          margin-right: 40px;
           color: var(--font-color-tertiary);
-          border-right: 1PX solid #EEE;
         }
       }
     }

package/dist/styles/components/dialogref.scss

@@ -1,5 +1,6 @@
 @import './mask.scss';
 @import "../../styles/themes/variable.scss";
+// @import "../../styles/themes/default.scss";
 @import "../../styles/themes/animation.scss";
 
 #{$xh-prefix}-dialog-ref {
@@ -24,36 +25,53 @@
     background-color: #fff;
     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: 32px;
+      font-size: 38px;
       font-family: PingFang SC;
       font-weight: 500;
       line-height: 53px;
-      margin-top: 64px;
+      color: #333333;
+      margin-top: 30px;
     }
     &-content {
       // margin: 66px auto 0;
-      font-size: 28px;
+      font-size: 34px;
       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;
-        border-bottom-left-radius: 8px;
-        border-bottom-right-radius: 8px;
-        overflow: hidden;
-        &-cancel {
+        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;
           color: var(--font-color-tertiary);
-          border-right: 1PX solid #EEE;
+          padding: 0;
         }
       }
     }

package/dist/styles/components/forminput.scss

@@ -1,13 +1,5 @@
 @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');
-}
-
+@import "../../styles/themes/default.scss";
 #{$xh-prefix}-form-input {
   font-size: 32px;
   display: flex;
@@ -46,14 +38,14 @@
         font-family: PingFang SC;
         font-weight: 400;
         line-height: 32px;
-        color: var(--font-color);
+        color: #333333;
         white-space: nowrap;
       }
 
       &-label {
         width: 128px;
         text-align: left;
-        color: var(--font-color);
+        color: #333;
         display: flex;
         align-items: center;
         &-icon {
@@ -88,15 +80,14 @@
       input {
         &::placeholder {
           font-size: 32px;
-          color: var(--font-color-tertiary);
+          color: $font-color-tertiary;
           font-weight: normal;
           line-height: 36px;
         }
       }
     }
     &-placeholder {
-      color: var(--font-color-tertiary);
-
+      color: $font-color-tertiary;
     }
     &-extra {
       margin-top: 6px;
@@ -106,13 +97,10 @@
     display: flex;
     .arrow {
       display: block;
-      font-family: 'xh-iconfont';
-      -webkit-font-smoothing: antialiased;
-      font-size: 22PX;
-      color: #c8c8c8;
-      &:before {
-        content: "\e603";
-      }
+      width: 30px;
+      height: 30px;
+      background: url("./images/icon-arrow-right.png") no-repeat;
+      background-size: 100%;
     }
   }
   &.column {
@@ -145,22 +133,22 @@
 
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
-  color: var(--font-color-tertiary);
+  color: $font-color-tertiary;
 }
 
 input:-moz-placeholder,
 textarea:-moz-placeholder {
-  color: var(--font-color-tertiary);
+  color: $font-color-tertiary;
 }
 
 input::-moz-placeholder,
 textarea::-moz-placeholder {
-  color: var(--font-color-tertiary);
+  color: $font-color-tertiary;
 }
 
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
-  color: var(--font-color-tertiary);
+  color: $font-color-tertiary;
 }
 
 input {

package/dist/styles/components/icon.scss

@@ -1,9 +1,7 @@
 
-@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'),
@@ -25,6 +23,18 @@
   font-size: 16PX;
 }
 
+.xh-icon-zhuyi:before {
+  content: "\e623";
+}
+
+.xh-icon-tongxunlu:before {
+  content: "\e622";
+}
+
+.xh-icon-add:before {
+  content: "\e621";
+}
+
 .xh-icon-keyboardClose:before {
   content: "\e620";
 }
@@ -54,6 +64,7 @@
 }
 
 
+
 .xh-icon-back:before {
   content: "\e61e";
 }

package/dist/styles/components/index.scss

@@ -1,5 +1,3 @@
-@import './actionsheet.scss';
-@import './activityindicator.scss';
 @import './amountinput.scss';
 @import './amountkeyboard.scss';
 @import './animated.scss';
@@ -7,7 +5,6 @@
 @import './bankicon.scss';
 @import './button.scss';
 @import './captcha.scss';
-@import './cell.scss';
 @import './checkbox.scss';
 @import './collapse.scss';
 @import './dialog.scss';
@@ -27,7 +24,6 @@
 @import './popup.scss';
 @import './progress.scss';
 @import './radio.scss';
-@import './rank.scss';
 @import './scale.scss';
 @import './scrollview.scss';
 @import './slide.scss';

package/dist/styles/components/list.scss

@@ -1,13 +1,5 @@
 @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');
-}
-
+@import "../../styles/themes/default.scss";
 #{$xh-prefix}-list {
   display: flex;
   padding: 24px 0;
@@ -86,14 +78,10 @@
       display: inline-block;
       .arrow {
         display: block;
-        display: block;
-        font-family: 'xh-iconfont';
-        -webkit-font-smoothing: antialiased;
-        font-size: 22PX;
-        color: #c8c8c8;
-        &:before {
-          content: "\e603";
-        }
+        width: 30px;
+        height: 30px;
+        background: url("./images/icon-arrow-right.png") no-repeat;
+        background-size: 100%;
       }
     }
   }

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,6 +49,14 @@
     }
   }
 
+  &-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,4 +1,3 @@
-@import "../../styles/themes/variable.scss";
 
 @font-face {
   font-family: icon-back;