@nutui/nutui 3.2.5 → 3.2.6-beta.2

package/dist/nutui.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:51 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:15 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -537,11 +537,11 @@
     key: 0,
     class: "nut-cell__icon"
   };
-  const _hoisted_2$14 = {
+  const _hoisted_2$13 = {
     key: 1,
     class: "nut-cell__title"
   };
-  const _hoisted_3$P = { class: "title" };
+  const _hoisted_3$O = { class: "title" };
   const _hoisted_4$E = { class: "nut-cell__title-desc" };
   function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -559,10 +559,10 @@
             }), null, 16, ["name"])) : vue.createCommentVNode("", true)
           ])
         ])) : vue.createCommentVNode("", true),
-        _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$14, [
+        _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$13, [
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createElementVNode("view", _hoisted_3$P, vue.toDisplayString(_ctx.title), 1)
+              vue.createElementVNode("view", _hoisted_3$O, vue.toDisplayString(_ctx.title), 1)
             ]),
             vue.createElementVNode("view", _hoisted_4$E, vue.toDisplayString(_ctx.subTitle), 1)
           ], 64)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
@@ -655,18 +655,18 @@
     key: 1,
     class: "nut-cell-group__title"
   };
-  const _hoisted_2$13 = {
+  const _hoisted_2$12 = {
     key: 3,
     class: "nut-cell-group__desc"
   };
-  const _hoisted_3$O = { class: "nut-cell-group__warp" };
+  const _hoisted_3$N = { class: "nut-cell-group__warp" };
   function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1j, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-      _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$13, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_3$O, [
+      _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$12, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("view", _hoisted_3$N, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
     ], 2);
@@ -1181,11 +1181,11 @@
     }
   });
   const _hoisted_1$1h = ["src", "alt"];
-  const _hoisted_2$12 = {
+  const _hoisted_2$11 = {
     key: 0,
     class: "nut-img-loading"
   };
-  const _hoisted_3$N = {
+  const _hoisted_3$M = {
     key: 1,
     class: "nut-img-error"
   };
@@ -1204,14 +1204,14 @@
         onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args)),
         style: vue.normalizeStyle(_ctx.styles)
       }, null, 44, _hoisted_1$1h),
-      _ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$12, [
+      _ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, [
         !_ctx.slotLoding ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: "image"
         })) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "loading")
       ])) : vue.createCommentVNode("", true),
-      _ctx.isError && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$N, [
+      _ctx.isError && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$M, [
         !_ctx.slotError ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: "image-error"
@@ -1919,11 +1919,11 @@
     class: "nut-navbar--placeholder",
     ref: "navBarWrap"
   };
-  const _hoisted_2$11 = {
+  const _hoisted_2$10 = {
     key: 1,
     class: "nut-navbar__text"
   };
-  const _hoisted_3$M = { class: "nut-navbar__title" };
+  const _hoisted_3$L = { class: "nut-navbar__title" };
   const _hoisted_4$D = {
     key: 0,
     class: "nut-navbar__text"
@@ -1954,10 +1954,10 @@
             color: "#979797",
             name: "left"
           })) : vue.createCommentVNode("", true),
-          _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
+          _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$10, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "left")
         ]),
-        vue.createElementVNode("view", _hoisted_3$M, [
+        vue.createElementVNode("view", _hoisted_3$L, [
           _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 0,
             class: "title",
@@ -2088,8 +2088,8 @@
     }
   };
   const _hoisted_1$1e = { class: "nut-fixednav__list" };
-  const _hoisted_2$10 = ["onClick"];
-  const _hoisted_3$L = ["src"];
+  const _hoisted_2$$ = ["onClick"];
+  const _hoisted_3$K = ["src"];
   const _hoisted_4$C = { class: "span" };
   const _hoisted_5$s = {
     key: 0,
@@ -2119,10 +2119,10 @@
             }, [
               vue.createElementVNode("img", {
                 src: item.icon
-              }, null, 8, _hoisted_3$L),
+              }, null, 8, _hoisted_3$K),
               vue.createElementVNode("view", _hoisted_4$C, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
-            ], 10, _hoisted_2$10);
+            ], 10, _hoisted_2$$);
           }), 128))
         ])
       ]),
@@ -2280,7 +2280,7 @@
     }
   });
   const _hoisted_1$1d = ["onClick"];
-  const _hoisted_2$$ = { class: "nut-menu__title-text" };
+  const _hoisted_2$_ = { class: "nut-menu__title-text" };
   function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -2300,7 +2300,7 @@
             vue.createElementVNode("view", {
               class: vue.normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
             }, [
-              vue.createElementVNode("view", _hoisted_2$$, vue.toDisplayString(item.renderTitle()), 1),
+              vue.createElementVNode("view", _hoisted_2$_, vue.toDisplayString(item.renderTitle()), 1),
               vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
                 name: _ctx.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
                 size: "10",
@@ -2423,7 +2423,7 @@
     }
   });
   const _hoisted_1$1c = { class: "nut-menu-item__content nut-menu-item__overflow" };
-  const _hoisted_2$_ = ["onClick"];
+  const _hoisted_2$Z = ["onClick"];
   function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
@@ -2471,7 +2471,7 @@
                   class: vue.normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
                   style: vue.normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
                 }, vue.toDisplayString(option.text), 7)
-              ], 14, _hoisted_2$_);
+              ], 14, _hoisted_2$Z);
             }), 128)),
             vue.renderSlot(_ctx.$slots, "default")
           ])
@@ -2513,14 +2513,21 @@
       safeAreaInsetBottom: {
         type: Boolean,
         default: false
+      },
+      placeholder: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["tab-switch", "update:visible"],
     setup(props, { emit, slots }) {
+      const { bottom: bottom2, placeholder } = vue.toRefs(props);
+      const height = vue.ref();
       const mdValue = vue.reactive({
         val: props.visible,
         children: []
       });
+      const nutTabbar = vue.ref(null);
       function changeIndex(index, active) {
         emit("update:visible", active);
         parentData.modelValue = active;
@@ -2541,17 +2548,39 @@
           parentData.modelValue = value;
         }
       );
+      vue.onMounted(() => {
+        if (bottom2.value && placeholder.value) {
+          vue.nextTick(() => {
+            var _a;
+            height.value = (_a = nutTabbar == null ? void 0 : nutTabbar.value) == null ? void 0 : _a.getBoundingClientRect().height;
+          });
+        }
+      });
       return {
-        changeIndex
+        changeIndex,
+        nutTabbar,
+        height
       };
     }
   });
   function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("view", {
+    return _ctx.bottom && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: "nut-tabbar__placeholder",
+      style: vue.normalizeStyle({ height: _ctx.height + "px" })
+    }, [
+      vue.createElementVNode("view", {
+        ref: "nutTabbar",
+        class: vue.normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2)
+    ], 4)) : (vue.openBlock(), vue.createElementBlock("view", {
+      key: 1,
       class: vue.normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 2);
+    ], 2));
   }
   var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1r]]);
   const { create: create$1x } = createComponent("tabbar-item");
@@ -2665,11 +2694,11 @@
     }
   });
   const _hoisted_1$1b = { class: "nut-tabbar-item_icon-box" };
-  const _hoisted_2$Z = {
+  const _hoisted_2$Y = {
     key: 0,
     class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
   };
-  const _hoisted_3$K = {
+  const _hoisted_3$J = {
     key: 1,
     class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
   };
@@ -2690,7 +2719,7 @@
     }, [
       vue.createElementVNode("view", _hoisted_1$1b, [
         !_ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Z, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$K, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
+          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Y, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$J, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
         _ctx.dot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$B)) : vue.createCommentVNode("", true),
         _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$r, [
@@ -2908,8 +2937,8 @@
     }
   });
   const _hoisted_1$1a = { class: "nut-elevator__list__item__code" };
-  const _hoisted_2$Y = ["onClick"];
-  const _hoisted_3$J = ["innerHTML"];
+  const _hoisted_2$X = ["onClick"];
+  const _hoisted_3$I = ["innerHTML"];
   const _hoisted_4$A = { class: "fixed-title" };
   const _hoisted_5$q = { class: "nut-elevator__bars__inner" };
   const _hoisted_6$n = ["data-index", "onClick"];
@@ -2941,11 +2970,11 @@
                 !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
                   innerHTML: subitem.name
-                }, null, 8, _hoisted_3$J)) : vue.renderSlot(_ctx.$slots, "default", {
+                }, null, 8, _hoisted_3$I)) : vue.renderSlot(_ctx.$slots, "default", {
                   key: 1,
                   item: subitem
                 })
-              ], 10, _hoisted_2$Y);
+              ], 10, _hoisted_2$X);
             }), 128))
           ]);
         }), 128)),
@@ -3093,11 +3122,11 @@
     }
   });
   const _hoisted_1$19 = { class: "nut-pagination" };
-  const _hoisted_2$X = {
+  const _hoisted_2$W = {
     key: 0,
     class: "nut-pagination-contain"
   };
-  const _hoisted_3$I = ["onClick"];
+  const _hoisted_3$H = ["onClick"];
   const _hoisted_4$z = {
     key: 1,
     class: "nut-pagination-contain"
@@ -3113,7 +3142,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
         ])
       ], 2),
-      _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$X, [
+      _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$W, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.pages, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("view", {
             key: index + "pagination",
@@ -3123,7 +3152,7 @@
             vue.renderSlot(_ctx.$slots, "page", { item }, () => [
               vue.createTextVNode(vue.toDisplayString(item.text), 1)
             ])
-          ], 10, _hoisted_3$I);
+          ], 10, _hoisted_3$H);
         }), 128))
       ])) : vue.createCommentVNode("", true),
       _ctx.mode == "simple" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$z, [
@@ -3332,7 +3361,7 @@
     }
   };
   const _hoisted_1$18 = ["onClick"];
-  const _hoisted_2$W = ["onClick"];
+  const _hoisted_2$V = ["onClick"];
   function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_sticky = vue.resolveComponent("nut-sticky");
@@ -3412,7 +3441,7 @@
             vue.createElementVNode("view", {
               class: vue.normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
             }, vue.toDisplayString(item.title), 3)
-          ], 14, _hoisted_2$W);
+          ], 14, _hoisted_2$V);
         }), 128))
       ], 6)),
       vue.createElementVNode("view", {
@@ -3578,7 +3607,7 @@
     }
   });
   const _hoisted_1$17 = { class: "nut-sidenavbar__content" };
-  const _hoisted_2$V = {
+  const _hoisted_2$U = {
     class: "nut-sidenavbar__content__list",
     ref: "list"
   };
@@ -3587,7 +3616,7 @@
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.createElementVNode("view", _hoisted_1$17, [
-        vue.createElementVNode("view", _hoisted_2$V, [
+        vue.createElementVNode("view", _hoisted_2$U, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 512)
       ])
@@ -3624,14 +3653,14 @@
     }
   });
   const _hoisted_1$16 = ["ikey"];
-  const _hoisted_2$U = { class: "nut-sidenavbaritem__title" };
+  const _hoisted_2$T = { class: "nut-sidenavbaritem__title" };
   function _sfc_render$1k(_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$U, vue.toDisplayString(_ctx.title), 1)
+      vue.createElementVNode("span", _hoisted_2$T, vue.toDisplayString(_ctx.title), 1)
     ], 8, _hoisted_1$16);
   }
   var SideNavBarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
@@ -3683,8 +3712,8 @@
     }
   });
   const _hoisted_1$15 = ["ikey"];
-  const _hoisted_2$T = { class: "nut-subsidenavbar__title__text" };
-  const _hoisted_3$H = { class: "nut-subsidenavbar__title__icon" };
+  const _hoisted_2$S = { class: "nut-subsidenavbar__title__text" };
+  const _hoisted_3$G = { class: "nut-subsidenavbar__title__icon" };
   function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -3695,8 +3724,8 @@
         class: "nut-subsidenavbar__title",
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
-        vue.createElementVNode("span", _hoisted_2$T, vue.toDisplayString(_ctx.title), 1),
-        vue.createElementVNode("span", _hoisted_3$H, [
+        vue.createElementVNode("span", _hoisted_2$S, vue.toDisplayString(_ctx.title), 1),
+        vue.createElementVNode("span", _hoisted_3$G, [
           vue.createVNode(_component_nut_icon, {
             name: "down-arrow",
             class: vue.normalizeClass(_ctx.direction)
@@ -4066,11 +4095,11 @@
     key: 0,
     class: "min"
   };
-  const _hoisted_2$S = {
+  const _hoisted_2$R = {
     key: 0,
     class: "nut-range-mark"
   };
-  const _hoisted_3$G = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+  const _hoisted_3$F = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
   const _hoisted_4$y = {
     key: 0,
     class: "number"
@@ -4095,7 +4124,7 @@
         class: vue.normalizeClass(_ctx.classes),
         onClick: _cache[9] || (_cache[9] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
       }, [
-        _ctx.marksList.length > 0 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$S, [
+        _ctx.marksList.length > 0 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$R, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.marksList, (marks) => {
             return vue.openBlock(), vue.createElementBlock("span", {
               key: marks,
@@ -4148,7 +4177,7 @@
               }, [
                 !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$y, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$G);
+            ], 42, _hoisted_3$F);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -4350,11 +4379,11 @@
     key: 0,
     class: "nut-searchbar__search-label"
   };
-  const _hoisted_2$R = {
+  const _hoisted_2$Q = {
     key: 1,
     class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
   };
-  const _hoisted_3$F = { class: "nut-searchbar__input-inner" };
+  const _hoisted_3$E = { class: "nut-searchbar__input-inner" };
   const _hoisted_4$x = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_5$n = {
     key: 2,
@@ -4367,7 +4396,7 @@
       style: vue.normalizeStyle(_ctx.searchbarStyle)
     }, [
       _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$13, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$R, [
+      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Q, [
         vue.renderSlot(_ctx.$slots, "leftout")
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
@@ -4381,7 +4410,7 @@
         }, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$F, [
+        vue.createElementVNode("view", _hoisted_3$E, [
           vue.createElementVNode("form", {
             action: "#",
             onSubmit: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -4782,8 +4811,8 @@
     role: "menu",
     class: "nut-cascader-pane"
   };
-  const _hoisted_2$Q = ["aria-checked", "aria-disabled", "onClick"];
-  const _hoisted_3$E = { class: "nut-cascader-item__title" };
+  const _hoisted_2$P = ["aria-checked", "aria-disabled", "onClick"];
+  const _hoisted_3$D = { class: "nut-cascader-item__title" };
   const _hoisted_4$w = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
   function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -4813,7 +4842,7 @@
                     role: "menuitemradio",
                     onClick: ($event) => _ctx.handleNode(node, false)
                   }, [
-                    vue.createElementVNode("view", _hoisted_3$E, vue.toDisplayString(node.text), 1),
+                    vue.createElementVNode("view", _hoisted_3$D, vue.toDisplayString(node.text), 1),
                     node.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                       key: 0,
                       class: "nut-cascader-item__icon-loading",
@@ -4823,7 +4852,7 @@
                       class: "nut-cascader-item__icon-check",
                       name: "checklist"
                     }))
-                  ], 10, _hoisted_2$Q);
+                  ], 10, _hoisted_2$P);
                 }), 128))
               ])
             ]),
@@ -5642,11 +5671,11 @@
     key: 0,
     class: "calendar-title"
   };
-  const _hoisted_2$P = {
+  const _hoisted_2$O = {
     key: 1,
     class: "calendar-top-slot"
   };
-  const _hoisted_3$D = {
+  const _hoisted_3$C = {
     key: 2,
     class: "calendar-curr-month"
   };
@@ -5693,10 +5722,10 @@
         class: vue.normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
       }, [
         _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$10, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : vue.createCommentVNode("", true),
-        _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$P, [
+        _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$O, [
           vue.renderSlot(_ctx.$slots, "btn")
         ])) : vue.createCommentVNode("", true),
-        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$D, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
+        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$C, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$v, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weeks, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
@@ -6490,8 +6519,8 @@
     key: 1,
     class: "nut-picker-roller-item-tile"
   };
-  const _hoisted_2$O = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
-  const _hoisted_3$C = {
+  const _hoisted_2$N = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
+  const _hoisted_3$B = {
     key: 0,
     class: "nut-picker-content"
   };
@@ -6521,8 +6550,8 @@
           ], 64);
         }), 128))
       ], 36),
-      _hoisted_2$O,
-      _ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$C, [
+      _hoisted_2$N,
+      _ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$B, [
         vue.createElementVNode("view", {
           class: "nut-picker-list-panel",
           ref: "list",
@@ -6581,7 +6610,9 @@
         show: false,
         formattedColumns: props.columns
       });
-      let defaultValues = vue.ref(props.modelValue);
+      let defaultValues = vue.ref(
+        Array.isArray(props.modelValue) && props.modelValue.length > 0 ? props.modelValue : []
+      );
       const pickerColumn = vue.ref([]);
       const swipeRef = (el) => {
         if (el && pickerColumn.value.length < columnsList.value.length) {
@@ -6620,7 +6651,10 @@
           case "multiple":
             return state.formattedColumns;
           case "cascade":
-            return formatCascade(state.formattedColumns, defaultValues.value);
+            return formatCascade(
+              state.formattedColumns,
+              defaultValues.value ? defaultValues.value : []
+            );
           default:
             return [state.formattedColumns];
         }
@@ -6654,6 +6688,7 @@
       };
       const changeHandler = (columnIndex, option) => {
         if (option && Object.keys(option).length) {
+          defaultValues.value = defaultValues.value ? defaultValues.value : [];
           if (columnsType.value === "cascade") {
             defaultValues.value[columnIndex] = option.value ? option.value : "";
             let index = columnIndex;
@@ -6718,14 +6753,15 @@
             emit("update:modelValue", newValues);
           }
         },
-        { immediate: true }
+        { deep: true }
       );
       vue.watch(
         () => props.visible,
         (val) => {
           state.show = val;
-          if (val)
+          if (val) {
             pickerColumn.value = [];
+          }
         }
       );
       vue.watch(
@@ -6752,8 +6788,8 @@
     }
   });
   const _hoisted_1$_ = { class: "nut-picker__bar" };
-  const _hoisted_2$N = { class: "nut-picker__title" };
-  const _hoisted_3$B = {
+  const _hoisted_2$M = { class: "nut-picker__title" };
+  const _hoisted_3$A = {
     class: "nut-picker__column",
     ref: "wrapHeight"
   };
@@ -6783,14 +6819,14 @@
               class: "nut-picker__cancel nut-picker__left nut-picker__button",
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
             }, vue.toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1),
-            vue.createElementVNode("view", _hoisted_2$N, vue.toDisplayString(_ctx.title), 1),
+            vue.createElementVNode("view", _hoisted_2$M, vue.toDisplayString(_ctx.title), 1),
             vue.createElementVNode("view", {
               class: "nut-picker__confirm nut-picker__right nut-picker__button",
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirmHandler())
             }, vue.toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
           ]),
           vue.renderSlot(_ctx.$slots, "top"),
-          vue.createElementVNode("view", _hoisted_3$B, [
+          vue.createElementVNode("view", _hoisted_3$A, [
             _hoisted_4$u,
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnsList, (column2, columnIndex) => {
               return vue.openBlock(), vue.createElementBlock("view", {
@@ -6804,7 +6840,7 @@
                   column: column2,
                   readonly: _ctx.readonly,
                   columnsType: _ctx.columnsType,
-                  value: _ctx.defaultValues[columnIndex],
+                  value: _ctx.defaultValues && _ctx.defaultValues[columnIndex],
                   threeDimensional: _ctx.threeDimensional,
                   swipeDuration: _ctx.swipeDuration,
                   onChange: (option) => {
@@ -7634,12 +7670,16 @@
       vue.watch(
         () => props.modelValue,
         () => {
-          updateValue(getModelValue());
-          resetValidation();
+          if (!slots.input) {
+            updateValue(getModelValue());
+            resetValidation();
+          }
         }
       );
       vue.onMounted(() => {
-        updateValue(getModelValue(), props.formatTrigger);
+        if (!slots.input) {
+          updateValue(getModelValue(), props.formatTrigger);
+        }
       });
       return {
         inputRef,
@@ -7660,8 +7700,8 @@
     }
   });
   const _hoisted_1$Y = { class: "label-string" };
-  const _hoisted_2$M = { class: "nut-input-value" };
-  const _hoisted_3$A = { class: "label-string" };
+  const _hoisted_2$L = { class: "nut-input-value" };
+  const _hoisted_3$z = { class: "label-string" };
   const _hoisted_4$t = { class: "nut-input-value" };
   const _hoisted_5$l = { class: "nut-input-inner" };
   const _hoisted_6$k = { class: "nut-input-box" };
@@ -7690,7 +7730,7 @@
         }, [
           vue.createElementVNode("view", _hoisted_1$Y, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
         ], 6)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_2$M, [
+        vue.createElementVNode("view", _hoisted_2$L, [
           vue.createElementVNode("view", {
             class: "nut-input-inner",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
@@ -7714,7 +7754,7 @@
             textAlign: _ctx.labelAlign
           })
         }, [
-          vue.createElementVNode("view", _hoisted_3$A, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
+          vue.createElementVNode("view", _hoisted_3$z, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
         ], 6)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$t, [
           vue.createElementVNode("view", _hoisted_5$l, [
@@ -8252,8 +8292,8 @@
     }
   });
   const _hoisted_1$W = { class: "nut-shortpsd-title" };
-  const _hoisted_2$L = { class: "nut-shortpsd-subtitle" };
-  const _hoisted_3$z = { class: "nut-input-normalw" };
+  const _hoisted_2$K = { class: "nut-shortpsd-subtitle" };
+  const _hoisted_3$y = { class: "nut-input-normalw" };
   const _hoisted_4$s = /* @__PURE__ */ vue.createElementVNode("div", { class: "nut-input-site" }, null, -1);
   const _hoisted_5$k = {
     key: 0,
@@ -8289,8 +8329,8 @@
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$W, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1),
-          vue.createElementVNode("view", _hoisted_2$L, vue.toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
-          vue.createElementVNode("div", _hoisted_3$z, [
+          vue.createElementVNode("view", _hoisted_2$K, vue.toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
+          vue.createElementVNode("div", _hoisted_3$y, [
             vue.withDirectives(vue.createElementVNode("input", {
               ref: "realpwd",
               class: "nut-input-real",
@@ -8478,7 +8518,7 @@
     }
   });
   const _hoisted_1$V = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
-  const _hoisted_2$K = {
+  const _hoisted_2$J = {
     key: 0,
     class: "nut-textarea__limit"
   };
@@ -8501,7 +8541,7 @@
         placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
         autofocus: _ctx.autofocus
       }, null, 44, _hoisted_1$V),
-      _ctx.limitShow ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$K, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + vue.toDisplayString(_ctx.maxLength), 1)) : vue.createCommentVNode("", true)
+      _ctx.limitShow ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$J, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + vue.toDisplayString(_ctx.maxLength), 1)) : vue.createCommentVNode("", true)
     ], 2);
   }
   var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$16]]);
@@ -8857,8 +8897,8 @@
     key: 0,
     class: "nut-uploader__slot"
   };
-  const _hoisted_2$J = ["accept", "multiple", "name", "disabled"];
-  const _hoisted_3$y = ["accept", "multiple", "name", "disabled"];
+  const _hoisted_2$I = ["accept", "multiple", "name", "disabled"];
+  const _hoisted_3$x = ["accept", "multiple", "name", "disabled"];
   const _hoisted_4$r = {
     key: 0,
     class: "nut-uploader__preview-img"
@@ -8906,7 +8946,7 @@
             name: _ctx.name,
             disabled: _ctx.disabled,
             onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-          }, null, 40, _hoisted_2$J)) : (vue.openBlock(), vue.createElementBlock("input", {
+          }, null, 40, _hoisted_2$I)) : (vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
             class: "nut-uploader__input",
             type: "file",
@@ -8915,7 +8955,7 @@
             name: _ctx.name,
             disabled: _ctx.disabled,
             onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-          }, null, 40, _hoisted_3$y))
+          }, null, 40, _hoisted_3$x))
         ], 64)) : vue.createCommentVNode("", true)
       ])) : vue.createCommentVNode("", true),
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item, index) => {
@@ -9180,11 +9220,11 @@
     class: "nut-numberkeyboard",
     ref: "root"
   };
-  const _hoisted_2$I = {
+  const _hoisted_2$H = {
     key: 0,
     class: "number-board-header"
   };
-  const _hoisted_3$x = { class: "tit" };
+  const _hoisted_3$w = { class: "tit" };
   const _hoisted_4$q = { class: "number-board-body" };
   const _hoisted_5$i = { class: "number-board" };
   const _hoisted_6$h = ["onTouchstart"];
@@ -9220,8 +9260,8 @@
     }, {
       default: vue.withCtx(() => [
         vue.createElementVNode("div", _hoisted_1$T, [
-          _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$I, [
-            vue.createElementVNode("h3", _hoisted_3$x, vue.toDisplayString(_ctx.title), 1),
+          _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$H, [
+            vue.createElementVNode("h3", _hoisted_3$w, vue.toDisplayString(_ctx.title), 1),
             _ctx.type == "default" ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: "keyboard-close",
@@ -9739,7 +9779,7 @@
     }
   });
   const _hoisted_1$R = { class: "nut-oldpicker-content" };
-  const _hoisted_2$H = {
+  const _hoisted_2$G = {
     key: 0,
     class: "nut-oldpicker-placeholder"
   };
@@ -9775,7 +9815,7 @@
               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$H)) : vue.createCommentVNode("", true)
+          _ctx.listData && _ctx.listData.length === 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$G)) : vue.createCommentVNode("", true)
         ], 4)
       ])
     ], 32);
@@ -9967,8 +10007,8 @@
     }
   });
   const _hoisted_1$Q = { class: "nut-oldpicker__bar" };
-  const _hoisted_2$G = { class: "nut-oldpicker__title" };
-  const _hoisted_3$w = { class: "nut-oldpicker__column" };
+  const _hoisted_2$F = { class: "nut-oldpicker__title" };
+  const _hoisted_3$v = { class: "nut-oldpicker__column" };
   const _hoisted_4$p = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-oldpicker__hairline" }, null, -1);
   function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_oldpicker_column = vue.resolveComponent("nut-oldpicker-column");
@@ -9993,13 +10033,13 @@
               class: "nut-oldpicker__cancel nut-oldpicker__left nut-oldpicker__button",
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
             }, vue.toDisplayString(_ctx.cancelText), 1),
-            vue.createElementVNode("view", _hoisted_2$G, vue.toDisplayString(_ctx.title), 1),
+            vue.createElementVNode("view", _hoisted_2$F, vue.toDisplayString(_ctx.title), 1),
             vue.createElementVNode("view", {
               class: "nut-oldpicker__confirm nut-oldpicker__button nut-oldpicker__right",
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
             }, vue.toDisplayString(_ctx.okText), 1)
           ]),
-          vue.createElementVNode("view", _hoisted_3$w, [
+          vue.createElementVNode("view", _hoisted_3$v, [
             _hoisted_4$p,
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnList, (item, columnIndex) => {
               return vue.openBlock(), vue.createElementBlock("view", {
@@ -10176,8 +10216,8 @@
     class: "nut-swipe__left",
     ref: "leftRef"
   };
-  const _hoisted_2$F = { class: "nut-swipe__content" };
-  const _hoisted_3$v = {
+  const _hoisted_2$E = { class: "nut-swipe__content" };
+  const _hoisted_3$u = {
     class: "nut-swipe__right",
     ref: "rightRef"
   };
@@ -10193,10 +10233,10 @@
       vue.createElementVNode("view", _hoisted_1$P, [
         vue.renderSlot(_ctx.$slots, "left")
       ], 512),
-      vue.createElementVNode("view", _hoisted_2$F, [
+      vue.createElementVNode("view", _hoisted_2$E, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
-      vue.createElementVNode("view", _hoisted_3$v, [
+      vue.createElementVNode("view", _hoisted_3$u, [
         vue.renderSlot(_ctx.$slots, "right")
       ], 512)
     ], 38);
@@ -10284,11 +10324,11 @@
     }
   });
   const _hoisted_1$O = { class: "nut-actionsheet-panel" };
-  const _hoisted_2$E = {
+  const _hoisted_2$D = {
     key: 0,
     class: "nut-actionsheet-title"
   };
-  const _hoisted_3$u = { key: 1 };
+  const _hoisted_3$t = { key: 1 };
   const _hoisted_4$o = {
     key: 0,
     class: "nut-actionsheet-item desc"
@@ -10317,9 +10357,9 @@
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$O, [
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$E, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$D, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
             vue.renderSlot(_ctx.$slots, "default"),
-            !_ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$u, [
+            !_ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$t, [
               _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$o, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
               _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$h, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, (item, index) => {
@@ -10833,7 +10873,7 @@
     key: 0,
     class: "nut-dialog__header"
   };
-  const _hoisted_2$D = ["innerHTML"];
+  const _hoisted_2$C = ["innerHTML"];
   function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_button = vue.resolveComponent("nut-button");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
@@ -10867,7 +10907,7 @@
             _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : typeof _ctx.content === "string" ? (vue.openBlock(), vue.createElementBlock("view", {
               key: 1,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_2$D)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.content), { key: 2 }))
+            }, null, 8, _hoisted_2$C)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.content), { key: 2 }))
           ], 4),
           !_ctx.noFooter ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
@@ -11183,8 +11223,8 @@
     }
   });
   const _hoisted_1$M = { class: "top-box" };
-  const _hoisted_2$C = { class: "top-text" };
-  const _hoisted_3$t = { class: "nut-infinite-container" };
+  const _hoisted_2$B = { class: "top-text" };
+  const _hoisted_3$s = { class: "nut-infinite-container" };
   const _hoisted_4$n = { class: "nut-infinite-bottom" };
   const _hoisted_5$g = {
     key: 0,
@@ -11211,10 +11251,10 @@
       }, [
         vue.createElementVNode("view", _hoisted_1$M, [
           vue.createVNode(_component_nut_icon, vue.mergeProps({ class: "top-img" }, _ctx.$attrs, { name: _ctx.pullIcon }), null, 16, ["name"]),
-          vue.createElementVNode("view", _hoisted_2$C, vue.toDisplayString(_ctx.pullTxt || _ctx.translate("pullTxt")), 1)
+          vue.createElementVNode("view", _hoisted_2$B, vue.toDisplayString(_ctx.pullTxt || _ctx.translate("pullTxt")), 1)
         ])
       ], 4),
-      vue.createElementVNode("view", _hoisted_3$t, [
+      vue.createElementVNode("view", _hoisted_3$s, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       vue.createElementVNode("view", _hoisted_4$n, [
@@ -11249,7 +11289,7 @@
         type: String,
         default: "danger"
       },
-      modelVisible: {
+      visible: {
         type: Boolean,
         default: false
       },
@@ -11265,58 +11305,47 @@
       onClick: Function,
       unmount: Function
     },
-    setup(props) {
-      let timer = null;
-      const state = vue.reactive({
-        mounted: false
-      });
-      vue.onMounted(() => {
-      });
-      const showPopup = vue.ref(props.modelVisible);
+    emits: ["update:visible"],
+    setup(props, { emit }) {
       const clickCover = () => {
         props.onClick && props.onClick();
       };
+      let timer = null;
       const clearTimer = () => {
-        if (timer) {
-          clearTimeout(timer);
-          timer = null;
-        }
+        timer && clearTimeout(timer);
+        timer = null;
       };
       const hide = () => {
-        state.mounted = false;
-      };
-      const show = () => {
-        clearTimer();
-        if (props.duration) {
-          timer = setTimeout(() => {
-            hide();
-          }, props.duration);
-        }
+        emit("update:visible", false);
       };
-      if (props.duration) {
-        show();
-      }
-      vue.watch(
-        () => props.duration,
-        (val) => {
-          if (val) {
-            show();
+      const isShowPopup = vue.ref(false);
+      const unWatch = vue.watch(
+        () => props.visible,
+        (newVal) => {
+          isShowPopup.value = props.visible;
+          const DURATION = props.duration;
+          if (newVal && DURATION) {
+            timer = setTimeout(() => {
+              hide();
+            }, DURATION);
           }
-        }
+        },
+        { immediate: true }
       );
       const onAfterLeave = () => {
         clearTimer();
+        unWatch && unWatch();
         props.unmount && props.unmount(props.id);
         props.onClose && props.onClose();
       };
-      return { state, hide, onAfterLeave, clickCover, showPopup };
+      return { onAfterLeave, clickCover, isShowPopup };
     }
   });
   function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
-      visible: _ctx.showPopup,
-      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
+      visible: _ctx.isShowPopup,
+      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.isShowPopup = $event),
       position: _ctx.position,
       overlay: false,
       isWrapTeleport: _ctx.isWrapTeleport
@@ -12059,7 +12088,7 @@
     key: 1,
     class: "nut-toast-title"
   };
-  const _hoisted_2$B = ["innerHTML"];
+  const _hoisted_2$A = ["innerHTML"];
   function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -12095,7 +12124,7 @@
             vue.createElementVNode("view", {
               class: "nut-toast-text",
               innerHTML: _ctx.msg
-            }, null, 8, _hoisted_2$B)
+            }, null, 8, _hoisted_2$A)
           ], 4)
         ], 6), [
           [vue.vShow, _ctx.state.mounted]
@@ -12388,11 +12417,11 @@
     }
   });
   const _hoisted_1$I = { class: "nut-audio" };
-  const _hoisted_2$A = {
+  const _hoisted_2$z = {
     key: 0,
     class: "progress-wrapper"
   };
-  const _hoisted_3$s = { class: "time" };
+  const _hoisted_3$r = { class: "time" };
   const _hoisted_4$m = { class: "progress-bar-wrapper" };
   const _hoisted_5$f = /* @__PURE__ */ vue.createElementVNode("div", { class: "custom-button" }, null, -1);
   const _hoisted_6$e = { class: "time" };
@@ -12405,8 +12434,8 @@
     const _component_nut_range = vue.resolveComponent("nut-range");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
-      _ctx.type == "progress" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
-        vue.createElementVNode("div", _hoisted_3$s, vue.toDisplayString(_ctx.currentDuration), 1),
+      _ctx.type == "progress" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+        vue.createElementVNode("div", _hoisted_3$r, vue.toDisplayString(_ctx.currentDuration), 1),
         vue.createElementVNode("div", _hoisted_4$m, [
           vue.createVNode(_component_nut_range, {
             modelValue: _ctx.percent,
@@ -12676,11 +12705,11 @@
     }
   });
   const _hoisted_1$G = ["src", "alt"];
-  const _hoisted_2$z = {
+  const _hoisted_2$y = {
     key: 2,
     class: "text"
   };
-  const _hoisted_3$r = {
+  const _hoisted_3$q = {
     key: 1,
     class: "text"
   };
@@ -12704,11 +12733,11 @@
           class: "icon",
           name: _ctx.iconStyles
         }), null, 16, ["name"])) : vue.createCommentVNode("", true),
-        _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$z, [
+        _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$y, [
           vue.renderSlot(_ctx.$slots, "default")
         ])) : vue.createCommentVNode("", true)
       ], 64)) : vue.createCommentVNode("", true),
-      _ctx.showMax ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$r, vue.toDisplayString(((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : `+ ${_ctx.maxIndex - ((_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount)}`), 1)) : vue.createCommentVNode("", true)
+      _ctx.showMax ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$q, vue.toDisplayString(((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : `+ ${_ctx.maxIndex - ((_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount)}`), 1)) : vue.createCommentVNode("", true)
     ], 6)) : vue.createCommentVNode("", true);
   }
   var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$P]]);
@@ -13122,8 +13151,8 @@
     }
   });
   const _hoisted_1$E = { viewBox: "0 0 100 100" };
-  const _hoisted_2$y = ["id"];
-  const _hoisted_3$q = ["offset", "stop-color"];
+  const _hoisted_2$x = ["id"];
+  const _hoisted_3$p = ["offset", "stop-color"];
   const _hoisted_4$l = ["d", "stroke-width"];
   const _hoisted_5$e = ["d", "stroke", "stroke-linecap", "stroke-width"];
   const _hoisted_6$d = { class: "nut-circleprogress-text" };
@@ -13147,9 +13176,9 @@
                 key: index,
                 offset: item.key,
                 "stop-color": item.value
-              }, null, 8, _hoisted_3$q);
+              }, null, 8, _hoisted_3$p);
             }), 128))
-          ], 8, _hoisted_2$y)
+          ], 8, _hoisted_2$x)
         ]),
         vue.createElementVNode("path", {
           class: "nut-circleprogress-path",
@@ -13449,7 +13478,8 @@
         onAnimationEnd,
         go,
         handleClickIcon,
-        slots
+        slots,
+        pxCheck
       };
     }
   });
@@ -13457,7 +13487,7 @@
     ref: "wrap",
     class: "wrap"
   };
-  const _hoisted_2$x = ["onClick"];
+  const _hoisted_2$w = ["onClick"];
   function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_ScrollItem = vue.resolveComponent("ScrollItem");
@@ -13538,9 +13568,9 @@
             return vue.openBlock(), vue.createElementBlock("li", {
               class: "horseLamp_list_item",
               key: index,
-              style: vue.normalizeStyle({ height: _ctx.height }),
+              style: vue.normalizeStyle({ height: _ctx.pxCheck(_ctx.height) }),
               onClick: ($event) => _ctx.go(item)
-            }, vue.toDisplayString(item), 13, _hoisted_2$x);
+            }, vue.toDisplayString(item), 13, _hoisted_2$w);
           }), 128))
         ], 4)),
         vue.createElementVNode("view", {
@@ -13600,8 +13630,8 @@
     }
   });
   const _hoisted_1$C = { class: "nut-empty" };
-  const _hoisted_2$w = ["src"];
-  const _hoisted_3$p = {
+  const _hoisted_2$v = ["src"];
+  const _hoisted_3$o = {
     key: 1,
     class: "nut-empty-description"
   };
@@ -13616,14 +13646,30 @@
             key: 0,
             class: "img",
             src: _ctx.imageUrl
-          }, null, 8, _hoisted_2$w)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_2$v)) : vue.createCommentVNode("", true)
         ], 64))
       ], 4),
-      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$p, vue.toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
+      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$o, vue.toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
       _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("", true)
     ]);
   }
   var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$J]]);
+  function throttle(fn, delay) {
+    let timer = null;
+    let startTime = Date.now();
+    return function() {
+      let now = Date.now();
+      let remaining = delay - (now - startTime);
+      if (timer)
+        clearTimeout(timer);
+      if (remaining <= 0) {
+        fn.apply(null, arguments);
+        startTime = Date.now();
+      } else {
+        timer = setTimeout(fn, remaining);
+      }
+    };
+  }
   const { create: create$J, translate: translate$c } = createComponent("video");
   const _sfc_main$J = create$J({
     props: {
@@ -13653,7 +13699,7 @@
       }
     },
     components: {},
-    emits: ["click", "play", "pause", "playend"],
+    emits: ["click", "play", "pause", "playend", "time"],
     setup(props, { emit }) {
       const state = vue.reactive({
         videoElm: null,
@@ -13739,6 +13785,7 @@
             emit("pause", state.videoElm);
           });
           state.videoElm.addEventListener("ended", playEnded);
+          state.videoElm.addEventListener("timeupdate", throttle(getPlayTime, 1e3));
         }
       };
       const customerInit = () => {
@@ -13764,6 +13811,7 @@
               state.videoElm.addEventListener("progress", () => {
                 getLoadTime();
               });
+              state.videoElm.addEventListener("timeupdate", throttle(getPlayTime, 1e3, 1));
               state.videoElm.addEventListener("ended", playEnded);
               emit("play", state.videoElm);
             } catch (e) {
@@ -13775,10 +13823,38 @@
           }
         }
       };
+      const timeFormat = (t) => {
+        var h = Math.floor(t / 3600);
+        if (h < 10) {
+          h = "0" + h;
+        }
+        var m = Math.floor(t % 3600 / 60);
+        if (m < 10) {
+          m = "0" + m;
+        }
+        var s = Math.round(t % 3600 % 60);
+        if (s < 10) {
+          s = "0" + s;
+        }
+        var str = "";
+        if (h != 0) {
+          str = h + ":" + m + ":" + s;
+        } else {
+          str = m + ":" + s;
+        }
+        return str;
+      };
       const getLoadTime = () => {
         if (state.videoSet.loaded)
           state.videoSet.loaded = state.videoElm.buffered.end(0) / state.videoElm.duration * 100;
       };
+      const getPlayTime = () => {
+        const percent = state.videoElm.currentTime / state.videoElm.duration;
+        state.videoSet.progress.current = Math.round(state.videoSet.progress.width * percent);
+        state.videoSet.totalTime = timeFormat(state.videoElm.duration);
+        state.videoSet.displayTime = timeFormat(state.videoElm.currentTime);
+        emit("time", state.videoSet.displayTime, state.videoSet.totalTime);
+      };
       const playEnded = () => {
         state.state.playing = false;
         state.state.isEnd = true;
@@ -13859,8 +13935,8 @@
     class: "nut-video",
     ref: "videocon"
   };
-  const _hoisted_2$v = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
-  const _hoisted_3$o = ["src", "type"];
+  const _hoisted_2$u = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
+  const _hoisted_3$n = ["src", "type"];
   const _hoisted_4$k = { class: "current-time" };
   const _hoisted_5$d = { class: "progress-container" };
   const _hoisted_6$c = {
@@ -13894,8 +13970,8 @@
         vue.createElementVNode("source", {
           src: _ctx.source.src,
           type: _ctx.source.type
-        }, null, 8, _hoisted_3$o)
-      ], 40, _hoisted_2$v),
+        }, null, 8, _hoisted_3$n)
+      ], 40, _hoisted_2$u),
       _ctx.showToolbox && !_ctx.isDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "playing-mask",
@@ -14074,8 +14150,8 @@
     }
   });
   const _hoisted_1$A = { class: "nut-step-head" };
-  const _hoisted_2$u = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
-  const _hoisted_3$n = {
+  const _hoisted_2$t = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
+  const _hoisted_3$m = {
     key: 2,
     class: "nut-step-inner"
   };
@@ -14094,7 +14170,7 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickStep && _ctx.handleClickStep(...args))
     }, [
       vue.createElementVNode("view", _hoisted_1$A, [
-        _hoisted_2$u,
+        _hoisted_2$t,
         vue.createElementVNode("view", {
           class: vue.normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
         }, [
@@ -14105,7 +14181,7 @@
             color: _ctx.iconColor,
             name: _ctx.icon,
             size: _ctx.size
-          }), null, 16, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$n, vue.toDisplayString(_ctx.index), 1))
+          }), null, 16, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$m, vue.toDisplayString(_ctx.index), 1))
         ], 2)
       ]),
       vue.createElementVNode("view", _hoisted_4$j, [
@@ -14714,7 +14790,7 @@
     }
   });
   const _hoisted_1$z = ["innerHTML"];
-  const _hoisted_2$t = ["innerHTML"];
+  const _hoisted_2$s = ["innerHTML"];
   function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -14738,7 +14814,7 @@
         key: 2,
         class: vue.normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
         innerHTML: _ctx.showSymbol
-      }, null, 10, _hoisted_2$t)) : vue.createCommentVNode("", true)
+      }, null, 10, _hoisted_2$s)) : vue.createCommentVNode("", true)
     ], 2);
   }
   var Price = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E]]);
@@ -14900,6 +14976,9 @@
         }
       };
       const checkTap = () => {
+        if (fingerNum == 1 && props.video && props.video.source) {
+          return;
+        }
         if (fingerNum > 1) {
           return;
         }
@@ -14921,6 +15000,7 @@
         }
       };
       const onTouchEnd = (event) => {
+        console.log("ontauchend");
         let stopPropagation = false;
         if (state.moving || state.zooming) {
           stopPropagation = true;
@@ -14958,6 +15038,10 @@
         }
       };
       const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
+      const closeSwiper = (event) => {
+        console.log("\u5173\u95ED\u89C6\u9891");
+        emit("close");
+      };
       vue.watch(() => props.initNo, resetScale);
       vue.watch(
         () => props.show,
@@ -14974,45 +15058,49 @@
         onTouchEnd,
         getDistance,
         imageStyle,
-        imageLoad
+        imageLoad,
+        closeSwiper
       };
     }
   });
   const _hoisted_1$y = ["src"];
-  const _hoisted_2$s = {
-    key: 1,
-    class: "nut-imagepreview-box"
-  };
   function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_video = vue.resolveComponent("nut-video");
     const _component_nut_swiper_item = vue.resolveComponent("nut-swiper-item");
-    return vue.openBlock(), vue.createBlock(_component_nut_swiper_item, {
-      onTouchstart: _ctx.onTouchStart,
-      onTouchmove: _ctx.onTouchMove,
-      onTouchend: _ctx.onTouchEnd,
-      onTouchcancel: _ctx.onTouchEnd
-    }, {
+    return vue.openBlock(), vue.createBlock(_component_nut_swiper_item, { onClick: _ctx.closeSwiper }, {
       default: vue.withCtx(() => [
         _ctx.image && _ctx.image.src ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 0,
           style: vue.normalizeStyle(_ctx.imageStyle),
-          class: "nut-imagepreview-box"
+          class: "nut-imagepreview-box",
+          onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
+          onTouchmove: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
+          onTouchend: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
+          onTouchcancel: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
         }, [
           vue.createElementVNode("img", {
             src: _ctx.image.src,
             class: "nut-imagepreview-img",
             onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.imageLoad && _ctx.imageLoad(...args))
           }, null, 40, _hoisted_1$y)
-        ], 4)) : vue.createCommentVNode("", true),
-        _ctx.video && _ctx.video.source ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$s, [
+        ], 36)) : vue.createCommentVNode("", true),
+        _ctx.video && _ctx.video.source ? (vue.openBlock(), vue.createElementBlock("view", {
+          key: 1,
+          class: "nut-imagepreview-box",
+          onClick: _cache[5] || (_cache[5] = (...args) => _ctx.videoClick && _ctx.videoClick(...args)),
+          onTouchstart: _cache[6] || (_cache[6] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
+          onTouchmove: _cache[7] || (_cache[7] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
+          onTouchend: _cache[8] || (_cache[8] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
+          onTouchcancel: _cache[9] || (_cache[9] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+        }, [
           vue.createVNode(_component_nut_video, {
             source: _ctx.video.source,
             options: _ctx.video.options
           }, null, 8, ["source", "options"])
-        ])) : vue.createCommentVNode("", true)
+        ], 32)) : vue.createCommentVNode("", true)
       ]),
       _: 1
-    }, 8, ["onTouchstart", "onTouchmove", "onTouchend", "onTouchcancel"]);
+    }, 8, ["onClick"]);
   }
   var ImagePreviewItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D]]);
   const { create: create$C } = createComponent("imagepreview");
@@ -15078,6 +15166,10 @@
       maxZoom: {
         type: Number,
         default: 3
+      },
+      isLoop: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["close", "change"],
@@ -15191,7 +15283,7 @@
             key: 0,
             "auto-play": _ctx.autoplay,
             class: "nut-imagepreview-swiper",
-            loop: true,
+            loop: _ctx.isLoop,
             "is-preventDefault": false,
             direction: "horizontal",
             onChange: _ctx.slideChangeEnd,
@@ -15226,7 +15318,7 @@
               }), 128))
             ]),
             _: 1
-          }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : vue.createCommentVNode("", true)
+          }, 8, ["auto-play", "loop", "onChange", "init-page", "pagination-visible", "pagination-color"])) : vue.createCommentVNode("", true)
         ], 512),
         _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$r, vue.toDisplayString(_ctx.active) + " / " + vue.toDisplayString(_ctx.images.length + _ctx.videos.length), 1)) : vue.createCommentVNode("", true),
         _ctx.closeable ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -16157,19 +16249,23 @@
     }
   });
   const _hoisted_1$u = { class: "nut-badge" };
-  const _hoisted_2$p = { class: "slot-icons" };
-  const _hoisted_3$m = ["textContent"];
+  const _hoisted_2$p = ["textContent"];
   function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$u, [
-      vue.createElementVNode("view", _hoisted_2$p, [
+      vue.withDirectives(vue.createElementVNode("view", {
+        class: "slot-icons",
+        style: vue.normalizeStyle(_ctx.stl)
+      }, [
         vue.renderSlot(_ctx.$slots, "icons")
+      ], 4), [
+        [vue.vShow, !_ctx.hidden && !_ctx.dot]
       ]),
       vue.renderSlot(_ctx.$slots, "default"),
       vue.withDirectives(vue.createElementVNode("view", {
         textContent: vue.toDisplayString(_ctx.content),
         class: vue.normalizeClass(["nut-badge__content sup", { "is-dot": _ctx.dot }]),
         style: vue.normalizeStyle(_ctx.stl)
-      }, null, 14, _hoisted_3$m), [
+      }, null, 14, _hoisted_2$p), [
         [vue.vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]
       ])
     ]);
@@ -21748,7 +21844,7 @@
       }
     });
   }
-  const version = "3.2.5";
+  const version = "3.2.6-beta.2";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;