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

package/dist/nutui.umd.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.
 */
@@ -529,7 +529,7 @@
     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 = vue.resolveComponent("nut-icon");
@@ -551,7 +551,7 @@
         _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$14, [
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createElementVNode("view", _hoisted_3$P, vue.toDisplayString(_ctx.title), 1)
+              vue.createElementVNode("view", _hoisted_3$Q, vue.toDisplayString(_ctx.title), 1)
             ]),
             vue.createElementVNode("view", _hoisted_4$E, vue.toDisplayString(_ctx.subTitle), 1)
           ], 64)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
@@ -648,14 +648,14 @@
     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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1j, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
       _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$13, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_3$O, [
+      vue.createElementVNode("view", _hoisted_3$P, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
     ], 2);
@@ -1155,7 +1155,7 @@
     key: 0,
     class: "nut-img-loading"
   };
-  const _hoisted_3$N = {
+  const _hoisted_3$O = {
     key: 1,
     class: "nut-img-error"
   };
@@ -1181,7 +1181,7 @@
         })) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "loading")
       ])) : vue.createCommentVNode("", true),
-      _ctx.isError && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$N, [
+      _ctx.isError && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$O, [
         !_ctx.slotError ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: "image-error"
@@ -1883,7 +1883,7 @@
     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"
@@ -1917,7 +1917,7 @@
           _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "left")
         ]),
-        vue.createElementVNode("view", _hoisted_3$M, [
+        vue.createElementVNode("view", _hoisted_3$N, [
           _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 0,
             class: "title",
@@ -2044,7 +2044,7 @@
   });
   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,
@@ -2074,7 +2074,7 @@
             }, [
               vue.createElementVNode("img", {
                 src: item.icon
-              }, null, 8, _hoisted_3$L),
+              }, null, 8, _hoisted_3$M),
               vue.createElementVNode("view", _hoisted_4$C, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
             ], 8, _hoisted_2$10);
@@ -2591,7 +2591,7 @@
     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"
   };
@@ -2612,7 +2612,7 @@
     }, [
       vue.createElementVNode("view", _hoisted_1$1b, [
         !_ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Z, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$K, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
+          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Z, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$L, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
         _ctx.dot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$B)) : vue.createCommentVNode("", true),
         _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$r, [
@@ -2825,7 +2825,7 @@
   });
   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"];
@@ -2856,7 +2856,7 @@
                 !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
                   innerHTML: subitem.name
-                }, null, 8, _hoisted_3$J)) : vue.renderSlot(_ctx.$slots, "default", {
+                }, null, 8, _hoisted_3$K)) : vue.renderSlot(_ctx.$slots, "default", {
                   key: 1,
                   item: subitem
                 })
@@ -3012,7 +3012,7 @@
     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"
@@ -3038,7 +3038,7 @@
             vue.renderSlot(_ctx.$slots, "page", { item }, () => [
               vue.createTextVNode(vue.toDisplayString(item.text), 1)
             ])
-          ], 10, _hoisted_3$I);
+          ], 10, _hoisted_3$J);
         }), 128))
       ])) : vue.createCommentVNode("", true),
       _ctx.mode == "simple" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$z, [
@@ -3513,7 +3513,7 @@
   });
   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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -3525,7 +3525,7 @@
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
         vue.createElementVNode("span", _hoisted_2$U, vue.toDisplayString(_ctx.title), 1),
-        vue.createElementVNode("span", _hoisted_3$H, [
+        vue.createElementVNode("span", _hoisted_3$I, [
           vue.createVNode(_component_nut_icon, {
             name: "down-arrow",
             class: vue.normalizeClass(_ctx.direction)
@@ -3899,7 +3899,7 @@
     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"
@@ -3974,7 +3974,7 @@
               }, [
                 !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$y, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$G);
+            ], 42, _hoisted_3$H);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -4163,7 +4163,7 @@
     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,
@@ -4190,7 +4190,7 @@
         }, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$F, [
+        vue.createElementVNode("view", _hoisted_3$G, [
           vue.createElementVNode("form", {
             action: "#",
             onSubmit: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -4582,7 +4582,7 @@
     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__ */ vue.createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
   function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -4612,7 +4612,7 @@
                     role: "menuitemradio",
                     onClick: ($event) => _ctx.handleNode(node, false)
                   }, [
-                    vue.createElementVNode("view", _hoisted_3$E, vue.toDisplayString(node.text), 1),
+                    vue.createElementVNode("view", _hoisted_3$F, vue.toDisplayString(node.text), 1),
                     node.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                       key: 0,
                       class: "nut-cascader-item__icon-loading",
@@ -5409,7 +5409,7 @@
     key: 1,
     class: "calendar-top-slot"
   };
-  const _hoisted_3$D = {
+  const _hoisted_3$E = {
     key: 2,
     class: "calendar-curr-month"
   };
@@ -5459,7 +5459,7 @@
         _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Q, [
           vue.renderSlot(_ctx.$slots, "btn")
         ])) : vue.createCommentVNode("", true),
-        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$D, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
+        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$E, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$v, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weeks, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
@@ -6007,6 +6007,10 @@
       readonly: {
         type: Boolean,
         default: false
+      },
+      threeDimensional: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["click", "change"],
@@ -6031,7 +6035,6 @@
       });
       const roller = vue.ref(null);
       const list = vue.ref(null);
-      const listItem = vue.ref(null);
       const moving = vue.ref(false);
       const touchDeg = vue.ref(0);
       const touchTime = vue.ref(0);
@@ -6043,7 +6046,7 @@
           transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
         };
       });
