@nutui/nutui 3.1.14 → 3.1.16-beta.1

package/dist/nutui.es.js

@@ -35,7 +35,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.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.
 */
@@ -67,8 +67,8 @@ var _export_sfc = (sfc, props) => {
   }
   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,
@@ -92,7 +92,7 @@ const _sfc_main$1m = create$1m({
     const { size, shape, bgColor, icon } = toRefs(props);
     const sizeValue = ["large", "normal", "small"];
     const classes = computed(() => {
-      const prefixCls = componentName$11;
+      const prefixCls = componentName$14;
       return {
         [prefixCls]: true,
         ["avatar-" + size.value]: true,
@@ -124,11 +124,11 @@ const _sfc_main$1m = create$1m({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     style: normalizeStyle(_ctx.styles),
@@ -139,17 +139,17 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
       class: "icon",
       name: _ctx.iconStyles
     }, null, 8, ["name"]),
-    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$X, [
+    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$$, [
       renderSlot(_ctx.$slots, "default")
     ])) : 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: "" },
@@ -170,7 +170,7 @@ const _sfc_main$1l = create$1l({
       var _a;
       const _isImage = isImage();
       return 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),
@@ -183,10 +183,10 @@ const _sfc_main$1l = create$1l({
     };
   }
 });
-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,
@@ -232,7 +232,7 @@ const _sfc_main$1k = create$1k({
       }
     };
     const classes = computed(() => {
-      const prefixCls = componentName$$;
+      const prefixCls = componentName$12;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
@@ -268,15 +268,15 @@ const _sfc_main$1k = create$1k({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.getStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    createElementVNode("view", _hoisted_1$W, [
+    createElementVNode("view", _hoisted_1$_, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         class: "nut-icon-loading"
@@ -295,9 +295,9 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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: "" },
@@ -313,7 +313,7 @@ const _sfc_main$1j = create$1j({
   emits: ["click"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$_;
+      const prefixCls = componentName$11;
       return {
         [prefixCls]: true,
         [`${prefixCls}--clickable`]: props.isLink || props.to
@@ -340,9 +340,9 @@ const _sfc_main$1j = create$1j({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -360,8 +360,8 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.icon
         }, null, 8, ["name"])) : createCommentVNode("", true),
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("view", _hoisted_1$V, toDisplayString(_ctx.title), 1),
-          createElementVNode("view", _hoisted_2$L, toDisplayString(_ctx.subTitle), 1)
+          createElementVNode("view", _hoisted_1$Z, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", _hoisted_2$O, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ], 64))
@@ -379,16 +379,16 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = computed(() => {
-      const prefixCls = componentName$Z;
+      const prefixCls = componentName$10;
       return {
         [prefixCls]: true
       };
@@ -398,29 +398,29 @@ const _sfc_main$1i = create$1i({
     };
   }
 });
-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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$U, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$K, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$A, [
+    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$Y, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$N, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_3$B, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 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],
@@ -454,7 +454,7 @@ const _sfc_main$1h = create$1h({
   setup(props) {
     const classes = computed(() => {
       return {
-        [componentName$Y]: true
+        [componentName$$]: true
       };
     });
     const showSymbol = computed(() => {
@@ -503,9 +503,9 @@ const _sfc_main$1h = create$1h({
     };
   }
 });
-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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -513,7 +513,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_1$T)) : createCommentVNode("", true),
+    }, null, 10, _hoisted_1$X)) : createCommentVNode("", true),
     createElementVNode("view", {
       class: normalizeClass(`nut-price--${_ctx.size}`)
     }, toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
@@ -528,11 +528,11 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
       key: 2,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_2$J)) : createCommentVNode("", true)
+    }, null, 10, _hoisted_2$M)) : 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,
@@ -562,12 +562,12 @@ const overlayProps = {
     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 = computed(() => {
-      const prefixCls = componentName$X;
+      const prefixCls = componentName$_;
       return {
         [prefixCls]: true,
         [props.overlayClass]: true
@@ -607,7 +607,7 @@ const _sfc_main$1g = create$1g({
     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 openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
@@ -624,9 +624,9 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -644,7 +644,7 @@ const _sfc_main$1f = create$1f({
   components: {},
   setup(props, context) {
     const classes = computed(() => {
-      const prefixCls = componentName$W;
+      const prefixCls = componentName$Z;
       return {
         [prefixCls]: true,
         [`${prefixCls}-center`]: context.slots.default,
@@ -657,18 +657,18 @@ const _sfc_main$1f = create$1f({
     return { classes };
   }
 });
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes)
   }, [
     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],
@@ -680,7 +680,7 @@ const _sfc_main$1d = create$1d({
     }
   },
   setup(props) {
-    const prefixCls = componentName$V;
+    const prefixCls = componentName$Y;
     const gutter = inject("gutter");
     const classes = computed(() => {
       return {
@@ -702,7 +702,7 @@ const _sfc_main$1d = create$1d({
     };
   }
 });
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style)
@@ -710,9 +710,9 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -736,7 +736,7 @@ const _sfc_main$1c = create$1c({
     }
   },
   setup(props) {
-    const prefixCls = componentName$U;
+    const prefixCls = componentName$X;
     provide("gutter", props.gutter);
     const getClass = (prefix, type) => {
       return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -755,14 +755,14 @@ const _sfc_main$1c = create$1c({
     };
   }
 });
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.getClasses())
   }, [
     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) => {
@@ -780,7 +780,7 @@ const useLockScroll = (isLock) => {
   };
   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: {
@@ -828,10 +828,10 @@ const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
     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"],
@@ -841,11 +841,12 @@ const _sfc_main$1b = create$1b({
       showSlot: true,
       transitionName: `popup-fade-${props.position}`,
       overLayCount: 1,
-      keepAlive: false
+      keepAlive: false,
+      closed: props.closeable
     });
     const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
     const classes = computed(() => {
-      const prefixCls = componentName$T;
+      const prefixCls = componentName$W;
       return {
         [prefixCls]: true,
         ["round"]: props.round,
@@ -938,6 +939,9 @@ const _sfc_main$1b = create$1b({
     watch(() => props.position, (value) => {
       value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
     });
+    watch(() => props.closeable, (value) => {
+      state.closed = value;
+    });
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       popStyle,
       classes,
@@ -949,8 +953,8 @@ const _sfc_main$1b = create$1b({
     });
   }
 });
-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 = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
@@ -980,7 +984,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
         }, [
           _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
-          _ctx.closeable ? (openBlock(), createElementBlock("view", {
+          _ctx.closed ? (openBlock(), createElementBlock("view", {
             key: 1,
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
             class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
@@ -996,7 +1000,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$S, [
+  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$W, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
       visible: _ctx.visible,
@@ -1020,7 +1024,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
         }, [
           _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
-          _ctx.closeable ? (openBlock(), createElementBlock("view", {
+          _ctx.closed ? (openBlock(), createElementBlock("view", {
             key: 1,
             onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
             class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
@@ -1038,7 +1042,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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;
@@ -1064,8 +1068,8 @@ const throttle = (func, wait, type) => {
     }
   };
 };
-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,
@@ -1311,12 +1315,12 @@ const _sfc_main$1a = create$1a({
     });
   }
 });
-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 = {
@@ -1334,8 +1338,8 @@ const _hoisted_9$6 = {
 const _hoisted_10$4 = { class: "duration-time" };
 const _hoisted_11$4 = { class: "nut-video-error" };
 const _hoisted_12$4 = /* @__PURE__ */ createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$R, [
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$V, [
     createElementVNode("video", {
       ref: "root",
       class: "nut-video-player",
@@ -1350,8 +1354,8 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
       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 ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "playing-mask",
@@ -1415,7 +1419,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = reactive({
@@ -1470,8 +1474,8 @@ function useExpose$1(apis) {
     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],
@@ -1540,7 +1544,7 @@ const _sfc_main$19 = create$19({
     });
     const touch = useTouch$1();
     const classes = computed(() => {
-      const prefixCls = componentName$S;
+      const prefixCls = componentName$V;
       return {
         [prefixCls]: true
       };
@@ -1576,7 +1580,7 @@ const _sfc_main$19 = create$19({
         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) => {
@@ -1589,7 +1593,7 @@ const _sfc_main$19 = create$19({
       }
       let targetOffset = offset - currentPosition;
       if (!props.loop) {
-        targetOffset = range2(targetOffset, minOffset.value, 0);
+        targetOffset = range(targetOffset, minOffset.value, 0);
       }
       return targetOffset;
     };
@@ -1597,9 +1601,9 @@ const _sfc_main$19 = create$19({
       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;
     };
@@ -1793,7 +1797,7 @@ const _sfc_main$19 = create$19({
       state,
       classes,
       container,
-      componentName: componentName$S,
+      componentName: componentName$V,
       isVertical,
       slots,
       activePagination,
@@ -1803,7 +1807,7 @@ const _sfc_main$19 = create$19({
     };
   }
 });
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "container",
     class: normalizeClass(_ctx.classes),
@@ -1840,15 +1844,15 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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 = 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 = inject("parent");
@@ -1857,7 +1861,7 @@ const _sfc_main$18 = create$18({
       offset: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$R;
+      const prefixCls = componentName$U;
       return {
         [prefixCls]: true
       };
@@ -1883,7 +1887,7 @@ const _sfc_main$18 = create$18({
     };
   }
 });
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style)
@@ -1891,9 +1895,9 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -1922,6 +1926,10 @@ const _sfc_main$17 = create$17({
     paginationColor: {
       type: String,
       default: "#fff"
+    },
+    autoplay: {
+      type: [Number, String],
+      default: 3e3
     }
   },
   emits: ["close"],
@@ -1944,7 +1952,13 @@ const _sfc_main$17 = create$17({
       options: {
         muted: true,
         controls: true
-      }
+      },
+      eleImg: null,
+      store: {
+        scale: 1,
+        moveable: false
+      },
+      lastTouchEndTime: 0
     });
     const slideChangeEnd = function(page) {
       state.active = page + 1;
@@ -1956,11 +1970,88 @@ const _sfc_main$17 = create$17({
     };
     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);
+    };
     watch(() => props.show, (val) => {
       state.showPop = val;
+      init();
     });
     onMounted(() => {
       state.active = props.initNo;
@@ -1970,13 +2061,18 @@ const _sfc_main$17 = create$17({
     return __spreadProps(__spreadValues({}, 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 = resolveComponent("nut-video");
   const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
   const _component_nut_swiper = resolveComponent("nut-swiper");
@@ -1984,17 +2080,19 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), 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: withCtx(() => [
       createElementVNode("view", {
         class: "nut-imagepreview",
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.closeOnImg && _ctx.closeOnImg(...args), ["stop"]))
+        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.closeOnImg && _ctx.closeOnImg(...args), ["stop"])),
+        onTouchstartCapture: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
       }, [
         _ctx.showPop ? (openBlock(), createBlock(_component_nut_swiper, {
           key: 0,
-          "auto-play": 3e3,
+          "auto-play": _ctx.autoplay,
           class: "nut-imagepreview-swiper",
           loop: true,
           "is-preventDefault": false,
@@ -2022,21 +2120,21 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
                   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"])) : createCommentVNode("", true),
-        createElementVNode("view", _hoisted_2$H, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
-      ])
+        }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : createCommentVNode("", true)
+      ], 32),
+      createElementVNode("view", _hoisted_2$K, toDisplayString(_ctx.active) + " / " + 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);
@@ -2141,8 +2239,8 @@ function useTouch() {
     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,
@@ -2164,7 +2262,7 @@ const _sfc_main$16 = create$16({
   emits: ["open", "close"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$P;
+      const prefixCls = componentName$S;
       return {
         [prefixCls]: true
       };
@@ -2288,16 +2386,16 @@ const _sfc_main$16 = create$16({
     });
   }
 });
-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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.touchStyle),
@@ -2306,20 +2404,20 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
-    createElementVNode("view", _hoisted_1$P, [
+    createElementVNode("view", _hoisted_1$T, [
       renderSlot(_ctx.$slots, "left")
     ], 512),
-    createElementVNode("view", _hoisted_2$G, [
+    createElementVNode("view", _hoisted_2$J, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3$y, [
+    createElementVNode("view", _hoisted_3$z, [
       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,
@@ -2357,7 +2455,7 @@ const _sfc_main$15 = create$15({
   emits: ["cancel", "choose", "update:visible"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$O;
+      const prefixCls = componentName$R;
       return {
         [prefixCls]: true
       };
@@ -2388,12 +2486,12 @@ const _sfc_main$15 = create$15({
     };
   }
 });
-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"
 };
@@ -2403,7 +2501,7 @@ const _hoisted_4$q = {
 };
 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 = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -2416,9 +2514,9 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
       onClickOverlay: _ctx.close
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$O, [
-          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$F, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$x, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_1$S, [
+          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$I, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$y, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
           _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$q, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
               return openBlock(), createElementBlock("view", {
@@ -2443,9 +2541,9 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,
@@ -2486,7 +2584,7 @@ const _sfc_main$14 = create$14({
       keepAlive: false
     });
     const classes = computed(() => {
-      const prefixCls = componentName$N;
+      const prefixCls = componentName$Q;
       return {
         [prefixCls]: true,
         show: state.backTop
@@ -2577,7 +2675,7 @@ const _sfc_main$14 = create$14({
     };
   }
 });
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
@@ -2593,9 +2691,9 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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]
@@ -2668,14 +2766,14 @@ const _sfc_main$13 = create$13({
     });
   }
 });
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", null, [
     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,
@@ -2698,11 +2796,11 @@ const _sfc_main$12 = create$12({
       type: Object
     }
   },
-  setup(props) {
+  setup(props, ctx) {
     const collapse = inject("collapseParent");
     const parent = reactive(collapse);
     const classes = computed(() => {
-      const prefixCls = componentName$M;
+      const prefixCls = componentName$P;
       return {
         [prefixCls]: true,
         [`${prefixCls}-icon`]: parent.props.icon
@@ -2742,7 +2840,7 @@ const _sfc_main$12 = create$12({
       if (!wrapperRefEle || !contentRefEle) {
         return;
       }
-      const offsetHeight = contentRefEle.offsetHeight;
+      const offsetHeight = contentRefEle.offsetHeight || "auto";
       if (offsetHeight) {
         const contentHeight = `${offsetHeight}px`;
         wrapperRefEle.style.willChange = "height";
@@ -2801,6 +2899,14 @@ const _sfc_main$12 = create$12({
         proxyData.openExpanded = true;
       }
     });
+    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);
+    });
     onMounted(() => {
       const { name } = props;
       const active = parent && parent.props.active;
@@ -2827,9 +2933,9 @@ const _sfc_main$12 = create$12({
     });
   }
 });
-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"
@@ -2843,7 +2949,7 @@ const _hoisted_7$a = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -2852,9 +2958,9 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
     }, [
-      createElementVNode("view", _hoisted_1$N, [
+      createElementVNode("view", _hoisted_1$R, [
         createElementVNode("view", null, [
-          createElementVNode("view", _hoisted_2$E, [
+          createElementVNode("view", _hoisted_2$H, [
             _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
               key: 0,
               name: _ctx.titleIcon,
@@ -2866,7 +2972,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
               key: 2,
               innerHTML: _ctx.title,
               class: "collapse-icon-title"
-            }, null, 8, _hoisted_3$w))
+            }, null, 8, _hoisted_3$x))
           ])
         ])
       ]),
@@ -2893,7 +2999,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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") {
@@ -2907,8 +3013,8 @@ function requestAniFrame() {
   }
 }
 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,
@@ -2953,7 +3059,7 @@ const _sfc_main$11 = create$11({
       }
     });
     const classes = computed(() => {
-      const prefixCls = componentName$L;
+      const prefixCls = componentName$O;
       return {
         [prefixCls]: true
       };
@@ -3088,7 +3194,7 @@ const _sfc_main$11 = create$11({
     };
   }
 });
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     ref: "myDrag",
@@ -3099,9 +3205,9 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -3176,7 +3282,7 @@ const _sfc_main$10 = create$10({
     });
     const classes = computed(() => {
       return {
-        [componentName$K]: true
+        [componentName$N]: true
       };
     });
     const update = (val) => {
@@ -3206,12 +3312,12 @@ const _sfc_main$10 = create$10({
     };
   }
 });
-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 = resolveComponent("nut-button");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
@@ -3228,7 +3334,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: normalizeClass(_ctx.classes)
       }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$M, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$Q, [
           _ctx.$slots.header ? renderSlot(_ctx.$slots, "header", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], 64))
@@ -3240,7 +3346,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
             key: 1,
             innerHTML: _ctx.content
-          }, null, 8, _hoisted_2$D))
+          }, null, 8, _hoisted_2$G))
         ], 4),
         !_ctx.noFooter ? (openBlock(), createElementBlock("view", {
           key: 1,
@@ -3280,7 +3386,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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", "");
@@ -3354,8 +3460,8 @@ _Dialog.install = (app) => {
   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,
@@ -3417,7 +3523,7 @@ const _sfc_main$$ = create$$({
       distance: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$J;
+      const prefixCls = componentName$M;
       return {
         [prefixCls]: true
       };
@@ -3541,9 +3647,9 @@ const _sfc_main$$ = create$$({
     });
   }
 });
-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,
@@ -3554,7 +3660,7 @@ const _hoisted_7$9 = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -3568,15 +3674,15 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "refreshTop",
       style: normalizeStyle(_ctx.getStyle)
     }, [
-      createElementVNode("view", _hoisted_1$L, [
+      createElementVNode("view", _hoisted_1$P, [
         createVNode(_component_nut_icon, {
           class: "top-img",
           name: _ctx.pullIcon
         }, null, 8, ["name"]),
-        createElementVNode("view", _hoisted_2$C, toDisplayString(_ctx.pullTxt), 1)
+        createElementVNode("view", _hoisted_2$F, toDisplayString(_ctx.pullTxt), 1)
       ])
     ], 4),
-    createElementVNode("view", _hoisted_3$v, [
+    createElementVNode("view", _hoisted_3$w, [
       renderSlot(_ctx.$slots, "default")
     ]),
     createElementVNode("view", _hoisted_4$o, [
@@ -3590,9 +3696,9 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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
   },
@@ -3662,7 +3768,7 @@ const _sfc_main$_ = create$_({
     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 openBlock(), createBlock(Transition, {
     name: "toast-fade",
     onAfterLeave: _ctx.onAfterLeave
@@ -3683,7 +3789,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -3821,8 +3927,8 @@ const useRect = (elementRef) => {
     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,
@@ -3867,7 +3973,7 @@ const _sfc_main$Z = create$Z({
     const touch = useTouch();
     const scope = computed(() => Number(props.max) - Number(props.min));
     const classes = computed(() => {
-      const prefixCls = componentName$H;
+      const prefixCls = componentName$K;
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
@@ -4018,12 +4124,12 @@ const _sfc_main$Z = create$Z({
     });
   }
 });
-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"
@@ -4037,9 +4143,9 @@ const _hoisted_7$8 = {
   key: 1,
   class: "max"
 };
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$K, [
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$B, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$O, [
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$E, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
       style: normalizeStyle(_ctx.wrapperStyle),
@@ -4081,7 +4187,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$n, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$u);
+          ], 42, _hoisted_3$v);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -4104,7 +4210,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-range-button",
             style: normalizeStyle(_ctx.buttonStyle)
           }, [
-            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6$c, toDisplayString(_ctx.curValue(_ctx.index)), 1)) : createCommentVNode("", true)
+            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6$c, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
           ], 4))
         ], 40, _hoisted_5$f))
       ], 4)
@@ -4112,9 +4218,9 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$8, toDisplayString(+_ctx.max), 1)) : 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,
@@ -4134,7 +4240,7 @@ const _sfc_main$Y = create$Y({
       children: []
     });
     const classes = computed(() => {
-      const prefixCls = componentName$G;
+      const prefixCls = componentName$J;
       return {
         [prefixCls]: true,
         [`${prefixCls}-${props.direction}`]: true,
@@ -4157,8 +4263,8 @@ const _sfc_main$Y = create$Y({
     };
   }
 });
-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,
@@ -4199,7 +4305,7 @@ const _sfc_main$X = create$X({
       return getCurrentStatus();
     });
     const classes = computed(() => {
-      const prefixCls = componentName$F;
+      const prefixCls = componentName$I;
       return {
         [prefixCls]: true,
         [`${prefixCls}-${status.value}`]: true
@@ -4211,22 +4317,22 @@ const _sfc_main$X = create$X({
     });
   }
 });
-const _hoisted_1$J = { class: "nut-step-head" };
-const _hoisted_2$A = /* @__PURE__ */ 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__ */ 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$J, [
-      _hoisted_2$A,
+    createElementVNode("view", _hoisted_1$N, [
+      _hoisted_2$D,
       createElementVNode("view", {
         class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
       }, [
@@ -4236,7 +4342,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.iconColor,
           name: _ctx.icon,
           size: _ctx.size
-        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$t, toDisplayString(_ctx.index), 1))
+        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$u, toDisplayString(_ctx.index), 1))
       ], 2)
     ]),
     createElementVNode("view", _hoisted_4$m, [
@@ -4249,9 +4355,9 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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],
@@ -4306,7 +4412,7 @@ const _sfc_main$W = create$W({
   setup(props, { emit }) {
     const isActive = computed(() => props.modelValue === props.activeValue);
     const classes = computed(() => {
-      const prefixCls = componentName$E;
+      const prefixCls = componentName$H;
       return {
         [prefixCls]: true,
         [isActive.value ? "switch-open" : "switch-close"]: true,
@@ -4334,15 +4440,15 @@ const _sfc_main$W = create$W({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
     style: normalizeStyle(_ctx.style)
   }, [
-    createElementVNode("view", _hoisted_1$I, [
+    createElementVNode("view", _hoisted_1$M, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         name: _ctx.name,
@@ -4360,11 +4466,11 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -4490,16 +4596,16 @@ const _sfc_main$V = create$V({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
     name: "toast-fade",
@@ -4521,18 +4627,18 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
             "background-color": _ctx.bgColor
           })
         }, [
-          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$H, [
+          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$L, [
             createVNode(_component_nut_icon, {
               size: "20",
               color: "#ffffff",
               name: _ctx.icon
             }, null, 8, ["name"])
           ])) : createCommentVNode("", true),
-          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$z, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$C, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
-          }, null, 8, _hoisted_3$s)
+          }, null, 8, _hoisted_3$t)
         ], 4)
       ], 6), [
         [vShow, _ctx.state.mounted]
@@ -4541,7 +4647,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: "",
@@ -4658,8 +4764,8 @@ const ToastFunction = {
     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],
@@ -4735,10 +4841,10 @@ const _sfc_main$U = create$U({
     };
   }
 });
-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 = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$G, [
+  return openBlock(), createElementBlock("div", _hoisted_1$K, [
     createElementVNode("div", {
       class: normalizeClass(["nut-progress-outer", [
         _ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
@@ -4779,9 +4885,9 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : 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],
@@ -4803,7 +4909,7 @@ const _sfc_main$T = create$T({
   },
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$D;
+      const prefixCls = componentName$G;
       return {
         [prefixCls]: true
       };
@@ -4837,11 +4943,11 @@ const _sfc_main$T = create$T({
     };
   }
 });
-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 openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle({ height: _ctx.option.size + "px", width: _ctx.option.size + "px" })
@@ -4858,7 +4964,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
         stroke: _ctx.option.backColor,
         "stroke-width": _ctx.option.strokeOutWidth,
         fill: "none"
-      }, null, 8, _hoisted_2$y),
+      }, null, 8, _hoisted_2$B),
       createElementVNode("circle", {
         r: _ctx.option.radius,
         cx: _ctx.option.cx,
@@ -4870,8 +4976,8 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
         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)),
     createElementVNode("div", _hoisted_4$l, [
       !_ctx.isAuto ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
         createTextVNode(toDisplayString(_ctx.progress) + "%", 1)
@@ -4879,9 +4985,9 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -4947,7 +5053,7 @@ const _sfc_main$S = create$S({
   },
   emits: ["click", "close"],
   setup(props, { emit, slots }) {
-    console.log("componentName", componentName$C);
+    console.log("componentName", componentName$F);
     const wrap = ref(null);
     const content = ref(null);
     const state = reactive({
@@ -4964,7 +5070,7 @@ const _sfc_main$S = create$S({
       keepAlive: false
     });
     const classes = computed(() => {
-      const prefixCls = componentName$C;
+      const prefixCls = componentName$F;
       return {
         [prefixCls]: true
       };
@@ -5138,12 +5244,12 @@ const _sfc_main$S = create$S({
     });
   }
 });
-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 = resolveComponent("nut-icon");
   const _component_ScrollItem = resolveComponent("ScrollItem");
   return openBlock(), createElementBlock("view", {
@@ -5167,7 +5273,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.color
         }, null, 8, ["color"])) : createCommentVNode("", true)
       ], 4)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_1$E, [
+      createElementVNode("view", _hoisted_1$I, [
         createElementVNode("view", {
           ref: "content",
           class: normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": !_ctx.scrollable && !_ctx.wrapable }]]),
@@ -5176,7 +5282,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
           onWebkitAnimationEnd: _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
         }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode("1" + toDisplayString(_ctx.text), 1)
+            createTextVNode(toDisplayString(_ctx.text), 1)
           ])
         ], 38)
       ], 512),
@@ -5221,7 +5327,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
             key: index,
             style: normalizeStyle({ height: _ctx.height }),
             onClick: ($event) => _ctx.go(item)
-          }, toDisplayString(item), 13, _hoisted_2$x);
+          }, toDisplayString(item), 13, _hoisted_2$A);
         }), 128))
       ], 4)),
       createElementVNode("view", {
@@ -5238,9 +5344,9 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : 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],
@@ -5331,15 +5437,15 @@ const _sfc_main$R = create$R({
     });
   }
 });
-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,
@@ -5349,23 +5455,23 @@ const _hoisted_6$a = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: "nut-searchbar",
     style: normalizeStyle(_ctx.searchbarStyle)
   }, [
-    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$D, [
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$H, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
       class: "nut-searchbar__search-input",
       style: normalizeStyle(_ctx.inputSearchbarStyle)
     }, [
-      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$w, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$z, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$q, [
+      createElementVNode("view", _hoisted_3$r, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -5404,14 +5510,14 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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,
@@ -5445,14 +5551,14 @@ const _sfc_main$Q = create$Q({
     };
   }
 });
-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 openBlock(), createElementBlock("view", _hoisted_1$C, [
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$G, [
     createElementVNode("view", {
       class: "nut-empty-image",
       style: normalizeStyle(_ctx.imgStyle)
@@ -5462,26 +5568,20 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           class: "img",
           src: _ctx.imageUrl
-        }, null, 8, _hoisted_2$v)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_2$y)) : createCommentVNode("", true)
       ], 64))
     ], 4),
-    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$p, toDisplayString(_ctx.description), 1)),
+    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$q, toDisplayString(_ctx.description), 1)),
     _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : 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: {
@@ -5506,16 +5606,11 @@ const _sfc_main$P = create$P({
   setup(props, { emit }) {
     const activeIndex = ref(props.defaultIndex);
     const classes = 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");
     }
@@ -5546,20 +5641,17 @@ const _sfc_main$P = create$P({
       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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$B, [
+    createElementVNode("view", _hoisted_1$F, [
       _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         color: "#979797",
@@ -5567,8 +5659,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _ctx.handleLeft
       }, null, 8, ["onClick"])) : createCommentVNode("", true)
     ]),
-    _ctx.title || _ctx.titIcon || _ctx.tabs ? (openBlock(), createElementBlock("view", {
-      key: 0,
+    createElementVNode("view", {
       class: normalizeClass(["nut-navbar__title", { icon: _ctx.icon }])
     }, [
       _ctx.title ? (openBlock(), createElementBlock("view", {
@@ -5581,21 +5672,10 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.titIcon,
         onClick: _ctx.handleCenterIcon
       }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_2$u, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (item, index) => {
-          return openBlock(), createElementBlock("view", {
-            class: normalizeClass([
-              "tab-title-box",
-              { "nut-tab-active": _ctx.activeIndex == item.id || _ctx.activeIndex == index }
-            ]),
-            onClick: ($event) => _ctx.switchTitle(item.id, item.name),
-            key: item.id
-          }, toDisplayString(item.name), 11, _hoisted_3$o);
-        }), 128))
-      ])
-    ], 2)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "content")
+    ], 2),
     _ctx.desc || _ctx.icon ? (openBlock(), createElementBlock("view", {
-      key: 1,
+      key: 0,
       class: normalizeClass(["nut-navbar__right", { icon: _ctx.icon }])
     }, [
       _ctx.desc ? (openBlock(), createElementBlock("view", {
@@ -5620,9 +5700,9 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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
   },
@@ -5665,7 +5745,7 @@ const _sfc_main$O = create$O({
   emits: ["update:visible", "selected"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$z;
+      const prefixCls = componentName$C;
       return {
         [prefixCls]: true,
         active: props.visible,
@@ -5684,16 +5764,16 @@ const _sfc_main$O = create$O({
     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 = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -5707,7 +5787,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
     }, null, 8, ["visible"])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "list", {}, () => [
-      createElementVNode("view", _hoisted_1$A, [
+      createElementVNode("view", _hoisted_1$E, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-fixednav__list-item",
@@ -5716,10 +5796,10 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$n),
+            }, null, 8, _hoisted_3$p),
             createElementVNode("view", _hoisted_4$j, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$c, toDisplayString(item.num), 1)) : createCommentVNode("", true)
-          ], 8, _hoisted_2$t);
+          ], 8, _hoisted_2$x);
         }), 128))
       ])
     ]),
@@ -5737,13 +5817,13 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -5781,7 +5861,7 @@ const _sfc_main$N = create$N({
     const { children, linkChildren } = useChildren();
     const opened = computed(() => children.some((item) => item.state.showWrapper));
     const classes = computed(() => {
-      const prefixCls = componentName$y;
+      const prefixCls = componentName$B;
       return {
         [prefixCls]: true
       };
@@ -5812,9 +5892,9 @@ const _sfc_main$N = create$N({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -5826,29 +5906,29 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index) => {
         return openBlock(), createElementBlock("view", {
           key: index,
-          class: normalizeClass(["nut-menu__item", { disabled: item.disabled }]),
+          class: normalizeClass(["nut-menu__item", { disabled: item.disabled, active: item.state.showPopup }]),
           onClick: ($event) => !item.disabled && _ctx.toggleItem(index),
           style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
         }, [
           createElementVNode("view", {
             class: normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
           }, [
-            createElementVNode("view", _hoisted_2$s, toDisplayString(item.renderTitle()), 1),
+            createElementVNode("view", _hoisted_2$w, toDisplayString(item.renderTitle()), 1),
             createVNode(_component_nut_icon, {
               name: item.titleIcon,
               size: "10",
               class: "nut-menu__title-icon"
             }, null, 8, ["name"])
           ], 2)
-        ], 14, _hoisted_1$z);
+        ], 14, _hoisted_1$D);
       }), 128))
     ], 2),
     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: {
@@ -5870,7 +5950,7 @@ const _sfc_main$M = create$M({
     }
   },
   components: {
-    [_sfc_main$1l.name]: _sfc_main$1l,
+    [_sfc_main$1o.name]: _sfc_main$1o,
     [Popup.name]: Popup
   },
   emits: ["update:modelValue", "change"],
@@ -5894,7 +5974,7 @@ const _sfc_main$M = create$M({
     };
     const { parent } = useParent();
     const classes = computed(() => {
-      const prefixCls = componentName$x;
+      const prefixCls = componentName$A;
       return {
         [prefixCls]: true
       };
@@ -5944,9 +6024,9 @@ const _sfc_main$M = create$M({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
   return withDirectives((openBlock(), createElementBlock("view", {
@@ -5974,7 +6054,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
       isWrapTeleport: false
     }), {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$y, [
+        createElementVNode("view", _hoisted_1$C, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
             return openBlock(), createElementBlock("view", {
               key: index,
@@ -5990,7 +6070,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
               createElementVNode("view", {
                 style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
               }, toDisplayString(option.text), 5)
-            ], 14, _hoisted_2$r);
+            ], 14, _hoisted_2$v);
           }), 128)),
           renderSlot(_ctx.$slots, "default")
         ])
@@ -6001,9 +6081,9 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     [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],
@@ -6028,6 +6108,10 @@ const _sfc_main$L = create$L({
     activeColor: {
       type: String,
       default: ""
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["tab-switch", "update:visible"],
@@ -6058,16 +6142,16 @@ const _sfc_main$L = create$L({
     };
   }
 });
-function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom }])
+    class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
   }, [
     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,
@@ -6148,17 +6232,17 @@ const _sfc_main$K = create$K({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
@@ -6167,8 +6251,8 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change(_ctx.state.index))
   }, [
-    createElementVNode("view", _hoisted_1$x, [
-      _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$q, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$m, toDisplayString("99+"))) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_1$B, [
+      _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$u, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$o, toDisplayString("99+"))) : createCommentVNode("", true),
       _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_4$i, [
         createVNode(_component_nut_icon, {
           class: "nut-tabbar-item_icon-box_icon",
@@ -6193,9 +6277,9 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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],
@@ -6228,7 +6312,7 @@ const _sfc_main$J = create$J({
       currentIndex: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$w;
+      const prefixCls = componentName$z;
       return {
         [prefixCls]: true
       };
@@ -6317,11 +6401,11 @@ const _sfc_main$J = create$J({
     });
   }
 });
-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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -6337,14 +6421,14 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
           ref_for: true,
           ref: _ctx.setListGroup
         }, [
-          createElementVNode("view", _hoisted_1$w, toDisplayString(item[_ctx.acceptKey]), 1),
+          createElementVNode("view", _hoisted_1$A, toDisplayString(item[_ctx.acceptKey]), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
             return openBlock(), createElementBlock("view", {
               class: "nut-elevator__list__item__name",
               key: subitem["id"],
               onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
               innerHTML: subitem.name
-            }, null, 8, _hoisted_2$p);
+            }, null, 8, _hoisted_2$t);
           }), 128))
         ]);
       }), 128))
@@ -6361,7 +6445,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchmove: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
     }, [
-      createElementVNode("view", _hoisted_3$l, [
+      createElementVNode("view", _hoisted_3$n, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-elevator__bars__inner__item",
@@ -6374,9 +6458,9 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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,
@@ -6481,19 +6565,19 @@ const _sfc_main$I = create$I({
     };
   }
 });
-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 openBlock(), createElementBlock("view", _hoisted_1$v, [
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$z, [
     createElementVNode("view", {
       class: normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
@@ -6502,7 +6586,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.prevText), 1)
       ])
     ], 2),
-    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$o, [
+    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$s, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index) => {
         return openBlock(), createElementBlock("view", {
           key: index + "pagination",
@@ -6512,7 +6596,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "page", { item }, () => [
             createTextVNode(toDisplayString(item.text), 1)
           ])
-        ], 10, _hoisted_3$k);
+        ], 10, _hoisted_3$m);
       }), 128))
     ])) : createCommentVNode("", true),
     _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$g, [
@@ -6528,8 +6612,8 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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", "");
@@ -6538,7 +6622,7 @@ class Title {
     __publicField(this, "disabled", false);
   }
 }
-const _sfc_main$H = create$H({
+const _sfc_main$K = create$K({
   props: {
     modelValue: {
       type: [String, Number],
@@ -6667,8 +6751,8 @@ const _sfc_main$H = create$H({
     }, 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabs", [_ctx.direction]])
@@ -6702,7 +6786,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis && !_ctx.titleScroll && _ctx.direction == "horizontal" }])
           }, toDisplayString(item.title), 3)
-        ], 14, _hoisted_1$u);
+        ], 14, _hoisted_1$y);
       }), 128))
     ], 6),
     createElementVNode("view", {
@@ -6713,9 +6797,9 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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],
@@ -6736,16 +6820,16 @@ const _sfc_main$G = create$G({
     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 openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabpane", { active: _ctx.paneKey == _ctx.activeKey }])
   }, [
     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,
@@ -6773,17 +6857,17 @@ const _sfc_main$F = create$F({
   setup(props) {
     const { block, align } = toRefs(props);
     const classes = 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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -6800,7 +6884,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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) => {
@@ -6859,7 +6943,7 @@ function useProvide(key, childName) {
     };
   };
 }
-const { componentName: componentName$t } = createComponent("grid");
+const { componentName: componentName$w } = createComponent("grid");
 const GRID_KEY = Symbol("grid");
 const gridProps = {
   columnNum: {
@@ -6904,9 +6988,9 @@ const gridProps = {
 const component$3 = {
   props: gridProps,
   setup(props, { slots }) {
-    useProvide(GRID_KEY, `${componentName$t}-item`)({ props });
+    useProvide(GRID_KEY, `${componentName$w}-item`)({ props });
     const rootClass = computed(() => {
-      const prefixCls = componentName$t;
+      const prefixCls = componentName$w;
       return {
         [prefixCls]: true,
         [`${prefixCls}--border`]: props.border && !props.gutter
@@ -6928,8 +7012,8 @@ const component$3 = {
     };
   }
 };
-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 = inject(key, null);
   if (parent) {
@@ -6943,130 +7027,323 @@ function useInject(key) {
       index
     };
   }
-  return {
-    parent: null,
-    index: ref(-1)
-  };
+  return {
+    parent: null,
+    index: 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 = computed(() => {
+      const prefixCls = componentName$v;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const rootStyle = 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 = 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 = computed(() => {
+      return {
+        name: props.icon,
+        size: props.iconSize || parent.iconSize,
+        color: props.iconColor || parent.iconColor
+      };
+    });
+    const router = 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 = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.rootClass),
+    style: normalizeStyle(_ctx.rootStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(_ctx.contentClass)
+    }, [
+      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), 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 ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1$x, 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 = ref(null);
+    const state = reactive({
+      count: 1,
+      observer: null
+    });
+    const classes = 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);
+      }
+    };
+    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({}, 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 openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", _hoisted_1$w, [
+      createElementVNode("view", _hoisted_2$r, [
+        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 = 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 openBlock(), createElementBlock("view", {
+    class: "nut-sidenavbaritem",
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
+    ikey: _ctx.ikey
+  }, [
+    createElementVNode("span", _hoisted_2$q, 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 = computed(() => {
+  emits: ["title-click"],
+  setup: (props, context) => {
+    const state = reactive({
+      direction: ""
+    });
+    const classes = computed(() => {
       const prefixCls = componentName$s;
       return {
         [prefixCls]: true
       };
     });
-    const rootStyle = 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 = 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 = computed(() => {
+    const style = computed(() => {
       return {
-        name: props.icon,
-        size: props.iconSize || parent.iconSize,
-        color: props.iconColor || parent.iconColor
+        height: !state.direction ? "auto" : "0px"
       };
     });
-    const router = 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,
+    onMounted(() => {
+      state.direction = props.open ? "" : "up";
+    });
+    return __spreadProps(__spreadValues({}, 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.rootClass),
-    style: normalizeStyle(_ctx.rootStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    class: normalizeClass(_ctx.classes),
+    ikey: _ctx.ikey
   }, [
     createElementVNode("view", {
-      class: normalizeClass(_ctx.contentClass)
+      class: "nut-subsidenavbar__title",
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
-      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), 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 ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1$t, toDisplayString(_ctx.text), 1))
-      ], 64))
-    ], 2)
-  ], 6);
+      createElementVNode("span", _hoisted_2$p, toDisplayString(_ctx.title), 1),
+      createElementVNode("span", _hoisted_3$l, [
+        createVNode(_component_nut_icon, {
+          name: "down-arrow",
+          class: normalizeClass(_ctx.direction)
+        }, null, 8, ["class"])
+      ])
+    ]),
+    createElementVNode("view", {
+      class: normalizeClass(["nut-subsidenavbar__list", !_ctx.direction ? "nutFadeIn" : "nutFadeOut"]),
+      style: normalizeStyle(_ctx.style)
+    }, [
+      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;
@@ -7535,9 +7812,9 @@ const _sfc_main$C = create$C({
     }, toRefs(state)), toRefs(props));
   }
 });
-const _hoisted_1$s = { class: "calendar-title" };
-const _hoisted_2$n = { class: "calendar-curr-month" };
-const _hoisted_3$j = {
+const _hoisted_1$t = { class: "calendar-title" };
+const _hoisted_2$o = { class: "calendar-curr-month" };
+const _hoisted_3$k = {
   class: "calendar-weeks",
   ref: "weeksPanel"
 };
@@ -7577,10 +7854,10 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
     }, [
       _ctx.poppable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createElementVNode("view", _hoisted_1$s, toDisplayString(_ctx.title), 1),
-        createElementVNode("view", _hoisted_2$n, toDisplayString(_ctx.yearMonthTitle), 1)
+        createElementVNode("view", _hoisted_1$t, toDisplayString(_ctx.title), 1),
+        createElementVNode("view", _hoisted_2$o, toDisplayString(_ctx.yearMonthTitle), 1)
       ], 64)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$j, [
+      createElementVNode("view", _hoisted_3$k, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-week-item",
@@ -7744,7 +8021,7 @@ var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$
 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: {
@@ -7800,7 +8077,7 @@ const _sfc_main$A = create$A({
     };
     const renderIcon = () => {
       const { iconName, iconSize, iconActiveName } = props;
-      return h(_sfc_main$1l, {
+      return h(_sfc_main$1o, {
         name: !pValue.value ? iconName : iconActiveName,
         size: iconSize,
         class: color.value
@@ -7904,10 +8181,6 @@ const commonProps = {
     type: Boolean,
     default: false
   },
-  visibleItemCount: {
-    type: [Number, String],
-    default: 7
-  },
   defaultIndex: {
     type: [Number, String],
     default: 0
@@ -7917,206 +8190,208 @@ const commonProps = {
     default: 35
   }
 };
-const MOMENTUM_LIMIT_DISTANCE = 15;
-const MOMENTUM_LIMIT_TIME = 300;
-const DEFAULT_DURATION = 200;
 const { create: create$y } = createComponent("picker-column");
-function range(num, min, max) {
-  return Math.min(Math.max(num, min), max);
-}
-function stopPropagation(event) {
-  event.stopPropagation();
-}
-function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== "boolean" || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation) {
-    stopPropagation(event);
-  }
-}
-function getElementTranslateY(element) {
-  const style = window.getComputedStyle(element);
-  const transform = style.transform || style.webkitTransform;
-  const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
-  return Number(translateY);
-}
-function isObject$1(val) {
-  return val !== null && typeof val === "object";
-}
-function isOptionDisabled(option) {
-  return isObject$1(option) && option.disabled;
-}
 const _sfc_main$y = create$y({
   props: __spreadValues({
-    dataType: String
+    dataType: String,
+    itemShow: {
+      type: Boolean,
+      default: false
+    }
   }, commonProps),
   emits: ["click", "change"],
   setup(props, { emit }) {
     const wrapper = ref();
     const state = reactive({
-      index: props.defaultIndex,
-      offset: 0,
-      duration: 0,
-      options: props.listData,
-      moving: false,
-      startOffset: 0,
-      touchStartTime: 0,
-      momentumOffset: 0,
-      transitionEndTrigger: null
+      touchParams: {
+        startY: 0,
+        endY: 0,
+        startTime: 0,
+        endTime: 0,
+        lastY: 0
+      },
+      currIndex: 1,
+      transformY: 0,
+      scrollDistance: 0,
+      lineSpacing: 36,
+      rotation: 20,
+      timer: null
     });
-    const touch = useTouch();
-    const wrapperStyle = computed(() => ({
-      transform: `translate3d(0, ${state.offset + baseOffset()}px, 0)`,
-      transitionDuration: `${state.duration}ms`,
-      transitionProperty: state.duration ? "all" : "none"
-    }));
-    const getIndexByOffset = (offset) => {
-      return range(Math.round(-offset / +props.itemHeight), 0, state.options.length - 1);
+    const roller = ref(null);
+    const list = ref(null);
+    const listItem = ref(null);
+    const touchDeg = ref(0);
+    const touchTime = ref(0);
+    const touchTranslateY = ref(0);
+    const touchListStyle = computed(() => {
+      return {
+        transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
+        transform: `translate3d(0, ${state.scrollDistance}px, 0)`
+      };
+    });
+    const touchRollerStyle = computed(() => {
+      return {
+        transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
+        transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
+      };
+    });
+    const onTouchStart = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.startY = changedTouches.pageY;
+      state.touchParams.startTime = event.timeStamp || Date.now();
+      state.transformY = state.scrollDistance;
     };
-    const baseOffset = () => {
-      return +props.itemHeight * (+props.visibleItemCount - 1) / 2;
+    const onTouchMove = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.lastY = changedTouches.pageY;
+      state.touchParams.lastTime = event.timeStamp || Date.now();
+      let move = state.touchParams.lastY - state.touchParams.startY;
+      setMove(move);
     };
-    const stopMomentum = () => {
-      state.moving = false;
-      state.duration = 0;
-      if (state.transitionEndTrigger) {
-        state.transitionEndTrigger();
-        state.transitionEndTrigger = null;
-      }
-    };
-    const adjustIndex = (index) => {
-      index = range(index, 0, state.options.length);
-      for (let i = index; i < state.options.length; i++) {
-        if (!isOptionDisabled(state.options[i]))
-          return i;
-      }
-      for (let i = index - 1; i >= 0; i--) {
-        if (!isOptionDisabled(state.options[i]))
-          return i;
-      }
-    };
-    const setIndex = (index, emitChange = false) => {
-      index = adjustIndex(index) || 0;
-      const offset = -index * +props.itemHeight;
-      const trigger = () => {
-        if (index !== state.index) {
-          state.index = index;
-          if (emitChange) {
-            emit("change", index);
-          }
-        }
-      };
-      if (state.moving && offset !== state.offset) {
-        state.transitionEndTrigger = trigger;
+    const onTouchEnd = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.lastY = changedTouches.pageY;
+      state.touchParams.lastTime = event.timestamp || Date.now();
+      let move = state.touchParams.lastY - state.touchParams.startY;
+      let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
+      if (moveTime <= 300) {
+        move = move * 2;
+        moveTime = moveTime + 1e3;
+        setMove(move, "end", moveTime);
       } else {
-        trigger();
+        setMove(move, "end");
       }
-      state.offset = offset;
     };
-    const momentum = (distance, duration) => {
-      const speed = Math.abs(distance / duration);
-      distance = state.offset + speed / 0.03 * (distance < 0 ? -1 : 1);
-      const index = getIndexByOffset(distance);
-      setIndex(index, true);
+    const setRollerStyle = (index) => {
+      return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
     };
-    const onTouchStart = (event) => {
-      if (props.readonly) {
-        return;
-      }
-      touch.start(event);
-      if (state.moving) {
-        const translateY = getElementTranslateY(wrapper.value);
-        state.offset = Math.min(0, translateY - baseOffset());
-        state.startOffset = state.offset;
+    const isHidden = (index) => {
+      if (index >= state.currIndex + 8 || index <= state.currIndex - 8) {
+        return true;
       } else {
-        state.startOffset = state.offset;
+        return false;
       }
-      state.duration = 0;
-      state.touchStartTime = Date.now();
-      state.momentumOffset = state.startOffset;
-      state.transitionEndTrigger = null;
     };
-    const onTouchMove = (event) => {
-      if (props.readonly) {
-        return;
-      }
-      state.moving = true;
-      touch.move(event);
-      if (touch.isVertical()) {
-        state.moving = true;
-        preventDefault(event, true);
-      }
-      const moveOffset = state.startOffset + touch.deltaY.value;
-      if (moveOffset > props.itemHeight) {
-        state.offset = props.itemHeight;
+    const setTransform = (translateY = 0, type, time = 1e3, deg) => {
+      if (type === "end") {
+        touchTime.value = time;
       } else {
-        state.offset = state.startOffset + touch.deltaY.value;
-      }
-      const now = Date.now();
-      if (now - state.touchStartTime > MOMENTUM_LIMIT_TIME) {
-        state.touchStartTime = now;
-        state.momentumOffset = state.offset;
+        touchTime.value = 0;
       }
+      touchDeg.value = deg;
+      touchTranslateY.value = translateY;
+      state.scrollDistance = translateY;
     };
-    const onTouchEnd = () => {
-      const index = getIndexByOffset(state.offset);
-      state.duration = DEFAULT_DURATION;
-      setIndex(index, true);
-      const distance = state.offset - state.momentumOffset;
-      const duration = Date.now() - state.touchStartTime;
-      const allowMomentum = duration < MOMENTUM_LIMIT_TIME && Math.abs(distance) > MOMENTUM_LIMIT_DISTANCE;
-      if (allowMomentum) {
-        momentum(distance, duration);
-        return;
+    const setMove = (move, type, time) => {
+      let updateMove = move + state.transformY;
+      if (type === "end") {
+        if (updateMove > 0) {
+          updateMove = 0;
+        }
+        if (updateMove < -(props.listData.values.length - 1) * state.lineSpacing) {
+          updateMove = -(props.listData.values.length - 1) * state.lineSpacing;
+        }
+        let endMove = Math.round(updateMove / state.lineSpacing) * state.lineSpacing;
+        let deg = `${(Math.abs(Math.round(endMove / state.lineSpacing)) + 1) * state.rotation}deg`;
+        setTransform(endMove, type, time, deg);
+        let t = time ? time / 2 : 0;
+        state.timer = setTimeout(() => {
+          setChooseValue();
+        }, t);
+        state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
+      } else {
+        let deg = "0deg";
+        if (updateMove < 0) {
+          deg = `${(Math.abs(updateMove / state.lineSpacing) + 1) * state.rotation}deg`;
+        } else {
+          deg = `${(-updateMove / state.lineSpacing + 1) * state.rotation}deg`;
+        }
+        setTransform(updateMove, null, void 0, deg);
+        state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
       }
     };
-    onMounted(() => {
-      setIndex(+props.defaultIndex);
-    });
+    const setChooseValue = () => {
+      emit("change", state.currIndex - 1);
+    };
+    const modifyStatus = (type) => {
+      let index = props.defaultIndex;
+      state.currIndex = index === -1 ? 1 : index + 1;
+      let move = index === -1 ? 0 : index * state.lineSpacing;
+      type && setChooseValue();
+      setMove(-move);
+    };
     watch(() => props.listData, (val) => {
-      if (val) {
-        state.options = val;
-      }
+      state.transformY = 0;
+      modifyStatus(false);
+    }, {
+      deep: true
     });
     watch(() => props.defaultIndex, (val) => {
-      setIndex(+val);
+      state.transformY = 0;
+      modifyStatus(false);
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    onMounted(() => {
+      modifyStatus(true);
+    });
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(state)), toRefs(props)), {
       wrapper,
+      setRollerStyle,
+      isHidden,
+      roller,
+      list,
+      listItem,
       onTouchStart,
       onTouchMove,
       onTouchEnd,
-      wrapperStyle,
-      stopMomentum,
-      columns: state.options,
-      height: Number(props.visibleItemCount) * +props.itemHeight
+      touchRollerStyle,
+      touchListStyle
     });
   }
 });
+const _hoisted_1$s = { class: "nut-picker-content" };
+const _hoisted_2$n = {
+  key: 0,
+  class: "nut-picker-placeholder"
+};
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: "nut-picker__content",
-    style: normalizeStyle({ height: _ctx.height + "px" }),
+    class: "nut-picker__list",
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
     onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
-    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
-    onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
-    onTransitionend: _cache[4] || (_cache[4] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
+    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
     createElementVNode("view", {
-      class: "nut-picker__wrapper",
-      ref: "wrapper",
-      style: normalizeStyle(_ctx.wrapperStyle)
+      class: "nut-picker-roller",
+      ref: "roller",
+      style: normalizeStyle(_ctx.touchRollerStyle)
     }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index) => {
         return openBlock(), createElementBlock("view", {
-          class: "nut-picker__item",
-          key: index
-        }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
+          class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
+          style: normalizeStyle(_ctx.setRollerStyle(index + 1)),
+          key: item.label ? item.label : index
+        }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 7);
       }), 128))
-    ], 4)
-  ], 36);
+    ], 4),
+    createElementVNode("view", _hoisted_1$s, [
+      createElementVNode("view", {
+        class: "nut-picker-list-panel",
+        ref: "list",
+        style: normalizeStyle(_ctx.touchListStyle)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-picker-item nut-picker-item-ref",
+            key: item.label ? item.label : index
+          }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
+        }), 128)),
+        _ctx.listData && _ctx.listData.length === 1 ? (openBlock(), createElementBlock("view", _hoisted_2$n)) : createCommentVNode("", true)
+      ], 4)
+    ])
+  ], 32);
 }
 var column = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$w]]);
 const { create: create$x, componentName: componentName$p } = createComponent("picker");
@@ -8156,12 +8431,6 @@ const _sfc_main$x = create$x({
         [prefixCls]: true
       };
     });
-    const top = computed(() => {
-      return Number(+props.visibleItemCount - 1) / 2 * +props.itemHeight;
-    });
-    const height = computed(() => {
-      return Number(props.visibleItemCount) * +props.itemHeight;
-    });
     const dataType = computed(() => {
       const firstColumn = state.formattedColumns[0];
       if (typeof firstColumn === "object") {
@@ -8176,9 +8445,7 @@ const _sfc_main$x = create$x({
     });
     const columnList = computed(() => {
       if (dataType.value === "text") {
-        return [
-          { values: state.formattedColumns, defaultIndex: state.defaultIndex }
-        ];
+        return [{ values: state.formattedColumns, defaultIndex: state.defaultIndex }];
       } else if (dataType.value === "multipleColumns") {
         return state.formattedColumns;
       } else if (dataType.value === "cascade") {
@@ -8243,7 +8510,7 @@ const _sfc_main$x = create$x({
       } else if (dataType.value === "multipleColumns") {
         defaultIndexList[columnIndex] = dataIndex;
         const val = defaultIndexList.map((res, i) => toRaw(state.formattedColumns)[i].values[res]);
-        emit("change", val);
+        emit("change", val, columnIndex, dataIndex);
       }
     };
     const confirm = () => {
@@ -8273,8 +8540,6 @@ const _sfc_main$x = create$x({
       column,
       dataType,
       columnList,
-      top,
-      height,
       close,
       changeHandler,
       confirm
@@ -8283,6 +8548,7 @@ const _sfc_main$x = create$x({
 });
 const _hoisted_1$r = { class: "nut-picker__bar" };
 const _hoisted_2$m = { class: "nut-picker__column" };
+const _hoisted_3$j = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker_column = resolveComponent("nut-picker-column");
   const _component_nut_popup = resolveComponent("nut-popup");
@@ -8291,13 +8557,13 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createVNode(_component_nut_popup, {
       position: "bottom",
-      style: normalizeStyle({ height: _ctx.height + 56 + "px" }),
       visible: _ctx.show,
       "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.show = $event),
       teleport: _ctx.teleport,
       "lock-scroll": _ctx.lockScroll,
       "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      onClose: _ctx.close
+      onClose: _ctx.close,
+      round: true
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$r, [
@@ -8312,36 +8578,29 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
           }, toDisplayString(_ctx.okText), 1)
         ]),
         createElementVNode("view", _hoisted_2$m, [
-          createElementVNode("view", {
-            class: "nut-picker__mask",
-            style: normalizeStyle({ backgroundSize: `100% ${_ctx.top}px` })
-          }, null, 4),
-          createElementVNode("view", {
-            class: "nut-picker__hairline",
-            style: normalizeStyle({ top: ` ${_ctx.top}px` })
-          }, null, 4),
+          _hoisted_3$j,
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnList, (item, columnIndex) => {
             return openBlock(), createElementBlock("view", {
               class: "nut-picker__columnitem",
               key: columnIndex
             }, [
               createVNode(_component_nut_picker_column, {
-                "list-data": item.values,
+                itemShow: _ctx.show,
+                "list-data": item,
                 readonly: _ctx.readonly,
                 "default-index": item.defaultIndex,
                 "visible-item-count": _ctx.visibleItemCount,
-                "item-height": _ctx.itemHeight,
                 "data-type": _ctx.dataType,
                 onChange: (dataIndex) => {
                   _ctx.changeHandler(columnIndex, dataIndex);
                 }
-              }, null, 8, ["list-data", "readonly", "default-index", "visible-item-count", "item-height", "data-type", "onChange"])
+              }, null, 8, ["itemShow", "list-data", "readonly", "default-index", "visible-item-count", "data-type", "onChange"])
             ]);
           }), 128))
         ])
       ]),
       _: 1
-    }, 8, ["style", "visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose"])
+    }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose"])
   ], 2);
 }
 var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$v]]);
@@ -8514,8 +8773,6 @@ const _sfc_main$w = create$w({
       }
     };
     const generateValue = (min, max, val, type) => {
-      if (!(max > min))
-        return;
       const arr = [];
       let index = 0;
       while (min <= max) {
@@ -8552,6 +8809,7 @@ const _sfc_main$w = create$w({
       return 0;
     };
     const columns = computed(() => {
+      console.log(ranges.value);
       const val = ranges.value.map((res) => {
         return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type);
       });
@@ -8651,8 +8909,8 @@ const _sfc_main$v = create$v({
     };
     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;
@@ -8813,6 +9071,10 @@ const _sfc_main$u = create$u({
     clearable: {
       type: Boolean,
       default: true
+    },
+    hasBorder: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["change", "update:modelValue", "blur", "focus", "clear"],
@@ -8823,7 +9085,8 @@ const _sfc_main$u = create$u({
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
-        [`${prefixCls}-require`]: props.requireShow
+        [`${prefixCls}-require`]: props.requireShow,
+        [`${prefixCls}-border`]: props.hasBorder
       };
     });
     const styles = computed(() => {
@@ -8855,7 +9118,7 @@ const _sfc_main$u = create$u({
     const valueBlur = (event) => {
       setTimeout(() => {
         active.value = false;
-      }, 0);
+      }, 200);
       const input = event.target;
       let value = input.value;
       if (props.maxLength && value.length > Number(props.maxLength)) {
@@ -8879,20 +9142,20 @@ const _sfc_main$u = create$u({
     };
   }
 });
-const _hoisted_1$p = { class: "nut-input-label" };
-const _hoisted_2$l = {
+const _hoisted_1$p = {
   key: 0,
-  class: "label-string"
+  class: "nut-input-label"
 };
+const _hoisted_2$l = { class: "label-string" };
 const _hoisted_3$i = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$p, [
-      _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_2$l, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
-    ]),
+    _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_1$p, [
+      createElementVNode("view", _hoisted_2$l, toDisplayString(_ctx.label), 1)
+    ])) : createCommentVNode("", true),
     createElementVNode("input", {
       class: "input-text",
       style: normalizeStyle(_ctx.styles),
@@ -8907,7 +9170,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
     }, null, 44, _hoisted_3$i),
     _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", {
-      key: 0,
+      key: 1,
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
       class: "nut-textinput-clear"
     }, [
@@ -8962,7 +9225,7 @@ const _sfc_main$t = create$t({
     });
     const renderIcon = () => {
       const { iconName, iconSize, iconActiveName } = props;
-      return h(_sfc_main$1l, {
+      return h(_sfc_main$1o, {
         name: isCurValue.value ? iconActiveName : iconName,
         size: iconSize,
         class: color.value
@@ -9206,7 +9469,7 @@ const _sfc_main$q = create$q({
   setup(props, { emit }) {
     const realInput = ref(props.modelValue);
     const realpwd = ref();
-    const comLen = computed(() => range2(Number(props.length)));
+    const comLen = computed(() => range(Number(props.length)));
     const show = ref(props.visible);
     function sureClick() {
       emit("ok", realInput.value);
@@ -9242,7 +9505,7 @@ const _sfc_main$q = create$q({
       emit("update:visible", false);
       emit("close");
     }
-    function range2(val) {
+    function range(val) {
       return Math.min(Math.max(4, val), 6);
     }
     function onTips() {
@@ -9270,7 +9533,7 @@ const _sfc_main$q = create$q({
       realInput,
       realpwd,
       focus,
-      range: range2,
+      range,
       changeValue,
       close,
       onTips,
@@ -9412,6 +9675,10 @@ const _sfc_main$p = create$p({
     autosize: {
       type: Boolean,
       default: false
+    },
+    autofocus: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
@@ -9433,8 +9700,8 @@ const _sfc_main$p = create$p({
       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;
@@ -9466,7 +9733,7 @@ const _sfc_main$p = create$p({
     };
   }
 });
-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"
@@ -9486,7 +9753,8 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
       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 ? (openBlock(), createElementBlock("view", _hoisted_2$j, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
   ], 2);
@@ -9753,8 +10021,9 @@ const _sfc_main$o = create$o({
       if (oversizes.length) {
         emit("oversize", oversizes);
       }
-      if (files.length > maximum) {
-        files.splice(maximum - 1, files.length - maximum);
+      let currentFileLength = files.length + fileList.length;
+      if (currentFileLength > maximum) {
+        files.splice(files.length - (currentFileLength - maximum));
       }
       return files;
     };
@@ -9764,7 +10033,8 @@ const _sfc_main$o = create$o({
         fileList.splice(index, 1);
         emit("delete", {
           file,
-          fileList
+          fileList,
+          index
         });
       } else {
         console.log("\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01");
@@ -11323,16 +11593,16 @@ const component$2 = {
   setup(props, { emit, slots }) {
     const formErrorTip = computed(() => reactive({}));
     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();
     };
     watch(() => props.modelValue, (value) => {
-      init(value);
+      clearErrorTips(value);
     }, { immediate: true });
     const findFormItem = (vnodes) => {
       let task = [];
@@ -11345,7 +11615,7 @@ const component$2 = {
             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));
         }
       });
@@ -11368,7 +11638,10 @@ const component$2 = {
       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();
@@ -12590,7 +12863,6 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "region-item-icon",
                     type: "self",
                     name: _ctx.selectedIcon,
-                    color: "#FA2C19",
                     size: "13px"
                   }, null, 8, ["name"])) : createCommentVNode("", true),
                   createTextVNode(toDisplayString(item.name), 1)
@@ -12635,9 +12907,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                     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"]),
                   createElementVNode("div", _hoisted_18, [
                     item.name && item.phone ? (openBlock(), createElementBlock("div", _hoisted_19, [
                       createElementVNode("div", _hoisted_20, toDisplayString(item.name), 1),
@@ -13492,7 +13763,6 @@ const _sfc_main$2 = create$2({
       }
     });
     onMounted(() => {
-      console.log("\u66F4\u65B0\u53C2\u6570");
     });
     const getSlots = (name) => slots[name];
     const selectSku = (skus) => {
@@ -13789,6 +14059,11 @@ const component = (componentName2) => {
           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;
+        });
+      };
       watch(() => props.data, (val) => {
         state.curData = val.slice();
       });
@@ -13796,7 +14071,8 @@ const component = (componentName2) => {
         classes,
         cellClasses,
         getColumnItem,
-        handleSorterClick
+        handleSorterClick,
+        sortDataItem
       });
     }
   };
@@ -13854,7 +14130,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-table__main__body__tr",
             key: item
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(item), (value) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortDataItem(), (value) => {
               return openBlock(), createElementBlock("span", {
                 class: normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
                 key: value
@@ -13888,7 +14164,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 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);
@@ -13897,6 +14173,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.14";
+const version = "3.1.16-beta.1";
 var nutui_vue_build = { install, version };
-export { ActionSheet, Address, Avatar, BackTop, Badge, Barrage, Button, Calendar, Card, Cascader, Cell, CellGroup, _sfc_main$A as Checkbox, _sfc_main$z as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, Empty, FixedNav, Form, FormItem, _sfc_main$E as Grid, GridItem, _sfc_main$1l as Icon, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1e as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, _sfc_main$t as Radio, _sfc_main$s as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, Signature, Skeleton, Sku, Step, _sfc_main$Y as Steps, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };
+export { ActionSheet, Address, Avatar, BackTop, Badge, Barrage, Button, Calendar, Card, Cascader, Cell, CellGroup, _sfc_main$A as Checkbox, _sfc_main$z as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, Empty, FixedNav, Form, FormItem, _sfc_main$H as Grid, GridItem, _sfc_main$1o as Icon, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1h as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, _sfc_main$t as Radio, _sfc_main$s as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$$ as Steps, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };