@nutui/nutui 4.0.0-beta.9 → 4.0.0

package/dist/packages/_es/{index-350a8abd.js → index-2ae3ae87.js}

@@ -4,9 +4,17 @@ import { r as requestAniFrame } from "./raf-729dad54.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 const Utils = {
+  /**
+   * 是否为闫年
+   * @return {Boolse} true|false
+   */
   isLeapYear: function(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
   },
+  /**
+   * 返回星期数
+   * @return {String}
+   */
   getWhatDay: function(year, month, day) {
     const date = new Date(year + "/" + month + "/" + day);
     const index = date.getDay();
@@ -21,6 +29,10 @@ const Utils = {
     ];
     return dayNames[index];
   },
+  /**
+   * 返回星期数
+   * @return {Number}
+   */
   getMonthPreDay: function(year, month) {
     const date = new Date(year + "/" + month + "/01");
     let day = date.getDay();
@@ -29,6 +41,10 @@ const Utils = {
     }
     return day;
   },
+  /**
+   * 返回月份天数
+   * @return {Number}
+   */
   getMonthDays: function(year, month) {
     if (/^0/.test(month)) {
       month = month.split("")[1];
@@ -49,10 +65,18 @@ const Utils = {
       31
     ][month];
   },
+  /**
+   * 补齐数字位数
+   * @return {string}
+   */
   getNumTwoBit: function(n) {
     n = Number(n);
     return (n > 9 ? "" : "0") + n;
   },
+  /**
+   * 日期对象转成字符串
+   * @return {string}
+   */
   date2Str: function(date, split) {
     split = split || "-";
     const y = date.getFullYear();
@@ -60,6 +84,11 @@ const Utils = {
     const d = this.getNumTwoBit(date.getDate());
     return [y, m, d].join(split);
   },
+  /**
+   * 返回日期格式字符串
+   * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+   * @return {string} '2014-12-31'
+   */
   getDay: function(i) {
     i = i || 0;
     let date = new Date();
@@ -67,6 +96,10 @@ const Utils = {
     date = new Date(date.getTime() + diff);
     return this.date2Str(date);
   },
+  /**
+   * 时间比较
+   * @return {Boolean}
+   */
   compareDate: function(date1, date2) {
     const startTime = new Date(date1.replace("-", "/").replace("-", "/"));
     const endTime = new Date(date2.replace("-", "/").replace("-", "/"));
@@ -75,6 +108,10 @@ const Utils = {
     }
     return true;
   },
+  /**
+   * 时间是否相等
+   * @return {Boolean}
+   */
   isEqual: function(date1, date2) {
     const startTime = new Date(date1).getTime();
     const endTime = new Date(date2).getTime();
@@ -164,10 +201,10 @@ const _sfc_main = create({
       return slots.btn;
     });
     const topInfo = computed(() => {
-      return slots.topInfo;
+      return slots["top-info"];
     });
     const bottomInfo = computed(() => {
-      return slots.bottomInfo;
+      return slots["bottom-info"];
     });
     const state = reactive({
       yearMonthTitle: "",
@@ -251,7 +288,7 @@ const _sfc_main = create({
       if (getClass(day, month) != `${state.dayPrefix}--disabled`) {
         const { type } = props;
         let days = [...month.curData];
-        days[2] = typeof day.day == "number" ? Utils.getNumTwoBit(day.day) : day.day;
+        days[2] = Utils.getNumTwoBit(Number(day.day));
         days[3] = `${days[0]}-${days[1]}-${days[2]}`;
         days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
         if (type == "multiple") {
@@ -770,12 +807,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         ])
                       ]),
                       _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_11, [
-                        renderSlot(_ctx.$slots, "topInfo", {
+                        renderSlot(_ctx.$slots, "top-info", {
                           date: day.type == "curr" ? day : ""
                         })
                       ])) : createCommentVNode("", true),
                       _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_12, [
-                        renderSlot(_ctx.$slots, "bottomInfo", {
+                        renderSlot(_ctx.$slots, "bottom-info", {
                           date: day.type == "curr" ? day : ""
                         })
                       ])) : createCommentVNode("", true),

package/dist/packages/_es/{index-da7aa231.js → index-991c279f.js}

@@ -18,7 +18,7 @@ const popupProps = {
   },
   lockScroll: {
     type: Boolean,
-    default: false
+    default: true
   },
   closeOnClickOverlay: {
     type: Boolean,
@@ -75,6 +75,14 @@ const popupProps = {
   safeAreaInsetBottom: {
     type: Boolean,
     default: false
+  },
+  overlayClass: {
+    type: String,
+    default: ""
+  },
+  overlayStyle: {
+    type: Object,
+    default: {}
   }
 };
 const initIndex = 2e3;
@@ -196,8 +204,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "z-index": _ctx.zIndex,
       "lock-scroll": _ctx.lockScroll,
       duration: _ctx.duration,
+      "overlay-class": _ctx.overlayClass,
+      "overlay-style": _ctx.overlayStyle,
       onClick: _ctx.onClickOverlay
-    }, _ctx.$attrs), null, 16, ["visible", "close-on-click-overlay", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
+    }, _ctx.$attrs), null, 16, ["visible", "close-on-click-overlay", "z-index", "lock-scroll", "duration", "overlay-class", "overlay-style", "onClick"])) : createCommentVNode("", true),
     createVNode(Transition, {
       name: _ctx.transitionName,
       onAfterEnter: _ctx.onOpened,
@@ -215,7 +225,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
             class: normalizeClass(["nut-popup__close-icon", "nut-popup__close-icon--" + _ctx.closeIconPosition])
           }, [
-            renderSlot(_ctx.$slots, "closeIcon", {}, () => [
+            renderSlot(_ctx.$slots, "close-icon", {}, () => [
               createVNode(_component_Close, { height: "12px" })
             ])
           ], 2)) : createCommentVNode("", true)

package/dist/packages/_es/{index.vue_vue_type_script_lang-1291fceb.js → index.vue_vue_type_script_lang-22dfc112.js}

@@ -10,6 +10,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "vertical"
+      //horizontal
     },
     textPosition: {
       type: String,

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

@@ -16,6 +16,7 @@ const _sfc_main = create({
     shape: {
       type: String,
       default: "round"
+      // button
     },
     label: {
       type: [String, Number, Boolean],

package/dist/packages/actionsheet/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/address/style.mjs

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

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

package/dist/packages/animate/style.mjs

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

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 '../../styles/reset.css';
 import '../range/index.scss';
+import './index.scss';

package/dist/packages/audiooperate/style.mjs

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

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

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

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

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

package/dist/packages/backtop/style.mjs

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

package/dist/packages/badge/index.scss

@@ -10,16 +10,20 @@
   position: relative;
   display: inline-block;
   .nut-badge__icon {
+    display: flex;
+    align-items: center;
+    line-height: normal;
+    transform: $badge-content-transform;
     position: absolute;
     background: $badge-background-color;
-    top: -20%;
-    right: -20%;
-    padding: $badge-padding;
+    padding: $badge-icon-padding;
     text-align: center;
     border-radius: $badge-border-radius;
     z-index: $badge-z-index;
   }
   .nut-badge__content {
+    display: flex;
+    align-items: center;
     transform: $badge-content-transform;
     &--sup {
       position: absolute;

package/dist/packages/badge/style.mjs

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

package/dist/packages/barrage/style.mjs

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

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

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

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,5 @@
-import './index.scss';
-import '../popup/index.scss';
-import '../overlay/index.scss';
+import '../../styles/reset.css';
 import '../calendaritem/index.scss';
+import '../overlay/index.scss';
+import '../popup/index.scss';
+import './index.scss';

package/dist/packages/calendaritem/style.mjs

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

package/dist/packages/card/style.mjs

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

package/dist/packages/cascader/style.mjs

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

package/dist/packages/category/style.mjs

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

package/dist/packages/categorypane/style.mjs

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

package/dist/packages/cell/index.scss

@@ -80,6 +80,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+    min-width: 80px;
     &-desc {
       font-size: $cell-title-desc-font;
     }
@@ -87,6 +88,7 @@
   &__value {
     display: inline-block;
     text-align: right;
+    flex: 1;
     font-size: $cell-desc-font;
     color: $cell-desc-color;
     &--alone {

package/dist/packages/cell/style.mjs

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

package/dist/packages/cellgroup/style.mjs

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

package/dist/packages/checkbox/style.mjs

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

package/dist/packages/checkboxgroup/style.mjs

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

package/dist/packages/circleprogress/style.mjs

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

package/dist/packages/col/style.mjs

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

package/dist/packages/collapse/style.mjs

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

package/dist/packages/collapseitem/style.mjs

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

package/dist/packages/comment/index.scss

@@ -91,13 +91,18 @@
       &-complex {
         display: flex;
         align-items: center;
-        font-weight: bold;
+        color: $comment-header-user-name-color;
 
         &-name {
           margin-right: 10px;
           @include text-ellipsis();
           max-width: 80px;
         }
+
+        image {
+          max-width: 50px;
+          height: 16px;
+        }
       }
 
       &-score {
@@ -208,9 +213,9 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 105px;
-      height: 105px;
-      line-height: 105px;
+      width: 100%;
+      height: 90px;
+      line-height: 90px;
       background: rgba(0, 0, 0, 0.5);
       font-size: 12px;
       color: rgba(255, 255, 255, 1);
@@ -221,14 +226,14 @@
     flex-wrap: wrap;
     justify-content: space-between;
     overflow: hidden;
-    width: 331px;
+    width: 100%;
     margin: 10px auto 15px;
 
     .nut-comment-images__item {
       margin: 8px 8px 0 0;
 
-      width: 105px;
-      height: 105px;
+      width: calc(34% - 8px);
+      height: 90px;
 
       img {
         width: 100%;

package/dist/packages/comment/style.mjs

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

package/dist/packages/configprovider/style.mjs

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

package/dist/packages/countdown/style.mjs

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

package/dist/packages/countup/index.scss

@@ -34,6 +34,7 @@
     display: block;
   }
   .nut-countup__machine {
+    display: block;
     overflow: hidden;
     .nut-countup__machine-item {
       float: left;

package/dist/packages/countup/style.mjs

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