-      const touchListStyle = vue.computed(() => {
+      const touchTileStyle = vue.computed(() => {
         return {
           transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
           transform: `translate3d(0, ${state.scrollDistance}px, 0)`
@@ -6055,7 +6058,11 @@
       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;
@@ -6069,13 +6076,8 @@
           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;
@@ -6129,13 +6131,15 @@
           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 = () => {
@@ -6179,19 +6183,25 @@
         isHidden,
         roller,
         list,
-        listItem,
         onTouchStart,
         onTouchMove,
         onTouchEnd,
         touchRollerStyle,
-        touchListStyle,
+        touchTileStyle,
         setMove,
         stopMomentum
       };
     }
   });
-  const _hoisted_1$$ = /* @__PURE__ */ vue.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__ */ vue.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 vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-picker__list",
@@ -6202,29 +6212,30 @@
       vue.createElementVNode("view", {
         class: "nut-picker-roller",
         ref: "roller",
-        style: vue.normalizeStyle(_ctx.touchRollerStyle),
+        style: vue.normalizeStyle(_ctx.threeDimensional ? _ctx.touchRollerStyle : _ctx.touchTileStyle),
         onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.column, (item, index) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: item.value ? item.value : index
           }, [
-            item && item.text ? (vue.openBlock(), vue.createElementBlock("view", {
+            item && item.text && _ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", {
               key: 0,
               class: vue.normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
               style: vue.normalizeStyle(_ctx.setRollerStyle(index + 1))
-            }, vue.toDisplayString(item.text), 7)) : vue.createCommentVNode("", true)
+            }, vue.toDisplayString(item.text), 7)) : vue.createCommentVNode("", true),
+            item && item.text && !_ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$$, vue.toDisplayString(item.text), 1)) : vue.createCommentVNode("", true)
           ], 64);
         }), 128))
       ], 36),
-      _hoisted_1$$,
-      vue.createElementVNode("view", _hoisted_2$P, [
+      _hoisted_2$P,
+      _ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$D, [
         vue.createElementVNode("view", {
           class: "nut-picker-list-panel",
           ref: "list",
-          style: vue.normalizeStyle(_ctx.touchListStyle)
+          style: vue.normalizeStyle(_ctx.touchTileStyle)
         }, null, 4)
-      ])
+      ])) : vue.createCommentVNode("", true)
     ], 32);
   }
   var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1a]]);
@@ -6261,6 +6272,10 @@
       readonly: {
         type: Boolean,
         default: false
+      },
+      threeDimensional: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
@@ -6454,10 +6469,11 @@
                   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),
@@ -6533,6 +6549,10 @@
         type: Function,
         default: null
       },
+      threeDimensional: {
+        type: Boolean,
+        default: true
+      },
       filter: Function
     },
     emits: ["click", "update:visible", "change", "confirm", "update:moduleValue"],
@@ -6770,13 +6790,14 @@
       onChange: _ctx.changeHandler,
       title: _ctx.title,
       onConfirm: _ctx.confirm,
-      isWrapTeleport: _ctx.isWrapTeleport
+      isWrapTeleport: _ctx.isWrapTeleport,
+      threeDimensional: _ctx.threeDimensional
     }, {
       default: vue.withCtx(() => [
         vue.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");
@@ -9711,6 +9732,10 @@
       isWrapTeleport: {
         type: Boolean,
         default: true
+      },
+      closeAbled: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["cancel", "close", "choose", "update:visible"],
@@ -9778,7 +9803,8 @@
         isWrapTeleport: _ctx.isWrapTeleport,
         position: "bottom",
         round: "",
-        onClickOverlay: _ctx.close
+        onClickOverlay: _ctx.close,
+        closeOnClickOverlay: _ctx.closeAbled
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$O, [
@@ -9811,7 +9837,7 @@
           ])
         ]),
         _: 3
-      }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
+      }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"])
     ], 2);
   }
   var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Y]]);
@@ -19324,9 +19350,12 @@
         vue.createElementVNode("div", _hoisted_5$6, vue.toDisplayString(_ctx.title), 1),
         vue.renderSlot(_ctx.$slots, "prolist"),
         _ctx.isNeedPrice ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
-          vue.createVNode(_component_nut_price, { price: _ctx.price }, null, 8, ["price"]),
-          _ctx.isHaveSlot("origin") ? vue.renderSlot(_ctx.$slots, "origin", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_price, {
+          _ctx.isHaveSlot("price") ? vue.renderSlot(_ctx.$slots, "price", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_price, {
             key: 1,
+            price: _ctx.price
+          }, null, 8, ["price"])),
+          _ctx.isHaveSlot("origin") ? vue.renderSlot(_ctx.$slots, "origin", { key: 2 }) : (vue.openBlock(), vue.createBlock(_component_nut_price, {
+            key: 3,
             class: "nut-card__right__price__origin",
             price: _ctx.vipPrice
           }, null, 8, ["price"]))
@@ -20345,7 +20374,7 @@
                 "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"])
             ])
@@ -20369,7 +20398,8 @@
           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"]),
         vue.createElementVNode("i", {
           class: vue.normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
@@ -20720,7 +20750,7 @@
       }
     });
   }
-  const version = "3.1.23-beta.2";
+  const version = "3.1.23-beta.3";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;

package/dist/packages/_es/ActionSheet.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -50,6 +50,10 @@ const _sfc_main = create({
     isWrapTeleport: {
       type: Boolean,
       default: true
+    },
+    closeAbled: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["cancel", "close", "choose", "update:visible"],
@@ -117,7 +121,8 @@ function _sfc_render(_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, [
@@ -150,7 +155,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
+    }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"])
   ], 2);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/Address.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/AddressList.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Animate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Audio.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/AudioOperate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Avatar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/AvatarGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/BackTop.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Badge.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Barrage.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Button.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Calendar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/CalendarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:25 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */