@nutui/nutui 3.2.6 → 3.2.7

package/dist/nutui.es.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:39 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, ref, defineComponent, h, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, mergeProps, renderSlot, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, onBeforeMount, Teleport, createVNode, useSlots, inject, provide, unref, onUnmounted, shallowReactive, markRaw, isVNode, nextTick, renderList, watchEffect, createSlots, readonly, vModelText, toRaw, resolveDynamicComponent, render as render$4, useCssVars } from "vue";
+import { reactive, ref, defineComponent, h, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, mergeProps, renderSlot, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, onBeforeMount, Teleport, createVNode, useSlots, inject, provide, unref, onUnmounted, shallowReactive, markRaw, isVNode, nextTick, renderList, watchEffect, createSlots, readonly, vModelText, resolveDynamicComponent, render as render$4, useCssVars } from "vue";
 class BaseLang {
 }
 class Lang$1 extends BaseLang {
@@ -357,8 +357,8 @@ function createComponent(name) {
 const pxCheck = (value) => {
   return isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const { componentName: componentName$1q, create: create$1R } = createComponent("icon");
-const _sfc_main$1R = create$1R({
+const { componentName: componentName$1p, create: create$1P } = createComponent("icon");
+const _sfc_main$1P = create$1P({
   props: {
     name: { type: String, default: "" },
     size: { type: [String, Number], default: "" },
@@ -381,7 +381,7 @@ const _sfc_main$1R = create$1R({
       return h(
         _isImage ? "img" : props.tag,
         {
-          class: _isImage ? `${componentName$1q}__img` : `${props.fontClassName} ${componentName$1q} ${props.classPrefix}-${props.name}`,
+          class: _isImage ? `${componentName$1p}__img` : `${props.fontClassName} ${componentName$1p} ${props.classPrefix}-${props.name}`,
           style: {
             color: props.color,
             fontSize: pxCheck(props.size),
@@ -403,10 +403,10 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const { componentName: componentName$1p, create: create$1Q } = createComponent("button");
-const _sfc_main$1Q = create$1Q({
+const { componentName: componentName$1o, create: create$1O } = createComponent("button");
+const _sfc_main$1O = create$1O({
   components: {
-    [_sfc_main$1R.name]: _sfc_main$1R
+    [_sfc_main$1P.name]: _sfc_main$1P
   },
   props: {
     color: String,
@@ -460,7 +460,7 @@ const _sfc_main$1Q = create$1Q({
       }
     };
     const classes = computed(() => {
-      const prefixCls = componentName$1p;
+      const prefixCls = componentName$1o;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
@@ -496,15 +496,15 @@ const _sfc_main$1Q = create$1Q({
     };
   }
 });
-const _hoisted_1$1l = { class: "nut-button__warp" };
-function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1i = { class: "nut-button__warp" };
+function _sfc_render$1B(_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$1l, [
+    createElementVNode("view", _hoisted_1$1i, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         class: "nut-icon-loading"
@@ -525,21 +525,21 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1D]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1B]]);
 function useRouter() {
   const proxy = getCurrentInstance().proxy;
   return proxy.$router || null;
 }
-const _hoisted_1$1k = {
+const _hoisted_1$1h = {
   key: 0,
   class: "nut-cell__icon"
 };
-const _hoisted_2$13 = {
+const _hoisted_2$11 = {
   key: 1,
   class: "nut-cell__title"
 };
-const _hoisted_3$O = { class: "title" };
-const _hoisted_4$E = { class: "nut-cell__title-desc" };
+const _hoisted_3$N = { class: "title" };
+const _hoisted_4$D = { class: "nut-cell__title-desc" };
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -548,7 +548,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
-      _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_1$1k, [
+      _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_1$1h, [
         renderSlot(_ctx.$slots, "icon", {}, () => [
           _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 0 }, _ctx.$attrs, {
             class: "icon",
@@ -556,12 +556,12 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
           }), null, 16, ["name"])) : createCommentVNode("", true)
         ])
       ])) : createCommentVNode("", true),
-      _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2$13, [
+      _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2$11, [
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("view", _hoisted_3$O, toDisplayString(_ctx.title), 1)
+            createElementVNode("view", _hoisted_3$N, toDisplayString(_ctx.title), 1)
           ]),
-          createElementVNode("view", _hoisted_4$E, toDisplayString(_ctx.subTitle), 1)
+          createElementVNode("view", _hoisted_4$D, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
@@ -580,8 +580,8 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-const { componentName: componentName$1o, create: create$1P } = createComponent("cell");
-const _sfc_main$1P = create$1P({
+const { componentName: componentName$1n, create: create$1N } = createComponent("cell");
+const _sfc_main$1N = create$1N({
   props: {
     title: { type: String, default: "" },
     subTitle: { type: String, default: "" },
@@ -600,7 +600,7 @@ const _sfc_main$1P = create$1P({
   emits: ["click"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$1o;
+      const prefixCls = componentName$1n;
       return {
         [prefixCls]: true,
         [`${prefixCls}--clickable`]: props.isLink || props.to,
@@ -629,16 +629,16 @@ const _sfc_main$1P = create$1P({
     };
   }
 });
-var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", render$3]]);
-const { componentName: componentName$1n, create: create$1O } = createComponent("cell-group");
-const _sfc_main$1O = create$1O({
+var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", render$3]]);
+const { componentName: componentName$1m, create: create$1M } = createComponent("cell-group");
+const _sfc_main$1M = create$1M({
   props: {
     title: { type: String, default: "" },
     desc: { type: String, default: "" }
   },
   setup() {
     const classes = computed(() => {
-      const prefixCls = componentName$1n;
+      const prefixCls = componentName$1m;
       return {
         [prefixCls]: true
       };
@@ -648,28 +648,28 @@ const _sfc_main$1O = create$1O({
     };
   }
 });
-const _hoisted_1$1j = {
+const _hoisted_1$1g = {
   key: 1,
   class: "nut-cell-group__title"
 };
-const _hoisted_2$12 = {
+const _hoisted_2$10 = {
   key: 3,
   class: "nut-cell-group__desc"
 };
-const _hoisted_3$N = { class: "nut-cell-group__warp" };
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_3$M = { class: "nut-cell-group__warp" };
+function _sfc_render$1A(_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$1j, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$12, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$N, [
+    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$1g, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$10, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_3$M, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 2);
 }
-var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1C]]);
-const { componentName: componentName$1m, create: create$1N } = createComponent("overlay");
+var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1A]]);
+const { componentName: componentName$1l, create: create$1L } = createComponent("overlay");
 const overlayProps = {
   visible: {
     type: Boolean,
@@ -699,12 +699,12 @@ const overlayProps = {
     default: true
   }
 };
-const _sfc_main$1N = create$1N({
+const _sfc_main$1L = create$1L({
   props: overlayProps,
   emits: ["click", "update:visible"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$1m;
+      const prefixCls = componentName$1l;
       return {
         [prefixCls]: true,
         [props.overlayClass]: true
@@ -748,7 +748,7 @@ const _sfc_main$1N = create$1N({
     return { classes, style, touchmove, onClick };
   }
 });
-function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
@@ -765,7 +765,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1B]]);
+var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1z]]);
 let count = 0;
 const CLSNAME = "nut-overflow-hidden";
 const useLockScroll = (isLock) => {
@@ -783,7 +783,7 @@ const useLockScroll = (isLock) => {
   };
   return [lock, unlock];
 };
-const { componentName: componentName$1l, create: create$1M } = createComponent("popup");
+const { componentName: componentName$1k, create: create$1K } = createComponent("popup");
 let _zIndex = 2e3;
 const popupProps = {
   ...overlayProps,
@@ -829,17 +829,17 @@ const popupProps = {
   },
   isWrapTeleport: {
     type: Boolean,
-    default: true
+    default: false
   },
   safeAreaInsetBottom: {
     type: Boolean,
     default: false
   }
 };
-const _sfc_main$1M = create$1M({
+const _sfc_main$1K = create$1K({
   components: {
     [OverLay.name]: OverLay,
-    [_sfc_main$1R.name]: _sfc_main$1R
+    [_sfc_main$1P.name]: _sfc_main$1P
   },
   props: {
     ...popupProps
@@ -857,7 +857,7 @@ const _sfc_main$1M = create$1M({
     });
     const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
     const classes = computed(() => {
-      const prefixCls = componentName$1l;
+      const prefixCls = componentName$1k;
       return {
         [prefixCls]: true,
         ["round"]: props.round,
@@ -973,13 +973,12 @@ const _sfc_main$1M = create$1M({
     };
   }
 });
-const _hoisted_1$1i = { key: 1 };
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1y(_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, {
-    key: 0,
-    to: _ctx.teleport
+  return openBlock(), createBlock(Teleport, {
+    to: _ctx.teleport,
+    disabled: !_ctx.isWrapTeleport
   }, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
@@ -1021,49 +1020,9 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$1i, [
-    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
-      key: 0,
-      visible: _ctx.visible,
-      "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      class: normalizeClass(_ctx.overlayClass),
-      style: normalizeStyle(_ctx.overlayStyle),
-      "z-index": _ctx.zIndex,
-      "lock-scroll": _ctx.lockScroll,
-      duration: _ctx.duration,
-      onClick: _ctx.onClickOverlay
-    }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
-    createVNode(Transition, {
-      name: _ctx.transitionName,
-      onAfterEnter: _ctx.onOpened,
-      onAfterLeave: _ctx.onClosed
-    }, {
-      default: withCtx(() => [
-        withDirectives(createElementVNode("view", {
-          class: normalizeClass(_ctx.classes),
-          style: normalizeStyle(_ctx.popStyle),
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-        }, [
-          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
-          _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])
-          }, [
-            createVNode(_component_nut_icon, {
-              name: _ctx.closeIcon,
-              size: "12px"
-            }, null, 8, ["name"])
-          ], 2)) : createCommentVNode("", true)
-        ], 6), [
-          [vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ]));
+  ], 8, ["to", "disabled"]);
 }
-var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1A]]);
+var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1y]]);
 const component$8 = {
   props: {
     theme: { type: String, default: "" },
@@ -1082,10 +1041,10 @@ const component$8 = {
     };
   }
 };
-const { componentName: componentName$1k, create: create$1L } = createComponent("config-provider");
-const _sfc_main$1L = create$1L(component$8);
-const { componentName: componentName$1j, create: create$1K } = createComponent("image");
-const _sfc_main$1K = create$1K({
+const { componentName: componentName$1j, create: create$1J } = createComponent("config-provider");
+const _sfc_main$1J = create$1J(component$8);
+const { componentName: componentName$1i, create: create$1I } = createComponent("image");
+const _sfc_main$1I = create$1I({
   props: {
     src: String,
     fit: {
@@ -1131,7 +1090,7 @@ const _sfc_main$1K = create$1K({
       slotError: useSlots().error
     });
     const classes = computed(() => {
-      const prefixCls = componentName$1j;
+      const prefixCls = componentName$1i;
       return {
         [prefixCls]: true,
         [`${prefixCls}-round`]: props.round
@@ -1177,16 +1136,16 @@ const _sfc_main$1K = create$1K({
     return { ...toRefs(state), imageClick, classes, styles, stylebox, error, load };
   }
 });
-const _hoisted_1$1h = ["src", "alt"];
-const _hoisted_2$11 = {
+const _hoisted_1$1f = ["src", "alt"];
+const _hoisted_2$$ = {
   key: 0,
   class: "nut-img-loading"
 };
-const _hoisted_3$M = {
+const _hoisted_3$L = {
   key: 1,
   class: "nut-img-error"
 };
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -1200,15 +1159,15 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
       onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args)),
       onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args)),
       style: normalizeStyle(_ctx.styles)
-    }, null, 44, _hoisted_1$1h),
-    _ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_2$11, [
+    }, null, 44, _hoisted_1$1f),
+    _ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_2$$, [
       !_ctx.slotLoding ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         name: "image"
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "loading")
     ])) : createCommentVNode("", true),
-    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3$M, [
+    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3$L, [
       !_ctx.slotError ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         name: "image-error"
@@ -1217,11 +1176,11 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 6);
 }
-var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1z]]);
-const { create: create$1J } = createComponent("layout");
-const _sfc_main$1J = create$1J({});
-const { componentName: componentName$1i, create: create$1I } = createComponent("col");
-const _sfc_main$1I = create$1I({
+var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1x]]);
+const { create: create$1H } = createComponent("layout");
+const _sfc_main$1H = create$1H({});
+const { componentName: componentName$1h, create: create$1G } = createComponent("col");
+const _sfc_main$1G = create$1G({
   props: {
     span: {
       type: [String, Number],
@@ -1234,7 +1193,7 @@ const _sfc_main$1I = create$1I({
   },
   emits: [],
   setup(props) {
-    const prefixCls = componentName$1i;
+    const prefixCls = componentName$1h;
     const gutter = inject("gutter");
     const classes = computed(() => {
       return {
@@ -1256,7 +1215,7 @@ const _sfc_main$1I = create$1I({
     };
   }
 });
-function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style)
@@ -1264,9 +1223,9 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1y]]);
-const { componentName: componentName$1h, create: create$1H } = createComponent("row");
-const _sfc_main$1H = create$1H({
+var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1w]]);
+const { componentName: componentName$1g, create: create$1F } = createComponent("row");
+const _sfc_main$1F = create$1F({
   props: {
     type: {
       type: String,
@@ -1291,7 +1250,7 @@ const _sfc_main$1H = create$1H({
   },
   emits: [],
   setup(props) {
-    const prefixCls = componentName$1h;
+    const prefixCls = componentName$1g;
     provide("gutter", props.gutter);
     const getClass = (prefix, type) => {
       return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -1310,14 +1269,14 @@ const _sfc_main$1H = create$1H({
     };
   }
 });
-function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1v(_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$1H, [["render", _sfc_render$1x]]);
+var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1v]]);
 function isWindow(val) {
   return val === window;
 }
@@ -1347,8 +1306,8 @@ const useRect = (elementRef) => {
     height: 0
   };
 };
-const { componentName: componentName$1g, create: create$1G } = createComponent("sticky");
-const _sfc_main$1G = create$1G({
+const { componentName: componentName$1f, create: create$1E } = createComponent("sticky");
+const _sfc_main$1E = create$1E({
   props: {
     position: {
       type: String,
@@ -1427,7 +1386,7 @@ const _sfc_main$1G = create$1G({
         "view",
         {
           style: stickyStyle.value,
-          class: state.fixed ? `${componentName$1g} nut-sticky--fixed` : componentName$1g
+          class: state.fixed ? `${componentName$1f} nut-sticky--fixed` : componentName$1f
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
@@ -1492,8 +1451,8 @@ const _sfc_main$1G = create$1G({
     };
   }
 });
-const { componentName: componentName$1f, create: create$1F } = createComponent("divider");
-const _sfc_main$1F = create$1F({
+const { componentName: componentName$1e, create: create$1D } = createComponent("divider");
+const _sfc_main$1D = create$1D({
   props: {
     contentPosition: {
       type: String,
@@ -1515,7 +1474,7 @@ const _sfc_main$1F = create$1F({
   components: {},
   setup(props, context) {
     const classes = computed(() => {
-      const prefixCls = componentName$1f;
+      const prefixCls = componentName$1e;
       let defaultClassesObj = {
         [prefixCls]: true
       };
@@ -1540,7 +1499,7 @@ const _sfc_main$1F = create$1F({
     return { classes };
   }
 });
-function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.direction === "horizontal" ? (openBlock(), createElementBlock("view", {
     key: 0,
     class: normalizeClass(_ctx.classes)
@@ -1551,7 +1510,7 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, null, 2));
 }
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1w]]);
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1u]]);
 function flattenVNodes(children, childName) {
   const result = [];
   const traverse = (children2) => {
@@ -1616,7 +1575,7 @@ function useProvide(key, childName) {
     };
   };
 }
-const { componentName: componentName$1e } = createComponent("grid");
+const { componentName: componentName$1d } = createComponent("grid");
 const GRID_KEY = Symbol("grid");
 const gridProps = {
   columnNum: {
@@ -1661,9 +1620,9 @@ const gridProps = {
 const component$7 = {
   props: gridProps,
   setup(props, { slots }) {
-    useProvide(GRID_KEY, `${componentName$1e}-item`)({ props });
+    useProvide(GRID_KEY, `${componentName$1d}-item`)({ props });
     const rootClass = computed(() => {
-      const prefixCls = componentName$1e;
+      const prefixCls = componentName$1d;
       return {
         [prefixCls]: true,
         [`${prefixCls}--border`]: props.border && !props.gutter
@@ -1689,8 +1648,8 @@ const component$7 = {
     };
   }
 };
-const { create: create$1E } = createComponent("grid");
-const _sfc_main$1E = create$1E(component$7);
+const { create: create$1C } = createComponent("grid");
+const _sfc_main$1C = create$1C(component$7);
 function useInject(key) {
   const parent = inject(key, null);
   if (parent) {
@@ -1709,8 +1668,8 @@ function useInject(key) {
     index: ref(-1)
   };
 }
-const { create: create$1D, componentName: componentName$1d } = createComponent("grid-item");
-const _sfc_main$1D = create$1D({
+const { create: create$1B, componentName: componentName$1c } = createComponent("grid-item");
+const _sfc_main$1B = create$1B({
   props: {
     text: {
       type: String
@@ -1744,7 +1703,7 @@ const _sfc_main$1D = create$1D({
     const index = Parent.index;
     const parent = Parent.parent.props;
     const rootClass = computed(() => {
-      const prefixCls = componentName$1d;
+      const prefixCls = componentName$1c;
       return {
         [prefixCls]: true
       };
@@ -1764,7 +1723,7 @@ const _sfc_main$1D = create$1D({
       return style;
     });
     const contentClass = computed(() => {
-      const prefixCls = `${componentName$1d}__content`;
+      const prefixCls = `${componentName$1c}__content`;
       return {
         [`${prefixCls}`]: true,
         [`${prefixCls}--border`]: parent.border,
@@ -1801,11 +1760,11 @@ const _sfc_main$1D = create$1D({
     };
   }
 });
-const _hoisted_1$1g = {
+const _hoisted_1$1e = {
   key: 3,
   class: "nut-grid-item__text"
 };
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.rootClass),
@@ -1823,14 +1782,14 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
           size: _ctx.iconProps.size,
           color: _ctx.iconProps.color
         }), null, 16, ["name", "size", "color"])),
-        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1$1g, toDisplayString(_ctx.text), 1))
+        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1$1e, toDisplayString(_ctx.text), 1))
       ], 64))
     ], 2)
   ], 6);
 }
-var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1v]]);
-const { componentName: componentName$1c, create: create$1C } = createComponent("navbar");
-const _sfc_main$1C = create$1C({
+var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1t]]);
+const { componentName: componentName$1b, create: create$1A } = createComponent("navbar");
+const _sfc_main$1A = create$1A({
   props: {
     leftShow: { type: Boolean, default: false },
     title: { type: String, default: "" },
@@ -1865,7 +1824,7 @@ const _sfc_main$1C = create$1C({
     const navBarHtml = ref(null);
     let navHeight = ref(0);
     const classes = computed(() => {
-      const prefixCls = componentName$1c;
+      const prefixCls = componentName$1b;
       return {
         [prefixCls]: true,
         [`${prefixCls}--border`]: border.value,
@@ -1911,32 +1870,32 @@ const _sfc_main$1C = create$1C({
     };
   }
 });
-const _hoisted_1$1f = {
+const _hoisted_1$1d = {
   key: 0,
   class: "nut-navbar--placeholder",
   ref: "navBarWrap"
 };
-const _hoisted_2$10 = {
+const _hoisted_2$_ = {
   key: 1,
   class: "nut-navbar__text"
 };
-const _hoisted_3$L = { class: "nut-navbar__title" };
-const _hoisted_4$D = {
+const _hoisted_3$K = { class: "nut-navbar__title" };
+const _hoisted_4$C = {
   key: 0,
   class: "nut-navbar__text"
 };
-const _hoisted_5$t = {
+const _hoisted_5$s = {
   key: 1,
   class: "nut-navbar__text"
 };
-const _hoisted_6$q = { class: "nut-navbar__title" };
-const _hoisted_7$k = {
+const _hoisted_6$p = { class: "nut-navbar__title" };
+const _hoisted_7$l = {
   key: 0,
   class: "nut-navbar__text"
 };
-function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", _hoisted_1$1f, [
+  return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", _hoisted_1$1d, [
     createElementVNode("view", {
       class: normalizeClass(_ctx.classes),
       style: normalizeStyle(_ctx.styles),
@@ -1951,10 +1910,10 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
           color: "#979797",
           name: "left"
         })) : createCommentVNode("", true),
-        _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2$10, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
+        _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2$_, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "left")
       ]),
-      createElementVNode("view", _hoisted_3$L, [
+      createElementVNode("view", _hoisted_3$K, [
         _ctx.title ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: "title",
@@ -1973,7 +1932,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-navbar__right",
         onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
       }, [
-        _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_4$D, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+        _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_4$C, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "right")
       ])
     ], 6)
@@ -1991,10 +1950,10 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
         color: "#979797",
         name: "left"
       })) : createCommentVNode("", true),
-      _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_5$t, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
+      _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_5$s, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "left")
     ]),
-    createElementVNode("view", _hoisted_6$q, [
+    createElementVNode("view", _hoisted_6$p, [
       _ctx.title ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "title",
@@ -2013,13 +1972,13 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-navbar__right",
       onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
     }, [
-      _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_7$k, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+      _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_7$l, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "right")
     ])
   ], 6));
 }
-var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1u]]);
-const { componentName: componentName$1b, translate: translate$s } = createComponent("fixednav");
+var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1s]]);
+const { componentName: componentName$1a, translate: translate$s } = createComponent("fixednav");
 const component$6 = {
   props: {
     visible: {
@@ -2063,7 +2022,7 @@ const component$6 = {
   emits: ["update:visible", "selected"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$1b;
+      const prefixCls = componentName$1a;
       return {
         [prefixCls]: true,
         active: props.visible,
@@ -2084,15 +2043,15 @@ const component$6 = {
     return { classes, updateValue, selected, translate: translate$s, current };
   }
 };
-const _hoisted_1$1e = { class: "nut-fixednav__list" };
-const _hoisted_2$$ = ["onClick"];
-const _hoisted_3$K = ["src"];
-const _hoisted_4$C = { class: "span" };
-const _hoisted_5$s = {
+const _hoisted_1$1c = { class: "nut-fixednav__list" };
+const _hoisted_2$Z = ["onClick"];
+const _hoisted_3$J = ["src"];
+const _hoisted_4$B = { class: "span" };
+const _hoisted_5$r = {
   key: 0,
   class: "b"
 };
-const _hoisted_6$p = { class: "text" };
+const _hoisted_6$o = { class: "text" };
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -2107,7 +2066,7 @@ function render$2(_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$1e, [
+      createElementVNode("view", _hoisted_1$1c, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: normalizeClass(["nut-fixednav__list-item", { active: item.id == _ctx.current }]),
@@ -2116,10 +2075,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$K),
-            createElementVNode("view", _hoisted_4$C, toDisplayString(item.text), 1),
-            item.num ? (openBlock(), createElementBlock("view", _hoisted_5$s, toDisplayString(item.num), 1)) : createCommentVNode("", true)
-          ], 10, _hoisted_2$$);
+            }, null, 8, _hoisted_3$J),
+            createElementVNode("view", _hoisted_4$B, toDisplayString(item.text), 1),
+            item.num ? (openBlock(), createElementBlock("view", _hoisted_5$r, toDisplayString(item.num), 1)) : createCommentVNode("", true)
+          ], 10, _hoisted_2$Z);
         }), 128))
       ])
     ]),
@@ -2132,16 +2091,16 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           name: "left",
           color: "#fff"
         }),
-        createElementVNode("view", _hoisted_6$p, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
+        createElementVNode("view", _hoisted_6$o, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
       ])
     ])
   ], 6);
 }
-const { create: create$1B } = createComponent("fixednav");
-const _sfc_main$1B = create$1B(component$6);
-var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", render$2]]);
-const { componentName: componentName$1a, create: create$1A } = createComponent("menu");
-const _sfc_main$1A = create$1A({
+const { create: create$1z } = createComponent("fixednav");
+const _sfc_main$1z = create$1z(component$6);
+var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", render$2]]);
+const { componentName: componentName$19, create: create$1y } = createComponent("menu");
+const _sfc_main$1y = create$1y({
   props: {
     activeColor: {
       type: String,
@@ -2208,7 +2167,7 @@ const _sfc_main$1A = create$1A({
     const { children, linkChildren } = useChildren();
     const opened = computed(() => children.some((item) => item.state.showWrapper));
     const classes = computed(() => {
-      const prefixCls = componentName$1a;
+      const prefixCls = componentName$19;
       return {
         [prefixCls]: true,
         "scroll-fixed": isScrollFixed.value
@@ -2276,9 +2235,9 @@ const _sfc_main$1A = create$1A({
     };
   }
 });
-const _hoisted_1$1d = ["onClick"];
-const _hoisted_2$_ = { class: "nut-menu__title-text" };
-function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1b = ["onClick"];
+const _hoisted_2$Y = { class: "nut-menu__title-text" };
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -2297,22 +2256,22 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
           }, [
-            createElementVNode("view", _hoisted_2$_, toDisplayString(item.renderTitle()), 1),
+            createElementVNode("view", _hoisted_2$Y, toDisplayString(item.renderTitle()), 1),
             createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
               name: _ctx.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
               size: "10",
               class: "nut-menu__title-icon"
             }), null, 16, ["name"])
           ], 2)
-        ], 14, _hoisted_1$1d);
+        ], 14, _hoisted_1$1b);
       }), 128))
     ], 2),
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1t]]);
-const { componentName: componentName$19, create: create$1z } = createComponent("menu-item");
-const _sfc_main$1z = create$1z({
+var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1r]]);
+const { componentName: componentName$18, create: create$1x } = createComponent("menu-item");
+const _sfc_main$1x = create$1x({
   props: {
     title: String,
     options: {
@@ -2336,10 +2295,10 @@ const _sfc_main$1z = create$1z({
     }
   },
   components: {
-    [_sfc_main$1R.name]: _sfc_main$1R,
+    [_sfc_main$1P.name]: _sfc_main$1P,
     [Popup.name]: Popup
   },
-  emits: ["update:modelValue", "change"],
+  emits: ["update:modelValue", "change", "open", "close"],
   setup(props, { emit, slots }) {
     const state = reactive({
       showPopup: false,
@@ -2360,7 +2319,7 @@ const _sfc_main$1z = create$1z({
     };
     const { parent } = useParent();
     const classes = computed(() => {
-      const prefixCls = componentName$19;
+      const prefixCls = componentName$18;
       return {
         [prefixCls]: true
       };
@@ -2381,6 +2340,7 @@ const _sfc_main$1z = create$1z({
       state.isShowPlaceholderElement = show;
       if (show) {
         state.showWrapper = true;
+        emit("open");
       }
     };
     const renderTitle = () => {
@@ -2400,11 +2360,13 @@ const _sfc_main$1z = create$1z({
       }
     };
     const handleClose = () => {
+      emit("close");
       state.showWrapper = false;
       state.isShowPlaceholderElement = false;
     };
     const handleClickOutside = () => {
       state.showPopup = false;
+      emit("close");
     };
     return {
       classes,
@@ -2419,9 +2381,9 @@ const _sfc_main$1z = create$1z({
     };
   }
 });
-const _hoisted_1$1c = { class: "nut-menu-item__content nut-menu-item__overflow" };
-const _hoisted_2$Z = ["onClick"];
-function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$1a = { class: "nut-menu-item__content nut-menu-item__overflow" };
+const _hoisted_2$X = ["onClick"];
+function _sfc_render$1q(_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", {
@@ -2451,7 +2413,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
       "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay
     }), {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$1c, [
+        createElementVNode("view", _hoisted_1$1a, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
             return openBlock(), createElementBlock("view", {
               key: index,
@@ -2468,7 +2430,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
                 class: normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
                 style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
               }, toDisplayString(option.text), 7)
-            ], 14, _hoisted_2$Z);
+            ], 14, _hoisted_2$X);
           }), 128)),
           renderSlot(_ctx.$slots, "default")
         ])
@@ -2479,9 +2441,9 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.state.showWrapper]
   ]);
 }
