@nutui/nutui 4.1.5-beta.1 → 4.1.5

package/dist/packages/_es/ActionSheet.js

@@ -129,7 +129,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.visible,
     position: "bottom",
     round: "",
-    closeOnClickOverlay: _ctx.closeAbled,
+    "close-on-click-overlay": _ctx.closeAbled,
+    "lock-scroll": _ctx.lockScroll,
     onClickOverlay: _ctx.close
   }, {
     default: withCtx(() => [
@@ -168,7 +169,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["visible", "closeOnClickOverlay", "onClickOverlay"]);
+  }, 8, ["visible", "close-on-click-overlay", "lock-scroll", "onClickOverlay"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Address.js

@@ -394,7 +394,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     "lock-scroll": _ctx.lockScroll,
     round: _ctx.round,
-    teleportDisable: _ctx.teleportDisable,
+    "teleport-disable": _ctx.teleportDisable,
     teleport: _ctx.teleport,
     onClose: _ctx.close,
     onClickOverlay: _ctx.clickOverlay,
@@ -518,7 +518,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     _: 3
-  }, 8, ["visible", "lock-scroll", "round", "teleportDisable", "teleport", "onClose", "onClickOverlay"]);
+  }, 8, ["visible", "lock-scroll", "round", "teleport-disable", "teleport", "onClose", "onClickOverlay"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/AddressList.js

@@ -413,8 +413,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createBlock(_component_general_shell, {
         key: index2,
         item,
-        longPress: _ctx.longPress,
-        swipeEdition: _ctx.swipeEdition,
+        "long-press": _ctx.longPress,
+        "swipe-edition": _ctx.swipeEdition,
         onDelIcon: _ctx.clickDelIcon,
         onEditIcon: _ctx.clickEditIcon,
         onClickItem: _ctx.clickContentItem,
@@ -448,7 +448,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["item", "longPress", "swipeEdition", "onDelIcon", "onEditIcon", "onClickItem", "onSwipeDel", "onLongCopy", "onLongSet", "onLongDel"]);
+      ]), 1032, ["item", "long-press", "swipe-edition", "onDelIcon", "onEditIcon", "onClickItem", "onSwipeDel", "onLongCopy", "onLongSet", "onLongDel"]);
     }), 128)),
     _ctx.showBottomButton ? (openBlock(), createElementBlock("div", {
       key: 0,

package/dist/packages/_es/AvatarGroup.js

@@ -129,7 +129,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: "avater-fold",
       color: _ctx.maxColor,
-      bgColor: _ctx.maxBgColor,
+      "bg-color": _ctx.maxBgColor,
       size: _ctx.size,
       shape: _ctx.shape,
       style: normalizeStyle({ magrinLeft: `${_ctx.span}px` })
@@ -138,7 +138,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.maxContent || _ctx.foldCount), 1)
       ]),
       _: 1
-    }, 8, ["color", "bgColor", "size", "shape", "style"])) : createCommentVNode("", true)
+    }, 8, ["color", "bg-color", "size", "shape", "style"])) : createCommentVNode("", true)
   ], 4);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/Calendar.js

@@ -1,6 +1,6 @@
 import { computed, ref, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, createSlots, renderSlot } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
-import { C as CalendarItem, U as Utils } from "./index-ae1af668.js";
+import { C as CalendarItem, U as Utils } from "./index-7fdbc8f1.js";
 import { P as Popup } from "./index-3032df15.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -78,6 +78,10 @@ const _sfc_main = create({
       type: Number,
       default: 0,
       validator: (val) => val >= 0 && val <= 6
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["choose", "close", "update:visible", "select"],
@@ -149,6 +153,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     closeable: ""
   }, _ctx.$attrs, {
     style: { height: "85vh" },
+    "lock-scroll": _ctx.lockScroll,
     onClickOverlay: _ctx.closePopup,
     onClickCloseIcon: _ctx.closePopup
   }), {
@@ -212,7 +217,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "confirm-text", "start-text", "end-text", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week", "onUpdate", "onClose", "onChoose", "onSelect"])
     ]),
     _: 3
