@nutui/nutui 4.2.6 → 4.2.8

package/dist/packages/avatar/index.css

@@ -1 +1 @@
-.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center;vertical-align:top}.nut-avatar img{display:block;width:100%;height:100%}.nut-avatar .nut-icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nut-avatar-large{width:var(--nut-avatar-large-width, 60px);height:var(--nut-avatar-large-height, 60px);line-height:var(--nut-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nut-avatar-small-width, 32px);height:var(--nut-avatar-small-height, 32px);line-height:var(--nut-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nut-avatar-normal-width, 40px);height:var(--nut-avatar-normal-height, 40px);line-height:var(--nut-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%}.nut-avatar-square{border-radius:var(--nut-avatar-square, 5px)}
+.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center;vertical-align:top}.nut-avatar img{display:block;width:100%;height:100%}.nut-avatar .nut-icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nut-avatar-large{width:var(--nut-avatar-large-width, 60px);height:var(--nut-avatar-large-height, 60px);line-height:var(--nut-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nut-avatar-small-width, 32px);height:var(--nut-avatar-small-height, 32px);line-height:var(--nut-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nut-avatar-normal-width, 40px);height:var(--nut-avatar-normal-height, 40px);line-height:var(--nut-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nut-avatar-square, 5px)}

package/dist/packages/avatar/index.scss

@@ -37,7 +37,7 @@
 }
 .nut-avatar-round {
   border-radius: 50%;
-  // overflow: hidden;
+  overflow: hidden;
 }
 .nut-avatar-square {
   border-radius: $avatar-square;

package/dist/packages/avatarcropper/AvatarCropper.js

@@ -38,7 +38,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { reactive, ref, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, withDirectives, normalizeStyle, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, vShow } from "vue";
+import { reactive, ref, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, withDirectives, normalizeClass, normalizeStyle, createVNode, withCtx, createTextVNode, toDisplayString, vShow } from "vue";
 import NutButton from "../button/Button.js";
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { d as preventDefault, e as clamp } from "../util-4Jkyw4BJ.js";
@@ -77,6 +77,10 @@ const _sfc_main = create({
     confirmText: {
       type: String,
       default: "确定"
+    },
+    shape: {
+      type: String,
+      default: "square"
     }
   },
   emits: ["confirm", "cancel"],
@@ -412,9 +416,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onTouchcancel: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
       }, [
         createElementVNode("div", {
-          class: "highlight",
+          class: normalizeClass(["highlight", { highlight__round: _ctx.shape === "round" }]),
           style: normalizeStyle(_ctx.highlightStyle)
-        }, null, 4)
+        }, null, 6)
       ], 32),
       createElementVNode("div", {
         class: normalizeClass(["nut-cropper-popup__toolbar", [_ctx.toolbarPosition]])

package/dist/packages/avatarcropper/index.css

@@ -1 +1 @@
-.nut-avatar-cropper{position:relative}.nut-avatar-cropper::after,.nut-avatar-cropper__edit-text{content:attr(data-edit-text);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper.taro::after{content:none}.nut-avatar-cropper__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7));z-index:1000}.nut-cropper-popup__canvas,.nut-cropper-popup__cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-cropper-popup__cut-canvas{z-index:0}.nut-cropper-popup__toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-cropper-popup__toolbar.top{top:0;bottom:inherit}.nut-cropper-popup__toolbar .flex-sb{width:100%;display:flex;justify-content:space-between}.nut-cropper-popup__toolbar-item{color:#fff;padding:15px;cursor:pointer;display:flex;align-items:center}.nut-cropper-popup__highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,0)}.nut-cropper-popup__highlight .highlight{position:absolute;width:365px;height:365px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;background-color:rgba(0,0,0,0);box-shadow:0 0 1000px 1000px rgba(0,0,0,.6)}
+.nut-avatar-cropper{position:relative}.nut-avatar-cropper::after,.nut-avatar-cropper__edit-text{content:attr(data-edit-text);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper.taro::after{content:none}.nut-avatar-cropper__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7));z-index:1000}.nut-cropper-popup__canvas,.nut-cropper-popup__cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-cropper-popup__cut-canvas{z-index:0}.nut-cropper-popup__toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-cropper-popup__toolbar.top{top:0;bottom:inherit}.nut-cropper-popup__toolbar .flex-sb{width:100%;display:flex;justify-content:space-between}.nut-cropper-popup__toolbar-item{color:#fff;padding:15px;cursor:pointer;display:flex;align-items:center}.nut-cropper-popup__highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,0)}.nut-cropper-popup__highlight .highlight{position:absolute;width:365px;height:365px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;background-color:rgba(0,0,0,0);box-shadow:0 0 1000px 1000px rgba(0,0,0,.6)}.nut-cropper-popup__highlight .highlight__round{border-radius:50%}

package/dist/packages/avatarcropper/index.scss

@@ -93,6 +93,9 @@
       z-index: 1;
       background-color: transparent;
       box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.6);
+      &__round {
+        border-radius: 50%;
+      }
     }
   }
 }

package/dist/packages/calendar/Calendar.js

@@ -1,6 +1,6 @@
 import { computed, ref, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, createSlots, renderSlot } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import { N as NutCalendarItem, U as Utils } from "../index-NLe0VBkN.js";
+import { N as NutCalendarItem, U as Utils } from "../index-kWulbKuH.js";
 import { N as NutPopup } from "../index-rbZsBckW.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "../raf-MQjoO-Ag.js";
@@ -88,6 +88,14 @@ const _sfc_main = create({
   },
   emits: ["choose", "close", "update:visible", "select"],
   setup(props, { emit, slots, expose }) {
+    const visible = computed({
+      get() {
+        return props.visible;
+      },
+      set(val) {
+        emit("update:visible", val);
+      }
+    });
     const showTopBtn = computed(() => {
       return slots.btn;
     });
@@ -133,8 +141,14 @@ const _sfc_main = create({
     const select = (param) => {
       emit("select", param);
     };
+    const opened = () => {
+      var _a;
+      (_a = calendarRef.value) == null ? void 0 : _a.initPosition();
+    };
     return {
+      visible,
       closePopup,
+      opened,
       update,
       close,
       select,
@@ -154,14 +168,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, mergeProps({
     key: 0,
     visible: _ctx.visible,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.visible = $event),
     position: "bottom",
     round: "",
     closeable: ""
   }, _ctx.$attrs, {
     style: { height: "85vh" },
     "lock-scroll": _ctx.lockScroll,
-    onClickOverlay: _ctx.closePopup,
-    onClickCloseIcon: _ctx.closePopup
+    onOpened: _ctx.opened
   }), {
     default: withCtx(() => [
       createVNode(_component_nut_calendar_item, {
@@ -233,7 +247,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "confirm-text", "start-text", "end-text", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week", "disabled-date", "onUpdate", "onClose", "onChoose", "onSelect"])
     ]),
     _: 3
-  }, 16, ["visible", "lock-scroll", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
+  }, 16, ["visible", "lock-scroll", "onOpened"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
     key: 1,
     ref: "calendarRef",
     type: _ctx.type,

package/dist/packages/calendaritem/CalendarItem.js

@@ -1,4 +1,4 @@
-import { N } from "../index-NLe0VBkN.js";
+import { N } from "../index-kWulbKuH.js";
 import "vue";
 import "../_plugin-vue_export-helper-yVxbj29m.js";
 import "../component-TCzwHGVq.js";

package/dist/packages/cascader/index.css

@@ -1 +1 @@
-.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414)}.nut-theme-dark .nut-tabs__titles-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-tabs__titles-item.active{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs.vertical .nut-tabs__titles-item.active{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-tabs{display:flex;overflow:hidden}.nut-tabs .nut-tabs__titles{display:flex;user-select:none;white-space:nowrap;flex-shrink:0;background:var(--nut-tabs-titles-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-tabs-titles-border-radius, 0)}.nut-tabs .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-shrink:0}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item{position:relative;font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px));display:flex;align-items:center;justify-content:center;color:var(--nut-tabs-titles-item-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text{text-align:center}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile,.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:15%;left:50%;transform:translate(-50%, 0);overflow:hidden;border-radius:var(--nut-tabs-titles-item-line-border-radius, 0);opacity:var(--nut-tabs-titles-item-line-opacity, 1)}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active{font-weight:bold;color:var(--nut-tabs-titles-item-active-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{content:" ";width:var(--nut-tabs-horizontal-titles-item-active-line-width, 40px);height:3px;background:var(--nut-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.disabled{color:var(--nut-disable-color, #cccccc)}.nut-tabs.horizontal{flex-direction:column}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles,.nut-tabs.horizontal>.nut-tabs__titles{flex-direction:row;height:var(--nut-tabs-horizontal-titles-height, 46px)}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__list,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__list{height:100%}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles.scrollable,.nut-tabs.horizontal>.nut-tabs__titles.scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item{flex:1 0 auto;min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:0}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs.vertical{flex-direction:row;width:100%}.nut-tabs.vertical>.nut-tabs__titles{flex-direction:column;height:auto;padding:10px 0;width:var(--nut-tabs-vertical-titles-width, 100px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__list{flex-direction:column}.nut-tabs.vertical>.nut-tabs__titles.scrollable{overflow-x:hidden;overflow-y:auto;height:auto}.nut-tabs.vertical>.nut-tabs__titles.scrollable .nut-tabs__titles-placeholder{height:22px}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item{min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:100%;height:var(--nut-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item__line{bottom:none;transform:translate(0, -50%);transition:height .3s ease;width:0;height:0}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active{background-color:#fff}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{left:10px;width:3px;background:var(--nut-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{position:absolute;right:-8px;bottom:2px;left:auto;width:36px;transform:rotate(320deg);height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical .nut-tabs__content{flex:1;flex-direction:column}.nut-tabs.vertical .nut-tabs__content .nut-tab-pane{height:100%}.nut-tabs__titles.large .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-large-font-size, var(--nut-font-size-3, 16px))}.nut-tabs__titles.normal .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px))}.nut-tabs__titles.small .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-small-font-size, var(--nut-font-size-1, 12px))}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}.nut-tabs__titles.smile .nut-tabs__titles-item .nut-tabs__titles-item__smile{display:none}.nut-tabs__titles.smile .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{width:36px;height:10px;display:block}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs .nut-tabs__titles-item .taro{height:46px;line-height:46px}.nut-tabs .nut-tabs__titles-placeholder{width:auto;min-width:10px}.nut-theme-dark .nut-tab-pane{background:var(--nut-dark-background2, #1b1b1b)}.nut-tab-pane{width:100%;flex-shrink:0;display:block;background-color:#fff;padding:24px 20px;box-sizing:border-box;overflow:auto;height:100%;word-break:break-all}.nut-tab-pane.inactive{overflow:visible;height:0}.nut-theme-dark .nut-cascader__bar{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414) !important}.nut-theme-dark .nut-cascader-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-cascader{width:100%;font-size:var(--nut-cascader-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-cascader-line-height, 22px)}.nut-cascader .nut-tab-pane{padding:0}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;padding:var(--nut-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabs__titles{padding:var(--nut-cascader-tabs-item-padding, 0 10px);background:#fff}.nut-cascader__bar{display:flex;justify-content:center;align-items:center;padding:var(--nut-cascader-bar-padding, 24px 20px 17px);text-align:center;font-weight:bold;line-height:var(--nut-cascader-bar-line-height, 20px);color:var(--nut-cascader-bar-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-cascader-bar-font-size, var(--nut-font-size-4, 18px))}.nut-cascader-pane{display:block;padding:0;margin:0;width:100%;padding-top:10px;height:342px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;padding:var(--nut-cascader-item-padding, 10px 20px);margin:0;cursor:pointer;font-size:var(--nut-cascader-item-font-size, var(--nut-font-size-2, 14px));color:var(--nut-cascader-item-color, var(--nut-title-color, #1a1a1a))}.nut-cascader-item__title{flex:1}.nut-cascader-item__icon-check{margin-left:10px;visibility:hidden}.nut-cascader-item__icon-loading{margin-left:10px}.nut-cascader-item.active:not(.disabled){color:var(--nut-cascader-item-active-color, var(--nut-primary-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:var(--nut-cascader-item-active-color, var(--nut-primary-color, #fa2c19))}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}
+.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414)}.nut-theme-dark .nut-tabs__titles-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-tabs__titles-item.active{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs.vertical .nut-tabs__titles-item.active{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-tabs{display:flex;overflow:hidden}.nut-tabs .nut-tabs__titles{display:flex;user-select:none;white-space:nowrap;flex-shrink:0;background:var(--nut-tabs-titles-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-tabs-titles-border-radius, 0)}.nut-tabs .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-shrink:0}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item{position:relative;font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px));display:flex;align-items:center;justify-content:center;color:var(--nut-tabs-titles-item-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text{text-align:center}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile,.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:15%;left:50%;transform:translate(-50%, 0);overflow:hidden;border-radius:var(--nut-tabs-titles-item-line-border-radius, 0);opacity:var(--nut-tabs-titles-item-line-opacity, 1)}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active{font-weight:bold;color:var(--nut-tabs-titles-item-active-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{content:" ";width:var(--nut-tabs-horizontal-titles-item-active-line-width, 40px);height:3px;background:var(--nut-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.disabled{color:var(--nut-disable-color, #cccccc)}.nut-tabs .nut-tabs__titles-left{justify-content:flex-start}.nut-tabs.horizontal{flex-direction:column}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles,.nut-tabs.horizontal>.nut-tabs__titles{flex-direction:row;height:var(--nut-tabs-horizontal-titles-height, 46px)}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__list,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__list{height:100%}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles.scrollable,.nut-tabs.horizontal>.nut-tabs__titles.scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item{flex:1 0 auto;min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:0}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item-left,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item-left{flex:0 0 auto}.nut-tabs.vertical{flex-direction:row;width:100%}.nut-tabs.vertical>.nut-tabs__titles{flex-direction:column;height:auto;padding:10px 0;width:var(--nut-tabs-vertical-titles-width, 100px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__list{flex-direction:column}.nut-tabs.vertical>.nut-tabs__titles.scrollable{overflow-x:hidden;overflow-y:auto;height:auto}.nut-tabs.vertical>.nut-tabs__titles.scrollable .nut-tabs__titles-placeholder{height:22px}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item{min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:100%;height:var(--nut-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item__line{bottom:none;transform:translate(0, -50%);transition:height .3s ease;width:0;height:0}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active{background-color:#fff}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{left:10px;width:3px;background:var(--nut-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{position:absolute;right:-8px;bottom:2px;left:auto;width:36px;transform:rotate(320deg);height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical .nut-tabs__content{flex:1;flex-direction:column}.nut-tabs.vertical .nut-tabs__content .nut-tab-pane{height:100%}.nut-tabs__titles.large .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-large-font-size, var(--nut-font-size-3, 16px))}.nut-tabs__titles.normal .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px))}.nut-tabs__titles.small .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-small-font-size, var(--nut-font-size-1, 12px))}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}.nut-tabs__titles.smile .nut-tabs__titles-item .nut-tabs__titles-item__smile{display:none}.nut-tabs__titles.smile .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{width:36px;height:10px;display:block}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs .nut-tabs__titles-item .taro{height:46px;line-height:46px}.nut-tabs .nut-tabs__titles-placeholder{width:auto;min-width:10px}.nut-theme-dark .nut-tab-pane{background:var(--nut-dark-background2, #1b1b1b)}.nut-tab-pane{width:100%;flex-shrink:0;display:block;background-color:#fff;padding:24px 20px;box-sizing:border-box;overflow:auto;height:100%;word-break:break-all}.nut-tab-pane.inactive{overflow:visible;height:0}.nut-theme-dark .nut-cascader__bar{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414) !important}.nut-theme-dark .nut-cascader-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-cascader{width:100%;font-size:var(--nut-cascader-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-cascader-line-height, 22px)}.nut-cascader .nut-tab-pane{padding:0}.nut-cascader.nut-tabs.horizontal .nut-tabs__titles .nut-tabs__titles-item{flex:initial;padding:var(--nut-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabs__titles{padding:var(--nut-cascader-tabs-item-padding, 0 10px);background:#fff}.nut-cascader__bar{display:flex;justify-content:center;align-items:center;padding:var(--nut-cascader-bar-padding, 24px 20px 17px);text-align:center;font-weight:bold;line-height:var(--nut-cascader-bar-line-height, 20px);color:var(--nut-cascader-bar-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-cascader-bar-font-size, var(--nut-font-size-4, 18px))}.nut-cascader-pane{display:block;padding:0;margin:0;width:100%;padding-top:10px;height:342px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;padding:var(--nut-cascader-item-padding, 10px 20px);margin:0;cursor:pointer;font-size:var(--nut-cascader-item-font-size, var(--nut-font-size-2, 14px));color:var(--nut-cascader-item-color, var(--nut-title-color, #1a1a1a))}.nut-cascader-item__title{flex:1}.nut-cascader-item__icon-check{margin-left:10px;visibility:hidden}.nut-cascader-item__icon-loading{margin-left:10px}.nut-cascader-item.active:not(.disabled){color:var(--nut-cascader-item-active-color, var(--nut-primary-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:var(--nut-cascader-item-active-color, var(--nut-primary-color, #fa2c19))}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}

package/dist/packages/cascader/index.scss

@@ -24,9 +24,8 @@
     padding: 0;
   }
 
-  .nut-tabs__titles-item {
+  &.nut-tabs.horizontal .nut-tabs__titles .nut-tabs__titles-item {
     flex: initial;
-    min-width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;
   }

package/dist/packages/datepicker/DatePicker.js

@@ -138,7 +138,7 @@ const _sfc_main = create({
         hour = 23;
         minute = 59;
       }
-      const seconds = minute;
+      let seconds = minute;
       if (value.getFullYear() === year) {
         month = boundary.getMonth() + 1;
         if (value.getMonth() + 1 === month) {
@@ -147,6 +147,9 @@ const _sfc_main = create({
             hour = boundary.getHours();
             if (value.getHours() === hour) {
               minute = boundary.getMinutes();
+              if (value.getMinutes() === minute) {
+                seconds = boundary.getSeconds();
+              }
             }
           }
         }
@@ -202,30 +205,34 @@ const _sfc_main = create({
       selectedValue,
       selectedOptions
     }) => {
-      if (["date", "datetime", "datehour", "month-day", "year-month"].includes(props.type)) {
-        let formatDate = [];
-        selectedValue.forEach((item) => {
-          formatDate.push(item);
-        });
-        if (props.type == "month-day" && formatDate.length < 3) {
-          formatDate.unshift(new Date(state.currentDate || props.minDate || props.maxDate).getFullYear());
-        }
-        if (props.type == "year-month" && formatDate.length < 3) {
-          formatDate.push(new Date(state.currentDate || props.minDate || props.maxDate).getDate());
-        }
-        const year = Number(formatDate[0]);
-        const month = Number(formatDate[1]) - 1;
-        const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
-        let date = null;
-        if (props.type === "date" || props.type === "month-day" || props.type === "year-month") {
-          date = new Date(year, month, day);
-        } else if (props.type === "datetime") {
-          date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
-        } else if (props.type === "datehour") {
-          date = new Date(year, month, day, Number(formatDate[3]));
-        }
-        state.currentDate = formatValue(date);
+      let formatDate = [];
+      selectedValue.forEach((item) => {
+        formatDate.push(item);
+      });
+      if (props.type == "month-day" && formatDate.length < 3) {
+        formatDate.unshift(new Date(state.currentDate || props.minDate || props.maxDate).getFullYear());
+      }
+      if (props.type == "year-month" && formatDate.length < 3) {
+        formatDate.push(new Date(state.currentDate || props.minDate || props.maxDate).getDate());
+      }
+      const year = Number(formatDate[0]);
+      const month = Number(formatDate[1]) - 1;
+      const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
+      let date = null;
+      if (props.type === "date" || props.type === "month-day" || props.type === "year-month") {
+        date = new Date(year, month, day);
+      } else if (props.type === "datetime") {
+        date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
+      } else if (props.type === "datehour") {
+        date = new Date(year, month, day, Number(formatDate[3]));
+      } else if (props.type === "hour-minute" || props.type === "time") {
+        date = new Date(state.currentDate);
+        const year2 = date.getFullYear();
+        const month2 = date.getMonth();
+        const day2 = date.getDate();
+        date = new Date(year2, month2, day2, Number(formatDate[0]), Number(formatDate[1]), Number(formatDate[2] || 0));
       }
+      state.currentDate = formatValue(date);
       emit("change", { columnIndex, selectedValue, selectedOptions });
     };
     const formatterOption = (type, value) => {

package/dist/packages/datepicker/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}
+.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%;user-select:none;cursor:grab}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);z-index:1}

package/dist/packages/dialog/index.css

@@ -1 +1 @@
-.nut-button{position:relative;display:inline-block;width:auto;flex-shrink:0;height:var(--nut-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nut-button-default-line-height, 36px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;appearance:none;user-select:none;touch-action:manipulation;vertical-align:bottom;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.nut-button .nut-button__text{margin-left:5px}.nut-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-button::after{border:none}.nut-button:active::before{opacity:.1}.nut-button__wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.nut-button--loading::before,.nut-button--disabled::before{display:none}.nut-button--default{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-button--normal{padding:var(--nut-button-default-padding, 0 18px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px))}.nut-button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-button--small.nut-button--round{border-radius:var(--nut-button-small-round-border-radius, var(--nut-button-border-radius, 25px))}.nut-button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nut-button-disabled-opacity, 0.68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nut-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-button--default:not([disabled]):active{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info:not([disabled]):active{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success:not([disabled]):active{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain:not([disabled]):active{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info:not([disabled]):active{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success:not([disabled]):active{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-dialog__header{color:var(--nut-dark-color3, rgba(232, 230, 227, 0.8))}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nut-dialog-width, 296px);min-height:156px;padding:28px 24px 16px 24px;box-sizing:border-box}.nut-dialog__header{display:block;text-align:center;height:20px;font-size:16px;color:var(--nut-dialog-header-color, rgb(38, 38, 38));font-weight:var(--nut-dialog-header-font-weight, normal);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:20px 0;max-height:268px;line-height:16px;font-size:12px;color:var(--nut-text-color, #808080);word-wrap:break-word;word-break:break-all;white-space:pre-wrap}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:var(--nut-dialog-footer-justify-content, space-around)}.nut-dialog__footer.vertical{flex-direction:column}.nut-dialog__footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:10px}.nut-dialog__footer .nut-button{min-width:100px;overflow:hidden}.nut-dialog__footer-cancel{margin-right:20px}.nut-dialog__footer-ok{max-width:128px}
+.nut-button{position:relative;display:inline-block;width:auto;flex-shrink:0;height:var(--nut-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nut-button-default-line-height, 36px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;appearance:none;user-select:none;touch-action:manipulation;vertical-align:bottom;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.nut-button .nut-button__text{margin-left:5px}.nut-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-button::after{border:none}.nut-button:active::before{opacity:.1}.nut-button__wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.nut-button--loading::before,.nut-button--disabled::before{display:none}.nut-button--default{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-button--normal{padding:var(--nut-button-default-padding, 0 18px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px))}.nut-button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-button--small.nut-button--round{border-radius:var(--nut-button-small-round-border-radius, var(--nut-button-border-radius, 25px))}.nut-button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nut-button-disabled-opacity, 0.68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nut-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-button--default:not([disabled]):active{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info:not([disabled]):active{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success:not([disabled]):active{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain:not([disabled]):active{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info:not([disabled]):active{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success:not([disabled]):active{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-dialog__header{color:var(--nut-dark-color3, rgba(232, 230, 227, 0.8))}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nut-dialog-width, 296px);min-height:156px;padding:28px 24px 16px 24px;box-sizing:border-box}.nut-dialog__header{display:block;text-align:center;height:20px;font-size:16px;color:var(--nut-dialog-header-color, rgb(38, 38, 38));font-weight:var(--nut-dialog-header-font-weight, normal);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:20px 0;max-height:268px;line-height:16px;font-size:12px;color:var(--nut-text-color, #808080);word-wrap:break-word;word-break:break-all;white-space:pre-wrap}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:var(--nut-dialog-footer-justify-content, space-around)}.nut-dialog__footer.vertical{flex-direction:column}.nut-dialog__footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:10px}.nut-dialog__footer .nut-button{min-width:100px;overflow:hidden}.nut-dialog__footer-ok{max-width:128px}

package/dist/packages/dialog/index.scss

@@ -66,9 +66,6 @@
       overflow: hidden;
     }
 
-    &-cancel {
-      margin-right: 20px;
-    }
     &-ok {
       max-width: 128px;
     }

package/dist/packages/{index-NLe0VBkN.js → index-kWulbKuH.js}

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
+import { ref, computed, reactive, onMounted, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
 import { c as createComponent } from "./component-TCzwHGVq.js";
 import { r as requestAniFrame } from "./raf-MQjoO-Ag.js";
 import { u as useLocale } from "./index-s3RgMhc7.js";
@@ -782,7 +782,9 @@ const _sfc_main = create({
       state.monthsData.splice(0);
       initData();
     };
-    initData();
+    onMounted(() => {
+      initData();
+    });
     watch(
       () => props.defaultValue,
       (val) => {

package/dist/packages/picker/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}
+.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%;user-select:none;cursor:grab}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);z-index:1}

package/dist/packages/picker/index.scss

@@ -86,6 +86,8 @@
     width: 0;
     flex-grow: 1;
     height: 100%;
+    user-select: none;
+    cursor: grab;
   }
 
   &__title {
@@ -175,6 +177,7 @@
       linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
     background-repeat: no-repeat;
     background-position: top, bottom;
+    transform: translateZ(0);
     z-index: 1;
   }
 }

package/dist/packages/skeleton/index.css

@@ -1 +1 @@
-.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center;vertical-align:top}.nut-avatar img{display:block;width:100%;height:100%}.nut-avatar .nut-icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nut-avatar-large{width:var(--nut-avatar-large-width, 60px);height:var(--nut-avatar-large-height, 60px);line-height:var(--nut-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nut-avatar-small-width, 32px);height:var(--nut-avatar-small-height, 32px);line-height:var(--nut-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nut-avatar-normal-width, 40px);height:var(--nut-avatar-normal-height, 40px);line-height:var(--nut-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%}.nut-avatar-square{border-radius:var(--nut-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}.nut-skeleton .nut-skeleton-content{display:flex}.nut-skeleton .nut-skeleton-content .avatarClass{margin-right:20px;background-color:var(--nut-skeleton-content-avatar-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line{display:flex;flex-direction:column}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine{width:100%;margin-bottom:10px;background-color:var(--nut-skeleton-content-line-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle{width:30%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .blockLine~.blockLine:last-of-type{width:70%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle:last-of-type,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine:last-of-type{margin-bottom:0}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle--round,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine--round{border-radius:10px}.nut-skeleton .nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--nut-skeleton-animation-background-color, linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%));background-repeat:no-repeat;animation:backpos 2s ease-in-out 0s infinite}@keyframes backpos{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}
+.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center;vertical-align:top}.nut-avatar img{display:block;width:100%;height:100%}.nut-avatar .nut-icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nut-avatar-large{width:var(--nut-avatar-large-width, 60px);height:var(--nut-avatar-large-height, 60px);line-height:var(--nut-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nut-avatar-small-width, 32px);height:var(--nut-avatar-small-height, 32px);line-height:var(--nut-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nut-avatar-normal-width, 40px);height:var(--nut-avatar-normal-height, 40px);line-height:var(--nut-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nut-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}.nut-skeleton .nut-skeleton-content{display:flex}.nut-skeleton .nut-skeleton-content .avatarClass{margin-right:20px;background-color:var(--nut-skeleton-content-avatar-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line{display:flex;flex-direction:column}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine{width:100%;margin-bottom:10px;background-color:var(--nut-skeleton-content-line-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle{width:30%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .blockLine~.blockLine:last-of-type{width:70%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle:last-of-type,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine:last-of-type{margin-bottom:0}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle--round,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine--round{border-radius:10px}.nut-skeleton .nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--nut-skeleton-animation-background-color, linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%));background-repeat:no-repeat;animation:backpos 2s ease-in-out 0s infinite}@keyframes backpos{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}

package/dist/packages/swiper/Swiper.js

@@ -54,6 +54,10 @@ const _sfc_main = create({
     isStopPropagation: {
       type: Boolean,
       default: true
+    },
+    paginationUnselectedColor: {
+      type: String,
+      default: "#ddd"
     }
   },
   emits: ["change"],
@@ -392,7 +396,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         return openBlock(), createElementBlock("i", {
           key: index,
           style: normalizeStyle({
-            backgroundColor: _ctx.activePagination === index ? _ctx.paginationColor : "#ddd"
+            backgroundColor: _ctx.activePagination === index ? _ctx.paginationColor : _ctx.paginationUnselectedColor
           }),
           class: normalizeClass({ active: _ctx.activePagination === index })
         }, null, 6);

package/dist/packages/tabs/Tabs.js

@@ -222,6 +222,10 @@ const _sfc_main = create({
     top: {
       type: Number,
       default: 0
+    },
+    align: {
+      type: String,
+      default: "center"
     }
   },
   emits: ["update:modelValue", "click", "change"],
@@ -466,13 +470,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createElementVNode("view", {
           ref: "navRef",
-          class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
+          class: normalizeClass(["nut-tabs__titles", {
+            "nut-tabs__titles-left": _ctx.align === "left",
+            [_ctx.type]: _ctx.type,
+            scrollable: _ctx.titleScroll,
+            [_ctx.size]: _ctx.size
+          }]),
           style: normalizeStyle(_ctx.tabsNavStyle)
         }, [
           _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index) => {
             return openBlock(), createElementBlock("view", {
               key: item.paneKey,
-              class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
+              class: normalizeClass(["nut-tabs__titles-item", {
+                "nut-tabs__titles-item-left": _ctx.align === "left",
+                active: item.paneKey == _ctx.modelValue,
+                disabled: item.disabled
+              }]),
               style: normalizeStyle(_ctx.titleStyle),
               onClick: ($event) => _ctx.tabChange(item, index)
             }, [
@@ -499,7 +512,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["top", "container", "onScroll"])) : (openBlock(), createElementBlock("view", {
       key: 1,
       ref: "navRef",
-      class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
+      class: normalizeClass(["nut-tabs__titles", { "nut-tabs__titles-left": _ctx.align === "left", [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
       style: normalizeStyle(_ctx.tabsNavStyle)
     }, [
       _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index) => {
@@ -507,7 +520,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: item.paneKey,
           ref_for: true,
           ref: (e) => _ctx.setTabItemRef(e, index),
-          class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
+          class: normalizeClass(["nut-tabs__titles-item", {
+            "nut-tabs__titles-item-left": _ctx.align === "left",
+            active: item.paneKey == _ctx.modelValue,
+            disabled: item.disabled
+          }]),
           style: normalizeStyle(_ctx.titleStyle),
           onClick: ($event) => _ctx.tabChange(item, index)
         }, [

package/dist/packages/tabs/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414)}.nut-theme-dark .nut-tabs__titles-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-tabs__titles-item.active{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs.vertical .nut-tabs__titles-item.active{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-tabs{display:flex;overflow:hidden}.nut-tabs .nut-tabs__titles{display:flex;user-select:none;white-space:nowrap;flex-shrink:0;background:var(--nut-tabs-titles-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-tabs-titles-border-radius, 0)}.nut-tabs .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-shrink:0}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item{position:relative;font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px));display:flex;align-items:center;justify-content:center;color:var(--nut-tabs-titles-item-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text{text-align:center}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile,.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:15%;left:50%;transform:translate(-50%, 0);overflow:hidden;border-radius:var(--nut-tabs-titles-item-line-border-radius, 0);opacity:var(--nut-tabs-titles-item-line-opacity, 1)}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active{font-weight:bold;color:var(--nut-tabs-titles-item-active-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{content:" ";width:var(--nut-tabs-horizontal-titles-item-active-line-width, 40px);height:3px;background:var(--nut-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.disabled{color:var(--nut-disable-color, #cccccc)}.nut-tabs.horizontal{flex-direction:column}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles,.nut-tabs.horizontal>.nut-tabs__titles{flex-direction:row;height:var(--nut-tabs-horizontal-titles-height, 46px)}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__list,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__list{height:100%}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles.scrollable,.nut-tabs.horizontal>.nut-tabs__titles.scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item{flex:1 0 auto;min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:0}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs.vertical{flex-direction:row;width:100%}.nut-tabs.vertical>.nut-tabs__titles{flex-direction:column;height:auto;padding:10px 0;width:var(--nut-tabs-vertical-titles-width, 100px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__list{flex-direction:column}.nut-tabs.vertical>.nut-tabs__titles.scrollable{overflow-x:hidden;overflow-y:auto;height:auto}.nut-tabs.vertical>.nut-tabs__titles.scrollable .nut-tabs__titles-placeholder{height:22px}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item{min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:100%;height:var(--nut-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item__line{bottom:none;transform:translate(0, -50%);transition:height .3s ease;width:0;height:0}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active{background-color:#fff}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{left:10px;width:3px;background:var(--nut-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{position:absolute;right:-8px;bottom:2px;left:auto;width:36px;transform:rotate(320deg);height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical .nut-tabs__content{flex:1;flex-direction:column}.nut-tabs.vertical .nut-tabs__content .nut-tab-pane{height:100%}.nut-tabs__titles.large .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-large-font-size, var(--nut-font-size-3, 16px))}.nut-tabs__titles.normal .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px))}.nut-tabs__titles.small .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-small-font-size, var(--nut-font-size-1, 12px))}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}.nut-tabs__titles.smile .nut-tabs__titles-item .nut-tabs__titles-item__smile{display:none}.nut-tabs__titles.smile .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{width:36px;height:10px;display:block}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs .nut-tabs__titles-item .taro{height:46px;line-height:46px}.nut-tabs .nut-tabs__titles-placeholder{width:auto;min-width:10px}
+.nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414)}.nut-theme-dark .nut-tabs__titles-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-tabs__titles-item.active{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs.vertical .nut-tabs__titles-item.active{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-tabs{display:flex;overflow:hidden}.nut-tabs .nut-tabs__titles{display:flex;user-select:none;white-space:nowrap;flex-shrink:0;background:var(--nut-tabs-titles-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-tabs-titles-border-radius, 0)}.nut-tabs .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-shrink:0}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item{position:relative;font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px));display:flex;align-items:center;justify-content:center;color:var(--nut-tabs-titles-item-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text{text-align:center}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile,.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:15%;left:50%;transform:translate(-50%, 0);overflow:hidden;border-radius:var(--nut-tabs-titles-item-line-border-radius, 0);opacity:var(--nut-tabs-titles-item-line-opacity, 1)}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active{font-weight:bold;color:var(--nut-tabs-titles-item-active-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{content:" ";width:var(--nut-tabs-horizontal-titles-item-active-line-width, 40px);height:3px;background:var(--nut-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.disabled{color:var(--nut-disable-color, #cccccc)}.nut-tabs .nut-tabs__titles-left{justify-content:flex-start}.nut-tabs.horizontal{flex-direction:column}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles,.nut-tabs.horizontal>.nut-tabs__titles{flex-direction:row;height:var(--nut-tabs-horizontal-titles-height, 46px)}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__list,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__list{height:100%}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles.scrollable,.nut-tabs.horizontal>.nut-tabs__titles.scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item{flex:1 0 auto;min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:0}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item-left,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item-left{flex:0 0 auto}.nut-tabs.vertical{flex-direction:row;width:100%}.nut-tabs.vertical>.nut-tabs__titles{flex-direction:column;height:auto;padding:10px 0;width:var(--nut-tabs-vertical-titles-width, 100px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__list{flex-direction:column}.nut-tabs.vertical>.nut-tabs__titles.scrollable{overflow-x:hidden;overflow-y:auto;height:auto}.nut-tabs.vertical>.nut-tabs__titles.scrollable .nut-tabs__titles-placeholder{height:22px}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item{min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:100%;height:var(--nut-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item__line{bottom:none;transform:translate(0, -50%);transition:height .3s ease;width:0;height:0}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active{background-color:#fff}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{left:10px;width:3px;background:var(--nut-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{position:absolute;right:-8px;bottom:2px;left:auto;width:36px;transform:rotate(320deg);height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical .nut-tabs__content{flex:1;flex-direction:column}.nut-tabs.vertical .nut-tabs__content .nut-tab-pane{height:100%}.nut-tabs__titles.large .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-large-font-size, var(--nut-font-size-3, 16px))}.nut-tabs__titles.normal .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px))}.nut-tabs__titles.small .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-small-font-size, var(--nut-font-size-1, 12px))}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}.nut-tabs__titles.smile .nut-tabs__titles-item .nut-tabs__titles-item__smile{display:none}.nut-tabs__titles.smile .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{width:36px;height:10px;display:block}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs .nut-tabs__titles-item .taro{height:46px;line-height:46px}.nut-tabs .nut-tabs__titles-placeholder{width:auto;min-width:10px}

package/dist/packages/tabs/index.scss

@@ -87,6 +87,9 @@
         color: $disable-color;
       }
     }
+    &-left {
+      justify-content: flex-start;
+    }
   }
   &.horizontal {
     flex-direction: column;
@@ -115,6 +118,9 @@
             color: $tabs-tab-smile-color;
           }
         }
+        &-left {
+          flex: 0 0 auto;
+        }
       }
     }
   }