@nutui/nutui 3.1.15 → 3.1.16-beta.1

package/dist/nutui.umd.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.
 */
@@ -126,7 +126,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$_ = {
+  const _hoisted_1$$ = {
     key: 0,
     class: "text"
   };
@@ -141,7 +141,7 @@ var __publicField = (obj, key, value) => {
         class: "icon",
         name: _ctx.iconStyles
       }, null, 8, ["name"]),
-      _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$_, [
+      _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$$, [
         vue.renderSlot(_ctx.$slots, "default")
       ])) : vue.createCommentVNode("", true)
     ], 6);
@@ -270,7 +270,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -278,7 +278,7 @@ var __publicField = (obj, key, value) => {
       style: vue.normalizeStyle(_ctx.getStyle),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      vue.createElementVNode("view", _hoisted_1$Z, [
+      vue.createElementVNode("view", _hoisted_1$_, [
         _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           class: "nut-icon-loading"
@@ -342,7 +342,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
@@ -362,7 +362,7 @@ var __publicField = (obj, key, value) => {
             name: _ctx.icon
           }, null, 8, ["name"])) : vue.createCommentVNode("", true),
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-            vue.createElementVNode("view", _hoisted_1$Y, vue.toDisplayString(_ctx.title), 1),
+            vue.createElementVNode("view", _hoisted_1$Z, vue.toDisplayString(_ctx.title), 1),
             vue.createElementVNode("view", _hoisted_2$O, vue.toDisplayString(_ctx.subTitle), 1)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
@@ -400,7 +400,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$X = {
+  const _hoisted_1$Y = {
     key: 1,
     class: "nut-cell-group__title"
   };
@@ -413,7 +413,7 @@ var __publicField = (obj, key, value) => {
     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$X, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+      _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$Y, 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$N, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", _hoisted_3$B, [
         vue.renderSlot(_ctx.$slots, "default")
@@ -505,7 +505,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", {
@@ -515,7 +515,7 @@ var __publicField = (obj, key, value) => {
         key: 0,
         class: vue.normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
         innerHTML: _ctx.showSymbol
-      }, null, 10, _hoisted_1$W)) : vue.createCommentVNode("", true),
+      }, null, 10, _hoisted_1$X)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         class: vue.normalizeClass(`nut-price--${_ctx.size}`)
       }, vue.toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
@@ -955,7 +955,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  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 = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -1002,7 +1002,7 @@ var __publicField = (obj, key, value) => {
         ]),
         _: 3
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-    ], 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$V, [
+    ], 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$W, [
       _ctx.overlay ? (vue.openBlock(), vue.createBlock(_component_nut_overlay, {
         key: 0,
         visible: _ctx.visible,
@@ -1317,7 +1317,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$U = {
+  const _hoisted_1$V = {
     class: "nut-video",
     ref: "videocon"
   };
@@ -1341,7 +1341,7 @@ var __publicField = (obj, key, value) => {
   const _hoisted_11$4 = { class: "nut-video-error" };
   const _hoisted_12$4 = /* @__PURE__ */ vue.createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
   function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
       vue.createElementVNode("video", {
         ref: "root",
         class: "nut-video-player",
@@ -1582,7 +1582,7 @@ var __publicField = (obj, key, value) => {
           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) => {
@@ -1595,7 +1595,7 @@ var __publicField = (obj, key, value) => {
         }
         let targetOffset = offset - currentPosition;
         if (!props.loop) {
-          targetOffset = range2(targetOffset, minOffset.value, 0);
+          targetOffset = range(targetOffset, minOffset.value, 0);
         }
         return targetOffset;
       };
@@ -1603,9 +1603,9 @@ var __publicField = (obj, key, value) => {
         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;
       };
@@ -2072,7 +2072,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  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 = vue.resolveComponent("nut-video");
@@ -2122,7 +2122,7 @@ var __publicField = (obj, key, value) => {
                     vue.createElementVNode("img", {
                       src: item.src,
                       class: "nut-imagepreview-img"
-                    }, null, 8, _hoisted_1$T)
+                    }, null, 8, _hoisted_1$U)
                   ]),
                   _: 2
                 }, 1024);
@@ -2388,7 +2388,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$S = {
+  const _hoisted_1$T = {
     class: "nut-swipe__left",
     ref: "leftRef"
   };
@@ -2406,7 +2406,7 @@ var __publicField = (obj, key, value) => {
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
       onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
     }, [
-      vue.createElementVNode("view", _hoisted_1$S, [
+      vue.createElementVNode("view", _hoisted_1$T, [
         vue.renderSlot(_ctx.$slots, "left")
       ], 512),
       vue.createElementVNode("view", _hoisted_2$J, [
@@ -2488,7 +2488,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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"
@@ -2516,7 +2516,7 @@ var __publicField = (obj, key, value) => {
         onClickOverlay: _ctx.close
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$R, [
+          vue.createElementVNode("view", _hoisted_1$S, [
             _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$I, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
             _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$y, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
             _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$q, [
@@ -2935,7 +2935,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  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 = {
@@ -2960,7 +2960,7 @@ var __publicField = (obj, key, value) => {
         class: vue.normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
       }, [
-        vue.createElementVNode("view", _hoisted_1$Q, [
+        vue.createElementVNode("view", _hoisted_1$R, [
           vue.createElementVNode("view", null, [
             vue.createElementVNode("view", _hoisted_2$H, [
               _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
@@ -3314,7 +3314,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$P = {
+  const _hoisted_1$Q = {
     key: 0,
     class: "nut-dialog__header"
   };
@@ -3336,7 +3336,7 @@ var __publicField = (obj, key, value) => {
         vue.createElementVNode("view", {
           class: vue.normalizeClass(_ctx.classes)
         }, [
-          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$P, [
+          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$Q, [
             _ctx.$slots.header ? vue.renderSlot(_ctx.$slots, "header", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ], 64))
@@ -3649,7 +3649,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  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" };
@@ -3676,7 +3676,7 @@ var __publicField = (obj, key, value) => {
         ref: "refreshTop",
         style: vue.normalizeStyle(_ctx.getStyle)
       }, [
-        vue.createElementVNode("view", _hoisted_1$O, [
+        vue.createElementVNode("view", _hoisted_1$P, [
           vue.createVNode(_component_nut_icon, {
             class: "top-img",
             name: _ctx.pullIcon
@@ -4126,7 +4126,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$N = { class: "nut-range-container" };
+  const _hoisted_1$O = { class: "nut-range-container" };
   const _hoisted_2$E = {
     key: 0,
     class: "min"
@@ -4146,7 +4146,7 @@ var __publicField = (obj, key, value) => {
     class: "max"
   };
   function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$N, [
+    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$O, [
       !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$E, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         ref: "root",
@@ -4319,7 +4319,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$M = { class: "nut-step-head" };
+  const _hoisted_1$N = { class: "nut-step-head" };
   const _hoisted_2$D = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
   const _hoisted_3$u = {
     key: 2,
@@ -4333,7 +4333,7 @@ var __publicField = (obj, key, value) => {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      vue.createElementVNode("view", _hoisted_1$M, [
+      vue.createElementVNode("view", _hoisted_1$N, [
         _hoisted_2$D,
         vue.createElementVNode("view", {
           class: vue.normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
@@ -4442,7 +4442,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -4450,7 +4450,7 @@ var __publicField = (obj, key, value) => {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
       style: vue.normalizeStyle(_ctx.style)
     }, [
-      vue.createElementVNode("view", _hoisted_1$L, [
+      vue.createElementVNode("view", _hoisted_1$M, [
         _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: _ctx.name,
@@ -4598,7 +4598,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$K = {
+  const _hoisted_1$L = {
     key: 0,
     class: "nut-toast-icon-wrapper"
   };
@@ -4629,7 +4629,7 @@ var __publicField = (obj, key, value) => {
               "background-color": _ctx.bgColor
             })
           }, [
-            _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$K, [
+            _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$L, [
               vue.createVNode(_component_nut_icon, {
                 size: "20",
                 color: "#ffffff",
@@ -4843,10 +4843,10 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
       vue.createElementVNode("div", {
         class: vue.normalizeClass(["nut-progress-outer", [
           _ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
@@ -4945,7 +4945,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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" };
@@ -4979,7 +4979,7 @@ var __publicField = (obj, key, value) => {
           "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)),
       vue.createElementVNode("div", _hoisted_4$l, [
         !_ctx.isAuto ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.progress) + "%", 1)
@@ -5246,7 +5246,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$H = {
+  const _hoisted_1$I = {
     ref: "wrap",
     class: "wrap"
   };
@@ -5275,7 +5275,7 @@ var __publicField = (obj, key, value) => {
             color: _ctx.color
           }, null, 8, ["color"])) : vue.createCommentVNode("", true)
         ], 4)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_1$H, [
+        vue.createElementVNode("view", _hoisted_1$I, [
           vue.createElementVNode("view", {
             ref: "content",
             class: vue.normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": !_ctx.scrollable && !_ctx.wrapable }]]),
@@ -5439,7 +5439,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$G = {
+  const _hoisted_1$H = {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
   };
@@ -5463,7 +5463,7 @@ var __publicField = (obj, key, value) => {
       class: "nut-searchbar",
       style: vue.normalizeStyle(_ctx.searchbarStyle)
     }, [
-      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$G, [
+      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$H, [
         vue.renderSlot(_ctx.$slots, "leftout")
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
@@ -5553,14 +5553,14 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", _hoisted_1$F, [
+    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$G, [
       vue.createElementVNode("view", {
         class: "nut-empty-image",
         style: vue.normalizeStyle(_ctx.imgStyle)
@@ -5584,12 +5584,6 @@ var __publicField = (obj, key, value) => {
       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: {
@@ -5619,11 +5613,6 @@ var __publicField = (obj, key, value) => {
           [prefixCls]: true
         };
       });
-      function switchTitle(id, name) {
-        activeIndex.value = id;
-        console.log(id);
-        emit("switch-tab", activeIndex.value, name);
-      }
       function handleLeft() {
         emit("on-click-back");
       }
@@ -5654,20 +5643,17 @@ var __publicField = (obj, key, value) => {
         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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      vue.createElementVNode("view", _hoisted_1$E, [
+      vue.createElementVNode("view", _hoisted_1$F, [
         _ctx.leftShow ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           color: "#979797",
@@ -5675,8 +5661,7 @@ var __publicField = (obj, key, value) => {
           onClick: _ctx.handleLeft
         }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
       ]),
-      _ctx.title || _ctx.titIcon || _ctx.tabs ? (vue.openBlock(), vue.createElementBlock("view", {
-        key: 0,
+      vue.createElementVNode("view", {
         class: vue.normalizeClass(["nut-navbar__title", { icon: _ctx.icon }])
       }, [
         _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -5689,21 +5674,10 @@ var __publicField = (obj, key, value) => {
           name: _ctx.titIcon,
           onClick: _ctx.handleCenterIcon
         }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_2$x, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("view", {
-              class: vue.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
-            }, vue.toDisplayString(item.name), 11, _hoisted_3$p);
-          }), 128))
-        ])
-      ], 2)) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "content")
+      ], 2),
       _ctx.desc || _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", {
-        key: 1,
+        key: 0,
         class: vue.normalizeClass(["nut-navbar__right", { icon: _ctx.icon }])
       }, [
         _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -5792,9 +5766,9 @@ var __publicField = (obj, key, value) => {
       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,
@@ -5815,7 +5789,7 @@ var __publicField = (obj, key, value) => {
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
       }, null, 8, ["visible"])) : vue.createCommentVNode("", true),
       vue.renderSlot(_ctx.$slots, "list", {}, () => [
-        vue.createElementVNode("view", _hoisted_1$D, [
+        vue.createElementVNode("view", _hoisted_1$E, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: "nut-fixednav__list-item",
@@ -5824,10 +5798,10 @@ var __publicField = (obj, key, value) => {
             }, [
               vue.createElementVNode("img", {
                 src: item.icon
-              }, null, 8, _hoisted_3$o),
+              }, null, 8, _hoisted_3$p),
               vue.createElementVNode("view", _hoisted_4$j, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$c, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_2$w);
+            ], 8, _hoisted_2$x);
           }), 128))
         ])
       ]),
@@ -5920,8 +5894,8 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -5941,14 +5915,14 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("view", {
               class: vue.normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
             }, [
-              vue.createElementVNode("view", _hoisted_2$v, vue.toDisplayString(item.renderTitle()), 1),
+              vue.createElementVNode("view", _hoisted_2$w, vue.toDisplayString(item.renderTitle()), 1),
               vue.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),
       vue.renderSlot(_ctx.$slots, "default")
@@ -6052,8 +6026,8 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
@@ -6082,7 +6056,7 @@ var __publicField = (obj, key, value) => {
         isWrapTeleport: false
       }), {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$B, [
+          vue.createElementVNode("view", _hoisted_1$C, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
               return vue.openBlock(), vue.createElementBlock("view", {
                 key: index,
@@ -6098,7 +6072,7 @@ var __publicField = (obj, key, value) => {
                 vue.createElementVNode("view", {
                   style: vue.normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
                 }, vue.toDisplayString(option.text), 5)
-              ], 14, _hoisted_2$u);
+              ], 14, _hoisted_2$v);
             }), 128)),
             vue.renderSlot(_ctx.$slots, "default")
           ])
@@ -6260,12 +6234,12 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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"
   };
@@ -6279,8 +6253,8 @@ var __publicField = (obj, key, value) => {
       }),
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change(_ctx.state.index))
     }, [
-      vue.createElementVNode("view", _hoisted_1$A, [
-        _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$t, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$n, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true),
+      vue.createElementVNode("view", _hoisted_1$B, [
+        _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$u, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$o, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true),
         _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$i, [
           vue.createVNode(_component_nut_icon, {
             class: "nut-tabbar-item_icon-box_icon",
@@ -6429,9 +6403,9 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", {
@@ -6449,14 +6423,14 @@ var __publicField = (obj, key, value) => {
             ref_for: true,
             ref: _ctx.setListGroup
           }, [
-            vue.createElementVNode("view", _hoisted_1$z, vue.toDisplayString(item[_ctx.acceptKey]), 1),
+            vue.createElementVNode("view", _hoisted_1$A, vue.toDisplayString(item[_ctx.acceptKey]), 1),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.list, (subitem) => {
               return vue.openBlock(), vue.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))
@@ -6473,7 +6447,7 @@ var __publicField = (obj, key, value) => {
         onTouchmove: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
         onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
       }, [
-        vue.createElementVNode("view", _hoisted_3$m, [
+        vue.createElementVNode("view", _hoisted_3$n, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.indexList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: "nut-elevator__bars__inner__item",
@@ -6593,19 +6567,19 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", _hoisted_1$y, [
+    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$z, [
       vue.createElementVNode("view", {
         class: vue.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))
@@ -6614,7 +6588,7 @@ var __publicField = (obj, key, value) => {
           vue.createTextVNode(vue.toDisplayString(_ctx.prevText), 1)
         ])
       ], 2),
-      _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$r, [
+      _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$s, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.pages, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("view", {
             key: index + "pagination",
@@ -6624,7 +6598,7 @@ var __publicField = (obj, key, value) => {
             vue.renderSlot(_ctx.$slots, "page", { item }, () => [
               vue.createTextVNode(vue.toDisplayString(item.text), 1)
             ])
-          ], 10, _hoisted_3$l);
+          ], 10, _hoisted_3$m);
         }), 128))
       ])) : vue.createCommentVNode("", true),
       _ctx.mode == "simple" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$g, [
@@ -6779,7 +6753,7 @@ var __publicField = (obj, key, value) => {
       }, 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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -6814,7 +6788,7 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("view", {
               class: vue.normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis && !_ctx.titleScroll && _ctx.direction == "horizontal" }])
             }, vue.toDisplayString(item.title), 3)
-          ], 14, _hoisted_1$x);
+          ], 14, _hoisted_1$y);
         }), 128))
       ], 6),
       vue.createElementVNode("view", {
@@ -7152,7 +7126,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$w = {
+  const _hoisted_1$x = {
     key: 3,
     class: "nut-grid-item__text"
   };
@@ -7173,7 +7147,7 @@ var __publicField = (obj, key, value) => {
             size: _ctx.iconProps.size,
             color: _ctx.iconProps.color
           }, null, 8, ["name", "size", "color"])),
-          _ctx.$slots.text ? vue.renderSlot(_ctx.$slots, "text", { key: 2 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$w, vue.toDisplayString(_ctx.text), 1))
+          _ctx.$slots.text ? vue.renderSlot(_ctx.$slots, "text", { key: 2 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$x, vue.toDisplayString(_ctx.text), 1))
         ], 64))
       ], 2)
     ], 6);
@@ -7238,8 +7212,8 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  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"
   };
@@ -7247,8 +7221,8 @@ var __publicField = (obj, key, value) => {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      vue.createElementVNode("view", _hoisted_1$v, [
-        vue.createElementVNode("view", _hoisted_2$q, [
+      vue.createElementVNode("view", _hoisted_1$w, [
+        vue.createElementVNode("view", _hoisted_2$r, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 512)
       ])
@@ -7284,16 +7258,16 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-sidenavbaritem",
       onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
       ikey: _ctx.ikey
     }, [
-      vue.createElementVNode("span", _hoisted_2$p, vue.toDisplayString(_ctx.title), 1)
-    ], 8, _hoisted_1$u);
+      vue.createElementVNode("span", _hoisted_2$q, vue.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");
@@ -7342,9 +7316,9 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -7355,8 +7329,8 @@ var __publicField = (obj, key, value) => {
         class: "nut-subsidenavbar__title",
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
-        vue.createElementVNode("span", _hoisted_2$o, vue.toDisplayString(_ctx.title), 1),
-        vue.createElementVNode("span", _hoisted_3$k, [
+        vue.createElementVNode("span", _hoisted_2$p, vue.toDisplayString(_ctx.title), 1),
+        vue.createElementVNode("span", _hoisted_3$l, [
           vue.createVNode(_component_nut_icon, {
             name: "down-arrow",
             class: vue.normalizeClass(_ctx.direction)
@@ -7369,7 +7343,7 @@ var __publicField = (obj, key, value) => {
       }, [
         vue.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 = {
@@ -7840,9 +7814,9 @@ var __publicField = (obj, key, value) => {
       }, vue.toRefs(state)), vue.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"
   };
@@ -7882,10 +7856,10 @@ var __publicField = (obj, key, value) => {
         class: vue.normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
       }, [
         _ctx.poppable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          vue.createElementVNode("view", _hoisted_1$s, vue.toDisplayString(_ctx.title), 1),
-          vue.createElementVNode("view", _hoisted_2$n, vue.toDisplayString(_ctx.yearMonthTitle), 1)
+          vue.createElementVNode("view", _hoisted_1$t, vue.toDisplayString(_ctx.title), 1),
+          vue.createElementVNode("view", _hoisted_2$o, vue.toDisplayString(_ctx.yearMonthTitle), 1)
         ], 64)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$j, [
+        vue.createElementVNode("view", _hoisted_3$k, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weeks, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: "calendar-week-item",
@@ -8209,10 +8183,6 @@ var __publicField = (obj, key, value) => {
       type: Boolean,
       default: false
     },
-    visibleItemCount: {
-      type: [Number, String],
-      default: 7
-    },
     defaultIndex: {
       type: [Number, String],
       default: 0
@@ -8222,206 +8192,208 @@ var __publicField = (obj, key, value) => {
       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 = vue.ref();
       const state = vue.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 = vue.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 = vue.ref(null);
+      const list = vue.ref(null);
+      const listItem = vue.ref(null);
+      const touchDeg = vue.ref(0);
+      const touchTime = vue.ref(0);
+      const touchTranslateY = vue.ref(0);
+      const touchListStyle = vue.computed(() => {
+        return {
+          transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
+          transform: `translate3d(0, ${state.scrollDistance}px, 0)`
+        };
+      });
+      const touchRollerStyle = vue.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;
         }
       };
-      vue.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);
+      };
       vue.watch(() => props.listData, (val) => {
-        if (val) {
-          state.options = val;
-        }
+        state.transformY = 0;
+        modifyStatus(false);
+      }, {
+        deep: true
       });
       vue.watch(() => props.defaultIndex, (val) => {
-        setIndex(+val);
+        state.transformY = 0;
+        modifyStatus(false);
       });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      vue.onMounted(() => {
+        modifyStatus(true);
+      });
+      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(state)), vue.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 vue.openBlock(), vue.createElementBlock("view", {
-      class: "nut-picker__content",
-      style: vue.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))
     }, [
       vue.createElementVNode("view", {
-        class: "nut-picker__wrapper",
-        ref: "wrapper",
-        style: vue.normalizeStyle(_ctx.wrapperStyle)
+        class: "nut-picker-roller",
+        ref: "roller",
+        style: vue.normalizeStyle(_ctx.touchRollerStyle)
       }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.listData.values, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("view", {
-            class: "nut-picker__item",
-            key: index
-          }, vue.toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
+            class: vue.normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
+            style: vue.normalizeStyle(_ctx.setRollerStyle(index + 1)),
+            key: item.label ? item.label : index
+          }, vue.toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 7);
         }), 128))
-      ], 4)
-    ], 36);
+      ], 4),
+      vue.createElementVNode("view", _hoisted_1$s, [
+        vue.createElementVNode("view", {
+          class: "nut-picker-list-panel",
+          ref: "list",
+          style: vue.normalizeStyle(_ctx.touchListStyle)
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.listData.values, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("view", {
+              class: "nut-picker-item nut-picker-item-ref",
+              key: item.label ? item.label : index
+            }, vue.toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
+          }), 128)),
+          _ctx.listData && _ctx.listData.length === 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$n)) : vue.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");
@@ -8461,12 +8433,6 @@ var __publicField = (obj, key, value) => {
           [prefixCls]: true
         };
       });
-      const top = vue.computed(() => {
-        return Number(+props.visibleItemCount - 1) / 2 * +props.itemHeight;
-      });
-      const height = vue.computed(() => {
-        return Number(props.visibleItemCount) * +props.itemHeight;
-      });
       const dataType = vue.computed(() => {
         const firstColumn = state.formattedColumns[0];
         if (typeof firstColumn === "object") {
@@ -8481,9 +8447,7 @@ var __publicField = (obj, key, value) => {
       });
       const columnList = vue.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") {
@@ -8548,7 +8512,7 @@ var __publicField = (obj, key, value) => {
         } else if (dataType.value === "multipleColumns") {
           defaultIndexList[columnIndex] = dataIndex;
           const val = defaultIndexList.map((res, i) => vue.toRaw(state.formattedColumns)[i].values[res]);
-          emit("change", val);
+          emit("change", val, columnIndex, dataIndex);
         }
       };
       const confirm = () => {
@@ -8578,8 +8542,6 @@ var __publicField = (obj, key, value) => {
         column,
         dataType,
         columnList,
-        top,
-        height,
         close,
         changeHandler,
         confirm
@@ -8588,6 +8550,7 @@ var __publicField = (obj, key, value) => {
   });
   const _hoisted_1$r = { class: "nut-picker__bar" };
   const _hoisted_2$m = { class: "nut-picker__column" };
+  const _hoisted_3$j = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
   function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_picker_column = vue.resolveComponent("nut-picker-column");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
@@ -8596,13 +8559,13 @@ var __publicField = (obj, key, value) => {
     }, [
       vue.createVNode(_component_nut_popup, {
         position: "bottom",
-        style: vue.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: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$r, [
@@ -8617,36 +8580,29 @@ var __publicField = (obj, key, value) => {
             }, vue.toDisplayString(_ctx.okText), 1)
           ]),
           vue.createElementVNode("view", _hoisted_2$m, [
-            vue.createElementVNode("view", {
-              class: "nut-picker__mask",
-              style: vue.normalizeStyle({ backgroundSize: `100% ${_ctx.top}px` })
-            }, null, 4),
-            vue.createElementVNode("view", {
-              class: "nut-picker__hairline",
-              style: vue.normalizeStyle({ top: ` ${_ctx.top}px` })
-            }, null, 4),
+            _hoisted_3$j,
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnList, (item, columnIndex) => {
               return vue.openBlock(), vue.createElementBlock("view", {
                 class: "nut-picker__columnitem",
                 key: columnIndex
               }, [
                 vue.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]]);
@@ -9117,6 +9073,10 @@ var __publicField = (obj, key, value) => {
       clearable: {
         type: Boolean,
         default: true
+      },
+      hasBorder: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["change", "update:modelValue", "blur", "focus", "clear"],
@@ -9127,7 +9087,8 @@ var __publicField = (obj, key, value) => {
         return {
           [prefixCls]: true,
           [`${prefixCls}-disabled`]: props.disabled,
-          [`${prefixCls}-require`]: props.requireShow
+          [`${prefixCls}-require`]: props.requireShow,
+          [`${prefixCls}-border`]: props.hasBorder
         };
       });
       const styles = vue.computed(() => {
@@ -9159,7 +9120,7 @@ var __publicField = (obj, key, value) => {
       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)) {
@@ -9183,20 +9144,20 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      vue.createElementVNode("view", _hoisted_1$p, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$l, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
-      ]),
+      _ctx.label ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$p, [
+        vue.createElementVNode("view", _hoisted_2$l, vue.toDisplayString(_ctx.label), 1)
+      ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("input", {
         class: "input-text",
         style: vue.normalizeStyle(_ctx.styles),
@@ -9211,7 +9172,7 @@ var __publicField = (obj, key, value) => {
         onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
       }, null, 44, _hoisted_3$i),
       _ctx.clearable && !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
-        key: 0,
+        key: 1,
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
         class: "nut-textinput-clear"
       }, [
@@ -9510,7 +9471,7 @@ var __publicField = (obj, key, value) => {
     setup(props, { emit }) {
       const realInput = vue.ref(props.modelValue);
       const realpwd = vue.ref();
-      const comLen = vue.computed(() => range2(Number(props.length)));
+      const comLen = vue.computed(() => range(Number(props.length)));
       const show = vue.ref(props.visible);
       function sureClick() {
         emit("ok", realInput.value);
@@ -9546,7 +9507,7 @@ var __publicField = (obj, key, value) => {
         emit("update:visible", false);
         emit("close");
       }
-      function range2(val) {
+      function range(val) {
         return Math.min(Math.max(4, val), 6);
       }
       function onTips() {
@@ -9574,7 +9535,7 @@ var __publicField = (obj, key, value) => {
         realInput,
         realpwd,
         focus,
-        range: range2,
+        range,
         changeValue,
         close,
         onTips,
@@ -10062,8 +10023,9 @@ var __publicField = (obj, key, value) => {
         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;
       };
@@ -10073,7 +10035,8 @@ var __publicField = (obj, key, value) => {
           fileList.splice(index, 1);
           emit("delete", {
             file,
-            fileList
+            fileList,
+            index
           });
         } else {
           console.log("\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01");
@@ -13802,7 +13765,6 @@ var __publicField = (obj, key, value) => {
         }
       });
       vue.onMounted(() => {
-        console.log("\u66F4\u65B0\u53C2\u6570");
       });
       const getSlots = (name) => slots[name];
       const selectSku = (skus) => {
@@ -14213,7 +14175,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   }
-  const version = "3.1.15";
+  const version = "3.1.16-beta.1";
   var nutui_vue_build = { install, version };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;