@nutui/nutui 4.0.0-beta.9 → 4.0.1-2.beta-1

package/dist/packages/fixednav/style.mjs

@@ -1,2 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../overlay/index.scss';

package/dist/packages/form/index.scss

@@ -1,2 +1 @@
-.nut-form {
-}
+@import '../cellgroup/index.scss';

package/dist/packages/form/style.mjs

@@ -1,2 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../cellgroup/index.scss';

package/dist/packages/formitem/index.scss

@@ -1,3 +1,5 @@
+@import '../cell/index.scss';
+
 .nut-theme-dark {
   .nut-form-item {
     &__body {
@@ -35,6 +37,7 @@
     font-size: $form-item-label-font-size;
     font-weight: normal;
     width: $form-item-label-width;
+    min-width: auto;
     margin-right: $form-item-label-margin-right;
     flex: none !important;
     display: inline-block !important;

package/dist/packages/formitem/style.mjs

@@ -1,2 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../cell/index.scss';

package/dist/packages/grid/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/griditem/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/icon/index.scss

@@ -0,0 +1 @@
+@import '@nutui/icons-vue/dist/style_iconfont.css';

package/dist/packages/icon/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/image/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/imagepreview/index.scss

@@ -1,3 +1,8 @@
+@import '../popup/index.scss';
+@import '../swiper/index.scss';
+@import '../swiperitem/index.scss';
+@import '../video/index.scss';
+
 .nut-image-preview {
   height: 100%;
   width: 100%;
@@ -13,11 +18,6 @@
     object-fit: contain;
   }
 
-  &-taro-img {
-    width: 100%;
-    height: 100%;
-  }
-
   &-index {
     position: fixed;
     z-index: 2002;

package/dist/packages/imagepreview/style.mjs

@@ -1,6 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';
-import '../swiper/index.scss';
-import '../swiperitem/index.scss';
-import '../video/index.scss';

package/dist/packages/indicator/index.scss

@@ -38,11 +38,11 @@
     text-align: center;
     font-size: $indicator-number-font-size;
     line-height: $indicator-size;
-    color: $indicator-white;
+    color: $indicator-color;
     vertical-align: middle;
-    border: 1px solid $indicator-white;
+    border: 1px solid $indicator-color;
     border-radius: 50%;
-    background-color: $indicator-color;
-    box-shadow: 0 0 1px 1px $indicator-color;
+    background-color: $indicator-bg-color;
+    box-shadow: 0 0 1px 1px $indicator-bg-color;
   }
 }

package/dist/packages/indicator/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/infiniteloading/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/input/index.scss

@@ -28,7 +28,7 @@ textarea {
   width: 100%;
   padding: 10px 25px;
   display: flex;
-  line-height: 24px;
+  line-height: 20px;
   background: $white;
   font-size: $input-font-size;
   box-sizing: border-box;
@@ -53,7 +53,11 @@ textarea {
     resize: none;
     flex: 1;
   }
-
+  .input-text {
+    font-size: $input-font-size;
+    // height: auto;
+    // min-height: auto;
+  }
   &__label {
     width: 80px;
     overflow: hidden;
@@ -73,6 +77,7 @@ textarea {
     position: relative;
     width: 100%;
     display: flex;
+    flex: 1;
   }
   &-disabled-mask {
     position: absolute;
@@ -91,33 +96,32 @@ textarea {
     // margin-top: -50%;
     // line-height: var(--van-field-word-limit-line-height);
   }
-  &-left-icon,
-  &-right-icon {
+  &-left-box,
+  &-right-box {
     display: flex;
     align-items: center;
     font-size: 0;
   }
-  &-clear,
-  &-right-icon {
+  &-right-box {
     margin-left: 4px;
   }
-  &-left-icon {
+  &-left-box {
     margin-right: 4px;
   }
   &-clear-box {
     height: 100%;
-    .nut-input-clear {
-      vertical-align: -2px;
-    }
+    display: flex;
+    align-items: center;
+    // .nut-input-clear {
+    //   vertical-align: -2px;
+    // }
   }
   &-clear {
     width: 16px;
     height: 16px;
     color: #c8c9cc;
     cursor: pointer;
-  }
-  .nut-button {
-    margin-left: 10px;
+    margin: 0 4px;
   }
   &--required {
     &::before {

package/dist/packages/input/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/inputnumber/index.scss

@@ -38,7 +38,11 @@
     display: flex;
     align-items: center;
     color: $inputnumber-icon-color;
-    font-size: $inputnumber-icon-size;
+    .nut-icon {
+      width: $inputnumber-icon-size;
+      height: $inputnumber-icon-size;
+      font-size: $inputnumber-icon-size;
+    }
     cursor: pointer;
     &--disabled {
       color: $inputnumber-icon-void-color;

package/dist/packages/inputnumber/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/invoice/index.scss

@@ -1,3 +1,9 @@
+@import '../button/index.scss';
+@import '../radiogroup/index.scss';
+@import '../radio/index.scss';
+@import '../form/index.scss';
+@import '../formitem/index.scss';
+
 .nut-theme-dark {
   .nut-invoice {
     .nut-invoice__submit {

package/dist/packages/invoice/style.mjs

@@ -1,8 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../form/index.scss';
-import '../cellgroup/index.scss';
-import '../formitem/index.scss';
-import '../cell/index.scss';
-import '../radiogroup/index.scss';
-import '../radio/index.scss';
-import '../button/index.scss';

package/dist/packages/layout/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/list/index.scss

@@ -1,23 +1,23 @@
 .nut-list {
   width: 100%;
-  overflow: scroll;
   position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
   -webkit-overflow-scrolling: touch;
+
   &-phantom {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
+    position: relative;
     z-index: -1;
   }
+
   &-container {
+    position: absolute;
+    top: 0;
     left: 0;
     right: 0;
-    top: 0;
-    position: absolute;
   }
+
   &-item {
     overflow: hidden;
-    margin: $list-item-margin;
   }
 }

package/dist/packages/list/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/locale/lang/zh-CN.js

@@ -28,7 +28,7 @@ class c extends i {
       weekdays: ["日", "一", "二", "三", "四", "五", "六"],
       end: "结束",
       start: "开始",
-      title: "日历选择",
+      title: "日期选择",
       monthTitle: (a, o) => `${a}年${o}月`,
       today: "今天"
     });

package/dist/packages/menu/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/menuitem/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-menu-item__content {
     .nut-menu-item__option {
@@ -7,6 +9,13 @@
 }
 
 .nut-menu-item {
+  position: fixed;
+  z-index: $menu-bar-opened-z-index;
+  left: 0;
+  right: 0;
+  height: 100vh;
+  overflow: hidden;
+
   .active {
     font-weight: $menu-active-item-font-weight;
     color: $menu-item-active-text-color !important;
@@ -38,20 +47,10 @@
   }
 }
 
-.nut-menu__pop {
-  transition: all 0 ease 0;
-  transform: none;
-}
-
 .nut-menu-item-placeholder-element {
   position: fixed;
-  top: -$menu-bar-line-height;
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
-
-  &.up {
-    bottom: -$menu-bar-line-height;
-  }
 }

package/dist/packages/menuitem/style.mjs

@@ -1,3 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';

package/dist/packages/navbar/index.scss

@@ -33,7 +33,6 @@
     width: 100%;
   }
   &--placeholder {
-    display: inline-block;
     width: 100%;
   }
   &--safe-area-inset-top {

package/dist/packages/navbar/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/noticebar/index.scss

@@ -13,7 +13,7 @@
 .nut-noticebar__page {
   display: flex;
   padding: $noticebar-box-padding;
-  height: $noticebar-height;
+  height: $noticebar-across-height;
   font-size: $noticebar-font-size;
   position: relative;
   align-items: center;
@@ -23,7 +23,7 @@
     height: auto;
     padding: $noticebar-wrapable-padding;
     .nut-noticebar__page-wrap {
-      height: auto;
+      height: auto !important;
       .nut-noticebar__page-wrap-content {
         position: relative;
         white-space: normal;
@@ -37,8 +37,8 @@
     padding-right: 40px;
   }
   .nut-noticebar__page-lefticon {
-    height: $noticebar-left-icon-width;
-    min-width: $noticebar-left-icon-width;
+    display: flex;
+    align-items: center;
     margin: $noticebar-lefticon-margin;
     background-size: 100% 100%;
   }
@@ -46,14 +46,13 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: $noticebar-right-icon-width;
     margin: $noticebar-righticon-margin;
   }
   .nut-noticebar__page-wrap {
     display: flex;
     flex: 1;
-    height: $noticebar-line-height;
-    line-height: $noticebar-line-height;
+    height: $noticebar-across-line-height;
+    line-height: $noticebar-across-line-height;
     overflow: hidden;
     position: relative;
   }
@@ -61,6 +60,7 @@
     position: absolute;
     white-space: nowrap;
     &.nut-ellipsis {
+      display: inline-block;
       max-width: 100%;
       white-space: nowrap;
       overflow: hidden;
@@ -93,7 +93,7 @@
 // 垂直方向的滚动
 @keyframes nut-notice-bar-play-vertical {
   to {
-    transform: translateY($noticebar-height);
+    transform: translateY($noticebar-across-height);
   }
 }
 
@@ -102,24 +102,37 @@
   position: relative;
   display: flex;
   justify-content: space-between;
-  height: $noticebar-height;
+  height: $noticebar-across-height;
   font-size: $noticebar-font-size;
   overflow: hidden;
   padding: $noticebar-box-padding;
+  background: $noticebar-background;
+  color: $noticebar-color;
 
   .nut-noticebar__vertical-list {
+    width: 100%;
     margin: 0;
     padding: 0;
     display: block;
     flex: 1;
+    overflow: hidden;
     .nut-noticebar__vertical-item {
-      display: flex;
-      align-items: center;
-      height: $noticebar-height;
+      // display: flex;
+      // align-items: center;
+      height: $noticebar-across-height;
+      width: 100%;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
     }
   }
 
+  .nut-noticebar-custom-item {
+    position: absolute;
+    top: 999999px;
+  }
   .go {
+    margin: $noticebar-righticon-margin;
     align-self: center;
     display: flex;
   }

package/dist/packages/noticebar/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/notify/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-fade-enter-active {
   transition: opacity 1s;
 }

package/dist/packages/notify/style.mjs

@@ -1,3 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';

package/dist/packages/numberkeyboard/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-number-keyboard {
     background-color: $dark-background4;

package/dist/packages/numberkeyboard/style.mjs

@@ -1,3 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';

package/dist/packages/overlay/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/pagination/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/picker/index.scss

@@ -144,27 +144,22 @@
     }
 
     &-item-tile {
-      display: flex;
-      align-items: center;
-      justify-content: center;
+      display: block;
+      text-align: center;
       width: 100%;
       color: $picker-item-text-color;
       font-size: $picker-item-text-font-size;
-
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
 
     &-item-tarotile {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
+      display: block;
+      text-align: center;
       width: 100%;
       color: $picker-item-text-color;
       font-size: $picker-item-text-font-size;
-
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;

package/dist/packages/picker/style.mjs

@@ -1,3 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';

package/dist/packages/popover/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-popover {
   position: absolute;
   display: inline-block;

package/dist/packages/popover/style.mjs

@@ -1,3 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';

package/dist/packages/popup/index.scss

@@ -1,3 +1,5 @@
+@import '../overlay/index.scss';
+
 .nut-theme-dark {
   .nut-popup {
     background: $dark-background2;

package/dist/packages/popup/style.mjs

@@ -1,2 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';
-import '../overlay/index.scss';

package/dist/packages/price/index.scss

@@ -2,10 +2,14 @@
   font-size: 0;
   display: inline;
   color: $primary-color;
+  &--strike {
+    [class*='nut-price'] {
+      text-decoration: line-through;
+    }
+  }
   &--symbol {
     display: inline-block;
     font-size: $font-size-3;
-    // margin-right: 4px;
   }
   &--large {
     display: inline-block;
@@ -15,11 +19,6 @@
     display: inline-block;
     font-size: $price-big-size;
   }
-  // &--small {
-  //   display: inline-block;
-  //   font-size: $font-size-4;
-  // }
-
   &--decimal-large {
     display: inline-block;
     font-size: $price-decimal-big-size;
@@ -52,8 +51,4 @@
     display: inline-block;
     font-size: $price-symbol-small-size;
   }
-  // &--decimal--big {
-  //   display: inline-block;
-  //   font-size: $price-medium-size;
-  // }
 }

package/dist/packages/price/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/progress/index.scss

@@ -15,12 +15,12 @@
       -webkit-transition: all 0.4s;
       transition: all 0.4s;
       // position: relative;
-      .nut-progress-text {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        color: #fff;
-      }
+    }
+    .nut-progress-text {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      color: #fff;
     }
     .nut-active {
       &:before {
@@ -85,6 +85,8 @@
     font-size: 13px;
     line-height: 1;
     min-width: 35px;
+    display: flex;
+    align-items: center;
   }
   .nut-progress-insidetext {
     padding: $progress-insidetext-padding;

package/dist/packages/progress/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/pullrefresh/index.scss

@@ -1,4 +1,4 @@
-.nut-pullrefresh {
+.nut-pull-refresh {
   height: 100%;
   overflow: hidden;
   &-container {

package/dist/packages/pullrefresh/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';