@nutui/nutui 3.1.15 → 3.1.16-beta.1

package/dist/nutui.es.js

@@ -35,7 +35,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:49 GMT+0800 (GMT+08:00)
+* @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:28 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -124,7 +124,7 @@ const _sfc_main$1p = create$1p({
     };
   }
 });
-const _hoisted_1$_ = {
+const _hoisted_1$$ = {
   key: 0,
   class: "text"
 };
@@ -139,7 +139,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
       class: "icon",
       name: _ctx.iconStyles
     }, null, 8, ["name"]),
-    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$_, [
+    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$$, [
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true)
   ], 6);
@@ -268,7 +268,7 @@ const _sfc_main$1n = create$1n({
     };
   }
 });
-const _hoisted_1$Z = { class: "nut-button__warp" };
+const _hoisted_1$_ = { class: "nut-button__warp" };
 function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -276,7 +276,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.getStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    createElementVNode("view", _hoisted_1$Z, [
+    createElementVNode("view", _hoisted_1$_, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         class: "nut-icon-loading"
@@ -340,7 +340,7 @@ const _sfc_main$1m = create$1m({
     };
   }
 });
-const _hoisted_1$Y = { class: "title" };
+const _hoisted_1$Z = { class: "title" };
 const _hoisted_2$O = { class: "nut-cell__title-desc" };
 function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -360,7 +360,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.icon
         }, null, 8, ["name"])) : createCommentVNode("", true),
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("view", _hoisted_1$Y, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", _hoisted_1$Z, toDisplayString(_ctx.title), 1),
           createElementVNode("view", _hoisted_2$O, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createTextVNode(toDisplayString(_ctx.title), 1)
@@ -398,7 +398,7 @@ const _sfc_main$1l = create$1l({
     };
   }
 });
-const _hoisted_1$X = {
+const _hoisted_1$Y = {
   key: 1,
   class: "nut-cell-group__title"
 };
@@ -411,7 +411,7 @@ function _sfc_render$1e(_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$X, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$Y, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
     _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$N, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
     createElementVNode("view", _hoisted_3$B, [
       renderSlot(_ctx.$slots, "default")
@@ -503,7 +503,7 @@ const _sfc_main$1k = create$1k({
     };
   }
 });
-const _hoisted_1$W = ["innerHTML"];
+const _hoisted_1$X = ["innerHTML"];
 const _hoisted_2$M = ["innerHTML"];
 function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
@@ -513,7 +513,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_1$W)) : createCommentVNode("", true),
+    }, null, 10, _hoisted_1$X)) : createCommentVNode("", true),
     createElementVNode("view", {
       class: normalizeClass(`nut-price--${_ctx.size}`)
     }, toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
@@ -953,7 +953,7 @@ const _sfc_main$1e = create$1e({
     });
   }
 });
-const _hoisted_1$V = { key: 1 };
+const _hoisted_1$W = { key: 1 };
 function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -1000,7 +1000,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$V, [
+  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$W, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
       visible: _ctx.visible,
@@ -1315,7 +1315,7 @@ const _sfc_main$1d = create$1d({
     });
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$V = {
   class: "nut-video",
   ref: "videocon"
 };
@@ -1339,7 +1339,7 @@ const _hoisted_10$4 = { class: "duration-time" };
 const _hoisted_11$4 = { class: "nut-video-error" };
 const _hoisted_12$4 = /* @__PURE__ */ createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
 function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$U, [
+  return openBlock(), createElementBlock("div", _hoisted_1$V, [
     createElementVNode("video", {
       ref: "root",
       class: "nut-video-player",
@@ -1580,7 +1580,7 @@ const _sfc_main$1c = create$1c({
         state.children.push(child.proxy);
       }
     };
-    const range2 = (num, min, max) => {
+    const range = (num, min, max) => {
       return Math.min(Math.max(num, min), max);
     };
     const requestFrame = (fn) => {
@@ -1593,7 +1593,7 @@ const _sfc_main$1c = create$1c({
       }
       let targetOffset = offset - currentPosition;
       if (!props.loop) {
-        targetOffset = range2(targetOffset, minOffset.value, 0);
+        targetOffset = range(targetOffset, minOffset.value, 0);
       }
       return targetOffset;
     };
@@ -1601,9 +1601,9 @@ const _sfc_main$1c = create$1c({
       const { active } = state;
       if (pace) {
         if (props.loop) {
-          return range2(active + pace, -1, childCount.value);
+          return range(active + pace, -1, childCount.value);
         }
-        return range2(active + pace, 0, childCount.value - 1);
+        return range(active + pace, 0, childCount.value - 1);
       }
       return active;
     };
@@ -2070,7 +2070,7 @@ const _sfc_main$1a = create$1a({
     });
   }
 });
-const _hoisted_1$T = ["src"];
+const _hoisted_1$U = ["src"];
 const _hoisted_2$K = { class: "nut-imagepreview-index" };
 function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_video = resolveComponent("nut-video");
@@ -2120,7 +2120,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("img", {
                     src: item.src,
                     class: "nut-imagepreview-img"
-                  }, null, 8, _hoisted_1$T)
+                  }, null, 8, _hoisted_1$U)
                 ]),
                 _: 2
               }, 1024);
@@ -2386,7 +2386,7 @@ const _sfc_main$19 = create$19({
     });
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$T = {
   class: "nut-swipe__left",
   ref: "leftRef"
 };
