@nutui/nutui 4.0.0-beta.19 → 4.0.0-beta.20

package/dist/packages/_es/ActionSheet.js

@@ -45,10 +45,6 @@ const _sfc_main = create({
       type: Array,
       default: () => []
     },
-    isWrapTeleport: {
-      type: Boolean,
-      default: true
-    },
     closeAbled: {
       type: Boolean,
       default: true
@@ -111,7 +107,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
     visible: _ctx.visible,
-    isWrapTeleport: _ctx.isWrapTeleport,
     position: "bottom",
     round: "",
     onClickOverlay: _ctx.close,
@@ -153,7 +148,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"]);
+  }, 8, ["visible", "onClickOverlay", "closeOnClickOverlay"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/AddressList.js

@@ -16,7 +16,7 @@ const _sfc_main$2 = create$2({
       default: {}
     }
   },
-  emits: ["delIcon", "editIcon", "itemClick"],
+  emits: ["delIcon", "editIcon", "clickItem"],
   setup(props, { emit }) {
     const delClick = (event) => {
       emit("delIcon", event, props.item);
@@ -27,7 +27,7 @@ const _sfc_main$2 = create$2({
       event.stopPropagation();
     };
     const contentsClick = (event) => {
-      emit("itemClick", event, props.item);
+      emit("clickItem", event, props.item);
       event.stopPropagation();
     };
     return {
@@ -40,14 +40,14 @@ const _sfc_main$2 = create$2({
 });
 const _hoisted_1$1 = { class: "nut-address-list-item__info" };
 const _hoisted_2$1 = { class: "nut-address-list-item__info-contact" };
-const _hoisted_3$1 = { class: "nut-address-list-item__info-contact-name" };
-const _hoisted_4$1 = { class: "nut-address-list-item__info-contact-tel" };
-const _hoisted_5$1 = {
+const _hoisted_3 = { class: "nut-address-list-item__info-contact-name" };
+const _hoisted_4 = { class: "nut-address-list-item__info-contact-tel" };
+const _hoisted_5 = {
   key: 0,
   class: "nut-address-list-item__info-contact-default"
 };
-const _hoisted_6$1 = { class: "nut-address-list-item__info-handle" };
-const _hoisted_7$1 = { class: "nut-address-list-item__addr" };
+const _hoisted_6 = { class: "nut-address-list-item__info-handle" };
+const _hoisted_7 = { class: "nut-address-list-item__addr" };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Del = resolveComponent("Del");
   const _component_Edit = resolveComponent("Edit");
@@ -58,12 +58,12 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_1$1, [
       createElementVNode("div", _hoisted_2$1, [
         renderSlot(_ctx.$slots, "contentTop", {}, () => [
-          createElementVNode("div", _hoisted_3$1, toDisplayString(_ctx.item.addressName), 1),
-          createElementVNode("div", _hoisted_4$1, toDisplayString(_ctx.item.phone), 1),
-          _ctx.item.defaultAddress ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString(_ctx.translate("default")), 1)) : createCommentVNode("", true)
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.item.addressName), 1),
+          createElementVNode("div", _hoisted_4, toDisplayString(_ctx.item.phone), 1),
+          _ctx.item.defaultAddress ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(_ctx.translate("default")), 1)) : createCommentVNode("", true)
         ])
       ]),
-      createElementVNode("div", _hoisted_6$1, [
+      createElementVNode("div", _hoisted_6, [
         renderSlot(_ctx.$slots, "contentIcon", {}, () => [
           createVNode(_component_Del, {
             name: "del",
@@ -78,7 +78,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ]),
-    createElementVNode("div", _hoisted_7$1, [
+    createElementVNode("div", _hoisted_7, [
       renderSlot(_ctx.$slots, "contentAddr", {}, () => [
         createTextVNode(toDisplayString(_ctx.item.fullAddress), 1)
       ])
@@ -102,7 +102,7 @@ const _sfc_main$1 = create$1({
       default: false
     }
   },
-  emits: ["delIcon", "editIcon", "itemClick", "longDown", "longCopy", "longSet", "longDel", "swipeDel"],
+  emits: ["delIcon", "editIcon", "clickItem", "longDown", "longCopy", "longSet", "longDel", "swipeDel"],
   components: {
     ItemContents,
     [Button.name]: Button,
@@ -118,8 +118,8 @@ const _sfc_main$1 = create$1({
         onEditIcon(event) {
           editClick(event);
         },
-        onItemClick(event) {
-          itemClick(event);
+        onClickItem(event) {
+          clickItem(event);
         }
       });
     };
@@ -134,10 +134,10 @@ const _sfc_main$1 = create$1({
       emit("editIcon", event, props.item);
       event.stopPropagation();
     };
-    const itemClick = (event) => {
+    const clickItem = (event) => {
       if (moveRef.value)
         return;
-      emit("itemClick", event, props.item);
+      emit("clickItem", event, props.item);
       event.stopPropagation();
     };
     const delLongClick = (event) => {
@@ -191,7 +191,7 @@ const _sfc_main$1 = create$1({
     return {
       renderCompontent,
       showMaskRef,
-      itemClick,
+      clickItem,
       editClick,
       delClick,
       delLongClick,
@@ -212,31 +212,7 @@ const _hoisted_1 = {
   key: 0,
   class: "nut-address-list-general"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "nut-address-list-mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" 复制"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("地址 ")
-], -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "nut-address-list-mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" 设置"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("默认 ")
-], -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "nut-address-list-mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" 删除"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("地址 ")
-], -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
-const _hoisted_8 = { class: "nut-address-list-swipe" };
+const _hoisted_2 = { class: "nut-address-list-swipe" };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
   const _component_nut_swipe = resolveComponent("nut-swipe");
@@ -266,15 +242,15 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", {
           class: "nut-address-list-general__mask-copy",
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.copyCLick && _ctx.copyCLick(...args))
-        }, _hoisted_3),
+        }, " 复制地址 "),
         createElementVNode("div", {
           class: "nut-address-list-general__mask-set",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.setDefault && _ctx.setDefault(...args))
-        }, _hoisted_5),
+        }, " 设置默认 "),
         createElementVNode("div", {
           class: "nut-address-list-general__mask-del",
           onClick: _cache[2] || (_cache[2] = (...args) => _ctx.delLongClick && _ctx.delLongClick(...args))
-        }, _hoisted_7)
+        }, " 删除地址 ")
       ])
     ])) : createCommentVNode("", true),
     _ctx.showMaskRef ? (openBlock(), createElementBlock("div", {
@@ -299,7 +275,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_8, [
+      createElementVNode("div", _hoisted_2, [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderCompontent()), {
           onTouchmove: _ctx.swipemove,
           onTouchstart: _ctx.swipestart
@@ -340,7 +316,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
-    dataMapOptions: {
+    dataOptions: {
       type: Object,
       default: {}
     }
@@ -349,7 +325,7 @@ const _sfc_main = create({
     GeneralShell,
     [Button.name]: Button
   },
-  emits: ["delIcon", "editIcon", "itemClick", "longCopy", "longSet", "longDel", "swipeDel", "add"],
+  emits: ["delIcon", "editIcon", "clickItem", "longCopy", "longSet", "longDel", "swipeDel", "add"],
   setup(props, { emit }) {
     const dataArray = ref([]);
     const dataInfo = reactive({
@@ -366,9 +342,9 @@ const _sfc_main = create({
       };
     });
     const trowelData = () => {
-      if (Object.keys(props.dataMapOptions).length > 0) {
+      if (Object.keys(props.dataOptions).length > 0) {
         dataArray.value = props.data.map((item) => {
-          return floatData(dataInfo, item, props.dataMapOptions);
+          return floatData(dataInfo, item, props.dataOptions);
         });
       }
     };
@@ -386,7 +362,7 @@ const _sfc_main = create({
       event.stopPropagation();
     };
     const clickContentItem = (event, item) => {
-      emit("itemClick", event, item);
+      emit("clickItem", event, item);
       event.stopPropagation();
     };
     const clickLongCopy = (event, item) => {
@@ -441,7 +417,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         swipeEdition: _ctx.swipeEdition,
         onDelIcon: _ctx.clickDelIcon,
         onEditIcon: _ctx.clickEditIcon,
-        onItemClick: _ctx.clickContentItem,
+        onClickItem: _ctx.clickContentItem,
         onSwipeDel: _ctx.clickSwipeDel,
         onLongCopy: _ctx.clickLongCopy,
         onLongSet: _ctx.clickLongSet,
@@ -472,7 +448,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["item", "longPress", "swipeEdition", "onDelIcon", "onEditIcon", "onItemClick", "onSwipeDel", "onLongCopy", "onLongSet", "onLongDel"]);
+      ]), 1032, ["item", "longPress", "swipeEdition", "onDelIcon", "onEditIcon", "onClickItem", "onSwipeDel", "onLongCopy", "onLongSet", "onLongDel"]);
     }), 128)),
     _ctx.showBottomButton ? (openBlock(), createElementBlock("div", {
       key: 0,

package/dist/packages/_es/Card.js

@@ -13,32 +13,25 @@ const _sfc_main = create({
   },
   props: {
     imgUrl: {
-      type: String,
-      default: ""
+      type: String
     },
     title: {
-      type: String,
-      default: ""
+      type: String
     },
     price: {
-      type: String,
-      default: ""
+      type: String
     },
     vipPrice: {
-      type: String,
-      default: ""
+      type: String
     },
     shopDesc: {
-      type: String,
-      default: ""
+      type: String
     },
     delivery: {
-      type: String,
-      default: ""
+      type: String
     },
     shopName: {
-      type: String,
-      default: ""
+      type: String
     },
     isNeedPrice: {
       type: Boolean,

package/dist/packages/_es/Comment.js

@@ -73,10 +73,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_nut_rate, {
               modelValue: _ctx.info.score,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
-              "icon-size": "10",
+              size: "15",
               spacing: "5",
               readonly: "",
-              disabled: true,
+              touchable: false,
               onChange: _ctx.handleClick
             }, null, 8, ["modelValue", "onChange"])
           ])
@@ -99,10 +99,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_nut_rate, {
         modelValue: _ctx.info.score,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
-        "icon-size": "12",
+        size: "15",
         spacing: "3",
         readonly: "",
-        disabled: true
+        touchable: false
       }, null, 8, ["modelValue"]),
       createElementVNode("i", {
         class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])

package/dist/packages/_es/Countup.js

@@ -347,11 +347,7 @@ const _sfc_main = create({
           timeOut && clearTimeout(timeOut);
           el.style.transition = "none";
           el.style.top = "0";
-          if (turningNum == 10) {
-            if (el.previousSibling) {
-              runStep(el.previousSibling);
-            }
-          }
+          reset(el, turningNum);
         }, 0.975 * props.during);
       } else {
         el.style.top = `-${data.sortFlag == "add" ? turningNum * 100 : (10 - turningNum) * 100}%`;
@@ -360,6 +356,15 @@ const _sfc_main = create({
         runStep(el.previousSibling);
       }
     };
+    const reset = (el, turningNum) => {
+      setTimeout(() => {
+        if (turningNum == 10) {
+          if (el.previousSibling) {
+            runStep(el.previousSibling);
+          }
+        }
+      }, 200);
+    };
     const imgNumberScroll = () => {
       if (data.pointNum != 0) {
         Math.pow(10, data.pointNum);

package/dist/packages/_es/Input.js

@@ -30,10 +30,6 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
 const { componentName, create } = createComponent("input");
 const _sfc_main = create({
   props: {
-    ref: {
-      type: String,
-      default: ""
-    },
     type: {
       type: String,
       default: "text"
@@ -50,10 +46,6 @@ const _sfc_main = create({
       type: String,
       default: "left"
     },
-    center: {
-      type: Boolean,
-      default: false
-    },
     required: {
       type: Boolean,
       default: false
@@ -68,7 +60,7 @@ const _sfc_main = create({
     },
     maxLength: {
       type: [String, Number],
-      default: "9999"
+      default: ""
     },
     clearable: {
       type: Boolean,
@@ -90,14 +82,6 @@ const _sfc_main = create({
       type: Function,
       default: null
     },
-    rules: {
-      type: Array,
-      default: []
-    },
-    rows: {
-      type: [String, Number],
-      default: null
-    },
     showWordLimit: {
       type: Boolean,
       default: false
@@ -116,7 +100,7 @@ const _sfc_main = create({
     }
   },
   components: { MaskClose },
-  emits: ["update:modelValue", "change", "blur", "focus", "clear", "keypress", "click-input"],
+  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click-input"],
   setup(props, { emit, slots }) {
     const active = ref(false);
     const inputRef = ref();
@@ -138,7 +122,6 @@ const _sfc_main = create({
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        center: props.center,
         [`${prefixCls}--disabled`]: props.disabled,
         [`${prefixCls}--required`]: props.required,
         [`${prefixCls}--error`]: props.error,
@@ -160,12 +143,14 @@ const _sfc_main = create({
       }
     };
     const onInput = (event) => {
-      const input = event.target;
-      let value = input.value;
-      if (props.maxLength && value.length > Number(props.maxLength)) {
-        value = value.slice(0, Number(props.maxLength));
+      if (!event.target.composing) {
+        const input = event.target;
+        let value = input.value;
+        if (props.maxLength && value.length > Number(props.maxLength)) {
+          value = value.slice(0, Number(props.maxLength));
+        }
+        updateValue(value);
       }
-      updateValue(value);
     };
     const updateValue = (value, trigger = "onChange") => {
       var _a;
@@ -183,7 +168,6 @@ const _sfc_main = create({
       }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
-        emit("change", value);
       }
     };
     const onFocus = (event) => {
@@ -217,7 +201,6 @@ const _sfc_main = create({
       if (props.disabled)
         return;
       emit("update:modelValue", "", event);
-      emit("change", "", event);
       emit("clear", "", event);
     };
     const resetValidation = () => {
@@ -232,6 +215,15 @@ const _sfc_main = create({
       }
       emit("click-input", event);
     };
+    const startComposing = ({ target }) => {
+      target.composing = true;
+    };
+    const endComposing = ({ target }) => {
+      if (target.composing) {
+        target.composing = false;
+        target.dispatchEvent(new Event("input"));
+      }
+    };
     watch(
       () => props.modelValue,
       () => {
@@ -253,6 +245,8 @@ const _sfc_main = create({
       onFocus,
       onBlur,
       clear,
+      startComposing,
+      endComposing,
       onClickInput
     };
   }
@@ -292,8 +286,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onInput: _ctx.onInput,
             onFocus: _ctx.onFocus,
             onBlur: _ctx.onBlur,
-            onClick: _ctx.onClickInput
-          }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick"])),
+            onClick: _ctx.onClickInput,
+            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"])),
           _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_4, [
             createElementVNode("span", _hoisted_5, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
             createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
@@ -303,8 +300,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "clear", {}, () => [
             createVNode(_component_MaskClose, mergeProps({ class: "nut-input-clear" }, _ctx.$attrs, {
               size: _ctx.clearSize,
+              width: _ctx.clearSize,
+              height: _ctx.clearSize,
               onClick: _ctx.clear
-            }), null, 16, ["size", "onClick"])
+            }), null, 16, ["size", "width", "height", "onClick"])
           ])
         ], 512)), [
           [vShow, _ctx.active && _ctx.modelValue.length > 0]

package/dist/packages/_es/NumberKeyboard.js

@@ -126,9 +126,9 @@ const _sfc_main = create({
       (value) => {
         show.value = value;
         if (value) {
-          window.addEventListener("touchstart", clickAway, true);
+          window.addEventListener("touchstart", clickAway, false);
         } else {
-          window.removeEventListener("touchstart", clickAway, true);
+          window.removeEventListener("touchstart", clickAway, false);
         }
       }
     );

package/dist/packages/_es/Picker.js

@@ -238,7 +238,7 @@ const _sfc_main$1 = create$1({
         let dom = roller.value;
         const { transform } = window.getComputedStyle(dom);
         if (props.threeDimensional) {
-          const circle = Math.floor(touchDeg.value / 360);
+          const circle = Math.floor(parseInt(touchDeg.value) / 360);
           const cos = +transform.split(", ")[5];
           const sin = +transform.split(", ")[6] < 0 ? 180 : 0;
           const endDeg = circle * 360 + Math.acos(cos) / Math.PI * 180 + sin;
@@ -247,6 +247,7 @@ const _sfc_main$1 = create$1({
           state.scrollDistance = +transform.slice(7, transform.length - 1).split(", ")[5];
         }
       }
+      preventDefault(event, true);
       state.touchParams.startY = touch.deltaY.value;
       state.touchParams.startTime = Date.now();
       state.transformY = state.scrollDistance;

package/dist/packages/_es/Progress.js

@@ -54,9 +54,12 @@ const _sfc_main = create({
     const height = ref(props.strokeWidth + "px");
     const progressOuter = ref();
     const insideText = ref();
+    const percentage = computed(() => {
+      return props.percentage >= 100 ? 100 : props.percentage;
+    });
     const bgStyle = computed(() => {
       return {
-        width: props.percentage + "%",
+        width: percentage.value + "%",
         background: props.strokeColor || ""
       };
     });
@@ -69,6 +72,7 @@ const _sfc_main = create({
     });
     return {
       height,
+      percentage,
       bgStyle,
       textStyle,
       progressOuter,
@@ -78,6 +82,10 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = { class: "nut-progress" };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-progress-text"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checked = resolveComponent("Checked");
   return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -119,11 +127,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4)) : createCommentVNode("", true)
       ], 6)
     ], 6),
-    _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "nut-progress-text",
-      style: normalizeStyle({ lineHeight: _ctx.height })
-    }, [
+    _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", _hoisted_2, [
       _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
         key: 0,
         style: normalizeStyle(_ctx.textStyle)
@@ -134,7 +138,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           color: "#439422"
         })
       ]) : createCommentVNode("", true)
-    ], 4)) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true)
   ]);
 }
 const Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/PullRefresh.js

@@ -6,7 +6,7 @@ import { u as useScrollParent } from "./index-43c34ac6.js";
 import { Loading } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create, translate } = createComponent("pullrefresh");
+const { componentName, create, translate } = createComponent("pull-refresh");
 const _sfc_main = create({
   props: {
     modelValue: {
@@ -177,7 +177,7 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "nut-pullrefresh-container-topbox-text" };
+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", {
@@ -188,16 +188,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
   }, [
     createElementVNode("div", {
-      class: "nut-pullrefresh-container",
+      class: "nut-pull-refresh-container",
       style: normalizeStyle(_ctx.getStyle)
     }, [
       createElementVNode("div", {
-        class: "nut-pullrefresh-container-topbox",
+        class: "nut-pull-refresh-container-topbox",
         style: normalizeStyle(_ctx.getHeightStyle)
       }, [
         _ctx.status == "loading" && !_ctx.slots.loading ? (openBlock(), createBlock(_component_Loading, {
           key: 0,
-          class: "nut-icon-loading nut-pullrefresh-container-topbox-icon"
+          class: "nut-icon-loading nut-pull-refresh-container-topbox-icon"
         })) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1, toDisplayString(_ctx.getPullStatus), 1),
         _ctx.status == "pulling" ? renderSlot(_ctx.$slots, "pulling", { key: 1 }) : createCommentVNode("", true),