@nutui/nutui 4.0.1-beta.0 → 4.0.1-beta.2

package/dist/packages/_es/Notify.js

@@ -1,6 +1,6 @@
 import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, onMounted, h } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-991c279f.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
+import { P as Popup } from "./index-a564e25f.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";

package/dist/packages/_es/NumberKeyboard.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-991c279f.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
+import { P as Popup } from "./index-a564e25f.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";

package/dist/packages/_es/Overlay.js

@@ -1,5 +1,5 @@
 import { computed, watchEffect, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, renderSlot, vShow } from "vue";
-import { b as body, c as createComponent } from "./component-81a4c1d0.js";
+import { b as body, c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 let count = 0;

package/dist/packages/_es/Pagination.js

@@ -1,5 +1,5 @@
 import { toRefs, computed, watchEffect, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, translate } = createComponent("pagination");

package/dist/packages/_es/Picker.js

@@ -1,5 +1,5 @@
 import { reactive, ref, computed, watch, toRefs, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, resolveComponent, renderSlot, createVNode } from "vue";
-import { c as createComponent, d as preventDefault, e as clamp } from "./component-81a4c1d0.js";
+import { c as createComponent, e as preventDefault, f as clamp } from "./component-bb5ff48e.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { u as useTouch } from "./index-7a7385e4.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/Popover.js

@@ -1,8 +1,8 @@
 import { ref, computed, onMounted, watch, resolveComponent, openBlock, createElementBlock, Fragment, renderSlot, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createVNode, withCtx, renderList, withModifiers, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
-import { i as isArray, c as createComponent } from "./component-81a4c1d0.js";
+import { a as isArray, c as createComponent } from "./component-bb5ff48e.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { u as useRect } from "./index-29892cda.js";
-import { P as Popup } from "./index-991c279f.js";
+import { P as Popup } from "./index-a564e25f.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";

package/dist/packages/_es/Popup.js

@@ -1,7 +1,7 @@
-import { P } from "./index-991c279f.js";
+import { P } from "./index-a564e25f.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
-import "./component-81a4c1d0.js";
+import "./component-bb5ff48e.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";

package/dist/packages/_es/Price.js

@@ -1,5 +1,5 @@
 import { computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("price");

package/dist/packages/_es/Progress.js

@@ -1,5 +1,5 @@
 import { useSlots, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { Checked } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/PullRefresh.js

@@ -1,5 +1,5 @@
 import { ref, reactive, computed, watch, nextTick, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
-import { c as createComponent, l as getScrollTopRoot } from "./component-81a4c1d0.js";
+import { c as createComponent, l as getScrollTopRoot } from "./component-bb5ff48e.js";
 import { u as useTouch } from "./index-7a7385e4.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { u as useScrollParent } from "./index-43c34ac6.js";

package/dist/packages/_es/Radio.js

@@ -1,6 +1,6 @@
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-d4c88f85.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-8b9f3de5.js";
 import "vue";
-import "./component-81a4c1d0.js";
+import "./component-bb5ff48e.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
 import "./pxCheck-c6b9f6b7.js";

package/dist/packages/_es/RadioGroup.js

@@ -1,6 +1,6 @@
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-1291fceb.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-ee936659.js";
 import "vue";
-import "./component-81a4c1d0.js";
+import "./component-bb5ff48e.js";
 import "../locale/lang";
 export {
   _sfc_main as default

package/dist/packages/_es/Range.js

@@ -1,5 +1,5 @@
 import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, Fragment, renderList, createTextVNode, renderSlot } from "vue";
-import { c as createComponent, i as isArray } from "./component-81a4c1d0.js";
+import { c as createComponent, a as isArray } from "./component-bb5ff48e.js";
 import { u as useTouch } from "./index-7a7385e4.js";
 import { u as useRect } from "./index-29892cda.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/Rate.js

@@ -1,6 +1,6 @@
 import { ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
 import { StarFillN } from "@nutui/icons-vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { u as useTouch } from "./index-7a7385e4.js";

package/dist/packages/_es/Row.js

@@ -1,5 +1,5 @@
 import { provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("row");

package/dist/packages/_es/Searchbar.js

@@ -1,5 +1,5 @@
 import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, normalizeClass, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { CircleClose } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/ShortPassword.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-991c279f.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
+import { P as Popup } from "./index-a564e25f.js";
 import { Tips } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/SideNavbar.js

@@ -1,5 +1,5 @@
 import { ref, reactive, computed, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("side-navbar");

package/dist/packages/_es/SideNavbarItem.js

@@ -1,5 +1,5 @@
 import { computed, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("side-navbar-item");

package/dist/packages/_es/Signature.js

@@ -1,5 +1,5 @@
 import { ref, computed, reactive, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vShow, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Skeleton.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { toRefs, computed, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
 import Avatar from "./Avatar.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/Sku.js

@@ -1,9 +1,9 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
 import Price from "./Price.js";
-import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.js";
+import { c as createComponent, T as TypeOfFun } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import InputNumber from "./InputNumber.js";
-import { p as popupProps, P as Popup } from "./index-991c279f.js";
+import { p as popupProps, P as Popup } from "./index-a564e25f.js";
 import "../locale/lang";
 import "./pxCheck-c6b9f6b7.js";
 import "@nutui/icons-vue";

package/dist/packages/_es/Step.js

@@ -1,5 +1,5 @@
 import { getCurrentInstance, inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("step");

package/dist/packages/_es/Steps.js

@@ -1,5 +1,5 @@
 import { reactive, computed, provide, h } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("steps");
 const _sfc_main = create({

package/dist/packages/_es/Sticky.js

@@ -1,6 +1,6 @@
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-cc5c4086.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-8f90bbd8.js";
 import "vue";
-import "./component-81a4c1d0.js";
+import "./component-bb5ff48e.js";
 import "../locale/lang";
 import "./index-29892cda.js";
 export {

package/dist/packages/_es/SubSideNavbar.js

@@ -1,5 +1,5 @@
 import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createBlock, withDirectives, normalizeStyle, renderSlot, vShow } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { ArrowDown2, ArrowUp2 } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Swipe.js

@@ -1,6 +1,6 @@
 import { u as useTouch } from "./index-7a7385e4.js";
 import { computed, ref, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("swipe");

package/dist/packages/_es/Swiper.js

@@ -1,5 +1,5 @@
 import { ref, reactive, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent, e as clamp } from "./component-81a4c1d0.js";
+import { c as createComponent, f as clamp } from "./component-bb5ff48e.js";
 import { u as useTouch } from "./index-7a7385e4.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { r as requestAniFrame } from "./raf-729dad54.js";

package/dist/packages/_es/SwiperItem.js

@@ -1,5 +1,5 @@
 import { inject, getCurrentInstance, reactive, computed, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Switch.js

@@ -1,5 +1,5 @@
 import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { Loading1 } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/TabPane.js

@@ -1,5 +1,5 @@
 import { inject, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create } = createComponent("tab-pane");

package/dist/packages/_es/Tabbar.js

@@ -1,5 +1,5 @@
 import { toRefs, ref, reactive, provide, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create } = createComponent("tabbar");

package/dist/packages/_es/TabbarItem.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { inject, reactive, getCurrentInstance, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
 import { u as useRouter } from "./index-54d03fc1.js";

package/dist/packages/_es/Table.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { DownArrow } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Tabs.js

@@ -4,11 +4,12 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.js";
-import { ref, provide, computed, watch, onMounted, onActivated, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode, createVNode, toDisplayString } from "vue";
+import { c as createComponent, T as TypeOfFun } from "./component-bb5ff48e.js";
+import { ref, provide, computed, watch, onMounted, onActivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode, createVNode, toDisplayString } from "vue";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { u as useRect } from "./index-29892cda.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-cc5c4086.js";
+import { r as requestAniFrame } from "./raf-729dad54.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-8f90bbd8.js";
 import { JoySmile } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -120,6 +121,30 @@ const _sfc_main = create({
         currentIndex.value = index;
       }
     };
+    const navRef = ref();
+    const titleRef = ref([]);
+    const scrollIntoView = (immediate) => {
+      const nav = navRef.value;
+      const _titles = titleRef.value;
+      if (!nav || !_titles || !_titles[currentIndex.value]) {
+        return;
+      }
+      const title = _titles[currentIndex.value];
+      const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
+      scrollLeftTo(nav, to, immediate ? 0 : 0.3);
+    };
+    const scrollLeftTo = (nav, to, duration) => {
+      let count = 0;
+      const from = nav.scrollLeft;
+      const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
+      function animate() {
+        nav.scrollLeft += (to - from) / frames;
+        if (++count < frames) {
+          requestAniFrame(animate);
+        }
+      }
+      animate();
+    };
     const init = (vnodes = ((_a) => (_a = slots.default) == null ? void 0 : _a.call(slots))()) => {
       titles.value = [];
       vnodes = vnodes == null ? void 0 : vnodes.filter((item) => typeof item.children !== "string");
@@ -127,6 +152,9 @@ const _sfc_main = create({
         renderTitles(vnodes);
       }
       findTabsIndex(props.modelValue);
+      nextTick(() => {
+        scrollIntoView();
+      });
     };
     const onStickyScroll = (params) => {
       stickyFixed = params.fixed;
@@ -147,6 +175,7 @@ const _sfc_main = create({
       () => props.modelValue,
       (value) => {
         findTabsIndex(value);
+        scrollIntoView();
         if (stickyFixed) {
           let top = useRect(container.value).top + getScrollTopRoot();
           let value2 = Math.ceil(top - props.top);
@@ -191,9 +220,13 @@ const _sfc_main = create({
         currentIndex.value = index;
         emit("update:modelValue", item.paneKey);
         emit("change", item);
+      },
+      setTabItemRef: (el, index) => {
+        titleRef.value[index] = el;
       }
     };
     return {
+      navRef,
       titles,
       contentStyle,
       tabsNavStyle,
@@ -224,7 +257,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createElementVNode("view", {
           class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
-          style: normalizeStyle(_ctx.tabsNavStyle)
+          style: normalizeStyle(_ctx.tabsNavStyle),
+          ref: "navRef"
         }, [
           _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index) => {
             return openBlock(), createElementBlock("view", {
@@ -256,14 +290,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["top", "container", "onScroll"])) : (openBlock(), createElementBlock("view", {
       key: 1,
       class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
-      style: normalizeStyle(_ctx.tabsNavStyle)
+      style: normalizeStyle(_ctx.tabsNavStyle),
+      ref: "navRef"
     }, [
       _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index) => {
         return openBlock(), createElementBlock("view", {
           class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
           style: normalizeStyle(_ctx.titleStyle),
           onClick: ($event) => _ctx.tabChange(item, index),
-          key: item.paneKey
+          key: item.paneKey,
+          ref_for: true,
+          ref: (e) => _ctx.setTabItemRef(e, index)
         }, [
           _ctx.type == "line" ? (openBlock(), createElementBlock("view", {
             key: 0,

package/dist/packages/_es/Tag.js

@@ -1,5 +1,5 @@
 import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { Close } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Textarea.js

@@ -1,5 +1,5 @@
 import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create, translate } = createComponent("textarea");

package/dist/packages/_es/TimeDetail.js

@@ -1,5 +1,5 @@
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("time-detail");

package/dist/packages/_es/TimePannel.js

@@ -1,5 +1,5 @@
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("time-pannel");

package/dist/packages/_es/TimeSelect.js

@@ -1,6 +1,6 @@
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-991c279f.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
+import { P as Popup } from "./index-a564e25f.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";

package/dist/packages/_es/Toast.js

@@ -1,9 +1,9 @@
 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-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent-1ece4110.js";
+import { C as CreateComponent } from "./mountComponent-3865592f.js";
 import { Success, Failure, Tips, Loading } from "@nutui/icons-vue";
 const { create } = createComponent("toast");
 const _sfc_main = create({

package/dist/packages/_es/Tour.js

@@ -1,12 +1,12 @@
 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-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { u as useRect } from "./index-29892cda.js";
 import { Close } from "@nutui/icons-vue";
 import Popover from "./Popover.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./renderIcon-3d0fd47c.js";
-import "./index-991c279f.js";
+import "./index-a564e25f.js";
 import "./Overlay.js";
 const { create } = createComponent("tour");
 const _sfc_main = create({

package/dist/packages/_es/TrendArrow.js

@@ -1,5 +1,5 @@
 import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { m as myFixed, c as createComponent } from "./component-81a4c1d0.js";
+import { m as myFixed, c as createComponent } from "./component-bb5ff48e.js";
 import { TriangleUp, TriangleDown } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Uploader.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { reactive, computed, h, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { f as funInterceptor } from "./interceptor-956b24fc.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
+import { f as funInterceptor } from "./interceptor-648bf3d0.js";
 import Progress from "./Progress.js";
 import { Photograph, Failure, Loading, Del, Link } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/Video.js

@@ -1,5 +1,5 @@
 import { reactive, ref, computed, watch, nextTick, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, createCommentVNode, withDirectives, vShow, normalizeClass, toDisplayString, normalizeStyle, withModifiers } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 function throttle(fn, delay) {

package/dist/packages/_es/Watermark.js

@@ -1,5 +1,5 @@
 import { reactive, watch, computed, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("watermark");

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

@@ -1,5 +1,5 @@
 import { shallowReactive, getCurrentInstance, provide, markRaw, isVNode, computed, h } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 function flattenVNodes(children, childName) {
   const result = [];

package/dist/packages/_es/{component-81a4c1d0.js → component-bb5ff48e.js}

@@ -127,15 +127,15 @@ function createComponent(name) {
 }
 export {
   TypeOfFun as T,
-  isDate as a,
+  isArray as a,
   body as b,
   createComponent as c,
-  preventDefault as d,
-  clamp as e,
-  isPromise as f,
-  isObject as g,
+  isDate as d,
+  preventDefault as e,
+  clamp as f,
+  isPromise as g,
   getPropByPath as h,
-  isArray as i,
+  isObject as i,
   isString as j,
   isFunction as k,
   getScrollTopRoot as l,

package/dist/packages/_es/{index-fa0050c9.js → index-4f2972bc.js}

@@ -1,5 +1,5 @@
 import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { r as requestAniFrame } from "./raf-729dad54.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/{index-991c279f.js → index-a564e25f.js}

@@ -1,4 +1,4 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { reactive, computed, watch, watchEffect, toRefs, resolveComponent, openBlock, createBlock, Teleport, mergeProps, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, vShow } from "vue";
 import Overlay from "./Overlay.js";
 import { Close } from "@nutui/icons-vue";

package/dist/packages/_es/{index.vue_vue_type_script_lang-d4c88f85.js → index.vue_vue_type_script_lang-8b9f3de5.js}

@@ -1,5 +1,5 @@
 import { inject, computed, h } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 const { componentName, create } = createComponent("radio");

package/dist/packages/_es/{index.vue_vue_type_script_lang-cc5c4086.js → index.vue_vue_type_script_lang-8f90bbd8.js}

@@ -1,5 +1,5 @@
 import { ref, reactive, computed, watch, onMounted, onUnmounted, h, unref } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 import { u as useRect } from "./index-29892cda.js";
 const { componentName, create } = createComponent("sticky");
 const _sfc_main = create({

package/dist/packages/_es/{index.vue_vue_type_script_lang-1291fceb.js → index.vue_vue_type_script_lang-ee936659.js}

@@ -1,5 +1,5 @@
 import { provide, readonly, computed, watch, h } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-bb5ff48e.js";
 const { componentName, create } = createComponent("radio-group");
 const _sfc_main = create({
   props: {