@nutui/nutui 4.2.0 → 4.2.1

package/dist/packages/_es/Input.js

@@ -66,7 +66,7 @@ const _sfc_main = create({
       default: "text"
     },
     modelValue: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     placeholder: {
@@ -139,7 +139,7 @@ const _sfc_main = create({
     }
   },
   components: { MaskClose },
-  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click", "clickInput"],
+  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click", "clickInput", "confirm"],
   expose: ["focus", "blur", "select"],
   setup(props, { emit }) {
     const active = ref(false);
@@ -273,6 +273,11 @@ const _sfc_main = create({
       var _a;
       (_a = inputRef.value) == null ? void 0 : _a.select();
     };
+    const onKeyup = (e) => {
+      if (e.key === "Enter") {
+        emit("confirm", e);
+      }
+    };
     return {
       renderInput,
       inputRef,
@@ -289,7 +294,9 @@ const _sfc_main = create({
       onClickInput,
       focus,
       blur,
-      select
+      select,
+      onKeyup,
+      getModelValue
     };
   }
 });
@@ -336,10 +343,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _ctx.onClickInput,
             onChange: _ctx.endComposing,
             onCompositionend: _ctx.endComposing,
-            onCompositionstart: _ctx.startComposing
-          }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "format-trigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick", "onChange", "onCompositionend", "onCompositionstart"])),
+            onCompositionstart: _ctx.startComposing,
+            onKeyup: _ctx.onKeyup
+          }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "format-trigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick", "onChange", "onCompositionend", "onCompositionstart", "onKeyup"])),
           _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_5, [
-            createElementVNode("span", _hoisted_6, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
+            createElementVNode("span", _hoisted_6, toDisplayString(_ctx.getModelValue() ? _ctx.getModelValue().length : 0), 1),
             createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
           ])) : createCommentVNode("", true)
         ]),
@@ -356,7 +364,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }), null, 16, ["size", "width", "height"])
           ])
         ], 512)), [
-          [vShow, (_ctx.active || _ctx.showClearIcon) && _ctx.modelValue.length > 0]
+          [vShow, (_ctx.active || _ctx.showClearIcon) && _ctx.getModelValue().length > 0]
         ]) : createCommentVNode("", true),
         createElementVNode("view", _hoisted_7, [
           renderSlot(_ctx.$slots, "right")

package/dist/packages/_es/List.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot } from "vue";
+import { ref, reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot } from "vue";
 import { c as createComponent } from "./component-f86a70df.js";
 import { u as useRect } from "./index-29892cda.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -47,7 +47,7 @@ function binarySearch(list, value, compareFunc) {
   }
   return tempIndex;
 }
-const { componentName, create } = createComponent("list");
+const { create } = createComponent("list");
 const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
 const _sfc_main = create({
   props: {
@@ -96,12 +96,6 @@ const _sfc_main = create({
     const end = computed(() => {
       return Math.min(state.originStartIndex + visibleCount.value + props.bufferSize, state.list.length);
     });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const visibleData = computed(() => {
       return state.list.slice(state.start, end.value);
     });
@@ -229,7 +223,6 @@ const _sfc_main = create({
       actualContent,
       getTransform,
       visibleData,
-      classes,
       getContainerHeight,
       handleScrollEvent
     });
@@ -238,7 +231,7 @@ const _sfc_main = create({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "list",
-    class: normalizeClass(_ctx.classes),
+    class: "nut-list",
     style: normalizeStyle({ height: `${_ctx.getContainerHeight}px` }),
     onScrollPassive: _cache[0] || (_cache[0] = (...args) => _ctx.handleScrollEvent && _ctx.handleScrollEvent(...args))
   }, [
@@ -264,7 +257,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]);
       }), 128))
     ], 4)
-  ], 38);
+  ], 36);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Noticebar.js

@@ -17,13 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, createElementVNode, renderSlot, createBlock, createCommentVNode, createTextVNode, toDisplayString, withModifiers, vShow, Fragment, renderList } from "vue";
+import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, withDirectives, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createBlock, createCommentVNode, createTextVNode, toDisplayString, withModifiers, vShow, Fragment, renderList } from "vue";
 import { Notice, CircleClose } from "@nutui/icons-vue";
 import { c as createComponent } from "./component-f86a70df.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("noticebar");
