@nutui/nutui 4.1.4 → 4.1.5-beta.1

package/dist/packages/_es/Countup.js

@@ -103,7 +103,7 @@ const _sfc_main = create({
     }
   },
   components: {},
-  emits: ["click", "scroll-end"],
+  emits: ["click", "scrollEnd"],
   setup(props, { emit }) {
     const runNumberImg = ref(null);
     const numberItemRef = ref([]);
@@ -226,7 +226,7 @@ const _sfc_main = create({
           if (Number(data.current) <= endNum || Number(data.current) <= speed) {
             data.current = endNum.toFixed(toFixed);
             clearInterval(countTimer);
-            emit("scroll-end");
+            emit("scrollEnd");
             data.valFlag = false;
           } else {
             let num = parseFloat(String(data.current)) - parseFloat(String(speed));
@@ -236,7 +236,7 @@ const _sfc_main = create({
           if (Number(data.current) >= endNum) {
             data.current = endNum.toFixed(toFixed);
             clearInterval(countTimer);
-            emit("scroll-end");
+            emit("scrollEnd");
             data.valFlag = false;
           } else {
             let num = parseFloat(String(data.current)) + parseFloat(String(speed));
@@ -341,7 +341,7 @@ const _sfc_main = create({
         data.totalCount = calculation(data.totalCount, m, "-");
         if (data.totalCount <= 0) {
           clearIntervalTime();
-          emit("scroll-end");
+          emit("scrollEnd");
           data.valFlag = false;
         }
       }, props.during);
@@ -387,7 +387,7 @@ const _sfc_main = create({
     const imgNumberScroll = () => {
       nextTick(() => {
         runNumberImg.value.addEventListener("webkitTransitionEnd", () => {
-          emit("scroll-end");
+          emit("scrollEnd");
           data.valFlag = false;
         });
       });
@@ -452,10 +452,10 @@ const _sfc_main = create({
             setTimeout(() => {
               data.finshMachine = 0;
               if (data.prizeLevelTrun < 0) {
-                emit("scroll-end", false);
+                emit("scrollEnd", false);
                 data.valFlag = false;
               } else {
-                emit("scroll-end", true);
+                emit("scrollEnd", true);
                 data.valFlag = false;
               }
             }, 130);
@@ -493,8 +493,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.machineNum, (val, index2) => {
           return openBlock(), createElementBlock("view", {
-            class: "nut-countup__machine-item",
             key: "mImg" + index2,
+            class: "nut-countup__machine-item",
             style: normalizeStyle({
               width: _ctx.numWidth + "px",
               height: _ctx.numHeight + "px",
@@ -511,8 +511,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
           return openBlock(), createElementBlock("view", {
-            class: "nut-countup__numberimg__item",
             key: "cImg" + index2,
+            class: "nut-countup__numberimg__item",
             style: normalizeStyle({
               width: _ctx.numWidth + "px",
               height: _ctx.numHeight + "px",
@@ -549,8 +549,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           return openBlock(), createElementBlock("view", {
             ref_for: true,
             ref: (el) => _ctx.setRef(el),
-            class: "nut-countup__number-item",
             key: val,
+            class: "nut-countup__number-item",
             style: normalizeStyle({
               top: _ctx.topNumber(index2),
               left: _ctx.numWidth * (index2 > _ctx.num_total_len - _ctx.pointNum - 1 ? index2 * 1.1 : index2) + "px"
@@ -559,8 +559,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.to0_10, (item, idx) => {
               return openBlock(), createElementBlock("view", {
-                class: "nut-countup__number-item__span",
                 key: "dote" + idx,
+                class: "nut-countup__number-item__span",
                 style: normalizeStyle({
                   width: _ctx.numWidth + "px",
                   height: _ctx.numHeight + "px",

package/dist/packages/_es/DatePicker.js

@@ -358,16 +358,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.selectedValue = $event),
     okText: _ctx.okText,
     cancelText: _ctx.cancelText,
-    onCancel: _ctx.closeHandler,
     columns: _ctx.columns,
-    onChange: _ctx.changeHandler,
     title: _ctx.title,
-    onConfirm: _ctx.confirm,
     threeDimensional: _ctx.threeDimensional,
     swipeDuration: _ctx.swipeDuration,
     showToolbar: _ctx.showToolbar,
     visibleOptionNum: _ctx.visibleOptionNum,
-    optionHeight: _ctx.optionHeight
+    optionHeight: _ctx.optionHeight,
+    onCancel: _ctx.closeHandler,
+    onChange: _ctx.changeHandler,
+    onConfirm: _ctx.confirm
   }, {
     top: withCtx(() => [
       renderSlot(_ctx.$slots, "top")
@@ -376,7 +376,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["modelValue", "okText", "cancelText", "onCancel", "columns", "onChange", "title", "onConfirm", "threeDimensional", "swipeDuration", "showToolbar", "visibleOptionNum", "optionHeight"]);
+  }, 8, ["modelValue", "okText", "cancelText", "columns", "title", "threeDimensional", "swipeDuration", "showToolbar", "visibleOptionNum", "optionHeight", "onCancel", "onChange", "onConfirm"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Dialog.js

@@ -24,7 +24,7 @@ var __publicField = (obj, key, value) => {
 import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, nextTick, h } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
 import { f as funInterceptor } from "./Interceptor-c05a39f2.js";
-import { P as Popup, p as popupProps } from "./index-7fe29a2f.js";
+import { P as Popup, p as popupProps } from "./index-3032df15.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import Overlay from "./Overlay.js";
@@ -178,9 +178,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
-    teleport: _ctx.teleport,
     visible: _ctx.showPopup,
     "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event),
+    teleport: _ctx.teleport,
     "close-on-click-overlay": false,
     "lock-scroll": _ctx.lockScroll,
     "pop-class": _ctx.popClass,
@@ -244,7 +244,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["teleport", "visible", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["visible", "teleport", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class DialogOptions {

package/dist/packages/_es/Drag.js

@@ -186,8 +186,8 @@ const _sfc_main = create({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
     ref: "myDrag",
+    class: normalizeClass(_ctx.classes),
     onTouchstart: _cache[0] || (_cache[0] = ($event) => _ctx.touchStart($event)),
     onTouchmove: _cache[1] || (_cache[1] = ($event) => _ctx.touchMove($event)),
     onTouchend: _cache[2] || (_cache[2] = ($event) => _ctx.touchEnd($event))

package/dist/packages/_es/Ecard.js

@@ -138,11 +138,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("view", null, toDisplayString(_ctx.otherValueText || _ctx.translate("otherValueText")), 1),
         createElementVNode("view", _hoisted_5, [
           withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
             class: "nut-ecard__list__input--input",
             type: "text",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
-            onInput: _cache[1] || (_cache[1] = (...args) => _ctx.change && _ctx.change(...args)),
-            placeholder: _ctx.placeholder || _ctx.translate("placeholder")
+            placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+            onInput: _cache[1] || (_cache[1] = (...args) => _ctx.change && _ctx.change(...args))
           }, null, 40, _hoisted_6), [
             [vModelText, _ctx.inputValue]
           ]),

package/dist/packages/_es/Elevator.js

@@ -52,7 +52,7 @@ const _sfc_main = create({
       default: 35
     }
   },
-  emits: ["click-item", "click-index", "change"],
+  emits: ["clickItem", "clickIndex", "change"],
   setup(props, context) {
     const listview = ref(null);
     const state = reactive({
@@ -137,12 +137,12 @@ const _sfc_main = create({
       state.scrollStart = false;
     };
     const handleClickItem = (key, item) => {
-      context.emit("click-item", key, item);
+      context.emit("clickItem", key, item);
       state.currentData = item;
       state.currentKey = key;
     };
     const handleClickIndex = (key) => {
-      context.emit("click-index", key);
+      context.emit("clickIndex", key);
     };
     const listViewScroll = (e) => {
       let target = e.target;
@@ -219,24 +219,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("view", {
-      class: "nut-elevator__list",
       ref: "listview",
+      class: "nut-elevator__list",
       style: normalizeStyle({ height: isNaN(+_ctx.height) ? _ctx.height : `${_ctx.height}px` })
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item) => {
         return openBlock(), createElementBlock("view", {
-          class: "nut-elevator__list__item",
           key: item[_ctx.acceptKey],
           ref_for: true,
-          ref: _ctx.setListGroup
+          ref: _ctx.setListGroup,
+          class: "nut-elevator__list__item"
         }, [
           createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
             return openBlock(), createElementBlock("view", {
+              key: subitem["id"],
               class: normalizeClass(["nut-elevator__list__item__name", {
                 "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id && _ctx.currentKey === item[_ctx.acceptKey]
               }]),
-              key: subitem["id"],
               onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem)
             }, [
               !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
@@ -275,9 +275,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", _hoisted_5, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
           return openBlock(), createElementBlock("view", {
+            key: item[_ctx.acceptKey],
             class: normalizeClass(["nut-elevator__bars__inner__item", { active: item[_ctx.acceptKey] === _ctx.indexList[_ctx.currentIndex][_ctx.acceptKey] }]),
             "data-index": index,
-            key: item[_ctx.acceptKey],
             onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
           }, toDisplayString(item[_ctx.acceptKey]), 11, _hoisted_6);
         }), 128))

package/dist/packages/_es/Ellipsis.js

@@ -201,9 +201,9 @@ const _hoisted_2 = { key: 1 };
 const _hoisted_3 = { key: 2 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
+    ref: "root",
     class: normalizeClass(_ctx.classes),
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-    ref: "root"
+    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
     !_ctx.exceeded ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true),
     _ctx.exceeded && !_ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_2, [

package/dist/packages/_es/FormItem.js

@@ -54,7 +54,6 @@ const _sfc_main = create({
   components: {
     [Cell.name]: Cell
   },
-  emits: [""],
   setup(props, { slots }) {
     const parent = inject("formErrorTip");
     provide("form", {

package/dist/packages/_es/GridItem.js

@@ -63,7 +63,7 @@ const _sfc_main = create({
         style.paddingTop = `${100 / +parent.columnNum}%`;
       } else if (parent.gutter) {
         style.paddingRight = pxCheck(parent.gutter);
-        if (index2.value >= parent.columnNum) {
+        if (index2.value >= +parent.columnNum) {
           style.marginTop = pxCheck(parent.gutter);
         }
       }

package/dist/packages/_es/Image.js

@@ -172,9 +172,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       src: _ctx.lazyLoad ? _ctx.show ? _ctx.src : void 0 : _ctx.src,
       "date-src": _ctx.lazyLoad ? _ctx.show ? void 0 : _ctx.src : void 0,
       alt: _ctx.alt,
+      style: normalizeStyle(_ctx.styles),
       onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args)),
-      onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args)),
-      style: normalizeStyle(_ctx.styles)
+      onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args))
     }, null, 44, _hoisted_1),
     _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
       !_ctx.slotLoding ? (openBlock(), createBlock(_component_Image, {

package/dist/packages/_es/ImagePreview.js

@@ -30,7 +30,7 @@ import Video from "./Video.js";
 import SwiperItem from "./SwiperItem.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import { CircleClose } from "@nutui/icons-vue";
-import { P as Popup } from "./index-7fe29a2f.js";
+import { P as Popup } from "./index-3032df15.js";
 import Swiper from "./Swiper.js";
 import { f as funInterceptor } from "./Interceptor-c05a39f2.js";
 import "../locale/lang";
@@ -405,8 +405,8 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = {
-  class: "nut-image-preview",
-  ref: "swipeRef"
+  ref: "swipeRef",
+  class: "nut-image-preview"
 };
 const _hoisted_2 = {
   key: 0,
@@ -418,13 +418,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CircleClose = resolveComponent("CircleClose");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
-    "pop-class": "nut-image-preview-custom-pop",
     visible: _ctx.showPop,
     "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPop = $event),
+    "pop-class": "nut-image-preview-custom-pop",
     teleportDisable: _ctx.teleportDisable,
     teleport: _ctx.teleport,
-    onClosed: _ctx.onClose,
-    "lock-scroll": ""
+    "lock-scroll": "",
+    onClosed: _ctx.onClose
   }, {
     default: withCtx(() => [
       createElementVNode("view", _hoisted_1, [
@@ -435,10 +435,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           loop: _ctx.isLoop,
           "is-preventDefault": false,
           direction: "horizontal",
-          onChange: _ctx.setActive,
           "init-page": _ctx.initNo,
           "pagination-visible": _ctx.paginationVisible,
-          "pagination-color": _ctx.paginationColor
+          "pagination-color": _ctx.paginationColor,
+          onChange: _ctx.setActive
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.mergeImages, (item, index) => {
@@ -450,15 +450,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 rootWidth: _ctx.rootWidth,
                 show: _ctx.showPop,
                 "init-no": _ctx.active + 1,
-                onClose: _ctx.onClose,
                 "content-close": _ctx.contentClose,
                 maxZoom: _ctx.maxZoom,
-                minZoom: _ctx.minZoom
-              }, null, 8, ["video", "image", "rootHeight", "rootWidth", "show", "init-no", "onClose", "content-close", "maxZoom", "minZoom"]);
+                minZoom: _ctx.minZoom,
+                onClose: _ctx.onClose
+              }, null, 8, ["video", "image", "rootHeight", "rootWidth", "show", "init-no", "content-close", "maxZoom", "minZoom", "onClose"]);
             }), 128))
           ]),
           _: 1
-        }, 8, ["auto-play", "loop", "onChange", "init-page", "pagination-visible", "pagination-color"])) : createCommentVNode("", true)
+        }, 8, ["auto-play", "loop", "init-page", "pagination-visible", "pagination-color", "onChange"])) : createCommentVNode("", true)
       ], 512),
       _ctx.showIndex ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.active + 1) + " / " + toDisplayString(_ctx.mergeImages.length), 1)) : createCommentVNode("", true),
       _ctx.closeable ? (openBlock(), createElementBlock("view", {

package/dist/packages/_es/InfiniteLoading.js

@@ -52,7 +52,7 @@ const _sfc_main = create({
       default: false
     }
   },
-  emits: ["scroll-change", "load-more", "update:modelValue"],
+  emits: ["scrollChange", "loadMore", "update:modelValue"],
   components: {
     Loading
   },
@@ -96,7 +96,7 @@ const _sfc_main = create({
         direction = "down";
       }
       state.beforeScrollTop = resScrollTop;
-      emit("scroll-change", resScrollTop);
+      emit("scrollChange", resScrollTop);
       return offsetDistance <= props.threshold && direction == "down";
     };
     const handleScroll = () => {
@@ -106,7 +106,7 @@ const _sfc_main = create({
         } else {
           state.isInfiniting = true;
           emit("update:modelValue", true);
-          nextTick(() => emit("load-more"));
+          nextTick(() => emit("loadMore"));
         }
       });
     };
@@ -161,8 +161,8 @@ const _hoisted_5 = { class: "nut-infinite__bottom-tips" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Loading = resolveComponent("Loading");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    ref: "scroller"
+    ref: "scroller",
+    class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("view", _hoisted_1, [
       renderSlot(_ctx.$slots, "default")

package/dist/packages/_es/Input.js

@@ -124,7 +124,7 @@ const _sfc_main = create({
     }
   },
   components: { MaskClose },
-  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click", "click-input"],
+  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click", "clickInput"],
   expose: ["focus", "blur", "select"],
   setup(props, { emit }) {
     const active = ref(false);
@@ -241,7 +241,7 @@ const _sfc_main = create({
       if (props.disabled) {
         return;
       }
-      emit("click-input", event);
+      emit("clickInput", event);
     };
     const onClick = (event) => {
       emit("click", event);
@@ -324,8 +324,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("", true),
         createElementVNode("view", _hoisted_4, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderInput(_ctx.type)), {
-            class: "input-text",
             ref: "inputRef",
+            class: "input-text",
             style: normalizeStyle(_ctx.styles),
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder,

package/dist/packages/_es/Invoice.js

@@ -54,7 +54,7 @@ const _sfc_main = create({
       default: true
     }
   },
-  emits: ["onSubmit", "scroll-bottom"],
+  emits: ["onSubmit", "scrollBottom"],
   setup(props, { emit }) {
     const formRef = ref();
     const list = ref([]);
@@ -91,7 +91,7 @@ const _sfc_main = create({
     });
   }
 });
-const _hoisted_1 = ["placeholder", "onUpdate:modelValue"];
+const _hoisted_1 = ["onUpdate:modelValue", "placeholder"];
 const _hoisted_2 = {
   key: 0,
   class: "nut-invoice__submit"
@@ -106,8 +106,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createVNode(_component_nut_form, {
-      "model-value": _ctx.formValue,
-      ref: "formRef"
+      ref: "formRef",
+      "model-value": _ctx.formValue
     }, {
       default: withCtx(() => [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index2) => {
@@ -141,9 +141,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : withDirectives((openBlock(), createElementBlock("input", {
                 key: 1,
+                "onUpdate:modelValue": ($event) => _ctx.formValue[item.formItemProp] = $event,
                 class: "nut-input-text",
                 placeholder: item.placeholder,
-                "onUpdate:modelValue": ($event) => _ctx.formValue[item.formItemProp] = $event,
                 type: "text"
               }, null, 8, _hoisted_1)), [
                 [vModelText, _ctx.formValue[item.formItemProp]]

package/dist/packages/_es/List.js

@@ -74,7 +74,7 @@ const _sfc_main = create({
       default: 10
     }
   },
-  emits: ["scroll-up", "scroll-down", "scroll-bottom"],
+  emits: ["scrollUp", "scrollDown", "scrollBottom"],
   setup(props, { emit }) {
     const list = ref(null);
     const phantom = ref(null);
@@ -196,10 +196,10 @@ const _sfc_main = create({
         state.originStartIndex = currentIndex;
         state.start = Math.max(state.originStartIndex - props.bufferSize, 0);
         if (end.value >= state.list.length - 1) {
-          emit("scroll-bottom");
+          emit("scrollBottom");
         }
       }
-      emit(scrollTop > state.scrollTop ? "scroll-up" : "scroll-down", scrollTop);
+      emit(scrollTop > state.scrollTop ? "scrollUp" : "scrollDown", scrollTop);
       state.scrollTop = scrollTop;
     };
     watch(
@@ -237,25 +237,25 @@ const _sfc_main = create({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
+    ref: "list",
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle({ height: `${_ctx.getContainerHeight}px` }),
-    onScrollPassive: _cache[0] || (_cache[0] = (...args) => _ctx.handleScrollEvent && _ctx.handleScrollEvent(...args)),
-    ref: "list"
+    onScrollPassive: _cache[0] || (_cache[0] = (...args) => _ctx.handleScrollEvent && _ctx.handleScrollEvent(...args))
   }, [
     createElementVNode("div", {
+      ref: "phantom",
       class: "nut-list-phantom",
-      style: normalizeStyle({ height: _ctx.phantomHeight + "px" }),
-      ref: "phantom"
+      style: normalizeStyle({ height: _ctx.phantomHeight + "px" })
     }, null, 4),
     createElementVNode("div", {
+      ref: "actualContent",
       class: "nut-list-container",
-      style: normalizeStyle({ transform: _ctx.getTransform() }),
-      ref: "actualContent"
+      style: normalizeStyle({ transform: _ctx.getTransform() })
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleData, (item, index2) => {
         return openBlock(), createElementBlock("div", {
-          class: "nut-list-item",
-          key: item
+          key: item,
+          class: "nut-list-item"
         }, [
           renderSlot(_ctx.$slots, "default", {
             item,

package/dist/packages/_es/Menu.js

@@ -166,15 +166,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("view", {
-      class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }]),
-      ref: "barRef"
+      ref: "barRef",
+      class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }])
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index2) => {
         return openBlock(), createElementBlock("view", {
           key: index2,
           class: normalizeClass(["nut-menu__item", { disabled: item.disabled, active: item.state.showPopup }]),
-          onClick: ($event) => !item.disabled && _ctx.toggleItem(index2),
-          style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
+          style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" }),
+          onClick: ($event) => !item.disabled && _ctx.toggleItem(index2)
         }, [
           createElementVNode("view", {
             class: normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])

package/dist/packages/_es/MenuItem.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, inject, getCurrentInstance, onUnmounted, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeStyle, createElementVNode, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
-import { P as Popup } from "./index-7fe29a2f.js";
+import { P as Popup } from "./index-3032df15.js";
 import { Check } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -138,26 +138,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.style)
   }, [
     withDirectives(createElementVNode("div", {
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args)),
       class: "nut-menu-item-placeholder-element",
-      style: normalizeStyle(_ctx.placeholderElementStyle)
+      style: normalizeStyle(_ctx.placeholderElementStyle),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args))
     }, null, 4), [
       [vShow, _ctx.state.showPopup]
     ]),
-    createVNode(_component_nut_popup, mergeProps({
-      style: { position: "absolute" },
-      overlayStyle: { position: "absolute" }
-    }, _ctx.$attrs, {
+    createVNode(_component_nut_popup, mergeProps(_ctx.$attrs, {
       visible: _ctx.state.showPopup,
       "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.state.showPopup = $event),
+      style: { position: "absolute" },
+      overlayStyle: { position: "absolute" },
       position: _ctx.parent.props.direction === "down" ? "top" : "bottom",
       duration: _ctx.parent.props.duration,
       "destroy-on-close": false,
       overlay: _ctx.parent.props.overlay,
-      onClosed: _ctx.handleClose,
       lockScroll: _ctx.parent.props.lockScroll,
       teleportDisable: false,
-      "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay
+      "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay,
+      onClosed: _ctx.handleClose
     }), {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1, [
@@ -188,7 +187,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 16, ["visible", "position", "duration", "overlay", "onClosed", "lockScroll", "close-on-click-overlay"])
+    }, 16, ["visible", "position", "duration", "overlay", "lockScroll", "close-on-click-overlay", "onClosed"])
   ], 4)), [
     [vShow, _ctx.state.showWrapper]
   ]);

package/dist/packages/_es/Navbar.js

@@ -39,7 +39,7 @@ const _sfc_main = create({
       default: 10
     }
   },
-  emits: ["on-click-back", "on-click-title", "on-click-icon", "on-click-right"],
+  emits: ["onClickBack", "onClickTitle", "onClickIcon", "onClickRight"],
   setup(props, { emit }) {
     const { border, fixed, safeAreaInsetTop, placeholder } = toRefs(props);
     const navHeight = ref("auto");
@@ -75,16 +75,16 @@ const _sfc_main = create({
       }
     });
     const handleLeft = () => {
-      emit("on-click-back");
+      emit("onClickBack");
     };
     const handleCenter = () => {
-      emit("on-click-title");
+      emit("onClickTitle");
     };
     const handleCenterIcon = () => {
-      emit("on-click-icon");
+      emit("onClickIcon");
     };
     const handleRight = () => {
-      emit("on-click-right");
+      emit("onClickRight");
     };
     return {
       navbarRef,
@@ -114,9 +114,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.rootStyle)
   }, [
     createElementVNode("view", {
+      ref: "navbarRef",
       class: normalizeClass(_ctx.classes),
-      style: normalizeStyle({ zIndex: _ctx.zIndex }),
-      ref: "navbarRef"
+      style: normalizeStyle({ zIndex: _ctx.zIndex })
     }, [
       createElementVNode("view", {
         class: "nut-navbar__left",