@@ -2404,7 +2404,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
-    createElementVNode("view", _hoisted_1$S, [
+    createElementVNode("view", _hoisted_1$T, [
       renderSlot(_ctx.$slots, "left")
     ], 512),
     createElementVNode("view", _hoisted_2$J, [
@@ -2486,7 +2486,7 @@ const _sfc_main$18 = create$18({
     };
   }
 });
-const _hoisted_1$R = { class: "nut-actionsheet-panel" };
+const _hoisted_1$S = { class: "nut-actionsheet-panel" };
 const _hoisted_2$I = {
   key: 0,
   class: "nut-actionsheet-title"
@@ -2514,7 +2514,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
       onClickOverlay: _ctx.close
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$R, [
+        createElementVNode("view", _hoisted_1$S, [
           _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$I, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$y, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
           _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$q, [
@@ -2933,7 +2933,7 @@ const _sfc_main$15 = create$15({
     });
   }
 });
-const _hoisted_1$Q = { class: "collapse-title" };
+const _hoisted_1$R = { class: "collapse-title" };
 const _hoisted_2$H = { class: "collapse-title-value" };
 const _hoisted_3$x = ["innerHTML"];
 const _hoisted_4$p = {
@@ -2958,7 +2958,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
     }, [
-      createElementVNode("view", _hoisted_1$Q, [
+      createElementVNode("view", _hoisted_1$R, [
         createElementVNode("view", null, [
           createElementVNode("view", _hoisted_2$H, [
             _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
@@ -3312,7 +3312,7 @@ const _sfc_main$13 = create$13({
     };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   key: 0,
   class: "nut-dialog__header"
 };
@@ -3334,7 +3334,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: normalizeClass(_ctx.classes)
       }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$P, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$Q, [
           _ctx.$slots.header ? renderSlot(_ctx.$slots, "header", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], 64))
@@ -3647,7 +3647,7 @@ const _sfc_main$12 = create$12({
     });
   }
 });
-const _hoisted_1$O = { class: "top-box" };
+const _hoisted_1$P = { class: "top-box" };
 const _hoisted_2$F = { class: "top-text" };
 const _hoisted_3$w = { class: "nut-infinite-container" };
 const _hoisted_4$o = { class: "nut-infinite-bottom" };
@@ -3674,7 +3674,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "refreshTop",
       style: normalizeStyle(_ctx.getStyle)
     }, [
-      createElementVNode("view", _hoisted_1$O, [
+      createElementVNode("view", _hoisted_1$P, [
         createVNode(_component_nut_icon, {
           class: "top-img",
           name: _ctx.pullIcon
@@ -4124,7 +4124,7 @@ const _sfc_main$10 = create$10({
     });
   }
 });
-const _hoisted_1$N = { class: "nut-range-container" };
+const _hoisted_1$O = { class: "nut-range-container" };
 const _hoisted_2$E = {
   key: 0,
   class: "min"
@@ -4144,7 +4144,7 @@ const _hoisted_7$8 = {
   class: "max"
 };
 function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$N, [
+  return openBlock(), createElementBlock("view", _hoisted_1$O, [
     !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$E, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
@@ -4317,7 +4317,7 @@ const _sfc_main$_ = create$_({
     });
   }
 });
-const _hoisted_1$M = { class: "nut-step-head" };
+const _hoisted_1$N = { class: "nut-step-head" };
 const _hoisted_2$D = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
 const _hoisted_3$u = {
   key: 2,
@@ -4331,7 +4331,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$M, [
+    createElementVNode("view", _hoisted_1$N, [
       _hoisted_2$D,
       createElementVNode("view", {
         class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
@@ -4440,7 +4440,7 @@ const _sfc_main$Z = create$Z({
     };
   }
 });
-const _hoisted_1$L = { class: "switch-button" };
+const _hoisted_1$M = { class: "switch-button" };
 function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -4448,7 +4448,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
     style: normalizeStyle(_ctx.style)
   }, [
-    createElementVNode("view", _hoisted_1$L, [
+    createElementVNode("view", _hoisted_1$M, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         name: _ctx.name,
@@ -4596,7 +4596,7 @@ const _sfc_main$Y = create$Y({
     };
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$L = {
   key: 0,
   class: "nut-toast-icon-wrapper"
 };
@@ -4627,7 +4627,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
             "background-color": _ctx.bgColor
           })
         }, [
-          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$K, [
+          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$L, [
             createVNode(_component_nut_icon, {
               size: "20",
               color: "#ffffff",
@@ -4841,10 +4841,10 @@ const _sfc_main$X = create$X({
     };
   }
 });
-const _hoisted_1$J = { class: "nut-progress" };
+const _hoisted_1$K = { class: "nut-progress" };
 function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$J, [
+  return openBlock(), createElementBlock("div", _hoisted_1$K, [
     createElementVNode("div", {
       class: normalizeClass(["nut-progress-outer", [
         _ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
@@ -4943,7 +4943,7 @@ const _sfc_main$W = create$W({
     };
   }
 });
-const _hoisted_1$I = ["height", "width"];
+const _hoisted_1$J = ["height", "width"];
 const _hoisted_2$B = ["r", "cx", "cy", "stroke", "stroke-width"];
 const _hoisted_3$s = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
 const _hoisted_4$l = { class: "nut-circleprogress-content" };
@@ -4977,7 +4977,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
         "stroke-linecap": "round",
         style: { "transition": "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s" }
       }, null, 8, _hoisted_3$s)
-    ], 8, _hoisted_1$I)),
+    ], 8, _hoisted_1$J)),
     createElementVNode("div", _hoisted_4$l, [
       !_ctx.isAuto ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
         createTextVNode(toDisplayString(_ctx.progress) + "%", 1)
@@ -5244,7 +5244,7 @@ const _sfc_main$V = create$V({
     });
   }
 });
-const _hoisted_1$H = {
+const _hoisted_1$I = {
   ref: "wrap",
   class: "wrap"
 };
@@ -5273,7 +5273,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.color
         }, null, 8, ["color"])) : createCommentVNode("", true)
       ], 4)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_1$H, [
+      createElementVNode("view", _hoisted_1$I, [
         createElementVNode("view", {
           ref: "content",
           class: normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": !_ctx.scrollable && !_ctx.wrapable }]]),
@@ -5437,7 +5437,7 @@ const _sfc_main$U = create$U({
     });
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$H = {
   key: 0,
   class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
@@ -5461,7 +5461,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     class: "nut-searchbar",
     style: normalizeStyle(_ctx.searchbarStyle)
   }, [
-    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$G, [
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$H, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
@@ -5551,14 +5551,14 @@ const _sfc_main$T = create$T({
     };
   }
 });
-const _hoisted_1$F = { class: "nut-empty" };
+const _hoisted_1$G = { class: "nut-empty" };
 const _hoisted_2$y = ["src"];
 const _hoisted_3$q = {
   key: 1,
   class: "nut-empty-description"
 };
 function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$F, [
+  return openBlock(), createElementBlock("view", _hoisted_1$G, [
     createElementVNode("view", {
       class: "nut-empty-image",
       style: normalizeStyle(_ctx.imgStyle)
@@ -5582,12 +5582,6 @@ const _sfc_main$S = create$S({
     leftShow: { type: Boolean, default: true },
     title: { type: String, default: "" },
     titIcon: { type: String, default: "" },
-    tabs: {
-      type: Array,
-      defaul: () => {
-        return [];
-      }
-    },
     icon: { type: String, default: "" },
     desc: { type: String, default: "" },
     defaultIndex: {
@@ -5617,11 +5611,6 @@ const _sfc_main$S = create$S({
         [prefixCls]: true
       };
     });
-    function switchTitle(id, name) {
-      activeIndex.value = id;
-      console.log(id);
-      emit("switch-tab", activeIndex.value, name);
-    }
     function handleLeft() {
       emit("on-click-back");
     }
@@ -5652,20 +5641,17 @@ const _sfc_main$S = create$S({
       handleSend,
       handleSlot,
       handleSends,
-      switchTitle,
       activeIndex
     };
   }
 });
-const _hoisted_1$E = { class: "nut-navbar__left" };
-const _hoisted_2$x = { class: "tab-title" };
-const _hoisted_3$p = ["onClick"];
+const _hoisted_1$F = { class: "nut-navbar__left" };
 function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$E, [
+    createElementVNode("view", _hoisted_1$F, [
       _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         color: "#979797",
@@ -5673,8 +5659,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _ctx.handleLeft
       }, null, 8, ["onClick"])) : createCommentVNode("", true)
     ]),
-    _ctx.title || _ctx.titIcon || _ctx.tabs ? (openBlock(), createElementBlock("view", {
-      key: 0,
+    createElementVNode("view", {
       class: normalizeClass(["nut-navbar__title", { icon: _ctx.icon }])
     }, [
       _ctx.title ? (openBlock(), createElementBlock("view", {
@@ -5687,21 +5672,10 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.titIcon,
         onClick: _ctx.handleCenterIcon
       }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_2$x, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (item, index) => {
-          return openBlock(), createElementBlock("view", {
-            class: normalizeClass([
-              "tab-title-box",
-              { "nut-tab-active": _ctx.activeIndex == item.id || _ctx.activeIndex == index }
-            ]),
-            onClick: ($event) => _ctx.switchTitle(item.id, item.name),
-            key: item.id
-          }, toDisplayString(item.name), 11, _hoisted_3$p);
-        }), 128))
-      ])
-    ], 2)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "content")
+    ], 2),
     _ctx.desc || _ctx.icon ? (openBlock(), createElementBlock("view", {
-      key: 1,
+      key: 0,
       class: normalizeClass(["nut-navbar__right", { icon: _ctx.icon }])
     }, [
       _ctx.desc ? (openBlock(), createElementBlock("view", {
@@ -5790,9 +5764,9 @@ const _sfc_main$R = create$R({
     return { classes, updateValue, selected };
   }
 });
-const _hoisted_1$D = { class: "nut-fixednav__list" };
-const _hoisted_2$w = ["onClick"];
-const _hoisted_3$o = ["src"];
+const _hoisted_1$E = { class: "nut-fixednav__list" };
+const _hoisted_2$x = ["onClick"];
+const _hoisted_3$p = ["src"];
 const _hoisted_4$j = { class: "span" };
 const _hoisted_5$c = {
   key: 0,
@@ -5813,7 +5787,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
     }, null, 8, ["visible"])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "list", {}, () => [
-      createElementVNode("view", _hoisted_1$D, [
+      createElementVNode("view", _hoisted_1$E, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-fixednav__list-item",
@@ -5822,10 +5796,10 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$o),
+            }, null, 8, _hoisted_3$p),
             createElementVNode("view", _hoisted_4$j, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$c, toDisplayString(item.num), 1)) : createCommentVNode("", true)
-          ], 8, _hoisted_2$w);
+          ], 8, _hoisted_2$x);
         }), 128))
       ])
     ]),
@@ -5918,8 +5892,8 @@ const _sfc_main$Q = create$Q({
     };
   }
 });
-const _hoisted_1$C = ["onClick"];
-const _hoisted_2$v = { class: "nut-menu__title-text" };
+const _hoisted_1$D = ["onClick"];
+const _hoisted_2$w = { class: "nut-menu__title-text" };
 function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -5939,14 +5913,14 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
           }, [
-            createElementVNode("view", _hoisted_2$v, toDisplayString(item.renderTitle()), 1),
+            createElementVNode("view", _hoisted_2$w, toDisplayString(item.renderTitle()), 1),
             createVNode(_component_nut_icon, {
               name: item.titleIcon,
               size: "10",
               class: "nut-menu__title-icon"
             }, null, 8, ["name"])
           ], 2)
-        ], 14, _hoisted_1$C);
+        ], 14, _hoisted_1$D);
       }), 128))
     ], 2),
     renderSlot(_ctx.$slots, "default")
