@nutui/nutui 4.1.4 → 4.1.5-beta.2

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,15 +324,15 @@ 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,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
             value: _ctx.modelValue,
-            formatTrigger: _ctx.formatTrigger,
+            "format-trigger": _ctx.formatTrigger,
             autofocus: _ctx.autofocus,
             enterkeyhint: _ctx.confirmType,
             onInput: _ctx.onInput,
@@ -342,7 +342,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onChange: _ctx.endComposing,
             onCompositionend: _ctx.endComposing,
             onCompositionstart: _ctx.startComposing
-          }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick", "onChange", "onCompositionend", "onCompositionstart"])),
+          }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "format-trigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick", "onChange", "onCompositionend", "onCompositionstart"])),
           _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_5, [
             createElementVNode("span", _hoisted_6, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
             createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)

package/dist/packages/_es/Invoice.js

@@ -54,7 +54,12 @@ const _sfc_main = create({
       default: true
     }
   },
-  emits: ["onSubmit", "scroll-bottom"],
+  emits: [
+    "submit",
+    "scrollBottom",
+    // will be deprecated
+    "onSubmit"
+  ],
   setup(props, { emit }) {
     const formRef = ref();
     const list = ref([]);
@@ -75,6 +80,7 @@ const _sfc_main = create({
     };
     const submitFun = () => {
       formRef.value.validate().then(({ valid, errors }) => {
+        emit("submit", valid, errors);
         emit("onSubmit", valid, errors);
       });
     };
@@ -91,7 +97,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 +112,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 +147,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" },
+      "overlay-style": { 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
+      "lock-scroll": _ctx.parent.props.lockScroll,
+      "teleport-disable": false,
+      "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", "lock-scroll", "close-on-click-overlay", "onClosed"])
   ], 4)), [
     [vShow, _ctx.state.showWrapper]
   ]);

package/dist/packages/_es/Navbar.js

@@ -39,7 +39,17 @@ const _sfc_main = create({
       default: 10
     }
   },
