@nutui/nutui-react-taro 3.0.0-beta.0 → 3.0.0-beta.2

package/dist/es/packages/dialog/style/style.css

@@ -16,7 +16,7 @@
   margin: 0;
   padding: 0;
   height: var(--nutui-button-default-height, 32px);
-  font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));
+  font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
   font-weight: var(--nutui-button-default-font-weight, var(--nutui-font-weight, 400));
   text-align: center;
   cursor: pointer;
@@ -25,7 +25,7 @@
   user-select: none;
   touch-action: manipulation;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  color: var(--nutui-button-default-color, var(--nutui-gray-7, #1a1a1a));
+  color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
   background: var(--nutui-button-default-background-color, transparent);
   border-width: var(--nutui-button-border-width, 1px);
 }
@@ -46,9 +46,9 @@
   left: 50%;
   width: 100%;
   height: 100%;
-  background-color: var(--nutui-black-10, rgba(0, 0, 0, 0.7));
+  background-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
   border: inherit;
-  border-color: var(--nutui-black-10, rgba(0, 0, 0, 0.7));
+  border-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
   border-radius: inherit;
   transform: translate(-50%, -50%);
   opacity: 0;
@@ -72,9 +72,9 @@
   /* #endif */
 }
 .nut-button-wrap .nut-icon {
-  font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));
-  width: var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));
-  height: var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));
+  font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
+  width: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
+  height: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
 }
 .nut-button-loading::before, .nut-button-disabled::before {
   display: none;
@@ -90,7 +90,7 @@
 .nut-button-default {
   padding: var(--nutui-button-default-padding, 0px 12px);
   border-style: solid;
-  border-color: var(--nutui-button-default-border-color, var(--nutui-gray-6, #505259));
+  border-color: var(--nutui-button-default-border-color, var(--nutui-color-text, #505259));
 }
 .nut-button-default-disabled, .nut-button-default-solid-disabled {
   color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
@@ -98,7 +98,7 @@
   border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-button-default-none-disabled {
-  color: var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #888b94));
+  color: var(--nutui-button-default-disabled-color, var(--nutui-color-text-help, #888b94));
 }
 .nut-button-default-outline-disabled, .nut-button-default-dashed-disabled {
   background: transparent;
@@ -111,58 +111,58 @@
 .nut-button-xlarge {
   height: var(--nutui-button-xlarge-height, 48px);
   padding: var(--nutui-button-xlarge-padding, 0px 24px);
-  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-8, 24px));
-  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500));
+  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
+  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-button-xlarge .nut-icon {
-  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-8, 24px));
-  width: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-8, 24px));
-  height: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-8, 24px));
+  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
+  width: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
+  height: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
 }
 .nut-button-xlarge-children {
-  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-8, 24px));
-  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500));
+  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
+  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-4, 16px));
-  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-4, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-4, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-4, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-4, 16px));
-  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);
   padding: var(--nutui-button-small-padding, 0px 8px);
-  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));
+  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
 }
 .nut-button-small .nut-icon {
-  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));
-  width: var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));
-  height: var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));
+  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
+  width: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
+  height: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
 }
 .nut-button-small-children {
-  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));
+  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
 }
 .nut-button-mini {
   height: var(--nutui-button-mini-height, 24px);
   padding: var(--nutui-button-mini-padding, 0px 8px);
-  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));
+  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
 }
 .nut-button-mini .nut-icon {
-  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));
-  width: var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));
-  height: var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));
+  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
+  width: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
+  height: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
 }
 .nut-button-mini-children {
-  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));
+  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
 }
 .nut-button-primary {
   color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
@@ -179,34 +179,34 @@
 }
 .nut-button-primary-disabled, .nut-button-primary-solid-disabled {
   color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
-  background: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
-  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
+  background: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
+  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
 }
 .nut-button-primary-none {
   color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-button-primary-none-disabled {
-  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
+  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
 }
 .nut-button-primary-outline {
   color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
   border-color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-button-primary-outline-disabled {
-  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
-  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
+  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
+  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
 }
 .nut-button-primary-dashed {
   color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
   border-color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-button-primary-dashed-disabled {
-  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
-  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
+  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
+  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
 }
 .nut-button-success {
   color: var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));
-  background: var(--nutui-button-success-background-color, var(--nutui-color-success, #2aa32a));
+  background: var(--nutui-button-success-background-color, var(--nutui-color-success, #00d900));
   background-origin: border-box;
   border-color: transparent;
 }
@@ -218,15 +218,15 @@
   border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
 }
 .nut-button-success-outline, .nut-button-success-dashed {
-  color: var(--nutui-button-success-border-color, var(--nutui-color-success, #2aa32a));
-  border-color: var(--nutui-button-success-border-color, var(--nutui-color-success, #2aa32a));
+  color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
+  border-color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
 }
 .nut-button-success-outline-disabled, .nut-button-success-dashed-disabled {
-  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
-  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #ffadbe));
+  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
+  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
 }
 .nut-button-success-none {
-  color: var(--nutui-button-success-border-color, var(--nutui-color-success, #2aa32a));
+  color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
 }
 .nut-button-success-none-disabled {
   color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
@@ -245,15 +245,15 @@
   border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
 }
 .nut-button-info-outline, .nut-button-info-dashed {
-  color: var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));
-  border-color: var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));
+  color: var(--nutui-button-info-border-color, var(--nutui-color-info, #0073ff));
+  border-color: var(--nutui-button-info-border-color, var(--nutui-color-info, #0073ff));
 }
 .nut-button-info-outline-disabled, .nut-button-info-dashed-disabled {
   color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
   border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
 }
 .nut-button-info-none {
-  color: var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));
+  color: var(--nutui-button-info-border-color, var(--nutui-color-info, #0073ff));
 }
 .nut-button-info-none-disabled {
   color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
@@ -268,26 +268,26 @@
   color: var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));
 }
 .nut-button-danger-solid-disabled {
-  background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #ffadbe)));
-  border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #ffadbe)));
+  background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
+  border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
 }
 .nut-button-danger-outline, .nut-button-danger-dashed {
   color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
   border-color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
 }
 .nut-button-danger-outline-disabled, .nut-button-danger-dashed-disabled {
-  color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #ffadbe)));
-  border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #ffadbe)));
+  color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
+  border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
 }
 .nut-button-danger-none {
   color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
 }
 .nut-button-danger-none-disabled {
-  color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #ffadbe)));
+  color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
 }
 .nut-button-warning {
   color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
-  background: var(--nutui-button-warning-background-color, var(--nutui-color-warning, #c47600));
+  background: var(--nutui-button-warning-background-color, var(--nutui-color-warning, #ffbf00));
   background-origin: border-box;
   border-color: transparent;
 }
@@ -300,15 +300,15 @@
   border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
 }
 .nut-button-warning-outline, .nut-button-warning-dashed {
-  color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #c47600));
-  border-color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #c47600));
+  color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
+  border-color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
 }
 .nut-button-warning-outline-disabled, .nut-button-warning-dashed-disabled {
   color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
   border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
 }
 .nut-button-warning-none {
-  color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #c47600));
+  color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
 }
 .nut-button-warning-none-disabled {
   color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
@@ -378,7 +378,7 @@
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, 0.7)));
+  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
@@ -391,9 +391,6 @@
 .nut-overflow-hidden {
   overflow: hidden !important;
 }
-.nut-overflow-hidden .taro_page {
-  overflow: hidden !important;
-}
 
 @keyframes nut-fade-in {
   0% {
@@ -490,9 +487,9 @@
 .nut-dialog-header {
   display: block;
   text-align: center;
-  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-4, 16px));
+  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-l, 16px));
   font-weight: var(--nutui-dialog-header-font-weight, normal);
-  color: var(--nutui-gray-7, #1a1a1a);
+  color: var(--nutui-color-title, #1a1a1a);
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -503,8 +500,8 @@
   margin: var(--nutui-dialog-content-margin, 5px 0 24px 0);
   max-height: var(--nutui-dialog-content-max-height, 268px);
   line-height: var(--nutui-dialog-content-line-height, 20px);
-  font-size: var(--nutui-font-size-3, 14px);
-  color: var(--nutui-gray-6, #505259);
+  font-size: var(--nutui-font-size-base, 14px);
+  color: var(--nutui-color-text, #505259);
   word-wrap: break-word;
   word-break: break-all;
   white-space: pre-wrap;
@@ -529,7 +526,7 @@
 }
 .nut-dialog-footer.vertical .nut-button.nut-dialog-footer-cancel {
   border: 0;
-  color: var(--nutui-gray-6, #505259);
+  color: var(--nutui-color-text, #505259);
   order: 2;
   display: flex;
   align-items: flex-end;

package/dist/es/packages/divider/style/divider.scss

@@ -50,6 +50,7 @@
     height: $divider-vertical-height;
     border-left: 1px solid $divider-border-color;
     margin: $divider-vertical-margin;
+    vertical-align: middle;
   }
   &-rtl {
     &-before {

package/dist/es/packages/divider/style/style.css

@@ -2,16 +2,16 @@
   display: flex;
   align-items: center;
   flex-direction: row;
-  font-size: var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));
-  color: var(--nutui-divider-text-color, var(--nutui-gray-6, #505259));
+  font-size: var(--nutui-divider-text-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-divider-text-color, var(--nutui-color-text, #505259));
   margin: var(--nutui-divider-margin, 16px 0);
   width: 100%;
-  border: 0 solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, 0.06)));
+  border: 0 solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
 }
 .nut-divider-before, .nut-divider-after {
   display: flex;
   border-style: solid;
-  border-color: var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, 0.06)));
+  border-color: var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
   border-width: var(--nutui-divider-line-height, 1px) 0 0;
   height: var(--nutui-divider-line-height, 1px);
   flex: 1;
@@ -34,8 +34,9 @@
   display: inline-flex;
   width: 0px;
   height: var(--nutui-divider-vertical-height, 12px);
-  border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, 0.06)));
+  border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
   margin: var(--nutui-divider-vertical-margin, 0 8px);
+  vertical-align: middle;
 }
 .nut-divider-rtl-before {
   margin-right: 0;

package/dist/es/packages/drag/drag.js

@@ -48,7 +48,7 @@ export var Drag = function(props) {
     var translateX = useRef(0);
     var translateY = useRef(0);
     var middleLine = useRef(0);
-    var getInfo = function() {
+    var getInfo = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function() {
             var el, _dragRef_current, top, left, bottom, right, _getSystemInfoSync, screenWidth, windowHeight, _ref, width, height;
             return _ts_generator(this, function(_state) {

package/dist/es/packages/elevator/elevator.js

@@ -6,7 +6,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import React, { useRef, useEffect, useState, createContext } from "react";
 import Taro, { nextTick, createSelectorQuery } from "@tarojs/taro";
-import { ScrollView } from "@tarojs/components";
+import { ScrollView, View } from "@tarojs/components";
 import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";
 export var elevatorContext = /*#__PURE__*/ createContext({});
@@ -55,7 +55,6 @@ export var Elevator = function(props) {
     var scrolling = useRef(false);
     var _useState4 = _sliced_to_array(useState(0), 2), scrollTop = _useState4[0], setScrollTop = _useState4[1];
     var _useState5 = _sliced_to_array(useState(0), 2), scrollY = _useState5[0], setScrollY = _useState5[1];
-    // 重置滚动参数
     var resetScrollState = function() {
         setScrollStart(false);
     };
@@ -170,7 +169,7 @@ export var Elevator = function(props) {
     return /*#__PURE__*/ React.createElement("div", _object_spread({
         className: "".concat(classPrefix, " ").concat(className),
         style: style
-    }, rest), /*#__PURE__*/ React.createElement("div", {
+    }, rest), /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-list"),
         style: {
             height: Number.isNaN(+height) ? height : "".concat(height, "px")
@@ -188,14 +187,14 @@ export var Elevator = function(props) {
             scrolling.current = false;
         }
     }, list.map(function(item, idx) {
-        return /*#__PURE__*/ React.createElement("div", {
+        return /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-list-item nut-elevator-item-").concat(idx),
             key: idx
-        }, /*#__PURE__*/ React.createElement("div", {
+        }, /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-list-item-code")
         }, item[floorKey]), /*#__PURE__*/ React.createElement(React.Fragment, null, item.list.map(function(subitem) {
             var _obj;
-            return /*#__PURE__*/ React.createElement("div", {
+            return /*#__PURE__*/ React.createElement(View, {
                 className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-list-item-name"), true), _define_property(_obj, "".concat(classPrefix, "-list-item-name-highcolor"), currentData.id === subitem.id && currentKey === item[floorKey]), _obj)),
                 key: subitem.id,
                 onClick: function() {
@@ -205,11 +204,11 @@ export var Elevator = function(props) {
                 value: subitem
             }, children)) : subitem.name);
         })));
-    }))), showKeys ? /*#__PURE__*/ React.createElement(React.Fragment, null, list.length && scrollStart ? /*#__PURE__*/ React.createElement("div", {
+    }))), showKeys ? /*#__PURE__*/ React.createElement(React.Fragment, null, list.length && scrollStart ? /*#__PURE__*/ React.createElement(View, {
         className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-code-current"), true), _define_property(_obj, "".concat(classPrefix, "-code-current-current"), true), _obj))
-    }, list[codeIndex][floorKey]) : null, /*#__PURE__*/ React.createElement("div", {
+    }, list[codeIndex][floorKey]) : null, /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-bars")
-    }, /*#__PURE__*/ React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-bars-inner"),
         onTouchStart: function(event) {
             return touchStart(event);
@@ -223,7 +222,7 @@ export var Elevator = function(props) {
         }
     }, list.map(function(item, index) {
         var _obj;
-        return /*#__PURE__*/ React.createElement("div", {
+        return /*#__PURE__*/ React.createElement(View, {
             className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-bars-inner-item"), true), _define_property(_obj, "".concat(classPrefix, "-bars-inner-item-active"), item[floorKey] === list[codeIndex][floorKey]), _obj)),
             "data-index": index,
             key: index,
@@ -231,7 +230,7 @@ export var Elevator = function(props) {
                 return handleClickIndex(item[floorKey]);
             }
         }, item[floorKey]);
-    })))) : null, sticky && scrollY > 0 ? /*#__PURE__*/ React.createElement("div", {
+    })))) : null, sticky && scrollY > 0 ? /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-list-fixed")
     }, /*#__PURE__*/ React.createElement("span", {
         className: "".concat(classPrefix, "-list-fixed-title")

package/dist/es/packages/elevator/style/elevator.scss

@@ -99,13 +99,12 @@
       &-item {
         display: block;
         padding: $elevator-bars-inner-item-padding;
+        cursor: pointer;
 
         &-active {
           font-weight: $font-weight-bold;
           color: $elevator-bars-active-color;
         }
-
-        cursor: pointer;
       }
     }
   }

package/dist/es/packages/elevator/style/style.css

@@ -9,8 +9,8 @@
   position: relative;
   top: 0;
   overflow: hidden;
-  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-size-2, 12px));
-  color: var(--nutui-elevator-list-color, var(--nutui-gray-7, #1a1a1a));
+  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-size-s, 12px));
+  color: var(--nutui-elevator-list-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-elevator-list-inner {
   height: 100%;
@@ -27,12 +27,12 @@
   position: relative;
   height: var(--nutui-elevator-list-item-code-height, 35px);
   line-height: var(--nutui-elevator-list-item-code-line-height, 35px);
-  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));
-  color: var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7, #1a1a1a));
+  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-elevator-list-item-code-color, var(--nutui-color-title, #1a1a1a));
   padding: var(--nutui-elevator-list-item-padding, 0 20px);
-  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));
+  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
   box-sizing: border-box;
-  border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, 0.06)));
+  border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
   background-color: var(--nutui-elevator-list-item-code-background-color, inherit);
 }
 .nut-elevator-list-item-name {
@@ -54,9 +54,9 @@
   padding: var(--nutui-elevator-list-item-padding, 0 20px);
   height: var(--nutui-elevator-list-item-code-height, 35px);
   line-height: var(--nutui-elevator-list-item-code-line-height, 35px);
-  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));
+  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #ff0f23));
-  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));
+  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
   background-color: var(--nutui-elevator-list-fixed-bg-color, #ffffff);
   box-sizing: border-box;
   box-shadow: var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee);
@@ -78,11 +78,11 @@
   position: absolute;
   right: var(--nutui-elevator-bars-right, 10px);
   top: var(--nutui-elevator-bars-top, 50%);
-  color: var(--nutui-gray-5, #888b94);
-  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-size-2, 12px));
+  color: var(--nutui-color-text-help, #888b94);
+  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-size-s, 12px));
   transform: var(--nutui-elevator-bars-transform, translateY(-50%));
   padding: var(--nutui-elevator-bars-padding, 15px 0);
-  background-color: var(--nutui-elevator-bars-background-color, var(--nutui-gray-3, #f5f6fa));
+  background-color: var(--nutui-elevator-bars-background-color, var(--nutui-color-background, #f5f6fa));
   border-radius: var(--nutui-elevator-bars-border-radius, 6px);
   text-align: center;
   z-index: var(--nutui-elevator-bars-z-index, 1);
@@ -93,7 +93,7 @@
   cursor: pointer;
 }
 .nut-elevator-bars-inner-item-active {
-  font-weight: var(--nutui-font-weight-bold, 500);
+  font-weight: var(--nutui-font-weight-bold, 600);
   color: var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #ff0f23));
 }
 

package/dist/es/packages/ellipsis/ellipsis.js

@@ -39,8 +39,7 @@ export var Ellipsis = function(props) {
         "onClick",
         "onChange"
     ]);
-    var maxHeight = useRef(0) // 当行的最大高度
-    ;
+    var maxHeight = useRef(0);
     var _useState = _sliced_to_array(useState(false), 2), exceeded = _useState[0], setExceeded = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), expanded = _useState1[0], setExpanded = _useState1[1];
     var _useState2 = _sliced_to_array(useState(false), 2), cacled = _useState2[0], setCacled = _useState2[1];
@@ -91,7 +90,7 @@ export var Ellipsis = function(props) {
         content
     ]);
     // 获取省略号宽度
-    var getSymbolInfo = function() {
+    var getSymbolInfo = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function() {
             var refe;
             return _ts_generator(this, function(_state) {
@@ -120,7 +119,7 @@ export var Ellipsis = function(props) {
         }
         return "".concat(symbol).concat(expandText).concat(symbol);
     };
-    var getReference = function() {
+    var getReference = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function() {
             var query;
             return _ts_generator(this, function(_state) {
@@ -164,7 +163,7 @@ export var Ellipsis = function(props) {
         };
     }();
     // 计算省略号的位置
-    var calcEllipse = function() {
+    var calcEllipse = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function() {
             var refe, rowNum, end, end1, start;
             return _ts_generator(this, function(_state) {
@@ -210,7 +209,7 @@ export var Ellipsis = function(props) {
         };
     }();
     // 验证省略号
-    var verifyEllipsis = function() {
+    var verifyEllipsis = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function() {
             var refe, _ellipsis_current_leading, _ellipsis_current, _ellipsis_current_leading1, _ellipsis_current1, _ellipsis_current2, _ellipsis_current_tailing, _ellipsis_current3;
             return _ts_generator(this, function(_state) {
@@ -296,7 +295,6 @@ export var Ellipsis = function(props) {
         var match = value.match(/^\d*(\.\d*)?/);
         return match ? Number(match[0]) : 0;
     };
-    // 展开收起
     var clickHandle = function(type) {
         if (type === 1) {
             setExpanded(true);
@@ -306,7 +304,6 @@ export var Ellipsis = function(props) {
             onChange && onChange('collapse');
         }
     };
-    // 文本点击
     var handleClick = function() {
         onClick && onClick();
     };
@@ -334,7 +331,7 @@ export var Ellipsis = function(props) {
             e.stopPropagation();
             clickHandle(1);
         }
-    }, expandText) : null, ((_ellipsis_current2 = ellipsis.current) === null || _ellipsis_current2 === void 0 ? void 0 : _ellipsis_current2.tailing) && symbol, (_ellipsis_current3 = ellipsis.current) === null || _ellipsis_current3 === void 0 ? void 0 : _ellipsis_current3.tailing) : null, exceeded && expanded ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
+    }, expandText) : null, ((_ellipsis_current2 = ellipsis.current) === null || _ellipsis_current2 === void 0 ? void 0 : _ellipsis_current2.tailing) && symbol, (_ellipsis_current3 = ellipsis.current) === null || _ellipsis_current3 === void 0 ? void 0 : _ellipsis_current3.tailing) : null, exceeded && expanded ? /*#__PURE__*/ React.createElement(View, {
         style: {
             width: "".concat(!Number.isNaN(Number(width)) ? "".concat(width, "px") : 'auto')
         }
@@ -344,7 +341,7 @@ export var Ellipsis = function(props) {
             e.stopPropagation();
             clickHandle(2);
         }
-    }, collapseText) : null)) : null)), /*#__PURE__*/ React.createElement(View, {
+    }, collapseText) : null) : null)), /*#__PURE__*/ React.createElement(View, {
         className: "nut-ellipsis-copy",
         ref: rootContain,
         id: "rootContain".concat(refRandomId.current),

package/dist/es/packages/ellipsis/style/style.css

@@ -3,7 +3,7 @@
 }
 .nut-ellipsis .nut-ellipsis-text {
   cursor: pointer;
-  color: var(--nutui-ellipsis-expand-collapse-color, var(--nutui-color-info, #1988fa));
+  color: var(--nutui-ellipsis-expand-collapse-color, var(--nutui-color-info, #0073ff));
   display: inline-block;
 }
 .nut-ellipsis .nut-ellipsis-wordbreak {

package/dist/es/packages/empty/empty.js

@@ -6,7 +6,6 @@ import React, { useEffect, useState } from "react";
 import classNames from "classnames";
 import { View, Image } from "@tarojs/components";
 import Taro from "@tarojs/taro";
-import { useConfig } from "../configprovider/configprovider";
 import { ComponentDefaults } from "../../utils/typings";
 import { Button } from "../button/button";
 var defaultStatus = {
@@ -24,7 +23,6 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 var classPrefix = "nut-empty";
 export var Empty = function(props) {
-    var locale = useConfig().locale;
     var _$_object_spread = _object_spread({}, defaultProps, props), image = _$_object_spread.image, imageSize = _$_object_spread.imageSize, title = _$_object_spread.title, description = _$_object_spread.description, children = _$_object_spread.children, className = _$_object_spread.className, size = _$_object_spread.size, status = _$_object_spread.status, actions = _$_object_spread.actions, style = _$_object_spread.style;
     var _useState = _sliced_to_array(useState({}), 2), imgStyle = _useState[0], setImgStyle = _useState[1];
     var imageUrl = image || defaultStatus[status];