@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/sidenavbaritem/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-sidenavbaritem {
+  .nut-side-navbar-item {
     background-color: $dark-background2;
     &__title {
       background-color: $dark-background2;
@@ -7,11 +7,12 @@
     }
   }
 }
-.nut-sidenavbaritem {
+.nut-side-navbar-item {
   height: $sidenavbar-item-height;
   line-height: $sidenavbar-item-line-height;
   display: block;
   font-size: $sidenavbar-item-font-size;
+  background-color: $sidenavbar-item-title-bg-color;
   &__title {
     color: $sidenavbar-item-title-color;
     background-color: $sidenavbar-item-title-bg-color;

package/dist/packages/sidenavbaritem/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/sidenavbaritem/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/signature/index.mjs

@@ -0,0 +1,2 @@
+import { Signature } from '../_es/Signature.js';
+export { Signature };

package/dist/packages/signature/style.cjs

@@ -0,0 +1,2 @@
+require('./index.scss');
+require('../button/index.scss');

package/dist/packages/signature/style.mjs

@@ -0,0 +1,2 @@
+import './index.scss';
+import '../button/index.scss';

package/dist/packages/skeleton/index.mjs

@@ -0,0 +1,2 @@
+import { Skeleton } from '../_es/Skeleton.js';
+export { Skeleton };

package/dist/packages/skeleton/index.scss

@@ -1,43 +1,43 @@
-.skeleton {
+.nut-skeleton {
   display: inline-block;
   position: relative;
   overflow: hidden;
   vertical-align: middle;
-  .content {
+  .nut-skeleton-content {
     display: flex;
     .avatarClass {
       margin-right: 20px;
       background-color: $skeleton-content-avatar-background-color;
     }
 
-    .content-line {
+    .nut-skeleton-content__line {
       display: flex;
       flex-direction: column;
-      .blockTitle,
-      .blockLine {
+      .nut-skeleton-blockTitle,
+      .nut-skeleton-blockLine {
         width: 100%;
         margin-bottom: 10px;
         background-color: $skeleton-content-line-background-color;
       }
-      .blockTitle {
+      .nut-skeleton-blockTitle {
         width: 30%;
       }
       .blockLine ~ .blockLine:last-of-type {
         width: 70%;
       }
-      .blockTitle:last-of-type,
-      .blockLine:last-of-type {
+      .nut-skeleton-blockTitle:last-of-type,
+      .nut-skeleton-blockLine:last-of-type {
         margin-bottom: 0;
       }
 
-      .blockTitle--round,
-      .blockLine--round {
+      .nut-skeleton-blockTitle--round,
+      .nut-skeleton-blockLine--round {
         border-radius: 10px;
       }
     }
   }
 
-  .skeleton-animation {
+  .nut-skeleton-animation {
     position: absolute;
     top: 0;
     left: 0;

package/dist/packages/skeleton/style.cjs

@@ -0,0 +1,2 @@
+require('./index.scss');
+require('../avatar/index.scss');

package/dist/packages/skeleton/style.mjs

@@ -0,0 +1,2 @@
+import './index.scss';
+import '../avatar/index.scss';

package/dist/packages/sku/index.mjs

@@ -0,0 +1,2 @@
+import { Sku } from '../_es/Sku.js';
+export { Sku };

package/dist/packages/sku/style.cjs

@@ -0,0 +1,5 @@
+require('./index.scss');
+require('../popup/index.scss');
+require('../overlay/index.scss');
+require('../inputnumber/index.scss');
+require('../price/index.scss');

package/dist/packages/sku/style.mjs

@@ -0,0 +1,5 @@
+import './index.scss';
+import '../popup/index.scss';
+import '../overlay/index.scss';
+import '../inputnumber/index.scss';
+import '../price/index.scss';

package/dist/packages/step/index.mjs

@@ -0,0 +1,2 @@
+import { Step } from '../_es/Step.js';
+export { Step };

package/dist/packages/step/index.scss

@@ -29,20 +29,19 @@
     align-items: center;
     justify-content: center;
     z-index: 1;
-    .nut-icon {
-      width: 100%;
-      height: 100%;
+    &-inner {
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
-    &.is-text {
-      border-radius: 50%;
-      border-width: 1px;
-      border-style: solid;
+    .nut-icon {
+      width: $steps-base-icon-font-size;
+      height: $steps-base-icon-font-size;
     }
     &.is-icon {
       border-radius: 50%;
       border-width: 1px;
       border-style: solid;
-      background-color: transparent;
     }
   }
   &-main {

package/dist/packages/step/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/step/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/steps/index.mjs

@@ -0,0 +1,2 @@
+import { Steps } from '../_es/Steps.js';
+export { Steps };

package/dist/packages/steps/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/steps/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/sticky/index.mjs

@@ -0,0 +1,2 @@
+import { Sticky } from '../_es/Sticky.js';
+export { Sticky };

package/dist/packages/sticky/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/sticky/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/subsidenavbar/index.mjs

@@ -0,0 +1,2 @@
+import { SubSideNavbar } from '../_es/SubSideNavbar.js';
+export { SubSideNavbar };

package/dist/packages/subsidenavbar/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-subsidenavbar {
+  .nut-sub-side-navbar {
     background-color: $dark-background2;
     &__title {
       background-color: $dark-background3;
@@ -10,7 +10,7 @@
     }
   }
 }
-.nut-subsidenavbar {
+.nut-sub-side-navbar {
   display: grid;
   float: left;
   width: 100%;

package/dist/packages/subsidenavbar/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/subsidenavbar/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/swipe/index.mjs

@@ -0,0 +1,2 @@
+import { Swipe } from '../_es/Swipe.js';
+export { Swipe };

package/dist/packages/swipe/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/swipe/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/swiper/index.mjs

@@ -0,0 +1,2 @@
+import { Swiper } from '../_es/Swiper.js';
+export { Swiper };

package/dist/packages/swiper/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/swiper/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/swiperitem/index.mjs

@@ -0,0 +1,2 @@
+import { SwiperItem } from '../_es/SwiperItem.js';
+export { SwiperItem };

package/dist/packages/swiperitem/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/swiperitem/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/switch/index.mjs

@@ -0,0 +1,2 @@
+import { Switch } from '../_es/Switch.js';
+export { Switch };

package/dist/packages/switch/index.scss

@@ -8,14 +8,10 @@
   background-repeat: no-repeat;
   background-position: center center;
   flex: 0 0 auto; // 防止被压缩
-  &.switch-close {
+  &.nut-switch-close {
     background-color: $switch-close-bg-color;
-    .close-line {
-      background: $switch-close--cline-bg-color;
-      border-radius: 2px;
-    }
   }
-  .switch-button {
+  .nut-switch-button {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -41,21 +37,15 @@
     height: $switch-height;
     line-height: $switch-line-height;
     overflow: hidden;
-    .switch-button {
+    .nut-switch-button {
       height: $switch-inside-height;
       width: $switch-inside-width;
       transform: $switch-inside-close-transform;
     }
-    &.switch-open {
-      .switch-button {
+    &.nut-switch-open {
+      .nut-switch-button {
         transform: $switch-inside-open-transform;
       }
     }
-    &.switch-close {
-      .close-line {
-        width: 8px;
-        height: 2px;
-      }
-    }
   }
 }

package/dist/packages/switch/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/switch/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/tabbar/index.mjs

@@ -0,0 +1,2 @@
+import { Tabbar } from '../_es/Tabbar.js';
+export { Tabbar };

package/dist/packages/tabbar/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/tabbar/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/tabbaritem/index.mjs

@@ -0,0 +1,2 @@
+import { TabbarItem } from '../_es/TabbarItem.js';
+export { TabbarItem };

package/dist/packages/tabbaritem/index.scss

@@ -39,35 +39,6 @@
       color: $white;
       z-index: 1;
     }
-    &_dot {
-      position: absolute;
-      width: 7px;
-      height: 7px;
-      border-radius: 7px;
-      padding: 0px;
-      background: $tabbar-active-color;
-      text-align: center;
-      font-size: 12px;
-      font-weight: normal;
-      color: #fff;
-      top: 0;
-      right: 0;
-      transform: translate(50%, -50%);
-    }
-
-    &_num {
-      line-height: 1;
-      font-size: $tabbar-item-text-font-size;
-      color: $white;
-      padding: 1px 2px 2px 3px;
-    }
-
-    &_nums {
-      line-height: 1;
-      font-size: $tabbar-item-text-font-size;
-      color: $white;
-      padding: 2px 1px 2px 2px;
-    }
     &_icon {
       display: block;
       background-size: 100% 100%;

package/dist/packages/tabbaritem/style.cjs

@@ -0,0 +1,2 @@
+require('./index.scss');
+require('../badge/index.scss');

package/dist/packages/tabbaritem/style.mjs

@@ -0,0 +1,2 @@
+import './index.scss';
+import '../badge/index.scss';

package/dist/packages/table/index.mjs

@@ -0,0 +1,2 @@
+import { Table } from '../_es/Table.js';
+export { Table };

package/dist/packages/table/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/table/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/tabpane/index.mjs

@@ -0,0 +1,2 @@
+import { TabPane } from '../_es/TabPane.js';
+export { TabPane };

package/dist/packages/tabpane/index.scss

@@ -1,9 +1,9 @@
 .nut-theme-dark {
-  .nut-tabpane {
+  .nut-tab-pane {
     background: $dark-background2;
   }
 }
-.nut-tabpane {
+.nut-tab-pane {
   width: 100%;
   flex-shrink: 0;
   display: block;

package/dist/packages/tabpane/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/tabpane/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/tabs/index.mjs

@@ -0,0 +1,2 @@
+import { Tabs } from '../_es/Tabs.js';
+export { Tabs };

package/dist/packages/tabs/index.scss

@@ -65,7 +65,7 @@
             height: $tabs-vertical-titles-item-active-line-height;
           }
           .nut-tabs__titles-item__smile {
-            right: -2px;
+            right: -8px;
             bottom: 2px;
             left: auto;
             width: 3px;
@@ -78,7 +78,7 @@
     .nut-tabs__content {
       flex: 1;
       flex-direction: column;
-      .nut-tabpane {
+      .nut-tab-pane {
         height: 100%;
       }
     }
@@ -117,8 +117,8 @@
       .nut-tabs__titles-item {
         &.active {
           .nut-tabs__titles-item__smile {
-            width: 20px;
-            height: 8px;
+            width: 36px;
+            height: 10px;
           }
         }
       }

package/dist/packages/tabs/style.cjs

@@ -0,0 +1,2 @@
+require('./index.scss');
+require('../sticky/index.scss');

package/dist/packages/tabs/style.mjs

@@ -0,0 +1,2 @@
+import './index.scss';
+import '../sticky/index.scss';

package/dist/packages/tag/index.mjs

@@ -0,0 +1,2 @@
+import { Tag } from '../_es/Tag.js';
+export { Tag };

package/dist/packages/tag/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/tag/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/textarea/index.mjs

@@ -0,0 +1,2 @@
+import { Textarea } from '../_es/Textarea.js';
+export { Textarea };

package/dist/packages/textarea/index.scss

@@ -49,7 +49,7 @@
   &__ali {
     line-height: 17px;
   }
-  .cpoyText {
+  .nut-textarea__cpoyText {
     position: absolute;
     top: -999999px;
     left: -999999px;

package/dist/packages/textarea/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/textarea/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/timedetail/index.mjs

@@ -0,0 +1,2 @@
+import { TimeDetail } from '../_es/TimeDetail.js';
+export { TimeDetail };

package/dist/packages/timedetail/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-timedetail {
+  .nut-time-detail {
     background-color: $dark-background2;
     &__detail {
       &__list {
@@ -14,7 +14,7 @@
     }
   }
 }
-.nut-timedetail {
+.nut-time-detail {
   display: flex;
   width: 100%;
   padding: $timeselect-timedetail-padding;

package/dist/packages/timedetail/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/timedetail/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/timepannel/index.mjs

@@ -0,0 +1,2 @@
+import { TimePannel } from '../_es/TimePannel.js';
+export { TimePannel };

package/dist/packages/timepannel/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-timepannel {
+  .nut-time-pannel {
     background-color: $dark-background3;
     color: $dark-color-gray;
     &--curr {
@@ -8,7 +8,7 @@
     }
   }
 }
-.nut-timepannel {
+.nut-time-pannel {
   display: flex;
   width: $timeselect-timepannel-width;
   height: $timeselect-timepannel-height;

package/dist/packages/timepannel/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/timepannel/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/timeselect/index.mjs

@@ -0,0 +1,2 @@
+import { TimeSelect } from '../_es/TimeSelect.js';
+export { TimeSelect };

package/dist/packages/timeselect/index.scss

@@ -1,5 +1,5 @@
 .nut-theme-dark {
-  .nut-timeselect {
+  .nut-time-select {
     background-color: $dark-background2;
     &__title {
       background-color: $dark-background2;
@@ -16,7 +16,7 @@
     }
   }
 }
-.nut-timeselect {
+.nut-time-select {
   width: 100%;
   height: 100%;
   position: relative;

package/dist/packages/timeselect/style.cjs

@@ -0,0 +1,3 @@
+require('./index.scss');
+require('../popup/index.scss');
+require('../overlay/index.scss');

package/dist/packages/timeselect/style.mjs

@@ -0,0 +1,3 @@
+import './index.scss';
+import '../popup/index.scss';
+import '../overlay/index.scss';

package/dist/packages/toast/index.mjs

@@ -0,0 +1,2 @@
+import { Toast } from '../_es/Toast.js';
+export { Toast };

package/dist/packages/toast/style.cjs

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/toast/style.mjs

@@ -0,0 +1 @@
+import './index.scss';

package/dist/packages/tour/index.mjs

@@ -0,0 +1,2 @@
+import { Tour } from '../_es/Tour.js';
+export { Tour };