-  }, 16, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
+  }, 16, ["visible", "lock-scroll", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
     key: 1,
     ref: "calendarRef",
     type: _ctx.type,

package/dist/packages/_es/CalendarItem.js

@@ -1,4 +1,4 @@
-import { C } from "./index-ae1af668.js";
+import { C } from "./index-7fdbc8f1.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "./component-0fbad28e.js";

package/dist/packages/_es/Cascader.js

@@ -583,7 +583,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         innerHTML: _ctx.title
       }, null, 8, _hoisted_1)) : createCommentVNode("", true),
       createVNode(_component_nut_cascader_item, {
-        modelValue: _ctx.innerValue,
+        "model-value": _ctx.innerValue,
         options: _ctx.options,
         lazy: _ctx.lazy,
         "lazy-load": _ctx.lazyLoad,
@@ -594,12 +594,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         visible: _ctx.innerVisible,
         onChange: _ctx.onChange,
         onPathChange: _ctx.onPathChange
-      }, null, 8, ["modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible", "onChange", "onPathChange"])
+      }, null, 8, ["model-value", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible", "onChange", "onPathChange"])
     ]),
     _: 1
   }, 8, ["visible", "closeable", "close-icon-position"])) : (openBlock(), createBlock(_component_nut_cascader_item, {
     key: 1,
-    modelValue: _ctx.innerValue,
+    "model-value": _ctx.innerValue,
     options: _ctx.options,
     lazy: _ctx.lazy,
     "lazy-load": _ctx.lazyLoad,
@@ -610,7 +610,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.innerVisible,
     onChange: _ctx.onChange,
     onPathChange: _ctx.onPathChange
-  }, null, 8, ["modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible", "onChange", "onPathChange"]));
+  }, null, 8, ["model-value", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible", "onChange", "onPathChange"]));
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/ConfigProvider.js

@@ -1,75 +1,66 @@
 import { c as createComponent } from "./component-0fbad28e.js";
-import { h } from "vue";
+import { computed, h } from "vue";
 import "../locale/lang";
-const { create } = createComponent("config-provider");
-const _sfc_main = create({
-  props: {
-    theme: { type: String, default: "" },
-    themeVars: { type: Object, default: {} },
-    tag: { type: String, default: "div" }
-  },
-  setup(props, { slots }) {
-    const kebabCase = (str) => {
-      str = str.replace(str.charAt(0), str.charAt(0).toLocaleLowerCase());
-      return str.replace(/([a-z])([A-Z])/g, (_, p1, p2) => p1 + "-" + p2.toLowerCase());
-    };
-    const colorRgb = (str) => {
-      if (!str)
-        return;
-      var sColor = str.toLowerCase();
-      var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
-      if (sColor && reg.test(sColor)) {
-        if (sColor.length === 4) {
-          var sColorNew = "#";
-          for (let i = 1; i < 4; i += 1) {
-            sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));
-          }
-          sColor = sColorNew;
+const component = (tag) => {
+  return {
+    props: {
+      theme: { type: String, default: "" },
+      themeVars: { type: Object, default: {} },
+      tag: { type: String, default: tag }
+    },
+    setup(props, { slots }) {
+      var _a;
+      const hexToRgb = (color) => {
+        const reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+        if (!reg.test(color))
+          return "";
+        color = color.toLowerCase();
+        if (color.length === 4) {
+          color = "#" + color.slice(1).split("").map((char) => char + char).join("");
         }
-        var sColorChange = [];
+        const colors = [];
         for (let i = 1; i < 7; i += 2) {
-          sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));
+          colors.push(parseInt("0x" + color.slice(i, i + 2)));
         }
-        return sColorChange.join(",");
-      }
-      return null;
-    };
-    const mapThemeVarsToCSSVars = (themeVars) => {
-      var _a;
-      if (!themeVars)
-        return;
-      const cssVars = {};
-      const primaryColor = (_a = props == null ? void 0 : props.themeVars) == null ? void 0 : _a.primaryColor;
-      if (primaryColor) {
-        cssVars[`--nut-address-region-tab-line`] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${colorRgb(
-          primaryColor
-        )},0.15) 100%) `;
-        cssVars[`--nut-tabs-horizontal-tab-line-color`] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${colorRgb(
-          primaryColor
-        )},0.15)100%)`;
-        cssVars[`--nut-tabs-vertical-tab-line-color`] = `linear-gradient(180deg, ${primaryColor} 0%, rgba(${colorRgb(
-          primaryColor
-        )},0.15) 100%) `;
-      }
-      Object.keys(themeVars).forEach((key) => {
-        cssVars[`--nut-${kebabCase(key)}`] = themeVars[key];
-      });
-      return cssVars;
-    };
-    return () => {
-      var _a;
+        return colors.join(",");
+      };
+      const kebabCase = (str) => {
+        str = str.replace(str.charAt(0), str.charAt(0).toLocaleLowerCase());
+        return str.replace(/([a-z])([A-Z])/g, (_, p1, p2) => p1 + "-" + p2.toLowerCase());
+      };
+      const mapThemeVarsToCSSVars = (themeVars) => {
+        if (!themeVars)
+          return;
+        const cssVars = {};
+        const primaryColor = themeVars == null ? void 0 : themeVars.primaryColor;
+        if (primaryColor) {
+          const primaryColorRgb = hexToRgb(primaryColor);
+          cssVars["--nut-address-region-tab-line"] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`;
+          cssVars["--nut-tabs-horizontal-tab-line-color"] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`;
+          cssVars["--nut-tabs-vertical-tab-line-color"] = `linear-gradient(180deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`;
+        }
+        Object.keys(themeVars).forEach((key) => {
+          cssVars[`--nut-${kebabCase(key)}`] = themeVars[key];
+        });
+        return cssVars;
+      };
+      const themeStyle = computed(() => mapThemeVarsToCSSVars(props.themeVars));
       const defaultSlots = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      return h(
-        props.tag,
-        {
-          class: `nut-theme-${props.theme}`,
-          style: mapThemeVarsToCSSVars(props.themeVars)
-        },
-        defaultSlots
-      );
-    };
-  }
-});
+      return () => {
+        return h(
+          props.tag,
+          {
+            class: `nut-theme-${props.theme}`,
+            style: themeStyle.value
+          },
+          defaultSlots
+        );
+      };
+    }
+  };
+};
+const { create } = createComponent("config-provider");
+const _sfc_main = create(component("div"));
 export {
   _sfc_main as default
 };

