@nutui/nutui 3.1.23-beta.2 → 3.1.23-beta.3

package/dist/nutui.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:46 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:15 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -526,7 +526,7 @@ const _hoisted_2$14 = {
   key: 1,
   class: "nut-cell__title"
 };
-const _hoisted_3$P = { class: "title" };
+const _hoisted_3$Q = { class: "title" };
 const _hoisted_4$E = { class: "nut-cell__title-desc" };
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -548,7 +548,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2$14, [
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("view", _hoisted_3$P, toDisplayString(_ctx.title), 1)
+            createElementVNode("view", _hoisted_3$Q, toDisplayString(_ctx.title), 1)
           ]),
           createElementVNode("view", _hoisted_4$E, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
@@ -645,14 +645,14 @@ const _hoisted_2$13 = {
   key: 3,
   class: "nut-cell-group__desc"
 };
-const _hoisted_3$O = { class: "nut-cell-group__warp" };
+const _hoisted_3$P = { class: "nut-cell-group__warp" };
 function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$1j, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
     _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$13, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$O, [
+    createElementVNode("view", _hoisted_3$P, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 2);
@@ -1152,7 +1152,7 @@ const _hoisted_2$12 = {
   key: 0,
   class: "nut-img-loading"
 };
-const _hoisted_3$N = {
+const _hoisted_3$O = {
   key: 1,
   class: "nut-img-error"
 };
@@ -1178,7 +1178,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "loading")
     ])) : createCommentVNode("", true),
-    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3$N, [
+    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3$O, [
       !_ctx.slotError ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         name: "image-error"
@@ -1880,7 +1880,7 @@ const _hoisted_2$11 = {
   key: 1,
   class: "nut-navbar__text"
 };
-const _hoisted_3$M = { class: "nut-navbar__title" };
+const _hoisted_3$N = { class: "nut-navbar__title" };
 const _hoisted_4$D = {
   key: 0,
   class: "nut-navbar__text"
@@ -1914,7 +1914,7 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2$11, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "left")
       ]),
-      createElementVNode("view", _hoisted_3$M, [
+      createElementVNode("view", _hoisted_3$N, [
         _ctx.title ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: "title",
@@ -2041,7 +2041,7 @@ const _sfc_main$1z = create$1z({
 });
 const _hoisted_1$1e = { class: "nut-fixednav__list" };
 const _hoisted_2$10 = ["onClick"];
-const _hoisted_3$L = ["src"];
+const _hoisted_3$M = ["src"];
 const _hoisted_4$C = { class: "span" };
 const _hoisted_5$s = {
   key: 0,
@@ -2071,7 +2071,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$L),
+            }, null, 8, _hoisted_3$M),
             createElementVNode("view", _hoisted_4$C, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$s, toDisplayString(item.num), 1)) : createCommentVNode("", true)
           ], 8, _hoisted_2$10);
@@ -2588,7 +2588,7 @@ const _hoisted_2$Z = {
   key: 0,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
 };
-const _hoisted_3$K = {
+const _hoisted_3$L = {
   key: 1,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
 };
@@ -2609,7 +2609,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("view", _hoisted_1$1b, [
       !_ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$Z, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$K, toDisplayString("99+"))) : createCommentVNode("", true)
+        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$Z, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$L, toDisplayString("99+"))) : createCommentVNode("", true)
       ], 64)) : createCommentVNode("", true),
       _ctx.dot ? (openBlock(), createElementBlock("div", _hoisted_4$B)) : createCommentVNode("", true),
       _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_5$r, [
@@ -2822,7 +2822,7 @@ const _sfc_main$1u = create$1u({
 });
 const _hoisted_1$1a = { class: "nut-elevator__list__item__code" };
 const _hoisted_2$Y = ["onClick"];
-const _hoisted_3$J = ["innerHTML"];
+const _hoisted_3$K = ["innerHTML"];
 const _hoisted_4$A = { class: "fixed-title" };
 const _hoisted_5$q = { class: "nut-elevator__bars__inner" };
 const _hoisted_6$n = ["data-index", "onClick"];
@@ -2853,7 +2853,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
               !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 innerHTML: subitem.name
-              }, null, 8, _hoisted_3$J)) : renderSlot(_ctx.$slots, "default", {
+              }, null, 8, _hoisted_3$K)) : renderSlot(_ctx.$slots, "default", {
                 key: 1,
                 item: subitem
               })