+const { create } = createComponent("noticebar");
 const _sfc_main = create({
   props: {
     // 滚动方向  across 横向 vertical 纵向
@@ -111,12 +111,6 @@ const _sfc_main = create({
       isCanScroll: null,
       showNotica: true
     });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const isEllipsis = computed(() => {
       if (state.isCanScroll == null) {
         return props.wrapable;
@@ -308,9 +302,8 @@ const _sfc_main = create({
     onUnmounted(() => {
       clearInterval(state.timer);
     });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(state)), {
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       isEllipsis,
-      classes,
       barStyle,
       contentStyle,
       horseLampStyle,
@@ -327,21 +320,20 @@ const _sfc_main = create({
     });
   }
 });
-const _hoisted_1 = { class: "nut-noticebar__page-lefticon" };
-const _hoisted_2 = {
+const _hoisted_1 = { class: "nut-noticebar" };
+const _hoisted_2 = { class: "nut-noticebar__page-lefticon" };
+const _hoisted_3 = {
   ref: "wrap",
   class: "nut-noticebar__page-wrap"
 };
-const _hoisted_3 = { class: "showNotica" };
-const _hoisted_4 = { class: "nut-noticebar-custom-item" };
-const _hoisted_5 = ["onClick"];
+const _hoisted_4 = { class: "showNotica" };
+const _hoisted_5 = { class: "nut-noticebar-custom-item" };
+const _hoisted_6 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Notice = resolveComponent("Notice");
   const _component_CircleClose = resolveComponent("CircleClose");
   const _component_ScrollItem = resolveComponent("ScrollItem");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
     _ctx.direction == "across" ? withDirectives((openBlock(), createElementBlock("view", {
       key: 0,
       class: normalizeClass(["nut-noticebar__page", {
@@ -352,7 +344,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.barStyle),
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      createElementVNode("view", _hoisted_1, [
+      createElementVNode("view", _hoisted_2, [
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
           _ctx.leftIcon ? (openBlock(), createBlock(_component_Notice, {
             key: 0,
@@ -360,7 +352,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           })) : createCommentVNode("", true)
         ])
       ]),
-      createElementVNode("view", _hoisted_2, [
+      createElementVNode("view", _hoisted_3, [
         createElementVNode("view", {
           ref: "content",
           class: normalizeClass(_ctx.wrapContentClass),
@@ -393,7 +385,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "nut-noticebar__vertical-list",
           style: normalizeStyle(_ctx.horseLampStyle)
         }, [
-          createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
               return openBlock(), createBlock(_component_ScrollItem, {
                 key: index2,
@@ -403,7 +395,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }), 128))
           ])
         ], 4),
-        createElementVNode("view", _hoisted_4, [
+        createElementVNode("view", _hoisted_5, [
           renderSlot(_ctx.$slots, "default")
         ])
       ], 64)) : (openBlock(), createElementBlock("ul", {
@@ -417,7 +409,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-noticebar__vertical-item",
             style: normalizeStyle({ height: _ctx.pxCheck(_ctx.height), lineHeight: _ctx.pxCheck(_ctx.height) }),
             onClick: ($event) => _ctx.go(item)
-          }, toDisplayString(item), 13, _hoisted_5);
+          }, toDisplayString(item), 13, _hoisted_6);
         }), 128))
       ], 4)),
       createElementVNode("view", {
@@ -433,7 +425,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ], 4)) : createCommentVNode("", true)
-  ], 2);
+  ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Rate.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
+import { ref, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, normalizeClass, createCommentVNode } from "vue";
 import { StarFillN } from "@nutui/icons-vue";
 import { c as createComponent } from "./component-f86a70df.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
@@ -25,7 +25,7 @@ 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";
 import "../locale/lang";
