@nutui/nutui-react-taro 3.0.11 → 3.0.12

package/dist/cjs/packages/countdown/style/style.harmony.css

@@ -0,0 +1,113 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-countdown {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: #ff0f23;
+  font-size: 11px;
+}
+.nut-countdown-number-primary {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 16px;
+  box-sizing: border-box;
+  font-weight: 400;
+  font-size: 11px;
+  line-height: calc(11px + 2px);
+  font-family: "JD";
+}
+.nut-countdown-number {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 16px;
+  box-sizing: border-box;
+  font-weight: 400;
+  font-size: 11px;
+  line-height: calc(11px + 2px);
+  font-family: "JD";
+}
+.nut-countdown-number-text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 16px;
+  box-sizing: border-box;
+  font-weight: 400;
+  font-size: 11px;
+  line-height: calc(11px + 2px);
+  font-family: "JD";
+}
+.nut-countdown-unit {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 16px;
+  box-sizing: border-box;
+  font-weight: 400;
+  font-size: 11px;
+  line-height: calc(11px + 2px);
+  font-family: "JD";
+}
+.nut-countdown-number {
+  position: relative;
+  min-width: 16px;
+  padding: 0 0;
+  border-radius: 2px;
+  margin: 0 1px;
+  text-align: center;
+}
+.nut-countdown-number-primary {
+  position: relative;
+  min-width: 16px;
+  padding: 0 0;
+  border-radius: 2px;
+  margin: 0 1px;
+  text-align: center;
+}
+.nut-countdown-number::after {
+  content: "";
+  position: absolute;
+  top: -50%;
+  bottom: -50%;
+  left: -50%;
+  right: -50%;
+  transform: scale(0.5);
+  border-radius: calc(2px * 2);
+}
+.nut-countdown-number-primary::after {
+  content: "";
+  position: absolute;
+  top: -50%;
+  bottom: -50%;
+  left: -50%;
+  right: -50%;
+  transform: scale(0.5);
+  border-radius: calc(2px * 2);
+}
+.nut-countdown-number {
+  background-color: #ffffff;
+  color: #ff0f23;
+}
+.nut-countdown-number::after {
+  border: 1px solid #ffadbe;
+}
+.nut-countdown-number-primary {
+  background-color: #ff0f23;
+  color: #ffffff;
+}
+.nut-countdown-number-primary::after {
+  border: 1px solid #ff0f23;
+}
+.nut-countdown-number-text {
+  border: 0;
+  background-color: transparent;
+  color: #ff0f23;
+}
+.nut-countdown-unit {
+  color: #ff0f23;
+}

package/dist/cjs/packages/datepicker/style/style.harmony.css

@@ -0,0 +1,4 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */

package/dist/cjs/packages/datepickerview/style/style.harmony.css

@@ -0,0 +1,8 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/cjs/packages/dialog/style/style.harmony.css

@@ -0,0 +1,167 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-dialog {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 295px;
+  min-width: 240px;
+  /* #ifndef harmony*/
+  max-height: 67%;
+  /* #endif */
+  min-height: 124px;
+  padding: 24px;
+  box-sizing: border-box;
+}
+.nut-dialog-outer {
+  position: fixed;
+  max-height: 100%;
+  background-color: #ffffff;
+  transition: transform 0.2s, -webkit-transform 0.2s;
+  -webkit-overflow-scrolling: touch;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  border-radius: 12px;
+  animation-duration: 0.3s;
+}
+.nut-dialog-close {
+  position: absolute !important;
+  z-index: 1;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #ffffff;
+}
+.nut-dialog-close .nut-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+}
+.nut-dialog-close-top-right {
+  top: 16px;
+  right: 16px;
+}
+.nut-dialog-close-top-left {
+  top: 16px;
+  left: 16px;
+}
+.nut-dialog-close-bottom {
+  bottom: -64px;
+  width: 24px;
+  height: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.nut-dialog-close-bottom .nut-icon {
+  color: #c2c4cc;
+  background-color: rgba(0, 0, 0, 0.4);
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+}
+.nut-dialog-close:active {
+  opacity: 0.7;
+}
+.nut-dialog-header {
+  display: block;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 600;
+  color: #1a1a1a;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.nut-dialog-content {
+  width: 100%;
+  margin: 12px 0 16px 0;
+  max-height: 268px;
+  line-height: 20px;
+  font-size: 14px;
+  color: #1a1a1a;
+  word-wrap: break-word;
+  word-break: break-all;
+  white-space: pre-wrap;
+  text-align: left;
+  overflow-y: auto;
+}
+.nut-dialog-footer {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+}
+.nut-dialog-footer.vertical {
+  flex-direction: column;
+}
+.nut-dialog-footer.vertical .nut-button {
+  min-width: 100%;
+}
+.nut-dialog-footer.vertical .nut-dialog-footer-cancel {
+  margin: 0;
+  color: #505259;
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  margin-top: 16px;
+}
+.nut-dialog-footer .nut-button {
+  min-width: 117px;
+}
+.nut-dialog-footer-cancel.nut-dialog-footer-cancel {
+  margin-right: 12px;
+  background: transparent;
+}
+.nut-dialog-footer-ok {
+  max-width: 128px;
+  font-weight: 600;
+}
+.nut-dialog-footer-block.nut-button {
+  min-width: 100%;
+}
+
+[dir=rtl] .nut-dialog-outer,
+.nut-rtl .nut-dialog-outer {
+  left: auto;
+  right: 50%;
+  -webkit-transform: translate(50%, -50%);
+  transform: translate(50%, -50%);
+}
+[dir=rtl] .nut-dialog-close-top-right {
+  right: auto;
+  left: 16px;
+}
+.nut-rtl .nut-dialog-close-top-right {
+  right: auto;
+  left: 16px;
+}
+[dir=rtl] .nut-dialog-close-top-left {
+  left: auto;
+  right: 16px;
+}
+.nut-rtl .nut-dialog-close-top-left {
+  left: auto;
+  right: 16px;
+}
+[dir=rtl] .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
+  margin-right: 0;
+  margin-left: 12px;
+}
+.nut-rtl .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
+  margin-right: 0;
+  margin-left: 12px;
+}
+[dir=rtl] .nut-dialog-content {
+  text-align: right;
+}
+.nut-rtl .nut-dialog-content {
+  text-align: right;
+}

package/dist/cjs/packages/divider/style/style.harmony.css

@@ -0,0 +1,72 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-divider {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  font-size: 14px;
+  color: #505259;
+  margin: 16px 0;
+  width: 100%;
+  border: 0 solid rgba(0, 0, 0, 0.06);
+}
+.nut-divider-before {
+  display: flex;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.06);
+  border-width: 1px 0 0;
+  height: 1px;
+  flex: 1;
+}
+.nut-divider-after {
+  display: flex;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.06);
+  border-width: 1px 0 0;
+  height: 1px;
+  flex: 1;
+}
+.nut-divider-center-before {
+  margin-right: 8px;
+}
+.nut-divider-left-before {
+  margin-right: 8px;
+}
+.nut-divider-right-before {
+  margin-right: 8px;
+}
+.nut-divider-center-after {
+  margin-left: 8px;
+}
+.nut-divider-left-after {
+  margin-left: 8px;
+}
+.nut-divider-right-after {
+  margin-left: 8px;
+}
+.nut-divider-left-before {
+  width: 10%;
+  flex: none;
+}
+.nut-divider-right-after {
+  width: 10%;
+  flex: none;
+}
+.nut-divider-vertical {
+  display: inline-flex;
+  width: 0px;
+  height: 12px;
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  margin: 0 8px;
+  vertical-align: middle;
+}
+.nut-divider-rtl-before {
+  margin-right: 0;
+  margin-left: 8px;
+}
+.nut-divider-rtl-after {
+  margin-left: 0;
+  margin-right: 8px;
+}

package/dist/cjs/packages/drag/style/style.harmony.css

@@ -0,0 +1,19 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-drag {
+  position: fixed;
+  z-index: 9997 !important;
+  width: 0;
+  height: 0;
+  touch-action: none;
+  user-select: none;
+  font-size: 0;
+}
+.nut-drag-inner {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  touch-action: none;
+}

package/dist/cjs/packages/elevator/style/css.js

@@ -1,3 +1 @@
-import '../../elevator/style/css';
-import '../../cascader/style/css';
 import './style.css';

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

@@ -1,113 +1,134 @@
-.nut-address {
-  &-title {
-    font-size: 14px;
-    font-weight: 500;
-    padding: 16px 16px 12px 16px;
-  }
-  &-hotlist {
-    padding: 0 16px;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-    &-item {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 63px;
-      height: 28px;
-      font-size: 12px;
-      border-radius: 4px;
-      margin-bottom: 7px;
-      /* #ifdef harmony*/
-      margin-right: 6px;
-      /* #endif */
-      /* #ifndef harmony*/
-      margin-right: 7px;
-      /* #endif */
-      background-color: $color-background-sunken;
-      color: $color-title;
-      &:nth-child(5n) {
-        margin-right: 0;
-      }
-    }
+.nut-elevator {
+  width: 100%;
+  display: block;
+  position: relative;
+  overflow: hidden;
 
-    &.hotlist-more {
-      .nut-address-hotlist-item {
-        width: auto;
-        padding: 0 16px;
-        margin-right: 7px;
-      }
+  &-list {
+    display: block;
+    position: relative;
+    top: 0;
+    overflow: hidden;
+    font-size: $elevator-list-font-size;
+    color: $elevator-list-color;
+
+    &-inner {
+      height: 100%;
+      width: 100%;
+      display: block;
+      background-color: $elevator-list-bg-color;
+      overflow: auto;
     }
-  }
 
-  &-selected {
-    width: 100%;
-    height: 60px;
-    padding: 0 16px;
-    display: flex;
-    align-items: center;
-    border-bottom: 1px solid $color-border;
     &-item {
-      font-size: 12px;
-      display: inline-block;
-      height: 28px;
-      line-height: 28px;
-      padding: 0 12px;
-      border-radius: 4px;
-      background-color: $color-background-sunken;
+      display: block;
 
-      &.active {
-        border: 1px solid $color-primary;
-        background-color: $color-primary-light-pressed;
-        color: $color-primary;
+      &-code {
+        display: flex;
+        position: relative;
+        height: $elevator-list-item-code-height;
+        line-height: $elevator-list-item-code-line-height;
+        font-size: $elevator-list-item-code-font-size;
+        color: $elevator-list-item-code-color;
+        padding: $elevator-list-item-padding;
+        font-weight: $elevator-list-item-code-font-weight;
+        box-sizing: border-box;
+        border-bottom: $elevator-list-item-code-border-bottom;
+        background-color: $elevator-list-item-code-background-color;
+      }
+
+      &-name {
+        display: flex;
+        align-items: center;
+        padding: $elevator-list-item-padding;
+        height: $elevator-list-item-name-height;
+        line-height: $elevator-list-item-name-line-height;
+
+        &-highcolor {
+          color: $color-primary;
+        }
       }
     }
-    &-border {
-      margin: 0 2px;
-      color: $color-text-disabled;
+
+    &-fixed {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 1;
+      padding: $elevator-list-item-padding;
+      height: $elevator-list-item-code-height;
+      background-color: $elevator-list-fixed-bg-color;
+      box-sizing: border-box;
+      box-shadow: $elevator-list-fixed-box-shadow;
+      &-title {
+        font-size: $elevator-list-item-code-font-size;
+        color: $elevator-list-fixed-color;
+        font-weight: $elevator-list-item-code-font-weight;
+      }
     }
   }
 
-  &-elevator {
-    margin-top: 0;
-    .nut-elevator-list {
+  &-code-current {
+    position: absolute;
+    right: $elevator-list-item-code-current-right;
+    top: $elevator-list-item-code-current-top;
+    transform: $elevator-bars-transform;
+    width: $elevator-list-item-code-current-width;
+    height: $elevator-list-item-code-current-height;
+    line-height: $elevator-list-item-code-current-line-height;
+    border-radius: $elevator-list-item-code-current-border-radius;
+    background: $elevator-list-item-code-current-bg-color;
+    box-shadow: $elevator-list-item-code-current-box-shadow;
+    text-align: $elevator-list-item-code-current-text-align;
+  }
+
+  &-bars {
+    position: absolute;
+    right: $elevator-bars-right;
+    top: $elevator-bars-top;
+    color: $color-text-help;
+    font-size: $elevator-bars-font-size;
+    transform: $elevator-bars-transform;
+    padding: $elevator-bars-padding;
+    background-color: $elevator-bars-background-color;
+    border-radius: $elevator-bars-border-radius;
+    text-align: center;
+    z-index: $elevator-bars-z-index;
+
+    &-inner {
       &-item {
-        position: relative;
-        padding-left: 20px;
-      }
-      &-item-code {
-        display: inline;
-        position: absolute;
-        left: 0;
-        top: 0;
-        height: 30px;
-        line-height: 30px;
-        border-bottom: 0;
-        color: $color-text-help;
-        font-weight: 500;
-      }
-    }
-    .nut-elevator-bars {
-      top: 40%;
-      padding: 0;
-      background: none;
+        display: block;
+        padding: $elevator-bars-inner-item-padding;
+        cursor: pointer;
 
-      &-inner-item {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 16px;
-        height: 16px;
-        font-size: 10px;
-        border-radius: 16px;
-        margin-bottom: 2px;
-        color: $color-text-help;
         &-active {
-          background-color: $color-primary;
-          color: $color-background-overlay;
-          font-weight: 400;
+          font-weight: $font-weight-bold;
+          color: $elevator-bars-active-color;
         }
       }
     }
   }
 }
+
+[dir='rtl'] .nut-elevator,
+.nut-rtl .nut-elevator {
+  &-list {
+    &-fixed {
+      left: auto;
+      right: 0;
+    }
+  }
+
+  &-code-current {
+    right: auto;
+    left: $elevator-list-item-code-current-right;
+  }
+
+  &-bars {
+    right: auto;
+    left: $elevator-bars-right;
+  }
+}

package/dist/cjs/packages/elevator/style/index.js

@@ -1,3 +1 @@
-import '../../elevator/style';
-import '../../cascader/style';
 import './elevator.scss';