@nutui/nutui 4.0.0-beta.9 → 4.0.1-beta.0

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();
@@ -136,7 +120,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,
@@ -158,12 +141,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;
@@ -181,7 +166,6 @@ const _sfc_main = create({
       }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
-        emit("change", value);
       }
     };
     const onFocus = (event) => {
@@ -215,7 +199,6 @@ const _sfc_main = create({
       if (props.disabled)
         return;
       emit("update:modelValue", "", event);
-      emit("change", "", event);
       emit("clear", "", event);
     };
     const resetValidation = () => {
@@ -230,6 +213,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,
       () => {
@@ -251,6 +243,8 @@ const _sfc_main = create({
       onFocus,
       onBlur,
       clear,
+      startComposing,
+      endComposing,
       onClickInput
     };
   }
@@ -290,8 +284,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)
@@ -301,8 +298,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/InputNumber.js

@@ -14,11 +14,11 @@ const _sfc_main = create({
     },
     inputWidth: {
       type: [Number, String],
-      default: "40px"
+      default: ""
     },
     buttonSize: {
       type: [Number, String],
-      default: "20px"
+      default: ""
     },
     min: {
       type: [Number, String],
@@ -136,7 +136,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-input-number__icon nut-input-number__left", { "nut-input-number__icon--disabled": !_ctx.reduceAllow() }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.reduce && _ctx.reduce(...args))
     }, [
-      renderSlot(_ctx.$slots, "leftIcon", {}, () => [
+      renderSlot(_ctx.$slots, "left-icon", {}, () => [
         createVNode(_component_Minus, {
           width: _ctx.pxCheck(_ctx.buttonSize),
           height: _ctx.pxCheck(_ctx.buttonSize)
@@ -147,7 +147,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       type: "number",
       min: _ctx.min,
       max: _ctx.max,
-      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth) }),
+      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth), height: _ctx.pxCheck(_ctx.buttonSize) }),
       disabled: _ctx.disabled,
       readonly: _ctx.readonly,
       value: _ctx.modelValue,
@@ -159,7 +159,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-input-number__icon nut-input-number__right", { "nut-input-number__icon--disabled": !_ctx.addAllow() }]),
       onClick: _cache[4] || (_cache[4] = (...args) => _ctx.add && _ctx.add(...args))
     }, [
-      renderSlot(_ctx.$slots, "rightIcon", {}, () => [
+      renderSlot(_ctx.$slots, "right-icon", {}, () => [
         createVNode(_component_Plus, {
           width: _ctx.pxCheck(_ctx.buttonSize),
           height: _ctx.pxCheck(_ctx.buttonSize)

package/dist/packages/_es/List.js

@@ -57,8 +57,7 @@ const _sfc_main = create({
       var _a;
       const scrollTop = (_a = list.value) == null ? void 0 : _a.scrollTop;
       state.start = Math.floor(scrollTop / props.height);
-      if (end.value > state.list.length) {
-        emit("scroll");
+      if (end.value >= state.list.length) {
         emit("scroll-bottom");
       }
       state.startOffset = scrollTop - scrollTop % props.height;

package/dist/packages/_es/MenuItem.js

@@ -1,6 +1,6 @@
 import { reactive, computed, inject, getCurrentInstance, onUnmounted, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, renderSlot, createCommentVNode, toDisplayString } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-da7aa231.js";
+import { P as Popup } from "./index-991c279f.js";
 import { Check } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Navbar.js

@@ -121,7 +121,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-navbar__left",
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
       }, [
-        _ctx.leftShow ? renderSlot(_ctx.$slots, "leftShow", { key: 0 }, () => [
+        _ctx.leftShow ? renderSlot(_ctx.$slots, "left-show", { key: 0 }, () => [
           createVNode(_component_Left, {
             height: "12px",
             color: "#979797"
@@ -141,7 +141,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "icon",
           onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
         }, [
-          renderSlot(_ctx.$slots, "titleIcon", {
+          renderSlot(_ctx.$slots, "title-icon", {
             onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
           })
         ])) : createCommentVNode("", true),
@@ -164,7 +164,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-navbar__left",
       onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
     }, [
-      _ctx.leftShow ? renderSlot(_ctx.$slots, "leftShow", { key: 0 }, () => [
+      _ctx.leftShow ? renderSlot(_ctx.$slots, "left-show", { key: 0 }, () => [
         createVNode(_component_Left, {
           height: "12px",
           color: "#979797"
@@ -184,7 +184,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "icon",
         onClick: _cache[8] || (_cache[8] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
       }, [
-        renderSlot(_ctx.$slots, "titleIcon", {
+        renderSlot(_ctx.$slots, "title-icon", {
           onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
         })
       ])) : createCommentVNode("", true),

package/dist/packages/_es/Noticebar.js

@@ -1,7 +1,6 @@
-import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, withModifiers, createCommentVNode, vShow, Fragment, renderList } from "vue";
+import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, createElementVNode, renderSlot, createBlock, createCommentVNode, createTextVNode, toDisplayString, withModifiers, vShow, Fragment, renderList } from "vue";
 import { Notice, CircleClose } from "@nutui/icons-vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -42,8 +41,7 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
-    leftIcon: { type: Object || String, default: () => Notice },
-    rightIcon: { type: Object || String, default: "" },
+    leftIcon: { type: Boolean, default: true },
     color: {
       type: String,
       default: ""
@@ -229,6 +227,9 @@ const _sfc_main = create({
       emit("click", item);
     };
     const handleClickIcon = () => {
+      if (props.closeMode) {
+        state.showNoticebar = !props.closeMode;
+      }
       emit("close", state.scrollList[0]);
     };
     onMounted(() => {
@@ -274,8 +275,7 @@ const _sfc_main = create({
       handleClickIcon,
       slots,
       pxCheck,
-      wrapContentClass,
-      renderIcon
+      wrapContentClass
     };
   }
 });
@@ -286,6 +286,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Notice = resolveComponent("Notice");
   const _component_CircleClose = resolveComponent("CircleClose");
   const _component_ScrollItem = resolveComponent("ScrollItem");
   return openBlock(), createElementBlock("view", {
@@ -302,7 +303,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
       createElementVNode("view", _hoisted_1, [
-        _ctx.$slots["left-icon"] ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.leftIcon)), { key: 1 }))
+        renderSlot(_ctx.$slots, "left-icon", {}, () => [
+          _ctx.leftIcon ? (openBlock(), createBlock(_component_Notice, {
+            key: 0,
+            size: "16px"
+          })) : createCommentVNode("", true)
+        ])
       ]),
       createElementVNode("view", _hoisted_2, [
         createElementVNode("view", {
@@ -317,7 +323,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ], 38)
       ], 512),
-      _ctx.closeMode || _ctx.rightIcon ? (openBlock(), createElementBlock("view", {
+      _ctx.closeMode || _ctx.$slots["right-icon"] ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "nut-noticebar__page-righticon",
         onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
@@ -327,7 +333,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)), [
       [vShow, _ctx.showNoticebar]
     ]) : createCommentVNode("", true),
-    _ctx.scrollList.length > 0 && _ctx.direction == "vertical" ? (openBlock(), createElementBlock("view", {
+    _ctx.scrollList.length > 0 && _ctx.direction == "vertical" && _ctx.showNoticebar ? (openBlock(), createElementBlock("view", {
       key: 1,
       class: "nut-noticebar__vertical",
       style: normalizeStyle(_ctx.barStyle)
@@ -362,11 +368,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "go",
         onClick: _cache[4] || (_cache[4] = ($event) => !_ctx.slots.rightIcon && _ctx.handleClickIcon())
       }, [
-        _ctx.slots.rightIcon ? renderSlot(_ctx.$slots, "rightIcon", { key: 0 }) : _ctx.closeMode ? (openBlock(), createBlock(_component_CircleClose, {
-          key: 1,
-          color: _ctx.color,
-          size: "11px"
-        }, null, 8, ["color"])) : createCommentVNode("", true)
+        renderSlot(_ctx.$slots, "right-icon", {}, () => [
+          _ctx.closeMode ? (openBlock(), createBlock(_component_CircleClose, {
+            key: 0,
+            color: _ctx.color,
+            size: "11px"
+          }, null, 8, ["color"])) : createCommentVNode("", true)
+        ])
       ])
     ], 4)) : createCommentVNode("", true)
   ], 2);

package/dist/packages/_es/Notify.js

@@ -1,6 +1,6 @@
 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-81a4c1d0.js";
-import { P as Popup } from "./index-da7aa231.js";
+import { P as Popup } from "./index-991c279f.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
@@ -214,7 +214,6 @@ const showNotify = {
   },
   install(app) {
     app.use(Notify);
-    app.config.globalProperties.$notify = showNotify;
   }
 };
 export {

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-81a4c1d0.js";
-import { P as Popup } from "./index-da7aa231.js";
+import { P as Popup } from "./index-991c279f.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.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/Overlay.js

@@ -7,14 +7,20 @@ const CLSNAME = "nut-overflow-hidden";
 const useLockScroll = (isLock) => {
   const lock = () => {
     if (isLock()) {
-      !count && body.classList.add(CLSNAME);
-      count++;
+      try {
+        !count && body.classList.add(CLSNAME);
+        count++;
+      } catch (error) {
+      }
     }
   };
   const unlock = () => {
     if (isLock() && count) {
-      count--;
-      !count && body.classList.remove(CLSNAME);
+      try {
+        count--;
+        !count && body.classList.remove(CLSNAME);
+      } catch (error) {
+      }
     }
   };
   return [lock, unlock];
@@ -36,7 +42,7 @@ const _sfc_main = create({
     },
     lockScroll: {
       type: Boolean,
-      default: false
+      default: true
     },
     overlayClass: {
       type: String,

package/dist/packages/_es/Picker.js

@@ -236,7 +236,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;
@@ -245,6 +245,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/Popover.js

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, watch, resolveComponent, openBlock, createEle
 import { i as isArray, c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { u as useRect } from "./index-29892cda.js";
-import { P as Popup } from "./index-da7aa231.js";
+import { P as Popup } from "./index-991c279f.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
@@ -21,7 +21,6 @@ const _sfc_main = create({
     arrowOffset: { type: Number, default: 0 },
     customClass: { type: String, default: "" },
     showArrow: { type: Boolean, default: true },
-    iconPrefix: { type: String, default: "nut-icon" },
     duration: { type: [Number, String], default: 0.3 },
     overlay: { type: Boolean, default: false },
     overlayClass: { type: String, default: "" },

package/dist/packages/_es/Popup.js

@@ -1,4 +1,4 @@
-import { P } from "./index-da7aa231.js";
+import { P } from "./index-991c279f.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "./component-81a4c1d0.js";

package/dist/packages/_es/Price.js

@@ -31,7 +31,7 @@ const _sfc_main = create({
     },
     size: {
       type: String,
-      default: "large"
+      default: "normal"
     }
   },
   setup(props) {

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, [
@@ -89,52 +97,47 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass(["nut-progress-inner", _ctx.status == "active" ? "nut-active" : ""]),
         style: normalizeStyle(_ctx.bgStyle)
+      }, null, 6),
+      _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "nut-progress-text nut-progress-insidetext",
+        ref: "insideText",
+        style: normalizeStyle({
+          lineHeight: _ctx.height,
+          left: `${_ctx.percentage}%`,
+          transform: `translate(-${+_ctx.percentage}%,-50%)`,
+          background: _ctx.textBackground || _ctx.strokeColor
+        })
       }, [
-        _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "nut-progress-text nut-progress-insidetext",
-          ref: "insideText",
-          style: normalizeStyle({
-            lineHeight: _ctx.height,
-            left: `${_ctx.percentage}%`,
-            transform: `translate(-${+_ctx.percentage}%,-50%)`,
-            background: _ctx.textBackground || _ctx.strokeColor
-          })
-        }, [
-          createElementVNode("span", {
-            style: normalizeStyle(_ctx.textStyle)
-          }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
-        ], 4)) : createCommentVNode("", true),
-        _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref: "insideText",
-          style: normalizeStyle({
-            position: `absolute`,
-            top: `50%`,
-            left: `${_ctx.percentage}%`,
-            transform: `translate(-${+_ctx.percentage}%,-50%)`
-          })
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4)) : createCommentVNode("", true)
-      ], 6)
+        createElementVNode("span", {
+          style: normalizeStyle(_ctx.textStyle)
+        }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
+      ], 4)) : createCommentVNode("", true),
+      _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        ref: "insideText",
+        style: normalizeStyle({
+          position: `absolute`,
+          top: `50%`,
+          left: `${_ctx.percentage}%`,
+          transform: `translate(-${+_ctx.percentage}%,-50%)`
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4)) : createCommentVNode("", true)
     ], 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)
-      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? renderSlot(_ctx.$slots, "iconName", { key: 1 }, () => [
+      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? renderSlot(_ctx.$slots, "icon-name", { key: 1 }, () => [
         createVNode(_component_Checked, {
           width: "15px",
           height: "15px",
           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: {
@@ -25,10 +25,6 @@ const _sfc_main = create({
       type: String,
       default: translate("loading")
     },
-    completeTxt: {
-      type: String,
-      default: ""
-    },
     headHeight: {
       type: [String, Number],
       default: 50
@@ -67,8 +63,6 @@ const _sfc_main = create({
           return !slots.loosing ? props.loosingTxt : "";
         case "loading":
           return !slots.loading ? props.loadingTxt : "";
-        case "complete":
-          return !slots.complete ? props.completeTxt : "";
       }
     });
     const getStyle = computed(() => {
@@ -179,7 +173,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", {
@@ -190,22 +184,21 @@ 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),
         _ctx.status == "loosing" ? renderSlot(_ctx.$slots, "loosing", { key: 2 }) : createCommentVNode("", true),
-        _ctx.status == "loading" ? renderSlot(_ctx.$slots, "loading", { key: 3 }) : createCommentVNode("", true),
-        _ctx.status == "complete" ? renderSlot(_ctx.$slots, "complete", { key: 4 }) : createCommentVNode("", true)
+        _ctx.status == "loading" ? renderSlot(_ctx.$slots, "loading", { key: 3 }) : createCommentVNode("", true)
       ], 4),
       renderSlot(_ctx.$slots, "default")
     ], 4)