@nutui/nutui 3.1.21-beta.2 → 3.1.22-beta.0

package/dist/packages/_es/Popup.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, onMounted, onBeforeUnmount, onBeforeMount, onActivated, onDeactivated, watch, toRefs, resolveComponent, openBlock, createBlock, Teleport, normalizeClass, normalizeStyle, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, renderSlot, createElementBlock, vShow } from "vue";
+import { ref, reactive, computed, onMounted, onBeforeUnmount, onBeforeMount, onActivated, onDeactivated, watch, toRefs, resolveComponent, openBlock, createBlock, Teleport, normalizeClass, normalizeStyle, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, renderSlot, createElementBlock, vShow } from "vue";
 import overlay, { overlayProps } from "./OverLay.js";
 import _sfc_main$1 from "./Icon.js";
 import { c as createComponent } from "./component.js";
@@ -106,6 +106,7 @@ const _sfc_main = create({
   props: __spreadValues({}, popupProps),
   emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
   setup(props, { emit }) {
+    const popupRef = ref();
     const state = reactive({
       zIndex: props.zIndex ? props.zIndex : _zIndex,
       showSlot: true,
@@ -220,7 +221,8 @@ const _sfc_main = create({
       onClickCloseIcon,
       onClickOverlay,
       onOpened,
-      onClosed
+      onClosed,
+      popupRef
     });
   }
 });
@@ -252,7 +254,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         withDirectives(createElementVNode("view", {
           class: normalizeClass(_ctx.classes),
           style: normalizeStyle(_ctx.popStyle),
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+          ref: "popupRef"
         }, [
           _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
           _ctx.closed ? (openBlock(), createElementBlock("view", {

package/dist/packages/_es/Price.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Progress.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -40,11 +40,11 @@ const _sfc_main = create({
       default: ""
     },
     textColor: {
-      tyep: String,
+      type: String,
       default: ""
     },
     textBackground: {
-      tyep: String,
+      type: String,
       default: ""
     },
     iconName: {

package/dist/packages/_es/PullRefresh.js

@@ -15,7 +15,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Radio.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/RadioGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Range.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Rate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Row.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -26,7 +26,7 @@ const _sfc_main = create({
       type: String,
       default: "flex-start"
     },
-    wrap: {
+    flexWrap: {
       type: String,
       default: "nowrap"
     }
@@ -43,7 +43,7 @@ const _sfc_main = create({
               ${getClass("", props.type)}
               ${getClass("justify", props.justify)}
               ${getClass("align", props.align)}
-              ${getClass("flex", props.wrap)}
+              ${getClass("flex", props.flexWrap)}
               ${prefixCls}
               `;
     };

package/dist/packages/_es/SearchBar.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";
+import { reactive, computed, ref, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -35,7 +35,11 @@ const _sfc_main = create({
     },
     inputType: {
       type: String,
-      default: "text"
+      default: "textarea"
+    },
+    label: {
+      type: String,
+      default: ""
     },
     maxLength: {
       type: [String, Number],
@@ -56,9 +60,35 @@ const _sfc_main = create({
     inputBackground: {
       type: String,
       default: ""
+    },
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    inputAlign: {
+      type: String,
+      default: "left"
     }
   },
-  emits: ["change", "update:modelValue", "blur", "focus", "clear", "search"],
+  emits: [
+    "change",
+    "update:modelValue",
+    "blur",
+    "focus",
+    "clear",
+    "search",
+    "click-input",
+    "click-left-icon",
+    "click-right-icon"
+  ],
   setup(props, { emit }) {
     const state = reactive({
       active: false
@@ -107,7 +137,29 @@ const _sfc_main = create({
     const handleSubmit = () => {
       emit("search", props.modelValue);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    const clickInput = (event) => {
+      emit("click-input", event);
+    };
+    const leftIconClick = (event) => {
+      emit("click-left-icon", props.modelValue, event);
+    };
+    const rightIconClick = (event) => {
+      emit("click-right-icon", props.modelValue, event);
+    };
+    const styleSearchbar = computed(() => {
+      return {
+        "text-align": props.inputAlign
+      };
+    });
+    const inputsearch = ref(null);
+    onMounted(() => {
+      if (props.autofocus) {
+        inputsearch.value.focus();
+      }
+    });
+    return __spreadProps(__spreadValues({
+      inputsearch
+    }, toRefs(state)), {
       valueChange,
       valueFocus,
       valueBlur,
@@ -115,26 +167,26 @@ const _sfc_main = create({
       handleSubmit,
       searchbarStyle,
       inputSearchbarStyle,
-      translate
+      translate,
+      clickInput,
+      leftIconClick,
+      rightIconClick,
+      styleSearchbar
     });
   }
 });
 const _hoisted_1 = {
   key: 0,
-  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
+  class: "nut-searchbar__search-label"
 };
 const _hoisted_2 = {
-  key: 0,
-  class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
+  key: 1,
+  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
 const _hoisted_3 = { class: "nut-searchbar__input-inner" };
-const _hoisted_4 = ["type", "maxlength", "placeholder", "value"];
+const _hoisted_4 = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_5 = {
-  key: 1,
-  class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon"
-};
-const _hoisted_6 = {
-  key: 1,
+  key: 2,
   class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -143,35 +195,45 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: "nut-searchbar",
     style: normalizeStyle(_ctx.searchbarStyle)
   }, [
-    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1, [
+    _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_2, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
       class: "nut-searchbar__search-input",
       style: normalizeStyle(_ctx.inputSearchbarStyle)
     }, [
-      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftIconClick && _ctx.leftIconClick(...args))
+      }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_3, [
         createElementVNode("form", {
           action: "#",
-          onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
+          onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
           createElementVNode("input", {
+            ref: "inputsearch",
             class: "nut-searchbar__input-bar",
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
             value: _ctx.modelValue,
-            onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
-            onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
-            onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
-          }, null, 40, _hoisted_4)
+            disabled: _ctx.disabled,
+            readonly: _ctx.readonly,
+            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.clickInput && _ctx.clickInput(...args)),
+            onInput: _cache[2] || (_cache[2] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
+            onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
+            onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
+            style: normalizeStyle(_ctx.styleSearchbar)
+          }, null, 44, _hoisted_4)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
-          onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
+          onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
           class: "nut-searchbar__input-clear"
         }, [
           createVNode(_component_nut_icon, {
@@ -183,11 +245,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           [vShow, _ctx.modelValue.length > 0]
         ]) : createCommentVNode("", true)
       ]),
-      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_5, [
+      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", {
+        key: 1,
+        class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon",
+        onClick: _cache[7] || (_cache[7] = (...args) => _ctx.rightIconClick && _ctx.rightIconClick(...args))
+      }, [
         renderSlot(_ctx.$slots, "rightin")
       ])) : createCommentVNode("", true)
     ], 4),
-    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_6, [
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : createCommentVNode("", true)
   ], 4);

package/dist/packages/_es/ShortPassword.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SideNavBar.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SideNavBarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Signature.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Skeleton.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Sku.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -497,7 +497,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           btnOptions: _ctx.btnOptions,
           btnExtraText: _ctx.btnExtraText,
           buyText: _ctx.buyText || _ctx.translate("buyNow"),
-          addCartText: _ctx.addCartText || _ctx.translate("addToCard"),
+          addCartText: _ctx.addCartText || _ctx.translate("addToCart"),
           confirmText: _ctx.confirmText || _ctx.translate("confirm"),
           onClickBtnOperate: _ctx.clickBtnOperate
         }, createSlots({ _: 2 }, [

package/dist/packages/_es/Step.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Steps.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Sticky.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SubSideNavBar.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Swipe.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Swiper.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, ref, computed, provide, onMounted, nextTick, onActivated, onDeactivated, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
+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.js";
 import { u as useExpose } from "./index3.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
@@ -122,6 +122,7 @@ const _sfc_main = create({
       touchTime: 0,
       autoplayTimer: 0,
       children: [],
+      childrenVNode: [],
       style: {}
     });
     const touch = useTouch();
@@ -158,8 +159,35 @@ const _sfc_main = create({
       };
     };
     const relation = (child) => {
-      if (child.proxy) {
-        state.children.push(child.proxy);
+      var _a;
+      let children = [];
+      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) {
+        state.childrenVNode = children.slice();
+        child.proxy && state.children.push(child.proxy);
+      } else {
+        if (state.childrenVNode.length > 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++) {
+            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) {
+            child.proxy && state.children.push(child.proxy);
+            child.vnode && state.childrenVNode.push(child.vnode);
+          }
+        } else {
+          state.childrenVNode = children.slice();
+          child.proxy && state.children.push(child.proxy);
+        }
       }
     };
     const range = (num, min, max) => {
@@ -346,16 +374,6 @@ const _sfc_main = create({
       next,
       to
     });
-    onMounted(() => {
-      nextTick(() => {
-        init();
-      });
-    });
-    onActivated(() => {
-      nextTick(() => {
-        init();
-      });
-    });
     onDeactivated(() => {
       stopAutoPlay();
     });
@@ -369,7 +387,7 @@ const _sfc_main = create({
     });
     watch(() => state.children.length, () => {
       nextTick(() => {
-        init(state.active);
+        init();
       });
     });
     watch(() => props.autoPlay, (val) => {
@@ -420,8 +438,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           style: normalizeStyle({
             backgroundColor: _ctx.activePagination === index ? _ctx.paginationColor : "#ddd"
           }),
+          class: normalizeClass({ active: _ctx.activePagination === index }),
           key: index
-        }, null, 4);
+        }, null, 6);
       }), 128))
     ], 2)) : createCommentVNode("", true)
   ], 34);

package/dist/packages/_es/SwiperItem.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, getCurrentInstance, reactive, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { inject, getCurrentInstance, reactive, computed, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { u as useExpose } from "./index3.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
@@ -36,6 +36,9 @@ const _sfc_main = create({
     const setOffset = (offset) => {
       state.offset = offset;
     };
+    onUnmounted(() => {
+      parent["relation"](getCurrentInstance(), "unmount");
+    });
     useExpose({ setOffset });
     return {
       style,

package/dist/packages/_es/Switch.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TabPane.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -26,12 +26,16 @@ const _sfc_main = create({
   emits: ["click"],
   setup(props, { emit }) {
     const parent = inject("activeKey");
-    return { activeKey: parent.activeKey };
+    const parentOption = inject("autoHeight");
+    return {
+      activeKey: parent.activeKey,
+      autoHeight: parentOption.autoHeight
+    };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["nut-tabpane", { active: _ctx.paneKey == _ctx.activeKey }])
+    class: normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);

package/dist/packages/_es/Tabbar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TabbarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -81,6 +81,7 @@ const _sfc_main = create({
       setTimeout(() => {
         if (parent.children[value].href) {
           window.location.href = parent.children[value].href;
+          return;
         }
         if (parent.children[value].to) {
           let to = parent.children[value].to;

package/dist/packages/_es/Table.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.2 Mon May 09 2022 11:11:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */