@nutui/nutui 4.0.0-beta.3 → 4.0.0-beta.30

package/dist/packages/sku/style.mjs

@@ -1,5 +1,6 @@
-import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';
-import '../inputnumber/index.scss';
+import '../../styles/reset.css';
 import '../price/index.scss';
+import '../inputnumber/index.scss';
+import '../overlay/index.scss';
+import '../popup/index.scss';
+import './index.scss';

package/dist/packages/step/index.mjs

@@ -1,2 +1,4 @@
-import Step from '../_es/Step.js';
+import _Step from '../_es/Step.js';
+const treeshaking = (t) => t;
+const Step = treeshaking(_Step);
 export { Step };

package/dist/packages/step/index.scss

@@ -71,9 +71,6 @@
       color: $steps-finish-head-color;
       border-color: $steps-finish-head-border-color;
     }
-    .nut-step-icon.is-text {
-      background-color: $steps-finish-icon-text-color;
-    }
     .nut-step-icon.is-icon {
       background-color: $steps-finish-icon-text-color;
     }
@@ -89,9 +86,6 @@
       color: $steps-process-head-color;
       border-color: $steps-process-head-border-color;
     }
-    .nut-step-icon.is-text {
-      background-color: $steps-process-icon-text-color;
-    }
     .nut-step-icon.is-icon {
       background-color: $steps-process-icon-text-color;
     }
@@ -104,11 +98,9 @@
       color: $steps-wait-head-color;
       border-color: $steps-wait-head-border-color;
     }
-    .nut-step-icon.is-text {
-      background-color: $steps-wait-icon-bg-color;
-    }
     .nut-step-icon.is-icon {
       background-color: $steps-wait-icon-bg-color;
+      color: $steps-wait-icon-text-color;
       .nut-icon {
         color: $steps-wait-icon-color;
       }

package/dist/packages/step/style.mjs

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

package/dist/packages/steps/index.mjs

@@ -1,2 +1,4 @@
-import Steps from '../_es/Steps.js';
+import _Steps from '../_es/Steps.js';
+const treeshaking = (t) => t;
+const Steps = treeshaking(_Steps);
 export { Steps };

package/dist/packages/steps/style.mjs

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

package/dist/packages/sticky/index.mjs

@@ -1,2 +1,4 @@
-import Sticky from '../_es/Sticky.js';
+import _Sticky from '../_es/Sticky.js';
+const treeshaking = (t) => t;
+const Sticky = treeshaking(_Sticky);
 export { Sticky };

package/dist/packages/sticky/index.scss

@@ -1,8 +1,10 @@
 .nut-sticky {
   &--stickyed {
+    display: flex;
     position: sticky;
   }
   &--fixed {
+    display: flex;
     position: fixed;
   }
 }

package/dist/packages/sticky/style.mjs

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

package/dist/packages/subsidenavbar/index.mjs

@@ -1,2 +1,4 @@
-import SubSideNavbar from '../_es/SubSideNavbar.js';
+import _SubSideNavbar from '../_es/SubSideNavbar.js';
+const treeshaking = (t) => t;
+const SubSideNavbar = treeshaking(_SubSideNavbar);
 export { SubSideNavbar };

package/dist/packages/subsidenavbar/style.mjs

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

package/dist/packages/swipe/index.mjs

@@ -1,2 +1,4 @@
-import Swipe from '../_es/Swipe.js';
+import _Swipe from '../_es/Swipe.js';
+const treeshaking = (t) => t;
+const Swipe = treeshaking(_Swipe);
 export { Swipe };

package/dist/packages/swipe/style.mjs

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

package/dist/packages/swiper/index.mjs

@@ -1,2 +1,4 @@
-import Swiper from '../_es/Swiper.js';
+import _Swiper from '../_es/Swiper.js';
+const treeshaking = (t) => t;
+const Swiper = treeshaking(_Swiper);
 export { Swiper };

package/dist/packages/swiper/style.mjs

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

package/dist/packages/swiperitem/index.mjs

@@ -1,2 +1,4 @@
-import SwiperItem from '../_es/SwiperItem.js';
+import _SwiperItem from '../_es/SwiperItem.js';
+const treeshaking = (t) => t;
+const SwiperItem = treeshaking(_SwiperItem);
 export { SwiperItem };

package/dist/packages/swiperitem/style.mjs

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

package/dist/packages/switch/index.mjs

@@ -1,2 +1,4 @@
-import Switch from '../_es/Switch.js';
+import _Switch from '../_es/Switch.js';
+const treeshaking = (t) => t;
+const Switch = treeshaking(_Switch);
 export { Switch };

package/dist/packages/switch/index.scss

@@ -8,6 +8,13 @@
   background-repeat: no-repeat;
   background-position: center center;
   flex: 0 0 auto; // 防止被压缩
+
+  .nut-icon-loading1 {
+    width: 12px;
+    height: 12px;
+    font-size: 12px;
+  }
+
   &.nut-switch-close {
     background-color: $switch-close-bg-color;
   }

package/dist/packages/switch/style.mjs

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

package/dist/packages/tabbar/index.mjs

@@ -1,2 +1,4 @@
-import Tabbar from '../_es/Tabbar.js';
+import _Tabbar from '../_es/Tabbar.js';
+const treeshaking = (t) => t;
+const Tabbar = treeshaking(_Tabbar);
 export { Tabbar };

package/dist/packages/tabbar/style.mjs

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

package/dist/packages/tabbaritem/index.mjs

@@ -1,2 +1,4 @@
-import TabbarItem from '../_es/TabbarItem.js';
+import _TabbarItem from '../_es/TabbarItem.js';
+const treeshaking = (t) => t;
+const TabbarItem = treeshaking(_TabbarItem);
 export { TabbarItem };

package/dist/packages/tabbaritem/index.scss

@@ -21,10 +21,16 @@
 
   &_icon-box {
     padding: 0px;
+    line-height: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     position: relative;
+    .nut-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+    }
 
     &_tips {
       position: absolute;

package/dist/packages/tabbaritem/style.mjs

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

package/dist/packages/table/index.mjs

@@ -1,2 +1,4 @@
-import Table from '../_es/Table.js';
+import _Table from '../_es/Table.js';
+const treeshaking = (t) => t;
+const Table = treeshaking(_Table);
 export { Table };

package/dist/packages/table/style.mjs

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

package/dist/packages/tabpane/index.mjs

@@ -1,2 +1,4 @@
-import TabPane from '../_es/TabPane.js';
+import _TabPane from '../_es/TabPane.js';
+const treeshaking = (t) => t;
+const TabPane = treeshaking(_TabPane);
 export { TabPane };

package/dist/packages/tabpane/style.mjs

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

package/dist/packages/tabs/index.mjs

@@ -1,2 +1,4 @@
-import Tabs from '../_es/Tabs.js';
+import _Tabs from '../_es/Tabs.js';
+const treeshaking = (t) => t;
+const Tabs = treeshaking(_Tabs);
 export { Tabs };

package/dist/packages/tabs/style.mjs

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

package/dist/packages/tag/index.mjs

@@ -1,2 +1,4 @@
-import Tag from '../_es/Tag.js';
+import _Tag from '../_es/Tag.js';
+const treeshaking = (t) => t;
+const Tag = treeshaking(_Tag);
 export { Tag };

package/dist/packages/tag/style.mjs

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

package/dist/packages/textarea/index.mjs

@@ -1,2 +1,4 @@
-import Textarea from '../_es/Textarea.js';
+import _Textarea from '../_es/Textarea.js';
+const treeshaking = (t) => t;
+const Textarea = treeshaking(_Textarea);
 export { Textarea };

package/dist/packages/textarea/index.scss

@@ -14,7 +14,6 @@
   background: $white;
   font-size: $textarea-font;
   padding: 10px 25px;
-
   &--disabled {
     .nut-textarea__textarea,
     .nut-textarea____limit {
@@ -45,6 +44,12 @@
     border: none;
     resize: none;
     line-height: 20px;
+    .taro-textarea {
+      font-size: 14px;
+    }
+  }
+  &__textarea__readonly {
+    padding: 5px 10px;
   }
   &__ali {
     line-height: 17px;
@@ -53,5 +58,6 @@
     position: absolute;
     top: -999999px;
     left: -999999px;
+    font-size: 14px;
   }
 }

package/dist/packages/textarea/style.mjs

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

package/dist/packages/timedetail/index.mjs

@@ -1,2 +1,4 @@
-import TimeDetail from '../_es/TimeDetail.js';
+import _TimeDetail from '../_es/TimeDetail.js';
+const treeshaking = (t) => t;
+const TimeDetail = treeshaking(_TimeDetail);
 export { TimeDetail };

package/dist/packages/timedetail/index.scss

@@ -36,17 +36,25 @@
         border: 1px solid transparent;
         font-weight: bold;
         &--curr {
-          background-color: $timeselect-timedetail-item-cur-bg-color;
+          background-color: transparent;
           border: 1px solid $timeselect-timedetail-item-cur-border;
           color: $timeselect-timedetail-item-cur-text-color;
+          position: relative;
+          &::after {
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: $timeselect-timedetail-item-cur-bg-color;
+            opacity: 0.15;
+            content: '';
+          }
         }
       }
     }
-    &__time {
-      margin-bottom: 10px;
-      color: $timeselect-timedetail-time-text-color;
-      font-size: $timeselect-timedetail-time-font-size;
-    }
   }
   &__detail--afternoon {
     margin-top: 30px;

package/dist/packages/timedetail/style.mjs

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

package/dist/packages/timepannel/index.mjs

@@ -1,2 +1,4 @@
-import TimePannel from '../_es/TimePannel.js';
+import _TimePannel from '../_es/TimePannel.js';
+const treeshaking = (t) => t;
+const TimePannel = treeshaking(_TimePannel);
 export { TimePannel };

package/dist/packages/timepannel/style.mjs

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

package/dist/packages/timeselect/index.mjs

@@ -1,2 +1,4 @@
-import TimeSelect from '../_es/TimeSelect.js';
+import _TimeSelect from '../_es/TimeSelect.js';
+const treeshaking = (t) => t;
+const TimeSelect = treeshaking(_TimeSelect);
 export { TimeSelect };

package/dist/packages/timeselect/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/toast/index.mjs

@@ -1,2 +1,5 @@
-import Toast from '../_es/Toast.js';
-export { Toast };
+import _Toast from '../_es/Toast.js';
+import { showToast } from '../_es/Toast.js';
+const treeshaking = (t) => t;
+const Toast = treeshaking(_Toast);
+export { Toast, showToast };

package/dist/packages/toast/style.mjs

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

package/dist/packages/tour/index.mjs

@@ -1,2 +1,4 @@
-import Tour from '../_es/Tour.js';
+import _Tour from '../_es/Tour.js';
+const treeshaking = (t) => t;
+const Tour = treeshaking(_Tour);
 export { Tour };

package/dist/packages/tour/index.scss

@@ -16,10 +16,12 @@
   }
 
   &-content {
+    display: block;
     padding: 10px 12px;
     min-width: 200px;
 
     &-top {
+      display: block;
       text-align: right;
 
       &-close {
@@ -30,6 +32,7 @@
 
     &-inner {
       margin: 10px 0px;
+      font-size: 14px;
     }
 
     &-bottom {

package/dist/packages/tour/style.mjs

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

package/dist/packages/trendarrow/index.mjs

@@ -1,2 +1,4 @@
-import TrendArrow from '../_es/TrendArrow.js';
+import _TrendArrow from '../_es/TrendArrow.js';
+const treeshaking = (t) => t;
+const TrendArrow = treeshaking(_TrendArrow);
 export { TrendArrow };

package/dist/packages/trendarrow/style.mjs

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

package/dist/packages/uploader/index.mjs

@@ -1,2 +1,4 @@
-import Uploader from '../_es/Uploader.js';
+import _Uploader from '../_es/Uploader.js';
+const treeshaking = (t) => t;
+const Uploader = treeshaking(_Uploader);
 export { Uploader };

package/dist/packages/uploader/index.scss

@@ -38,8 +38,9 @@
     overflow: hidden;
     cursor: pointer !important;
     opacity: 0;
-    &:disabled {
-      cursor: not-allowed;
+    &:disabled,
+    &.disabled {
+      cursor: not-allowed !important;
     }
   }
 
@@ -80,20 +81,28 @@
       display: flex;
       flex-direction: column;
       position: relative;
-      padding-right: 20px;
       .nut-uploader__preview-img__file__name {
-        -webkit-line-clamp: 1;
-        padding: 2px;
-        height: 24px;
+        padding: 2px 4px;
         display: flex;
         align-items: center;
+        height: 100%;
+        .file__name_tips {
+          margin-left: 4px;
+          padding: 0 20px;
+          @include oneline-ellipsis();
+        }
       }
 
       .nut-uploader__preview-img__file__del {
         position: absolute;
-        right: 4px;
+        right: 6px;
         top: 6px;
       }
+      .nut-uploader__preview-img__file__link {
+        position: absolute;
+        left: 6px;
+        top: 8px;
+      }
       .nut-progress {
         position: absolute;
         left: 0;
@@ -148,20 +157,17 @@
           width: 100%;
           font-size: 12px;
           color: $text-color;
+          padding: 10px;
+          height: 100%;
+          overflow: hidden;
+          box-sizing: border-box;
+          align-items: center;
           &.error {
             color: red !important;
           }
           &.success {
             color: #1890ff !important;
           }
-          .nut-icon-link {
-            &::before {
-              margin-left: -25%;
-              margin-top: -25%;
-              transform: none;
-            }
-          }
-          @include moreline-ellipsis();
         }
       }
     }

package/dist/packages/uploader/style.mjs

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

package/dist/packages/video/index.mjs

@@ -1,2 +1,4 @@
-import Video from '../_es/Video.js';
+import _Video from '../_es/Video.js';
+const treeshaking = (t) => t;
+const Video = treeshaking(_Video);
 export { Video };

package/dist/packages/video/style.mjs

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

package/dist/packages/watermark/index.mjs

@@ -1,2 +1,4 @@
-import Watermark from '../_es/Watermark.js';
+import _Watermark from '../_es/Watermark.js';
+const treeshaking = (t) => t;
+const Watermark = treeshaking(_Watermark);
 export { Watermark };

package/dist/packages/watermark/style.mjs

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