@nutui/nutui 4.0.0-beta.2 → 4.0.0-beta.21

package/dist/packages/pagination/style.mjs

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

package/dist/packages/picker/index.mjs

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

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

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

package/dist/packages/popover/index.scss

@@ -257,5 +257,5 @@
 // Taro
 .nut-popover-content-copy {
   position: absolute;
-  top: 99999px;
+  top: -99999px;
 }

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

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

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

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

package/dist/packages/price/style.mjs

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

package/dist/packages/progress/index.mjs

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

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

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

package/dist/packages/pullrefresh/index.scss

@@ -1,4 +1,4 @@
-.nut-pullrefresh {
+.nut-pull-refresh {
   height: 100%;
   overflow: hidden;
   &-container {
@@ -18,8 +18,9 @@
       justify-content: center;
 
       &-icon {
-        width: 28px;
-        height: 24px;
+        margin-right: 4px;
+        width: 16px;
+        height: 16px;
       }
       &-text {
         font-size: $font-size-2;

package/dist/packages/pullrefresh/style.mjs

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

package/dist/packages/radio/index.mjs

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

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

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

package/dist/packages/radiogroup/style.mjs

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

package/dist/packages/range/index.mjs

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

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

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

package/dist/packages/rate/index.scss

@@ -13,10 +13,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/index.mjs

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

package/dist/packages/row/style.mjs

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

package/dist/packages/searchbar/index.mjs

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

package/dist/packages/searchbar/index.scss

@@ -70,14 +70,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        position: absolute;
-        z-index: 2;
-        top: 50%;
-        right: 0;
-        width: 16px;
-        height: 16px;
-        margin-top: -8px;
-        margin-right: 10px;
+        margin-right: 13px;
         & .nut-searchbar__nut-icon-mask-close {
           color: rgb(204, 204, 204);
           &:hover {
@@ -86,6 +79,9 @@
           }
         }
       }
+      .nut-searchbar__input-bar_clear {
+        padding-right: 10px;
+      }
     }
 
     .nut-searchbar__iptleft-search-icon {

package/dist/packages/searchbar/style.mjs

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

package/dist/packages/shortpassword/index.mjs

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

package/dist/packages/shortpassword/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/sidenavbar/index.mjs

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

package/dist/packages/sidenavbar/style.mjs

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

package/dist/packages/sidenavbaritem/index.mjs

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

package/dist/packages/sidenavbaritem/style.mjs

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

package/dist/packages/signature/index.mjs

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

package/dist/packages/signature/index.scss

@@ -1,6 +1,6 @@
 .nut-signature {
   .nut-signature-inner {
-    height: 10rem;
+    height: 8rem;
     margin-bottom: 1rem;
     border: 1px solid #dadada;
     display: flex;
@@ -10,7 +10,7 @@
   .spcanvas_WEAPP {
     width: 100%;
     height: 100%;
-    #spcanvas {
+    .spcanvas {
       width: 100%;
     }
   }

package/dist/packages/signature/style.mjs

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

package/dist/packages/skeleton/index.mjs

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

package/dist/packages/skeleton/style.mjs

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

package/dist/packages/sku/index.mjs

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

package/dist/packages/sku/index.scss

@@ -50,7 +50,7 @@
     flex-shrink: 0;
     margin-top: 18px;
     padding: 0 18px;
-    > img {
+    .nut-sku-header-img {
       width: $sku-product-img-width;
       height: $sku-product-img-height;
       flex-shrink: 0;
@@ -106,9 +106,23 @@
           border: 1px solid rgba(242, 242, 242, 1);
 
           &.active {
-            background: $sku-item-active-bg;
+            background: transparent;
             border: $sku-item-border;
             color: $primary-color;
+            position: relative;
+            &::after {
+              position: absolute;
+              top: 0;
+              right: 0;
+              bottom: 0;
+              left: 0;
+              width: 100%;
+              height: 100%;
+              border-radius: 15px;
+              background-color: $sku-item-active-bg;
+              opacity: 0.15;
+              content: '';
+            }
           }
           &.disable {
             color: $text-color;

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

@@ -25,6 +25,10 @@
     flex-direction: column;
     align-items: center;
     position: relative;
+    .nut-icon {
+      width: 20px;
+      height: 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 };