-var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
-const { create: create$1y } = createComponent("tabbar");
-const _sfc_main$1y = create$1y({
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1q]]);
+const { create: create$1w } = createComponent("tabbar");
+const _sfc_main$1w = create$1w({
   props: {
     visible: {
       type: [Number, String],
@@ -2560,7 +2522,7 @@ const _sfc_main$1y = create$1y({
     };
   }
 });
-function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.bottom && _ctx.placeholder ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: "nut-tabbar__placeholder",
@@ -2579,9 +2541,9 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2));
 }
-var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1r]]);
-const { create: create$1x } = createComponent("tabbar-item");
-const _sfc_main$1x = create$1x({
+var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1p]]);
+const { create: create$1v } = createComponent("tabbar-item");
+const _sfc_main$1v = create$1v({
   props: {
     tabTitle: {
       type: String,
@@ -2624,7 +2586,10 @@ const _sfc_main$1x = create$1x({
     },
     to: [Object, String]
   },
-  setup(props, ctx) {
+  setup(props, { emit, slots }) {
+    const isHaveSlot = (slot) => {
+      return slots[slot];
+    };
     const parent = inject("parent");
     const state = reactive({
       size: parent.size,
@@ -2686,26 +2651,31 @@ const _sfc_main$1x = create$1x({
     return {
       state,
       active,
+      isHaveSlot,
       change
     };
   }
 });
-const _hoisted_1$1b = { class: "nut-tabbar-item_icon-box" };
-const _hoisted_2$Y = {
+const _hoisted_1$19 = { class: "nut-tabbar-item_icon-box" };
+const _hoisted_2$W = {
   key: 0,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
 };
-const _hoisted_3$J = {
+const _hoisted_3$I = {
   key: 1,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
 };
-const _hoisted_4$B = {
+const _hoisted_4$A = {
   key: 1,
   class: "nut-tabbar-item_icon-box_dot"
 };
-const _hoisted_5$r = { key: 2 };
-const _hoisted_6$o = { key: 0 };
-function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_5$q = {
+  key: 2,
+  class: "nut-tabbar-item_icon-box_icon"
+};
+const _hoisted_6$n = { key: 3 };
+const _hoisted_7$k = { key: 0 };
+function _sfc_render$1o(_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.active }]),
@@ -2714,12 +2684,15 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change())
   }, [
-    createElementVNode("view", _hoisted_1$1b, [
+    createElementVNode("view", _hoisted_1$19, [
       !_ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$Y, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$J, toDisplayString("99+"))) : createCommentVNode("", true)
+        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$W, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$I, toDisplayString("99+"))) : createCommentVNode("", true)
       ], 64)) : createCommentVNode("", true),
-      _ctx.dot ? (openBlock(), createElementBlock("div", _hoisted_4$B)) : createCommentVNode("", true),
-      _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_5$r, [
+      _ctx.dot ? (openBlock(), createElementBlock("div", _hoisted_4$A)) : createCommentVNode("", true),
+      _ctx.isHaveSlot("icon") ? (openBlock(), createElementBlock("div", _hoisted_5$q, [
+        renderSlot(_ctx.$slots, "icon", { active: _ctx.active })
+      ])) : createCommentVNode("", true),
+      _ctx.icon && !_ctx.isHaveSlot("icon") ? (openBlock(), createElementBlock("view", _hoisted_6$n, [
         createVNode(_component_nut_icon, {
           class: "nut-tabbar-item_icon-box_icon",
           size: _ctx.state.size,
@@ -2728,8 +2701,8 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
           "class-prefix": _ctx.classPrefix
         }, null, 8, ["size", "name", "font-class-name", "class-prefix"])
       ])) : createCommentVNode("", true),
-      !_ctx.icon && _ctx.activeImg ? (openBlock(), createElementBlock("div", {
-        key: 3,
+      !_ctx.icon && _ctx.activeImg && !_ctx.isHaveSlot("icon") ? (openBlock(), createElementBlock("div", {
+        key: 4,
         class: "nut-tabbar-item_icon-box_icon",
         style: normalizeStyle({
           backgroundImage: `url(${_ctx.active ? _ctx.activeImg : _ctx.img})`,
@@ -2738,23 +2711,26 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
         })
       }, null, 4)) : createCommentVNode("", true),
       createElementVNode("view", {
-        class: normalizeClass(["nut-tabbar-item_icon-box_nav-word", { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.activeImg }])
+        class: normalizeClass([
+          "nut-tabbar-item_icon-box_nav-word",
+          { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.activeImg && !_ctx.isHaveSlot("icon") }
+        ])
       }, [
-        _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_6$o, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true),
+        _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_7$k, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true),
         !_ctx.tabTitle ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("", true)
       ], 2)
     ])
   ], 6);
 }
-var TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1q]]);
+var TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1o]]);
 function useExpose(apis) {
   const instance = getCurrentInstance();
   if (instance) {
     Object.assign(instance.proxy, apis);
   }
 }
-const { componentName: componentName$18, create: create$1w } = createComponent("elevator");
-const _sfc_main$1w = create$1w({
+const { componentName: componentName$17, create: create$1u } = createComponent("elevator");
+const _sfc_main$1u = create$1u({
   props: {
     height: {
       type: [Number, String],
@@ -2783,7 +2759,7 @@ const _sfc_main$1w = create$1w({
       default: 35
     }
   },
-  emits: ["click-item", "click-index"],
+  emits: ["click-item", "click-index", "change"],
   setup(props, context) {
     const listview = ref(null);
     const state = reactive({
@@ -2804,7 +2780,7 @@ const _sfc_main$1w = create$1w({
       fixedTop: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$18;
+      const prefixCls = componentName$17;
       return {
         [prefixCls]: true
       };
@@ -2918,6 +2894,12 @@ const _sfc_main$1w = create$1w({
         state.fixedTop = fixedTop;
       }
     );
+    watch(
+      () => state.currentIndex,
+      (newVal) => {
+        context.emit("change", newVal);
+      }
+    );
     return {
       classes,
       ...toRefs(state),
@@ -2933,13 +2915,13 @@ const _sfc_main$1w = create$1w({
     };
   }
 });
-const _hoisted_1$1a = { class: "nut-elevator__list__item__code" };
-const _hoisted_2$X = ["onClick"];
-const _hoisted_3$I = ["innerHTML"];
-const _hoisted_4$A = { class: "fixed-title" };
-const _hoisted_5$q = { class: "nut-elevator__bars__inner" };
-const _hoisted_6$n = ["data-index", "onClick"];
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$18 = { class: "nut-elevator__list__item__code" };
+const _hoisted_2$V = ["onClick"];
+const _hoisted_3$H = ["innerHTML"];
+const _hoisted_4$z = { class: "fixed-title" };
+const _hoisted_5$p = { class: "nut-elevator__bars__inner" };
+const _hoisted_6$m = ["data-index", "onClick"];
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -2955,7 +2937,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
           ref_for: true,
           ref: _ctx.setListGroup
         }, [
-          createElementVNode("view", _hoisted_1$1a, toDisplayString(item[_ctx.acceptKey]), 1),
+          createElementVNode("view", _hoisted_1$18, toDisplayString(item[_ctx.acceptKey]), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
             return openBlock(), createElementBlock("view", {
               class: normalizeClass(["nut-elevator__list__item__name", {
@@ -2967,11 +2949,11 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
               !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 innerHTML: subitem.name
-              }, null, 8, _hoisted_3$I)) : renderSlot(_ctx.$slots, "default", {
+              }, null, 8, _hoisted_3$H)) : renderSlot(_ctx.$slots, "default", {
                 key: 1,
                 item: subitem
               })
-            ], 10, _hoisted_2$X);
+            ], 10, _hoisted_2$V);
           }), 128))
         ]);
       }), 128)),
@@ -2980,7 +2962,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-elevator__list__fixed",
         style: normalizeStyle(_ctx.fixedStyle)
       }, [
-        createElementVNode("span", _hoisted_4$A, toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 1)
+        createElementVNode("span", _hoisted_4$z, toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 1)
       ], 4)), [
         [vShow, _ctx.scrollY > 0]
       ]) : createCommentVNode("", true)
@@ -2997,22 +2979,22 @@ function _sfc_render$1p(_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_5$q, [
+      createElementVNode("view", _hoisted_5$p, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: normalizeClass(["nut-elevator__bars__inner__item", { active: item[_ctx.acceptKey] === _ctx.indexList[_ctx.currentIndex][_ctx.acceptKey] }]),
             "data-index": index,
             key: item[_ctx.acceptKey],
             onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
-          }, toDisplayString(item[_ctx.acceptKey]), 11, _hoisted_6$n);
+          }, toDisplayString(item[_ctx.acceptKey]), 11, _hoisted_6$m);
         }), 128))
       ])
     ], 32)
   ], 2);
 }
-var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1p]]);
-const { create: create$1v, translate: translate$r } = createComponent("pagination");
-const _sfc_main$1v = create$1v({
+var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1n]]);
+const { create: create$1t, translate: translate$r } = createComponent("pagination");
+const _sfc_main$1t = create$1t({
   props: {
     modelValue: {
       type: Number,
@@ -3118,19 +3100,19 @@ const _sfc_main$1v = create$1v({
     };
   }
 });
-const _hoisted_1$19 = { class: "nut-pagination" };
-const _hoisted_2$W = {
+const _hoisted_1$17 = { class: "nut-pagination" };
+const _hoisted_2$U = {
   key: 0,
   class: "nut-pagination-contain"
 };
-const _hoisted_3$H = ["onClick"];
-const _hoisted_4$z = {
+const _hoisted_3$G = ["onClick"];
+const _hoisted_4$y = {
   key: 1,
   class: "nut-pagination-contain"
 };
-const _hoisted_5$p = { class: "nut-pagination-simple" };
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$19, [
+const _hoisted_5$o = { class: "nut-pagination-simple" };
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$17, [
     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))
@@ -3139,7 +3121,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
       ])
     ], 2),
-    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$W, [
+    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$U, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index) => {
         return openBlock(), createElementBlock("view", {
           key: index + "pagination",
@@ -3149,11 +3131,11 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "page", { item }, () => [
             createTextVNode(toDisplayString(item.text), 1)
           ])
-        ], 10, _hoisted_3$H);
+        ], 10, _hoisted_3$G);
       }), 128))
     ])) : createCommentVNode("", true),
-    _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$z, [
-      createElementVNode("view", _hoisted_5$p, toDisplayString(_ctx.modelValue) + "/" + toDisplayString(_ctx.countRef), 1)
+    _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$y, [
+      createElementVNode("view", _hoisted_5$o, toDisplayString(_ctx.modelValue) + "/" + toDisplayString(_ctx.countRef), 1)
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
       class: normalizeClass(["nut-pagination-next", _ctx.modelValue >= _ctx.countRef ? "disabled" : ""]),
@@ -3165,7 +3147,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ]);
 }
-var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1o]]);
+var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1m]]);
 class Title {
   constructor() {
     this.title = "";
@@ -3357,8 +3339,8 @@ const component$5 = {
     };
   }
 };
-const _hoisted_1$18 = ["onClick"];
-const _hoisted_2$V = ["onClick"];
+const _hoisted_1$16 = ["onClick"];
+const _hoisted_2$T = ["onClick"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_sticky = resolveComponent("nut-sticky");
@@ -3403,7 +3385,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
               createElementVNode("view", {
                 class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
               }, toDisplayString(item.title), 3)
-            ], 14, _hoisted_1$18);
+            ], 14, _hoisted_1$16);
           }), 128))
         ], 6)
       ]),
@@ -3438,7 +3420,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
           }, toDisplayString(item.title), 3)
-        ], 14, _hoisted_2$V);
+        ], 14, _hoisted_2$T);
       }), 128))
     ], 6)),
     createElementVNode("view", {
@@ -3449,11 +3431,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 2);
 }
-const { create: create$1u } = createComponent("tabs");
-const _sfc_main$1u = create$1u(component$5);
-var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", render$1]]);
-const { create: create$1t } = createComponent("tabpane");
-const _sfc_main$1t = create$1t({
+const { create: create$1s } = createComponent("tabs");
+const _sfc_main$1s = create$1s(component$5);
+var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", render$1]]);
+const { create: create$1r } = createComponent("tabpane");
+const _sfc_main$1r = create$1r({
   props: {
     title: {
       type: [String, Number],
@@ -3478,16 +3460,16 @@ const _sfc_main$1t = create$1t({
     };
   }
 });
-function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1n]]);
-const { componentName: componentName$17, create: create$1s } = createComponent("indicator");
-const _sfc_main$1s = create$1s({
+var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1l]]);
+const { componentName: componentName$16, create: create$1q } = createComponent("indicator");
+const _sfc_main$1q = create$1q({
   props: {
     size: {
       type: Number,
@@ -3515,17 +3497,17 @@ const _sfc_main$1s = create$1s({
   setup(props) {
     const { block, align } = toRefs(props);
     const classes = computed(() => {
-      const prefixCls = componentName$17;
+      const prefixCls = componentName$16;
       return {
         [prefixCls]: true,
         [`${prefixCls}--block`]: block.value,
         [`${prefixCls}--align__${align.value}`]: block.value && align.value
       };
     });
-    return { classes, componentName: componentName$17 };
+    return { classes, componentName: componentName$16 };
   }
 });
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -3542,9 +3524,9 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var Indicator = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1m]]);
-const { componentName: componentName$16, create: create$1r } = createComponent("sidenavbar");
-const _sfc_main$1r = create$1r({
+var Indicator = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
+const { componentName: componentName$15, create: create$1p } = createComponent("sidenavbar");
+const _sfc_main$1p = create$1p({
   props: {
     offset: {
       type: [String, Number],
@@ -3559,7 +3541,7 @@ const _sfc_main$1r = create$1r({
       observer: null
     });
     const classes = computed(() => {
-      const prefixCls = componentName$16;
+      const prefixCls = componentName$15;
       return {
         [prefixCls]: true
       };
@@ -3603,25 +3585,25 @@ const _sfc_main$1r = create$1r({
     };
   }
 });
-const _hoisted_1$17 = { class: "nut-sidenavbar__content" };
-const _hoisted_2$U = {
+const _hoisted_1$15 = { class: "nut-sidenavbar__content" };
+const _hoisted_2$S = {
   class: "nut-sidenavbar__content__list",
   ref: "list"
 };
-function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$17, [
-      createElementVNode("view", _hoisted_2$U, [
+    createElementVNode("view", _hoisted_1$15, [
+      createElementVNode("view", _hoisted_2$S, [
         renderSlot(_ctx.$slots, "default")
       ], 512)
     ])
   ], 2);
 }
-var SideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1l]]);
-const { componentName: componentName$15, create: create$1q } = createComponent("sidenavbaritem");
-const _sfc_main$1q = create$1q({
+var SideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1j]]);
+const { componentName: componentName$14, create: create$1o } = createComponent("sidenavbaritem");
+const _sfc_main$1o = create$1o({
   props: {
     title: {
       type: String,
@@ -3635,7 +3617,7 @@ const _sfc_main$1q = create$1q({
   emits: ["click"],
   setup: (props, context) => {
     const classes = computed(() => {
-      const prefixCls = componentName$15;
+      const prefixCls = componentName$14;
       return {
         [prefixCls]: true
       };
@@ -3649,20 +3631,20 @@ const _sfc_main$1q = create$1q({
     };
   }
 });
-const _hoisted_1$16 = ["ikey"];
-const _hoisted_2$T = { class: "nut-sidenavbaritem__title" };
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$14 = ["ikey"];
+const _hoisted_2$R = { class: "nut-sidenavbaritem__title" };
+function _sfc_render$1i(_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$T, toDisplayString(_ctx.title), 1)
-  ], 8, _hoisted_1$16);
+    createElementVNode("span", _hoisted_2$R, toDisplayString(_ctx.title), 1)
+  ], 8, _hoisted_1$14);
 }
-var SideNavBarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
-const { componentName: componentName$14, create: create$1p } = createComponent("subsidenavbar");
-const _sfc_main$1p = create$1p({
+var SideNavBarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1i]]);
+const { componentName: componentName$13, create: create$1n } = createComponent("subsidenavbar");
+const _sfc_main$1n = create$1n({
   props: {
     title: {
       type: String,
@@ -3683,7 +3665,7 @@ const _sfc_main$1p = create$1p({
       direction: ""
     });
     const classes = computed(() => {
-      const prefixCls = componentName$14;
+      const prefixCls = componentName$13;
       return {
         [prefixCls]: true
       };
@@ -3708,10 +3690,10 @@ const _sfc_main$1p = create$1p({
     };
   }
 });
-const _hoisted_1$15 = ["ikey"];
-const _hoisted_2$S = { class: "nut-subsidenavbar__title__text" };
-const _hoisted_3$G = { class: "nut-subsidenavbar__title__icon" };
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$13 = ["ikey"];
+const _hoisted_2$Q = { class: "nut-subsidenavbar__title__text" };
+const _hoisted_3$F = { class: "nut-subsidenavbar__title__icon" };
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -3721,8 +3703,8 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-subsidenavbar__title",
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
-      createElementVNode("span", _hoisted_2$S, toDisplayString(_ctx.title), 1),
-      createElementVNode("span", _hoisted_3$G, [
+      createElementVNode("span", _hoisted_2$Q, toDisplayString(_ctx.title), 1),
+      createElementVNode("span", _hoisted_3$F, [
         createVNode(_component_nut_icon, {
           name: "down-arrow",
           class: normalizeClass(_ctx.direction)
@@ -3735,9 +3717,9 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 6)
-  ], 10, _hoisted_1$15);
+  ], 10, _hoisted_1$13);
 }
-var SubSideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1j]]);
+var SubSideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1h]]);
 const MIN_DISTANCE$1 = 10;
 function getDirection$1(x, y) {
   if (x > y && x > MIN_DISTANCE$1) {
@@ -3801,8 +3783,8 @@ function useTouch$2() {
     isHorizontal
   };
 }
-const { componentName: componentName$13, create: create$1o } = createComponent("range");
-const _sfc_main$1o = create$1o({
+const { componentName: componentName$12, create: create$1m } = createComponent("range");
+const _sfc_main$1m = create$1m({
   props: {
     range: {
       type: Boolean,
@@ -3861,7 +3843,7 @@ const _sfc_main$1o = create$1o({
     });
     const scope = computed(() => Number(props.max) - Number(props.min));
     const classes = computed(() => {
-      const prefixCls = componentName$13;
+      const prefixCls = componentName$12;
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
@@ -4088,21 +4070,21 @@ const _sfc_main$1o = create$1o({
     };
   }
 });
-const _hoisted_1$14 = {
+const _hoisted_1$12 = {
   key: 0,
   class: "min"
 };
-const _hoisted_2$R = {
+const _hoisted_2$P = {
   key: 0,
   class: "nut-range-mark"
 };
-const _hoisted_3$F = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
-const _hoisted_4$y = {
+const _hoisted_3$E = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+const _hoisted_4$x = {
   key: 0,
   class: "number"
 };
-const _hoisted_5$o = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
-const _hoisted_6$m = {
+const _hoisted_5$n = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
+const _hoisted_6$l = {
   key: 0,
   class: "number"
 };
@@ -4110,18 +4092,18 @@ const _hoisted_7$j = {
   key: 1,
   class: "max"
 };
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.containerClasses)
   }, [
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_1$14, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_1$12, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
       style: normalizeStyle(_ctx.wrapperStyle),
       class: normalizeClass(_ctx.classes),
       onClick: _cache[9] || (_cache[9] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
     }, [
-      _ctx.marksList.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_2$R, [
+      _ctx.marksList.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_2$P, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.marksList, (marks) => {
           return openBlock(), createElementBlock("span", {
             key: marks,
@@ -4172,9 +4154,9 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
               class: "nut-range-button",
               style: normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$y, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
+              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$x, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$F);
+          ], 42, _hoisted_3$E);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -4200,17 +4182,17 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-range-button",
             style: normalizeStyle(_ctx.buttonStyle)
           }, [
-            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6$m, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
+            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6$l, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
           ], 4))
-        ], 40, _hoisted_5$o))
+        ], 40, _hoisted_5$n))
       ], 4)
     ], 6),
     !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$j, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var Range = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1i]]);
-const { create: create$1n, translate: translate$q } = createComponent("searchbar");
-const _sfc_main$1n = create$1n({
+var Range = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1g]]);
+const { create: create$1l, translate: translate$q } = createComponent("searchbar");
+const _sfc_main$1l = create$1l({
   props: {
     modelValue: {
       type: [String, Number],
@@ -4372,28 +4354,28 @@ const _sfc_main$1n = create$1n({
     };
   }
 });
-const _hoisted_1$13 = {
+const _hoisted_1$11 = {
   key: 0,
   class: "nut-searchbar__search-label"
 };
-const _hoisted_2$Q = {
+const _hoisted_2$O = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
-const _hoisted_3$E = { class: "nut-searchbar__input-inner" };
-const _hoisted_4$x = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_5$n = {
+const _hoisted_3$D = { class: "nut-searchbar__input-inner" };
+const _hoisted_4$w = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_5$m = {
   key: 2,
   class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
 };
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1f(_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.label ? (openBlock(), createElementBlock("span", _hoisted_1$13, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_2$Q, [
+    _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$11, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_2$O, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
@@ -4407,7 +4389,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$E, [
+      createElementVNode("view", _hoisted_3$D, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -4426,7 +4408,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
             onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
             onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
             style: normalizeStyle(_ctx.styleSearchbar)
-          }, null, 44, _hoisted_4$x)
+          }, null, 44, _hoisted_4$w)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
@@ -4450,12 +4432,12 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "rightin")
       ])) : createCommentVNode("", true)
     ], 4),
-    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5$n, [
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5$m, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : createCommentVNode("", true)
   ], 4);
 }
-var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1h]]);
+var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1f]]);
 const formatTree = (tree, parent, config) => tree.map((node) => {
   const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
   const { [valueKey]: value, [textKey]: text, [childrenKey]: children, ...others } = node;
@@ -4576,8 +4558,8 @@ class Tree {
     return Array.isArray(children) && Boolean(children.length);
   }
 }
-const { create: create$1m, translate: translate$p } = createComponent("cascader-item");
-const _sfc_main$1m = create$1m({
+const { create: create$1k, translate: translate$p } = createComponent("cascader-item");
+const _sfc_main$1k = create$1k({
   props: {
     visible: Boolean,
     modelValue: Array,
@@ -4804,14 +4786,14 @@ const _sfc_main$1m = create$1m({
     return { panes, initLoading, tabsCursor, ...methods };
   }
 });
-const _hoisted_1$12 = {
+const _hoisted_1$10 = {
   role: "menu",
   class: "nut-cascader-pane"
 };
-const _hoisted_2$P = ["aria-checked", "aria-disabled", "onClick"];
-const _hoisted_3$D = { class: "nut-cascader-item__title" };
-const _hoisted_4$w = /* @__PURE__ */ createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$N = ["aria-checked", "aria-disabled", "onClick"];
+const _hoisted_3$C = { class: "nut-cascader-item__title" };
+const _hoisted_4$v = /* @__PURE__ */ createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_tabpane = resolveComponent("nut-tabpane");
   const _component_nut_tabs = resolveComponent("nut-tabs");
@@ -4829,7 +4811,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
           key: index
         }, {
           default: withCtx(() => [
-            createElementVNode("view", _hoisted_1$12, [
+            createElementVNode("view", _hoisted_1$10, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(pane.nodes, (node) => {
                 return openBlock(), createElementBlock("view", {
                   key: node.value,
@@ -4839,7 +4821,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
                   role: "menuitemradio",
                   onClick: ($event) => _ctx.handleNode(node, false)
                 }, [
-                  createElementVNode("view", _hoisted_3$D, toDisplayString(node.text), 1),
+                  createElementVNode("view", _hoisted_3$C, toDisplayString(node.text), 1),
                   node.loading ? (openBlock(), createBlock(_component_nut_icon, {
                     key: 0,
                     class: "nut-cascader-item__icon-loading",
@@ -4849,7 +4831,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "nut-cascader-item__icon-check",
                     name: "checklist"
                   }))
-                ], 10, _hoisted_2$P);
+                ], 10, _hoisted_2$N);
               }), 128))
             ])
           ]),
@@ -4860,7 +4842,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
         title: "Loading..."
       }, {
         default: withCtx(() => [
-          _hoisted_4$w
+          _hoisted_4$v
         ]),
         _: 1
       }))
@@ -4868,9 +4850,9 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["modelValue", "onClick"]);
 }
-var CascaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1g]]);
-const { create: create$1l } = createComponent("cascader");
-const _sfc_main$1l = create$1l({
+var CascaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1e]]);
+const { create: create$1j } = createComponent("cascader");
+const _sfc_main$1j = create$1j({
   components: {
     [CascaderItem.name]: CascaderItem
   },
@@ -4939,8 +4921,8 @@ const _sfc_main$1l = create$1l({
     };
   }
 });
-const _hoisted_1$11 = ["innerHTML"];
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$$ = ["innerHTML"];
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_cascader_item = resolveComponent("nut-cascader-item");
   const _component_nut_popup = resolveComponent("nut-popup");
   return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, {
@@ -4960,7 +4942,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: "nut-cascader__bar",
         innerHTML: _ctx.title
-      }, null, 8, _hoisted_1$11)) : createCommentVNode("", true),
+      }, null, 8, _hoisted_1$$)) : createCommentVNode("", true),
       createVNode(_component_nut_cascader_item, {
         onChange: _ctx.onChange,
         onPathChange: _ctx.onPathChange,
@@ -4991,7 +4973,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.innerVisible
   }, null, 8, ["onChange", "onPathChange", "modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible"]));
 }
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1f]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1d]]);
 const Utils = {
   isLeapYear: function(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
@@ -5086,8 +5068,8 @@ function requestAniFrame() {
   }
 }
 var requestAniFrame$1 = requestAniFrame();
-const { create: create$1k, translate: translate$o } = createComponent("calendar-item");
-const _sfc_main$1k = create$1k({
+const { create: create$1i, translate: translate$o } = createComponent("calendar-item");
+const _sfc_main$1i = create$1i({
   props: {
     type: {
       type: String,
@@ -5144,11 +5126,16 @@ const _sfc_main$1k = create$1k({
     endDate: {
       type: String,
       default: Utils.getDay(365)
+    },
+    firstDayOfWeek: {
+      type: Number,
+      default: 0
     }
   },
   emits: ["choose", "update", "close", "select"],
   setup(props, { emit, slots }) {
-    const weeks = ref(translate$o("weekdays"));
+    const weekdays = translate$o("weekdays");
+    const weeks = ref([...weekdays.slice(props.firstDayOfWeek, 7), ...weekdays.slice(0, props.firstDayOfWeek)]);
     const months = ref(null);
     const monthsPanel = ref(null);
     const weeksPanel = ref(null);
@@ -5337,6 +5324,7 @@ const _sfc_main$1k = create$1k({
       });
     };
     const getPreDaysStatus = (days, type, dateInfo, preCurrMonthDays) => {
+      days = days - props.firstDayOfWeek;
       let { year, month } = dateInfo;
       if (type == "prev" && days >= 7) {
         days -= 7;
@@ -5664,27 +5652,27 @@ const _sfc_main$1k = create$1k({
     };
   }
 });
-const _hoisted_1$10 = {
+const _hoisted_1$_ = {
   key: 0,
   class: "calendar-title"
 };
-const _hoisted_2$O = {
+const _hoisted_2$M = {
   key: 1,
   class: "calendar-top-slot"
 };
-const _hoisted_3$C = {
+const _hoisted_3$B = {
   key: 2,
   class: "calendar-curr-month"
 };
-const _hoisted_4$v = {
+const _hoisted_4$u = {
   class: "calendar-weeks",
   ref: "weeksPanel"
 };
-const _hoisted_5$m = {
+const _hoisted_5$l = {
   class: "calendar-months-panel",
   ref: "monthsPanel"
 };
-const _hoisted_6$l = { class: "calendar-month-title" };
+const _hoisted_6$k = { class: "calendar-month-title" };
 const _hoisted_7$i = { class: "calendar-month-con" };
 const _hoisted_8$d = ["onClick"];
 const _hoisted_9$9 = { class: "calendar-day" };
@@ -5708,7 +5696,7 @@ const _hoisted_14$3 = {
   key: 0,
   class: "nut-calendar-footer"
 };
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-calendar nut-calendar-taro", {
       "nut-calendar-tile": !_ctx.poppable,
@@ -5718,12 +5706,12 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
     }, [
-      _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_1$10, toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : createCommentVNode("", true),
-      _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2$O, [
+      _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_1$_, toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : createCommentVNode("", true),
+      _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2$M, [
         renderSlot(_ctx.$slots, "btn")
       ])) : createCommentVNode("", true),
-      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$C, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_4$v, [
+      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$B, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_4$u, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-week-item",
@@ -5737,7 +5725,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "months",
       onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.mothsViewScroll && _ctx.mothsViewScroll(...args))
     }, [
-      createElementVNode("view", _hoisted_5$m, [
+      createElementVNode("view", _hoisted_5$l, [
         createElementVNode("view", {
           class: "viewArea",
           ref: "viewArea",
@@ -5748,7 +5736,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
               class: "calendar-month",
               key: index
             }, [
-              createElementVNode("view", _hoisted_6$l, toDisplayString(month.title), 1),
+              createElementVNode("view", _hoisted_6$k, toDisplayString(month.title), 1),
               createElementVNode("view", _hoisted_7$i, [
                 createElementVNode("view", {
                   class: normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
@@ -5799,9 +5787,9 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1e]]);
-const { create: create$1j } = createComponent("calendar");
-const _sfc_main$1j = create$1j({
+var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1c]]);
+const { create: create$1h } = createComponent("calendar");
+const _sfc_main$1h = create$1h({
   components: {
     [CalendarItem.name]: CalendarItem
   },
@@ -5864,6 +5852,11 @@ const _sfc_main$1j = create$1j({
     endDate: {
       type: String,
       default: Utils.getDay(365)
+    },
+    firstDayOfWeek: {
+      type: Number,
+      default: 0,
+      validator: (val) => val >= 0 && val <= 6
     }
   },
   emits: ["choose", "close", "update:visible", "select"],
@@ -5919,7 +5912,7 @@ const _sfc_main$1j = create$1j({
     };
   }
 });
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_calendar_item = resolveComponent("nut-calendar-item");
   const _component_nut_popup = resolveComponent("nut-popup");
   return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, {
@@ -5955,7 +5948,8 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
         "show-today": _ctx.showToday,
         "show-title": _ctx.showTitle,
         "show-sub-title": _ctx.showSubTitle,
-        "to-date-animation": _ctx.toDateAnimation
+        "to-date-animation": _ctx.toDateAnimation,
+        "first-day-of-week": _ctx.firstDayOfWeek
       }, createSlots({ _: 2 }, [
         _ctx.showTopBtn ? {
           name: "btn",
@@ -5991,7 +5985,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "3"
         } : void 0
-      ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation"])) : createCommentVNode("", true)
+      ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week"])) : createCommentVNode("", true)
     ]),
     _: 3
   }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
@@ -6014,6 +6008,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     "show-title": _ctx.showTitle,
     "show-sub-title": _ctx.showSubTitle,
     "to-date-animation": _ctx.toDateAnimation,
+    "first-day-of-week": _ctx.firstDayOfWeek,
     ref: "calendarRef"
   }, createSlots({ _: 2 }, [
     _ctx.showTopBtn ? {
@@ -6050,9 +6045,9 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "3"
     } : void 0
-  ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation"]));
+  ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week"]));
 }
-var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1d]]);
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1b]]);
 const component$4 = (componentName2, nutIcon) => {
   return {
     components: {
@@ -6206,10 +6201,10 @@ const component$4 = (componentName2, nutIcon) => {
     }
   };
 };
-const { create: create$1i, componentName: componentName$12 } = createComponent("checkbox");
-const _sfc_main$1i = create$1i(component$4(componentName$12, _sfc_main$1R));
-const { create: create$1h, componentName: componentName$11 } = createComponent("checkboxgroup");
-const _sfc_main$1h = create$1h({
+const { create: create$1g, componentName: componentName$11 } = createComponent("checkbox");
+const _sfc_main$1g = create$1g(component$4(componentName$11, _sfc_main$1P));
+const { create: create$1f, componentName: componentName$10 } = createComponent("checkboxgroup");
+const _sfc_main$1f = create$1f({
   props: {
     modelValue: {
       type: Array,
@@ -6282,15 +6277,15 @@ const _sfc_main$1h = create$1h({
       return h(
         "view",
         {
-          class: `${componentName$11}`
+          class: `${componentName$10}`
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
     };
   }
 });
-const { create: create$1g } = createComponent("picker-column");
-const _sfc_main$1g = create$1g({
+const { create: create$1e } = createComponent("picker-column");
+const _sfc_main$1e = create$1e({
   props: {
     value: [String, Number],
     columnsType: String,
@@ -6512,16 +6507,16 @@ const _sfc_main$1g = create$1g({
     };
   }
 });
-const _hoisted_1$$ = {
+const _hoisted_1$Z = {
   key: 1,
   class: "nut-picker-roller-item-tile"
 };
-const _hoisted_2$N = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
-const _hoisted_3$B = {
+const _hoisted_2$L = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
+const _hoisted_3$A = {
   key: 0,
   class: "nut-picker-content"
 };
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: "nut-picker__list",
     onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
@@ -6543,12 +6538,12 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
             style: normalizeStyle(_ctx.setRollerStyle(index + 1))
           }, toDisplayString(item.text), 7)) : createCommentVNode("", true),
-          item && item.text && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_1$$, toDisplayString(item.text), 1)) : createCommentVNode("", true)
+          item && item.text && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_1$Z, toDisplayString(item.text), 1)) : createCommentVNode("", true)
         ], 64);
       }), 128))
     ], 36),
-    _hoisted_2$N,
-    _ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_3$B, [
+    _hoisted_2$L,
+    _ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_3$A, [
       createElementVNode("view", {
         class: "nut-picker-list-panel",
         ref: "list",
@@ -6557,11 +6552,11 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 32);
 }
-var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1c]]);
-const { componentName: componentName$10, create: create$1f, translate: translate$n } = createComponent("picker");
-const _sfc_main$1f = create$1f({
+var column = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1a]]);
+const { componentName: componentName$$, create: create$1d, translate: translate$n } = createComponent("picker");
+const _sfc_main$1d = create$1d({
   components: {
-    [column$1.name]: column$1,
+    [column.name]: column,
     [Popup.name]: Popup
   },
   props: {
@@ -6617,7 +6612,7 @@ const _sfc_main$1f = create$1f({
       }
     };
     const classes = computed(() => {
-      const prefixCls = componentName$10;
+      const prefixCls = componentName$$;
       return {
         [prefixCls]: true
       };
@@ -6771,7 +6766,7 @@ const _sfc_main$1f = create$1f({
     return {
       classes,
       ...toRefs(state),
-      column: column$1,
+      column,
       columnsType,
       columnsList,
       close,
@@ -6784,14 +6779,14 @@ const _sfc_main$1f = create$1f({
     };
   }
 });
-const _hoisted_1$_ = { class: "nut-picker__bar" };
-const _hoisted_2$M = { class: "nut-picker__title" };
-const _hoisted_3$A = {
+const _hoisted_1$Y = { class: "nut-picker__bar" };
+const _hoisted_2$K = { class: "nut-picker__title" };
+const _hoisted_3$z = {
   class: "nut-picker__column",
   ref: "wrapHeight"
 };
-const _hoisted_4$u = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_4$t = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker_column = resolveComponent("nut-picker-column");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
@@ -6811,20 +6806,20 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
       destroyOnClose: _ctx.destroyOnClose
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$_, [
+        createElementVNode("view", _hoisted_1$Y, [
           createElementVNode("view", {
             class: "nut-picker__cancel nut-picker__left nut-picker__button",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
           }, toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1),
-          createElementVNode("view", _hoisted_2$M, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", _hoisted_2$K, toDisplayString(_ctx.title), 1),
           createElementVNode("view", {
             class: "nut-picker__confirm nut-picker__right nut-picker__button",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirmHandler())
           }, toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
         ]),
         renderSlot(_ctx.$slots, "top"),
-        createElementVNode("view", _hoisted_3$A, [
-          _hoisted_4$u,
+        createElementVNode("view", _hoisted_3$z, [
+          _hoisted_4$t,
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnsList, (column2, columnIndex) => {
             return openBlock(), createElementBlock("view", {
               class: "nut-picker__columnitem",
@@ -6853,7 +6848,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose", "isWrapTeleport", "safeAreaInsetBottom", "destroyOnClose"])
   ], 2);
 }
-var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1b]]);
+var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$19]]);
 function padZero$1(num, targetLength = 2) {
   let str = num + "";
   while (str.length < targetLength) {
@@ -6861,7 +6856,7 @@ function padZero$1(num, targetLength = 2) {
   }
   return str;
 }
-const { componentName: componentName$$, create: create$1e, translate: translate$m } = createComponent("datepicker");
+const { componentName: componentName$_, create: create$1c, translate: translate$m } = createComponent("datepicker");
 const currentYear = new Date().getFullYear();
 function isDate(val) {
   return Object.prototype.toString.call(val) === "[object Date]" && !isNaN(val.getTime());
@@ -6874,7 +6869,7 @@ const zhCNType = {
   minute: translate$m("minute"),
   seconds: translate$m("seconds")
 };
-const _sfc_main$1e = create$1e({
+const _sfc_main$1c = create$1c({
   components: {
     [Picker.name]: Picker
   },
@@ -7175,7 +7170,7 @@ const _sfc_main$1e = create$1e({
     };
   }
 });
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker = resolveComponent("nut-picker");
   return openBlock(), createBlock(_component_nut_picker, {
     modelValue: _ctx.selectedValue,
@@ -7204,9 +7199,9 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport", "threeDimensional", "swipeDuration", "safeAreaInsetBottom", "destroyOnClose"]);
 }
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1a]]);
-const { componentName: componentName$_, create: create$1d } = createComponent("inputnumber");
-const _sfc_main$1d = create$1d({
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$18]]);
+const { componentName: componentName$Z, create: create$1b } = createComponent("inputnumber");
+const _sfc_main$1b = create$1b({
   props: {
     modelValue: {
       type: [Number, String],
@@ -7256,7 +7251,7 @@ const _sfc_main$1d = create$1d({
   emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$_;
+      const prefixCls = componentName$Z;
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled
@@ -7333,8 +7328,8 @@ const _sfc_main$1d = create$1d({
     };
   }
 });
-const _hoisted_1$Z = ["min", "max", "disabled", "readonly", "value"];
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$X = ["min", "max", "disabled", "readonly", "value"];
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -7356,7 +7351,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
       onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
-    }, null, 44, _hoisted_1$Z),
+    }, null, 44, _hoisted_1$X),
     createVNode(_component_nut_icon, mergeProps({
       name: _ctx.iconRight,
       class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }],
@@ -7364,7 +7359,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     }, _ctx.$attrs, { onClick: _ctx.add }), null, 16, ["name", "class", "size", "onClick"])
   ], 6);
 }
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$19]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$17]]);
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);
   if (index === -1) {
@@ -7389,8 +7384,8 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const { componentName: componentName$Z, create: create$1c } = createComponent("input");
-const _sfc_main$1c = create$1c({
+const { componentName: componentName$Y, create: create$1a } = createComponent("input");
+const _sfc_main$1a = create$1a({
   props: {
     ref: {
       type: String,
@@ -7546,7 +7541,7 @@ const _sfc_main$1c = create$1c({
       validateMessage: ""
     });
     const classes = computed(() => {
-      const prefixCls = componentName$Z;
+      const prefixCls = componentName$Y;
       return {
         [prefixCls]: true,
         center: props.center,
@@ -7658,12 +7653,6 @@ const _sfc_main$1c = create$1c({
       }
       emit("click-right-icon", event);
     };
-    const onClick = (e) => {
-      if (props.disabled) {
-        e.stopImmediatePropagation();
-        return;
-      }
-    };
     watch(
       () => props.modelValue,
       () => {
@@ -7691,17 +7680,16 @@ const _sfc_main$1c = create$1c({
       clear,
       onClickInput,
       onClickLeftIcon,
-      onClickRightIcon,
-      onClick
+      onClickRightIcon
     };
   }
 });
-const _hoisted_1$Y = { class: "label-string" };
-const _hoisted_2$L = { class: "nut-input-value" };
-const _hoisted_3$z = { class: "label-string" };
-const _hoisted_4$t = { class: "nut-input-value" };
-const _hoisted_5$l = { class: "nut-input-inner" };
-const _hoisted_6$k = { class: "nut-input-box" };
+const _hoisted_1$W = { class: "label-string" };
+const _hoisted_2$J = { class: "nut-input-value" };
+const _hoisted_3$y = { class: "label-string" };
+const _hoisted_4$s = { class: "nut-input-value" };
+const _hoisted_5$k = { class: "nut-input-inner" };
+const _hoisted_6$j = { class: "nut-input-box" };
 const _hoisted_7$h = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
 const _hoisted_8$c = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
 const _hoisted_9$8 = { class: "nut-input-clear-box" };
@@ -7710,11 +7698,10 @@ const _hoisted_10$5 = {
   class: "nut-input-word-limit"
 };
 const _hoisted_11$5 = { class: "nut-input-word-num" };
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    onClick: _cache[11] || (_cache[11] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    class: normalizeClass(_ctx.classes)
   }, [
     _ctx.$slots.input ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       _ctx.label ? (openBlock(), createElementBlock("view", {
@@ -7725,9 +7712,9 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
           textAlign: _ctx.labelAlign
         })
       }, [
-        createElementVNode("view", _hoisted_1$Y, toDisplayString(_ctx.label) + " " + toDisplayString(_ctx.colon ? ":" : ""), 1)
+        createElementVNode("view", _hoisted_1$W, toDisplayString(_ctx.label) + " " + toDisplayString(_ctx.colon ? ":" : ""), 1)
       ], 6)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_2$L, [
+      createElementVNode("view", _hoisted_2$J, [
         createElementVNode("view", {
           class: "nut-input-inner",
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
@@ -7751,11 +7738,11 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
           textAlign: _ctx.labelAlign
         })
       }, [
-        createElementVNode("view", _hoisted_3$z, toDisplayString(_ctx.label) + " " + toDisplayString(_ctx.colon ? ":" : ""), 1)
+        createElementVNode("view", _hoisted_3$y, toDisplayString(_ctx.label) + " " + toDisplayString(_ctx.colon ? ":" : ""), 1)
       ], 6)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_4$t, [
-        createElementVNode("view", _hoisted_5$l, [
-          createElementVNode("view", _hoisted_6$k, [
+      createElementVNode("view", _hoisted_4$s, [
+        createElementVNode("view", _hoisted_5$k, [
+          createElementVNode("view", _hoisted_6$j, [
             _ctx.type == "textarea" ? (openBlock(), createElementBlock("textarea", {
               key: 0,
               class: "input-text",
@@ -7813,7 +7800,8 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {
             key: 1,
             class: "nut-input-button"
-          }) : createCommentVNode("", true)
+          }) : createCommentVNode("", true),
+          _ctx.$slots.rightExtra ? renderSlot(_ctx.$slots, "rightExtra", { key: 2 }) : createCommentVNode("", true)
         ]),
         _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_10$5, [
           createElementVNode("span", _hoisted_11$5, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
@@ -7830,9 +7818,9 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$18]]);
-const { componentName: componentName$Y, create: create$1b } = createComponent("radio");
-const _sfc_main$1b = create$1b({
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$16]]);
+const { componentName: componentName$X, create: create$19 } = createComponent("radio");
+const _sfc_main$19 = create$19({
   props: {
     disabled: {
       type: Boolean,
@@ -7880,7 +7868,7 @@ const _sfc_main$1b = create$1b({
     });
     const renderIcon = () => {
       const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName } = props;
-      return h(_sfc_main$1R, {
+      return h(_sfc_main$1P, {
         name: isCurValue.value ? iconActiveName : iconName,
         size: iconSize,
         class: color.value,
@@ -7893,7 +7881,7 @@ const _sfc_main$1b = create$1b({
       return h(
         "view",
         {
-          class: `${componentName$Y}__label ${props.disabled ? `${componentName$Y}__label--disabled` : ""}`
+          class: `${componentName$X}__label ${props.disabled ? `${componentName$X}__label--disabled` : ""}`
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
@@ -7903,7 +7891,7 @@ const _sfc_main$1b = create$1b({
       return h(
         "view",
         {
-          class: `${componentName$Y}__button ${isCurValue.value && `${componentName$Y}__button--active`} ${props.disabled ? `${componentName$Y}__button--disabled` : ""}`
+          class: `${componentName$X}__button ${isCurValue.value && `${componentName$X}__button--active`} ${props.disabled ? `${componentName$X}__button--disabled` : ""}`
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
@@ -7918,7 +7906,7 @@ const _sfc_main$1b = create$1b({
       return h(
         "view",
         {
-          class: `${componentName$Y} ${componentName$Y}--${props.shape} ${reverseState ? `${componentName$Y}--reverse` : ""}`,
+          class: `${componentName$X} ${componentName$X}--${props.shape} ${reverseState ? `${componentName$X}--reverse` : ""}`,
           onClick: handleClick
         },
         [
@@ -7928,8 +7916,8 @@ const _sfc_main$1b = create$1b({
     };
   }
 });
-const { componentName: componentName$X, create: create$1a } = createComponent("radiogroup");
-const _sfc_main$1a = create$1a({
+const { componentName: componentName$W, create: create$18 } = createComponent("radiogroup");
+const _sfc_main$18 = create$18({
   props: {
     modelValue: {
       type: [Number, String, Boolean],
@@ -7961,14 +7949,14 @@ const _sfc_main$1a = create$1a({
       return h(
         "view",
         {
-          class: `${componentName$X} ${componentName$X}--${props.direction}`
+          class: `${componentName$W} ${componentName$W}--${props.direction}`
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
     };
   }
 });
-const { componentName: componentName$W } = createComponent("rate");
+const { componentName: componentName$V } = createComponent("rate");
 const useComponent = (touchable = true) => {
   return {
     props: {
@@ -8033,7 +8021,7 @@ const useComponent = (touchable = true) => {
     setup(props, { emit }) {
       const rateRefs = ref([]);
       const classes = computed(() => {
-        const prefixCls = componentName$W;
+        const prefixCls = componentName$V;
         return {
           [prefixCls]: true
         };
@@ -8103,7 +8091,7 @@ const useComponent = (touchable = true) => {
   };
 };
 const component$3 = useComponent();
-const _hoisted_1$X = ["id"];
+const _hoisted_1$V = ["id"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -8148,15 +8136,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           size: _ctx.iconSize,
           name: _ctx.uncheckedIcon
         }, null, 8, ["onClick", "font-class-name", "class-prefix", "color", "size", "name"])) : createCommentVNode("", true)
-      ], 12, _hoisted_1$X);
+      ], 12, _hoisted_1$V);
     }), 128))
   ], 34);
 }
-const { create: create$19 } = createComponent("rate");
-const _sfc_main$19 = create$19(component$3);
-var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", render]]);
-const { create: create$18, translate: translate$l } = createComponent("shortpassword");
-const _sfc_main$18 = create$18({
+const { create: create$17 } = createComponent("rate");
+const _sfc_main$17 = create$17(component$3);
+var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", render]]);
+const { create: create$16, translate: translate$l } = createComponent("shortpassword");
+const _sfc_main$16 = create$16({
   props: {
     title: {
       type: String,
@@ -8288,15 +8276,15 @@ const _sfc_main$18 = create$18({
     };
   }
 });
-const _hoisted_1$W = { class: "nut-shortpsd-title" };
-const _hoisted_2$K = { class: "nut-shortpsd-subtitle" };
-const _hoisted_3$y = { class: "nut-input-normalw" };
-const _hoisted_4$s = /* @__PURE__ */ createElementVNode("div", { class: "nut-input-site" }, null, -1);
-const _hoisted_5$k = {
+const _hoisted_1$U = { class: "nut-shortpsd-title" };
+const _hoisted_2$I = { class: "nut-shortpsd-subtitle" };
+const _hoisted_3$x = { class: "nut-input-normalw" };
+const _hoisted_4$r = /* @__PURE__ */ createElementVNode("div", { class: "nut-input-site" }, null, -1);
+const _hoisted_5$j = {
   key: 0,
   class: "nut-shortpsd-icon"
 };
-const _hoisted_6$j = { class: "nut-shortpsd-message" };
+const _hoisted_6$i = { class: "nut-shortpsd-message" };
 const _hoisted_7$g = { class: "nut-shortpsd-error" };
 const _hoisted_8$b = {
   key: 0,
@@ -8306,7 +8294,7 @@ const _hoisted_9$7 = {
   key: 0,
   class: "nut-shortpsd-footer"
 };
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", null, [
@@ -8325,9 +8313,9 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
       isWrapTeleport: _ctx.isWrapTeleport
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$W, toDisplayString(_ctx.title || _ctx.translate("title")), 1),
-        createElementVNode("view", _hoisted_2$K, toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
-        createElementVNode("div", _hoisted_3$y, [
+        createElementVNode("view", _hoisted_1$U, toDisplayString(_ctx.title || _ctx.translate("title")), 1),
+        createElementVNode("view", _hoisted_2$I, toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
+        createElementVNode("div", _hoisted_3$x, [
           withDirectives(createElementVNode("input", {
             ref: "realpwd",
             class: "nut-input-real",
@@ -8339,7 +8327,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 36), [
             [vModelText, _ctx.realInput]
           ]),
-          _hoisted_4$s,
+          _hoisted_4$r,
           createElementVNode("view", {
             class: "nut-shortpsd-fake",
             onClick: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
@@ -8349,12 +8337,12 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "nut-shortpsd-li",
                 key: index
               }, [
-                String(_ctx.realInput).length > index ? (openBlock(), createElementBlock("view", _hoisted_5$k)) : createCommentVNode("", true)
+                String(_ctx.realInput).length > index ? (openBlock(), createElementBlock("view", _hoisted_5$j)) : createCommentVNode("", true)
               ]);
             }), 128))
           ])
         ]),
-        createElementVNode("view", _hoisted_6$j, [
+        createElementVNode("view", _hoisted_6$i, [
           createElementVNode("view", _hoisted_7$g, toDisplayString(_ctx.errorMsg), 1),
           _ctx.tips || _ctx.translate("tips") ? (openBlock(), createElementBlock("view", _hoisted_8$b, [
             createVNode(_component_nut_icon, {
@@ -8382,9 +8370,9 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay", "isWrapTeleport"])
   ]);
 }
-var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$17]]);
-const { componentName: componentName$V, create: create$17, translate: translate$k } = createComponent("textarea");
-const _sfc_main$17 = create$17({
+var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$15]]);
+const { componentName: componentName$U, create: create$15, translate: translate$k } = createComponent("textarea");
+const _sfc_main$15 = create$15({
   props: {
     modelValue: {
       type: [String, Number],
@@ -8431,7 +8419,7 @@ const _sfc_main$17 = create$17({
   setup(props, { emit }) {
     const textareaRef = ref();
     const classes = computed(() => {
-      const prefixCls = componentName$V;
+      const prefixCls = componentName$U;
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled
@@ -8514,12 +8502,12 @@ const _sfc_main$17 = create$17({
     };
   }
 });
-const _hoisted_1$V = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
-const _hoisted_2$J = {
+const _hoisted_1$T = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
+const _hoisted_2$H = {
   key: 0,
   class: "nut-textarea__limit"
 };
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -8537,11 +8525,11 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
       maxlength: _ctx.maxLength,
       placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
       autofocus: _ctx.autofocus
-    }, null, 44, _hoisted_1$V),
-    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2$J, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
+    }, null, 44, _hoisted_1$T),
+    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2$H, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$16]]);
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$14]]);
 class UploadOptions {
   constructor() {
     this.url = "";
@@ -8648,8 +8636,8 @@ class FileItem {
     this.formData = {};
   }
 }
-const { componentName: componentName$U, create: create$16, translate: translate$i } = createComponent("uploader");
-const _sfc_main$16 = create$16({
+const { componentName: componentName$T, create: create$14, translate: translate$i } = createComponent("uploader");
+const _sfc_main$14 = create$14({
   props: {
     name: { type: String, default: "file" },
     url: { type: String, default: "" },
@@ -8673,6 +8661,7 @@ const _sfc_main$16 = create$16({
     multiple: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     autoUpload: { type: Boolean, default: true },
+    deleteIcon: { type: String, default: "failure" },
     beforeUpload: {
       type: Function,
       default: null
@@ -8704,7 +8693,7 @@ const _sfc_main$16 = create$16({
     const fileList = reactive(props.fileList);
     let uploadQueue = [];
     const classes = computed(() => {
-      const prefixCls = componentName$U;
+      const prefixCls = componentName$T;
       return {
         [prefixCls]: true
       };
@@ -8890,21 +8879,21 @@ const _sfc_main$16 = create$16({
     };
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$S = {
   key: 0,
   class: "nut-uploader__slot"
 };
-const _hoisted_2$I = ["accept", "multiple", "name", "disabled"];
-const _hoisted_3$x = ["accept", "multiple", "name", "disabled"];
-const _hoisted_4$r = {
+const _hoisted_2$G = ["accept", "multiple", "name", "disabled"];
+const _hoisted_3$w = ["accept", "multiple", "name", "disabled"];
+const _hoisted_4$q = {
   key: 0,
   class: "nut-uploader__preview-img"
 };
-const _hoisted_5$j = {
+const _hoisted_5$i = {
   key: 0,
   class: "nut-uploader__preview__progress"
 };
-const _hoisted_6$i = { class: "nut-uploader__preview__progress__msg" };
+const _hoisted_6$h = { class: "nut-uploader__preview__progress__msg" };
 const _hoisted_7$f = {
   key: 1,
   class: "nut-uploader__preview__progress"
@@ -8924,13 +8913,13 @@ const _hoisted_13$2 = {
 const _hoisted_14$2 = ["onClick"];
 const _hoisted_15$1 = ["accept", "multiple", "name", "disabled"];
 const _hoisted_16$1 = ["accept", "multiple", "name", "disabled"];
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_progress = resolveComponent("nut-progress");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_1$U, [
+    _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_1$S, [
       renderSlot(_ctx.$slots, "default"),
       _ctx.maximum - _ctx.fileList.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         _ctx.capture ? (openBlock(), createElementBlock("input", {
@@ -8943,7 +8932,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.name,
           disabled: _ctx.disabled,
           onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_2$I)) : (openBlock(), createElementBlock("input", {
+        }, null, 40, _hoisted_2$G)) : (openBlock(), createElementBlock("input", {
           key: 1,
           class: "nut-uploader__input",
           type: "file",
@@ -8952,7 +8941,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.name,
           disabled: _ctx.disabled,
           onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_3$x))
+        }, null, 40, _hoisted_3$w))
       ], 64)) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item, index) => {
@@ -8960,9 +8949,9 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["nut-uploader__preview", [_ctx.listType]]),
         key: item.uid
       }, [
-        _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_4$r, [
-          item.status == "ready" ? (openBlock(), createElementBlock("view", _hoisted_5$j, [
-            createElementVNode("view", _hoisted_6$i, toDisplayString(item.message), 1)
+        _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_4$q, [
+          item.status == "ready" ? (openBlock(), createElementBlock("view", _hoisted_5$i, [
+            createElementVNode("view", _hoisted_6$h, toDisplayString(item.message), 1)
           ])) : item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_7$f, [
             createVNode(_component_nut_icon, {
               color: "#fff",
@@ -8970,12 +8959,11 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["name"]),
             createElementVNode("view", _hoisted_8$a, toDisplayString(item.message), 1)
           ])) : createCommentVNode("", true),
-          _ctx.isDeletable ? (openBlock(), createBlock(_component_nut_icon, {
-            key: 2,
+          _ctx.isDeletable ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 2 }, _ctx.$attrs, {
             onClick: ($event) => _ctx.onDelete(item, index),
             class: "close",
-            name: "failure"
-          }, null, 8, ["onClick"])) : createCommentVNode("", true),
+            name: _ctx.deleteIcon
+          }), null, 16, ["onClick", "name"])) : createCommentVNode("", true),
           item.type.includes("image") && item.url ? (openBlock(), createElementBlock("img", {
             key: 3,
             class: "nut-uploader__preview-img__c",
@@ -9050,9 +9038,9 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$15]]);
-const { create: create$15, translate: translate$h } = createComponent("numberkeyboard");
-const _sfc_main$15 = create$15({
+var Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$13]]);
+const { create: create$13, translate: translate$h } = createComponent("numberkeyboard");
+const _sfc_main$13 = create$13({
   props: {
     confirmText: {
       type: String,
@@ -9213,18 +9201,18 @@ const _sfc_main$15 = create$15({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$R = {
   class: "nut-numberkeyboard",
   ref: "root"
 };
-const _hoisted_2$H = {
+const _hoisted_2$F = {
   key: 0,
   class: "number-board-header"
 };
-const _hoisted_3$w = { class: "tit" };
-const _hoisted_4$q = { class: "number-board-body" };
-const _hoisted_5$i = { class: "number-board" };
-const _hoisted_6$h = ["onTouchstart"];
+const _hoisted_3$v = { class: "tit" };
+const _hoisted_4$p = { class: "number-board-body" };
+const _hoisted_5$h = { class: "number-board" };
+const _hoisted_6$g = ["onTouchstart"];
 const _hoisted_7$e = {
   key: 1,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
@@ -9242,7 +9230,7 @@ const _hoisted_11$3 = /* @__PURE__ */ createElementVNode("img", { src: "https://
 const _hoisted_12$3 = [
   _hoisted_11$3
 ];
-function _sfc_render$14(_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(), createBlock(_component_nut_popup, {
     visible: _ctx.show,
@@ -9256,17 +9244,17 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     "overlay-class": "nut-numberkeyboard-overlay"
   }, {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$T, [
-        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$H, [
-          createElementVNode("h3", _hoisted_3$w, toDisplayString(_ctx.title), 1),
+      createElementVNode("div", _hoisted_1$R, [
+        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$F, [
+          createElementVNode("h3", _hoisted_3$v, toDisplayString(_ctx.title), 1),
           _ctx.type == "default" ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "keyboard-close",
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
           }, toDisplayString(_ctx.translate("done")), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4$q, [
-          createElementVNode("div", _hoisted_5$i, [
+        createElementVNode("div", _hoisted_4$p, [
+          createElementVNode("div", _hoisted_5$h, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass([
@@ -9293,7 +9281,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
                   ], 64)) : createCommentVNode("", true),
                   item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_7$e)) : createCommentVNode("", true),
                   item.type == "delete" ? (openBlock(), createElementBlock("img", _hoisted_8$9)) : createCommentVNode("", true)
-                ], 42, _hoisted_6$h)
+                ], 42, _hoisted_6$g)
               ], 2);
             }), 128))
           ]),
@@ -9321,7 +9309,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "teleport", "popClass", "overlay", "isWrapTeleport"]);
 }
-var NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$14]]);
+var NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$12]]);
 const component$2 = {
   props: {
     modelValue: {
@@ -9460,608 +9448,136 @@ const component$2 = {
       validate();
       return false;
     };
-    return { validate, reset, onSubmit, formErrorTip };
-  }
-};
-const { create: create$14 } = createComponent("form");
-const _sfc_main$14 = create$14(component$2);
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_cell_group = resolveComponent("nut-cell-group");
-  return openBlock(), createElementBlock("form", {
-    class: "nut-form",
-    action: "#",
-    onSubmit: _cache[0] || (_cache[0] = withModifiers(() => false, ["prevent"]))
-  }, [
-    createVNode(_component_nut_cell_group, null, {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "default")
-      ]),
-      _: 3
-    })
-  ], 32);
-}
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$13]]);
-const { componentName: componentName$T, create: create$13 } = createComponent("form-item");
-const _sfc_main$13 = create$13({
-  inheritAttrs: false,
-  props: {
-    prop: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    rules: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    showErrorMessage: {
-      type: Boolean,
-      default: true
-    },
-    showErrorLine: {
-      type: Boolean,
-      default: true
-    },
-    labelWidth: {
-      type: [String, Number],
-      default: ""
-    },
-    labelAlign: {
-      type: String,
-      default: ""
-    },
-    errorMessageAlign: {
-      type: String,
-      default: ""
-    },
-    bodyAlign: {
-      type: String,
-      default: ""
-    }
-  },
-  components: {},
-  emits: [""],
-  setup(props, { emit, slots }) {
-    const parent = inject("formErrorTip");
-    provide("form", {
-      props
-    });
-    const labelStyle = computed(() => {
-      return {
-        width: pxCheck(props.labelWidth),
-        textAlign: props.labelAlign
-      };
-    });
-    const bodyStyle = computed(() => {
-      return {
-        textAlign: props.bodyAlign
-      };
-    });
-    const errorMessageStyle = computed(() => {
-      return {
-        textAlign: props.errorMessageAlign
-      };
-    });
-    const getSlots = (name) => slots[name];
-    return { parent, labelStyle, bodyStyle, errorMessageStyle, getSlots };
-  }
-});
-const _hoisted_1$S = { class: "nut-cell__value nut-form-item__body" };
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_cell = resolveComponent("nut-cell");
-  return openBlock(), createBlock(_component_nut_cell, {
-    class: normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
-    style: normalizeStyle(_ctx.$attrs.style)
-  }, {
-    default: withCtx(() => [
-      _ctx.label || _ctx.getSlots("label") ? (openBlock(), createElementBlock("view", {
-        key: 0,
-        class: normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.required }]),
-        style: normalizeStyle(_ctx.labelStyle)
-      }, [
-        renderSlot(_ctx.$slots, "label", {}, () => [
-          createTextVNode(toDisplayString(_ctx.label), 1)
-        ])
-      ], 6)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_1$S, [
-        createElementVNode("view", {
-          class: "nut-form-item__body__slots",
-          style: normalizeStyle(_ctx.bodyStyle)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4),
-        _ctx.parent[_ctx.prop] && _ctx.showErrorMessage ? (openBlock(), createElementBlock("view", {
-          key: 0,
-          class: "nut-form-item__body__tips",
-          style: normalizeStyle(_ctx.errorMessageStyle)
-        }, toDisplayString(_ctx.parent[_ctx.prop]), 5)) : createCommentVNode("", true)
-      ])
-    ]),
-    _: 3
-  }, 8, ["class", "style"]);
-}
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$12]]);
-const { create: create$12 } = createComponent("oldpicker-column");
-const _sfc_main$12 = create$12({
-  props: {
-    dataType: String,
-    itemShow: {
-      type: Boolean,
-      default: false
-    },
-    listData: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    defaultIndex: {
-      type: [Number, String],
-      default: 0
-    }
-  },
-  emits: ["click", "change"],
-  setup(props, { emit }) {
-    const wrapper = ref();
-    const state = reactive({
-      touchParams: {
-        startY: 0,
-        endY: 0,
-        startTime: 0,
-        endTime: 0,
-        lastY: 0
-      },
-      currIndex: 1,
-      transformY: 0,
-      scrollDistance: 0,
-      lineSpacing: 36,
-      rotation: 20,
-      timer: null
-    });
-    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 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 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 {
-        setMove(move, "end");
-      }
-    };
-    const setRollerStyle = (index) => {
-      return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
-    };
-    const isHidden = (index) => {
-      if (index >= state.currIndex + 8 || index <= state.currIndex - 8) {
-        return true;
-      } else {
-        return false;
-      }
-    };
-    const setTransform = (translateY = 0, type, time = 1e3, deg) => {
-      if (type === "end") {
-        touchTime.value = time;
-      } else {
-        touchTime.value = 0;
-      }
-      touchDeg.value = deg;
-      touchTranslateY.value = translateY;
-      state.scrollDistance = translateY;
-    };
-    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;
-      }
-    };
-    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) => {
-        state.transformY = 0;
-        modifyStatus(false);
-      },
-      {
-        deep: true
-      }
-    );
-    watch(
-      () => props.defaultIndex,
-      (val) => {
-        state.transformY = 0;
-        modifyStatus(false);
-      }
-    );
-    onMounted(() => {
-      modifyStatus(true);
-    });
-    return {
-      ...toRefs(state),
-      ...toRefs(props),
-      wrapper,
-      setRollerStyle,
-      isHidden,
-      roller,
-      list,
-      listItem,
-      onTouchStart,
-      onTouchMove,
-      onTouchEnd,
-      touchRollerStyle,
-      touchListStyle,
-      setMove
-    };
+    return { validate, reset, onSubmit, formErrorTip };
   }
-});
-const _hoisted_1$R = { class: "nut-oldpicker-content" };
-const _hoisted_2$G = {
-  key: 0,
-  class: "nut-oldpicker-placeholder"
 };
+const { create: create$12 } = createComponent("form");
+const _sfc_main$12 = create$12(component$2);
 function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: "nut-oldpicker__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))
+  const _component_nut_cell_group = resolveComponent("nut-cell-group");
+  return openBlock(), createElementBlock("form", {
+    class: "nut-form",
+    action: "#",
+    onSubmit: _cache[0] || (_cache[0] = withModifiers(() => false, ["prevent"]))
   }, [
-    createElementVNode("view", {
-      class: "nut-oldpicker-roller",
-      ref: "roller",
-      style: normalizeStyle(_ctx.touchRollerStyle)
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index) => {
-        return openBlock(), createElementBlock("view", {
-          class: normalizeClass(["nut-oldpicker-roller-item", { "nut-oldpicker-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),
-    createElementVNode("view", _hoisted_1$R, [
-      createElementVNode("view", {
-        class: "nut-oldpicker-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-oldpicker-item nut-oldpicker-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$G)) : createCommentVNode("", true)
-      ], 4)
-    ])
+    createVNode(_component_nut_cell_group, null, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      _: 3
+    })
   ], 32);
 }
-var column = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$11]]);
-const { create: create$11, componentName: componentName$S } = createComponent("oldpicker");
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$11]]);
+const { componentName: componentName$S, create: create$11 } = createComponent("form-item");
 const _sfc_main$11 = create$11({
-  components: {
-    [column.name]: column,
-    [Popup.name]: Popup
-  },
+  inheritAttrs: false,
   props: {
-    ...popupProps,
-    title: {
+    prop: {
       type: String,
       default: ""
     },
-    cancelText: {
-      type: String,
-      default: "\u53D6\u6D88"
-    },
-    okText: {
+    label: {
       type: String,
-      default: "\u786E\u5B9A"
+      default: ""
     },
-    listData: {
+    rules: {
       type: Array,
       default: () => {
         return [];
       }
     },
-    readonly: {
+    required: {
       type: Boolean,
       default: false
     },
-    defaultIndex: {
-      type: [Number, String],
-      default: 0
+    showErrorMessage: {
+      type: Boolean,
+      default: true
+    },
+    showErrorLine: {
+      type: Boolean,
+      default: true
+    },
+    labelWidth: {
+      type: [String, Number],
+      default: ""
+    },
+    labelAlign: {
+      type: String,
+      default: ""
+    },
+    errorMessageAlign: {
+      type: String,
+      default: ""
+    },
+    bodyAlign: {
+      type: String,
+      default: ""
     }
   },
-  emits: ["close", "change", "confirm", "update:visible"],
-  setup(props, { emit }) {
-    const childrenKey = "children";
-    const valuesKey = "values";
-    const state = reactive({
-      show: false,
-      formattedColumns: props.listData,
-      defaultIndex: props.defaultIndex
+  components: {},
+  emits: [""],
+  setup(props, { emit, slots }) {
+    const parent = inject("formErrorTip");
+    provide("form", {
+      props
     });
-    let _defaultIndex = props.defaultIndex;
-    let defaultIndexList = [];
-    const classes = computed(() => {
-      const prefixCls = componentName$S;
+    const labelStyle = computed(() => {
       return {
-        [prefixCls]: true
+        width: pxCheck(props.labelWidth),
+        textAlign: props.labelAlign
       };
     });
-    const dataType = computed(() => {
-      const firstColumn = state.formattedColumns[0];
-      if (typeof firstColumn === "object") {
-        if (firstColumn[childrenKey]) {
-          return "cascade";
-        } else if (firstColumn == null ? void 0 : firstColumn[valuesKey]) {
-          addDefaultIndexList(props.listData);
-          return "multipleColumns";
-        }
-      }
-      return "text";
-    });
-    const columnList = computed(() => {
-      if (dataType.value === "text") {
-        return [{ values: state.formattedColumns, defaultIndex: state.defaultIndex }];
-      } else if (dataType.value === "multipleColumns") {
-        return state.formattedColumns;
-      } else if (dataType.value === "cascade") {
-        return formatCascade(state.formattedColumns, state.defaultIndex);
-      }
-      return state.formattedColumns;
-    });
-    const addDefaultIndexList = (listData) => {
-      defaultIndexList = [];
-      listData.forEach((res) => {
-        defaultIndexList.push(res.defaultIndex || 0);
-      });
-    };
-    const formatCascade = (listData, defaultIndex) => {
-      const formatted = [];
-      let children = listData;
-      children.defaultIndex = defaultIndex;
-      while (children) {
-        formatted.push({
-          values: children,
-          defaultIndex: children.defaultIndex || 0
-        });
-        children = children == null ? void 0 : children[children.defaultIndex || 0].children;
-      }
-      addDefaultIndexList(formatted);
-      return formatted;
-    };
-    const getCascadeData = (listData, defaultIndex) => {
-      var _a;
-      let arr = listData;
-      arr.defaultIndex = defaultIndex;
-      const dataList = [];
-      while (arr) {
-        const item = arr[(_a = arr.defaultIndex) != null ? _a : 0];
-        dataList.push(item.text);
-        arr = item.children;
-      }
-      return dataList;
-    };
-    const close = () => {
-      emit("close");
-      emit("update:visible", false);
-    };
-    const changeHandler = (columnIndex, dataIndex) => {
-      if (dataType.value === "cascade") {
-        let cursor = state.formattedColumns;
-        if (columnIndex === 0) {
-          state.defaultIndex = dataIndex;
-        }
-        let i = 0;
-        while (cursor) {
-          if (i === columnIndex) {
-            cursor.defaultIndex = dataIndex;
-          } else if (i > columnIndex) {
-            cursor.defaultIndex = 0;
-          }
-          cursor = cursor[cursor.defaultIndex || 0].children;
-          i++;
-        }
-      } else if (dataType.value === "text") {
-        _defaultIndex = dataIndex;
-      } else if (dataType.value === "multipleColumns") {
-        defaultIndexList[columnIndex] = dataIndex;
-        const val = defaultIndexList.map(
-          (res, i) => toRaw(state.formattedColumns)[i].values[res]
-        );
-        emit("change", val, columnIndex, dataIndex);
-      }
-    };
-    const confirm = () => {
-      if (dataType.value === "text") {
-        state.defaultIndex = _defaultIndex;
-        emit("confirm", state.formattedColumns[_defaultIndex]);
-      } else if (dataType.value === "multipleColumns") {
-        for (let i = 0; i < defaultIndexList.length; i++) {
-          state.formattedColumns[i].defaultIndex = defaultIndexList[i];
-        }
-        const checkedArr = toRaw(state.formattedColumns).map(
-          (res) => res.values && res.values[res.defaultIndex]
-        );
-        emit("confirm", checkedArr);
-      } else if (dataType.value === "cascade") {
-        emit("confirm", getCascadeData(toRaw(state.formattedColumns), state.defaultIndex));
-      }
-      emit("update:visible", false);
-    };
-    onMounted(() => {
-      if (props.visible)
-        state.show = props.visible;
+    const bodyStyle = computed(() => {
+      return {
+        textAlign: props.bodyAlign
+      };
     });
-    onBeforeUnmount(() => {
-      if (props.visible)
-        state.show = false;
+    const errorMessageStyle = computed(() => {
+      return {
+        textAlign: props.errorMessageAlign
+      };
     });
-    watch(
-      () => props.visible,
-      (val) => {
-        state.show = val;
-      }
-    );
-    watch(
-      () => props.listData,
-      (val) => {
-        state.formattedColumns = val;
-      }
-    );
-    return {
-      classes,
-      ...toRefs(state),
-      column,
-      dataType,
-      columnList,
-      close,
-      changeHandler,
-      confirm
-    };
+    const getSlots = (name) => slots[name];
+    return { parent, labelStyle, bodyStyle, errorMessageStyle, getSlots };
   }
 });
-const _hoisted_1$Q = { class: "nut-oldpicker__bar" };
-const _hoisted_2$F = { class: "nut-oldpicker__title" };
-const _hoisted_3$v = { class: "nut-oldpicker__column" };
-const _hoisted_4$p = /* @__PURE__ */ createElementVNode("view", { class: "nut-oldpicker__hairline" }, null, -1);
+const _hoisted_1$Q = { class: "nut-cell__value nut-form-item__body" };
 function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_oldpicker_column = resolveComponent("nut-oldpicker-column");
-  const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    createVNode(_component_nut_popup, {
-      position: "bottom",
-      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,
-      round: true,
-      isWrapTeleport: _ctx.isWrapTeleport
-    }, {
-      default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$Q, [
-          createElementVNode("view", {
-            class: "nut-oldpicker__cancel nut-oldpicker__left nut-oldpicker__button",
-            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
-          }, toDisplayString(_ctx.cancelText), 1),
-          createElementVNode("view", _hoisted_2$F, toDisplayString(_ctx.title), 1),
-          createElementVNode("view", {
-            class: "nut-oldpicker__confirm nut-oldpicker__button nut-oldpicker__right",
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
-          }, toDisplayString(_ctx.okText), 1)
-        ]),
-        createElementVNode("view", _hoisted_3$v, [
-          _hoisted_4$p,
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnList, (item, columnIndex) => {
-            return openBlock(), createElementBlock("view", {
-              class: "nut-oldpicker__columnitem",
-              key: columnIndex
-            }, [
-              createVNode(_component_nut_oldpicker_column, {
-                itemShow: _ctx.show,
-                "list-data": item,
-                readonly: _ctx.readonly,
-                "default-index": item.defaultIndex,
-                "data-type": _ctx.dataType,
-                onChange: (dataIndex) => {
-                  _ctx.changeHandler(columnIndex, dataIndex);
-                }
-              }, null, 8, ["itemShow", "list-data", "readonly", "default-index", "data-type", "onChange"])
-            ]);
-          }), 128))
+  const _component_nut_cell = resolveComponent("nut-cell");
+  return openBlock(), createBlock(_component_nut_cell, {
+    class: normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
+    style: normalizeStyle(_ctx.$attrs.style)
+  }, {
+    default: withCtx(() => [
+      _ctx.label || _ctx.getSlots("label") ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.required }]),
+        style: normalizeStyle(_ctx.labelStyle)
+      }, [
+        renderSlot(_ctx.$slots, "label", {}, () => [
+          createTextVNode(toDisplayString(_ctx.label), 1)
         ])
-      ]),
-      _: 1
-    }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose", "isWrapTeleport"])
-  ], 2);
+      ], 6)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_1$Q, [
+        createElementVNode("view", {
+          class: "nut-form-item__body__slots",
+          style: normalizeStyle(_ctx.bodyStyle)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 4),
+        _ctx.parent[_ctx.prop] && _ctx.showErrorMessage ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: "nut-form-item__body__tips",
+          style: normalizeStyle(_ctx.errorMessageStyle)
+        }, toDisplayString(_ctx.parent[_ctx.prop]), 5)) : createCommentVNode("", true)
+      ])
+    ]),
+    _: 3
+  }, 8, ["class", "style"]);
 }
-var OldPicker = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$10]]);
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$10]]);
 const { componentName: componentName$R, create: create$10 } = createComponent("swipe");
 const _sfc_main$10 = create$10({
   props: {
@@ -10330,11 +9846,11 @@ const _hoisted_4$o = {
   key: 0,
   class: "nut-actionsheet-item desc"
 };
-const _hoisted_5$h = {
+const _hoisted_5$g = {
   key: 1,
   class: "nut-actionsheet-menu"
 };
-const _hoisted_6$g = ["onClick"];
+const _hoisted_6$f = ["onClick"];
 const _hoisted_7$d = { key: 1 };
 const _hoisted_8$8 = { class: "subdesc" };
 function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
@@ -10358,7 +9874,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "default"),
           !_ctx.slotDefault ? (openBlock(), createElementBlock("view", _hoisted_3$t, [
             _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_4$o, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-            _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_5$h, [
+            _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_5$g, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
                 return openBlock(), createElementBlock("view", {
                   class: normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable, "nut-actionsheet-item-loading": item.loading }]),
@@ -10371,7 +9887,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
                     name: "loading"
                   })) : (openBlock(), createElementBlock("view", _hoisted_7$d, toDisplayString(item[_ctx.optionTag]), 1)),
                   createElementVNode("view", _hoisted_8$8, toDisplayString(item[_ctx.optionSubTag]), 1)
-                ], 14, _hoisted_6$g);
+                ], 14, _hoisted_6$f);
               }), 128))
             ])) : createCommentVNode("", true),
             _ctx.cancelTxt ? (openBlock(), createElementBlock("view", {
@@ -11077,6 +10593,7 @@ const _sfc_main$X = create$X({
   },
   emits: ["scroll-change", "load-more", "refresh"],
   setup(props, { emit, slots }) {
+    const touch = useTouch$2();
     const state = reactive({
       scrollEl: window,
       scroller: null,
@@ -11157,6 +10674,7 @@ const _sfc_main$X = create$X({
       state.isTouching = false;
     };
     const touchStart = (event) => {
+      touch.start(event);
       if (state.beforeScrollTop == 0 && !state.isTouching && props.isOpenRefresh) {
         state.y = event.touches[0].pageY;
         state.isTouching = true;
@@ -11165,8 +10683,9 @@ const _sfc_main$X = create$X({
       }
     };
     const touchMove = (event) => {
+      touch.move(event);
       state.distance = event.touches[0].pageY - state.y;
-      if (state.distance > 0 && state.isTouching) {
+      if (touch.isVertical() && state.distance > 0 && state.isTouching) {
         event.preventDefault();
         if (state.distance >= state.refreshMaxH)
           state.distance = state.refreshMaxH;
@@ -11183,6 +10702,9 @@ const _sfc_main$X = create$X({
           emit("refresh", refreshDone);
         }
       }
+      setTimeout(() => {
+        touch.reset();
+      }, 0);
     };
     const getParentElement = (el) => {
       return !!props.containerId ? document.querySelector(`#${props.containerId}`) : el && el.parentNode;
@@ -11223,11 +10745,11 @@ const _hoisted_1$M = { class: "top-box" };
 const _hoisted_2$B = { class: "top-text" };
 const _hoisted_3$s = { class: "nut-infinite-container" };
 const _hoisted_4$n = { class: "nut-infinite-bottom" };
-const _hoisted_5$g = {
+const _hoisted_5$f = {
   key: 0,
   class: "bottom-box"
 };
-const _hoisted_6$f = { class: "bottom-text" };
+const _hoisted_6$e = { class: "bottom-text" };
 const _hoisted_7$c = {
   key: 0,
   class: "tips"
@@ -11255,10 +10777,10 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     createElementVNode("view", _hoisted_4$n, [
-      _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5$g, [
+      _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5$f, [
         !_ctx.slots.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createVNode(_component_nut_icon, mergeProps({ class: "bottom-img" }, _ctx.$attrs, { name: _ctx.loadIcon }), null, 16, ["name"]),
-          createElementVNode("view", _hoisted_6$f, toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)
+          createElementVNode("view", _hoisted_6$e, toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)
         ], 64)) : renderSlot(_ctx.$slots, "loading", { key: 1 })
       ])) : !_ctx.hasMore ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         !_ctx.slots.finished ? (openBlock(), createElementBlock("view", _hoisted_7$c, toDisplayString(_ctx.loadMoreTxt || _ctx.translate("loadMoreTxt")), 1)) : renderSlot(_ctx.$slots, "finished", { key: 1 })
@@ -11942,7 +11464,7 @@ var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$T]
 const { create: create$T } = createComponent("toast");
 const _sfc_main$T = create$T({
   components: {
-    [_sfc_main$1R.name]: _sfc_main$1R
+    [_sfc_main$1P.name]: _sfc_main$1P
   },
   props: {
     id: String,
@@ -12420,8 +11942,8 @@ const _hoisted_2$z = {
 };
 const _hoisted_3$r = { class: "time" };
 const _hoisted_4$m = { class: "progress-bar-wrapper" };
-const _hoisted_5$f = /* @__PURE__ */ createElementVNode("div", { class: "custom-button" }, null, -1);
-const _hoisted_6$e = { class: "time" };
+const _hoisted_5$e = /* @__PURE__ */ createElementVNode("div", { class: "custom-button" }, null, -1);
+const _hoisted_6$d = { class: "time" };
 const _hoisted_7$b = {
   key: 1,
   class: "nut-audio-icon"
@@ -12443,12 +11965,12 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
           "active-color": "#fa2c19"
         }, {
           button: withCtx(() => [
-            _hoisted_5$f
+            _hoisted_5$e
           ]),
           _: 1
         }, 8, ["modelValue", "onChange"])
       ]),
-      createElementVNode("div", _hoisted_6$e, toDisplayString(_ctx.duration), 1)
+      createElementVNode("div", _hoisted_6$d, toDisplayString(_ctx.duration), 1)
     ])) : createCommentVNode("", true),
     _ctx.type == "icon" ? (openBlock(), createElementBlock("div", _hoisted_7$b, [
       createElementVNode("div", {
@@ -13151,8 +12673,8 @@ const _hoisted_1$E = { viewBox: "0 0 100 100" };
 const _hoisted_2$x = ["id"];
 const _hoisted_3$p = ["offset", "stop-color"];
 const _hoisted_4$l = ["d", "stroke-width"];
-const _hoisted_5$e = ["d", "stroke", "stroke-linecap", "stroke-width"];
-const _hoisted_6$d = { class: "nut-circleprogress-text" };
+const _hoisted_5$d = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_6$c = { class: "nut-circleprogress-text" };
 const _hoisted_7$a = { key: 0 };
 function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -13192,9 +12714,9 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
         stroke: _ctx.hoverColor,
         "stroke-linecap": _ctx.strokeLinecap,
         "stroke-width": _ctx.strokeWidth
-      }, null, 12, _hoisted_5$e)
+      }, null, 12, _hoisted_5$d)
     ])),
-    createElementVNode("div", _hoisted_6$d, [
+    createElementVNode("div", _hoisted_6$c, [
       renderSlot(_ctx.$slots, "default"),
       !_ctx.slotDefault ? (openBlock(), createElementBlock("div", _hoisted_7$a, toDisplayString(_ctx.progress) + "%", 1)) : createCommentVNode("", true)
     ])
@@ -13744,7 +13266,8 @@ const _sfc_main$J = create$J({
             state.videoElm.load();
           });
         }
-      }
+      },
+      { immediate: true, deep: true }
     );
     watch(
       () => props.options,
@@ -13935,8 +13458,8 @@ const _hoisted_1$B = {
 const _hoisted_2$u = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
 const _hoisted_3$n = ["src", "type"];
 const _hoisted_4$k = { class: "current-time" };
-const _hoisted_5$d = { class: "progress-container" };
-const _hoisted_6$c = {
+const _hoisted_5$c = { class: "progress-container" };
+const _hoisted_6$b = {
   class: "progress",
   ref: "progressBar"
 };
@@ -13991,8 +13514,8 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.play && _ctx.play(...args))
       }),
       createElementVNode("div", _hoisted_4$k, toDisplayString(_ctx.videoSet.displayTime), 1),
-      createElementVNode("div", _hoisted_5$d, [
-        createElementVNode("div", _hoisted_6$c, [
+      createElementVNode("div", _hoisted_5$c, [
+        createElementVNode("div", _hoisted_6$b, [
           createElementVNode("div", {
             class: "buffered",
             style: normalizeStyle({ width: `${_ctx.videoSet.loaded}%` })
@@ -14153,8 +13676,8 @@ const _hoisted_3$m = {
   class: "nut-step-inner"
 };
 const _hoisted_4$j = { class: "nut-step-main" };
-const _hoisted_5$c = { class: "nut-step-title" };
-const _hoisted_6$b = { key: 0 };
+const _hoisted_5$b = { class: "nut-step-title" };
+const _hoisted_6$a = { key: 0 };
 const _hoisted_7$8 = {
   key: 0,
   class: "nut-step-content"
@@ -14182,8 +13705,8 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     createElementVNode("view", _hoisted_4$j, [
-      createElementVNode("view", _hoisted_5$c, [
-        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_6$b, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_5$b, [
+        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_6$a, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "title")
       ]),
       _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_7$8, [
@@ -14858,7 +14381,7 @@ const _sfc_main$D = create$D({
     [Video.name]: Video,
     [Swiper.name]: Swiper,
     [SwiperItem.name]: SwiperItem,
-    [_sfc_main$1R.name]: _sfc_main$1R
+    [_sfc_main$1P.name]: _sfc_main$1P
   },
   setup(props, { emit }) {
     const state = reactive({
@@ -15175,7 +14698,7 @@ const _sfc_main$C = create$C({
     [Video.name]: Video,
     [Swiper.name]: Swiper,
     [SwiperItem.name]: SwiperItem,
-    [_sfc_main$1R.name]: _sfc_main$1R,
+    [_sfc_main$1P.name]: _sfc_main$1P,
     ImagePreviewItem
   },
   setup(props, { emit }) {
@@ -15183,7 +14706,6 @@ const _sfc_main$C = create$C({
     const state = reactive({
       showPop: false,
       active: 1,
-      maxNo: 1,
       rootWidth: 0,
       rootHeight: 0
     });
@@ -15218,7 +14740,6 @@ const _sfc_main$C = create$C({
     };
     const closeDone = () => {
       state.showPop = false;
-      state.active = 1;
       emit("close");
     };
     const handleCloseIcon = () => {
@@ -15237,14 +14758,27 @@ const _sfc_main$C = create$C({
         init();
       }
     );
+    watch(
+      () => props.initNo,
+      (val) => {
+        if (val != state.active) {
+          state.active = val;
+        }
+      }
+    );
+    const initPage = computed(() => {
+      const maxNo = props.images.length + props.videos.length;
+      const _initPage = props.initNo > maxNo ? maxNo - 1 : props.initNo - 1;
+      return _initPage >= 0 ? _initPage : 0;
+    });
     onMounted(() => {
       state.active = props.initNo;
       state.showPop = props.show;
-      state.maxNo = props.images.length + props.videos.length;
     });
     return {
       swipeRef,
       ...toRefs(state),
+      initPage,
       slideChangeEnd,
       onClose,
       handleCloseIcon,
@@ -15284,7 +14818,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
           "is-preventDefault": false,
           direction: "horizontal",
           onChange: _ctx.slideChangeEnd,
-          "init-page": _ctx.initNo > _ctx.maxNo ? _ctx.maxNo - 1 : _ctx.initNo - 1,
+          "init-page": _ctx.initPage,
           "pagination-visible": _ctx.paginationVisible,
           "pagination-color": _ctx.paginationColor
         }, {
@@ -17397,13 +16931,12 @@ const component$1 = {
         [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
       };
     });
-    const blockClass = computed(() => {
-      const prefixCls = "blockClass";
+    const getBlockClass = (prefixCls) => {
       return {
         [prefixCls]: true,
         [`${prefixCls}--round`]: round2.value
       };
-    });
+    };
     const getStyle = () => {
       if (avatarSize.value) {
         return {
@@ -17421,7 +16954,7 @@ const component$1 = {
     return {
       avatarShape,
       avatarClass,
-      blockClass,
+      getBlockClass,
       getStyle
     };
   }
@@ -17438,11 +16971,6 @@ const _hoisted_3$l = {
   class: "skeleton-animation"
 };
 const _hoisted_4$i = { class: "content" };
-const _hoisted_5$b = { class: "content-line" };
-const _hoisted_6$a = {
-  key: 0,
-  class: "title"
-};
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_avatar = resolveComponent("nut-avatar");
   return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1$s, [
@@ -17454,24 +16982,25 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: normalizeClass(_ctx.avatarClass),
         shape: _ctx.avatarShape,
-        style: normalizeStyle(_ctx.getStyle()),
-        "bg-color": "rgb(239, 239, 239)"
+        style: normalizeStyle(_ctx.getStyle())
       }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
-      Number(_ctx.row) == 1 ? (openBlock(), createElementBlock("view", {
-        key: 1,
-        class: normalizeClass(_ctx.blockClass),
-        style: normalizeStyle({ width: _ctx.width, height: _ctx.height })
-      }, null, 6)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_5$b, [
-        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_6$a)) : createCommentVNode("", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (item, index) => {
+      createElementVNode("view", {
+        class: "content-line",
+        style: normalizeStyle({ width: _ctx.width })
+      }, [
+        _ctx.title ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: normalizeClass(_ctx.getBlockClass("blockTitle")),
+          style: normalizeStyle({ height: _ctx.height })
+        }, null, 6)) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (_) => {
           return openBlock(), createElementBlock("view", {
-            key: index,
-            class: normalizeClass(_ctx.blockClass),
-            style: normalizeStyle({ width: _ctx.width, height: _ctx.height })
+            key: _,
+            class: normalizeClass(_ctx.getBlockClass("blockLine")),
+            style: normalizeStyle({ height: _ctx.height })
           }, null, 6);
         }), 128))
-      ])
+      ], 4)
     ])
   ]));
 }
@@ -17709,17 +17238,6 @@ const _sfc_main$u = create$u({
         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);
-      }
-    );
     const init = () => {
       const { name } = props;
       const active = parent && parent.props.active;
@@ -17737,6 +17255,14 @@ const _sfc_main$u = create$u({
       });
     };
     onMounted(() => {
+      const MutationObserver2 = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
+      var observer = new MutationObserver2(() => {
+        animation();
+      });
+      observer.observe(document.getElementsByClassName("collapse-wrapper")[0], {
+        childList: true,
+        subtree: true
+      });
       init();
     });
     const emptyContent = computed(() => {
@@ -18271,13 +17797,13 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     !_ctx.exceeded ? (openBlock(), createElementBlock("view", _hoisted_1$n, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true),
     _ctx.exceeded && !_ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_2$k, [
-      createTextVNode(toDisplayString(_ctx.ellipsis.leading) + " ", 1),
+      createTextVNode(toDisplayString(_ctx.ellipsis.leading), 1),
       _ctx.expandText ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: "nut-ellipsis-text",
         onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.clickHandle(1), ["stop"]))
       }, toDisplayString(_ctx.expandText), 1)) : createCommentVNode("", true),
-      createTextVNode(" " + toDisplayString(_ctx.ellipsis.tailing), 1)
+      createTextVNode(toDisplayString(_ctx.ellipsis.tailing), 1)
     ])) : createCommentVNode("", true),
     _ctx.exceeded && _ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_3$i, [
       createTextVNode(toDisplayString(_ctx.content) + " ", 1),
@@ -21832,7 +21358,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var Invoice = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 function install(app) {
-  const packages = [Button, Cell, CellGroup, _sfc_main$1R, OverLay, Popup, _sfc_main$1L, Image$1, _sfc_main$1J, Col, Row, _sfc_main$1G, Divider, _sfc_main$1E, GridItem, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SideNavBarItem, SubSideNavBar, Range, SearchBar, Cascader, Calendar, _sfc_main$1i, _sfc_main$1h, DatePicker, InputNumber, Input, _sfc_main$1b, _sfc_main$1a, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, NumberKeyboard, Form, FormItem, OldPicker, Swipe, ActionSheet, BackTop, Drag, _Dialog, InfiniteLoading, NotifyFunction, PullRefresh, Switch, ToastFunction, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, NoticeBar, Empty, Video, _sfc_main$I, Step, Swiper, SwiperItem, Price, _ImagePreview, CountUp, CountDown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, WaterMark, TrendArrow, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment, Invoice];
+  const packages = [Button, Cell, CellGroup, _sfc_main$1P, OverLay, Popup, _sfc_main$1J, Image$1, _sfc_main$1H, Col, Row, _sfc_main$1E, Divider, _sfc_main$1C, GridItem, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SideNavBarItem, SubSideNavBar, Range, SearchBar, Cascader, Calendar, _sfc_main$1g, _sfc_main$1f, DatePicker, InputNumber, Input, _sfc_main$19, _sfc_main$18, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, NumberKeyboard, Form, FormItem, Swipe, ActionSheet, BackTop, Drag, _Dialog, InfiniteLoading, NotifyFunction, PullRefresh, Switch, ToastFunction, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, NoticeBar, Empty, Video, _sfc_main$I, Step, Swiper, SwiperItem, Price, _ImagePreview, CountUp, CountDown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, WaterMark, TrendArrow, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment, Invoice];
   packages.forEach((item) => {
     if (item.install) {
       app.use(item);
@@ -21841,6 +21367,6 @@ function install(app) {
     }
   });
 }
-const version = "3.2.6";
+const version = "3.2.7";
 var nutui_vue_build = { install, version, Locale };
-export { ActionSheet, Address, AddressList, Animate, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1i as Checkbox, _sfc_main$1h as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, _sfc_main$1L as ConfigProvider, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, _sfc_main$1E as Grid, GridItem, _sfc_main$1R as Icon, Image$1 as Image, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, Invoice, _sfc_main$1J as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$1b as Radio, _sfc_main$1a as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$I as Steps, _sfc_main$1G as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, TrendArrow, Uploader, Video, WaterMark, nutui_vue_build as default, install, version };
+export { ActionSheet, Address, AddressList, Animate, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1g as Checkbox, _sfc_main$1f as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, _sfc_main$1J as ConfigProvider, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, _sfc_main$1C as Grid, GridItem, _sfc_main$1P as Icon, Image$1 as Image, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, Invoice, _sfc_main$1H as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$19 as Radio, _sfc_main$18 as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$I as Steps, _sfc_main$1E as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, TrendArrow, Uploader, Video, WaterMark, nutui_vue_build as default, install, version };