package/dist/packages/_es/Countdown.js

@@ -76,7 +76,17 @@ const _sfc_main = create({
       default: 0
     }
   },
-  emits: ["input", "onEnd", "onRestart", "onPaused", "update:modelValue"],
+  emits: [
+    "input",
+    "update:modelValue",
+    "end",
+    "restart",
+    "paused",
+    // will be deprecated
+    "onEnd",
+    "onRestart",
+    "onPaused"
+  ],
   setup(props, { emit, slots }) {
     const state = reactive({
       restTime: 0,
@@ -115,6 +125,7 @@ const _sfc_main = create({
             if (!remainTime) {
               state.counting = false;
               pause();
+              emit("end");
               emit("onEnd");
             }
             if (remainTime > 0) {
@@ -186,12 +197,14 @@ const _sfc_main = create({
         state.counting = true;
         state.handleEndTime = Date.now() + Number(state.restTime);
         tick();
+        emit("restart", state.restTime);
         emit("onRestart", state.restTime);
       }
     };
     const pause = () => {
       cancelAnimationFrame(state.timer);
       state.counting = false;
+      emit("paused", state.restTime);
       emit("onPaused", state.restTime);
     };
     const reset = () => {
@@ -228,6 +241,7 @@ const _sfc_main = create({
             state.handleEndTime = Date.now() + Number(state.restTime);
             tick();
           }
+          emit("restart", state.restTime);
           emit("onRestart", state.restTime);
         }
       }

package/dist/packages/_es/DatePicker.js

@@ -356,15 +356,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_nut_picker, {
     modelValue: _ctx.selectedValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.selectedValue = $event),
-    okText: _ctx.okText,
-    cancelText: _ctx.cancelText,
+    "ok-text": _ctx.okText,
+    "cancel-text": _ctx.cancelText,
     columns: _ctx.columns,
     title: _ctx.title,
-    threeDimensional: _ctx.threeDimensional,
-    swipeDuration: _ctx.swipeDuration,
-    showToolbar: _ctx.showToolbar,
-    visibleOptionNum: _ctx.visibleOptionNum,
-    optionHeight: _ctx.optionHeight,
+    "three-dimensional": _ctx.threeDimensional,
+    "swipe-duration": _ctx.swipeDuration,
+    "show-toolbar": _ctx.showToolbar,
+    "visible-option-num": _ctx.visibleOptionNum,
+    "option-height": _ctx.optionHeight,
     onCancel: _ctx.closeHandler,
     onChange: _ctx.changeHandler,
     onConfirm: _ctx.confirm
@@ -376,7 +376,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["modelValue", "okText", "cancelText", "columns", "title", "threeDimensional", "swipeDuration", "showToolbar", "visibleOptionNum", "optionHeight", "onCancel", "onChange", "onConfirm"]);
+  }, 8, ["modelValue", "ok-text", "cancel-text", "columns", "title", "three-dimensional", "swipe-duration", "show-toolbar", "visible-option-num", "option-height", "onCancel", "onChange", "onConfirm"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/ImagePreview.js

@@ -421,7 +421,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.showPop,
     "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPop = $event),
     "pop-class": "nut-image-preview-custom-pop",
-    teleportDisable: _ctx.teleportDisable,
+    "teleport-disable": _ctx.teleportDisable,
     teleport: _ctx.teleport,
     "lock-scroll": "",
     onClosed: _ctx.onClose
@@ -433,7 +433,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "auto-play": _ctx.autoplay,
           class: "nut-image-preview-swiper",
           loop: _ctx.isLoop,
-          "is-preventDefault": false,
+          "is-prevent-default": false,
           direction: "horizontal",
           "init-page": _ctx.initNo,
           "pagination-visible": _ctx.paginationVisible,
@@ -446,15 +446,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: index,
                 video: index < _ctx.videos.length ? item : {},
                 image: index >= _ctx.videos.length ? item : {},
-                rootHeight: _ctx.rootHeight,
-                rootWidth: _ctx.rootWidth,
+                "root-height": _ctx.rootHeight,
+                "root-width": _ctx.rootWidth,
                 show: _ctx.showPop,
                 "init-no": _ctx.active + 1,
                 "content-close": _ctx.contentClose,
-                maxZoom: _ctx.maxZoom,
-                minZoom: _ctx.minZoom,
+                "max-zoom": _ctx.maxZoom,
+                "min-zoom": _ctx.minZoom,
                 onClose: _ctx.onClose
-              }, null, 8, ["video", "image", "rootHeight", "rootWidth", "show", "init-no", "content-close", "maxZoom", "minZoom", "onClose"]);
+              }, null, 8, ["video", "image", "root-height", "root-width", "show", "init-no", "content-close", "max-zoom", "min-zoom", "onClose"]);
             }), 128))
           ]),
           _: 1
@@ -472,7 +472,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)) : createCommentVNode("", true)
     ]),
     _: 3
-  }, 8, ["visible", "teleportDisable", "teleport", "onClosed"]);
+  }, 8, ["visible", "teleport-disable", "teleport", "onClosed"]);
 }
 const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class ImagePreviewOptions {

package/dist/packages/_es/Input.js

@@ -332,7 +332,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             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", "scrollBottom"],
+  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);
       });
     };

package/dist/packages/_es/MenuItem.js

@@ -148,13 +148,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       visible: _ctx.state.showPopup,
       "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.state.showPopup = $event),
       style: { position: "absolute" },
-      overlayStyle: { 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,
-      lockScroll: _ctx.parent.props.lockScroll,
-      teleportDisable: false,
+      "lock-scroll": _ctx.parent.props.lockScroll,
+      "teleport-disable": false,
       "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay,
       onClosed: _ctx.handleClose
     }), {
@@ -187,7 +187,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 16, ["visible", "position", "duration", "overlay", "lockScroll", "close-on-click-overlay", "onClosed"])
+    }, 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: ["onClickBack", "onClickTitle", "onClickIcon", "onClickRight"],
+  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,15 +85,19 @@ const _sfc_main = create({
       }
     });
     const handleLeft = () => {
+      emit("clickBack");
       emit("onClickBack");
     };
     const handleCenter = () => {
+      emit("clickTitle");
       emit("onClickTitle");
     };
     const handleCenterIcon = () => {
+      emit("clickIcon");
       emit("onClickIcon");
     };
     const handleRight = () => {
+      emit("clickRight");
       emit("onClickRight");
     };
     return {

package/dist/packages/_es/Notify.js

@@ -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

@@ -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"],
@@ -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/Popover.js

@@ -236,15 +236,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_nut_popup, {
         visible: _ctx.showPopup,
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
-        popClass: `nut-popover-content nut-popover-content--${_ctx.location}`,
+        "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, ["visible", "popClass", "style", "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/ShortPassword.js

@@ -44,6 +44,10 @@ const _sfc_main = create({
       type: [String, Number],
       //4～6
       default: 6
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "update:visible", "complete", "tips", "close", "focus"],
@@ -120,7 +124,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       closeable: true,
       "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      teleportDisable: false,
+      "teleport-disable": false,
+      "lock-scroll": _ctx.lockScroll,
       onClickCloseIcon: _ctx.close,
       onClickOverlay: _ctx.close
     }, {
@@ -157,7 +162,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 1
-    }, 8, ["visible", "close-on-click-overlay", "onClickCloseIcon", "onClickOverlay"])
+    }, 8, ["visible", "close-on-click-overlay", "lock-scroll", "onClickCloseIcon", "onClickOverlay"])
   ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);