@nutui/nutui 4.0.0-beta.2 → 4.0.0-beta.20

package/dist/packages/_es/Swiper.js

@@ -1,61 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { reactive, ref, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { u as useExpose } from "./index-ea36cedc.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+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 { u as useTouch } from "./index-7a7385e4.js";
+import { u as useExpose } from "./index-79c5dc33.js";
+import { r as requestAniFrame } from "./raf-729dad54.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const DISTANCE = 5;
-function useTouch() {
-  const state = reactive({
-    startX: 0,
-    startY: 0,
-    deltaX: 0,
-    deltaY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    direction: ""
-  });
-  const getDirection = (x, y) => {
-    if (x > y && x > DISTANCE)
-      return "horizontal";
-    if (y > x && y > DISTANCE)
-      return "vertical";
-    return "";
-  };
-  const reset = () => {
-    state.startX = 0;
-    state.startY = 0;
-    state.deltaX = 0;
-    state.deltaY = 0;
-    state.offsetX = 0;
-    state.offsetY = 0;
-    state.direction = "";
-  };
-  const start = (e) => {
-    reset();
-    state.startX = e.touches[0].clientX;
-    state.startY = e.touches[0].clientY;
-  };
-  const move = (e) => {
-    state.deltaX = e.touches[0].clientX - state.startX;
-    state.deltaY = e.touches[0].clientY - state.startY;
-    state.offsetX = Math.abs(state.deltaX);
-    state.offsetY = Math.abs(state.deltaY);
-    if (!state.direction) {
-      state.direction = getDirection(state.offsetX, state.offsetY);
-    }
-  };
-  return {
-    state,
-    start,
-    reset,
-    move
-  };
-}
 const { create, componentName } = createComponent("swiper");
 const _sfc_main = create({
   props: {
@@ -68,8 +17,9 @@ const _sfc_main = create({
       default: 0
     },
     direction: {
-      type: [String],
+      type: String,
       default: "horizontal"
+      //horizontal and vertical
     },
     paginationVisible: {
       type: Boolean,
@@ -106,10 +56,6 @@ const _sfc_main = create({
     isStopPropagation: {
       type: Boolean,
       default: true
-    },
-    isCenter: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ["change"],
@@ -137,11 +83,25 @@ const _sfc_main = create({
       };
     });
     const isVertical = computed(() => props.direction === "vertical");
+    const classesInner = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [`${prefixCls}-inner`]: true,
+        [`${prefixCls}-vertical`]: isVertical.value
+      };
+    });
+    const classesPagination = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [`${prefixCls}-pagination`]: true,
+        [`${prefixCls}-pagination-vertical`]: isVertical.value
+      };
+    });
     const delTa = computed(() => {
-      return isVertical.value ? touch.state.deltaY : touch.state.deltaX;
+      return isVertical.value ? touch.deltaY.value : touch.deltaX.value;
     });
     const isCorrectDirection = computed(() => {
-      return touch.state.direction === props.direction;
+      return touch.direction.value === props.direction;
     });
     const childCount = computed(() => state.children.length);
     const size = computed(() => state[isVertical.value ? "height" : "width"]);
@@ -156,12 +116,7 @@ const _sfc_main = create({
     const activePagination = computed(() => (state.active + childCount.value) % childCount.value);
     const getStyle = () => {
       let offset = 0;
-      if (!props.isCenter) {
-        offset = state.offset;
-      } else {
-        let val = isVertical.value ? state.rect.height - size.value : state.rect.width - size.value;
-        offset = state.offset + (state.active === childCount.value - 1 ? -val / 2 : val / 2);
-      }
+      offset = state.offset;
       state.style = {
         transitionDuration: `${state.moving ? 0 : props.duration}ms`,
         transform: `translate${isVertical.value ? "Y" : "X"}(${offset}px)`,
@@ -172,26 +127,27 @@ const _sfc_main = create({
     const relation = (child) => {
       var _a;
       let children = [];
+      const childrenVNodeLen = state.childrenVNode.length;
       let slot = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
       slot = slot.filter((item) => item.children && Array.isArray(item.children));
       slot.forEach((item) => {
         children = children.concat(item.children);
       });
-      if (!state.childrenVNode.length) {
+      if (!childrenVNodeLen) {
         state.childrenVNode = children.slice();
         child.proxy && state.children.push(child.proxy);
       } else {
-        if (state.childrenVNode.length > children.length) {
+        if (childrenVNodeLen > children.length) {
           state.children = state.children.filter((item) => child.proxy !== item);
-        } else if (state.childrenVNode.length < children.length) {
-          for (let i = 0; i < state.childrenVNode.length; i++) {
+        } else if (childrenVNodeLen < children.length) {
+          for (let i = 0; i < childrenVNodeLen; i++) {
             if (children[i].key !== state.childrenVNode[i].key) {
               child.proxy && state.children.splice(i, 0, child.proxy);
               child.vnode && state.childrenVNode.splice(i, 0, child.vnode);
               break;
             }
           }
-          if (state.childrenVNode.length !== children.length) {
+          if (childrenVNodeLen !== children.length) {
             child.proxy && state.children.push(child.proxy);
             child.vnode && state.childrenVNode.push(child.vnode);
           }
@@ -201,12 +157,6 @@ const _sfc_main = create({
         }
       }
     };
-    const range = (num, min, max) => {
-      return Math.min(Math.max(num, min), max);
-    };
-    const requestFrame = (fn) => {
-      window.requestAnimationFrame.call(window, fn);
-    };
     const getOffset = (active, offset = 0) => {
       let currentPosition = active * size.value;
       if (!props.loop) {
@@ -214,7 +164,7 @@ const _sfc_main = create({
       }
       let targetOffset = offset - currentPosition;
       if (!props.loop) {
-        targetOffset = range(targetOffset, minOffset.value, 0);
+        targetOffset = clamp(targetOffset, minOffset.value, 0);
       }
       return targetOffset;
     };
@@ -222,9 +172,9 @@ const _sfc_main = create({
       const { active } = state;
       if (pace) {
         if (props.loop) {
-          return range(active + pace, -1, childCount.value);
+          return clamp(active + pace, -1, childCount.value);
         }
-        return range(active + pace, 0, childCount.value - 1);
+        return clamp(active + pace, 0, childCount.value - 1);
       }
       return active;
     };
@@ -263,48 +213,39 @@ const _sfc_main = create({
     const stopAutoPlay = () => {
       clearTimeout(state.autoplayTimer);
     };
-    const prev = () => {
+    const jump = (pace) => {
       resettPosition();
       touch.reset();
-      requestFrame(() => {
-        requestFrame(() => {
+      requestAniFrame(() => {
+        requestAniFrame(() => {
           state.moving = false;
           move({
-            pace: -1,
+            pace,
             isEmit: true
           });
         });
       });
     };
+    const prev = () => {
+      jump(-1);
+    };
     const next = () => {
-      resettPosition();
-      touch.reset();
-      requestFrame(() => {
-        requestFrame(() => {
-          state.moving = false;
-          move({
-            pace: 1,
-            isEmit: true
-          });
-        });
-      });
+      jump(1);
     };
     const to = (index) => {
       resettPosition();
       touch.reset();
-      requestFrame(() => {
-        requestFrame(() => {
-          state.moving = false;
-          let targetIndex;
-          if (props.loop && childCount.value === index) {
-            targetIndex = state.active === 0 ? 0 : index;
-          } else {
-            targetIndex = index % childCount.value;
-          }
-          move({
-            pace: targetIndex - state.active,
-            isEmit: true
-          });
+      requestAniFrame(() => {
+        state.moving = false;
+        let targetIndex;
+        if (props.loop && childCount.value === index) {
+          targetIndex = state.active === 0 ? 0 : index;
+        } else {
+          targetIndex = index % childCount.value;
+        }
+        move({
+          pace: targetIndex - state.active,
+          isEmit: true
         });
       });
     };
@@ -358,7 +299,7 @@ const _sfc_main = create({
       const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(delTa.value) > +(size.value / 2).toFixed(2);
       if (isShouldMove && isCorrectDirection.value) {
         let pace = 0;
-        const offset = isVertical.value ? touch.state.offsetY : touch.state.offsetX;
+        const offset = isVertical.value ? touch.offsetY.value : touch.offsetX.value;
         if (props.loop) {
           pace = offset > 0 ? delTa.value > 0 ? -1 : 1 : 0;
         } else {
@@ -416,10 +357,9 @@ const _sfc_main = create({
     return {
       state,
       classes,
+      classesInner,
+      classesPagination,
       container,
-      componentName,
-      isVertical,
-      slots,
       activePagination,
       onTouchStart,
       onTouchMove,
@@ -437,21 +377,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
     createElementVNode("view", {
-      class: normalizeClass({
-        [`${_ctx.componentName}-inner`]: true,
-        [`${_ctx.componentName}-vertical`]: _ctx.isVertical
-      }),
+      class: normalizeClass(_ctx.classesInner),
       style: normalizeStyle(_ctx.state.style)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 6),
     renderSlot(_ctx.$slots, "page"),
-    _ctx.paginationVisible && !_ctx.slots.page ? (openBlock(), createElementBlock("view", {
+    _ctx.paginationVisible && !_ctx.$slots.page ? (openBlock(), createElementBlock("view", {
       key: 0,
-      class: normalizeClass({
-        [`${_ctx.componentName}-pagination`]: true,
-        [`${_ctx.componentName}-pagination-vertical`]: _ctx.isVertical
-      })
+      class: normalizeClass(_ctx.classesPagination)
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.children.length, (item, index) => {
         return openBlock(), createElementBlock("i", {

package/dist/packages/_es/SwiperItem.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { inject, getCurrentInstance, reactive, computed, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { u as useExpose } from "./index-ea36cedc.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.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";
 const { create, componentName } = createComponent("swiper-item");
 const _sfc_main = create({

package/dist/packages/_es/Switch.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { Loading1 } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("switch");
 const _sfc_main = create({
@@ -102,7 +97,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("view", _hoisted_1, [
       _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-        createVNode(_component_Loading1)
+        createVNode(_component_Loading1, { name: "loading" })
       ]) : createCommentVNode("", true),
       _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [

package/dist/packages/_es/TabPane.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { inject, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.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("tab-pane");
 const _sfc_main = create({
@@ -40,7 +35,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  TabPane as default
 };

package/dist/packages/_es/Tabbar.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { toRefs, ref, reactive, provide, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.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");
 const _sfc_main = create({

package/dist/packages/_es/TabbarItem.js

@@ -1,20 +1,16 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component-1a609d46.js";
-import { r as renderIcon } from "./renderIcon-ff803dcd.js";
-import { inject, reactive, getCurrentInstance, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
-import { u as useRouter } from "./index-0a179fe8.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";
 import Badge from "./Badge.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create } = createComponent("tabbar-item");
 const _sfc_main = create({
   components: { [Badge.name]: Badge },
   props: {
     tabTitle: {
+      // 标签页的标题
       type: String,
       default: ""
     },
@@ -22,9 +18,11 @@ const _sfc_main = create({
       type: String
     },
     icon: {
+      // 标签页显示的icon
       type: Object
     },
     href: {
+      // 标签页的跳转链接
       type: String,
       default: ""
     },
@@ -37,8 +35,9 @@ const _sfc_main = create({
     const parent = inject("parent");
     const state = reactive({
       unactiveColor: parent.unactiveColor,
+      // 未选中的颜色
       activeColor: parent.activeColor,
-      active: parent.modelValue,
+      // 选中的颜色
       index: 0
     });
     const router = useRouter();
@@ -50,32 +49,18 @@ const _sfc_main = create({
       }
     };
     relation(getCurrentInstance());
-    const active = computed(() => state.index === state.active);
+    const active = computed(() => state.index === parent.modelValue);
     function change() {
+      var _a, _b;
       let key = props.name ?? state.index;
-      let index2 = null;
+      let indexValue = null;
       if (props.name) {
-        index2 = parent.children.findIndex((item) => {
+        indexValue = parent.children.findIndex((item) => {
           return item.name == key;
         });
       }
-      parent.changeIndex(index2 ?? key, state.index);
-    }
-    const choosed = computed(() => {
-      if (parent) {
-        return parent.modelValue;
-      }
-      return null;
-    });
-    watch(choosed, (value, oldValue) => {
-      var _a, _b;
-      state.active = value;
-      let index2 = value;
-      if (props.name) {
-        index2 = parent.children.findIndex((item) => {
-          return item.name == value;
-        });
-      }
+      parent.changeIndex(indexValue ?? key, state.index);
+      let index2 = indexValue ?? key;
       if ((_a = parent.children[index2]) == null ? void 0 : _a.href) {
         window.location.href = parent.children[index2].href;
         return;
@@ -88,7 +73,7 @@ const _sfc_main = create({
           location.replace(to);
         }
       }
-    });
+    }
     return {
       state,
       active,

package/dist/packages/_es/Table.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component-1a609d46.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
 import { DownArrow } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const RenderColumn = {
   setup(props) {

package/dist/packages/_es/Tabs.js

@@ -4,18 +4,13 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent, T as TypeOfFun } from "./component-1a609d46.js";
+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 { p as pxCheck } from "./pxCheck-9763aaae.js";
-import { u as useRect } from "./index-84decee6.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-2e585483.js";
+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 { JoySmile } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 class Title {
   constructor() {
@@ -40,6 +35,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "horizontal"
+      //vertical
     },
     size: {
       type: String,
@@ -48,6 +44,7 @@ const _sfc_main = create({
     type: {
       type: String,
       default: "line"
+      //card、line、smile
     },
     titleScroll: {
       type: Boolean,
@@ -90,7 +87,7 @@ const _sfc_main = create({
     provide("autoHeight", { autoHeight: computed(() => props.autoHeight) });
     const titles = ref([]);
     const renderTitles = (vnodes) => {
-      vnodes.forEach((vnode, index2) => {
+      vnodes.forEach((vnode, index) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _i;
         let type = vnode.type;
         type = type.name || type;
@@ -102,7 +99,7 @@ const _sfc_main = create({
             let camelPaneKeyType = TypeOfFun((_f = vnode.props) == null ? void 0 : _f["paneKey"]);
             let camelPaneIndex = camelPaneKeyType == "number" || camelPaneKeyType == "string" ? String((_g = vnode.props) == null ? void 0 : _g["paneKey"]) : null;
             title.title = (_h = vnode.props) == null ? void 0 : _h.title;
-            title.paneKey = paneIndex || camelPaneIndex || String(index2);
+            title.paneKey = paneIndex || camelPaneIndex || String(index);
             title.disabled = (_i = vnode.props) == null ? void 0 : _i.disabled;
           }
           titles.value.push(title);
@@ -116,13 +113,13 @@ const _sfc_main = create({
     };
     const currentIndex = ref(props.modelValue || 0);
     const findTabsIndex = (value) => {
-      let index2 = titles.value.findIndex((item) => item.paneKey == value);
+      let index = titles.value.findIndex((item) => item.paneKey == value);
       if (titles.value.length == 0) {
         console.error("[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .");
-      } else if (index2 == -1) {
+      } else if (index == -1) {
         console.error("[NutUI] <Tabs> 请检查 v-model 值是否为 paneKey ,如 paneKey 未设置，请采用下标控制 .");
       } else {
-        currentIndex.value = index2;
+        currentIndex.value = index;
       }
     };
     const init = (vnodes = ((_a) => (_a = slots.default) == null ? void 0 : _a.call(slots))()) => {
@@ -188,12 +185,12 @@ const _sfc_main = create({
       };
     });
     const methods = {
-      tabChange: (item, index2) => {
+      tabChange: (item, index) => {
         emit("click", item);
         if (item.disabled) {
           return;
         }
-        currentIndex.value = index2;
+        currentIndex.value = index;
         emit("update:modelValue", item.paneKey);
         emit("change", item);
       }
@@ -231,11 +228,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           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, index2) => {
+          _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, index2),
+              onClick: ($event) => _ctx.tabChange(item, index),
               key: item.paneKey
             }, [
               _ctx.type == "line" ? (openBlock(), createElementBlock("view", {
@@ -263,11 +260,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       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, index2) => {
+      _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, index2),
+          onClick: ($event) => _ctx.tabChange(item, index),
           key: item.paneKey
         }, [
           _ctx.type == "line" ? (openBlock(), createElementBlock("view", {
@@ -296,8 +293,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
   Title,
-  index as default
+  Tabs as default
 };

package/dist/packages/_es/Tag.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { Close } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("tag");
 const _sfc_main = create({

package/dist/packages/_es/Textarea.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.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");
 const _sfc_main = create({
@@ -72,6 +67,7 @@ const _sfc_main = create({
     const styles = computed(() => {
       return {
         textAlign: props.textAlign
+        // resize: props.autosize ? 'vertical' : 'none'
       };
     });
     const getContentHeight = () => {