@nutui/nutui 4.0.2 → 4.0.3-beta.1

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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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";
@@ -7,42 +7,52 @@ const component = (components) => {
   return {
     components,
     props: {
+      //每行宽度
       width: {
         type: String,
         default: "100px"
       },
+      //每行高度
       height: {
         type: String,
         default: "15px"
       },
+      //是否显示动画
       animated: {
         type: Boolean,
         default: false
       },
+      //头像
       avatar: {
         type: Boolean,
         default: false
       },
+      //头像形状：正方形/圆形
       avatarShape: {
         type: String,
         default: "round"
       },
+      //头像大小
       avatarSize: {
         type: String,
         default: "50px"
       },
+      //是否显示骨架屏
       loading: {
         type: Boolean,
         default: true
       },
+      //标题/段落 圆角风格
       round: {
         type: Boolean,
         default: false
       },
+      //显示段落行数
       row: {
         type: String,
         default: "1"
       },
+      //是否显示段落标题
       title: {
         type: Boolean,
         default: true

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-bb5ff48e.js";
+import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.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-a564e25f.js";
+import { p as popupProps, P as Popup } from "./index-c55ad69e.js";
 import "../locale/lang";
 import "./pxCheck-c6b9f6b7.js";
 import "@nutui/icons-vue";
@@ -124,6 +124,7 @@ const SkuSelect = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_rend
 const { componentName: componentName$2, create: create$2 } = createComponent("sku-stepper");
 const _sfc_main$2 = create$2({
   props: {
+    // 购买数量最大值
     stepperMax: {
       type: [Number, String],
       default: 99999
@@ -132,10 +133,12 @@ const _sfc_main$2 = create$2({
       type: [Number, String],
       default: 1
     },
+    // stepper 前文案提示
     stepperExtraText: {
       type: [Function, Boolean],
       default: false
     },
+    // 数量选择左侧文案
     stepperTitle: {
       type: String,
       default: "购买数量"
@@ -214,6 +217,7 @@ const SkuStepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_ren
 const { componentName: componentName$1, create: create$1 } = createComponent("sku-operate");
 const _sfc_main$1 = create$1({
   props: {
+    // 底部按钮配置  confirm cart  buy
     btnOptions: {
       type: Array,
       default: () => ["confirm"]
@@ -222,10 +226,12 @@ const _sfc_main$1 = create$1({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: "立即购买"
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: "加入购物车"
@@ -297,22 +303,27 @@ const _sfc_main = create({
       type: Object,
       default: {}
     },
+    // stepper 最大值
     stepperMax: {
       type: [Number, String],
       default: 99999
     },
+    // stepper 最小值
     stepperMin: {
       type: [Number, String],
       default: 1
     },
+    // 底部按钮配置  confirm cart  buy
     btnOptions: {
       type: Array,
       default: () => ["confirm"]
     },
+    // 数量选择左侧文案
     stepperTitle: {
       type: String,
       default: ""
     },
+    // stepper 前面文案
     stepperExtraText: {
       type: [Function, Boolean],
       default: false
@@ -321,14 +332,17 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: ""
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: ""
     },
+    // 确定文案
     confirmText: {
       type: String,
       default: ""

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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-8f90bbd8.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-cc5c4086.js";
 import "vue";
-import "./component-bb5ff48e.js";
+import "./component-81a4c1d0.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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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, f as clamp } from "./component-bb5ff48e.js";
+import { c as createComponent, e as clamp } from "./component-81a4c1d0.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";
@@ -19,6 +19,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "horizontal"
+      //horizontal and vertical
     },
     paginationVisible: {
       type: Boolean,

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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
+import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create } = createComponent("tab-pane");
@@ -20,20 +20,25 @@ const _sfc_main = create({
   },
   emits: ["click"],
   setup(props, { emit }) {
-    const parent = inject("activeKey");
-    const parentOption = inject("autoHeight");
+    const parentOption = inject("tabsOpiton");
+    const paneStyle = computed(() => {
+      return {
+        display: parentOption.animatedTime.value == 0 && props.paneKey != parentOption.activeKey.value ? "none" : void 0
+      };
+    });
     return {
-      activeKey: parent.activeKey,
-      autoHeight: parentOption.autoHeight
+      ...parentOption,
+      paneStyle
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["nut-tab-pane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
+    class: normalizeClass(["nut-tab-pane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }]),
+    style: normalizeStyle(_ctx.paneStyle)
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 2);
+  ], 6);
 }
 const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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";
@@ -10,6 +10,7 @@ const _sfc_main = create({
   components: { [Badge.name]: Badge },
   props: {
     tabTitle: {
+      // 标签页的标题
       type: String,
       default: ""
     },
@@ -17,9 +18,11 @@ const _sfc_main = create({
       type: String
     },
     icon: {
+      // 标签页显示的icon
       type: Object
     },
     href: {
+      // 标签页的跳转链接
       type: String,
       default: ""
     },
@@ -32,7 +35,9 @@ const _sfc_main = create({
     const parent = inject("parent");
     const state = reactive({
       unactiveColor: parent.unactiveColor,
+      // 未选中的颜色
       activeColor: parent.activeColor,
+      // 选中的颜色
       index: 0
     });
     const router = useRouter();

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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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,15 +4,118 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-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 { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.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 { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { u as useRect } from "./index-29892cda.js";
 import { r as requestAniFrame } from "./raf-729dad54.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-8f90bbd8.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-cc5c4086.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 "../locale/lang";
+const useTabContentTouch = (props, tabMethods, taro, useTaroRect) => {
+  const tabsContentRef = ref();
+  const tabsContentRefRect = ref({ width: 0, height: 0 });
+  const initTaroWidth = async () => {
+    var _a, _b;
+    if (taro && taro.getEnv() !== taro.ENV_TYPE.WEB) {
+      let rect = await useTaroRect(tabsContentRef, taro);
+      tabsContentRefRect.value.width = rect.width || 0;
+      tabsContentRefRect.value.height = rect.height || 0;
+    } else {
+      tabsContentRefRect.value.width = ((_a = tabsContentRef.value) == null ? void 0 : _a.clientWidth) || 0;
+      tabsContentRefRect.value.height = ((_b = tabsContentRef.value) == null ? void 0 : _b.clientHeight) || 0;
+    }
+  };
+  onMounted(() => {
+    setTimeout(() => {
+      initTaroWidth();
+    }, 100);
+  });
+  const touchState = reactive({
+    offset: 0,
+    moving: false
+  });
+  const touch = useTouch();
+  let position = "";
+  const setoffset = (deltaX, deltaY) => {
+    var _a;
+    let offset = deltaX;
+    console.log(tabsContentRefRect.value.width);
+    if (props.direction == "horizontal") {
+      position = deltaX > 0 ? "right" : "left";
+      offset = Math.abs(offset) / tabsContentRefRect.value.width * 100;
+    } else {
+      position = deltaY > 0 ? "bottom" : "top";
+      offset = deltaY;
+      offset = Math.abs(offset) / ((_a = tabsContentRefRect.value) == null ? void 0 : _a.height) * 100;
+    }
+    if (offset > 85) {
+      offset = 85;
+    }
+    switch (position) {
+      case "left":
+      case "top":
+        if (tabMethods.isEnd()) {
+          offset = 0;
+          touchState.moving = false;
+        }
+        break;
+      case "right":
+      case "bottom":
+        offset = -offset;
+        if (tabMethods.isBegin()) {
+          offset = 0;
+          touchState.moving = false;
+        }
+        break;
+    }
+    touchState.offset = offset;
+  };
+  const touchMethods = {
+    onTouchStart(event) {
+      if (!props.swipeable)
+        return;
+      touch.start(event);
+    },
+    onTouchMove(event) {
+      if (!props.swipeable)
+        return;
+      touch.move(event);
+      touchState.moving = true;
+      setoffset(touch.deltaX.value, touch.deltaY.value);
+      if (props.direction == "horizontal" && touch.isHorizontal()) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      if (props.direction == "vertical" && touch.isVertical()) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    onTouchEnd() {
+      if (touchState.moving) {
+        touchState.moving = false;
+        switch (position) {
+          case "left":
+          case "top":
+            if (touchState.offset > 35) {
+              tabMethods.next();
+            }
+            break;
+          case "right":
+          case "bottom":
+            if (touchState.offset < -35) {
+              tabMethods.prev();
+            }
+            break;
+        }
+      }
+    }
+  };
+  return { touchMethods, touchState, tabsContentRef };
+};
 class Title {
   constructor() {
     __publicField(this, "title", "");
@@ -36,6 +139,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "horizontal"
+      //vertical
     },
     size: {
       type: String,
@@ -44,6 +148,7 @@ const _sfc_main = create({
     type: {
       type: String,
       default: "line"
+      //card、line、smile
     },
     titleScroll: {
       type: Boolean,
@@ -53,6 +158,10 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
+    swipeable: {
+      type: Boolean,
+      default: false
+    },
     autoHeight: {
       type: Boolean,
       default: false
@@ -82,8 +191,11 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     const container = ref(null);
     let stickyFixed;
-    provide("activeKey", { activeKey: computed(() => props.modelValue) });
-    provide("autoHeight", { autoHeight: computed(() => props.autoHeight) });
+    provide("tabsOpiton", {
+      activeKey: computed(() => props.modelValue || "0"),
+      autoHeight: computed(() => props.autoHeight),
+      animatedTime: computed(() => props.animatedTime)
+    });
     const titles = ref([]);
     const renderTitles = (vnodes) => {
       vnodes.forEach((vnode, index) => {
@@ -114,7 +226,7 @@ const _sfc_main = create({
     const findTabsIndex = (value) => {
       let index = titles.value.findIndex((item) => item.paneKey == value);
       if (titles.value.length == 0) {
-        console.error("[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .");
+        console.warn("[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .");
       } else if (index == -1)
         ;
       else {
@@ -188,11 +300,51 @@ const _sfc_main = create({
     );
     onMounted(init);
     onActivated(init);
+    const tabMethods = {
+      isBegin: () => {
+        return currentIndex.value == 0;
+      },
+      isEnd: () => {
+        return currentIndex.value == titles.value.length - 1;
+      },
+      next: () => {
+        currentIndex.value += 1;
+        tabMethods.updateValue(titles.value[currentIndex.value]);
+      },
+      prev: () => {
+        currentIndex.value -= 1;
+        tabMethods.updateValue(titles.value[currentIndex.value]);
+      },
+      updateValue: (item) => {
+        emit("update:modelValue", item.paneKey);
+        emit("change", item);
+      },
+      tabChange: (item, index) => {
+        emit("click", item);
+        if (item.disabled || currentIndex.value == index) {
+          return;
+        }
+        currentIndex.value = index;
+        tabMethods.updateValue(item);
+      },
+      setTabItemRef: (el, index) => {
+        titleRef.value[index] = el;
+      }
+    };
+    const { tabsContentRef, touchState, touchMethods } = useTabContentTouch(props, tabMethods);
     const contentStyle = computed(() => {
-      return {
-        transform: props.direction == "horizontal" ? `translate3d(-${currentIndex.value * 100}%, 0, 0)` : `translate3d( 0,-${currentIndex.value * 100}%, 0)`,
-        transitionDuration: `${props.animatedTime}ms`
+      let offsetPercent = currentIndex.value * 100;
+      if (touchState.moving) {
+        offsetPercent += touchState.offset;
+      }
+      let style = {
+        transform: props.direction == "horizontal" ? `translate3d(-${offsetPercent}%, 0, 0)` : `translate3d( 0,-${offsetPercent}%, 0)`,
+        transitionDuration: touchState.moving ? void 0 : `${props.animatedTime}ms`
       };
+      if (props.animatedTime == 0) {
+        style = {};
+      }
+      return style;
     });
     const tabsNavStyle = computed(() => {
       return {
@@ -211,22 +363,9 @@ const _sfc_main = create({
         marginRight: pxCheck(props.titleGutter)
       };
     });
-    const methods = {
-      tabChange: (item, index) => {
-        emit("click", item);
-        if (item.disabled || currentIndex.value == index) {
-          return;
-        }
-        currentIndex.value = index;
-        emit("update:modelValue", item.paneKey);
-        emit("change", item);
-      },
-      setTabItemRef: (el, index) => {
-        titleRef.value[index] = el;
-      }
-    };
     return {
       navRef,
+      tabsContentRef,
       titles,
       contentStyle,
       tabsNavStyle,
@@ -234,7 +373,8 @@ const _sfc_main = create({
       tabsActiveStyle,
       container,
       onStickyScroll,
-      ...methods
+      ...tabMethods,
+      ...touchMethods
     };
   }
 });
@@ -322,10 +462,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)),
     createElementVNode("view", {
       class: "nut-tabs__content",
-      style: normalizeStyle(_ctx.contentStyle)
+      ref: "tabsContentRef",
+      style: normalizeStyle(_ctx.contentStyle),
+      onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
+      onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
+      onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
+      onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
     }, [
       renderSlot(_ctx.$slots, "default")
-    ], 4)
+    ], 36)
   ], 2);
 }
 const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create, translate } = createComponent("textarea");
@@ -67,6 +67,7 @@ const _sfc_main = create({
     const styles = computed(() => {
       return {
         textAlign: props.textAlign
+        // resize: props.autosize ? 'vertical' : 'none'
       };
     });
     const getContentHeight = () => {

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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
+import { c as createComponent } from "./component-81a4c1d0.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-bb5ff48e.js";
-import { P as Popup } from "./index-a564e25f.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { P as Popup } from "./index-c55ad69e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";