@@ -6050,8 +6024,8 @@ const _sfc_main$P = create$P({
     };
   }
 });
-const _hoisted_1$B = { class: "nut-menu-item__content" };
-const _hoisted_2$u = ["onClick"];
+const _hoisted_1$C = { class: "nut-menu-item__content" };
+const _hoisted_2$v = ["onClick"];
 function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
@@ -6080,7 +6054,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
       isWrapTeleport: false
     }), {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$B, [
+        createElementVNode("view", _hoisted_1$C, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
             return openBlock(), createElementBlock("view", {
               key: index,
@@ -6096,7 +6070,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
               createElementVNode("view", {
                 style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
               }, toDisplayString(option.text), 5)
-            ], 14, _hoisted_2$u);
+            ], 14, _hoisted_2$v);
           }), 128)),
           renderSlot(_ctx.$slots, "default")
         ])
@@ -6258,12 +6232,12 @@ const _sfc_main$N = create$N({
     };
   }
 });
-const _hoisted_1$A = { class: "nut-tabbar-item_icon-box" };
-const _hoisted_2$t = {
+const _hoisted_1$B = { class: "nut-tabbar-item_icon-box" };
+const _hoisted_2$u = {
   key: 0,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 1,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
 };
@@ -6277,8 +6251,8 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change(_ctx.state.index))
   }, [
-    createElementVNode("view", _hoisted_1$A, [
-      _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$t, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$n, toDisplayString("99+"))) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_1$B, [
+      _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$u, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$o, toDisplayString("99+"))) : createCommentVNode("", true),
       _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_4$i, [
         createVNode(_component_nut_icon, {
           class: "nut-tabbar-item_icon-box_icon",
@@ -6427,9 +6401,9 @@ const _sfc_main$M = create$M({
     });
   }
 });
-const _hoisted_1$z = { class: "nut-elevator__list__item__code" };
-const _hoisted_2$s = ["onClick", "innerHTML"];
-const _hoisted_3$m = { class: "nut-elevator__bars__inner" };
+const _hoisted_1$A = { class: "nut-elevator__list__item__code" };
+const _hoisted_2$t = ["onClick", "innerHTML"];
+const _hoisted_3$n = { class: "nut-elevator__bars__inner" };
 const _hoisted_4$h = ["data-index", "onClick"];
 function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
@@ -6447,14 +6421,14 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
           ref_for: true,
           ref: _ctx.setListGroup
         }, [
-          createElementVNode("view", _hoisted_1$z, toDisplayString(item[_ctx.acceptKey]), 1),
+          createElementVNode("view", _hoisted_1$A, toDisplayString(item[_ctx.acceptKey]), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
             return openBlock(), createElementBlock("view", {
               class: "nut-elevator__list__item__name",
               key: subitem["id"],
               onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
               innerHTML: subitem.name
-            }, null, 8, _hoisted_2$s);
+            }, null, 8, _hoisted_2$t);
           }), 128))
         ]);
       }), 128))
@@ -6471,7 +6445,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchmove: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
     }, [
-      createElementVNode("view", _hoisted_3$m, [
+      createElementVNode("view", _hoisted_3$n, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-elevator__bars__inner__item",
@@ -6591,19 +6565,19 @@ const _sfc_main$L = create$L({
     };
   }
 });
-const _hoisted_1$y = { class: "nut-pagination" };
-const _hoisted_2$r = {
+const _hoisted_1$z = { class: "nut-pagination" };
+const _hoisted_2$s = {
   key: 0,
   class: "nut-pagination-contain"
 };
-const _hoisted_3$l = ["onClick"];
+const _hoisted_3$m = ["onClick"];
 const _hoisted_4$g = {
   key: 1,
   class: "nut-pagination-contain"
 };
 const _hoisted_5$b = { class: "nut-pagination-simple" };
 function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$y, [
+  return openBlock(), createElementBlock("view", _hoisted_1$z, [
     createElementVNode("view", {
       class: normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
@@ -6612,7 +6586,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.prevText), 1)
       ])
     ], 2),
-    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$r, [
+    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$s, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index) => {
         return openBlock(), createElementBlock("view", {
           key: index + "pagination",
@@ -6622,7 +6596,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "page", { item }, () => [
             createTextVNode(toDisplayString(item.text), 1)
           ])
-        ], 10, _hoisted_3$l);
+        ], 10, _hoisted_3$m);
       }), 128))
     ])) : createCommentVNode("", true),
     _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$g, [
@@ -6777,7 +6751,7 @@ const _sfc_main$K = create$K({
     }, methods);
   }
 });
-const _hoisted_1$x = ["onClick"];
+const _hoisted_1$y = ["onClick"];
 function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -6812,7 +6786,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis && !_ctx.titleScroll && _ctx.direction == "horizontal" }])
           }, toDisplayString(item.title), 3)
-        ], 14, _hoisted_1$x);
+        ], 14, _hoisted_1$y);
       }), 128))
     ], 6),
     createElementVNode("view", {
@@ -7150,7 +7124,7 @@ const _sfc_main$G = create$G({
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   key: 3,
   class: "nut-grid-item__text"
 };
@@ -7171,7 +7145,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
           size: _ctx.iconProps.size,
           color: _ctx.iconProps.color
         }, null, 8, ["name", "size", "color"])),
-        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1$w, toDisplayString(_ctx.text), 1))
+        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1$x, toDisplayString(_ctx.text), 1))
       ], 64))
     ], 2)
   ], 6);
@@ -7236,8 +7210,8 @@ const _sfc_main$F = create$F({
     });
   }
 });
-const _hoisted_1$v = { class: "nut-sidenavbar__content" };
-const _hoisted_2$q = {
+const _hoisted_1$w = { class: "nut-sidenavbar__content" };
+const _hoisted_2$r = {
   class: "nut-sidenavbar__content__list",
   ref: "list"
 };
@@ -7245,8 +7219,8 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$v, [
-      createElementVNode("view", _hoisted_2$q, [
+    createElementVNode("view", _hoisted_1$w, [
+      createElementVNode("view", _hoisted_2$r, [
         renderSlot(_ctx.$slots, "default")
       ], 512)
     ])
@@ -7282,16 +7256,16 @@ const _sfc_main$E = create$E({
     };
   }
 });
-const _hoisted_1$u = ["ikey"];
-const _hoisted_2$p = { class: "nut-sidenavbaritem__title" };
+const _hoisted_1$v = ["ikey"];
+const _hoisted_2$q = { class: "nut-sidenavbaritem__title" };
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: "nut-sidenavbaritem",
     onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
     ikey: _ctx.ikey
   }, [
-    createElementVNode("span", _hoisted_2$p, toDisplayString(_ctx.title), 1)
-  ], 8, _hoisted_1$u);
+    createElementVNode("span", _hoisted_2$q, toDisplayString(_ctx.title), 1)
+  ], 8, _hoisted_1$v);
 }
 var SideNavBarItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$A]]);
 const { componentName: componentName$s, create: create$D } = createComponent("subsidenavbar");
@@ -7340,9 +7314,9 @@ const _sfc_main$D = create$D({
     });
   }
 });
-const _hoisted_1$t = ["ikey"];
-const _hoisted_2$o = { class: "nut-subsidenavbar__title__text" };
-const _hoisted_3$k = { class: "nut-subsidenavbar__title__icon" };
+const _hoisted_1$u = ["ikey"];
+const _hoisted_2$p = { class: "nut-subsidenavbar__title__text" };
+const _hoisted_3$l = { class: "nut-subsidenavbar__title__icon" };
 function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -7353,8 +7327,8 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-subsidenavbar__title",
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
-      createElementVNode("span", _hoisted_2$o, toDisplayString(_ctx.title), 1),
-      createElementVNode("span", _hoisted_3$k, [
+      createElementVNode("span", _hoisted_2$p, toDisplayString(_ctx.title), 1),
+      createElementVNode("span", _hoisted_3$l, [
         createVNode(_component_nut_icon, {
           name: "down-arrow",
           class: normalizeClass(_ctx.direction)
@@ -7367,7 +7341,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 6)
-  ], 10, _hoisted_1$t);
+  ], 10, _hoisted_1$u);
 }
 var SubSideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
 const Utils = {
@@ -7838,9 +7812,9 @@ const _sfc_main$C = create$C({
     }, toRefs(state)), toRefs(props));
   }
 });
-const _hoisted_1$s = { class: "calendar-title" };
-const _hoisted_2$n = { class: "calendar-curr-month" };
-const _hoisted_3$j = {
+const _hoisted_1$t = { class: "calendar-title" };
+const _hoisted_2$o = { class: "calendar-curr-month" };
+const _hoisted_3$k = {
   class: "calendar-weeks",
   ref: "weeksPanel"
 };
@@ -7880,10 +7854,10 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
     }, [
       _ctx.poppable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createElementVNode("view", _hoisted_1$s, toDisplayString(_ctx.title), 1),
-        createElementVNode("view", _hoisted_2$n, toDisplayString(_ctx.yearMonthTitle), 1)
+        createElementVNode("view", _hoisted_1$t, toDisplayString(_ctx.title), 1),
+        createElementVNode("view", _hoisted_2$o, toDisplayString(_ctx.yearMonthTitle), 1)
       ], 64)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$j, [
+      createElementVNode("view", _hoisted_3$k, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-week-item",
@@ -8207,10 +8181,6 @@ const commonProps = {
     type: Boolean,
     default: false
   },
-  visibleItemCount: {
-    type: [Number, String],
-    default: 7
-  },
   defaultIndex: {
     type: [Number, String],
     default: 0
@@ -8220,206 +8190,208 @@ const commonProps = {
     default: 35
   }
 };
-const MOMENTUM_LIMIT_DISTANCE = 15;
-const MOMENTUM_LIMIT_TIME = 300;
-const DEFAULT_DURATION = 200;
 const { create: create$y } = createComponent("picker-column");
-function range(num, min, max) {
-  return Math.min(Math.max(num, min), max);
-}
-function stopPropagation(event) {
-  event.stopPropagation();
-}
-function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== "boolean" || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation) {
-    stopPropagation(event);
-  }
-}
-function getElementTranslateY(element) {
-  const style = window.getComputedStyle(element);
-  const transform = style.transform || style.webkitTransform;
-  const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
-  return Number(translateY);
-}
-function isObject$1(val) {
-  return val !== null && typeof val === "object";
-}
-function isOptionDisabled(option) {
-  return isObject$1(option) && option.disabled;
-}
 const _sfc_main$y = create$y({
   props: __spreadValues({
-    dataType: String
+    dataType: String,
+    itemShow: {
+      type: Boolean,
+      default: false
+    }
   }, commonProps),
   emits: ["click", "change"],
   setup(props, { emit }) {
     const wrapper = ref();
     const state = reactive({
-      index: props.defaultIndex,
-      offset: 0,
-      duration: 0,
-      options: props.listData,
-      moving: false,
-      startOffset: 0,
-      touchStartTime: 0,
-      momentumOffset: 0,
-      transitionEndTrigger: null
+      touchParams: {
+        startY: 0,
+        endY: 0,
+        startTime: 0,
+        endTime: 0,
+        lastY: 0
+      },
+      currIndex: 1,
+      transformY: 0,
+      scrollDistance: 0,
+      lineSpacing: 36,
+      rotation: 20,
+      timer: null
     });
-    const touch = useTouch();
-    const wrapperStyle = computed(() => ({
-      transform: `translate3d(0, ${state.offset + baseOffset()}px, 0)`,
-      transitionDuration: `${state.duration}ms`,
-      transitionProperty: state.duration ? "all" : "none"
-    }));
-    const getIndexByOffset = (offset) => {
-      return range(Math.round(-offset / +props.itemHeight), 0, state.options.length - 1);
+    const roller = ref(null);
+    const list = ref(null);
+    const listItem = ref(null);
+    const touchDeg = ref(0);
+    const touchTime = ref(0);
+    const touchTranslateY = ref(0);
+    const touchListStyle = computed(() => {
+      return {
+        transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
+        transform: `translate3d(0, ${state.scrollDistance}px, 0)`
+      };
+    });
+    const touchRollerStyle = computed(() => {
+      return {
+        transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
+        transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
+      };
+    });
+    const onTouchStart = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.startY = changedTouches.pageY;
+      state.touchParams.startTime = event.timeStamp || Date.now();
+      state.transformY = state.scrollDistance;
     };
-    const baseOffset = () => {
-      return +props.itemHeight * (+props.visibleItemCount - 1) / 2;
+    const onTouchMove = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.lastY = changedTouches.pageY;
+      state.touchParams.lastTime = event.timeStamp || Date.now();
+      let move = state.touchParams.lastY - state.touchParams.startY;
+      setMove(move);
     };
-    const stopMomentum = () => {
-      state.moving = false;
-      state.duration = 0;
-      if (state.transitionEndTrigger) {
-        state.transitionEndTrigger();
-        state.transitionEndTrigger = null;
-      }
-    };
-    const adjustIndex = (index) => {
-      index = range(index, 0, state.options.length);
-      for (let i = index; i < state.options.length; i++) {
-        if (!isOptionDisabled(state.options[i]))
-          return i;
-      }
-      for (let i = index - 1; i >= 0; i--) {
-        if (!isOptionDisabled(state.options[i]))
-          return i;
-      }
-    };
-    const setIndex = (index, emitChange = false) => {
-      index = adjustIndex(index) || 0;
-      const offset = -index * +props.itemHeight;
-      const trigger = () => {
-        if (index !== state.index) {
-          state.index = index;
-          if (emitChange) {
-            emit("change", index);
-          }
-        }
-      };
-      if (state.moving && offset !== state.offset) {
-        state.transitionEndTrigger = trigger;
+    const onTouchEnd = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.lastY = changedTouches.pageY;
+      state.touchParams.lastTime = event.timestamp || Date.now();
+      let move = state.touchParams.lastY - state.touchParams.startY;
+      let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
+      if (moveTime <= 300) {
+        move = move * 2;
+        moveTime = moveTime + 1e3;
+        setMove(move, "end", moveTime);
       } else {
-        trigger();
+        setMove(move, "end");
       }
-      state.offset = offset;
     };
-    const momentum = (distance, duration) => {
-      const speed = Math.abs(distance / duration);
-      distance = state.offset + speed / 0.03 * (distance < 0 ? -1 : 1);
-      const index = getIndexByOffset(distance);
-      setIndex(index, true);
+    const setRollerStyle = (index) => {
+      return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
     };
-    const onTouchStart = (event) => {
-      if (props.readonly) {
-        return;
-      }
-      touch.start(event);
-      if (state.moving) {
-        const translateY = getElementTranslateY(wrapper.value);
-        state.offset = Math.min(0, translateY - baseOffset());
-        state.startOffset = state.offset;
+    const isHidden = (index) => {
+      if (index >= state.currIndex + 8 || index <= state.currIndex - 8) {
+        return true;
       } else {
-        state.startOffset = state.offset;
+        return false;
       }
-      state.duration = 0;
-      state.touchStartTime = Date.now();
-      state.momentumOffset = state.startOffset;
-      state.transitionEndTrigger = null;
     };
-    const onTouchMove = (event) => {
-      if (props.readonly) {
-        return;
-      }
-      state.moving = true;
-      touch.move(event);
-      if (touch.isVertical()) {
-        state.moving = true;
-        preventDefault(event, true);
-      }
-      const moveOffset = state.startOffset + touch.deltaY.value;
-      if (moveOffset > props.itemHeight) {
-        state.offset = props.itemHeight;
+    const setTransform = (translateY = 0, type, time = 1e3, deg) => {
+      if (type === "end") {
+        touchTime.value = time;
       } else {
-        state.offset = state.startOffset + touch.deltaY.value;
-      }
-      const now = Date.now();
-      if (now - state.touchStartTime > MOMENTUM_LIMIT_TIME) {
-        state.touchStartTime = now;
-        state.momentumOffset = state.offset;
+        touchTime.value = 0;
       }
+      touchDeg.value = deg;
+      touchTranslateY.value = translateY;
+      state.scrollDistance = translateY;
     };
-    const onTouchEnd = () => {
-      const index = getIndexByOffset(state.offset);
-      state.duration = DEFAULT_DURATION;
-      setIndex(index, true);
-      const distance = state.offset - state.momentumOffset;
-      const duration = Date.now() - state.touchStartTime;
-      const allowMomentum = duration < MOMENTUM_LIMIT_TIME && Math.abs(distance) > MOMENTUM_LIMIT_DISTANCE;
-      if (allowMomentum) {
-        momentum(distance, duration);
-        return;
+    const setMove = (move, type, time) => {
+      let updateMove = move + state.transformY;
+      if (type === "end") {
+        if (updateMove > 0) {
+          updateMove = 0;
+        }
+        if (updateMove < -(props.listData.values.length - 1) * state.lineSpacing) {
+          updateMove = -(props.listData.values.length - 1) * state.lineSpacing;
+        }
+        let endMove = Math.round(updateMove / state.lineSpacing) * state.lineSpacing;
+        let deg = `${(Math.abs(Math.round(endMove / state.lineSpacing)) + 1) * state.rotation}deg`;
+        setTransform(endMove, type, time, deg);
+        let t = time ? time / 2 : 0;
+        state.timer = setTimeout(() => {
+          setChooseValue();
+        }, t);
+        state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
+      } else {
+        let deg = "0deg";
+        if (updateMove < 0) {
+          deg = `${(Math.abs(updateMove / state.lineSpacing) + 1) * state.rotation}deg`;
+        } else {
+          deg = `${(-updateMove / state.lineSpacing + 1) * state.rotation}deg`;
+        }
+        setTransform(updateMove, null, void 0, deg);
+        state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
       }
     };
-    onMounted(() => {
-      setIndex(+props.defaultIndex);
-    });
+    const setChooseValue = () => {
+      emit("change", state.currIndex - 1);
+    };
+    const modifyStatus = (type) => {
+      let index = props.defaultIndex;
+      state.currIndex = index === -1 ? 1 : index + 1;
+      let move = index === -1 ? 0 : index * state.lineSpacing;
+      type && setChooseValue();
+      setMove(-move);
+    };
     watch(() => props.listData, (val) => {
-      if (val) {
-        state.options = val;
-      }
+      state.transformY = 0;
+      modifyStatus(false);
+    }, {
+      deep: true
     });
     watch(() => props.defaultIndex, (val) => {
-      setIndex(+val);
+      state.transformY = 0;
+      modifyStatus(false);
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    onMounted(() => {
+      modifyStatus(true);
+    });
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(state)), toRefs(props)), {
       wrapper,
+      setRollerStyle,
+      isHidden,
+      roller,
+      list,
+      listItem,
       onTouchStart,
       onTouchMove,
       onTouchEnd,
-      wrapperStyle,
-      stopMomentum,
-      columns: state.options,
-      height: Number(props.visibleItemCount) * +props.itemHeight
+      touchRollerStyle,
+      touchListStyle
     });
   }
 });
+const _hoisted_1$s = { class: "nut-picker-content" };
+const _hoisted_2$n = {
+  key: 0,
+  class: "nut-picker-placeholder"
+};
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: "nut-picker__content",
-    style: normalizeStyle({ height: _ctx.height + "px" }),
+    class: "nut-picker__list",
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
     onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
-    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
-    onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
-    onTransitionend: _cache[4] || (_cache[4] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
+    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
     createElementVNode("view", {
-      class: "nut-picker__wrapper",
-      ref: "wrapper",
-      style: normalizeStyle(_ctx.wrapperStyle)
+      class: "nut-picker-roller",
+      ref: "roller",
+      style: normalizeStyle(_ctx.touchRollerStyle)
     }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index) => {
         return openBlock(), createElementBlock("view", {
-          class: "nut-picker__item",
-          key: index
-        }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
+          class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
+          style: normalizeStyle(_ctx.setRollerStyle(index + 1)),
+          key: item.label ? item.label : index
+        }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 7);
       }), 128))
-    ], 4)
-  ], 36);
+    ], 4),
+    createElementVNode("view", _hoisted_1$s, [
+      createElementVNode("view", {
+        class: "nut-picker-list-panel",
+        ref: "list",
+        style: normalizeStyle(_ctx.touchListStyle)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-picker-item nut-picker-item-ref",
+            key: item.label ? item.label : index
+          }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
+        }), 128)),
+        _ctx.listData && _ctx.listData.length === 1 ? (openBlock(), createElementBlock("view", _hoisted_2$n)) : createCommentVNode("", true)
+      ], 4)
+    ])
+  ], 32);
 }
 var column = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$w]]);
 const { create: create$x, componentName: componentName$p } = createComponent("picker");
@@ -8459,12 +8431,6 @@ const _sfc_main$x = create$x({
         [prefixCls]: true
       };
     });
-    const top = computed(() => {
-      return Number(+props.visibleItemCount - 1) / 2 * +props.itemHeight;
-    });
-    const height = computed(() => {
-      return Number(props.visibleItemCount) * +props.itemHeight;
-    });
     const dataType = computed(() => {
       const firstColumn = state.formattedColumns[0];
       if (typeof firstColumn === "object") {
@@ -8479,9 +8445,7 @@ const _sfc_main$x = create$x({
     });
     const columnList = computed(() => {
       if (dataType.value === "text") {
-        return [
-          { values: state.formattedColumns, defaultIndex: state.defaultIndex }
-        ];
+        return [{ values: state.formattedColumns, defaultIndex: state.defaultIndex }];
       } else if (dataType.value === "multipleColumns") {
         return state.formattedColumns;
       } else if (dataType.value === "cascade") {
@@ -8546,7 +8510,7 @@ const _sfc_main$x = create$x({
       } else if (dataType.value === "multipleColumns") {
         defaultIndexList[columnIndex] = dataIndex;
         const val = defaultIndexList.map((res, i) => toRaw(state.formattedColumns)[i].values[res]);
-        emit("change", val);
+        emit("change", val, columnIndex, dataIndex);
       }
     };
     const confirm = () => {
@@ -8576,8 +8540,6 @@ const _sfc_main$x = create$x({
       column,
       dataType,
       columnList,
-      top,
-      height,
       close,
       changeHandler,
       confirm
@@ -8586,6 +8548,7 @@ const _sfc_main$x = create$x({
 });
 const _hoisted_1$r = { class: "nut-picker__bar" };
 const _hoisted_2$m = { class: "nut-picker__column" };
+const _hoisted_3$j = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker_column = resolveComponent("nut-picker-column");
   const _component_nut_popup = resolveComponent("nut-popup");
@@ -8594,13 +8557,13 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createVNode(_component_nut_popup, {
       position: "bottom",
-      style: normalizeStyle({ height: _ctx.height + 56 + "px" }),
       visible: _ctx.show,
       "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.show = $event),
       teleport: _ctx.teleport,
       "lock-scroll": _ctx.lockScroll,
       "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      onClose: _ctx.close
+      onClose: _ctx.close,
+      round: true
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$r, [
@@ -8615,36 +8578,29 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
           }, toDisplayString(_ctx.okText), 1)
         ]),
         createElementVNode("view", _hoisted_2$m, [
-          createElementVNode("view", {
-            class: "nut-picker__mask",
-            style: normalizeStyle({ backgroundSize: `100% ${_ctx.top}px` })
-          }, null, 4),
-          createElementVNode("view", {
-            class: "nut-picker__hairline",
-            style: normalizeStyle({ top: ` ${_ctx.top}px` })
-          }, null, 4),
+          _hoisted_3$j,
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnList, (item, columnIndex) => {
             return openBlock(), createElementBlock("view", {
               class: "nut-picker__columnitem",
               key: columnIndex
             }, [
               createVNode(_component_nut_picker_column, {
-                "list-data": item.values,
+                itemShow: _ctx.show,
+                "list-data": item,
                 readonly: _ctx.readonly,
                 "default-index": item.defaultIndex,
                 "visible-item-count": _ctx.visibleItemCount,
-                "item-height": _ctx.itemHeight,
                 "data-type": _ctx.dataType,
                 onChange: (dataIndex) => {
                   _ctx.changeHandler(columnIndex, dataIndex);
                 }
-              }, null, 8, ["list-data", "readonly", "default-index", "visible-item-count", "item-height", "data-type", "onChange"])
+              }, null, 8, ["itemShow", "list-data", "readonly", "default-index", "visible-item-count", "data-type", "onChange"])
             ]);
           }), 128))
         ])
       ]),
       _: 1
-    }, 8, ["style", "visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose"])
+    }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose"])
   ], 2);
 }
 var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$v]]);