-  emits: ["on-click-back", "on-click-title", "on-click-icon", "on-click-right"],
+  emits: [
+    "clickBack",
+    "clickTitle",
+    "clickIcon",
+    "clickRight",
+    // will be deprecated
+    "onClickBack",
+    "onClickTitle",
+    "onClickIcon",
+    "onClickRight"
+  ],
   setup(props, { emit }) {
     const { border, fixed, safeAreaInsetTop, placeholder } = toRefs(props);
     const navHeight = ref("auto");
@@ -75,16 +85,20 @@ const _sfc_main = create({
       }
     });
     const handleLeft = () => {
-      emit("on-click-back");
+      emit("clickBack");
+      emit("onClickBack");
     };
     const handleCenter = () => {
-      emit("on-click-title");
+      emit("clickTitle");
+      emit("onClickTitle");
     };
     const handleCenterIcon = () => {
-      emit("on-click-icon");
+      emit("clickIcon");
+      emit("onClickIcon");
     };
     const handleRight = () => {
-      emit("on-click-right");
+      emit("clickRight");
+      emit("onClickRight");
     };
     return {
       navbarRef,
@@ -114,9 +128,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",

package/dist/packages/_es/Noticebar.js

@@ -92,7 +92,7 @@ const _sfc_main = create({
     Notice,
     CircleClose
   },
-  emits: ["click", "close", "across-end"],
+  emits: ["click", "close", "acrossEnd"],
   setup(props, { emit, slots }) {
     const wrap = ref(null);
     const content = ref(null);
@@ -208,7 +208,7 @@ const _sfc_main = create({
     };
     const onAnimationEnd = (event) => {
       state.firstRound = false;
-      emit("across-end", event);
+      emit("acrossEnd", event);
       setTimeout(() => {
         state.duration = (state.offsetWidth + state.wrapWidth) / props.speed;
         state.animationClass = "play-infinite";
@@ -220,19 +220,25 @@ const _sfc_main = create({
     };
     const showhorseLamp = () => {
       state.animate = true;
-      setTimeout(() => {
-        state.scrollList.push(state.scrollList[0]);
-        state.scrollList.shift();
-        state.animate = false;
-      }, ~~(props.height / props.speed / 4 * 1e3));
+      setTimeout(
+        () => {
+          state.scrollList.push(state.scrollList[0]);
+          state.scrollList.shift();
+          state.animate = false;
+        },
+        ~~(props.height / props.speed / 4 * 1e3)
+      );
     };
     const startRoll = () => {
-      state.timer = setInterval(() => {
-        let chunk = 100;
-        for (let i = 0; i < chunk; i++) {
-          scroll(i, i < chunk - 1 ? false : true);
-        }
-      }, props.standTime + 100 * props.speed);
+      state.timer = setInterval(
+        () => {
+          let chunk = 100;
+          for (let i = 0; i < chunk; i++) {
+            scroll(i, i < chunk - 1 ? false : true);
+          }
+        },
+        props.standTime + 100 * props.speed
+      );
     };
     const scroll = (n, last) => {
       setTimeout(() => {
@@ -407,8 +413,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
           return openBlock(), createElementBlock("li", {
-            class: "nut-noticebar__vertical-item",
             key: index2,
+            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);

package/dist/packages/_es/Notify.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, onMounted, h } 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 { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
@@ -102,7 +102,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.isShowPopup = $event),
     position: _ctx.position,
     overlay: false,
-    teleportDisable: _ctx.teleportDisable
+    "teleport-disable": _ctx.teleportDisable
   }, {
     default: withCtx(() => [
       createElementVNode("div", {
@@ -116,7 +116,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 6)
     ]),
     _: 3
-  }, 8, ["visible", "position", "teleportDisable"]);
+  }, 8, ["visible", "position", "teleport-disable"]);
 }
 const Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 const defaultOptions = {

package/dist/packages/_es/NumberKeyboard.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } 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 { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
@@ -46,6 +46,10 @@ const _sfc_main = create({
     popClass: {
       type: String,
       default: ""
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["input", "delete", "close", "blur", "update:modelValue", "update:visible"],
@@ -137,7 +141,7 @@ const _sfc_main = create({
       clickKeyIndex.value = item.id;
       if (item.type == "number" || item.type == "custom") {
         emit("input", item.id);
-        if (props.modelValue.length < props.maxlength) {
+        if (props.modelValue.length < +props.maxlength) {
           emit("update:modelValue", props.modelValue + item.id);
         }
       }
@@ -210,9 +214,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       visible: _ctx.show,
       "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => _ctx.show = $event),
       position: "bottom",
-      popClass: _ctx.popClass,
+      "pop-class": _ctx.popClass,
       overlay: false,
-      teleportDisable: false
+      "lock-scroll": _ctx.lockScroll,
+      "teleport-disable": false
     }, {
       default: withCtx(() => [
         createElementVNode("div", _hoisted_2, [
@@ -278,7 +283,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 1
-    }, 8, ["visible", "popClass"])
+    }, 8, ["visible", "pop-class", "lock-scroll"])
   ], 512);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/Overlay.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { computed, watchEffect, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, renderSlot, vShow } from "vue";
+import { computed, watchEffect, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, withModifiers, renderSlot, vShow } from "vue";
 import { b as body, c as createComponent } from "./component-0fbad28e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -107,8 +107,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
         class: normalizeClass(_ctx.classes),
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"])),
-        style: normalizeStyle(_ctx.style)
+        style: normalizeStyle(_ctx.style),
+        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 6), [

package/dist/packages/_es/Picker.js

@@ -437,8 +437,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
     createElementVNode("view", {
-      class: "nut-picker-roller",
       ref: "roller",
+      class: "nut-picker-roller",
       style: normalizeStyle(_ctx.threeDimensional ? _ctx.touchRollerStyle : _ctx.touchTileStyle),
       onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
     }, [
@@ -588,8 +588,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnsList, (column2, columnIndex) => {
         return openBlock(), createElementBlock("view", {
-          class: "nut-picker__columnitem",
-          key: columnIndex
+          key: columnIndex,
+          class: "nut-picker__columnitem"
         }, [
           createVNode(_component_nut_picker_column, {
             ref_for: true,

package/dist/packages/_es/Popover.js

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, watch, resolveComponent, openBlock, createEle
 import { i as isArray, c as createComponent } from "./component-0fbad28e.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { u as useRect } from "./index-29892cda.js";
-import { P as Popup } from "./index-7fe29a2f.js";
+import { P as Popup } from "./index-3032df15.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
@@ -223,9 +223,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(Fragment, null, [
     !_ctx.targetId ? (openBlock(), createElementBlock("div", {
       key: 0,
+      ref: "popoverRef",
       class: "nut-popover-wrapper",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.openPopover && _ctx.openPopover(...args)),
-      ref: "popoverRef"
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.openPopover && _ctx.openPopover(...args))
     }, [
       renderSlot(_ctx.$slots, "reference")
     ], 512)) : createCommentVNode("", true),
@@ -234,17 +234,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.getRootPosition)
     }, [
       createVNode(_component_nut_popup, {
-        popClass: `nut-popover-content nut-popover-content--${_ctx.location}`,
-        style: normalizeStyle(_ctx.customStyle),
         visible: _ctx.showPopup,
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
+        "pop-class": `nut-popover-content nut-popover-content--${_ctx.location}`,
+        style: normalizeStyle(_ctx.customStyle),
         position: "",
         transition: "nut-popover",
         overlay: _ctx.overlay,
         duration: _ctx.duration,
-        overlayStyle: _ctx.overlayStyle,
-        overlayClass: _ctx.overlayClass,
-        closeOnClickOverlay: _ctx.closeOnClickOverlay
+        "overlay-style": _ctx.overlayStyle,
+        "overlay-class": _ctx.overlayClass,
+        "close-on-click-overlay": _ctx.closeOnClickOverlay
       }, {
         default: withCtx(() => [
           createElementVNode("view", _hoisted_1, [
@@ -270,7 +270,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 512)
         ]),
         _: 3
-      }, 8, ["popClass", "style", "visible", "overlay", "duration", "overlayStyle", "overlayClass", "closeOnClickOverlay"])
+      }, 8, ["visible", "pop-class", "style", "overlay", "duration", "overlay-style", "overlay-class", "close-on-click-overlay"])
     ], 6)
   ], 64);
 }

package/dist/packages/_es/Popup.js

@@ -1,4 +1,4 @@
-import { P } from "./index-7fe29a2f.js";
+import { P } from "./index-3032df15.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "@nutui/icons-vue";

package/dist/packages/_es/PullRefresh.js

@@ -199,8 +199,8 @@ const _hoisted_1 = { class: "nut-pull-refresh-container-topbox-text" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Loading = resolveComponent("Loading");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.classes),
     ref: "scroller",
+    class: normalizeClass(_ctx.classes),
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
     onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))

package/dist/packages/_es/Range.js

@@ -67,7 +67,7 @@ const _sfc_main = create({
       default: 0
     }
   },
-  emits: ["change", "drag-end", "drag-start", "update:modelValue"],
+  emits: ["change", "dragEnd", "dragStart", "update:modelValue"],
   setup(props, { emit }) {
     const buttonIndex = ref(0);
     let startValue;
@@ -78,7 +78,7 @@ const _sfc_main = create({
     const marksList = computed(() => {
       const { marks, max, min } = props;
       const marksKeys = Object.keys(marks);
-      const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= min && point <= max);
+      const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= +min && point <= +max);
       return list;
     });
     const scope = computed(() => Number(props.max) - Number(props.min));
@@ -152,7 +152,7 @@ const _sfc_main = create({
       } else {
         upperBound = modelValue;
       }
-      let isActive = mark <= upperBound && mark >= lowerBound;
+      let isActive = mark <= +upperBound && mark >= lowerBound;
       return {
         [`${classPrefix}-text`]: true,
         [`${classPrefix}-text-active`]: isActive
@@ -253,7 +253,7 @@ const _sfc_main = create({
         return;
       }
       if (dragStatus.value === "start") {
-        emit("drag-start");
+        emit("dragStart");
       }
       touch.move(event);
       dragStatus.value = "draging";
@@ -281,7 +281,7 @@ const _sfc_main = create({
       }
       if (dragStatus.value === "draging") {
         updateValue(currentValue, true);
-        emit("drag-end");
+        emit("dragEnd");
       }
       dragStatus.value = "";
     };

package/dist/packages/_es/Row.js

@@ -26,7 +26,6 @@ const _sfc_main = create({
       default: "nowrap"
     }
   },
-  emits: [],
   setup(props) {
     const prefixCls = componentName;
     provide("gutter", props.gutter);

package/dist/packages/_es/Searchbar.js

@@ -94,9 +94,9 @@ const _sfc_main = create({
     "focus",
     "clear",
     "search",
-    "click-input",
-    "click-left-icon",
-    "click-right-icon"
+    "clickInput",
+    "clickLeftIcon",
+    "clickRightIcon"
   ],
   setup(props, { emit }) {
     const state = reactive({
@@ -150,13 +150,13 @@ const _sfc_main = create({
       emit("search", props.modelValue);
     };
     const clickInput = (event) => {
-      emit("click-input", event);
+      emit("clickInput", event);
     };
     const leftIconClick = (event) => {
-      emit("click-left-icon", props.modelValue, event);
+      emit("clickLeftIcon", props.modelValue, event);
     };
     const rightIconClick = (event) => {
-      emit("click-right-icon", props.modelValue, event);
+      emit("clickRightIcon", props.modelValue, event);
     };
     const styleSearchbar = computed(() => {
       const style = {
@@ -244,11 +244,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             value: _ctx.modelValue,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
+            style: normalizeStyle(_ctx.styleSearchbar),
             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)
+            onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
           }, null, 46, _hoisted_3)
         ], 32)
       ], 2),
@@ -257,8 +257,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
-          onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
-          class: "nut-searchbar__search-icon nut-searchbar__input-clear"
+          class: "nut-searchbar__search-icon nut-searchbar__input-clear",
+          onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args))
         }, [
           _ctx.$slots["clear-icon"] ? renderSlot(_ctx.$slots, "clear-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.clearIcon)), { key: 1 }))
         ], 512)), [