@nutui/nutui 3.1.14 → 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.14 Wed Dec 22 2021 20:49:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.16-beta.1 Thu Jan 27 2022 18:18:28 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -69,8 +69,8 @@ var __publicField = (obj, key, value) => {
     }
     return target;
   };
-  const { componentName: componentName$11, create: create$1m } = createComponent("avatar");
-  const _sfc_main$1m = create$1m({
+  const { componentName: componentName$14, create: create$1p } = createComponent("avatar");
+  const _sfc_main$1p = create$1p({
     props: {
       size: {
         type: String,
@@ -94,7 +94,7 @@ var __publicField = (obj, key, value) => {
       const { size, shape, bgColor, icon } = vue.toRefs(props);
       const sizeValue = ["large", "normal", "small"];
       const classes = vue.computed(() => {
-        const prefixCls = componentName$11;
+        const prefixCls = componentName$14;
         return {
           [prefixCls]: true,
           ["avatar-" + size.value]: true,
@@ -126,11 +126,11 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$X = {
+  const _hoisted_1$$ = {
     key: 0,
     class: "text"
   };
-  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       style: vue.normalizeStyle(_ctx.styles),
@@ -141,17 +141,17 @@ var __publicField = (obj, key, value) => {
         class: "icon",
         name: _ctx.iconStyles
       }, null, 8, ["name"]),
-      _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$X, [
+      _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$$, [
         vue.renderSlot(_ctx.$slots, "default")
       ])) : vue.createCommentVNode("", true)
     ], 6);
   }
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1e]]);
+  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1h]]);
   const pxCheck = (value) => {
     return isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const { componentName: componentName$10, create: create$1l } = createComponent("icon");
-  const _sfc_main$1l = create$1l({
+  const { componentName: componentName$13, create: create$1o } = createComponent("icon");
+  const _sfc_main$1o = create$1o({
     props: {
       name: { type: String, default: "" },
       size: { type: [String, Number], default: "" },
@@ -172,7 +172,7 @@ var __publicField = (obj, key, value) => {
         var _a;
         const _isImage = isImage();
         return vue.h(_isImage ? "img" : props.tag, {
-          class: _isImage ? `${componentName$10}__img` : `${props.fontClassName} ${componentName$10} ${props.classPrefix}-${props.name}`,
+          class: _isImage ? `${componentName$13}__img` : `${props.fontClassName} ${componentName$13} ${props.classPrefix}-${props.name}`,
           style: {
             color: props.color,
             fontSize: pxCheck(props.size),
@@ -185,10 +185,10 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const { componentName: componentName$$, create: create$1k } = createComponent("button");
-  const _sfc_main$1k = create$1k({
+  const { componentName: componentName$12, create: create$1n } = createComponent("button");
+  const _sfc_main$1n = create$1n({
     components: {
-      [_sfc_main$1l.name]: _sfc_main$1l
+      [_sfc_main$1o.name]: _sfc_main$1o
     },
     props: {
       color: String,
@@ -234,7 +234,7 @@ var __publicField = (obj, key, value) => {
         }
       };
       const classes = vue.computed(() => {
-        const prefixCls = componentName$$;
+        const prefixCls = componentName$12;
         return {
           [prefixCls]: true,
           [`${prefixCls}--${type.value}`]: type.value,
@@ -270,15 +270,15 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$W = { class: "nut-button__warp" };
-  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+  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", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.getStyle),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      vue.createElementVNode("view", _hoisted_1$W, [
+      vue.createElementVNode("view", _hoisted_1$_, [
         _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           class: "nut-icon-loading"
@@ -297,9 +297,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1d]]);
-  const { componentName: componentName$_, create: create$1j } = createComponent("cell");
-  const _sfc_main$1j = create$1j({
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1g]]);
+  const { componentName: componentName$11, create: create$1m } = createComponent("cell");
+  const _sfc_main$1m = create$1m({
     props: {
       title: { type: String, default: "" },
       subTitle: { type: String, default: "" },
@@ -315,7 +315,7 @@ var __publicField = (obj, key, value) => {
     emits: ["click"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$_;
+        const prefixCls = componentName$11;
         return {
           [prefixCls]: true,
           [`${prefixCls}--clickable`]: props.isLink || props.to
@@ -342,9 +342,9 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$V = { class: "title" };
-  const _hoisted_2$L = { class: "nut-cell__title-desc" };
-  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+  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");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -362,8 +362,8 @@ 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$V, vue.toDisplayString(_ctx.title), 1),
-            vue.createElementVNode("view", _hoisted_2$L, vue.toDisplayString(_ctx.subTitle), 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)
           ], 64))
@@ -381,16 +381,16 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1c]]);
-  const { componentName: componentName$Z, create: create$1i } = createComponent("cell-group");
-  const _sfc_main$1i = create$1i({
+  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1f]]);
+  const { componentName: componentName$10, create: create$1l } = createComponent("cell-group");
+  const _sfc_main$1l = create$1l({
     props: {
       title: { type: String, default: "" },
       desc: { type: String, default: "" }
     },
     setup() {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$Z;
+        const prefixCls = componentName$10;
         return {
           [prefixCls]: true
         };
@@ -400,29 +400,29 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$U = {
+  const _hoisted_1$Y = {
     key: 1,
     class: "nut-cell-group__title"
   };
-  const _hoisted_2$K = {
+  const _hoisted_2$N = {
     key: 3,
     class: "nut-cell-group__desc"
   };
-  const _hoisted_3$A = { class: "nut-cell-group__warp" };
-  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_3$B = { class: "nut-cell-group__warp" };
+  function _sfc_render$1e(_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$U, 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$K, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_3$A, [
+      _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")
       ])
     ], 2);
   }
-  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1b]]);
-  const { componentName: componentName$Y, create: create$1h } = createComponent("price");
-  const _sfc_main$1h = create$1h({
+  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1e]]);
+  const { componentName: componentName$$, create: create$1k } = createComponent("price");
+  const _sfc_main$1k = create$1k({
     props: {
       price: {
         type: [Number, String],
@@ -456,7 +456,7 @@ var __publicField = (obj, key, value) => {
     setup(props) {
       const classes = vue.computed(() => {
         return {
-          [componentName$Y]: true
+          [componentName$$]: true
         };
       });
       const showSymbol = vue.computed(() => {
@@ -505,9 +505,9 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$T = ["innerHTML"];
-  const _hoisted_2$J = ["innerHTML"];
-  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+  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", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -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$T)) : 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),
@@ -530,11 +530,11 @@ var __publicField = (obj, key, value) => {
         key: 2,
         class: vue.normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
         innerHTML: _ctx.showSymbol
-      }, null, 10, _hoisted_2$J)) : vue.createCommentVNode("", true)
+      }, null, 10, _hoisted_2$M)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var Price = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1a]]);
-  const { componentName: componentName$X, create: create$1g } = createComponent("overlay");
+  var Price = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1d]]);
+  const { componentName: componentName$_, create: create$1j } = createComponent("overlay");
   const overlayProps = {
     visible: {
       type: Boolean,
@@ -564,12 +564,12 @@ var __publicField = (obj, key, value) => {
       default: true
     }
   };
-  const _sfc_main$1g = create$1g({
+  const _sfc_main$1j = create$1j({
     props: overlayProps,
     emits: ["click", "update:visible"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$X;
+        const prefixCls = componentName$_;
         return {
           [prefixCls]: true,
           [props.overlayClass]: true
@@ -609,7 +609,7 @@ var __publicField = (obj, key, value) => {
       return { classes, style, touchmove, onClick };
     }
   });
-  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: "overlay-fade" }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("view", {
@@ -626,9 +626,9 @@ var __publicField = (obj, key, value) => {
       _: 3
     });
   }
-  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$19]]);
-  const { componentName: componentName$W, create: create$1f } = createComponent("divider");
-  const _sfc_main$1f = create$1f({
+  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1c]]);
+  const { componentName: componentName$Z, create: create$1i } = createComponent("divider");
+  const _sfc_main$1i = create$1i({
     props: {
       contentPosition: {
         type: String,
@@ -646,7 +646,7 @@ var __publicField = (obj, key, value) => {
     components: {},
     setup(props, context) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$W;
+        const prefixCls = componentName$Z;
         return {
           [prefixCls]: true,
           [`${prefixCls}-center`]: context.slots.default,
@@ -659,18 +659,18 @@ var __publicField = (obj, key, value) => {
       return { classes };
     }
   });
-  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$18]]);
-  const { create: create$1e } = createComponent("layout");
-  const _sfc_main$1e = create$1e({});
-  const { componentName: componentName$V, create: create$1d } = createComponent("col");
-  const _sfc_main$1d = create$1d({
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1b]]);
+  const { create: create$1h } = createComponent("layout");
+  const _sfc_main$1h = create$1h({});
+  const { componentName: componentName$Y, create: create$1g } = createComponent("col");
+  const _sfc_main$1g = create$1g({
     props: {
       span: {
         type: [String, Number],
@@ -682,7 +682,7 @@ var __publicField = (obj, key, value) => {
       }
     },
     setup(props) {
-      const prefixCls = componentName$V;
+      const prefixCls = componentName$Y;
       const gutter = vue.inject("gutter");
       const classes = vue.computed(() => {
         return {
@@ -704,7 +704,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.style)
@@ -712,9 +712,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$17]]);
-  const { componentName: componentName$U, create: create$1c } = createComponent("row");
-  const _sfc_main$1c = create$1c({
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1a]]);
+  const { componentName: componentName$X, create: create$1f } = createComponent("row");
+  const _sfc_main$1f = create$1f({
     props: {
       type: {
         type: String,
@@ -738,7 +738,7 @@ var __publicField = (obj, key, value) => {
       }
     },
     setup(props) {
-      const prefixCls = componentName$U;
+      const prefixCls = componentName$X;
       vue.provide("gutter", props.gutter);
       const getClass = (prefix, type) => {
         return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -757,14 +757,14 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.getClasses())
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$16]]);
+  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$19]]);
   let count = 0;
   const CLSNAME = "nut-overflow-hidden";
   const useLockScroll = (isLock) => {
@@ -782,7 +782,7 @@ var __publicField = (obj, key, value) => {
     };
     return [lock, unlock];
   };
-  const { componentName: componentName$T, create: create$1b } = createComponent("popup");
+  const { componentName: componentName$W, create: create$1e } = createComponent("popup");
   let _zIndex = 2e3;
   const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
     position: {
@@ -830,10 +830,10 @@ var __publicField = (obj, key, value) => {
       default: true
     }
   });
-  const _sfc_main$1b = create$1b({
+  const _sfc_main$1e = create$1e({
     components: {
       [OverLay.name]: OverLay,
-      [_sfc_main$1l.name]: _sfc_main$1l
+      [_sfc_main$1o.name]: _sfc_main$1o
     },
     props: __spreadValues({}, popupProps),
     emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
@@ -843,11 +843,12 @@ var __publicField = (obj, key, value) => {
         showSlot: true,
         transitionName: `popup-fade-${props.position}`,
         overLayCount: 1,
-        keepAlive: false
+        keepAlive: false,
+        closed: props.closeable
       });
       const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$T;
+        const prefixCls = componentName$W;
         return {
           [prefixCls]: true,
           ["round"]: props.round,
@@ -940,6 +941,9 @@ var __publicField = (obj, key, value) => {
       vue.watch(() => props.position, (value) => {
         value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
       });
+      vue.watch(() => props.closeable, (value) => {
+        state.closed = value;
+      });
       return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
         popStyle,
         classes,
@@ -951,8 +955,8 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$S = { key: 1 };
-  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+  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");
     return _ctx.isWrapTeleport ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -982,7 +986,7 @@ var __publicField = (obj, key, value) => {
             onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
           }, [
             _ctx.showSlot ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true),
-            _ctx.closeable ? (vue.openBlock(), vue.createElementBlock("view", {
+            _ctx.closed ? (vue.openBlock(), vue.createElementBlock("view", {
               key: 1,
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
               class: vue.normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
@@ -998,7 +1002,7 @@ var __publicField = (obj, key, value) => {
         ]),
         _: 3
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-    ], 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$S, [
+    ], 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$W, [
       _ctx.overlay ? (vue.openBlock(), vue.createBlock(_component_nut_overlay, {
         key: 0,
         visible: _ctx.visible,
@@ -1022,7 +1026,7 @@ var __publicField = (obj, key, value) => {
             onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
           }, [
             _ctx.showSlot ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true),
-            _ctx.closeable ? (vue.openBlock(), vue.createElementBlock("view", {
+            _ctx.closed ? (vue.openBlock(), vue.createElementBlock("view", {
               key: 1,
               onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
               class: vue.normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
@@ -1040,7 +1044,7 @@ var __publicField = (obj, key, value) => {
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
     ]));
   }
-  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$15]]);
+  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$18]]);
   const throttle = (func, wait, type) => {
     if (type === 1) {
       var previous = 0;
@@ -1066,8 +1070,8 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const { create: create$1a } = createComponent("video");
-  const _sfc_main$1a = create$1a({
+  const { create: create$1d } = createComponent("video");
+  const _sfc_main$1d = create$1d({
     props: {
       source: {
         type: Object,
@@ -1313,12 +1317,12 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$R = {
+  const _hoisted_1$V = {
     class: "nut-video",
     ref: "videocon"
   };
-  const _hoisted_2$I = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
-  const _hoisted_3$z = ["src", "type"];
+  const _hoisted_2$L = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
+  const _hoisted_3$A = ["src", "type"];
   const _hoisted_4$r = { class: "current-time" };
   const _hoisted_5$j = { class: "progress-container" };
   const _hoisted_6$g = {
@@ -1336,8 +1340,8 @@ var __publicField = (obj, key, value) => {
   const _hoisted_10$4 = { class: "duration-time" };
   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$14(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+  function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
       vue.createElementVNode("video", {
         ref: "root",
         class: "nut-video-player",
@@ -1352,8 +1356,8 @@ var __publicField = (obj, key, value) => {
         vue.createElementVNode("source", {
           src: _ctx.source.src,
           type: _ctx.source.type
-        }, null, 8, _hoisted_3$z)
-      ], 40, _hoisted_2$I),
+        }, null, 8, _hoisted_3$A)
+      ], 40, _hoisted_2$L),
       _ctx.showToolbox && !_ctx.isDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "playing-mask",
@@ -1417,7 +1421,7 @@ var __publicField = (obj, key, value) => {
       ])
     ], 512);
   }
-  var Video = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$14]]);
+  var Video = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$17]]);
   const DISTANCE = 5;
   function useTouch$1() {
     const state = vue.reactive({
@@ -1472,8 +1476,8 @@ var __publicField = (obj, key, value) => {
       Object.assign(instance.proxy, apis);
     }
   }
-  const { create: create$19, componentName: componentName$S } = createComponent("swiper");
-  const _sfc_main$19 = create$19({
+  const { create: create$1c, componentName: componentName$V } = createComponent("swiper");
+  const _sfc_main$1c = create$1c({
     props: {
       width: {
         type: [Number, String],
@@ -1542,7 +1546,7 @@ var __publicField = (obj, key, value) => {
       });
       const touch = useTouch$1();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$S;
+        const prefixCls = componentName$V;
         return {
           [prefixCls]: true
         };
@@ -1578,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) => {
@@ -1591,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;
       };
@@ -1599,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;
       };
@@ -1795,7 +1799,7 @@ var __publicField = (obj, key, value) => {
         state,
         classes,
         container,
-        componentName: componentName$S,
+        componentName: componentName$V,
         isVertical,
         slots,
         activePagination,
@@ -1805,7 +1809,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       ref: "container",
       class: vue.normalizeClass(_ctx.classes),
@@ -1842,15 +1846,15 @@ var __publicField = (obj, key, value) => {
       ], 2)) : vue.createCommentVNode("", true)
     ], 34);
   }
-  var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$13]]);
+  var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$16]]);
   function useExpose(apis) {
     const instance = vue.getCurrentInstance();
     if (instance) {
       Object.assign(instance.proxy, apis);
     }
   }
-  const { create: create$18, componentName: componentName$R } = createComponent("swiper-item");
-  const _sfc_main$18 = create$18({
+  const { create: create$1b, componentName: componentName$U } = createComponent("swiper-item");
+  const _sfc_main$1b = create$1b({
     props: {},
     setup(props, { slots }) {
       const parent = vue.inject("parent");
@@ -1859,7 +1863,7 @@ var __publicField = (obj, key, value) => {
         offset: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$R;
+        const prefixCls = componentName$U;
         return {
           [prefixCls]: true
         };
@@ -1885,7 +1889,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.style)
@@ -1893,9 +1897,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$12]]);
-  const { componentName: componentName$Q, create: create$17 } = createComponent("imagepreview");
-  const _sfc_main$17 = create$17({
+  var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$15]]);
+  const { componentName: componentName$T, create: create$1a } = createComponent("imagepreview");
+  const _sfc_main$1a = create$1a({
     props: {
       show: {
         type: Boolean,
@@ -1924,6 +1928,10 @@ var __publicField = (obj, key, value) => {
       paginationColor: {
         type: String,
         default: "#fff"
+      },
+      autoplay: {
+        type: [Number, String],
+        default: 3e3
       }
     },
     emits: ["close"],
@@ -1946,7 +1954,13 @@ var __publicField = (obj, key, value) => {
         options: {
           muted: true,
           controls: true
-        }
+        },
+        eleImg: null,
+        store: {
+          scale: 1,
+          moveable: false
+        },
+        lastTouchEndTime: 0
       });
       const slideChangeEnd = function(page) {
         state.active = page + 1;
@@ -1958,11 +1972,88 @@ var __publicField = (obj, key, value) => {
       };
       const onClose = () => {
         state.showPop = false;
+        state.store.scale = 1;
+        scaleNow();
         state.active = 1;
         emit("close");
       };
+      const getDistance = (first, second) => {
+        return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
+      };
+      const scaleNow = () => {
+        state.eleImg.style.transform = "scale(" + state.store.scale + ")";
+      };
+      const onTouchStart = (event) => {
+        console.log("start");
+        const curTouchTime = new Date().getTime();
+        if (curTouchTime - state.lastTouchEndTime < 300) {
+          const store2 = state.store;
+          if (store2.scale > 1) {
+            store2.scale = 1;
+          } else if (store2.scale == 1) {
+            store2.scale = 2;
+          }
+          scaleNow();
+        }
+        var touches = event.touches;
+        var events = touches[0];
+        var events2 = touches[1];
+        const store = state.store;
+        store.moveable = true;
+        if (events2) {
+          store.oriDistance = getDistance({
+            x: events.pageX,
+            y: events.pageY
+          }, {
+            x: events2.pageX,
+            y: events2.pageY
+          });
+        }
+        store.originScale = store.scale || 1;
+      };
+      const onTouchMove = (event) => {
+        if (!state.store.moveable) {
+          return;
+        }
+        const store = state.store;
+        var touches = event.touches;
+        var events = touches[0];
+        var events2 = touches[1];
+        if (events2) {
+          const curDistance = getDistance({
+            x: events.pageX,
+            y: events.pageY
+          }, {
+            x: events2.pageX,
+            y: events2.pageY
+          });
+          const curScale = curDistance / store.oriDistance;
+          store.scale = store.originScale * curScale;
+          if (store.scale > 3) {
+            store.scale = 3;
+          }
+          scaleNow();
+        }
+      };
+      const onTouchEnd = () => {
+        console.log("end");
+        state.lastTouchEndTime = new Date().getTime();
+        const store = state.store;
+        store.moveable = false;
+        if (store.scale < 1.1 && store.scale > 1 || store.scale < 1) {
+          store.scale = 1;
+          scaleNow();
+        }
+      };
+      const init = () => {
+        state.eleImg = document.querySelector(".nut-imagepreview");
+        document.addEventListener("touchmove", onTouchMove);
+        document.addEventListener("touchend", onTouchEnd);
+        document.addEventListener("touchcancel", onTouchEnd);
+      };
       vue.watch(() => props.show, (val) => {
         state.showPop = val;
+        init();
       });
       vue.onMounted(() => {
         state.active = props.initNo;
@@ -1972,13 +2063,18 @@ var __publicField = (obj, key, value) => {
       return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
         slideChangeEnd,
         onClose,
-        closeOnImg
+        closeOnImg,
+        onTouchStart,
+        onTouchMove,
+        onTouchEnd,
+        getDistance,
+        scaleNow
       });
     }
   });
-  const _hoisted_1$Q = ["src"];
-  const _hoisted_2$H = { class: "nut-imagepreview-index" };
-  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+  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");
     const _component_nut_swiper_item = vue.resolveComponent("nut-swiper-item");
     const _component_nut_swiper = vue.resolveComponent("nut-swiper");
@@ -1986,17 +2082,19 @@ var __publicField = (obj, key, value) => {
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
       "pop-class": "custom-pop",
       visible: _ctx.showPop,
-      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPop = $event),
-      onClick: _ctx.onClose
+      "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.showPop = $event),
+      onClick: _ctx.onClose,
+      style: { "width": "100%" }
     }, {
       default: vue.withCtx(() => [
         vue.createElementVNode("view", {
           class: "nut-imagepreview",
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.closeOnImg && _ctx.closeOnImg(...args), ["stop"]))
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.closeOnImg && _ctx.closeOnImg(...args), ["stop"])),
+          onTouchstartCapture: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
         }, [
           _ctx.showPop ? (vue.openBlock(), vue.createBlock(_component_nut_swiper, {
             key: 0,
-            "auto-play": 3e3,
+            "auto-play": _ctx.autoplay,
             class: "nut-imagepreview-swiper",
             loop: true,
             "is-preventDefault": false,
@@ -2024,21 +2122,21 @@ var __publicField = (obj, key, value) => {
                     vue.createElementVNode("img", {
                       src: item.src,
                       class: "nut-imagepreview-img"
-                    }, null, 8, _hoisted_1$Q)
+                    }, null, 8, _hoisted_1$U)
                   ]),
                   _: 2
                 }, 1024);
               }), 128))
             ]),
             _: 1
-          }, 8, ["onChange", "init-page", "pagination-visible", "pagination-color"])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("view", _hoisted_2$H, vue.toDisplayString(_ctx.active) + " / " + vue.toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
-        ])
+          }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : vue.createCommentVNode("", true)
+        ], 32),
+        vue.createElementVNode("view", _hoisted_2$K, vue.toDisplayString(_ctx.active) + " / " + vue.toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
       ]),
       _: 1
     }, 8, ["visible", "onClick"]);
   }
-  var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$11]]);
+  var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$14]]);
   class ImagePreviewOptions {
     constructor() {
       __publicField(this, "show", false);
@@ -2143,8 +2241,8 @@ var __publicField = (obj, key, value) => {
       isHorizontal
     };
   }
-  const { componentName: componentName$P, create: create$16 } = createComponent("swipe");
-  const _sfc_main$16 = create$16({
+  const { componentName: componentName$S, create: create$19 } = createComponent("swipe");
+  const _sfc_main$19 = create$19({
     props: {
       name: {
         type: String,
@@ -2166,7 +2264,7 @@ var __publicField = (obj, key, value) => {
     emits: ["open", "close"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$P;
+        const prefixCls = componentName$S;
         return {
           [prefixCls]: true
         };
@@ -2290,16 +2388,16 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$P = {
+  const _hoisted_1$T = {
     class: "nut-swipe__left",
     ref: "leftRef"
   };
-  const _hoisted_2$G = { class: "nut-swipe__content" };
-  const _hoisted_3$y = {
+  const _hoisted_2$J = { class: "nut-swipe__content" };
+  const _hoisted_3$z = {
     class: "nut-swipe__right",
     ref: "rightRef"
   };
-  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.touchStyle),
@@ -2308,20 +2406,20 @@ 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$P, [
+      vue.createElementVNode("view", _hoisted_1$T, [
         vue.renderSlot(_ctx.$slots, "left")
       ], 512),
-      vue.createElementVNode("view", _hoisted_2$G, [
+      vue.createElementVNode("view", _hoisted_2$J, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
-      vue.createElementVNode("view", _hoisted_3$y, [
+      vue.createElementVNode("view", _hoisted_3$z, [
         vue.renderSlot(_ctx.$slots, "right")
       ], 512)
     ], 38);
   }
-  var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$10]]);
-  const { componentName: componentName$O, create: create$15 } = createComponent("actionsheet");
-  const _sfc_main$15 = create$15({
+  var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$13]]);
+  const { componentName: componentName$R, create: create$18 } = createComponent("actionsheet");
+  const _sfc_main$18 = create$18({
     props: __spreadProps(__spreadValues({}, popupProps), {
       cancelTxt: {
         type: String,
@@ -2359,7 +2457,7 @@ var __publicField = (obj, key, value) => {
     emits: ["cancel", "choose", "update:visible"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$O;
+        const prefixCls = componentName$R;
         return {
           [prefixCls]: true
         };
@@ -2390,12 +2488,12 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$O = { class: "nut-actionsheet-panel" };
-  const _hoisted_2$F = {
+  const _hoisted_1$S = { class: "nut-actionsheet-panel" };
+  const _hoisted_2$I = {
     key: 0,
     class: "nut-actionsheet-title"
   };
-  const _hoisted_3$x = {
+  const _hoisted_3$y = {
     key: 1,
     class: "nut-actionsheet-item desc"
   };
@@ -2405,7 +2503,7 @@ var __publicField = (obj, key, value) => {
   };
   const _hoisted_5$i = ["onClick"];
   const _hoisted_6$f = { class: "subdesc" };
-  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -2418,9 +2516,9 @@ var __publicField = (obj, key, value) => {
         onClickOverlay: _ctx.close
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$O, [
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$F, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-            _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$x, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
+          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, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, (item, index) => {
                 return vue.openBlock(), vue.createElementBlock("view", {
@@ -2445,9 +2543,9 @@ var __publicField = (obj, key, value) => {
       }, 8, ["visible", "onClickOverlay"])
     ], 2);
   }
-  var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$$]]);
-  const { componentName: componentName$N, create: create$14 } = createComponent("backtop");
-  const _sfc_main$14 = create$14({
+  var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$12]]);
+  const { componentName: componentName$Q, create: create$17 } = createComponent("backtop");
+  const _sfc_main$17 = create$17({
     props: {
       bottom: {
         type: Number,
@@ -2488,7 +2586,7 @@ var __publicField = (obj, key, value) => {
         keepAlive: false
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$N;
+        const prefixCls = componentName$Q;
         return {
           [prefixCls]: true,
           show: state.backTop
@@ -2579,7 +2677,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes),
@@ -2595,9 +2693,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$_]]);
-  const { create: create$13 } = createComponent("collapse");
-  const _sfc_main$13 = create$13({
+  var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$11]]);
+  const { create: create$16 } = createComponent("collapse");
+  const _sfc_main$16 = create$16({
     props: {
       active: {
         type: [String, Number, Array]
@@ -2670,14 +2768,14 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", null, [
       vue.renderSlot(_ctx.$slots, "default")
     ]);
   }
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$Z]]);
-  const { create: create$12, componentName: componentName$M } = createComponent("collapse-item");
-  const _sfc_main$12 = create$12({
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$10]]);
+  const { create: create$15, componentName: componentName$P } = createComponent("collapse-item");
+  const _sfc_main$15 = create$15({
     props: {
       title: {
         type: String,
@@ -2700,11 +2798,11 @@ var __publicField = (obj, key, value) => {
         type: Object
       }
     },
-    setup(props) {
+    setup(props, ctx) {
       const collapse = vue.inject("collapseParent");
       const parent = vue.reactive(collapse);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$M;
+        const prefixCls = componentName$P;
         return {
           [prefixCls]: true,
           [`${prefixCls}-icon`]: parent.props.icon
@@ -2744,7 +2842,7 @@ var __publicField = (obj, key, value) => {
         if (!wrapperRefEle || !contentRefEle) {
           return;
         }
-        const offsetHeight = contentRefEle.offsetHeight;
+        const offsetHeight = contentRefEle.offsetHeight || "auto";
         if (offsetHeight) {
           const contentHeight = `${offsetHeight}px`;
           wrapperRefEle.style.willChange = "height";
@@ -2803,6 +2901,14 @@ var __publicField = (obj, key, value) => {
           proxyData.openExpanded = true;
         }
       });
+      vue.watch(() => {
+        var _a, _b;
+        return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
+      }, () => {
+        setTimeout(() => {
+          animation();
+        }, 300);
+      });
       vue.onMounted(() => {
         const { name } = props;
         const active = parent && parent.props.active;
@@ -2829,9 +2935,9 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$N = { class: "collapse-title" };
-  const _hoisted_2$E = { class: "collapse-title-value" };
-  const _hoisted_3$w = ["innerHTML"];
+  const _hoisted_1$R = { class: "collapse-title" };
+  const _hoisted_2$H = { class: "collapse-title-value" };
+  const _hoisted_3$x = ["innerHTML"];
   const _hoisted_4$p = {
     key: 0,
     class: "subTitle"
@@ -2845,7 +2951,7 @@ var __publicField = (obj, key, value) => {
     class: "collapse-content",
     ref: "contentRef"
   };
-  function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$$(_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)
@@ -2854,9 +2960,9 @@ 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$N, [
+        vue.createElementVNode("view", _hoisted_1$R, [
           vue.createElementVNode("view", null, [
-            vue.createElementVNode("view", _hoisted_2$E, [
+            vue.createElementVNode("view", _hoisted_2$H, [
               _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                 key: 0,
                 name: _ctx.titleIcon,
@@ -2868,7 +2974,7 @@ var __publicField = (obj, key, value) => {
                 key: 2,
                 innerHTML: _ctx.title,
                 class: "collapse-icon-title"
-              }, null, 8, _hoisted_3$w))
+              }, null, 8, _hoisted_3$x))
             ])
           ])
         ]),
@@ -2895,7 +3001,7 @@ var __publicField = (obj, key, value) => {
       ], 512)
     ], 2);
   }
-  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$Y]]);
+  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$$]]);
   const _window = window;
   function requestAniFrame() {
     if (typeof _window !== "undefined") {
@@ -2909,8 +3015,8 @@ var __publicField = (obj, key, value) => {
     }
   }
   var requestAniFrame$1 = requestAniFrame();
-  const { componentName: componentName$L, create: create$11 } = createComponent("drag");
-  const _sfc_main$11 = create$11({
+  const { componentName: componentName$O, create: create$14 } = createComponent("drag");
+  const _sfc_main$14 = create$14({
     props: {
       attract: {
         type: Boolean,
@@ -2955,7 +3061,7 @@ var __publicField = (obj, key, value) => {
         }
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$L;
+        const prefixCls = componentName$O;
         return {
           [prefixCls]: true
         };
@@ -3090,7 +3196,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       ref: "myDrag",
@@ -3101,9 +3207,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 34);
   }
-  var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$X]]);
-  const { componentName: componentName$K, create: create$10 } = createComponent("dialog");
-  const _sfc_main$10 = create$10({
+  var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$_]]);
+  const { componentName: componentName$N, create: create$13 } = createComponent("dialog");
+  const _sfc_main$13 = create$13({
     inheritAttrs: false,
     components: {
       [Popup.name]: Popup,
@@ -3178,7 +3284,7 @@ var __publicField = (obj, key, value) => {
       });
       const classes = vue.computed(() => {
         return {
-          [componentName$K]: true
+          [componentName$N]: true
         };
       });
       const update = (val) => {
@@ -3208,12 +3314,12 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$M = {
+  const _hoisted_1$Q = {
     key: 0,
     class: "nut-dialog__header"
   };
-  const _hoisted_2$D = ["innerHTML"];
-  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$G = ["innerHTML"];
+  function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_button = vue.resolveComponent("nut-button");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
@@ -3230,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$M, [
+          _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))
@@ -3242,7 +3348,7 @@ var __publicField = (obj, key, value) => {
             _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", {
               key: 1,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_2$D))
+            }, null, 8, _hoisted_2$G))
           ], 4),
           !_ctx.noFooter ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
@@ -3282,7 +3388,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
   }
-  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$W]]);
+  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$Z]]);
   class DialogOptions {
     constructor() {
       __publicField(this, "title", "");
@@ -3356,8 +3462,8 @@ var __publicField = (obj, key, value) => {
     app.use(Dialog);
     app.config.globalProperties.$dialog = _Dialog;
   };
-  const { componentName: componentName$J, create: create$$ } = createComponent("infiniteloading");
-  const _sfc_main$$ = create$$({
+  const { componentName: componentName$M, create: create$12 } = createComponent("infiniteloading");
+  const _sfc_main$12 = create$12({
     props: {
       hasMore: {
         type: Boolean,
@@ -3419,7 +3525,7 @@ var __publicField = (obj, key, value) => {
         distance: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$J;
+        const prefixCls = componentName$M;
         return {
           [prefixCls]: true
         };
@@ -3543,9 +3649,9 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$L = { class: "top-box" };
-  const _hoisted_2$C = { class: "top-text" };
-  const _hoisted_3$v = { class: "nut-infinite-container" };
+  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" };
   const _hoisted_5$g = {
     key: 0,
@@ -3556,7 +3662,7 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "tips"
   };
-  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Y(_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),
@@ -3570,15 +3676,15 @@ var __publicField = (obj, key, value) => {
         ref: "refreshTop",
         style: vue.normalizeStyle(_ctx.getStyle)
       }, [
-        vue.createElementVNode("view", _hoisted_1$L, [
+        vue.createElementVNode("view", _hoisted_1$P, [
           vue.createVNode(_component_nut_icon, {
             class: "top-img",
             name: _ctx.pullIcon
           }, null, 8, ["name"]),
-          vue.createElementVNode("view", _hoisted_2$C, vue.toDisplayString(_ctx.pullTxt), 1)
+          vue.createElementVNode("view", _hoisted_2$F, vue.toDisplayString(_ctx.pullTxt), 1)
         ])
       ], 4),
-      vue.createElementVNode("view", _hoisted_3$v, [
+      vue.createElementVNode("view", _hoisted_3$w, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       vue.createElementVNode("view", _hoisted_4$o, [
@@ -3592,9 +3698,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 34);
   }
-  var InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$V]]);
-  const { componentName: componentName$I, create: create$_ } = createComponent("notify");
-  const _sfc_main$_ = create$_({
+  var InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$Y]]);
+  const { componentName: componentName$L, create: create$11 } = createComponent("notify");
+  const _sfc_main$11 = create$11({
     components: {
       [Popup.name]: Popup
     },
@@ -3664,7 +3770,7 @@ var __publicField = (obj, key, value) => {
       return { state, hide, onAfterLeave, clickCover };
     }
   });
-  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: "toast-fade",
       onAfterLeave: _ctx.onAfterLeave
@@ -3685,7 +3791,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["onAfterLeave"]);
   }
-  var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$U]]);
+  var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$X]]);
   const defaultOptions$1 = {
     type: "base",
     showPopup: false,
@@ -3823,8 +3929,8 @@ var __publicField = (obj, key, value) => {
       height: 0
     };
   };
-  const { componentName: componentName$H, create: create$Z } = createComponent("range");
-  const _sfc_main$Z = create$Z({
+  const { componentName: componentName$K, create: create$10 } = createComponent("range");
+  const _sfc_main$10 = create$10({
     props: {
       range: {
         type: Boolean,
@@ -3869,7 +3975,7 @@ var __publicField = (obj, key, value) => {
       const touch = useTouch();
       const scope = vue.computed(() => Number(props.max) - Number(props.min));
       const classes = vue.computed(() => {
-        const prefixCls = componentName$H;
+        const prefixCls = componentName$K;
         return {
           [prefixCls]: true,
           [`${prefixCls}-disabled`]: props.disabled,
@@ -4020,12 +4126,12 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$K = { class: "nut-range-container" };
-  const _hoisted_2$B = {
+  const _hoisted_1$O = { class: "nut-range-container" };
+  const _hoisted_2$E = {
     key: 0,
     class: "min"
   };
-  const _hoisted_3$u = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+  const _hoisted_3$v = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
   const _hoisted_4$n = {
     key: 0,
     class: "number"
@@ -4039,9 +4145,9 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "max"
   };
-  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$K, [
-      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$B, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
+  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+    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",
         style: vue.normalizeStyle(_ctx.wrapperStyle),
@@ -4083,7 +4189,7 @@ var __publicField = (obj, key, value) => {
               }, [
                 !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$n, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$u);
+            ], 42, _hoisted_3$v);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -4106,7 +4212,7 @@ var __publicField = (obj, key, value) => {
               class: "nut-range-button",
               style: vue.normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$c, vue.toDisplayString(_ctx.curValue(_ctx.index)), 1)) : vue.createCommentVNode("", true)
+              !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$c, vue.toDisplayString(_ctx.curValue()), 1)) : vue.createCommentVNode("", true)
             ], 4))
           ], 40, _hoisted_5$f))
         ], 4)
@@ -4114,9 +4220,9 @@ var __publicField = (obj, key, value) => {
       !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$8, vue.toDisplayString(+_ctx.max), 1)) : vue.createCommentVNode("", true)
     ]);
   }
-  var Range = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$T]]);
-  const { create: create$Y, componentName: componentName$G } = createComponent("steps");
-  const _sfc_main$Y = create$Y({
+  var Range = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$W]]);
+  const { create: create$$, componentName: componentName$J } = createComponent("steps");
+  const _sfc_main$$ = create$$({
     props: {
       direction: {
         type: String,
@@ -4136,7 +4242,7 @@ var __publicField = (obj, key, value) => {
         children: []
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$G;
+        const prefixCls = componentName$J;
         return {
           [prefixCls]: true,
           [`${prefixCls}-${props.direction}`]: true,
@@ -4159,8 +4265,8 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const { create: create$X, componentName: componentName$F } = createComponent("step");
-  const _sfc_main$X = create$X({
+  const { create: create$_, componentName: componentName$I } = createComponent("step");
+  const _sfc_main$_ = create$_({
     props: {
       title: {
         type: String,
@@ -4201,7 +4307,7 @@ var __publicField = (obj, key, value) => {
         return getCurrentStatus();
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$F;
+        const prefixCls = componentName$I;
         return {
           [prefixCls]: true,
           [`${prefixCls}-${status.value}`]: true
@@ -4213,22 +4319,22 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$J = { class: "nut-step-head" };
-  const _hoisted_2$A = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
-  const _hoisted_3$t = {
+  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,
     class: "nut-step-inner"
   };
   const _hoisted_4$m = { class: "nut-step-main" };
   const _hoisted_5$e = { class: "nut-step-title" };
   const _hoisted_6$b = ["innerHTML"];
-  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$V(_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$J, [
-        _hoisted_2$A,
+      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" : ""]])
         }, [
@@ -4238,7 +4344,7 @@ var __publicField = (obj, key, value) => {
             color: _ctx.iconColor,
             name: _ctx.icon,
             size: _ctx.size
-          }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$t, vue.toDisplayString(_ctx.index), 1))
+          }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$u, vue.toDisplayString(_ctx.index), 1))
         ], 2)
       ]),
       vue.createElementVNode("view", _hoisted_4$m, [
@@ -4251,9 +4357,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 2);
   }
-  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$S]]);
-  const { componentName: componentName$E, create: create$W } = createComponent("switch");
-  const _sfc_main$W = create$W({
+  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$V]]);
+  const { componentName: componentName$H, create: create$Z } = createComponent("switch");
+  const _sfc_main$Z = create$Z({
     props: {
       modelValue: {
         type: [String, Number, Boolean],
@@ -4308,7 +4414,7 @@ var __publicField = (obj, key, value) => {
     setup(props, { emit }) {
       const isActive = vue.computed(() => props.modelValue === props.activeValue);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$E;
+        const prefixCls = componentName$H;
         return {
           [prefixCls]: true,
           [isActive.value ? "switch-open" : "switch-close"]: true,
@@ -4336,15 +4442,15 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$I = { class: "switch-button" };
-  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  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", {
       class: vue.normalizeClass(_ctx.classes),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
       style: vue.normalizeStyle(_ctx.style)
     }, [
-      vue.createElementVNode("view", _hoisted_1$I, [
+      vue.createElementVNode("view", _hoisted_1$M, [
         _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: _ctx.name,
@@ -4362,11 +4468,11 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$R]]);
-  const { create: create$V } = createComponent("toast");
-  const _sfc_main$V = create$V({
+  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$U]]);
+  const { create: create$Y } = createComponent("toast");
+  const _sfc_main$Y = create$Y({
     components: {
-      [_sfc_main$1l.name]: _sfc_main$1l
+      [_sfc_main$1o.name]: _sfc_main$1o
     },
     props: {
       id: String,
@@ -4492,16 +4598,16 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$H = {
+  const _hoisted_1$L = {
     key: 0,
     class: "nut-toast-icon-wrapper"
   };
-  const _hoisted_2$z = {
+  const _hoisted_2$C = {
     key: 1,
     class: "nut-toast-title"
   };
-  const _hoisted_3$s = ["innerHTML"];
-  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_3$t = ["innerHTML"];
+  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: "toast-fade",
@@ -4523,18 +4629,18 @@ var __publicField = (obj, key, value) => {
               "background-color": _ctx.bgColor
             })
           }, [
-            _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$H, [
+            _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$L, [
               vue.createVNode(_component_nut_icon, {
                 size: "20",
                 color: "#ffffff",
                 name: _ctx.icon
               }, null, 8, ["name"])
             ])) : vue.createCommentVNode("", true),
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+            _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("view", {
               class: "nut-toast-text",
               innerHTML: _ctx.msg
-            }, null, 8, _hoisted_3$s)
+            }, null, 8, _hoisted_3$t)
           ], 4)
         ], 6), [
           [vue.vShow, _ctx.state.mounted]
@@ -4543,7 +4649,7 @@ var __publicField = (obj, key, value) => {
       _: 1
     }, 8, ["onAfterLeave"]);
   }
-  var Toast = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$Q]]);
+  var Toast = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$T]]);
   const defaultOptions = {
     msg: "",
     id: "",
@@ -4660,8 +4766,8 @@ var __publicField = (obj, key, value) => {
       app.config.globalProperties.$toast = ToastFunction;
     }
   };
-  const { create: create$U } = createComponent("progress");
-  const _sfc_main$U = create$U({
+  const { create: create$X } = createComponent("progress");
+  const _sfc_main$X = create$X({
     props: {
       percentage: {
         type: [Number, String],
@@ -4737,10 +4843,10 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$G = { class: "nut-progress" };
-  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+  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$G, [
+    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" : "",
@@ -4781,9 +4887,9 @@ var __publicField = (obj, key, value) => {
       ], 4)) : vue.createCommentVNode("", true)
     ]);
   }
-  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$P]]);
-  const { componentName: componentName$D, create: create$T } = createComponent("circleprogress");
-  const _sfc_main$T = create$T({
+  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$S]]);
+  const { componentName: componentName$G, create: create$W } = createComponent("circleprogress");
+  const _sfc_main$W = create$W({
     props: {
       progress: {
         type: [Number, String],
@@ -4805,7 +4911,7 @@ var __publicField = (obj, key, value) => {
     },
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$D;
+        const prefixCls = componentName$G;
         return {
           [prefixCls]: true
         };
@@ -4839,11 +4945,11 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$F = ["height", "width"];
-  const _hoisted_2$y = ["r", "cx", "cy", "stroke", "stroke-width"];
-  const _hoisted_3$r = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
+  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" };
-  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle({ height: _ctx.option.size + "px", width: _ctx.option.size + "px" })
@@ -4860,7 +4966,7 @@ var __publicField = (obj, key, value) => {
           stroke: _ctx.option.backColor,
           "stroke-width": _ctx.option.strokeOutWidth,
           fill: "none"
-        }, null, 8, _hoisted_2$y),
+        }, null, 8, _hoisted_2$B),
         vue.createElementVNode("circle", {
           r: _ctx.option.radius,
           cx: _ctx.option.cx,
@@ -4872,8 +4978,8 @@ var __publicField = (obj, key, value) => {
           transform: _ctx.option.startPosition,
           "stroke-linecap": "round",
           style: { "transition": "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s" }
-        }, null, 8, _hoisted_3$r)
-      ], 8, _hoisted_1$F)),
+        }, null, 8, _hoisted_3$s)
+      ], 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)
@@ -4881,9 +4987,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$O]]);
-  const { componentName: componentName$C, create: create$S } = createComponent("noticebar");
-  const _sfc_main$S = create$S({
+  var CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$R]]);
+  const { componentName: componentName$F, create: create$V } = createComponent("noticebar");
+  const _sfc_main$V = create$V({
     props: {
       direction: {
         type: String,
@@ -4949,7 +5055,7 @@ var __publicField = (obj, key, value) => {
     },
     emits: ["click", "close"],
     setup(props, { emit, slots }) {
-      console.log("componentName", componentName$C);
+      console.log("componentName", componentName$F);
       const wrap = vue.ref(null);
       const content = vue.ref(null);
       const state = vue.reactive({
@@ -4966,7 +5072,7 @@ var __publicField = (obj, key, value) => {
         keepAlive: false
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$C;
+        const prefixCls = componentName$F;
         return {
           [prefixCls]: true
         };
@@ -5140,12 +5246,12 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$E = {
+  const _hoisted_1$I = {
     ref: "wrap",
     class: "wrap"
   };
-  const _hoisted_2$x = ["onClick"];
-  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$A = ["onClick"];
+  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_ScrollItem = vue.resolveComponent("ScrollItem");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -5169,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$E, [
+        vue.createElementVNode("view", _hoisted_1$I, [
           vue.createElementVNode("view", {
             ref: "content",
             class: vue.normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": !_ctx.scrollable && !_ctx.wrapable }]]),
@@ -5178,7 +5284,7 @@ var __publicField = (obj, key, value) => {
             onWebkitAnimationEnd: _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
           }, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createTextVNode("1" + vue.toDisplayString(_ctx.text), 1)
+              vue.createTextVNode(vue.toDisplayString(_ctx.text), 1)
             ])
           ], 38)
         ], 512),
@@ -5223,7 +5329,7 @@ var __publicField = (obj, key, value) => {
               key: index,
               style: vue.normalizeStyle({ height: _ctx.height }),
               onClick: ($event) => _ctx.go(item)
-            }, vue.toDisplayString(item), 13, _hoisted_2$x);
+            }, vue.toDisplayString(item), 13, _hoisted_2$A);
           }), 128))
         ], 4)),
         vue.createElementVNode("view", {
@@ -5240,9 +5346,9 @@ var __publicField = (obj, key, value) => {
       ], 4)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$N]]);
-  const { create: create$R } = createComponent("searchbar");
-  const _sfc_main$R = create$R({
+  var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$Q]]);
+  const { create: create$U } = createComponent("searchbar");
+  const _sfc_main$U = create$U({
     props: {
       modelValue: {
         type: [String, Number],
@@ -5333,15 +5439,15 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$D = {
+  const _hoisted_1$H = {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
   };
-  const _hoisted_2$w = {
+  const _hoisted_2$z = {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
   };
-  const _hoisted_3$q = { class: "nut-searchbar__input-inner" };
+  const _hoisted_3$r = { class: "nut-searchbar__input-inner" };
   const _hoisted_4$k = ["type", "maxlength", "placeholder", "value"];
   const _hoisted_5$d = {
     key: 1,
@@ -5351,23 +5457,23 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
   };
-  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-searchbar",
       style: vue.normalizeStyle(_ctx.searchbarStyle)
     }, [
-      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$D, [
+      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$H, [
         vue.renderSlot(_ctx.$slots, "leftout")
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         class: "nut-searchbar__search-input",
         style: vue.normalizeStyle(_ctx.inputSearchbarStyle)
       }, [
-        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$w, [
+        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$z, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$q, [
+        vue.createElementVNode("view", _hoisted_3$r, [
           vue.createElementVNode("form", {
             action: "#",
             onSubmit: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -5406,14 +5512,14 @@ var __publicField = (obj, key, value) => {
       ])) : vue.createCommentVNode("", true)
     ], 4);
   }
-  var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$M]]);
-  const { componentName: componentName$B, create: create$Q } = createComponent("empty");
+  var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$P]]);
+  const { componentName: componentName$E, create: create$T } = createComponent("empty");
   const defaultStatus = {
     empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const _sfc_main$Q = create$Q({
+  const _sfc_main$T = create$T({
     props: {
       image: {
         type: String,
@@ -5447,14 +5553,14 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$C = { class: "nut-empty" };
-  const _hoisted_2$v = ["src"];
-  const _hoisted_3$p = {
+  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$L(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$C, [
+  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$G, [
       vue.createElementVNode("view", {
         class: "nut-empty-image",
         style: vue.normalizeStyle(_ctx.imgStyle)
@@ -5464,26 +5570,20 @@ var __publicField = (obj, key, value) => {
             key: 0,
             class: "img",
             src: _ctx.imageUrl
-          }, null, 8, _hoisted_2$v)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_2$y)) : 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), 1)),
+      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$q, vue.toDisplayString(_ctx.description), 1)),
       _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("", true)
     ]);
   }
-  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$L]]);
-  const { componentName: componentName$A, create: create$P } = createComponent("navbar");
-  const _sfc_main$P = create$P({
+  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$O]]);
+  const { componentName: componentName$D, create: create$S } = createComponent("navbar");
+  const _sfc_main$S = create$S({
     props: {
       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: {
@@ -5508,16 +5608,11 @@ var __publicField = (obj, key, value) => {
     setup(props, { emit }) {
       const activeIndex = vue.ref(props.defaultIndex);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$A;
+        const prefixCls = componentName$D;
         return {
           [prefixCls]: true
         };
       });
-      function switchTitle(id, name) {
-        activeIndex.value = id;
-        console.log(id);
-        emit("switch-tab", activeIndex.value, name);
-      }
       function handleLeft() {
         emit("on-click-back");
       }
@@ -5548,20 +5643,17 @@ var __publicField = (obj, key, value) => {
         handleSend,
         handleSlot,
         handleSends,
-        switchTitle,
         activeIndex
       };
     }
   });
-  const _hoisted_1$B = { class: "nut-navbar__left" };
-  const _hoisted_2$u = { class: "tab-title" };
-  const _hoisted_3$o = ["onClick"];
-  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  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$B, [
+      vue.createElementVNode("view", _hoisted_1$F, [
         _ctx.leftShow ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           color: "#979797",
@@ -5569,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", {
@@ -5583,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$u, [
-          (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$o);
-          }), 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", {
@@ -5622,9 +5702,9 @@ var __publicField = (obj, key, value) => {
       ], 2)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$K]]);
-  const { componentName: componentName$z, create: create$O } = createComponent("fixednav");
-  const _sfc_main$O = create$O({
+  var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$N]]);
+  const { componentName: componentName$C, create: create$R } = createComponent("fixednav");
+  const _sfc_main$R = create$R({
     components: {
       [OverLay.name]: OverLay
     },
@@ -5667,7 +5747,7 @@ var __publicField = (obj, key, value) => {
     emits: ["update:visible", "selected"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$z;
+        const prefixCls = componentName$C;
         return {
           [prefixCls]: true,
           active: props.visible,
@@ -5686,16 +5766,16 @@ var __publicField = (obj, key, value) => {
       return { classes, updateValue, selected };
     }
   });
-  const _hoisted_1$A = { class: "nut-fixednav__list" };
-  const _hoisted_2$t = ["onClick"];
-  const _hoisted_3$n = ["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,
     class: "b"
   };
   const _hoisted_6$9 = { class: "text" };
-  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -5709,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$A, [
+        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",
@@ -5718,10 +5798,10 @@ var __publicField = (obj, key, value) => {
             }, [
               vue.createElementVNode("img", {
                 src: item.icon
-              }, null, 8, _hoisted_3$n),
+              }, 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$t);
+            ], 8, _hoisted_2$x);
           }), 128))
         ])
       ]),
@@ -5739,13 +5819,13 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$J]]);
-  const { componentName: componentName$y, create: create$N } = createComponent("menu");
-  const _sfc_main$N = create$N({
+  var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$M]]);
+  const { componentName: componentName$B, create: create$Q } = createComponent("menu");
+  const _sfc_main$Q = create$Q({
     props: {
       activeColor: {
         type: String,
-        default: "#FA2C19"
+        default: ""
       },
       overlay: {
         type: Boolean,
@@ -5783,7 +5863,7 @@ var __publicField = (obj, key, value) => {
       const { children, linkChildren } = useChildren();
       const opened = vue.computed(() => children.some((item) => item.state.showWrapper));
       const classes = vue.computed(() => {
-        const prefixCls = componentName$y;
+        const prefixCls = componentName$B;
         return {
           [prefixCls]: true
         };
@@ -5814,9 +5894,9 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$z = ["onClick"];
-  const _hoisted_2$s = { class: "nut-menu__title-text" };
-  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+  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", {
       class: vue.normalizeClass(_ctx.classes)
@@ -5828,29 +5908,29 @@ var __publicField = (obj, key, value) => {
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.children, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("view", {
             key: index,
-            class: vue.normalizeClass(["nut-menu__item", { disabled: item.disabled }]),
+            class: vue.normalizeClass(["nut-menu__item", { disabled: item.disabled, active: item.state.showPopup }]),
             onClick: ($event) => !item.disabled && _ctx.toggleItem(index),
             style: vue.normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
           }, [
             vue.createElementVNode("view", {
               class: vue.normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
             }, [
-              vue.createElementVNode("view", _hoisted_2$s, 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$z);
+          ], 14, _hoisted_1$D);
         }), 128))
       ], 2),
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$I]]);
-  const { componentName: componentName$x, create: create$M } = createComponent("menu-item");
-  const _sfc_main$M = create$M({
+  var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$L]]);
+  const { componentName: componentName$A, create: create$P } = createComponent("menu-item");
+  const _sfc_main$P = create$P({
     props: {
       title: String,
       options: {
@@ -5872,7 +5952,7 @@ var __publicField = (obj, key, value) => {
       }
     },
     components: {
-      [_sfc_main$1l.name]: _sfc_main$1l,
+      [_sfc_main$1o.name]: _sfc_main$1o,
       [Popup.name]: Popup
     },
     emits: ["update:modelValue", "change"],
@@ -5896,7 +5976,7 @@ var __publicField = (obj, key, value) => {
       };
       const { parent } = useParent();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$x;
+        const prefixCls = componentName$A;
         return {
           [prefixCls]: true
         };
@@ -5946,9 +6026,9 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$y = { class: "nut-menu-item__content" };
-  const _hoisted_2$r = ["onClick"];
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  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");
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
@@ -5976,7 +6056,7 @@ var __publicField = (obj, key, value) => {
         isWrapTeleport: false
       }), {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$y, [
+          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,
@@ -5992,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$r);
+              ], 14, _hoisted_2$v);
             }), 128)),
             vue.renderSlot(_ctx.$slots, "default")
           ])
@@ -6003,9 +6083,9 @@ var __publicField = (obj, key, value) => {
       [vue.vShow, _ctx.state.showWrapper]
     ]);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$H]]);
-  const { create: create$L } = createComponent("tabbar");
-  const _sfc_main$L = create$L({
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$K]]);
+  const { create: create$O } = createComponent("tabbar");
+  const _sfc_main$O = create$O({
     props: {
       visible: {
         type: [Number, String],
@@ -6030,6 +6110,10 @@ var __publicField = (obj, key, value) => {
       activeColor: {
         type: String,
         default: ""
+      },
+      safeAreaInsetBottom: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["tab-switch", "update:visible"],
@@ -6060,16 +6144,16 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
-      class: vue.normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom }])
+      class: vue.normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$G]]);
-  const { create: create$K } = createComponent("tabbar-item");
-  const _sfc_main$K = create$K({
+  var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$J]]);
+  const { create: create$N } = createComponent("tabbar-item");
+  const _sfc_main$N = create$N({
     props: {
       tabTitle: {
         type: String,
@@ -6150,17 +6234,17 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$x = { class: "nut-tabbar-item_icon-box" };
-  const _hoisted_2$q = {
+  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$m = {
+  const _hoisted_3$o = {
     key: 1,
     class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
   };
   const _hoisted_4$i = { key: 2 };
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
@@ -6169,8 +6253,8 @@ var __publicField = (obj, key, value) => {
       }),
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change(_ctx.state.index))
     }, [
-      vue.createElementVNode("view", _hoisted_1$x, [
-        _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$q, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$m, 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",
@@ -6195,9 +6279,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$F]]);
-  const { componentName: componentName$w, create: create$J } = createComponent("elevator");
-  const _sfc_main$J = create$J({
+  var TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$I]]);
+  const { componentName: componentName$z, create: create$M } = createComponent("elevator");
+  const _sfc_main$M = create$M({
     props: {
       height: {
         type: [Number, String],
@@ -6230,7 +6314,7 @@ var __publicField = (obj, key, value) => {
         currentIndex: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$w;
+        const prefixCls = componentName$z;
         return {
           [prefixCls]: true
         };
@@ -6319,11 +6403,11 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$w = { class: "nut-elevator__list__item__code" };
-  const _hoisted_2$p = ["onClick", "innerHTML"];
-  const _hoisted_3$l = { 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$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -6339,14 +6423,14 @@ var __publicField = (obj, key, value) => {
             ref_for: true,
             ref: _ctx.setListGroup
           }, [
-            vue.createElementVNode("view", _hoisted_1$w, 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$p);
+              }, null, 8, _hoisted_2$t);
             }), 128))
           ]);
         }), 128))
@@ -6363,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$l, [
+        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",
@@ -6376,9 +6460,9 @@ var __publicField = (obj, key, value) => {
       ], 32)
     ], 2);
   }
-  var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$E]]);
-  const { componentName: componentName$v, create: create$I } = createComponent("pagination");
-  const _sfc_main$I = create$I({
+  var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$H]]);
+  const { componentName: componentName$y, create: create$L } = createComponent("pagination");
+  const _sfc_main$L = create$L({
     props: {
       modelValue: {
         type: Number,
@@ -6483,19 +6567,19 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$v = { class: "nut-pagination" };
-  const _hoisted_2$o = {
+  const _hoisted_1$z = { class: "nut-pagination" };
+  const _hoisted_2$s = {
     key: 0,
     class: "nut-pagination-contain"
   };
-  const _hoisted_3$k = ["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$D(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$v, [
+  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+    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))
@@ -6504,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$o, [
+      _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",
@@ -6514,7 +6598,7 @@ var __publicField = (obj, key, value) => {
             vue.renderSlot(_ctx.$slots, "page", { item }, () => [
               vue.createTextVNode(vue.toDisplayString(item.text), 1)
             ])
-          ], 10, _hoisted_3$k);
+          ], 10, _hoisted_3$m);
         }), 128))
       ])) : vue.createCommentVNode("", true),
       _ctx.mode == "simple" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$g, [
@@ -6530,8 +6614,8 @@ var __publicField = (obj, key, value) => {
       ], 2)
     ]);
   }
-  var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$D]]);
-  const { create: create$H } = createComponent("tabs");
+  var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$G]]);
+  const { create: create$K } = createComponent("tabs");
   class Title {
     constructor() {
       __publicField(this, "title", "");
@@ -6540,7 +6624,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "disabled", false);
     }
   }
-  const _sfc_main$H = create$H({
+  const _sfc_main$K = create$K({
     props: {
       modelValue: {
         type: [String, Number],
@@ -6669,8 +6753,8 @@ var __publicField = (obj, key, value) => {
       }, methods);
     }
   });
-  const _hoisted_1$u = ["onClick"];
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  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", {
       class: vue.normalizeClass(["nut-tabs", [_ctx.direction]])
@@ -6704,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$u);
+          ], 14, _hoisted_1$y);
         }), 128))
       ], 6),
       vue.createElementVNode("view", {
@@ -6715,9 +6799,9 @@ var __publicField = (obj, key, value) => {
       ], 4)
     ], 2);
   }
-  var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$C]]);
-  const { create: create$G } = createComponent("tabpane");
-  const _sfc_main$G = create$G({
+  var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$F]]);
+  const { create: create$J } = createComponent("tabpane");
+  const _sfc_main$J = create$J({
     props: {
       title: {
         type: [String, Number],
@@ -6738,16 +6822,16 @@ var __publicField = (obj, key, value) => {
       return { activeKey: parent.activeKey };
     }
   });
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(["nut-tabpane", { active: _ctx.paneKey == _ctx.activeKey }])
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$B]]);
-  const { componentName: componentName$u, create: create$F } = createComponent("indicator");
-  const _sfc_main$F = create$F({
+  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$E]]);
+  const { componentName: componentName$x, create: create$I } = createComponent("indicator");
+  const _sfc_main$I = create$I({
     props: {
       size: {
         type: Number,
@@ -6775,17 +6859,17 @@ var __publicField = (obj, key, value) => {
     setup(props) {
       const { block, align } = vue.toRefs(props);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$u;
+        const prefixCls = componentName$x;
         return {
           [prefixCls]: true,
           [`${prefixCls}--block`]: block.value,
           [`${prefixCls}--align__${align.value}`]: block.value && align.value
         };
       });
-      return { classes, componentName: componentName$u };
+      return { classes, componentName: componentName$x };
     }
   });
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -6802,7 +6886,7 @@ var __publicField = (obj, key, value) => {
       }), 128))
     ], 2);
   }
-  var Indicator = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$A]]);
+  var Indicator = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$D]]);
   function flattenVNodes(children, childName) {
     const result = [];
     const traverse = (children2) => {
@@ -6861,7 +6945,7 @@ var __publicField = (obj, key, value) => {
       };
     };
   }
-  const { componentName: componentName$t } = createComponent("grid");
+  const { componentName: componentName$w } = createComponent("grid");
   const GRID_KEY = Symbol("grid");
   const gridProps = {
     columnNum: {
@@ -6906,9 +6990,9 @@ var __publicField = (obj, key, value) => {
   const component$3 = {
     props: gridProps,
     setup(props, { slots }) {
-      useProvide(GRID_KEY, `${componentName$t}-item`)({ props });
+      useProvide(GRID_KEY, `${componentName$w}-item`)({ props });
       const rootClass = vue.computed(() => {
-        const prefixCls = componentName$t;
+        const prefixCls = componentName$w;
         return {
           [prefixCls]: true,
           [`${prefixCls}--border`]: props.border && !props.gutter
@@ -6930,8 +7014,8 @@ var __publicField = (obj, key, value) => {
       };
     }
   };
-  const { create: create$E } = createComponent("grid");
-  const _sfc_main$E = create$E(component$3);
+  const { create: create$H } = createComponent("grid");
+  const _sfc_main$H = create$H(component$3);
   function useInject(key) {
     const parent = vue.inject(key, null);
     if (parent) {
@@ -6945,130 +7029,323 @@ var __publicField = (obj, key, value) => {
         index
       };
     }
-    return {
-      parent: null,
-      index: vue.ref(-1)
-    };
+    return {
+      parent: null,
+      index: vue.ref(-1)
+    };
+  }
+  const { create: create$G, componentName: componentName$v } = createComponent("grid-item");
+  const _sfc_main$G = create$G({
+    props: {
+      text: {
+        type: String
+      },
+      icon: {
+        type: String
+      },
+      iconSize: {
+        type: [Number, String]
+      },
+      iconColor: {
+        type: String
+      },
+      to: {
+        type: [String, Object]
+      },
+      url: {
+        type: String,
+        default: ""
+      },
+      replace: {
+        type: Boolean,
+        default: false
+      }
+    },
+    emits: ["click"],
+    setup(props, { emit }) {
+      const Parent = useInject(GRID_KEY);
+      if (!Parent.parent)
+        return;
+      const index = Parent.index;
+      const parent = Parent.parent.props;
+      const rootClass = vue.computed(() => {
+        const prefixCls = componentName$v;
+        return {
+          [prefixCls]: true
+        };
+      });
+      const rootStyle = vue.computed(() => {
+        const style = {
+          flexBasis: `${100 / +parent.columnNum}%`
+        };
+        if (parent.square) {
+          style.paddingTop = `${100 / +parent.columnNum}%`;
+        } else if (parent.gutter) {
+          style.paddingRight = pxCheck(parent.gutter);
+          if (index.value >= parent.columnNum) {
+            style.marginTop = pxCheck(parent.gutter);
+          }
+        }
+        return style;
+      });
+      const contentClass = vue.computed(() => {
+        const prefixCls = `${componentName$v}__content`;
+        return {
+          [`${prefixCls}`]: true,
+          [`${prefixCls}--border`]: parent.border,
+          [`${prefixCls}--surround`]: parent.border && parent.gutter,
+          [`${prefixCls}--center`]: parent.center,
+          [`${prefixCls}--square`]: parent.square,
+          [`${prefixCls}--reverse`]: parent.reverse,
+          [`${prefixCls}--${parent.direction}`]: !!parent.direction,
+          [`${prefixCls}--clickable`]: parent.clickable || props.to || props.url
+        };
+      });
+      const iconProps = vue.computed(() => {
+        return {
+          name: props.icon,
+          size: props.iconSize || parent.iconSize,
+          color: props.iconColor || parent.iconColor
+        };
+      });
+      const router = vueRouter.useRouter();
+      const handleClick = (event) => {
+        emit("click", event);
+        if (props.to && router) {
+          router[props.replace ? "replace" : "push"](props.to);
+        } else if (props.url) {
+          props.replace ? location.replace(props.url) : location.href = props.url;
+        }
+      };
+      return {
+        rootClass,
+        rootStyle,
+        contentClass,
+        iconProps,
+        handleClick
+      };
+    }
+  });
+  const _hoisted_1$x = {
+    key: 3,
+    class: "nut-grid-item__text"
+  };
+  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_nut_icon = vue.resolveComponent("nut-icon");
+    return vue.openBlock(), vue.createElementBlock("view", {
+      class: vue.normalizeClass(_ctx.rootClass),
+      style: vue.normalizeStyle(_ctx.rootStyle),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      vue.createElementVNode("view", {
+        class: vue.normalizeClass(_ctx.contentClass)
+      }, [
+        _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+            key: 1,
+            name: _ctx.iconProps.name,
+            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$x, vue.toDisplayString(_ctx.text), 1))
+        ], 64))
+      ], 2)
+    ], 6);
+  }
+  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$C]]);
+  const { componentName: componentName$u, create: create$F } = createComponent("sidenavbar");
+  const _sfc_main$F = create$F({
+    props: {
+      offset: {
+        type: [String, Number],
+        default: 15
+      }
+    },
+    emits: [],
+    setup: (props, context) => {
+      const list = vue.ref(null);
+      const state = vue.reactive({
+        count: 1,
+        observer: null
+      });
+      const classes = vue.computed(() => {
+        const prefixCls = componentName$u;
+        return {
+          [prefixCls]: true
+        };
+      });
+      const setPaddingLeft = (nodeList, level = 1) => {
+        for (let i = 0; i < nodeList.length; i++) {
+          let item = nodeList[i];
+          item.children[0].style.paddingLeft = props.offset * level + "px";
+          if (!item.className.includes("nut-sidenavbaritem")) {
+            setPaddingLeft(Array.from(item.children[1].children), ++state.count);
+          }
+        }
+        state.count--;
+      };
+      const handleSlots = () => {
+        let childNodes = list.value.childNodes;
+        if (childNodes.length) {
+          childNodes = Array.from(childNodes).filter((item) => item.nodeType !== 3).map((item) => {
+            return item;
+          });
+          setPaddingLeft(childNodes);
+        }
+      };
+      vue.onMounted(() => {
+        handleSlots();
+        state.observer = new MutationObserver(function() {
+          state.count = 1;
+          handleSlots();
+        });
+        state.observer.observe(list.value, {
+          attributes: false,
+          childList: true,
+          characterData: false,
+          subtree: false
+        });
+      });
+      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+        list,
+        classes
+      });
+    }
+  });
+  const _hoisted_1$w = { class: "nut-sidenavbar__content" };
+  const _hoisted_2$r = {
+    class: "nut-sidenavbar__content__list",
+    ref: "list"
+  };
+  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("view", {
+      class: vue.normalizeClass(_ctx.classes)
+    }, [
+      vue.createElementVNode("view", _hoisted_1$w, [
+        vue.createElementVNode("view", _hoisted_2$r, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 512)
+      ])
+    ], 2);
+  }
+  var SideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$B]]);
+  const { componentName: componentName$t, create: create$E } = createComponent("sidenavbaritem");
+  const _sfc_main$E = create$E({
+    props: {
+      title: {
+        type: String,
+        default: ""
+      },
+      ikey: {
+        type: String,
+        default: ""
+      }
+    },
+    emits: ["click"],
+    setup: (props, context) => {
+      const classes = vue.computed(() => {
+        const prefixCls = componentName$t;
+        return {
+          [prefixCls]: true
+        };
+      });
+      const handleClick = () => {
+        context.emit("click");
+      };
+      return {
+        classes,
+        handleClick
+      };
+    }
+  });
+  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$q, vue.toDisplayString(_ctx.title), 1)
+    ], 8, _hoisted_1$v);
   }
-  const { create: create$D, componentName: componentName$s } = createComponent("grid-item");
+  var SideNavBarItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$A]]);
+  const { componentName: componentName$s, create: create$D } = createComponent("subsidenavbar");
   const _sfc_main$D = create$D({
     props: {
-      text: {
-        type: String
-      },
-      icon: {
-        type: String
-      },
-      iconSize: {
-        type: [Number, String]
-      },
-      iconColor: {
-        type: String
-      },
-      to: {
-        type: [String, Object]
-      },
-      url: {
+      title: {
         type: String,
         default: ""
       },
-      replace: {
+      ikey: {
+        type: [String, Number],
+        default: ""
+      },
+      open: {
         type: Boolean,
-        default: false
+        default: true
       }
     },
-    emits: ["click"],
-    setup(props, { emit }) {
-      const Parent = useInject(GRID_KEY);
-      if (!Parent.parent)
-        return;
-      const index = Parent.index;
-      const parent = Parent.parent.props;
-      const rootClass = vue.computed(() => {
+    emits: ["title-click"],
+    setup: (props, context) => {
+      const state = vue.reactive({
+        direction: ""
+      });
+      const classes = vue.computed(() => {
         const prefixCls = componentName$s;
         return {
           [prefixCls]: true
         };
       });
-      const rootStyle = vue.computed(() => {
-        const style = {
-          flexBasis: `${100 / +parent.columnNum}%`
-        };
-        if (parent.square) {
-          style.paddingTop = `${100 / +parent.columnNum}%`;
-        } else if (parent.gutter) {
-          style.paddingRight = pxCheck(parent.gutter);
-          if (index.value >= parent.columnNum) {
-            style.marginTop = pxCheck(parent.gutter);
-          }
-        }
-        return style;
-      });
-      const contentClass = vue.computed(() => {
-        const prefixCls = `${componentName$s}__content`;
-        return {
-          [`${prefixCls}`]: true,
-          [`${prefixCls}--border`]: parent.border,
-          [`${prefixCls}--surround`]: parent.border && parent.gutter,
-          [`${prefixCls}--center`]: parent.center,
-          [`${prefixCls}--square`]: parent.square,
-          [`${prefixCls}--reverse`]: parent.reverse,
-          [`${prefixCls}--${parent.direction}`]: !!parent.direction,
-          [`${prefixCls}--clickable`]: parent.clickable || props.to || props.url
-        };
-      });
-      const iconProps = vue.computed(() => {
+      const style = vue.computed(() => {
         return {
-          name: props.icon,
-          size: props.iconSize || parent.iconSize,
-          color: props.iconColor || parent.iconColor
+          height: !state.direction ? "auto" : "0px"
         };
       });
-      const router = vueRouter.useRouter();
-      const handleClick = (event) => {
-        emit("click", event);
-        if (props.to && router) {
-          router[props.replace ? "replace" : "push"](props.to);
-        } else if (props.url) {
-          props.replace ? location.replace(props.url) : location.href = props.url;
-        }
+      const handleClick = () => {
+        context.emit("title-click");
+        state.direction = !state.direction ? "up" : "";
       };
-      return {
-        rootClass,
-        rootStyle,
-        contentClass,
-        iconProps,
+      vue.onMounted(() => {
+        state.direction = props.open ? "" : "up";
+      });
+      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+        classes,
+        style,
         handleClick
-      };
+      });
     }
   });
-  const _hoisted_1$t = {
-    key: 3,
-    class: "nut-grid-item__text"
-  };
+  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", {
-      class: vue.normalizeClass(_ctx.rootClass),
-      style: vue.normalizeStyle(_ctx.rootStyle),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      class: vue.normalizeClass(_ctx.classes),
+      ikey: _ctx.ikey
     }, [
       vue.createElementVNode("view", {
-        class: vue.normalizeClass(_ctx.contentClass)
+        class: "nut-subsidenavbar__title",
+        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
-        _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-            key: 1,
-            name: _ctx.iconProps.name,
-            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$t, vue.toDisplayString(_ctx.text), 1))
-        ], 64))
-      ], 2)
-    ], 6);
+        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)
+          }, null, 8, ["class"])
+        ])
+      ]),
+      vue.createElementVNode("view", {
+        class: vue.normalizeClass(["nut-subsidenavbar__list", !_ctx.direction ? "nutFadeIn" : "nutFadeOut"]),
+        style: vue.normalizeStyle(_ctx.style)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6)
+    ], 10, _hoisted_1$u);
   }
-  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
+  var SubSideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
   const Utils = {
     isLeapYear: function(y) {
       return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
@@ -7537,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"
   };
@@ -7579,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",
@@ -7746,7 +8023,7 @@ var __publicField = (obj, key, value) => {
   const { create: create$A, componentName: componentName$r } = createComponent("checkbox");
   const _sfc_main$A = create$A({
     components: {
-      nutIcon: _sfc_main$1l
+      nutIcon: _sfc_main$1o
     },
     props: {
       modelValue: {
@@ -7802,7 +8079,7 @@ var __publicField = (obj, key, value) => {
       };
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName } = props;
-        return vue.h(_sfc_main$1l, {
+        return vue.h(_sfc_main$1o, {
           name: !pValue.value ? iconName : iconActiveName,
           size: iconSize,
           class: color.value
@@ -7906,10 +8183,6 @@ var __publicField = (obj, key, value) => {
       type: Boolean,
       default: false
     },
-    visibleItemCount: {
-      type: [Number, String],
-      default: 7
-    },
     defaultIndex: {
       type: [Number, String],
       default: 0
@@ -7919,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");
@@ -8158,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") {
@@ -8178,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") {
@@ -8245,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 = () => {
@@ -8275,8 +8542,6 @@ var __publicField = (obj, key, value) => {
         column,
         dataType,
         columnList,
-        top,
-        height,
         close,
         changeHandler,
         confirm
@@ -8285,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");
@@ -8293,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, [
@@ -8314,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]]);
@@ -8516,8 +8775,6 @@ var __publicField = (obj, key, value) => {
         }
       };
       const generateValue = (min, max, val, type) => {
-        if (!(max > min))
-          return;
         const arr = [];
         let index = 0;
         while (min <= max) {
@@ -8554,6 +8811,7 @@ var __publicField = (obj, key, value) => {
         return 0;
       };
       const columns = vue.computed(() => {
+        console.log(ranges.value);
         const val = ranges.value.map((res) => {
           return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type);
         });
@@ -8653,8 +8911,8 @@ var __publicField = (obj, key, value) => {
       };
       const emitChange = (value, event) => {
         let output_value = fixedDecimalPlaces(value);
-        emit("change", output_value, event);
         emit("update:modelValue", output_value, event);
+        emit("change", output_value, event);
       };
       const addAllow = (value = Number(props.modelValue)) => {
         return value < Number(props.max) && !props.disabled;
@@ -8815,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"],
@@ -8825,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(() => {
@@ -8857,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)) {
@@ -8881,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),
@@ -8909,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"
       }, [
@@ -8964,7 +9227,7 @@ var __publicField = (obj, key, value) => {
       });
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName } = props;
-        return vue.h(_sfc_main$1l, {
+        return vue.h(_sfc_main$1o, {
           name: isCurValue.value ? iconActiveName : iconName,
           size: iconSize,
           class: color.value
@@ -9208,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);
@@ -9244,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() {
@@ -9272,7 +9535,7 @@ var __publicField = (obj, key, value) => {
         realInput,
         realpwd,
         focus,
-        range: range2,
+        range,
         changeValue,
         close,
         onTips,
@@ -9414,6 +9677,10 @@ var __publicField = (obj, key, value) => {
       autosize: {
         type: Boolean,
         default: false
+      },
+      autofocus: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["update:modelValue", "change", "blur", "focus"],
@@ -9435,8 +9702,8 @@ var __publicField = (obj, key, value) => {
         if (props.maxLength && value.length > Number(props.maxLength)) {
           value = value.substring(0, Number(props.maxLength));
         }
-        emit("change", value, event);
         emit("update:modelValue", value, event);
+        emit("change", value, event);
       };
       const change = (event) => {
         const input = event.target;
@@ -9468,7 +9735,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$m = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder"];
+  const _hoisted_1$m = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
   const _hoisted_2$j = {
     key: 0,
     class: "nut-textarea__limit"
@@ -9488,7 +9755,8 @@ var __publicField = (obj, key, value) => {
         onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
         onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args)),
         maxlength: _ctx.maxLength,
-        placeholder: _ctx.placeholder
+        placeholder: _ctx.placeholder,
+        autofocus: _ctx.autofocus
       }, null, 44, _hoisted_1$m),
       _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);
@@ -9755,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;
       };
@@ -9766,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");
@@ -11325,16 +11595,16 @@ var __publicField = (obj, key, value) => {
     setup(props, { emit, slots }) {
       const formErrorTip = vue.computed(() => vue.reactive({}));
       vue.provide("formErrorTip", formErrorTip);
-      const init = (value = props.modelValue) => {
-        Object.keys(value).forEach((item) => {
+      const clearErrorTips = (value = props.modelValue) => {
+        Object.keys(formErrorTip.value).forEach((item) => {
           formErrorTip.value[item] = "";
         });
       };
       const reset = () => {
-        init();
+        clearErrorTips();
       };
       vue.watch(() => props.modelValue, (value) => {
-        init(value);
+        clearErrorTips(value);
       }, { immediate: true });
       const findFormItem = (vnodes) => {
         let task = [];
@@ -11347,7 +11617,7 @@ var __publicField = (obj, key, value) => {
               prop: (_a = vnode.props) == null ? void 0 : _a["prop"],
               rules: ((_b = vnode.props) == null ? void 0 : _b["rules"]) || []
             });
-          } else if ((_c = vnode.children) == null ? void 0 : _c.length) {
+          } else if (Array.isArray(vnode.children) && ((_c = vnode.children) == null ? void 0 : _c.length)) {
             task = task.concat(findFormItem(vnode.children));
           }
         });
@@ -11370,7 +11640,10 @@ var __publicField = (obj, key, value) => {
         const getPropByPath = (obj, keyPath) => {
           return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
         };
-        let value = getPropByPath(props.modelValue, prop);
+        if (!prop) {
+          console.warn("[NutUI] <FormItem> \u4F7F\u7528 rules \u6821\u9A8C\u89C4\u5219\u65F6 , \u5FC5\u987B\u8BBE\u7F6E prop \u53C2\u6570");
+        }
+        let value = getPropByPath(props.modelValue, prop || "");
         tipMessage({ prop, message: "" });
         while (rules.length) {
           const { required, validator, regex, message } = rules.shift();
@@ -12592,7 +12865,6 @@ var __publicField = (obj, key, value) => {
                       class: "region-item-icon",
                       type: "self",
                       name: _ctx.selectedIcon,
-                      color: "#FA2C19",
                       size: "13px"
                     }, null, 8, ["name"])) : vue.createCommentVNode("", true),
                     vue.createTextVNode(vue.toDisplayString(item.name), 1)
@@ -12637,9 +12909,8 @@ var __publicField = (obj, key, value) => {
                       class: "exist-item-icon",
                       type: "self",
                       name: item.selectedAddress ? _ctx.selectedIcon : _ctx.defaultIcon,
-                      color: item.selectedAddress ? "#FA2C19" : "",
                       size: "13px"
-                    }, null, 8, ["name", "color"]),
+                    }, null, 8, ["name"]),
                     vue.createElementVNode("div", _hoisted_18, [
                       item.name && item.phone ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
                         vue.createElementVNode("div", _hoisted_20, vue.toDisplayString(item.name), 1),
@@ -13494,7 +13765,6 @@ var __publicField = (obj, key, value) => {
         }
       });
       vue.onMounted(() => {
-        console.log("\u66F4\u65B0\u53C2\u6570");
       });
       const getSlots = (name) => slots[name];
       const selectSku = (skus) => {
@@ -13791,6 +14061,11 @@ var __publicField = (obj, key, value) => {
             state.curData = typeof item.sorter === "function" ? state.curData.sort(item.sorter) : item.sorter === "default" ? state.curData.sort() : state.curData;
           }
         };
+        const sortDataItem = () => {
+          return props.columns.map((value) => {
+            return value.key;
+          });
+        };
         vue.watch(() => props.data, (val) => {
           state.curData = val.slice();
         });
@@ -13798,7 +14073,8 @@ var __publicField = (obj, key, value) => {
           classes,
           cellClasses,
           getColumnItem,
-          handleSorterClick
+          handleSorterClick,
+          sortDataItem
         });
       }
     };
@@ -13856,7 +14132,7 @@ var __publicField = (obj, key, value) => {
               class: "nut-table__main__body__tr",
               key: item
             }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(item), (value) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.sortDataItem(), (value) => {
                 return vue.openBlock(), vue.createElementBlock("span", {
                   class: vue.normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
                   key: value
@@ -13890,7 +14166,7 @@ var __publicField = (obj, key, value) => {
   }
   var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
   function install(app) {
-    const packages = [Avatar, Button, Cell, CellGroup, _sfc_main$1l, Price, OverLay, Divider, _sfc_main$1e, Col, Row, _ImagePreview, Swipe, ActionSheet, BackTop, Collapse, CollapseItem, Drag, _Dialog, InfiniteLoading, NotifyFunction, Range, Video, Popup, _sfc_main$Y, Step, Swiper, SwiperItem, Switch, ToastFunction, Progress, CircleProgress, NoticeBar, SearchBar, Empty, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, _sfc_main$E, GridItem, Calendar, _sfc_main$A, _sfc_main$z, DatePicker, InputNumber, Input, _sfc_main$t, _sfc_main$s, Rate, Picker, ShortPassword, TextArea, Uploader, CountUp, NumberKeyboard, CountDown, Badge, Tag, Popover, Form, FormItem, Skeleton, Cascader, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Table];
+    const packages = [Avatar, Button, Cell, CellGroup, _sfc_main$1o, Price, OverLay, Divider, _sfc_main$1h, Col, Row, _ImagePreview, Swipe, ActionSheet, BackTop, Collapse, CollapseItem, Drag, _Dialog, InfiniteLoading, NotifyFunction, Range, Video, Popup, _sfc_main$$, Step, Swiper, SwiperItem, Switch, ToastFunction, Progress, CircleProgress, NoticeBar, SearchBar, Empty, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, _sfc_main$H, GridItem, SideNavBar, SideNavBarItem, SubSideNavBar, Calendar, _sfc_main$A, _sfc_main$z, DatePicker, InputNumber, Input, _sfc_main$t, _sfc_main$s, Rate, Picker, ShortPassword, TextArea, Uploader, CountUp, NumberKeyboard, CountDown, Badge, Tag, Popover, Form, FormItem, Skeleton, Cascader, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Table];
     packages.forEach((item) => {
       if (item.install) {
         app.use(item);
@@ -13899,7 +14175,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   }
-  const version = "3.1.14";
+  const version = "3.1.16-beta.1";
   var nutui_vue_build = { install, version };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;
@@ -13930,15 +14206,15 @@ var __publicField = (obj, key, value) => {
   exports2.FixedNav = FixedNav;
   exports2.Form = Form;
   exports2.FormItem = FormItem;
-  exports2.Grid = _sfc_main$E;
+  exports2.Grid = _sfc_main$H;
   exports2.GridItem = GridItem;
-  exports2.Icon = _sfc_main$1l;
+  exports2.Icon = _sfc_main$1o;
   exports2.ImagePreview = _ImagePreview;
   exports2.Indicator = Indicator;
   exports2.InfiniteLoading = InfiniteLoading;
   exports2.Input = Input;
   exports2.InputNumber = InputNumber;
-  exports2.Layout = _sfc_main$1e;
+  exports2.Layout = _sfc_main$1h;
   exports2.Menu = Menu;
   exports2.MenuItem = MenuItem;
   exports2.Navbar = Navbar;
@@ -13959,11 +14235,14 @@ var __publicField = (obj, key, value) => {
   exports2.Row = Row;
   exports2.SearchBar = SearchBar;
   exports2.ShortPassword = ShortPassword;
+  exports2.SideNavBar = SideNavBar;
+  exports2.SideNavBarItem = SideNavBarItem;
   exports2.Signature = Signature;
   exports2.Skeleton = Skeleton;
   exports2.Sku = Sku;
   exports2.Step = Step;
-  exports2.Steps = _sfc_main$Y;
+  exports2.Steps = _sfc_main$$;
+  exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
   exports2.Swiper = Swiper;
   exports2.SwiperItem = SwiperItem;