@nutui/nutui 4.0.0-beta.9 → 4.0.0

package/dist/packages/_es/Navbar.js

@@ -8,10 +8,15 @@ const _sfc_main = create({
   components: { Left },
   props: {
     leftShow: { type: Boolean, default: false },
+    //左侧  是否显示返回icon
     title: { type: String, default: "" },
+    //中间  文字标题
     titleIcon: { type: Boolean, default: false },
+    //中间
     leftText: { type: String, default: "" },
+    //左侧文字
     desc: { type: String, default: "" },
+    //右侧   按钮文字
     fixed: {
       type: Boolean,
       default: false
@@ -25,6 +30,7 @@ const _sfc_main = create({
       default: false
     },
     placeholder: {
+      // 生成一个等高的占位元素
       type: Boolean,
       default: true
     },
@@ -121,7 +127,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 +147,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 +170,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 +190,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,13 +1,13 @@
-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";
 const { componentName, create } = createComponent("noticebar");
 const _sfc_main = create({
   props: {
+    // 滚动方向  across 横向 vertical 纵向
     direction: {
       type: String,
       default: "across"
@@ -42,8 +42,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 +228,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 +276,7 @@ const _sfc_main = create({
       handleClickIcon,
       slots,
       pxCheck,
-      wrapContentClass,
-      renderIcon
+      wrapContentClass
     };
   }
 });
@@ -286,6 +287,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 +304,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 +324,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 +334,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 +369,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";
@@ -109,6 +109,9 @@ const defaultOptions = {
   duration: 3e3,
   className: "",
   onClose: Function,
+  // onClick: null,
+  // onOpened: null,
+  // textTimer: null,
   teleport: "",
   unmount: new Function()
 };
@@ -214,7 +217,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

@@ -159,12 +159,14 @@ const usePicker = (props, emit) => {
 const { create: create$1 } = createComponent("picker-column");
 const _sfc_main$1 = create$1({
   props: {
+    // 当前选中项
     value: [String, Number],
     columnsType: String,
     column: {
       type: Array,
       default: () => []
     },
+    // 是否开启3D效果
     threeDimensional: {
       type: Boolean,
       default: true
@@ -236,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;
@@ -245,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/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,10 @@ const _sfc_main = create({
       type: String,
       default: translate("loading")
     },
-    completeTxt: {
-      type: String,
-      default: ""
-    },
+    // completeTxt: {
+    //   type: String,
+    //   default: ''
+    // },
     headHeight: {
       type: [String, Number],
       default: 50
@@ -67,8 +67,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 +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", {
@@ -190,22 +188,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)

package/dist/packages/_es/Radio.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-d4c88f85.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-442e4704.js";
 import "vue";
 import "./component-81a4c1d0.js";
 import "../locale/lang";

package/dist/packages/_es/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-1291fceb.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-22dfc112.js";
 import "vue";
 import "./component-81a4c1d0.js";
 import "../locale/lang";

package/dist/packages/_es/Rate.js

@@ -1,5 +1,5 @@
-import { h, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
-import { StarN } from "@nutui/icons-vue";
+import { ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
+import { StarFillN } 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";
@@ -17,12 +17,16 @@ const _sfc_main = create({
       type: [String, Number],
       default: 0
     },
-    icon: {
+    customIcon: {
       type: Object,
       default: () => {
-        return h(StarN, { width: 18, height: 18 });
+        return StarFillN;
       }
     },
+    size: {
+      type: [String, Number],
+      default: void 0
+    },
     activeColor: {
       type: String,
       default: ""
@@ -49,10 +53,10 @@ const _sfc_main = create({
     },
     spacing: {
       type: [String, Number],
-      default: 14
+      default: void 0
     }
   },
-  components: { StarN },
+  components: { StarFillN },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, slots }) {
     const rateRefs = ref([]);
@@ -98,12 +102,12 @@ const _sfc_main = create({
     const touch = useTouch();
     const touchMethods = {
       onTouchStart(event) {
-        if (!props.touchable)
+        if (!props.touchable || props.readonly)
           return;
         touch.start(event);
       },
       onTouchMove(event) {
-        if (!props.touchable || false)
+        if (!props.touchable)
           return;
         touch.move(event);
         if (touch.isHorizontal()) {
@@ -149,27 +153,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ref_for: true,
         ref: "rateRefs",
         id: "rateRefs-" + _ctx.refRandomId + n,
-        style: normalizeStyle({ marginRight: _ctx.pxCheck(_ctx.spacing) })
+        style: normalizeStyle(n < Number(_ctx.count) ? { marginRight: _ctx.pxCheck(_ctx.spacing) } : {})
       }, [
         createElementVNode("view", null, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor })), {
             class: normalizeClass(["nut-rate-item__icon", { "nut-rate-item__icon--disabled": _ctx.disabled || n > _ctx.modelValue }]),
-            color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(1, n)
-          }, null, 8, ["class", "color", "onClick"]))
+          }, null, 8, ["class", "onClick"]))
         ]),
         _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createElementBlock("view", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor })), {
             class: "nut-rate-item__icon",
-            color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(2, n)
-          }, null, 8, ["color", "onClick"]))
+          }, null, 8, ["onClick"]))
         ])) : _ctx.allowHalf && Number(_ctx.modelValue) + 1 < n ? (openBlock(), createElementBlock("view", _hoisted_3, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: _ctx.voidColor })), {
             class: "nut-rate-item__icon nut-rate-item__icon--disabled",
-            color: _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(2, n)
-          }, null, 8, ["color", "onClick"]))
+          }, null, 8, ["onClick"]))
         ])) : createCommentVNode("", true)
       ], 12, _hoisted_1);
     }), 128))