@@ -9115,6 +9071,10 @@ const _sfc_main$u = create$u({
     clearable: {
       type: Boolean,
       default: true
+    },
+    hasBorder: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["change", "update:modelValue", "blur", "focus", "clear"],
@@ -9125,7 +9085,8 @@ const _sfc_main$u = create$u({
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
-        [`${prefixCls}-require`]: props.requireShow
+        [`${prefixCls}-require`]: props.requireShow,
+        [`${prefixCls}-border`]: props.hasBorder
       };
     });
     const styles = computed(() => {
@@ -9157,7 +9118,7 @@ const _sfc_main$u = create$u({
     const valueBlur = (event) => {
       setTimeout(() => {
         active.value = false;
-      }, 0);
+      }, 200);
       const input = event.target;
       let value = input.value;
       if (props.maxLength && value.length > Number(props.maxLength)) {
@@ -9181,20 +9142,20 @@ const _sfc_main$u = create$u({
     };
   }
 });
-const _hoisted_1$p = { class: "nut-input-label" };
-const _hoisted_2$l = {
+const _hoisted_1$p = {
   key: 0,
-  class: "label-string"
+  class: "nut-input-label"
 };
+const _hoisted_2$l = { class: "label-string" };
 const _hoisted_3$i = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$p, [
-      _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_2$l, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
-    ]),
+    _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_1$p, [
+      createElementVNode("view", _hoisted_2$l, toDisplayString(_ctx.label), 1)
+    ])) : createCommentVNode("", true),
     createElementVNode("input", {
       class: "input-text",
       style: normalizeStyle(_ctx.styles),
@@ -9209,7 +9170,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
     }, null, 44, _hoisted_3$i),
     _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", {
-      key: 0,
+      key: 1,
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
       class: "nut-textinput-clear"
     }, [
@@ -9508,7 +9469,7 @@ const _sfc_main$q = create$q({
   setup(props, { emit }) {
     const realInput = ref(props.modelValue);
     const realpwd = ref();
-    const comLen = computed(() => range2(Number(props.length)));
+    const comLen = computed(() => range(Number(props.length)));
     const show = ref(props.visible);
     function sureClick() {
       emit("ok", realInput.value);
@@ -9544,7 +9505,7 @@ const _sfc_main$q = create$q({
       emit("update:visible", false);
       emit("close");
     }
-    function range2(val) {
+    function range(val) {
       return Math.min(Math.max(4, val), 6);
     }
     function onTips() {
@@ -9572,7 +9533,7 @@ const _sfc_main$q = create$q({
       realInput,
       realpwd,
       focus,
-      range: range2,
+      range,
       changeValue,
       close,
       onTips,
@@ -10060,8 +10021,9 @@ const _sfc_main$o = create$o({
       if (oversizes.length) {
         emit("oversize", oversizes);
       }
-      if (files.length > maximum) {
-        files.splice(maximum - 1, files.length - maximum);
+      let currentFileLength = files.length + fileList.length;
+      if (currentFileLength > maximum) {
+        files.splice(files.length - (currentFileLength - maximum));
       }
       return files;
     };
@@ -10071,7 +10033,8 @@ const _sfc_main$o = create$o({
         fileList.splice(index, 1);
         emit("delete", {
           file,
-          fileList
+          fileList,
+          index
         });
       } else {
         console.log("\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01");
@@ -13800,7 +13763,6 @@ const _sfc_main$2 = create$2({
       }
     });
     onMounted(() => {
-      console.log("\u66F4\u65B0\u53C2\u6570");
     });
     const getSlots = (name) => slots[name];
     const selectSku = (skus) => {
@@ -14211,6 +14173,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.15";
+const version = "3.1.16-beta.1";
 var nutui_vue_build = { install, version };
 export { ActionSheet, Address, Avatar, BackTop, Badge, Barrage, Button, Calendar, Card, Cascader, Cell, CellGroup, _sfc_main$A as Checkbox, _sfc_main$z as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, Empty, FixedNav, Form, FormItem, _sfc_main$H as Grid, GridItem, _sfc_main$1o as Icon, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1h as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, _sfc_main$t as Radio, _sfc_main$s as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$$ as Steps, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };