@nutui/nutui 4.0.0-beta.16 → 4.0.0-beta.18

package/dist/packages/_es/{common-ceb98554.js → common-b9a5e726.js}

@@ -68,33 +68,41 @@ function useProvide(key, childName) {
 const { componentName } = createComponent("grid");
 const GRID_KEY = Symbol("grid");
 const gridProps = {
+  // 列数
   columnNum: {
     type: [Number, String],
     default: 4
   },
+  // 是否显示边框
   border: {
     type: Boolean,
     default: true
   },
+  // 格子之间间隔距离
   gutter: {
     type: [Number, String],
     default: 0
   },
+  // 是否内容居中
   center: {
     type: Boolean,
     default: true
   },
+  // 是否固定正方形
   square: {
     type: Boolean,
     default: false
   },
+  // 内容与文字翻转
   reverse: {
     type: Boolean,
     default: false
   },
+  // 内容排列方向
   direction: {
     type: String
   },
+  // 是否开启点击反馈
   clickable: {
     type: Boolean,
     default: false

package/dist/packages/_es/{index-1006915b.js → index-af79da1a.js}

@@ -18,7 +18,7 @@ const popupProps = {
   },
   lockScroll: {
     type: Boolean,
-    default: false
+    default: true
   },
   closeOnClickOverlay: {
     type: Boolean,

package/dist/packages/_es/{index-1bf0d8ef.js → index-f3a722c9.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();

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

package/dist/packages/address/style.mjs

@@ -1,4 +1,7 @@
 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/style.mjs

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

package/dist/packages/audio/style.mjs

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

package/dist/packages/audiooperate/style.mjs

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

package/dist/packages/calendar/index.scss

@@ -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;

package/dist/packages/calendar/style.mjs

@@ -1,4 +1,7 @@
 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/card/style.mjs

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

package/dist/packages/cascader/style.mjs

@@ -1,6 +1,11 @@
 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/comment/index.scss

@@ -98,6 +98,11 @@
           @include text-ellipsis();
           max-width: 80px;
         }
+
+        image {
+          max-width: 50px;
+          height: 16px;
+        }
       }
 
       &-score {

package/dist/packages/comment/style.mjs

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

package/dist/packages/datepicker/style.mjs

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

package/dist/packages/dialog/style.mjs

@@ -1,4 +1,7 @@
 import '../button/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/ecard/style.mjs

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

package/dist/packages/fixednav/style.mjs

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

package/dist/packages/form/style.mjs

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

package/dist/packages/formitem/style.mjs

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

package/dist/packages/imagepreview/style.mjs

@@ -1,6 +1,11 @@
 import '../video/index.scss';
+import '../../styles/reset.css';
 import '../swiperitem/index.scss';
+import '../../styles/reset.css';
 import '../swiper/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/inputnumber/index.scss

@@ -38,7 +38,6 @@
     display: flex;
     align-items: center;
     color: $inputnumber-icon-color;
-    font-size: $inputnumber-icon-size;
     cursor: pointer;
     &--disabled {
       color: $inputnumber-icon-void-color;
@@ -54,7 +53,6 @@
   input,
   &__text--readonly,
   &__text--input {
-    width: $inputnumber-input-width;
     height: 100%;
     text-align: center;
     display: flex;

package/dist/packages/invoice/style.mjs

@@ -1,8 +1,15 @@
 import '../button/index.scss';
+import '../../styles/reset.css';
 import '../radio/index.scss';
+import '../../styles/reset.css';
 import '../radiogroup/index.scss';
+import '../../styles/reset.css';
 import '../cell/index.scss';
+import '../../styles/reset.css';
 import '../formitem/index.scss';
+import '../../styles/reset.css';
 import '../cellgroup/index.scss';
+import '../../styles/reset.css';
 import '../form/index.scss';
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/locale/lang/zh-CN.js

@@ -28,7 +28,7 @@ class c extends i {
       weekdays: ["日", "一", "二", "三", "四", "五", "六"],
       end: "结束",
       start: "开始",
-      title: "日历选择",
+      title: "日期选择",
       monthTitle: (a, o) => `${a}年${o}月`,
       today: "今天"
     });

package/dist/packages/menuitem/style.mjs

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

package/dist/packages/noticebar/index.scss

@@ -37,6 +37,8 @@
     padding-right: 40px;
   }
   .nut-noticebar__page-lefticon {
+    display: flex;
+    align-items: center;
     height: $noticebar-left-icon-width;
     min-width: $noticebar-left-icon-width;
     margin: $noticebar-lefticon-margin;

package/dist/packages/notify/style.mjs

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

package/dist/packages/numberkeyboard/style.mjs

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

package/dist/packages/picker/style.mjs

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

package/dist/packages/popover/style.mjs

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

package/dist/packages/popup/style.mjs

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

package/dist/packages/radio/index.scss

@@ -81,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/shortpassword/style.mjs

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

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

package/dist/packages/skeleton/style.mjs

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

package/dist/packages/sku/style.mjs

@@ -1,5 +1,9 @@
 import '../price/index.scss';
+import '../../styles/reset.css';
 import '../inputnumber/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/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/sticky/index.scss

@@ -4,6 +4,7 @@
     position: sticky;
   }
   &--fixed {
+    display: flex;
     position: fixed;
   }
 }

package/dist/packages/tabbaritem/style.mjs

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

package/dist/packages/tabs/style.mjs

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

package/dist/packages/timedetail/index.scss

@@ -55,11 +55,6 @@
         }
       }
     }
-    &__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/timeselect/style.mjs

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

package/dist/packages/tour/style.mjs

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

package/dist/packages/uploader/style.mjs

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