@nutui/nutui 4.0.0-beta.8 → 4.0.0

package/dist/packages/datepicker/style.mjs

@@ -1,4 +1,5 @@
-import './index.scss';
-import '../picker/index.scss';
-import '../popup/index.scss';
+import '../../styles/reset.css';
 import '../overlay/index.scss';
+import '../popup/index.scss';
+import '../picker/index.scss';
+import './index.scss';

package/dist/packages/dialog/index.mjs

@@ -1,4 +1,5 @@
 import _Dialog from '../_es/Dialog.js';
+import { showDialog } from '../_es/Dialog.js';
 const treeshaking = (t) => t;
 const Dialog = treeshaking(_Dialog);
-export { Dialog };
+export { Dialog, showDialog };

package/dist/packages/dialog/style.mjs

@@ -1,4 +1,5 @@
-import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';
+import '../../styles/reset.css';
 import '../button/index.scss';
+import '../overlay/index.scss';
+import '../popup/index.scss';
+import './index.scss';

package/dist/packages/divider/style.mjs

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

package/dist/packages/drag/style.mjs

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

package/dist/packages/ecard/index.scss

@@ -1,26 +1,33 @@
 .nut-theme-dark {
   .nut-ecard {
     color: $dark-color3;
+
     ::placeholder {
       color: rgb(29, 31, 32);
     }
+
     .nut-ecard__list__item {
       background: $dark-background5;
+
       &.active {
         background: $dark-background6;
         outline: 1px solid $dark-color2;
         color: $dark-color2;
       }
     }
+
     .nut-ecard__list__input {
       color: $dark-color3;
       background: $dark-background7;
+
       &.active {
         background: $dark-background7;
+
         > view > input {
           background: $dark-background7;
         }
       }
+
       .nut-ecard__list__input--con > input {
         background-color: transparent;
         color: $dark-color3;
@@ -78,10 +85,21 @@
         flex: 1;
         display: flex;
         justify-content: flex-end;
-        > input {
+
+        input {
+          caret-color: $primary-color; //光标颜色
+          text-align: right;
+          background: transparent;
+          margin-right: 10px;
+          outline: 0 none;
+          border: 0;
+          text-decoration: none;
+        }
+
+        .nut-ecard-input {
           caret-color: $primary-color; //光标颜色
           text-align: right;
-          background: $ecard-bg-color;
+          background: transparent;
           margin-right: 10px;
           outline: 0 none;
           border: 0;

package/dist/packages/ecard/style.mjs

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

package/dist/packages/elevator/index.scss

@@ -57,6 +57,12 @@
         }
       }
     }
+    .nut-elevator__list__fixed__wrapper {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+    }
     &__fixed {
       width: 100%;
       position: absolute;
@@ -71,6 +77,14 @@
       background-color: $elevator-list-fixed-bg-color;
       box-sizing: border-box;
       box-shadow: $elevator-list-fixed-box-shadow;
+      z-index: 1;
+      &--mini {
+        position: sticky;
+        top: -1px;
+      }
+    }
+    &--mini {
+      position: static;
     }
   }
   &__code--current {

package/dist/packages/elevator/style.mjs

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

package/dist/packages/ellipsis/style.mjs

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

package/dist/packages/empty/style.mjs

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

package/dist/packages/fixednav/style.mjs

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

package/dist/packages/form/style.mjs

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

package/dist/packages/formitem/style.mjs

@@ -1,2 +1,3 @@
-import './index.scss';
+import '../../styles/reset.css';
 import '../cell/index.scss';
+import './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.mjs

@@ -1,4 +1,5 @@
 import _ImagePreview from '../_es/ImagePreview.js';
+import { showImagePreview } from '../_es/ImagePreview.js';
 const treeshaking = (t) => t;
 const ImagePreview = treeshaking(_ImagePreview);
-export { ImagePreview };
+export { ImagePreview, showImagePreview };

package/dist/packages/imagepreview/style.mjs

@@ -1,6 +1,7 @@
-import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';
-import '../swiper/index.scss';
-import '../swiperitem/index.scss';
+import '../../styles/reset.css';
 import '../video/index.scss';
+import '../swiperitem/index.scss';
+import '../swiper/index.scss';
+import '../overlay/index.scss';
+import '../popup/index.scss';
+import './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;

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/style.mjs

@@ -1,8 +1,9 @@
-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 '../../styles/reset.css';
 import '../button/index.scss';
+import '../radio/index.scss';
+import '../radiogroup/index.scss';
+import '../cell/index.scss';
+import '../formitem/index.scss';
+import '../cellgroup/index.scss';
+import '../form/index.scss';
+import './index.scss';

package/dist/packages/layout/style.mjs

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

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/style.mjs

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

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,10 +102,12 @@
   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 {
     margin: 0;
@@ -115,11 +117,12 @@
     .nut-noticebar__vertical-item {
       display: flex;
       align-items: center;
-      height: $noticebar-height;
+      height: $noticebar-across-height;
     }
   }
 
   .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.mjs

@@ -1,4 +1,5 @@
 import _Notify from '../_es/Notify.js';
+import { showNotify } from '../_es/Notify.js';
 const treeshaking = (t) => t;
 const Notify = treeshaking(_Notify);
-export { Notify };
+export { Notify, showNotify };

package/dist/packages/notify/style.mjs

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

package/dist/packages/numberkeyboard/style.mjs

@@ -1,3 +1,4 @@
-import './index.scss';
-import '../popup/index.scss';
+import '../../styles/reset.css';
 import '../overlay/index.scss';
+import '../popup/index.scss';
+import './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/style.mjs

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

package/dist/packages/popover/style.mjs

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

package/dist/packages/popup/style.mjs

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

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';

package/dist/packages/radio/index.scss

@@ -44,9 +44,22 @@
     box-sizing: border-box;
     border: 1px solid #f6f7f9;
     &--active {
-      background: $radio-label-button-background;
+      background: transparent;
       color: $radio-label-font-active-color;
       border: 1px solid $radio-label-button-border-color;
+      position: relative;
+      &::after {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: $radio-label-button-background;
+        opacity: 0.05;
+        content: '';
+      }
     }
     &--disabled {
       color: $radio-label-disable-color;
@@ -68,7 +81,6 @@
     color: $radio-label-font-active-color;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
-    font-size: $radio-icon-font-size;
   }
   &__icon--unchecked {
     color: $radio-icon-disable-color;

package/dist/packages/radio/style.mjs

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

package/dist/packages/radiogroup/style.mjs

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

package/dist/packages/range/index.scss

@@ -106,15 +106,18 @@
   position: relative;
   width: 100%;
   height: 4px;
-  background-color: $range-bg-color;
   border-radius: 2px;
   cursor: pointer;
   &::before {
     position: absolute;
-    top: -8px;
+    top: 0;
     right: 0;
-    bottom: -8px;
+    bottom: 0;
     left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: $range-bg-color;
+    opacity: 0.5;
     content: '';
   }
 

package/dist/packages/range/style.mjs

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

package/dist/packages/rate/index.scss

@@ -4,6 +4,7 @@
     display: flex;
     flex-shrink: 0;
     position: relative;
+    margin-right: 14px;
     &:last-child {
       margin-right: 0;
     }
@@ -13,10 +14,10 @@
       cursor: pointer;
 
       &::before {
-        position: relative;
-        top: auto;
-        left: auto;
-        transform: none;
+        // position: relative;
+        // top: auto;
+        // left: auto;
+        // transform: none;
       }
 
       &--disabled {

package/dist/packages/rate/style.mjs

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

package/dist/packages/row/style.mjs

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