-const { create, componentName } = createComponent("rate");
+const { create } = createComponent("rate");
 const _sfc_main = create({
   props: {
     count: {
@@ -79,12 +79,6 @@ const _sfc_main = create({
   emits: ["update:modelValue", "change"],
   setup(props, { emit, slots }) {
     const rateRefs = ref([]);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const updateVal = (value) => {
       emit("update:modelValue", value);
       emit("change", value);
@@ -138,9 +132,7 @@ const _sfc_main = create({
       }
     };
     const refRandomId = Math.random().toString(36).slice(-8);
-    return __spreadProps(__spreadValues({
-      classes
-    }, touchMethods), {
+    return __spreadProps(__spreadValues({}, touchMethods), {
       onClick,
       pxCheck,
       rateRefs,
@@ -162,7 +154,7 @@ const _hoisted_4 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
+    class: "nut-rate",
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
     onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args))
   }, [
@@ -194,7 +186,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("", true)
       ], 12, _hoisted_1);
     }), 128))
-  ], 34);
+  ], 32);
 }
 const Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
 export {

package/dist/packages/_es/SideNavbar.js

@@ -17,11 +17,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, reactive, computed, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { ref, reactive, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component-f86a70df.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("side-navbar");
+const { create } = createComponent("side-navbar");
 const _sfc_main = create({
   props: {
     offset: {
@@ -35,12 +35,6 @@ const _sfc_main = create({
       count: 1,
       observer: null
     });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const setPaddingLeft = (nodeList, level = 1) => {
       var _a;
       for (let i = 0; i < nodeList.length; i++) {
@@ -77,26 +71,24 @@ const _sfc_main = create({
       });
     });
     return __spreadProps(__spreadValues({}, toRefs(state)), {
-      list,
-      classes
+      list
     });
   }
 });
-const _hoisted_1 = { class: "nut-side-navbar__content" };
-const _hoisted_2 = {
+const _hoisted_1 = { class: "nut-side-navbar" };
+const _hoisted_2 = { class: "nut-side-navbar__content" };
+const _hoisted_3 = {
   ref: "list",
   class: "nut-side-navbar__content__list"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    createElementVNode("view", _hoisted_1, [
-      createElementVNode("view", _hoisted_2, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", _hoisted_2, [
+      createElementVNode("view", _hoisted_3, [
         renderSlot(_ctx.$slots, "default")
       ], 512)
     ])
-  ], 2);
+  ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/SideNavbarItem.js

@@ -1,8 +1,8 @@
-import { computed, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString } from "vue";
 import { c as createComponent } from "./component-f86a70df.js";
+import { openBlock, createElementBlock, withModifiers, createElementVNode, toDisplayString } from "vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("side-navbar-item");
+const { create } = createComponent("side-navbar-item");
 const _sfc_main = create({
   props: {
     title: {
@@ -15,18 +15,11 @@ const _sfc_main = create({
     }
   },
   emits: ["click"],
-  setup: (props, context) => {
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
+  setup: (props, { emit }) => {
     const handleClick = () => {
-      context.emit("click");
+      emit("click");
     };
     return {
-      classes,
       handleClick
     };
   }
@@ -35,12 +28,12 @@ const _hoisted_1 = ["ikey"];
 const _hoisted_2 = { class: "nut-side-navbar-item__title" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
+    class: "nut-side-navbar-item",
     ikey: _ctx.ikey,
     onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
   }, [
     createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1)
-  ], 10, _hoisted_1);
+  ], 8, _hoisted_1);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Sku.js

@@ -1,28 +1,9 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 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-f86a70df.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-5a1e6d22.js";
+import { P as Popup } from "./index-5a1e6d22.js";
 import "../locale/lang";
 import "./pxCheck-c6b9f6b7.js";
 import "@nutui/icons-vue";
@@ -312,7 +293,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 const SkuOperate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { create, translate } = createComponent("sku");
 const _sfc_main = create({
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
     sku: {
       type: Array,
       default: []
@@ -364,8 +349,12 @@ const _sfc_main = create({
     confirmText: {
       type: String,
       default: ""
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
     }
-  }),
+  },
   emits: [
     "update:visible",
     "selectSku",
@@ -402,8 +391,6 @@ const _sfc_main = create({
         }
       }
     );
-    onMounted(() => {
-    });
     const getSlots = (name) => slots[name];
     const selectSku = (skus) => {
       emit("selectSku", skus);
@@ -472,8 +459,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     round: "",
     style: { "height": "75%" },
     "lock-scroll": _ctx.lockScroll,
-    "teleport-disable": _ctx.teleportDisable,
-    teleport: _ctx.teleport,
+    "catch-move": _ctx.lockScroll,
     onClickCloseIcon: _cache[1] || (_cache[1] = ($event) => _ctx.closePopup("icon")),
     onClickOverlay: _cache[2] || (_cache[2] = ($event) => _ctx.closePopup("overlay")),
     onClose: _cache[3] || (_cache[3] = ($event) => _ctx.closePopup("close"))
@@ -524,8 +510,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "sku-stepper-bottom")
         ]),
         createVNode(_component_sku_operate, {
-          "btn-options": _ctx.btnOptions,
           "btn-extra-text": _ctx.btnExtraText,
+          "btn-options": _ctx.btnOptions,
           "buy-text": _ctx.buyText || _ctx.translate("buyNow"),
           "add-cart-text": _ctx.addCartText || _ctx.translate("addToCart"),
           "confirm-text": _ctx.confirmText || _ctx.translate("confirm"),
@@ -538,11 +524,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["btn-options", "btn-extra-text", "buy-text", "add-cart-text", "confirm-text", "onClickBtnOperate"])
+        ]), 1032, ["btn-extra-text", "btn-options", "buy-text", "add-cart-text", "confirm-text", "onClickBtnOperate"])
       ])
     ]),
     _: 3
-  }, 8, ["visible", "lock-scroll", "teleport-disable", "teleport"]);
+  }, 8, ["visible", "lock-scroll", "catch-move"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/SubSideNavbar.js

@@ -17,12 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createBlock, withDirectives, normalizeStyle, renderSlot, vShow } from "vue";
+import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, withModifiers, toDisplayString, createBlock, withDirectives, normalizeClass, normalizeStyle, renderSlot, vShow } from "vue";
 import { c as createComponent } from "./component-f86a70df.js";
 import { ArrowDown2, ArrowUp2 } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("sub-side-navbar");
+const { create } = createComponent("sub-side-navbar");
 const _sfc_main = create({
   props: {
     title: {
@@ -40,30 +40,23 @@ const _sfc_main = create({
   },
   components: { ArrowDown2, ArrowUp2 },
   emits: ["titleClick"],
-  setup: (props, context) => {
+  setup: (props, { emit }) => {
     const state = reactive({
       direction: ""
     });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const style = computed(() => {
       return {
         height: !state.direction ? "auto" : "0px"
       };
     });
     const handleClick = () => {
-      context.emit("titleClick");
+      emit("titleClick");
       state.direction = !state.direction ? "up" : "";
     };
     onMounted(() => {
       state.direction = props.open ? "" : "up";
     });
     return __spreadProps(__spreadValues({}, toRefs(state)), {
-      classes,
       style,
       handleClick
     });
@@ -76,7 +69,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowDown2 = resolveComponent("ArrowDown2");
   const _component_ArrowUp2 = resolveComponent("ArrowUp2");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
+    class: "nut-sub-side-navbar",
     ikey: _ctx.ikey
   }, [
     createElementVNode("view", {
@@ -96,7 +89,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6), [
       [vShow, !_ctx.direction]
     ])
-  ], 10, _hoisted_1);
+  ], 8, _hoisted_1);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Swiper.js

@@ -1,4 +1,4 @@
-import { ref, reactive, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
+import { ref, reactive, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent, e as clamp } from "./component-f86a70df.js";
 import { u as useTouch } from "./index-7a7385e4.js";
 import { u as useExpose } from "./index-79c5dc33.js";
@@ -76,12 +76,6 @@ const _sfc_main = create({
       style: {}
     });
     const touch = useTouch();
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const isVertical = computed(() => props.direction === "vertical");
     const classesInner = computed(() => {
       const prefixCls = componentName;
@@ -342,6 +336,14 @@ const _sfc_main = create({
         });
       }
     );
+    watch(
+      () => props.height,
+      () => {
+        nextTick(() => {
+          init();
+        });
+      }
+    );
     watch(
       () => state.children.length,
       () => {
@@ -358,7 +360,6 @@ const _sfc_main = create({
     );
     return {
       state,
-      classes,
       classesInner,
       classesPagination,
       container,
@@ -372,7 +373,7 @@ const _sfc_main = create({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "container",
-    class: normalizeClass(_ctx.classes),
+    class: "nut-swiper",
     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)),
@@ -399,7 +400,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 6);
       }), 128))
     ], 2)) : createCommentVNode("", true)
-  ], 34);
+  ], 544);
 }
 const Swiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {