@nutui/nutui 4.0.6 → 4.1.0-beta.1

package/dist/packages/_es/Animate.js

@@ -1,4 +1,4 @@
-import { toRefs, reactive, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot } from "vue";
+import { toRefs, reactive, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -16,6 +16,9 @@ const _sfc_main = create({
     loop: {
       type: Boolean,
       default: false
+    },
+    duration: {
+      type: [String, Number]
     }
   },
   emits: ["click"],
@@ -49,10 +52,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("view", {
       class: normalizeClass(_ctx.classes),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+      style: normalizeStyle({
+        animationDuration: _ctx.duration ? `${_ctx.duration}ms` : void 0
+      })
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 2)
+    ], 6)
   ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/SideNavbar.js

@@ -24,11 +24,14 @@ const _sfc_main = create({
       };
     });
     const setPaddingLeft = (nodeList, level = 1) => {
+      var _a;
       for (let i = 0; i < nodeList.length; i++) {
         let item = nodeList[i];
-        item.children[0].style.paddingLeft = +props.offset * level + "px";
-        if (!item.className.includes("nut-side-navbar-item")) {
-          setPaddingLeft(Array.from(item.children[1].children), ++state.count);
+        if ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a[0]) {
+          item.children[0].style.paddingLeft = +props.offset * level + "px";
+          if (!item.className.includes("nut-side-navbar-item")) {
+            setPaddingLeft(Array.from(item.children[1].children), ++state.count);
+          }
         }
       }
       state.count--;
@@ -52,7 +55,7 @@ const _sfc_main = create({
         attributes: false,
         childList: true,
         characterData: false,
-        subtree: false
+        subtree: true
       });
     });
     return {

package/dist/packages/_es/Switch.js

@@ -83,6 +83,7 @@ const _sfc_main = create({
     return {
       classes,
       style,
+      isActive,
       onClick
     };
   }
@@ -104,10 +105,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]) : createCommentVNode("", true),
       _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
-          [vShow, _ctx.modelValue]
+          [vShow, _ctx.isActive]
         ]),
         withDirectives(createElementVNode("view", { class: "nut-switch-label close" }, toDisplayString(_ctx.inactiveText), 513), [
-          [vShow, !_ctx.modelValue]
+          [vShow, !_ctx.isActive]
         ])
       ], 64)) : createCommentVNode("", true)
     ])

package/dist/packages/_es/Tabs.js

@@ -224,9 +224,9 @@ const _sfc_main = create({
     const currentIndex = ref(props.modelValue || 0);
     const findTabsIndex = (value) => {
       let index = titles.value.findIndex((item) => item.paneKey == value);
-      if (titles.value.length == 0) {
-        console.warn("[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .");
-      } else if (index == -1)
+      if (titles.value.length == 0)
+        ;
+      else if (index == -1)
         ;
       else {
         currentIndex.value = index;

package/dist/packages/_es/Toast.js

@@ -19,7 +19,10 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
-    type: String,
+    type: {
+      type: String,
+      default: "text"
+    },
     customClass: String,
     bottom: {
       type: String,
@@ -31,8 +34,7 @@ const _sfc_main = create({
     },
     icon: {
       type: Object,
-      default: () => {
-      }
+      default: null
     },
     textAlignCenter: {
       type: Boolean,
@@ -112,7 +114,7 @@ const _sfc_main = create({
       if (props.type !== "text") {
         return true;
       } else {
-        return !!props.icon;
+        return props.icon !== null;
       }
     });
     const toastBodyClass = computed(() => {

package/dist/packages/actionsheet/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-action-sheet {
     .nut-action-sheet__cancel {

package/dist/packages/actionsheet/style.mjs

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

package/dist/packages/address/index.scss

@@ -1,3 +1,6 @@
+@import '../popup/index.scss';
+@import '../elevator/index.scss';
+
 .nut-theme-dark {
   .nut-address {
     &__header {

package/dist/packages/address/style.mjs

@@ -1,5 +1,2 @@
 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

@@ -1,3 +1,6 @@
+@import '../button/index.scss';
+@import '../swipe/index.scss';
+
 .nut-theme-dark {
   .nut-address-list {
     &-swipe,

package/dist/packages/addresslist/style.mjs

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

package/dist/packages/audio/index.scss

@@ -1,3 +1,5 @@
+@import '../range/index.scss';
+
 .nut-theme-dark {
   .nut-audio__icon {
     .nut-audio__icon--box {

package/dist/packages/audio/style.mjs

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

package/dist/packages/audiooperate/index.scss

@@ -1,3 +1,5 @@
+@import '../button/index.scss';
+
 .nut-audio-operate-group {
   display: flex;
   display: flex;

package/dist/packages/audiooperate/style.mjs

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

package/dist/packages/calendar/index.scss

@@ -1,3 +1,6 @@
+@import '../popup/index.scss';
+@import '../calendaritem/index.scss';
+
 .nut-theme-dark {
   .nut-calendar {
     background: $dark-background;

package/dist/packages/calendar/style.mjs

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

package/dist/packages/card/index.scss

@@ -1,3 +1,6 @@
+@import '../price/index.scss';
+@import '../tag/index.scss';
+
 .nut-theme-dark {
   .nut-card {
     .nut-card__right {

package/dist/packages/card/style.mjs

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

package/dist/packages/cascader/index.scss

@@ -1,3 +1,7 @@
+@import '../popup/index.scss';
+@import '../tabs/index.scss';
+@import '../tabpane/index.scss';
+
 .nut-theme-dark {
   .nut-cascader__bar {
     background: $dark-background2;

package/dist/packages/cascader/style.mjs

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

@@ -1,3 +1,5 @@
+@import '../rate/index.scss';
+
 .nut-theme-dark {
   .nut-comment {
     &-header {

package/dist/packages/comment/style.mjs

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

package/dist/packages/datepicker/index.scss

@@ -1,2 +1 @@
-.nut-date-picker {
-}
+@import '../picker/index.scss';

package/dist/packages/datepicker/style.mjs

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

package/dist/packages/dialog/index.scss

@@ -1,3 +1,6 @@
+@import '../button/index.scss';
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-dialog {
     &__header {

package/dist/packages/dialog/style.mjs

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

package/dist/packages/ecard/index.scss

@@ -1,3 +1,5 @@
+@import '../inputnumber/index.scss';
+
 .nut-theme-dark {
   .nut-ecard {
     color: $dark-color3;

package/dist/packages/ecard/style.mjs

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

package/dist/packages/fixednav/index.scss

@@ -1,3 +1,5 @@
+@import '../overlay/index.scss';
+
 .nut-fixed-nav {
   position: fixed;
   z-index: $fixednav-index;

package/dist/packages/fixednav/style.mjs

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

package/dist/packages/form/index.scss

@@ -1,2 +1 @@
-.nut-form {
-}
+@import '../cellgroup/index.scss';

package/dist/packages/form/style.mjs

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

package/dist/packages/formitem/index.scss

@@ -1,3 +1,5 @@
+@import '../cell/index.scss';
+
 .nut-theme-dark {
   .nut-form-item {
     &__body {
@@ -35,6 +37,7 @@
     font-size: $form-item-label-font-size;
     font-weight: normal;
     width: $form-item-label-width;
+    min-width: auto;
     margin-right: $form-item-label-margin-right;
     flex: none !important;
     display: inline-block !important;

package/dist/packages/formitem/style.mjs

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

package/dist/packages/imagepreview/index.scss

@@ -1,3 +1,8 @@
+@import '../popup/index.scss';
+@import '../swiper/index.scss';
+@import '../swiperitem/index.scss';
+@import '../video/index.scss';
+
 .nut-image-preview {
   height: 100%;
   width: 100%;

package/dist/packages/imagepreview/style.mjs

@@ -1,7 +1,2 @@
 import '../../styles/reset.css';
-import '../video/index.scss';
-import '../swiperitem/index.scss';
-import '../swiper/index.scss';
-import '../overlay/index.scss';
-import '../popup/index.scss';
 import './index.scss';

package/dist/packages/invoice/index.scss

@@ -1,3 +1,9 @@
+@import '../button/index.scss';
+@import '../radiogroup/index.scss';
+@import '../radio/index.scss';
+@import '../form/index.scss';
+@import '../formitem/index.scss';
+
 .nut-theme-dark {
   .nut-invoice {
     .nut-invoice__submit {

package/dist/packages/invoice/style.mjs

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

package/dist/packages/menuitem/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-menu-item__content {
     .nut-menu-item__option {

package/dist/packages/menuitem/style.mjs

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

package/dist/packages/notify/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-fade-enter-active {
   transition: opacity 1s;
 }

package/dist/packages/notify/style.mjs

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

package/dist/packages/numberkeyboard/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-number-keyboard {
     background-color: $dark-background4;

package/dist/packages/numberkeyboard/style.mjs

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

package/dist/packages/picker/style.mjs

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

package/dist/packages/popover/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-popover {
   position: absolute;
   display: inline-block;

package/dist/packages/popover/style.mjs

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

package/dist/packages/popup/index.scss

@@ -1,3 +1,5 @@
+@import '../overlay/index.scss';
+
 .nut-theme-dark {
   .nut-popup {
     background: $dark-background2;

package/dist/packages/popup/style.mjs

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

package/dist/packages/shortpassword/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-short-password-title {
     color: $dark-color;

package/dist/packages/shortpassword/style.mjs

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

package/dist/packages/signature/index.scss

@@ -1,3 +1,5 @@
+@import '../button/index.scss';
+
 .nut-signature {
   .nut-signature-inner {
     height: 8rem;

package/dist/packages/signature/style.mjs

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

package/dist/packages/skeleton/index.scss

@@ -1,3 +1,5 @@
+@import '../avatar/index.scss';
+
 .nut-skeleton {
   display: inline-block;
   position: relative;

package/dist/packages/skeleton/style.mjs

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

package/dist/packages/sku/index.scss

@@ -1,3 +1,7 @@
+@import '../price/index.scss';
+@import '../inputnumber/index.scss';
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-sku {
     background: $dark-background;

package/dist/packages/sku/style.mjs

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

@@ -1,3 +1,5 @@
+@import '../badge/index.scss';
+
 .nut-theme-dark {
   .nut-tabbar-item {
     &__icon--unactive {

package/dist/packages/tabbaritem/style.mjs

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

package/dist/packages/tabs/index.scss

@@ -1,3 +1,5 @@
+@import '../sticky/index.scss';
+
 .nut-theme-dark {
   .nut-tabs {
     &__titles {
@@ -194,7 +196,7 @@
         color: $disable-color;
       }
       &.active {
-        font-weight: 600;
+        font-weight: bold;
         color: $tabs-titles-item-active-color;
         .nut-tabs__titles-item__line {
           content: ' ';

package/dist/packages/tabs/style.mjs

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

package/dist/packages/timeselect/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-time-select {
     background-color: $dark-background2;

package/dist/packages/timeselect/style.mjs

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

package/dist/packages/tour/index.scss

@@ -1,3 +1,5 @@
+@import '../popover/index.scss';
+
 .nut-tour {
   &-mask {
     position: fixed;

package/dist/packages/tour/style.mjs

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

package/dist/packages/uploader/index.scss

@@ -1,3 +1,6 @@
+@import '../progress/index.scss';
+@import '../button/index.scss';
+
 .nut-theme-dark {
   .nut-uploader__preview-list {
     background: $dark-background2;

package/dist/packages/uploader/style.mjs

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

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.0.6",
+  "version": "4.1.0-beta.1",
   "contributions": {
     "html": {
       "tags": [
@@ -328,6 +328,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "duration",
+              "default": "-",
+              "description": "动画时长，单位 ms",
+              "value": {
+                "type": "number | string",
+                "kind": "expression"
+              }
             }
           ]
         },