@nutui/nutui 4.0.0-beta.9 → 4.0.1-beta.0

package/dist/packages/_es/TimeDetail.js

@@ -11,10 +11,6 @@ const _sfc_main = create({
       default: () => {
         return [];
       }
-    },
-    detailKey: {
-      type: [Number, String],
-      default: 0
     }
   },
   emits: ["select"],

package/dist/packages/_es/TimeSelect.js

@@ -1,6 +1,6 @@
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-da7aa231.js";
+import { P as Popup } from "./index-991c279f.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
@@ -35,7 +35,7 @@ const _sfc_main = create({
     },
     lockScroll: {
       type: [Boolean],
-      default: false
+      default: true
     },
     teleportDisable: {
       type: Boolean,

package/dist/packages/_es/Toast.js

@@ -304,7 +304,6 @@ const showToast = {
   },
   install(app) {
     app.use(Toast);
-    app.config.globalProperties.$toast = showToast;
   }
 };
 export {

package/dist/packages/_es/Tour.js

@@ -6,7 +6,7 @@ import Popover from "./Popover.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./renderIcon-3d0fd47c.js";
-import "./index-da7aa231.js";
+import "./index-991c279f.js";
 import "./Overlay.js";
 const { create } = createComponent("tour");
 const _sfc_main = create({
@@ -15,7 +15,7 @@ const _sfc_main = create({
     Close
   },
   props: {
-    visible: { type: Boolean, default: false },
+    modelValue: { type: Boolean, default: false },
     type: {
       type: String,
       default: "step"
@@ -81,10 +81,10 @@ const _sfc_main = create({
       default: true
     }
   },
-  emits: ["update:visible", "change", "close"],
+  emits: ["update:modelValue", "change", "close"],
   setup(props, { emit }) {
     const state = reactive({
-      showTour: props.visible,
+      showTour: props.modelValue,
       showPopup: false,
       active: 0
     });
@@ -129,7 +129,7 @@ const _sfc_main = create({
       state.showTour = false;
       state.showPopup = false;
       emit("close", state.active);
-      emit("update:visible", false);
+      emit("update:modelValue", false);
     };
     const handleClickMask = () => {
       props.closeOnClickOverlay && close();
@@ -139,7 +139,7 @@ const _sfc_main = create({
       getRootPosition();
     });
     watch(
-      () => props.visible,
+      () => props.modelValue,
       (val) => {
         if (val) {
           getRootPosition();
@@ -225,7 +225,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("div", _hoisted_4, [
                     createElementVNode("div", _hoisted_5, toDisplayString(_ctx.active + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
                     createElementVNode("div", _hoisted_6, [
-                      renderSlot(_ctx.$slots, "prevStep", {}, () => [
+                      renderSlot(_ctx.$slots, "prev-step", {}, () => [
                         _ctx.active != 0 && _ctx.showPrevStep ? (openBlock(), createElementBlock("div", {
                           key: 0,
                           class: "nut-tour-content-bottom-operate-btn",
@@ -237,7 +237,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         class: "nut-tour-content-bottom-operate-btn active",
                         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.close && _ctx.close(...args))
                       }, toDisplayString(_ctx.completeTxt), 1)) : createCommentVNode("", true),
-                      renderSlot(_ctx.$slots, "nextStep", {}, () => [
+                      renderSlot(_ctx.$slots, "next-step", {}, () => [
                         _ctx.steps.length - 1 != _ctx.active ? (openBlock(), createElementBlock("div", {
                           key: 0,
                           class: "nut-tour-content-bottom-operate-btn active",

package/dist/packages/_es/TrendArrow.js

@@ -88,10 +88,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-trend-arrow-icon-before nut-trend-arrow-rate",
       style: normalizeStyle(_ctx.calcStyle)
     }, toDisplayString(_ctx.calcRate), 5)) : createCommentVNode("", true),
-    Number(_ctx.rate) !== 0 && _ctx.rateTrend ? renderSlot(_ctx.$slots, "upIcon", { key: 1 }, () => [
+    Number(_ctx.rate) !== 0 && _ctx.rateTrend ? renderSlot(_ctx.$slots, "up-icon", { key: 1 }, () => [
       createVNode(_component_TriangleUp, { color: _ctx.riseColor }, null, 8, ["color"])
     ]) : createCommentVNode("", true),
-    Number(_ctx.rate) !== 0 && !_ctx.rateTrend ? renderSlot(_ctx.$slots, "downIcon", { key: 2 }, () => [
+    Number(_ctx.rate) !== 0 && !_ctx.rateTrend ? renderSlot(_ctx.$slots, "down-icon", { key: 2 }, () => [
       createVNode(_component_TriangleDown, { color: _ctx.dropColor }, null, 8, ["color"])
     ]) : createCommentVNode("", true),
     _ctx.arrowLeft ? (openBlock(), createElementBlock("span", {

package/dist/packages/_es/Uploader.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { reactive, computed, h, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode, createTextVNode } from "vue";
+import { reactive, computed, h, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { f as funInterceptor } from "./interceptor-956b24fc.js";
 import Progress from "./Progress.js";
@@ -362,12 +362,14 @@ const _hoisted_7 = {
   class: "nut-uploader__preview-img__file"
 };
 const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "tips" };
-const _hoisted_10 = {
+const _hoisted_9 = { class: "file__name_tips" };
+const _hoisted_10 = { class: "tips" };
+const _hoisted_11 = {
   key: 1,
   class: "nut-uploader__preview-list"
 };
-const _hoisted_11 = ["onClick"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "file__name_tips" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Failure = resolveComponent("Failure");
   const _component_Loading = resolveComponent("Loading");
@@ -424,24 +426,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: ($event) => _ctx.fileItemClick(item),
               class: "nut-uploader__preview-img__file__name"
             }, [
-              createVNode(_component_Link, { color: "#808080" }),
-              createTextVNode(" " + toDisplayString(item.name), 1)
+              createElementVNode("view", _hoisted_9, toDisplayString(item.name), 1)
             ], 8, _hoisted_8)
           ])),
-          createElementVNode("view", _hoisted_9, toDisplayString(item.name), 1)
-        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_10, [
+          createElementVNode("view", _hoisted_10, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_11, [
           createElementVNode("view", {
             onClick: ($event) => _ctx.fileItemClick(item),
             class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
           }, [
-            createVNode(_component_Link),
-            createTextVNode(" " + toDisplayString(item.name), 1)
-          ], 10, _hoisted_11),
-          createVNode(_component_Del, {
-            color: "#808080",
-            class: "nut-uploader__preview-img__file__del",
-            onClick: ($event) => _ctx.onDelete(item, index2)
-          }, null, 8, ["onClick"]),
+            createVNode(_component_Link, { class: "nut-uploader__preview-img__file__link" }),
+            createElementVNode("view", _hoisted_13, toDisplayString(item.name), 1),
+            createVNode(_component_Del, {
+              color: "#808080",
+              class: "nut-uploader__preview-img__file__del",
+              onClick: ($event) => _ctx.onDelete(item, index2)
+            }, null, 8, ["onClick"])
+          ], 10, _hoisted_12),
           item.status == "uploading" ? (openBlock(), createBlock(_component_nut_progress, {
             key: 0,
             size: "small",

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-350a8abd.js → index-fa0050c9.js}

@@ -164,10 +164,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 +251,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 +770,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/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/index.scss

@@ -63,7 +63,7 @@
     display: block;
     .nut-address__region {
       position: relative;
-      margin-top: 32px;
+      // margin-top: 32px;
       padding: 0 20px;
       display: flex;
       font-size: $address-region-tab-font-size;

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