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

package/dist/packages/_es/{index.vue_vue_type_script_lang-7c0c1b1c.js → index.vue_vue_type_script_lang-442e4704.js}

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { inject, computed, h } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
-import { p as pxCheck } from "./pxCheck-9763aaae.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 const { componentName, create } = createComponent("radio");
 const _sfc_main = create({
   components: {
@@ -21,6 +16,7 @@ const _sfc_main = create({
     shape: {
       type: String,
       default: "round"
+      // button
     },
     label: {
       type: [String, Number, Boolean],

package/dist/packages/_es/{index.vue_vue_type_script_lang-2e585483.js → index.vue_vue_type_script_lang-cc5c4086.js}

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, reactive, computed, watch, onMounted, onUnmounted, h, unref } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { u as useRect } from "./index-84decee6.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { u as useRect } from "./index-29892cda.js";
 const { componentName, create } = createComponent("sticky");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/{interceptor-0a3b15e4.js → interceptor-956b24fc.js}

@@ -1,9 +1,4 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { f as isPromise } from "./component-1a609d46.js";
+import { f as isPromise } from "./component-81a4c1d0.js";
 const funInterceptor = (interceptor, {
   args = [],
   done,

package/dist/packages/_es/{mountComponent-add1c908.js → mountComponent-1ece4110.js}

@@ -1,10 +1,5 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { createApp } from "vue";
-import { j as isString, k as isFunction } from "./component-1a609d46.js";
+import { j as isString, k as isFunction } from "./component-81a4c1d0.js";
 const CreateComponent = (options, component) => {
   let elWarp = document.body;
   const teleport = options.teleport || "body";

package/dist/packages/_es/pxCheck-c6b9f6b7.js

@@ -0,0 +1,6 @@
+const pxCheck = (value) => {
+  return isNaN(Number(value)) ? String(value) : `${value}px`;
+};
+export {
+  pxCheck as p
+};

package/dist/packages/_es/{raf-7bf556c1.js → raf-729dad54.js}

@@ -1,8 +1,3 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 const _window = window;
 const inBrowser = typeof window !== "undefined";
 function requestAniFrame() {

package/dist/packages/_es/{renderIcon-ff803dcd.js → renderIcon-3d0fd47c.js}

@@ -1,8 +1,3 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { h } from "vue";
 const renderIcon = (icon, props) => {
   if (icon)

package/dist/packages/actionsheet/index.mjs

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

package/dist/packages/actionsheet/style.mjs

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

package/dist/packages/address/index.mjs

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

package/dist/packages/address/style.mjs

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

package/dist/packages/addresslist/index.mjs

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

package/dist/packages/addresslist/index.scss

@@ -39,9 +39,6 @@
     display: flex;
     align-items: center;
     position: relative;
-    &:last-child {
-      border-bottom: none;
-    }
     &__mask {
       position: absolute;
       top: 0;
@@ -59,6 +56,7 @@
       &-del {
         height: 55px;
         width: 55px;
+        padding: 0 10px;
         border-radius: 50%;
         text-align: center;
         background-color: $white;
@@ -66,6 +64,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
+        box-sizing: border-box;
       }
       &-set {
         color: $white;
@@ -77,6 +76,18 @@
       }
     }
   }
+  &-general {
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+  .nut-swipe {
+    &:last-of-type {
+      .nut-address-list-swipe {
+        border-bottom: none;
+      }
+    }
+  }
   &-item {
     width: 100%;
     &__info {

package/dist/packages/addresslist/style.mjs

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

package/dist/packages/animate/index.mjs

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

package/dist/packages/audio/index.mjs

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

package/dist/packages/audio/index.scss

@@ -39,7 +39,7 @@
       height: 30px;
       background: #fff;
       border-radius: 50%;
-      box-shadow: 0 0 8px rgba($color: $text-color, $alpha: 0.5);
+      box-shadow: 0 0 8px rgba(#808080, 0.5);
       &.nut-audio__icon--stop {
         &::after {
           position: absolute;

package/dist/packages/audio/style.mjs

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

package/dist/packages/audiooperate/index.mjs

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

package/dist/packages/audiooperate/style.mjs

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

package/dist/packages/avatar/index.mjs

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

package/dist/packages/avatar/index.scss

@@ -6,7 +6,9 @@
   position: relative;
   flex: 0 0 auto; // 防止被压缩
   text-align: center;
+  vertical-align: top;
   img {
+    display: block;
     width: 100%;
     height: 100%;
   }
@@ -35,7 +37,7 @@
 }
 .nut-avatar-round {
   border-radius: 50%;
-  overflow: hidden;
+  // overflow: hidden;
 }
 .nut-avatar-square {
   border-radius: $avatar-square;

package/dist/packages/avatargroup/index.mjs

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

package/dist/packages/avatargroup/index.scss

@@ -2,7 +2,7 @@
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center center;
-  display: inline-block;
+  display: flex;
   position: relative;
   flex: 0 0 auto; // 防止被压缩
   .nut-avatar {

package/dist/packages/backtop/index.mjs

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

package/dist/packages/badge/index.mjs

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

package/dist/packages/badge/index.scss

@@ -10,10 +10,10 @@
   position: relative;
   display: inline-block;
   .nut-badge__icon {
+    line-height: normal;
+    transform: $badge-content-transform;
     position: absolute;
     background: $badge-background-color;
-    top: -20%;
-    right: -20%;
     padding: $badge-padding;
     text-align: center;
     border-radius: $badge-border-radius;

package/dist/packages/barrage/index.mjs

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

package/dist/packages/barrage/index.scss

@@ -6,7 +6,7 @@
   height: 100%;
   overflow: hidden;
   box-sizing: border-box;
-  background-color: #f7f8fa;
+  --move-distance: '300%';
   &__item {
     width: 100px;
     display: block;
@@ -25,6 +25,22 @@
       animation-timing-function: linear;
       animation-play-state: running;
     }
+    @keyframes moving {
+      from {
+        transform: translateX(100%);
+      }
+      to {
+        transform: translateX(var(--move-distance));
+      }
+    }
+    @-webkit-keyframes moving {
+      from {
+        -webkit-transform: translateX(100%);
+      }
+      to {
+        transform: translateX(var(--move-distance));
+      }
+    }
   }
 }
 .nut-theme-dark {

package/dist/packages/button/index.mjs

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

package/dist/packages/button/index.scss

@@ -16,7 +16,6 @@
   user-select: none;
   touch-action: manipulation;
   vertical-align: bottom;
-
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
 
@@ -174,3 +173,66 @@
     border-radius: 0;
   }
 }
+.nut-button--default:not([disabled]):active {
+  color: $button-default-color;
+  background: $button-default-bg-color;
+  border: $button-border-width solid $button-default-border-color;
+}
+.nut-button--primary:not([disabled]):active {
+  color: $button-primary-color;
+  background: $button-primary-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--info:not([disabled]):active {
+  color: $button-info-color;
+  background: $button-info-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--success:not([disabled]):active {
+  color: $button-success-color;
+  background: $button-success-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--danger:not([disabled]):active {
+  color: $button-danger-color;
+  background: $button-danger-background-color;
+  border: $button-border-width solid transparent;
+}
+
+.nut-button--warning:not([disabled]):active {
+  color: $button-warning-color;
+  background: $button-warning-background-color;
+  border: $button-border-width solid transparent;
+}
+.nut-button--plain:not([disabled]):active {
+  background: $button-plain-background-color;
+}
+.nut-button--plain {
+  &.nut-button--primary:not([disabled]):active {
+    color: $button-primary-border-color;
+    border-color: $button-primary-border-color;
+  }
+
+  &.nut-button--info:not([disabled]):active {
+    color: $button-info-border-color;
+    border-color: $button-info-border-color;
+  }
+
+  &.nut-button--success:not([disabled]):active {
+    color: $button-success-border-color;
+    border-color: $button-success-border-color;
+  }
+
+  &.nut-button--danger:not([disabled]):active {
+    color: $button-danger-border-color;
+    border-color: $button-danger-border-color;
+  }
+
+  &.nut-button--warning:not([disabled]):active {
+    color: $button-warning-border-color;
+    border-color: $button-warning-border-color;
+  }
+}

package/dist/packages/calendar/index.mjs

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

package/dist/packages/calendar/index.scss

@@ -65,7 +65,7 @@
       line-height: 44px;
     }
     .nut-calendar__header-slot {
-      height: 24px;
+      min-height: 24px;
     }
     .nut-calendar__header-subtitle {
       padding: 7px 0;
@@ -145,8 +145,8 @@
         }
         .nut-calendar__day {
           float: left;
-          width: $calendar-day-width;
-          height: $calendar-day-height;
+          width: 14.28%;
+          height: 64px;
           font-weight: $calendar-day-font-weight;
           display: flex;
           align-items: center;
@@ -196,13 +196,22 @@
             }
           }
 
-          &-disabled {
+          &--disabled {
             color: $calendar-disable-color !important;
           }
 
           &--choose {
-            background-color: $calendar-choose-color;
             color: $calendar-choose-font-color;
+            &::after {
+              position: absolute;
+              top: 0;
+              right: 0;
+              bottom: 0;
+              left: 0;
+              background-color: $calendar-choose-color;
+              opacity: 0.09;
+              content: '';
+            }
           }
 
           .nut-calendar__day-value {

package/dist/packages/calendar/style.mjs

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

package/dist/packages/calendaritem/index.mjs

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

package/dist/packages/card/index.mjs

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

package/dist/packages/card/style.mjs

@@ -1,3 +1,5 @@
-import './index.scss';
-import '../price/index.scss';
 import '../tag/index.scss';
+import '../../styles/reset.css';
+import '../price/index.scss';
+import '../../styles/reset.css';
+import './index.scss';

package/dist/packages/cascader/index.mjs

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

package/dist/packages/cascader/style.mjs

@@ -1,6 +1,11 @@
-import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';
-import '../tabs/index.scss';
-import '../sticky/index.scss';
 import '../tabpane/index.scss';
+import '../../styles/reset.css';
+import '../sticky/index.scss';
+import '../../styles/reset.css';
+import '../tabs/index.scss';
+import '../../styles/reset.css';
+import '../overlay/index.scss';
+import '../../styles/reset.css';
+import '../popup/index.scss';
+import '../../styles/reset.css';
+import './index.scss';

package/dist/packages/category/index.mjs

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

package/dist/packages/categorypane/index.mjs

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

package/dist/packages/cell/index.mjs

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

package/dist/packages/cell/index.scss

@@ -72,13 +72,15 @@
   &__icon {
     display: flex;
     flex-direction: row;
-    margin-right: $cell-default-icon-margin;
+    margin: $cell-default-icon-margin;
+    align-items: center;
   }
 
   &__title {
     display: flex;
     flex-direction: column;
     flex: 1;
+    min-width: 80px;
     &-desc {
       font-size: $cell-title-desc-font;
     }
@@ -86,6 +88,7 @@
   &__value {
     display: inline-block;
     text-align: right;
+    flex: 1;
     font-size: $cell-desc-font;
     color: $cell-desc-color;
     &--alone {
@@ -94,5 +97,6 @@
   }
   &__link {
     color: #979797;
+    align-self: center;
   }
 }

package/dist/packages/cellgroup/index.mjs

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

package/dist/packages/checkbox/index.mjs

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

package/dist/packages/checkboxgroup/index.mjs

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

package/dist/packages/circleprogress/index.mjs

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

package/dist/packages/col/index.mjs

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

package/dist/packages/collapse/index.mjs

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

package/dist/packages/collapseitem/index.mjs

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

package/dist/packages/comment/index.mjs

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