@@ -3009,7 +3009,7 @@ const _hoisted_2$X = {
   key: 0,
   class: "nut-pagination-contain"
 };
-const _hoisted_3$I = ["onClick"];
+const _hoisted_3$J = ["onClick"];
 const _hoisted_4$z = {
   key: 1,
   class: "nut-pagination-contain"
@@ -3035,7 +3035,7 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "page", { item }, () => [
             createTextVNode(toDisplayString(item.text), 1)
           ])
-        ], 10, _hoisted_3$I);
+        ], 10, _hoisted_3$J);
       }), 128))
     ])) : createCommentVNode("", true),
     _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$z, [
@@ -3510,7 +3510,7 @@ const _sfc_main$1n = create$1n({
 });
 const _hoisted_1$15 = ["ikey"];
 const _hoisted_2$U = { class: "nut-subsidenavbar__title__text" };
-const _hoisted_3$H = { class: "nut-subsidenavbar__title__icon" };
+const _hoisted_3$I = { class: "nut-subsidenavbar__title__icon" };
 function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -3522,7 +3522,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
       createElementVNode("span", _hoisted_2$U, toDisplayString(_ctx.title), 1),
-      createElementVNode("span", _hoisted_3$H, [
+      createElementVNode("span", _hoisted_3$I, [
         createVNode(_component_nut_icon, {
           name: "down-arrow",
           class: normalizeClass(_ctx.direction)
@@ -3896,7 +3896,7 @@ const _hoisted_2$T = {
   key: 0,
   class: "nut-range-mark"
 };
-const _hoisted_3$G = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+const _hoisted_3$H = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
 const _hoisted_4$y = {
   key: 0,
   class: "number"
@@ -3971,7 +3971,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$y, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$G);
+          ], 42, _hoisted_3$H);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -4160,7 +4160,7 @@ const _hoisted_2$S = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
-const _hoisted_3$F = { class: "nut-searchbar__input-inner" };
+const _hoisted_3$G = { class: "nut-searchbar__input-inner" };
 const _hoisted_4$x = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_5$n = {
   key: 2,
@@ -4187,7 +4187,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$F, [
+      createElementVNode("view", _hoisted_3$G, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -4579,7 +4579,7 @@ const _hoisted_1$12 = {
   class: "nut-cascader-pane"
 };
 const _hoisted_2$R = ["aria-checked", "aria-disabled", "onClick"];
-const _hoisted_3$E = { class: "nut-cascader-item__title" };
+const _hoisted_3$F = { class: "nut-cascader-item__title" };
 const _hoisted_4$w = /* @__PURE__ */ createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
 function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -4609,7 +4609,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
                   role: "menuitemradio",
                   onClick: ($event) => _ctx.handleNode(node, false)
                 }, [
-                  createElementVNode("view", _hoisted_3$E, toDisplayString(node.text), 1),
+                  createElementVNode("view", _hoisted_3$F, toDisplayString(node.text), 1),
                   node.loading ? (openBlock(), createBlock(_component_nut_icon, {
                     key: 0,
                     class: "nut-cascader-item__icon-loading",
@@ -5406,7 +5406,7 @@ const _hoisted_2$Q = {
   key: 1,
   class: "calendar-top-slot"
 };
-const _hoisted_3$D = {
+const _hoisted_3$E = {
   key: 2,
   class: "calendar-curr-month"
 };
@@ -5456,7 +5456,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2$Q, [
         renderSlot(_ctx.$slots, "btn")
       ])) : createCommentVNode("", true),
-      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$D, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$E, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_4$v, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
@@ -6004,6 +6004,10 @@ const _sfc_main$1e = create$1e({
     readonly: {
       type: Boolean,
       default: false
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["click", "change"],
@@ -6028,7 +6032,6 @@ const _sfc_main$1e = create$1e({
     });
     const roller = ref(null);
     const list = ref(null);
-    const listItem = ref(null);
     const moving = ref(false);
     const touchDeg = ref(0);
     const touchTime = ref(0);
@@ -6040,7 +6043,7 @@ const _sfc_main$1e = create$1e({
         transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
       };
     });
-    const touchListStyle = computed(() => {
+    const touchTileStyle = computed(() => {
       return {
         transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
         transform: `translate3d(0, ${state.scrollDistance}px, 0)`
@@ -6052,7 +6055,11 @@ const _sfc_main$1e = create$1e({
     const onTouchStart = (event) => {
       touch.start(event);
       if (moving.value) {
-        const { transform } = window.getComputedStyle(list.value);
+        let dom = list.value;
+        if (!props.threeDimensional) {
+          dom = roller.value;
+        }
+        const { transform } = window.getComputedStyle(dom);
         state.scrollDistance = +transform.slice(7, transform.length - 1).split(", ")[5];
       }
       state.touchParams.startY = touch.deltaY.value;
@@ -6066,13 +6073,8 @@ const _sfc_main$1e = create$1e({
         preventDefault2(event, true);
       }
       state.touchParams.lastY = touch.deltaY.value;
-      const now = Date.now();
       let move = state.touchParams.lastY - state.touchParams.startY;
       setMove(move);
-      if (now - state.touchParams.startTime > INERTIA_TIME) {
-        state.touchParams.startTime = now;
-        state.touchParams.startY = state.touchParams.lastY;
-      }
     };
     const onTouchEnd = (event) => {
       state.touchParams.lastY = touch.deltaY.value;
@@ -6126,13 +6128,15 @@ const _sfc_main$1e = create$1e({
         setTransform(endMove, type, time, deg);
         state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
       } else {
-        let deg = "0deg";
+        let deg = 0;
         let currentDeg = (-updateMove / state.lineSpacing + 1) * state.rotation;
         const maxDeg = (props.column.length + 1) * state.rotation;
         const minDeg = 0;
-        deg = Math.min(Math.max(currentDeg, minDeg), maxDeg) + "deg";
-        setTransform(updateMove, null, void 0, deg);
-        state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
+        deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
+        if (minDeg < deg && deg < maxDeg) {
+          setTransform(updateMove, null, void 0, deg + "deg");
+          state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
+        }
       }
     };
     const setChooseValue = () => {
@@ -6176,19 +6180,25 @@ const _sfc_main$1e = create$1e({
       isHidden,
       roller,
       list,
-      listItem,
       onTouchStart,
       onTouchMove,
       onTouchEnd,
       touchRollerStyle,
-      touchListStyle,
+      touchTileStyle,
       setMove,
       stopMomentum
     };
   }
 });
-const _hoisted_1$$ = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
-const _hoisted_2$P = { class: "nut-picker-content" };
+const _hoisted_1$$ = {
+  key: 1,
+  class: "nut-picker-roller-item-tile"
+};
+const _hoisted_2$P = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
+const _hoisted_3$D = {
+  key: 0,
+  class: "nut-picker-content"
+};
 function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: "nut-picker__list",
@@ -6199,29 +6209,30 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: "nut-picker-roller",
       ref: "roller",
-      style: normalizeStyle(_ctx.touchRollerStyle),
+      style: normalizeStyle(_ctx.threeDimensional ? _ctx.touchRollerStyle : _ctx.touchTileStyle),
       onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.column, (item, index) => {
         return openBlock(), createElementBlock(Fragment, {
           key: item.value ? item.value : index
         }, [
-          item && item.text ? (openBlock(), createElementBlock("view", {
+          item && item.text && _ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 0,
             class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
             style: normalizeStyle(_ctx.setRollerStyle(index + 1))
-          }, toDisplayString(item.text), 7)) : createCommentVNode("", true)
+          }, toDisplayString(item.text), 7)) : createCommentVNode("", true),
+          item && item.text && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_1$$, toDisplayString(item.text), 1)) : createCommentVNode("", true)
         ], 64);
       }), 128))
     ], 36),
-    _hoisted_1$$,
-    createElementVNode("view", _hoisted_2$P, [
+    _hoisted_2$P,
+    _ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_3$D, [
       createElementVNode("view", {
         class: "nut-picker-list-panel",
         ref: "list",
-        style: normalizeStyle(_ctx.touchListStyle)
+        style: normalizeStyle(_ctx.touchTileStyle)
       }, null, 4)
-    ])
+    ])) : createCommentVNode("", true)
   ], 32);
 }
 var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1a]]);
@@ -6258,6 +6269,10 @@ const _sfc_main$1d = create$1d({
     readonly: {
       type: Boolean,
       default: false
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
@@ -6451,10 +6466,11 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
                 readonly: _ctx.readonly,
                 columnsType: _ctx.columnsType,
                 value: _ctx.defaultValues[columnIndex],
+                threeDimensional: _ctx.threeDimensional,
                 onChange: (option) => {
                   _ctx.changeHandler(columnIndex, option);
                 }
-              }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "onChange"])
+              }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "threeDimensional", "onChange"])
             ]);
           }), 128))
         ], 512),
