@nutui/nutui 4.2.2 → 4.2.4

package/dist/packages/table/Table.js

@@ -18,12 +18,12 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, h, reactive, watch, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
 import { DownArrow } from "@nutui/icons-vue";
-import { u as useLocale } from "../index-c0fa0f6b.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { u as useLocale } from "../index-s3RgMhc7.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "@nutui/nutui/dist/packages/locale/lang";
-import "../util-6f26722f.js";
+import "../util-4Jkyw4BJ.js";
 const RenderColumn = defineComponent({
   props: {
     slots: {

package/dist/packages/tabpane/TabPane.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("tab-pane");
 const _sfc_main = create({
   props: {

package/dist/packages/tabs/Tabs.js

@@ -38,17 +38,17 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { c as createComponent } from "../component-669c158a.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
 import { ref, onMounted, reactive, provide, computed, watch, onActivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode, createVNode, toDisplayString } from "vue";
-import { T as TypeOfFun } from "../util-6f26722f.js";
-import { p as pxCheck } from "../pxCheck-a27490eb.js";
-import { u as useRect } from "../index-29892cda.js";
-import { r as requestAniFrame } from "../raf-729dad54.js";
+import { T as TypeOfFun } from "../util-4Jkyw4BJ.js";
+import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
+import { u as useRect } from "../index-rf29bejW.js";
+import { r as requestAniFrame } from "../raf-MQjoO-Ag.js";
 import NutSticky from "../sticky/Sticky.js";
 import { JoySmile } from "@nutui/icons-vue";
-import { u as useTouch } from "../index-7a7385e4.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
-import "../index-97b44e6c.js";
+import { u as useTouch } from "../index-084nl_oE.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import "../index-xDfQLRen.js";
 const useTabContentTouch = (props, tabMethods, taro, useTaroRect) => {
   const tabsContentRef = ref();
   const tabsContentRefRect = ref({ width: 0, height: 0 });
@@ -501,7 +501,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, "scroll-vertical": _ctx.getScrollY, [_ctx.size]: _ctx.size }]),
+      class: normalizeClass(["nut-tabs__titles", { [_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) => {

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.horizontal{flex-direction:column}.nut-tabs.vertical{flex-direction:row;width:100%}.nut-tabs.vertical .nut-tabs__titles{flex-direction:column;height:100%;padding:10px 0 !important;width:var(--nut-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs.vertical .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs.vertical .nut-tabs__titles.scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs.vertical .nut-tabs__titles.scrollable .nut-tabs__titles-item{padding:0 10px 0 15px}.nut-tabs.vertical .nut-tabs__titles.scroll-vertical{overflow-y:scroll;height:auto}.nut-tabs.vertical .nut-tabs__titles.scroll-vertical .nut-tabs__titles-placeholder{height:22px}.nut-tabs.vertical .nut-tabs__titles-item{height:var(--nut-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs.vertical .nut-tabs__titles-item__smile{transition:width .3s ease}.nut-tabs.vertical .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-item.active{background-color:#fff}.nut-tabs.vertical .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-item.active .nut-tabs__titles-item__smile{right:-8px;bottom:2px;left:auto;width:3px;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{height:var(--nut-tabs-horizontal-titles-height, 46px);display:flex;user-select:none;background:var(--nut-tabs-titles-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-tabs-titles-border-radius, 0);flex-shrink:0}.nut-tabs__titles .nut-tabs__list{width:100%;height:var(--nut-tabs-horizontal-titles-height, 46px);display:flex;flex-shrink:0}.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.active .nut-tabs__titles-item__smile{width:36px;height:10px}.nut-tabs__titles.scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles.scrollable .nut-tabs__titles-item{width:auto}.nut-tabs__titles-item{position:relative;font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px));flex:1 0 auto;min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:0;display:flex;align-items:center;justify-content:center;color:var(--nut-tabs-titles-item-color, var(--nut-title-color, #1a1a1a))}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item__smile,.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__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__titles-item.disabled{color:var(--nut-disable-color, #cccccc)}.nut-tabs__titles-item.active{font-weight:bold;color:var(--nut-tabs-titles-item-active-color, var(--nut-title-color, #1a1a1a))}.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__content{display:flex;box-sizing:border-box}.tabs-scrollview{white-space:nowrap}.nut-tabs__titles-item.nut-tabs__titles-placeholder{width:auto;min-width:10px}.nut-tabs__titles-item .taro{height:46px;line-height:46px}
+.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.active .nut-tabs__titles-item__smile{width:36px;height:10px}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs .nut-tabs__titles-item.nut-tabs__titles-placeholder{width:auto;min-width:10px}.nut-tabs .nut-tabs__titles-item .taro{height:46px;line-height:46px}

package/dist/packages/tabs/index.scss

@@ -25,44 +25,123 @@
 .nut-tabs {
   display: flex;
   overflow: hidden;
+  .nut-tabs__titles {
+    display: flex;
+    user-select: none;
+    white-space: nowrap;
+    flex-shrink: 0;
+    background: $tabs-titles-background-color;
+    border-radius: $tabs-titles-border-radius;
+    .nut-tabs__list {
+      width: 100%;
+      display: flex;
+      flex-shrink: 0;
+    }
+    .nut-tabs__titles-item {
+      position: relative;
+      font-size: $tabs-titles-item-font-size;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: $tabs-titles-item-color;
+      &__text {
+        &.ellipsis {
+          @include oneline-ellipsis();
+        }
+        text-align: center;
+      }
+      &__smile {
+        .nut-icon {
+          position: absolute;
+          font-size: 12px;
+          width: 100%;
+          height: 100%;
+          color: $tabs-tab-smile-color;
+        }
+      }
+      &__smile,
+      &__line {
+        position: absolute;
+        transition: width 0.3s ease;
+        width: 0;
+        height: 0;
+        content: ' ';
+        bottom: 15%;
+        left: 50%;
+        transform: translate(-50%, 0);
+        overflow: hidden;
+        border-radius: $tabs-titles-item-line-border-radius;
+        opacity: $tabs-titles-item-line-opacity;
+      }
+      &.active {
+        font-weight: bold;
+        color: $tabs-titles-item-active-color;
+        .nut-tabs__titles-item__line {
+          content: ' ';
+          width: $tabs-horizontal-titles-item-active-line-width;
+          height: 3px;
+          background: $tabs-horizontal-tab-line-color;
+        }
+      }
+      &.disabled {
+        color: $disable-color;
+      }
+    }
+  }
   &.horizontal {
     flex-direction: column;
+    .nut-sticky__box > .nut-tabs__titles,
+    > .nut-tabs__titles {
+      flex-direction: row;
+      height: $tabs-horizontal-titles-height;
+      .nut-tabs__list {
+        height: 100%;
+      }
+      &.scrollable {
+        overflow-x: auto;
+        overflow-y: hidden;
+      }
+      .nut-tabs__titles-item {
+        flex: 1 0 auto;
+        min-width: $tabs-horizontal-titles-item-min-width;
+        width: 0;
+
+        &__smile {
+          .nut-icon {
+            position: absolute;
+            font-size: 12px;
+            width: 100%;
+            height: 100%;
+            color: $tabs-tab-smile-color;
+          }
+        }
+      }
+    }
   }
   &.vertical {
     flex-direction: row;
     width: 100%;
-    .nut-tabs__titles {
+    > .nut-tabs__titles {
       flex-direction: column;
-      height: 100%;
-      padding: 10px 0 !important;
+      height: auto;
+      padding: 10px 0;
       width: $tabs-vertical-titles-width;
-      flex-shrink: 0;
       .nut-tabs__list {
-        width: 100%;
-        display: flex;
         flex-direction: column;
-        flex-shrink: 0;
       }
       &.scrollable {
         overflow-x: hidden;
         overflow-y: auto;
-        .nut-tabs__titles-item {
-          padding: 0 10px 0 15px;
-        }
-      }
-      &.scroll-vertical {
-        overflow-y: scroll;
         height: auto;
         .nut-tabs__titles-placeholder {
           height: 22px;
         }
       }
-      &-item {
+      .nut-tabs__titles-item {
+        min-width: $tabs-horizontal-titles-item-min-width;
+        width: 100%;
         height: $tabs-vertical-titles-item-height;
         flex: none;
-        &__smile {
-          transition: width 0.3s ease;
-        }
         &__line {
           bottom: none;
           transform: translate(0, -50%);
@@ -72,7 +151,6 @@
         }
         &.active {
           background-color: #fff;
-
           .nut-tabs__titles-item__line {
             left: 10px;
             width: 3px;
@@ -80,10 +158,11 @@
             height: $tabs-vertical-titles-item-active-line-height;
           }
           .nut-tabs__titles-item__smile {
+            position: absolute;
             right: -8px;
             bottom: 2px;
             left: auto;
-            width: 3px;
+            width: 36px;
             transform: rotate(320deg);
             height: $tabs-vertical-titles-item-active-line-height;
           }
@@ -100,33 +179,14 @@
   }
 
   &__titles {
-    height: $tabs-horizontal-titles-height;
-    // padding: 0 10px;
-    display: flex;
-    user-select: none;
-    background: $tabs-titles-background-color;
-    border-radius: $tabs-titles-border-radius;
-    flex-shrink: 0;
-    .nut-tabs__list {
-      width: 100%;
-      height: $tabs-horizontal-titles-height;
-      display: flex;
-      flex-shrink: 0;
+    &.large .nut-tabs__titles-item {
+      font-size: $tabs-titles-item-large-font-size;
     }
-    &.large {
-      .nut-tabs__titles-item {
-        font-size: $tabs-titles-item-large-font-size;
-      }
+    &.normal .nut-tabs__titles-item {
+      font-size: $tabs-titles-item-font-size;
     }
-    &.normal {
-      .nut-tabs__titles-item {
-        font-size: $tabs-titles-item-font-size;
-      }
-    }
-    &.small {
-      .nut-tabs__titles-item {
-        font-size: $tabs-titles-item-small-font-size;
-      }
+    &.small .nut-tabs__titles-item {
+      font-size: $tabs-titles-item-small-font-size;
     }
     &::-webkit-scrollbar {
       display: none;
@@ -144,84 +204,21 @@
         }
       }
     }
-    &.scrollable {
-      overflow-x: auto;
-      overflow-y: hidden;
-      .nut-tabs__titles-item {
-        width: auto;
-      }
-    }
-    &-item {
-      position: relative;
-      font-size: $tabs-titles-item-font-size;
-      flex: 1 0 auto;
-      min-width: $tabs-horizontal-titles-item-min-width;
-      width: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: $tabs-titles-item-color;
-      &__text {
-        &.ellipsis {
-          @include oneline-ellipsis();
-        }
-        text-align: center;
-      }
-      &__smile,
-      &__line {
-        position: absolute;
-        transition: width 0.3s ease;
-        width: 0;
-        height: 0;
-        content: ' ';
-        bottom: 15%;
-        left: 50%;
-        transform: translate(-50%, 0);
-        overflow: hidden;
-        border-radius: $tabs-titles-item-line-border-radius;
-        opacity: $tabs-titles-item-line-opacity;
-      }
-
-      &__smile {
-        .nut-icon {
-          position: absolute;
-          font-size: 12px;
-          width: 100%;
-          height: 100%;
-          color: $tabs-tab-smile-color;
-        }
-      }
-
-      &.disabled {
-        color: $disable-color;
-      }
-      &.active {
-        font-weight: bold;
-        color: $tabs-titles-item-active-color;
-        .nut-tabs__titles-item__line {
-          content: ' ';
-          width: $tabs-horizontal-titles-item-active-line-width;
-          height: 3px;
-          background: $tabs-horizontal-tab-line-color;
-        }
-      }
-    }
   }
   &__content {
     display: flex;
     box-sizing: border-box;
   }
 }
-.tabs-scrollview {
-  white-space: nowrap;
-}
-.nut-tabs__titles-item {
-  &.nut-tabs__titles-placeholder {
-    width: auto;
-    min-width: 10px;
-  }
-  .taro {
-    height: 46px;
-    line-height: 46px;
+.nut-tabs {
+  .nut-tabs__titles-item {
+    &.nut-tabs__titles-placeholder {
+      width: auto;
+      min-width: 10px;
+    }
+    .taro {
+      height: 46px;
+      line-height: 46px;
+    }
   }
 }

package/dist/packages/tag/Tag.js

@@ -1,7 +1,7 @@
 import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
 import { Close } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("tag");
 const _sfc_main = create({
   props: {

package/dist/packages/textarea/Textarea.js

@@ -1,9 +1,9 @@
 import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { u as useLocale } from "../index-c0fa0f6b.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { u as useLocale } from "../index-s3RgMhc7.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "@nutui/nutui/dist/packages/locale/lang";
-import "../util-6f26722f.js";
+import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("textarea");
 const cN = "NutTextarea";
 const _sfc_main = create({

package/dist/packages/textarea/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-textarea{background:var(--nut-dark-background, #131313)}.nut-theme-dark .nut-textarea__textarea{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-textarea{position:relative;width:100%;box-sizing:border-box;display:flex;background:var(--nut-white, #fff);font-size:var(--nut-textarea-font, var(--nut-font-size-2, 14px));padding:10px 25px}.nut-textarea--disabled .nut-textarea__textarea,.nut-textarea--disabled .nut-textarea__limit{cursor:not-allowed;color:var(--nut-textarea-disabled-color, var(--nut-disable-color, #cccccc)) !important}.nut-textarea__limit{position:absolute;right:15px;bottom:12px;font-size:var(--nut-textarea-font, var(--nut-font-size-2, 14px));color:var(--nut-textarea-limit-color, var(--nut-text-color, #808080))}.nut-textarea__textarea{outline:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;font-size:var(--nut-textarea-font, var(--nut-font-size-2, 14px));color:var(--nut-textarea-text-color, var(--nut-title-color, #1a1a1a));text-align:left;background-color:rgba(0,0,0,0);border:none;resize:none;line-height:20px}.nut-textarea__textarea .taro-textarea{font-size:14px}.nut-textarea__textarea__readonly{padding:5px 10px}.nut-textarea__ali{line-height:17px}.nut-textarea .nut-textarea__cpoyText{position:absolute;top:-999999px;left:-999999px;font-size:14px;line-height:1.5;font-family:monospace}
+.nut-theme-dark .nut-textarea{background:var(--nut-dark-background, #131313)}.nut-theme-dark .nut-textarea__textarea{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-textarea{position:relative;width:100%;box-sizing:border-box;display:flex;background:var(--nut-white, #fff);font-size:var(--nut-textarea-font, var(--nut-font-size-2, 14px));padding:10px 25px}.nut-textarea--disabled .nut-textarea__textarea,.nut-textarea--disabled .nut-textarea__limit{cursor:not-allowed;color:var(--nut-textarea-disabled-color, var(--nut-disable-color, #cccccc)) !important}.nut-textarea__limit{position:absolute;right:15px;bottom:12px;font-size:var(--nut-textarea-font, var(--nut-font-size-2, 14px));color:var(--nut-textarea-limit-color, var(--nut-text-color, #808080))}.nut-textarea__textarea{outline:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;font-size:var(--nut-textarea-font, var(--nut-font-size-2, 14px));color:var(--nut-textarea-text-color, var(--nut-title-color, #1a1a1a));text-align:left;background-color:rgba(0,0,0,0);border:none;resize:none;line-height:20px}.nut-textarea__textarea .taro-textarea{font-size:14px;resize:none}.nut-textarea__textarea__readonly{padding:5px 10px}.nut-textarea__ali{line-height:17px}.nut-textarea .nut-textarea__cpoyText{position:absolute;top:-999999px;left:-999999px;font-size:14px;line-height:1.5;font-family:monospace}

package/dist/packages/textarea/index.scss

@@ -46,6 +46,7 @@
     line-height: 20px;
     .taro-textarea {
       font-size: 14px;
+      resize: none;
     }
   }
   &__textarea__readonly {

package/dist/packages/timedetail/TimeDetail.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("time-detail");
 const _sfc_main = create({
   name: "timedetail",

package/dist/packages/timepannel/TimePannel.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { componentName, create } = createComponent("time-pannel");
 const _sfc_main = create({
   name: "timepannel",

package/dist/packages/timeselect/TimeSelect.js

@@ -1,11 +1,11 @@
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, createElementBlock, toDisplayString, renderSlot } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { N as NutPopup } from "../index-37ae1f41.js";
-import { u as useLocale } from "../index-c0fa0f6b.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { N as NutPopup } from "../index-rbZsBckW.js";
+import { u as useLocale } from "../index-s3RgMhc7.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "@nutui/icons-vue";
 import "../overlay/Overlay.js";
-import "../util-6f26722f.js";
+import "../util-4Jkyw4BJ.js";
 import "@nutui/nutui/dist/packages/locale/lang";
 const { create } = createComponent("time-select");
 const cN = "NutTimeSelect";

package/dist/packages/toast/Toast.js

@@ -18,12 +18,12 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, onMounted, watch, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, resolveDynamicComponent, createCommentVNode, toDisplayString, vShow, createVNode, render } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { r as renderIcon } from "../renderIcon-3d0fd47c.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
-import { C as CreateComponent } from "../mountComponent-867a9167.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { r as renderIcon } from "../renderIcon--EgZu5_5.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { C as CreateComponent } from "../mountComponent-uInXoTMp.js";
 import { Success, Failure, Tips, Loading } from "@nutui/icons-vue";
-import "../util-6f26722f.js";
+import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("toast");
 const _sfc_main = create({
   components: {},

package/dist/packages/tour/Tour.js

@@ -18,14 +18,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, ref, computed, onMounted, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vShow, Fragment, renderList, normalizeStyle, createCommentVNode, createVNode, withCtx, renderSlot, toDisplayString } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { u as useRect } from "../index-29892cda.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { u as useRect } from "../index-rf29bejW.js";
 import { Close } from "@nutui/icons-vue";
 import NutPopover from "../popover/Popover.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
-import "../renderIcon-3d0fd47c.js";
-import "../util-6f26722f.js";
-import "../index-37ae1f41.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import "../renderIcon--EgZu5_5.js";
+import "../util-4Jkyw4BJ.js";
+import "../index-rbZsBckW.js";
 import "../overlay/Overlay.js";
 const { create } = createComponent("tour");
 const _sfc_main = create({

package/dist/packages/trendarrow/TrendArrow.js

@@ -18,10 +18,10 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { m as myFixed } from "../util-6f26722f.js";
-import { c as createComponent } from "../component-669c158a.js";
+import { m as myFixed } from "../util-4Jkyw4BJ.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
 import { TriangleUp, TriangleDown } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("trend-arrow");
 const _sfc_main = create({
   components: { TriangleUp, TriangleDown },

package/dist/packages/types-4IflWeQO.js

@@ -0,0 +1,4 @@
+const COLLAPSE_KEY = Symbol("nut-collapse");
+export {
+  COLLAPSE_KEY as C
+};

package/dist/packages/types-9wCQwtH3.js

@@ -0,0 +1,4 @@
+const SWIPER_KEY = Symbol("nut-swiper");
+export {
+  SWIPER_KEY as S
+};

package/dist/packages/types-Cq2YypZn.js

@@ -0,0 +1,4 @@
+const TABBAR_KEY = Symbol("nut-tabbar");
+export {
+  TABBAR_KEY as T
+};

package/dist/packages/types-RCVUm7Nb.js

@@ -0,0 +1,4 @@
+const STEPS_KEY = Symbol("nut-steps");
+export {
+  STEPS_KEY as S
+};

package/dist/packages/types-Ww4ErYJT.js

@@ -0,0 +1,4 @@
+const LAYOUT_KEY = Symbol("nut-layout");
+export {
+  LAYOUT_KEY as L
+};

package/dist/packages/types-Ynmct7na.js

@@ -0,0 +1,4 @@
+const FORM_KEY = Symbol("nut-form");
+export {
+  FORM_KEY as F
+};

package/dist/packages/types-j71K23JP.js

@@ -0,0 +1,4 @@
+const MENU_KEY = Symbol("nut-menu");
+export {
+  MENU_KEY as M
+};

package/dist/packages/types-odSRziQJ.js

@@ -0,0 +1,4 @@
+const RADIO_KEY = Symbol("nut-radio");
+export {
+  RADIO_KEY as R
+};

package/dist/packages/types-qOrhXtA_.js

@@ -0,0 +1,4 @@
+const SWIPE_KEY = Symbol("nut-swipe");
+export {
+  SWIPE_KEY as S
+};

package/dist/packages/types-zeKkNDAq.js

@@ -0,0 +1,4 @@
+const CHECKBOX_KEY = Symbol("nut-checkbox");
+export {
+  CHECKBOX_KEY as C
+};

package/dist/packages/uploader/Uploader.js

@@ -5,13 +5,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { ref, watch, h, reactive, resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { f as funInterceptor } from "../Interceptor-6aab6fe0.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { f as funInterceptor } from "../Interceptor-WYVtGbGC.js";
 import NutProgress from "../progress/Progress.js";
 import { Photograph, Failure, Loading, Del, Link } from "@nutui/icons-vue";
-import { u as useLocale } from "../index-c0fa0f6b.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
-import "../util-6f26722f.js";
+import { u as useLocale } from "../index-s3RgMhc7.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import "../util-4Jkyw4BJ.js";
 import "@nutui/nutui/dist/packages/locale/lang";
 class UploadOptions {
   constructor() {