@@ -6530,6 +6546,10 @@ const _sfc_main$1c = create$1c({
       type: Function,
       default: null
     },
+    threeDimensional: {
+      type: Boolean,
+      default: true
+    },
     filter: Function
   },
   emits: ["click", "update:visible", "change", "confirm", "update:moduleValue"],
@@ -6767,13 +6787,14 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: _ctx.changeHandler,
     title: _ctx.title,
     onConfirm: _ctx.confirm,
-    isWrapTeleport: _ctx.isWrapTeleport
+    isWrapTeleport: _ctx.isWrapTeleport,
+    threeDimensional: _ctx.threeDimensional
   }, {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport"]);
+  }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport", "threeDimensional"]);
 }
 var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$18]]);
 const { componentName: componentName$10, create: create$1b } = createComponent("inputnumber");
@@ -9708,6 +9729,10 @@ const _sfc_main$Z = create$Z({
     isWrapTeleport: {
       type: Boolean,
       default: true
+    },
+    closeAbled: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["cancel", "close", "choose", "update:visible"],
@@ -9775,7 +9800,8 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       isWrapTeleport: _ctx.isWrapTeleport,
       position: "bottom",
       round: "",
-      onClickOverlay: _ctx.close
+      onClickOverlay: _ctx.close,
+      closeOnClickOverlay: _ctx.closeAbled
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$O, [
@@ -9808,7 +9834,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
+    }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"])
   ], 2);
 }
 var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Y]]);
@@ -19321,9 +19347,12 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_5$6, toDisplayString(_ctx.title), 1),
       renderSlot(_ctx.$slots, "prolist"),
       _ctx.isNeedPrice ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
-        createVNode(_component_nut_price, { price: _ctx.price }, null, 8, ["price"]),
-        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
+        _ctx.isHaveSlot("price") ? renderSlot(_ctx.$slots, "price", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
           key: 1,
+          price: _ctx.price
+        }, null, 8, ["price"])),
+        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 2 }) : (openBlock(), createBlock(_component_nut_price, {
+          key: 3,
           class: "nut-card__right__price__origin",
           price: _ctx.vipPrice
         }, null, 8, ["price"]))
@@ -20342,7 +20371,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
               "icon-size": "10",
               spacing: "5",
-              readOnly: "",
+              readonly: "",
               onChange: _ctx.handleClick
             }, null, 8, ["modelValue", "onChange"])
           ])
@@ -20366,7 +20395,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: _ctx.info.score,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
         "icon-size": "12",
-        spacing: "3"
+        spacing: "3",
+        readonly: ""
       }, null, 8, ["modelValue"]),
       createElementVNode("i", {
         class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
@@ -20717,6 +20747,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.23-beta.2";
+const version = "3.1.23-beta.3";
 var nutui_vue_build = { install, version, Locale };
 export { ActionSheet, Address, AddressList, Animate, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1g as Checkbox, _sfc_main$1f as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, _sfc_main$1J as ConfigProvider, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, _sfc_main$1C as Grid, GridItem, _sfc_main$1P as Icon, Image$1 as Image, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1H as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$19 as Radio, _sfc_main$18 as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$G as Steps, _sfc_main$1E as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, WaterMark, nutui_vue_build as default, install, version };