@nutui/nutui 3.2.6-beta.2 → 3.2.7

package/dist/nutui.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:15 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:39 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -360,8 +360,8 @@
   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: "" },
@@ -384,7 +384,7 @@
         return vue.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),
@@ -406,10 +406,10 @@
     }
     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,
@@ -463,7 +463,7 @@
         }
       };
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1p;
+        const prefixCls = componentName$1o;
         return {
           [prefixCls]: true,
           [`${prefixCls}--${type.value}`]: type.value,
@@ -499,15 +499,15 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.getStyle),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      vue.createElementVNode("view", _hoisted_1$1l, [
+      vue.createElementVNode("view", _hoisted_1$1i, [
         _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           class: "nut-icon-loading"
@@ -528,21 +528,21 @@
       ])
     ], 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 = vue.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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -551,7 +551,7 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1k, [
+        _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1h, [
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
               class: "icon",
@@ -559,12 +559,12 @@
             }), null, 16, ["name"])) : vue.createCommentVNode("", true)
           ])
         ])) : vue.createCommentVNode("", true),
-        _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$13, [
+        _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, [
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createElementVNode("view", _hoisted_3$O, vue.toDisplayString(_ctx.title), 1)
+              vue.createElementVNode("view", _hoisted_3$N, vue.toDisplayString(_ctx.title), 1)
             ]),
-            vue.createElementVNode("view", _hoisted_4$E, vue.toDisplayString(_ctx.subTitle), 1)
+            vue.createElementVNode("view", _hoisted_4$D, vue.toDisplayString(_ctx.subTitle), 1)
           ], 64)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
           ])
@@ -583,8 +583,8 @@
       ])
     ], 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: "" },
@@ -603,7 +603,7 @@
     emits: ["click"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1o;
+        const prefixCls = componentName$1n;
         return {
           [prefixCls]: true,
           [`${prefixCls}--clickable`]: props.isLink || props.to,
@@ -632,16 +632,16 @@
       };
     }
   });
-  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 = vue.computed(() => {
-        const prefixCls = componentName$1n;
+        const prefixCls = componentName$1m;
         return {
           [prefixCls]: true
         };
@@ -651,28 +651,28 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1j, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-      _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$12, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_3$N, [
+      _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1g, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+      _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$10, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("view", _hoisted_3$M, [
         vue.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,
@@ -702,12 +702,12 @@
       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 = vue.computed(() => {
-        const prefixCls = componentName$1m;
+        const prefixCls = componentName$1l;
         return {
           [prefixCls]: true,
           [props.overlayClass]: true
@@ -751,7 +751,7 @@
       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 vue.openBlock(), vue.createBlock(vue.Transition, { name: "overlay-fade" }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("view", {
@@ -768,7 +768,7 @@
       _: 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) => {
@@ -786,7 +786,7 @@
     };
     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,
@@ -832,17 +832,17 @@
     },
     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
@@ -860,7 +860,7 @@
       });
       const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1l;
+        const prefixCls = componentName$1k;
         return {
           [prefixCls]: true,
           ["round"]: props.round,
@@ -976,13 +976,12 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
-    return _ctx.isWrapTeleport ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
-      key: 0,
-      to: _ctx.teleport
+    return vue.openBlock(), vue.createBlock(vue.Teleport, {
+      to: _ctx.teleport,
+      disabled: !_ctx.isWrapTeleport
     }, [
       _ctx.overlay ? (vue.openBlock(), vue.createBlock(_component_nut_overlay, {
         key: 0,
@@ -1024,49 +1023,9 @@
         ]),
         _: 3
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-    ], 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1i, [
-      _ctx.overlay ? (vue.openBlock(), vue.createBlock(_component_nut_overlay, {
-        key: 0,
-        visible: _ctx.visible,
-        "close-on-click-overlay": _ctx.closeOnClickOverlay,
-        class: vue.normalizeClass(_ctx.overlayClass),
-        style: vue.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"])) : vue.createCommentVNode("", true),
-      vue.createVNode(vue.Transition, {
-        name: _ctx.transitionName,
-        onAfterEnter: _ctx.onOpened,
-        onAfterLeave: _ctx.onClosed
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.createElementVNode("view", {
-            class: vue.normalizeClass(_ctx.classes),
-            style: vue.normalizeStyle(_ctx.popStyle),
-            onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-          }, [
-            _ctx.showSlot ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true),
-            _ctx.closed ? (vue.openBlock(), vue.createElementBlock("view", {
-              key: 1,
-              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
-              class: vue.normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
-            }, [
-              vue.createVNode(_component_nut_icon, {
-                name: _ctx.closeIcon,
-                size: "12px"
-              }, null, 8, ["name"])
-            ], 2)) : vue.createCommentVNode("", true)
-          ], 6), [
-            [vue.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: "" },
@@ -1085,10 +1044,10 @@
       };
     }
   };
-  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: {
@@ -1134,7 +1093,7 @@
         slotError: vue.useSlots().error
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1j;
+        const prefixCls = componentName$1i;
         return {
           [prefixCls]: true,
           [`${prefixCls}-round`]: props.round
@@ -1180,16 +1139,16 @@
       return { ...vue.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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -1203,15 +1162,15 @@
         onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args)),
         onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args)),
         style: vue.normalizeStyle(_ctx.styles)
-      }, null, 44, _hoisted_1$1h),
-      _ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, [
+      }, null, 44, _hoisted_1$1f),
+      _ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$$, [
         !_ctx.slotLoding ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: "image"
         })) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "loading")
       ])) : vue.createCommentVNode("", true),
-      _ctx.isError && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$M, [
+      _ctx.isError && !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$L, [
         !_ctx.slotError ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: "image-error"
@@ -1220,11 +1179,11 @@
       ])) : vue.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],
@@ -1237,7 +1196,7 @@
     },
     emits: [],
     setup(props) {
-      const prefixCls = componentName$1i;
+      const prefixCls = componentName$1h;
       const gutter = vue.inject("gutter");
       const classes = vue.computed(() => {
         return {
@@ -1259,7 +1218,7 @@
       };
     }
   });
-  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.style)
@@ -1267,9 +1226,9 @@
       vue.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,
@@ -1294,7 +1253,7 @@
     },
     emits: [],
     setup(props) {
-      const prefixCls = componentName$1h;
+      const prefixCls = componentName$1g;
       vue.provide("gutter", props.gutter);
       const getClass = (prefix, type) => {
         return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -1313,14 +1272,14 @@
       };
     }
   });
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.getClasses())
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1x]]);
+  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1v]]);
   function isWindow(val) {
     return val === window;
   }
@@ -1350,8 +1309,8 @@
       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,
@@ -1430,7 +1389,7 @@
           "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)
         );
@@ -1495,8 +1454,8 @@
       };
     }
   });
-  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,
@@ -1518,7 +1477,7 @@
     components: {},
     setup(props, context) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1f;
+        const prefixCls = componentName$1e;
         let defaultClassesObj = {
           [prefixCls]: true
         };
@@ -1543,7 +1502,7 @@
       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" ? (vue.openBlock(), vue.createElementBlock("view", {
       key: 0,
       class: vue.normalizeClass(_ctx.classes)
@@ -1554,7 +1513,7 @@
       class: vue.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) => {
@@ -1619,7 +1578,7 @@
       };
     };
   }
-  const { componentName: componentName$1e } = createComponent("grid");
+  const { componentName: componentName$1d } = createComponent("grid");
   const GRID_KEY = Symbol("grid");
   const gridProps = {
     columnNum: {
@@ -1664,9 +1623,9 @@
   const component$7 = {
     props: gridProps,
     setup(props, { slots }) {
-      useProvide(GRID_KEY, `${componentName$1e}-item`)({ props });
+      useProvide(GRID_KEY, `${componentName$1d}-item`)({ props });
       const rootClass = vue.computed(() => {
-        const prefixCls = componentName$1e;
+        const prefixCls = componentName$1d;
         return {
           [prefixCls]: true,
           [`${prefixCls}--border`]: props.border && !props.gutter
@@ -1692,8 +1651,8 @@
       };
     }
   };
-  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 = vue.inject(key, null);
     if (parent) {
@@ -1712,8 +1671,8 @@
       index: vue.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
@@ -1747,7 +1706,7 @@
       const index = Parent.index;
       const parent = Parent.parent.props;
       const rootClass = vue.computed(() => {
-        const prefixCls = componentName$1d;
+        const prefixCls = componentName$1c;
         return {
           [prefixCls]: true
         };
@@ -1767,7 +1726,7 @@
         return style;
       });
       const contentClass = vue.computed(() => {
-        const prefixCls = `${componentName$1d}__content`;
+        const prefixCls = `${componentName$1c}__content`;
         return {
           [`${prefixCls}`]: true,
           [`${prefixCls}--border`]: parent.border,
@@ -1804,11 +1763,11 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.rootClass),
@@ -1826,14 +1785,14 @@
             size: _ctx.iconProps.size,
             color: _ctx.iconProps.color
           }), null, 16, ["name", "size", "color"])),
-          _ctx.$slots.text ? vue.renderSlot(_ctx.$slots, "text", { key: 2 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1g, vue.toDisplayString(_ctx.text), 1))
+          _ctx.$slots.text ? vue.renderSlot(_ctx.$slots, "text", { key: 2 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1e, vue.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: "" },
@@ -1868,7 +1827,7 @@
       const navBarHtml = vue.ref(null);
       let navHeight = vue.ref(0);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1c;
+        const prefixCls = componentName$1b;
         return {
           [prefixCls]: true,
           [`${prefixCls}--border`]: border.value,
@@ -1914,32 +1873,32 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
-    return _ctx.fixed && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1f, [
+    return _ctx.fixed && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1d, [
       vue.createElementVNode("view", {
         class: vue.normalizeClass(_ctx.classes),
         style: vue.normalizeStyle(_ctx.styles),
@@ -1954,10 +1913,10 @@
             color: "#979797",
             name: "left"
           })) : vue.createCommentVNode("", true),
-          _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$10, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
+          _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$_, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "left")
         ]),
-        vue.createElementVNode("view", _hoisted_3$L, [
+        vue.createElementVNode("view", _hoisted_3$K, [
           _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 0,
             class: "title",
@@ -1976,7 +1935,7 @@
           class: "nut-navbar__right",
           onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
         }, [
-          _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$D, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+          _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$C, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "right")
         ])
       ], 6)
@@ -1994,10 +1953,10 @@
           color: "#979797",
           name: "left"
         })) : vue.createCommentVNode("", true),
-        _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$t, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
+        _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "left")
       ]),
-      vue.createElementVNode("view", _hoisted_6$q, [
+      vue.createElementVNode("view", _hoisted_6$p, [
         _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 0,
           class: "title",
@@ -2016,13 +1975,13 @@
         class: "nut-navbar__right",
         onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
       }, [
-        _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$k, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+        _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$l, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
         vue.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: {
@@ -2066,7 +2025,7 @@
     emits: ["update:visible", "selected"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1b;
+        const prefixCls = componentName$1a;
         return {
           [prefixCls]: true,
           active: props.visible,
@@ -2087,15 +2046,15 @@
       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 = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -2110,7 +2069,7 @@
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
       }, null, 8, ["visible"])) : vue.createCommentVNode("", true),
       vue.renderSlot(_ctx.$slots, "list", {}, () => [
-        vue.createElementVNode("view", _hoisted_1$1e, [
+        vue.createElementVNode("view", _hoisted_1$1c, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: vue.normalizeClass(["nut-fixednav__list-item", { active: item.id == _ctx.current }]),
@@ -2119,10 +2078,10 @@
             }, [
               vue.createElementVNode("img", {
                 src: item.icon
-              }, null, 8, _hoisted_3$K),
-              vue.createElementVNode("view", _hoisted_4$C, vue.toDisplayString(item.text), 1),
-              item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
-            ], 10, _hoisted_2$$);
+              }, null, 8, _hoisted_3$J),
+              vue.createElementVNode("view", _hoisted_4$B, vue.toDisplayString(item.text), 1),
+              item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$r, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
+            ], 10, _hoisted_2$Z);
           }), 128))
         ])
       ]),
@@ -2135,16 +2094,16 @@
             name: "left",
             color: "#fff"
           }),
-          vue.createElementVNode("view", _hoisted_6$p, vue.toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
+          vue.createElementVNode("view", _hoisted_6$o, vue.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,
@@ -2211,7 +2170,7 @@
       const { children, linkChildren } = useChildren();
       const opened = vue.computed(() => children.some((item) => item.state.showWrapper));
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1a;
+        const prefixCls = componentName$19;
         return {
           [prefixCls]: true,
           "scroll-fixed": isScrollFixed.value
@@ -2279,9 +2238,9 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -2300,22 +2259,22 @@
             vue.createElementVNode("view", {
               class: vue.normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
             }, [
-              vue.createElementVNode("view", _hoisted_2$_, vue.toDisplayString(item.renderTitle()), 1),
+              vue.createElementVNode("view", _hoisted_2$Y, vue.toDisplayString(item.renderTitle()), 1),
               vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
                 name: _ctx.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
                 size: "10",
                 class: "nut-menu__title-icon"
               }), null, 16, ["name"])
             ], 2)
-          ], 14, _hoisted_1$1d);
+          ], 14, _hoisted_1$1b);
         }), 128))
       ], 2),
       vue.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: {
@@ -2339,10 +2298,10 @@
       }
     },
     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 = vue.reactive({
         showPopup: false,
@@ -2363,7 +2322,7 @@
       };
       const { parent } = useParent();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$19;
+        const prefixCls = componentName$18;
         return {
           [prefixCls]: true
         };
@@ -2384,6 +2343,7 @@
         state.isShowPlaceholderElement = show;
         if (show) {
           state.showWrapper = true;
+          emit("open");
         }
       };
       const renderTitle = () => {
@@ -2403,11 +2363,13 @@
         }
       };
       const handleClose = () => {
+        emit("close");
         state.showWrapper = false;
         state.isShowPlaceholderElement = false;
       };
       const handleClickOutside = () => {
         state.showPopup = false;
+        emit("close");
       };
       return {
         classes,
@@ -2422,9 +2384,9 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
@@ -2454,7 +2416,7 @@
         "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay
       }), {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$1c, [
+          vue.createElementVNode("view", _hoisted_1$1a, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
               return vue.openBlock(), vue.createElementBlock("view", {
                 key: index,
@@ -2471,7 +2433,7 @@
                   class: vue.normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
                   style: vue.normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
                 }, vue.toDisplayString(option.text), 7)
-              ], 14, _hoisted_2$Z);
+              ], 14, _hoisted_2$X);
             }), 128)),
             vue.renderSlot(_ctx.$slots, "default")
           ])
@@ -2482,9 +2444,9 @@
       [vue.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],
@@ -2563,7 +2525,7 @@
       };
     }
   });
-  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 ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: "nut-tabbar__placeholder",
@@ -2582,9 +2544,9 @@
       vue.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,
@@ -2627,7 +2589,10 @@
       },
       to: [Object, String]
     },
-    setup(props, ctx) {
+    setup(props, { emit, slots }) {
+      const isHaveSlot = (slot) => {
+        return slots[slot];
+      };
       const parent = vue.inject("parent");
       const state = vue.reactive({
         size: parent.size,
@@ -2689,26 +2654,31 @@
       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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": !_ctx.active }]),
@@ -2717,12 +2687,15 @@
       }),
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change())
     }, [
-      vue.createElementVNode("view", _hoisted_1$1b, [
+      vue.createElementVNode("view", _hoisted_1$19, [
         !_ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Y, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$J, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
+          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$W, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$I, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        _ctx.dot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$B)) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$r, [
+        _ctx.dot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$A)) : vue.createCommentVNode("", true),
+        _ctx.isHaveSlot("icon") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$q, [
+          vue.renderSlot(_ctx.$slots, "icon", { active: _ctx.active })
+        ])) : vue.createCommentVNode("", true),
+        _ctx.icon && !_ctx.isHaveSlot("icon") ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$n, [
           vue.createVNode(_component_nut_icon, {
             class: "nut-tabbar-item_icon-box_icon",
             size: _ctx.state.size,
@@ -2731,8 +2704,8 @@
             "class-prefix": _ctx.classPrefix
           }, null, 8, ["size", "name", "font-class-name", "class-prefix"])
         ])) : vue.createCommentVNode("", true),
-        !_ctx.icon && _ctx.activeImg ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 3,
+        !_ctx.icon && _ctx.activeImg && !_ctx.isHaveSlot("icon") ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 4,
           class: "nut-tabbar-item_icon-box_icon",
           style: vue.normalizeStyle({
             backgroundImage: `url(${_ctx.active ? _ctx.activeImg : _ctx.img})`,
@@ -2741,23 +2714,26 @@
           })
         }, null, 4)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", {
-          class: vue.normalizeClass(["nut-tabbar-item_icon-box_nav-word", { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.activeImg }])
+          class: vue.normalizeClass([
+            "nut-tabbar-item_icon-box_nav-word",
+            { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.activeImg && !_ctx.isHaveSlot("icon") }
+          ])
         }, [
-          _ctx.tabTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$o, vue.toDisplayString(_ctx.tabTitle), 1)) : vue.createCommentVNode("", true),
+          _ctx.tabTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$k, vue.toDisplayString(_ctx.tabTitle), 1)) : vue.createCommentVNode("", true),
           !_ctx.tabTitle ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.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 = vue.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],
@@ -2786,7 +2762,7 @@
         default: 35
       }
     },
-    emits: ["click-item", "click-index"],
+    emits: ["click-item", "click-index", "change"],
     setup(props, context) {
       const listview = vue.ref(null);
       const state = vue.reactive({
@@ -2807,7 +2783,7 @@
         fixedTop: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$18;
+        const prefixCls = componentName$17;
         return {
           [prefixCls]: true
         };
@@ -2921,6 +2897,12 @@
           state.fixedTop = fixedTop;
         }
       );
+      vue.watch(
+        () => state.currentIndex,
+        (newVal) => {
+          context.emit("change", newVal);
+        }
+      );
       return {
         classes,
         ...vue.toRefs(state),
@@ -2936,13 +2918,13 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -2958,7 +2940,7 @@
             ref_for: true,
             ref: _ctx.setListGroup
           }, [
-            vue.createElementVNode("view", _hoisted_1$1a, vue.toDisplayString(item[_ctx.acceptKey]), 1),
+            vue.createElementVNode("view", _hoisted_1$18, vue.toDisplayString(item[_ctx.acceptKey]), 1),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.list, (subitem) => {
               return vue.openBlock(), vue.createElementBlock("view", {
                 class: vue.normalizeClass(["nut-elevator__list__item__name", {
@@ -2970,11 +2952,11 @@
                 !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
                   innerHTML: subitem.name
-                }, null, 8, _hoisted_3$I)) : vue.renderSlot(_ctx.$slots, "default", {
+                }, null, 8, _hoisted_3$H)) : vue.renderSlot(_ctx.$slots, "default", {
                   key: 1,
                   item: subitem
                 })
-              ], 10, _hoisted_2$X);
+              ], 10, _hoisted_2$V);
             }), 128))
           ]);
         }), 128)),
@@ -2983,7 +2965,7 @@
           class: "nut-elevator__list__fixed",
           style: vue.normalizeStyle(_ctx.fixedStyle)
         }, [
-          vue.createElementVNode("span", _hoisted_4$A, vue.toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 1)
+          vue.createElementVNode("span", _hoisted_4$z, vue.toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 1)
         ], 4)), [
           [vue.vShow, _ctx.scrollY > 0]
         ]) : vue.createCommentVNode("", true)
@@ -3000,22 +2982,22 @@
         onTouchmove: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
         onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
       }, [
-        vue.createElementVNode("view", _hoisted_5$q, [
+        vue.createElementVNode("view", _hoisted_5$p, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.indexList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: vue.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])
-            }, vue.toDisplayString(item[_ctx.acceptKey]), 11, _hoisted_6$n);
+            }, vue.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,
@@ -3121,19 +3103,19 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", _hoisted_1$19, [
+  const _hoisted_5$o = { class: "nut-pagination-simple" };
+  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$17, [
       vue.createElementVNode("view", {
         class: vue.normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
@@ -3142,7 +3124,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
         ])
       ], 2),
-      _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$W, [
+      _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$U, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.pages, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("view", {
             key: index + "pagination",
@@ -3152,11 +3134,11 @@
             vue.renderSlot(_ctx.$slots, "page", { item }, () => [
               vue.createTextVNode(vue.toDisplayString(item.text), 1)
             ])
-          ], 10, _hoisted_3$H);
+          ], 10, _hoisted_3$G);
         }), 128))
       ])) : vue.createCommentVNode("", true),
-      _ctx.mode == "simple" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$z, [
-        vue.createElementVNode("view", _hoisted_5$p, vue.toDisplayString(_ctx.modelValue) + "/" + vue.toDisplayString(_ctx.countRef), 1)
+      _ctx.mode == "simple" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$y, [
+        vue.createElementVNode("view", _hoisted_5$o, vue.toDisplayString(_ctx.modelValue) + "/" + vue.toDisplayString(_ctx.countRef), 1)
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         class: vue.normalizeClass(["nut-pagination-next", _ctx.modelValue >= _ctx.countRef ? "disabled" : ""]),
@@ -3168,7 +3150,7 @@
       ], 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 = "";
@@ -3360,8 +3342,8 @@
       };
     }
   };
-  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 = vue.resolveComponent("nut-icon");
     const _component_nut_sticky = vue.resolveComponent("nut-sticky");
@@ -3406,7 +3388,7 @@
                 vue.createElementVNode("view", {
                   class: vue.normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
                 }, vue.toDisplayString(item.title), 3)
-              ], 14, _hoisted_1$18);
+              ], 14, _hoisted_1$16);
             }), 128))
           ], 6)
         ]),
@@ -3441,7 +3423,7 @@
             vue.createElementVNode("view", {
               class: vue.normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
             }, vue.toDisplayString(item.title), 3)
-          ], 14, _hoisted_2$V);
+          ], 14, _hoisted_2$T);
         }), 128))
       ], 6)),
       vue.createElementVNode("view", {
@@ -3452,11 +3434,11 @@
       ], 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],
@@ -3481,16 +3463,16 @@
       };
     }
   });
-  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
     }, [
       vue.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,
@@ -3518,17 +3500,17 @@
     setup(props) {
       const { block, align } = vue.toRefs(props);
       const classes = vue.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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -3545,9 +3527,9 @@
       }), 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],
@@ -3562,7 +3544,7 @@
         observer: null
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$16;
+        const prefixCls = componentName$15;
         return {
           [prefixCls]: true
         };
@@ -3606,25 +3588,25 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      vue.createElementVNode("view", _hoisted_1$17, [
-        vue.createElementVNode("view", _hoisted_2$U, [
+      vue.createElementVNode("view", _hoisted_1$15, [
+        vue.createElementVNode("view", _hoisted_2$S, [
           vue.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,
@@ -3638,7 +3620,7 @@
     emits: ["click"],
     setup: (props, context) => {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$15;
+        const prefixCls = componentName$14;
         return {
           [prefixCls]: true
         };
@@ -3652,20 +3634,20 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-sidenavbaritem",
       onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
       ikey: _ctx.ikey
     }, [
-      vue.createElementVNode("span", _hoisted_2$T, vue.toDisplayString(_ctx.title), 1)
-    ], 8, _hoisted_1$16);
+      vue.createElementVNode("span", _hoisted_2$R, vue.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,
@@ -3686,7 +3668,7 @@
         direction: ""
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$14;
+        const prefixCls = componentName$13;
         return {
           [prefixCls]: true
         };
@@ -3711,10 +3693,10 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -3724,8 +3706,8 @@
         class: "nut-subsidenavbar__title",
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
-        vue.createElementVNode("span", _hoisted_2$S, vue.toDisplayString(_ctx.title), 1),
-        vue.createElementVNode("span", _hoisted_3$G, [
+        vue.createElementVNode("span", _hoisted_2$Q, vue.toDisplayString(_ctx.title), 1),
+        vue.createElementVNode("span", _hoisted_3$F, [
           vue.createVNode(_component_nut_icon, {
             name: "down-arrow",
             class: vue.normalizeClass(_ctx.direction)
@@ -3738,9 +3720,9 @@
       }, [
         vue.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) {
@@ -3804,8 +3786,8 @@
       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,
@@ -3864,7 +3846,7 @@
       });
       const scope = vue.computed(() => Number(props.max) - Number(props.min));
       const classes = vue.computed(() => {
-        const prefixCls = componentName$13;
+        const prefixCls = componentName$12;
         return {
           [prefixCls]: true,
           [`${prefixCls}-disabled`]: props.disabled,
@@ -4091,21 +4073,21 @@
       };
     }
   });
-  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"
   };
@@ -4113,18 +4095,18 @@
     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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.containerClasses)
     }, [
-      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$14, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
+      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$12, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         ref: "root",
         style: vue.normalizeStyle(_ctx.wrapperStyle),
         class: vue.normalizeClass(_ctx.classes),
         onClick: _cache[9] || (_cache[9] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
       }, [
-        _ctx.marksList.length > 0 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$R, [
+        _ctx.marksList.length > 0 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$P, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.marksList, (marks) => {
             return vue.openBlock(), vue.createElementBlock("span", {
               key: marks,
@@ -4175,9 +4157,9 @@
                 class: "nut-range-button",
                 style: vue.normalizeStyle(_ctx.buttonStyle)
               }, [
-                !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$y, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
+                !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$x, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$F);
+            ], 42, _hoisted_3$E);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -4203,17 +4185,17 @@
               class: "nut-range-button",
               style: vue.normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$m, vue.toDisplayString(_ctx.curValue()), 1)) : vue.createCommentVNode("", true)
+              !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$l, vue.toDisplayString(_ctx.curValue()), 1)) : vue.createCommentVNode("", true)
             ], 4))
-          ], 40, _hoisted_5$o))
+          ], 40, _hoisted_5$n))
         ], 4)
       ], 6),
       !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$j, vue.toDisplayString(+_ctx.max), 1)) : vue.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],
@@ -4375,28 +4357,28 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-searchbar",
       style: vue.normalizeStyle(_ctx.searchbarStyle)
     }, [
-      _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$13, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Q, [
+      _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$11, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$O, [
         vue.renderSlot(_ctx.$slots, "leftout")
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
@@ -4410,7 +4392,7 @@
         }, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$E, [
+        vue.createElementVNode("view", _hoisted_3$D, [
           vue.createElementVNode("form", {
             action: "#",
             onSubmit: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -4429,7 +4411,7 @@
               onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
               onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
               style: vue.normalizeStyle(_ctx.styleSearchbar)
-            }, null, 44, _hoisted_4$x)
+            }, null, 44, _hoisted_4$w)
           ], 32),
           _ctx.clearable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
             key: 0,
@@ -4453,12 +4435,12 @@
           vue.renderSlot(_ctx.$slots, "rightin")
         ])) : vue.createCommentVNode("", true)
       ], 4),
-      _ctx.$slots.rightout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$n, [
+      _ctx.$slots.rightout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$m, [
         vue.renderSlot(_ctx.$slots, "rightout")
       ])) : vue.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;
@@ -4579,8 +4561,8 @@
       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,
@@ -4807,14 +4789,14 @@
       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__ */ vue.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__ */ vue.createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
+  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_tabpane = vue.resolveComponent("nut-tabpane");
     const _component_nut_tabs = vue.resolveComponent("nut-tabs");
@@ -4832,7 +4814,7 @@
             key: index
           }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("view", _hoisted_1$12, [
+              vue.createElementVNode("view", _hoisted_1$10, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pane.nodes, (node) => {
                   return vue.openBlock(), vue.createElementBlock("view", {
                     key: node.value,
@@ -4842,7 +4824,7 @@
                     role: "menuitemradio",
                     onClick: ($event) => _ctx.handleNode(node, false)
                   }, [
-                    vue.createElementVNode("view", _hoisted_3$D, vue.toDisplayString(node.text), 1),
+                    vue.createElementVNode("view", _hoisted_3$C, vue.toDisplayString(node.text), 1),
                     node.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                       key: 0,
                       class: "nut-cascader-item__icon-loading",
@@ -4852,7 +4834,7 @@
                       class: "nut-cascader-item__icon-check",
                       name: "checklist"
                     }))
-                  ], 10, _hoisted_2$P);
+                  ], 10, _hoisted_2$N);
                 }), 128))
               ])
             ]),
@@ -4863,7 +4845,7 @@
           title: "Loading..."
         }, {
           default: vue.withCtx(() => [
-            _hoisted_4$w
+            _hoisted_4$v
           ]),
           _: 1
         }))
@@ -4871,9 +4853,9 @@
       _: 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
     },
@@ -4942,8 +4924,8 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-cascader-item");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return _ctx.poppable ? (vue.openBlock(), vue.createBlock(_component_nut_popup, {
@@ -4963,7 +4945,7 @@
           key: 0,
           class: "nut-cascader__bar",
           innerHTML: _ctx.title
-        }, null, 8, _hoisted_1$11)) : vue.createCommentVNode("", true),
+        }, null, 8, _hoisted_1$$)) : vue.createCommentVNode("", true),
         vue.createVNode(_component_nut_cascader_item, {
           onChange: _ctx.onChange,
           onPathChange: _ctx.onPathChange,
@@ -4994,7 +4976,7 @@
       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;
@@ -5089,8 +5071,8 @@
     }
   }
   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,
@@ -5147,11 +5129,16 @@
       endDate: {
         type: String,
         default: Utils.getDay(365)
+      },
+      firstDayOfWeek: {
+        type: Number,
+        default: 0
       }
     },
     emits: ["choose", "update", "close", "select"],
     setup(props, { emit, slots }) {
-      const weeks = vue.ref(translate$o("weekdays"));
+      const weekdays = translate$o("weekdays");
+      const weeks = vue.ref([...weekdays.slice(props.firstDayOfWeek, 7), ...weekdays.slice(0, props.firstDayOfWeek)]);
       const months = vue.ref(null);
       const monthsPanel = vue.ref(null);
       const weeksPanel = vue.ref(null);
@@ -5340,6 +5327,7 @@
         });
       };
       const getPreDaysStatus = (days, type, dateInfo, preCurrMonthDays) => {
+        days = days - props.firstDayOfWeek;
         let { year, month } = dateInfo;
         if (type == "prev" && days >= 7) {
           days -= 7;
@@ -5667,27 +5655,27 @@
       };
     }
   });
-  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" };
@@ -5711,7 +5699,7 @@
     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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(["nut-calendar nut-calendar-taro", {
         "nut-calendar-tile": !_ctx.poppable,
@@ -5721,12 +5709,12 @@
       vue.createElementVNode("view", {
         class: vue.normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
       }, [
-        _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$10, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : vue.createCommentVNode("", true),
-        _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$O, [
+        _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$_, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : vue.createCommentVNode("", true),
+        _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$M, [
           vue.renderSlot(_ctx.$slots, "btn")
         ])) : vue.createCommentVNode("", true),
-        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$C, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_4$v, [
+        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$B, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("view", _hoisted_4$u, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weeks, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: "calendar-week-item",
@@ -5740,7 +5728,7 @@
         ref: "months",
         onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.mothsViewScroll && _ctx.mothsViewScroll(...args))
       }, [
-        vue.createElementVNode("view", _hoisted_5$m, [
+        vue.createElementVNode("view", _hoisted_5$l, [
           vue.createElementVNode("view", {
             class: "viewArea",
             ref: "viewArea",
@@ -5751,7 +5739,7 @@
                 class: "calendar-month",
                 key: index
               }, [
-                vue.createElementVNode("view", _hoisted_6$l, vue.toDisplayString(month.title), 1),
+                vue.createElementVNode("view", _hoisted_6$k, vue.toDisplayString(month.title), 1),
                 vue.createElementVNode("view", _hoisted_7$i, [
                   vue.createElementVNode("view", {
                     class: vue.normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
@@ -5802,9 +5790,9 @@
       ])) : vue.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
     },
@@ -5867,6 +5855,11 @@
       endDate: {
         type: String,
         default: Utils.getDay(365)
+      },
+      firstDayOfWeek: {
+        type: Number,
+        default: 0,
+        validator: (val) => val >= 0 && val <= 6
       }
     },
     emits: ["choose", "close", "update:visible", "select"],
@@ -5922,7 +5915,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-calendar-item");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return _ctx.poppable ? (vue.openBlock(), vue.createBlock(_component_nut_popup, {
@@ -5958,7 +5951,8 @@
           "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
         }, vue.createSlots({ _: 2 }, [
           _ctx.showTopBtn ? {
             name: "btn",
@@ -5994,7 +5988,7 @@
             ]),
             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"])) : vue.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"])) : vue.createCommentVNode("", true)
       ]),
       _: 3
     }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (vue.openBlock(), vue.createBlock(_component_nut_calendar_item, {
@@ -6017,6 +6011,7 @@
       "show-title": _ctx.showTitle,
       "show-sub-title": _ctx.showSubTitle,
       "to-date-animation": _ctx.toDateAnimation,
+      "first-day-of-week": _ctx.firstDayOfWeek,
       ref: "calendarRef"
     }, vue.createSlots({ _: 2 }, [
       _ctx.showTopBtn ? {
@@ -6053,9 +6048,9 @@
         ]),
         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: {
@@ -6209,10 +6204,10 @@
       }
     };
   };
-  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,
@@ -6285,15 +6280,15 @@
         return vue.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,
@@ -6515,16 +6510,16 @@
       };
     }
   });
-  const _hoisted_1$$ = {
+  const _hoisted_1$Z = {
     key: 1,
     class: "nut-picker-roller-item-tile"
   };
-  const _hoisted_2$N = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
-  const _hoisted_3$B = {
+  const _hoisted_2$L = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-picker__list",
       onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
@@ -6546,12 +6541,12 @@
               class: vue.normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
               style: vue.normalizeStyle(_ctx.setRollerStyle(index + 1))
             }, vue.toDisplayString(item.text), 7)) : vue.createCommentVNode("", true),
-            item && item.text && !_ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$$, vue.toDisplayString(item.text), 1)) : vue.createCommentVNode("", true)
+            item && item.text && !_ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$Z, vue.toDisplayString(item.text), 1)) : vue.createCommentVNode("", true)
           ], 64);
         }), 128))
       ], 36),
-      _hoisted_2$N,
-      _ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$B, [
+      _hoisted_2$L,
+      _ctx.threeDimensional ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$A, [
         vue.createElementVNode("view", {
           class: "nut-picker-list-panel",
           ref: "list",
@@ -6560,11 +6555,11 @@
       ])) : vue.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: {
@@ -6620,7 +6615,7 @@
         }
       };
       const classes = vue.computed(() => {
-        const prefixCls = componentName$10;
+        const prefixCls = componentName$$;
         return {
           [prefixCls]: true
         };
@@ -6774,7 +6769,7 @@
       return {
         classes,
         ...vue.toRefs(state),
-        column: column$1,
+        column,
         columnsType,
         columnsList,
         close,
@@ -6787,14 +6782,14 @@
       };
     }
   });
-  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__ */ vue.createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
-  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_4$t = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
+  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_picker_column = vue.resolveComponent("nut-picker-column");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -6814,20 +6809,20 @@
         destroyOnClose: _ctx.destroyOnClose
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$_, [
+          vue.createElementVNode("view", _hoisted_1$Y, [
             vue.createElementVNode("view", {
               class: "nut-picker__cancel nut-picker__left nut-picker__button",
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
             }, vue.toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1),
-            vue.createElementVNode("view", _hoisted_2$M, vue.toDisplayString(_ctx.title), 1),
+            vue.createElementVNode("view", _hoisted_2$K, vue.toDisplayString(_ctx.title), 1),
             vue.createElementVNode("view", {
               class: "nut-picker__confirm nut-picker__right nut-picker__button",
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirmHandler())
             }, vue.toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
           ]),
           vue.renderSlot(_ctx.$slots, "top"),
-          vue.createElementVNode("view", _hoisted_3$A, [
-            _hoisted_4$u,
+          vue.createElementVNode("view", _hoisted_3$z, [
+            _hoisted_4$t,
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnsList, (column2, columnIndex) => {
               return vue.openBlock(), vue.createElementBlock("view", {
                 class: "nut-picker__columnitem",
@@ -6856,7 +6851,7 @@
       }, 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) {
@@ -6864,7 +6859,7 @@
     }
     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());
@@ -6877,7 +6872,7 @@
     minute: translate$m("minute"),
     seconds: translate$m("seconds")
   };
-  const _sfc_main$1e = create$1e({
+  const _sfc_main$1c = create$1c({
     components: {
       [Picker.name]: Picker
     },
@@ -7178,7 +7173,7 @@
       };
     }
   });
-  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_picker = vue.resolveComponent("nut-picker");
     return vue.openBlock(), vue.createBlock(_component_nut_picker, {
       modelValue: _ctx.selectedValue,
@@ -7207,9 +7202,9 @@
       _: 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],
@@ -7259,7 +7254,7 @@
     emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$_;
+        const prefixCls = componentName$Z;
         return {
           [prefixCls]: true,
           [`${prefixCls}--disabled`]: props.disabled
@@ -7336,8 +7331,8 @@
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -7359,7 +7354,7 @@
         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),
       vue.createVNode(_component_nut_icon, vue.mergeProps({
         name: _ctx.iconRight,
         class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }],
@@ -7367,7 +7362,7 @@
       }, _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) {
@@ -7392,8 +7387,8 @@
     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,
@@ -7549,7 +7544,7 @@
         validateMessage: ""
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$Z;
+        const prefixCls = componentName$Y;
         return {
           [prefixCls]: true,
           center: props.center,
@@ -7661,12 +7656,6 @@
         }
         emit("click-right-icon", event);
       };
-      const onClick = (e) => {
-        if (props.disabled) {
-          e.stopImmediatePropagation();
-          return;
-        }
-      };
       vue.watch(
         () => props.modelValue,
         () => {
@@ -7694,17 +7683,16 @@
         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" };
@@ -7713,11 +7701,10 @@
     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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
-      class: vue.normalizeClass(_ctx.classes),
-      onClick: _cache[11] || (_cache[11] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+      class: vue.normalizeClass(_ctx.classes)
     }, [
       _ctx.$slots.input ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -7728,9 +7715,9 @@
             textAlign: _ctx.labelAlign
           })
         }, [
-          vue.createElementVNode("view", _hoisted_1$Y, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
+          vue.createElementVNode("view", _hoisted_1$W, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
         ], 6)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_2$L, [
+        vue.createElementVNode("view", _hoisted_2$J, [
           vue.createElementVNode("view", {
             class: "nut-input-inner",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
@@ -7754,11 +7741,11 @@
             textAlign: _ctx.labelAlign
           })
         }, [
-          vue.createElementVNode("view", _hoisted_3$z, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
+          vue.createElementVNode("view", _hoisted_3$y, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
         ], 6)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_4$t, [
-          vue.createElementVNode("view", _hoisted_5$l, [
-            vue.createElementVNode("view", _hoisted_6$k, [
+        vue.createElementVNode("view", _hoisted_4$s, [
+          vue.createElementVNode("view", _hoisted_5$k, [
+            vue.createElementVNode("view", _hoisted_6$j, [
               _ctx.type == "textarea" ? (vue.openBlock(), vue.createElementBlock("textarea", {
                 key: 0,
                 class: "input-text",
@@ -7816,7 +7803,8 @@
             _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {
               key: 1,
               class: "nut-input-button"
-            }) : vue.createCommentVNode("", true)
+            }) : vue.createCommentVNode("", true),
+            _ctx.$slots.rightExtra ? vue.renderSlot(_ctx.$slots, "rightExtra", { key: 2 }) : vue.createCommentVNode("", true)
           ]),
           _ctx.showWordLimit && _ctx.maxLength ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$5, [
             vue.createElementVNode("span", _hoisted_11$5, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
@@ -7833,9 +7821,9 @@
       ], 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,
@@ -7883,7 +7871,7 @@
       });
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName } = props;
-        return vue.h(_sfc_main$1R, {
+        return vue.h(_sfc_main$1P, {
           name: isCurValue.value ? iconActiveName : iconName,
           size: iconSize,
           class: color.value,
@@ -7896,7 +7884,7 @@
         return vue.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)
         );
@@ -7906,7 +7894,7 @@
         return vue.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)
         );
@@ -7921,7 +7909,7 @@
         return vue.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
           },
           [
@@ -7931,8 +7919,8 @@
       };
     }
   });
-  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],
@@ -7964,14 +7952,14 @@
         return vue.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: {
@@ -8036,7 +8024,7 @@
       setup(props, { emit }) {
         const rateRefs = vue.ref([]);
         const classes = vue.computed(() => {
-          const prefixCls = componentName$W;
+          const prefixCls = componentName$V;
           return {
             [prefixCls]: true
           };
@@ -8106,7 +8094,7 @@
     };
   };
   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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -8151,15 +8139,15 @@
             size: _ctx.iconSize,
             name: _ctx.uncheckedIcon
           }, null, 8, ["onClick", "font-class-name", "class-prefix", "color", "size", "name"])) : vue.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,
@@ -8291,15 +8279,15 @@
       };
     }
   });
-  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__ */ vue.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__ */ vue.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,
@@ -8309,7 +8297,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 = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", null, [
@@ -8328,9 +8316,9 @@
         isWrapTeleport: _ctx.isWrapTeleport
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$W, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1),
-          vue.createElementVNode("view", _hoisted_2$K, vue.toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
-          vue.createElementVNode("div", _hoisted_3$y, [
+          vue.createElementVNode("view", _hoisted_1$U, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1),
+          vue.createElementVNode("view", _hoisted_2$I, vue.toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
+          vue.createElementVNode("div", _hoisted_3$x, [
             vue.withDirectives(vue.createElementVNode("input", {
               ref: "realpwd",
               class: "nut-input-real",
@@ -8342,7 +8330,7 @@
             }, null, 36), [
               [vue.vModelText, _ctx.realInput]
             ]),
-            _hoisted_4$s,
+            _hoisted_4$r,
             vue.createElementVNode("view", {
               class: "nut-shortpsd-fake",
               onClick: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
@@ -8352,12 +8340,12 @@
                   class: "nut-shortpsd-li",
                   key: index
                 }, [
-                  String(_ctx.realInput).length > index ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$k)) : vue.createCommentVNode("", true)
+                  String(_ctx.realInput).length > index ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$j)) : vue.createCommentVNode("", true)
                 ]);
               }), 128))
             ])
           ]),
-          vue.createElementVNode("view", _hoisted_6$j, [
+          vue.createElementVNode("view", _hoisted_6$i, [
             vue.createElementVNode("view", _hoisted_7$g, vue.toDisplayString(_ctx.errorMsg), 1),
             _ctx.tips || _ctx.translate("tips") ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_8$b, [
               vue.createVNode(_component_nut_icon, {
@@ -8385,9 +8373,9 @@
       }, 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],
@@ -8434,7 +8422,7 @@
     setup(props, { emit }) {
       const textareaRef = vue.ref();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$V;
+        const prefixCls = componentName$U;
         return {
           [prefixCls]: true,
           [`${prefixCls}--disabled`]: props.disabled
@@ -8517,12 +8505,12 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -8540,11 +8528,11 @@
         maxlength: _ctx.maxLength,
         placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
         autofocus: _ctx.autofocus
-      }, null, 44, _hoisted_1$V),
-      _ctx.limitShow ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$J, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + vue.toDisplayString(_ctx.maxLength), 1)) : vue.createCommentVNode("", true)
+      }, null, 44, _hoisted_1$T),
+      _ctx.limitShow ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$H, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + vue.toDisplayString(_ctx.maxLength), 1)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$16]]);
+  var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$14]]);
   class UploadOptions {
     constructor() {
       this.url = "";
@@ -8651,8 +8639,8 @@
       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: "" },
@@ -8676,6 +8664,7 @@
       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
@@ -8707,7 +8696,7 @@
       const fileList = vue.reactive(props.fileList);
       let uploadQueue = [];
       const classes = vue.computed(() => {
-        const prefixCls = componentName$U;
+        const prefixCls = componentName$T;
         return {
           [prefixCls]: true
         };
@@ -8893,21 +8882,21 @@
       };
     }
   });
-  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"
@@ -8927,13 +8916,13 @@
   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 = vue.resolveComponent("nut-icon");
     const _component_nut_progress = vue.resolveComponent("nut-progress");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$U, [
+      _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$S, [
         vue.renderSlot(_ctx.$slots, "default"),
         _ctx.maximum - _ctx.fileList.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           _ctx.capture ? (vue.openBlock(), vue.createElementBlock("input", {
@@ -8946,7 +8935,7 @@
             name: _ctx.name,
             disabled: _ctx.disabled,
             onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-          }, null, 40, _hoisted_2$I)) : (vue.openBlock(), vue.createElementBlock("input", {
+          }, null, 40, _hoisted_2$G)) : (vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
             class: "nut-uploader__input",
             type: "file",
@@ -8955,7 +8944,7 @@
             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)) : vue.createCommentVNode("", true)
       ])) : vue.createCommentVNode("", true),
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item, index) => {
@@ -8963,9 +8952,9 @@
           class: vue.normalizeClass(["nut-uploader__preview", [_ctx.listType]]),
           key: item.uid
         }, [
-          _ctx.listType == "picture" && !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$r, [
-            item.status == "ready" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$j, [
-              vue.createElementVNode("view", _hoisted_6$i, vue.toDisplayString(item.message), 1)
+          _ctx.listType == "picture" && !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$q, [
+            item.status == "ready" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$i, [
+              vue.createElementVNode("view", _hoisted_6$h, vue.toDisplayString(item.message), 1)
             ])) : item.status != "success" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$f, [
               vue.createVNode(_component_nut_icon, {
                 color: "#fff",
@@ -8973,12 +8962,11 @@
               }, null, 8, ["name"]),
               vue.createElementVNode("view", _hoisted_8$a, vue.toDisplayString(item.message), 1)
             ])) : vue.createCommentVNode("", true),
-            _ctx.isDeletable ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-              key: 2,
+            _ctx.isDeletable ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 2 }, _ctx.$attrs, {
               onClick: ($event) => _ctx.onDelete(item, index),
               class: "close",
-              name: "failure"
-            }, null, 8, ["onClick"])) : vue.createCommentVNode("", true),
+              name: _ctx.deleteIcon
+            }), null, 16, ["onClick", "name"])) : vue.createCommentVNode("", true),
             item.type.includes("image") && item.url ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 3,
               class: "nut-uploader__preview-img__c",
@@ -9053,9 +9041,9 @@
       ], 2)) : vue.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,
@@ -9216,18 +9204,18 @@
       };
     }
   });
-  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"
@@ -9245,7 +9233,7 @@
   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 = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
       visible: _ctx.show,
@@ -9259,17 +9247,17 @@
       "overlay-class": "nut-numberkeyboard-overlay"
     }, {
       default: vue.withCtx(() => [
-        vue.createElementVNode("div", _hoisted_1$T, [
-          _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$H, [
-            vue.createElementVNode("h3", _hoisted_3$w, vue.toDisplayString(_ctx.title), 1),
+        vue.createElementVNode("div", _hoisted_1$R, [
+          _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F, [
+            vue.createElementVNode("h3", _hoisted_3$v, vue.toDisplayString(_ctx.title), 1),
             _ctx.type == "default" ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: "keyboard-close",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
             }, vue.toDisplayString(_ctx.translate("done")), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4$q, [
-            vue.createElementVNode("div", _hoisted_5$i, [
+          vue.createElementVNode("div", _hoisted_4$p, [
+            vue.createElementVNode("div", _hoisted_5$h, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.keysList, (item) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: vue.normalizeClass([
@@ -9296,7 +9284,7 @@
                     ], 64)) : vue.createCommentVNode("", true),
                     item.type == "lock" ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_7$e)) : vue.createCommentVNode("", true),
                     item.type == "delete" ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_8$9)) : vue.createCommentVNode("", true)
-                  ], 42, _hoisted_6$h)
+                  ], 42, _hoisted_6$g)
                 ], 2);
               }), 128))
             ]),
@@ -9324,7 +9312,7 @@
       _: 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: {
@@ -9463,608 +9451,136 @@
         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 = vue.resolveComponent("nut-cell-group");
-    return vue.openBlock(), vue.createElementBlock("form", {
-      class: "nut-form",
-      action: "#",
-      onSubmit: _cache[0] || (_cache[0] = vue.withModifiers(() => false, ["prevent"]))
-    }, [
-      vue.createVNode(_component_nut_cell_group, null, {
-        default: vue.withCtx(() => [
-          vue.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 = vue.inject("formErrorTip");
-      vue.provide("form", {
-        props
-      });
-      const labelStyle = vue.computed(() => {
-        return {
-          width: pxCheck(props.labelWidth),
-          textAlign: props.labelAlign
-        };
-      });
-      const bodyStyle = vue.computed(() => {
-        return {
-          textAlign: props.bodyAlign
-        };
-      });
-      const errorMessageStyle = vue.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 = vue.resolveComponent("nut-cell");
-    return vue.openBlock(), vue.createBlock(_component_nut_cell, {
-      class: vue.normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
-      style: vue.normalizeStyle(_ctx.$attrs.style)
-    }, {
-      default: vue.withCtx(() => [
-        _ctx.label || _ctx.getSlots("label") ? (vue.openBlock(), vue.createElementBlock("view", {
-          key: 0,
-          class: vue.normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.required }]),
-          style: vue.normalizeStyle(_ctx.labelStyle)
-        }, [
-          vue.renderSlot(_ctx.$slots, "label", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-          ])
-        ], 6)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_1$S, [
-          vue.createElementVNode("view", {
-            class: "nut-form-item__body__slots",
-            style: vue.normalizeStyle(_ctx.bodyStyle)
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 4),
-          _ctx.parent[_ctx.prop] && _ctx.showErrorMessage ? (vue.openBlock(), vue.createElementBlock("view", {
-            key: 0,
-            class: "nut-form-item__body__tips",
-            style: vue.normalizeStyle(_ctx.errorMessageStyle)
-          }, vue.toDisplayString(_ctx.parent[_ctx.prop]), 5)) : vue.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 = vue.ref();
-      const state = vue.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 = vue.ref(null);
-      const list = vue.ref(null);
-      const listItem = vue.ref(null);
-      const touchDeg = vue.ref(0);
-      const touchTime = vue.ref(0);
-      const touchTranslateY = vue.ref(0);
-      const touchListStyle = vue.computed(() => {
-        return {
-          transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
-          transform: `translate3d(0, ${state.scrollDistance}px, 0)`
-        };
-      });
-      const touchRollerStyle = vue.computed(() => {
-        return {
-          transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
-          transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
-        };
-      });
-      const onTouchStart = (event) => {
-        event.preventDefault();
-        let changedTouches = event.changedTouches[0];
-        state.touchParams.startY = changedTouches.pageY;
-        state.touchParams.startTime = event.timeStamp || Date.now();
-        state.transformY = state.scrollDistance;
-      };
-      const 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);
-      };
-      vue.watch(
-        () => props.listData,
-        (val) => {
-          state.transformY = 0;
-          modifyStatus(false);
-        },
-        {
-          deep: true
-        }
-      );
-      vue.watch(
-        () => props.defaultIndex,
-        (val) => {
-          state.transformY = 0;
-          modifyStatus(false);
-        }
-      );
-      vue.onMounted(() => {
-        modifyStatus(true);
-      });
-      return {
-        ...vue.toRefs(state),
-        ...vue.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 vue.openBlock(), vue.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 = vue.resolveComponent("nut-cell-group");
+    return vue.openBlock(), vue.createElementBlock("form", {
+      class: "nut-form",
+      action: "#",
+      onSubmit: _cache[0] || (_cache[0] = vue.withModifiers(() => false, ["prevent"]))
     }, [
-      vue.createElementVNode("view", {
-        class: "nut-oldpicker-roller",
-        ref: "roller",
-        style: vue.normalizeStyle(_ctx.touchRollerStyle)
-      }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.listData.values, (item, index) => {
-          return vue.openBlock(), vue.createElementBlock("view", {
-            class: vue.normalizeClass(["nut-oldpicker-roller-item", { "nut-oldpicker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
-            style: vue.normalizeStyle(_ctx.setRollerStyle(index + 1)),
-            key: item.label ? item.label : index
-          }, vue.toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 7);
-        }), 128))
-      ], 4),
-      vue.createElementVNode("view", _hoisted_1$R, [
-        vue.createElementVNode("view", {
-          class: "nut-oldpicker-list-panel",
-          ref: "list",
-          style: vue.normalizeStyle(_ctx.touchListStyle)
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.listData.values, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("view", {
-              class: "nut-oldpicker-item nut-oldpicker-item-ref",
-              key: item.label ? item.label : index
-            }, vue.toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
-          }), 128)),
-          _ctx.listData && _ctx.listData.length === 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$G)) : vue.createCommentVNode("", true)
-        ], 4)
-      ])
+      vue.createVNode(_component_nut_cell_group, null, {
+        default: vue.withCtx(() => [
+          vue.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 = vue.reactive({
-        show: false,
-        formattedColumns: props.listData,
-        defaultIndex: props.defaultIndex
+    components: {},
+    emits: [""],
+    setup(props, { emit, slots }) {
+      const parent = vue.inject("formErrorTip");
+      vue.provide("form", {
+        props
       });
-      let _defaultIndex = props.defaultIndex;
-      let defaultIndexList = [];
-      const classes = vue.computed(() => {
-        const prefixCls = componentName$S;
+      const labelStyle = vue.computed(() => {
         return {
-          [prefixCls]: true
+          width: pxCheck(props.labelWidth),
+          textAlign: props.labelAlign
         };
       });
-      const dataType = vue.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 = vue.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) => vue.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 = vue.toRaw(state.formattedColumns).map(
-            (res) => res.values && res.values[res.defaultIndex]
-          );
-          emit("confirm", checkedArr);
-        } else if (dataType.value === "cascade") {
-          emit("confirm", getCascadeData(vue.toRaw(state.formattedColumns), state.defaultIndex));
-        }
-        emit("update:visible", false);
-      };
-      vue.onMounted(() => {
-        if (props.visible)
-          state.show = props.visible;
+      const bodyStyle = vue.computed(() => {
+        return {
+          textAlign: props.bodyAlign
+        };
       });
-      vue.onBeforeUnmount(() => {
-        if (props.visible)
-          state.show = false;
+      const errorMessageStyle = vue.computed(() => {
+        return {
+          textAlign: props.errorMessageAlign
+        };
       });
-      vue.watch(
-        () => props.visible,
-        (val) => {
-          state.show = val;
-        }
-      );
-      vue.watch(
-        () => props.listData,
-        (val) => {
-          state.formattedColumns = val;
-        }
-      );
-      return {
-        classes,
-        ...vue.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__ */ vue.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 = vue.resolveComponent("nut-oldpicker-column");
-    const _component_nut_popup = vue.resolveComponent("nut-popup");
-    return vue.openBlock(), vue.createElementBlock("view", {
-      class: vue.normalizeClass(_ctx.classes)
-    }, [
-      vue.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: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$Q, [
-            vue.createElementVNode("view", {
-              class: "nut-oldpicker__cancel nut-oldpicker__left nut-oldpicker__button",
-              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
-            }, vue.toDisplayString(_ctx.cancelText), 1),
-            vue.createElementVNode("view", _hoisted_2$F, vue.toDisplayString(_ctx.title), 1),
-            vue.createElementVNode("view", {
-              class: "nut-oldpicker__confirm nut-oldpicker__button nut-oldpicker__right",
-              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
-            }, vue.toDisplayString(_ctx.okText), 1)
-          ]),
-          vue.createElementVNode("view", _hoisted_3$v, [
-            _hoisted_4$p,
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnList, (item, columnIndex) => {
-              return vue.openBlock(), vue.createElementBlock("view", {
-                class: "nut-oldpicker__columnitem",
-                key: columnIndex
-              }, [
-                vue.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 = vue.resolveComponent("nut-cell");
+    return vue.openBlock(), vue.createBlock(_component_nut_cell, {
+      class: vue.normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
+      style: vue.normalizeStyle(_ctx.$attrs.style)
+    }, {
+      default: vue.withCtx(() => [
+        _ctx.label || _ctx.getSlots("label") ? (vue.openBlock(), vue.createElementBlock("view", {
+          key: 0,
+          class: vue.normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.required }]),
+          style: vue.normalizeStyle(_ctx.labelStyle)
+        }, [
+          vue.renderSlot(_ctx.$slots, "label", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ])
-        ]),
-        _: 1
-      }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose", "isWrapTeleport"])
-    ], 2);
+        ], 6)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("view", _hoisted_1$Q, [
+          vue.createElementVNode("view", {
+            class: "nut-form-item__body__slots",
+            style: vue.normalizeStyle(_ctx.bodyStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 4),
+          _ctx.parent[_ctx.prop] && _ctx.showErrorMessage ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: "nut-form-item__body__tips",
+            style: vue.normalizeStyle(_ctx.errorMessageStyle)
+          }, vue.toDisplayString(_ctx.parent[_ctx.prop]), 5)) : vue.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: {
@@ -10333,11 +9849,11 @@
     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) {
@@ -10361,7 +9877,7 @@
             vue.renderSlot(_ctx.$slots, "default"),
             !_ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$t, [
               _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$o, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
-              _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$h, [
+              _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$g, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, (item, index) => {
                   return vue.openBlock(), vue.createElementBlock("view", {
                     class: vue.normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable, "nut-actionsheet-item-loading": item.loading }]),
@@ -10374,7 +9890,7 @@
                       name: "loading"
                     })) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$d, vue.toDisplayString(item[_ctx.optionTag]), 1)),
                     vue.createElementVNode("view", _hoisted_8$8, vue.toDisplayString(item[_ctx.optionSubTag]), 1)
-                  ], 14, _hoisted_6$g);
+                  ], 14, _hoisted_6$f);
                 }), 128))
               ])) : vue.createCommentVNode("", true),
               _ctx.cancelTxt ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -11080,6 +10596,7 @@
     },
     emits: ["scroll-change", "load-more", "refresh"],
     setup(props, { emit, slots }) {
+      const touch = useTouch$2();
       const state = vue.reactive({
         scrollEl: window,
         scroller: null,
@@ -11160,6 +10677,7 @@
         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;
@@ -11168,8 +10686,9 @@
         }
       };
       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;
@@ -11186,6 +10705,9 @@
             emit("refresh", refreshDone);
           }
         }
+        setTimeout(() => {
+          touch.reset();
+        }, 0);
       };
       const getParentElement = (el) => {
         return !!props.containerId ? document.querySelector(`#${props.containerId}`) : el && el.parentNode;
@@ -11226,11 +10748,11 @@
   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"
@@ -11258,10 +10780,10 @@
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       vue.createElementVNode("view", _hoisted_4$n, [
-        _ctx.isInfiniting ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$g, [
+        _ctx.isInfiniting ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$f, [
           !_ctx.slots.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.createVNode(_component_nut_icon, vue.mergeProps({ class: "bottom-img" }, _ctx.$attrs, { name: _ctx.loadIcon }), null, 16, ["name"]),
-            vue.createElementVNode("view", _hoisted_6$f, vue.toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)
+            vue.createElementVNode("view", _hoisted_6$e, vue.toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)
           ], 64)) : vue.renderSlot(_ctx.$slots, "loading", { key: 1 })
         ])) : !_ctx.hasMore ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           !_ctx.slots.finished ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$c, vue.toDisplayString(_ctx.loadMoreTxt || _ctx.translate("loadMoreTxt")), 1)) : vue.renderSlot(_ctx.$slots, "finished", { key: 1 })
@@ -11945,7 +11467,7 @@
   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,
@@ -12423,8 +11945,8 @@
   };
   const _hoisted_3$r = { class: "time" };
   const _hoisted_4$m = { class: "progress-bar-wrapper" };
-  const _hoisted_5$f = /* @__PURE__ */ vue.createElementVNode("div", { class: "custom-button" }, null, -1);
-  const _hoisted_6$e = { class: "time" };
+  const _hoisted_5$e = /* @__PURE__ */ vue.createElementVNode("div", { class: "custom-button" }, null, -1);
+  const _hoisted_6$d = { class: "time" };
   const _hoisted_7$b = {
     key: 1,
     class: "nut-audio-icon"
@@ -12446,12 +11968,12 @@
             "active-color": "#fa2c19"
           }, {
             button: vue.withCtx(() => [
-              _hoisted_5$f
+              _hoisted_5$e
             ]),
             _: 1
           }, 8, ["modelValue", "onChange"])
         ]),
-        vue.createElementVNode("div", _hoisted_6$e, vue.toDisplayString(_ctx.duration), 1)
+        vue.createElementVNode("div", _hoisted_6$d, vue.toDisplayString(_ctx.duration), 1)
       ])) : vue.createCommentVNode("", true),
       _ctx.type == "icon" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$b, [
         vue.createElementVNode("div", {
@@ -13154,8 +12676,8 @@
   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 vue.openBlock(), vue.createElementBlock("div", {
@@ -13195,9 +12717,9 @@
           stroke: _ctx.hoverColor,
           "stroke-linecap": _ctx.strokeLinecap,
           "stroke-width": _ctx.strokeWidth
-        }, null, 12, _hoisted_5$e)
+        }, null, 12, _hoisted_5$d)
       ])),
-      vue.createElementVNode("div", _hoisted_6$d, [
+      vue.createElementVNode("div", _hoisted_6$c, [
         vue.renderSlot(_ctx.$slots, "default"),
         !_ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, vue.toDisplayString(_ctx.progress) + "%", 1)) : vue.createCommentVNode("", true)
       ])
@@ -13747,7 +13269,8 @@
               state.videoElm.load();
             });
           }
-        }
+        },
+        { immediate: true, deep: true }
       );
       vue.watch(
         () => props.options,
@@ -13938,8 +13461,8 @@
   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"
   };
@@ -13994,8 +13517,8 @@
           onClick: _cache[3] || (_cache[3] = (...args) => _ctx.play && _ctx.play(...args))
         }),
         vue.createElementVNode("div", _hoisted_4$k, vue.toDisplayString(_ctx.videoSet.displayTime), 1),
-        vue.createElementVNode("div", _hoisted_5$d, [
-          vue.createElementVNode("div", _hoisted_6$c, [
+        vue.createElementVNode("div", _hoisted_5$c, [
+          vue.createElementVNode("div", _hoisted_6$b, [
             vue.createElementVNode("div", {
               class: "buffered",
               style: vue.normalizeStyle({ width: `${_ctx.videoSet.loaded}%` })
@@ -14156,8 +13679,8 @@
     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"
@@ -14185,8 +13708,8 @@
         ], 2)
       ]),
       vue.createElementVNode("view", _hoisted_4$j, [
-        vue.createElementVNode("view", _hoisted_5$c, [
-          !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$b, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("view", _hoisted_5$b, [
+          !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$a, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "title")
         ]),
         _ctx.content || _ctx.$slots.content ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$8, [
@@ -14861,7 +14384,7 @@
       [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 = vue.reactive({
@@ -15178,7 +14701,7 @@
       [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 }) {
@@ -15186,7 +14709,6 @@
       const state = vue.reactive({
         showPop: false,
         active: 1,
-        maxNo: 1,
         rootWidth: 0,
         rootHeight: 0
       });
@@ -15221,7 +14743,6 @@
       };
       const closeDone = () => {
         state.showPop = false;
-        state.active = 1;
         emit("close");
       };
       const handleCloseIcon = () => {
@@ -15240,14 +14761,27 @@
           init();
         }
       );
+      vue.watch(
+        () => props.initNo,
+        (val) => {
+          if (val != state.active) {
+            state.active = val;
+          }
+        }
+      );
+      const initPage = vue.computed(() => {
+        const maxNo = props.images.length + props.videos.length;
+        const _initPage = props.initNo > maxNo ? maxNo - 1 : props.initNo - 1;
+        return _initPage >= 0 ? _initPage : 0;
+      });
       vue.onMounted(() => {
         state.active = props.initNo;
         state.showPop = props.show;
-        state.maxNo = props.images.length + props.videos.length;
       });
       return {
         swipeRef,
         ...vue.toRefs(state),
+        initPage,
         slideChangeEnd,
         onClose,
         handleCloseIcon,
@@ -15287,7 +14821,7 @@
             "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
           }, {
@@ -17400,13 +16934,12 @@
           [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
         };
       });
-      const blockClass = vue.computed(() => {
-        const prefixCls = "blockClass";
+      const getBlockClass = (prefixCls) => {
         return {
           [prefixCls]: true,
           [`${prefixCls}--round`]: round2.value
         };
-      });
+      };
       const getStyle = () => {
         if (avatarSize.value) {
           return {
@@ -17424,7 +16957,7 @@
       return {
         avatarShape,
         avatarClass,
-        blockClass,
+        getBlockClass,
         getStyle
       };
     }
@@ -17441,11 +16974,6 @@
     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 = vue.resolveComponent("nut-avatar");
     return !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$s, [
@@ -17457,24 +16985,25 @@
           key: 0,
           class: vue.normalizeClass(_ctx.avatarClass),
           shape: _ctx.avatarShape,
-          style: vue.normalizeStyle(_ctx.getStyle()),
-          "bg-color": "rgb(239, 239, 239)"
+          style: vue.normalizeStyle(_ctx.getStyle())
         }, null, 8, ["class", "shape", "style"])) : vue.createCommentVNode("", true),
-        Number(_ctx.row) == 1 ? (vue.openBlock(), vue.createElementBlock("view", {
-          key: 1,
-          class: vue.normalizeClass(_ctx.blockClass),
-          style: vue.normalizeStyle({ width: _ctx.width, height: _ctx.height })
-        }, null, 6)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_5$b, [
-          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$a)) : vue.createCommentVNode("", true),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Number(_ctx.row), (item, index) => {
+        vue.createElementVNode("view", {
+          class: "content-line",
+          style: vue.normalizeStyle({ width: _ctx.width })
+        }, [
+          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: vue.normalizeClass(_ctx.getBlockClass("blockTitle")),
+            style: vue.normalizeStyle({ height: _ctx.height })
+          }, null, 6)) : vue.createCommentVNode("", true),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Number(_ctx.row), (_) => {
             return vue.openBlock(), vue.createElementBlock("view", {
-              key: index,
-              class: vue.normalizeClass(_ctx.blockClass),
-              style: vue.normalizeStyle({ width: _ctx.width, height: _ctx.height })
+              key: _,
+              class: vue.normalizeClass(_ctx.getBlockClass("blockLine")),
+              style: vue.normalizeStyle({ height: _ctx.height })
             }, null, 6);
           }), 128))
-        ])
+        ], 4)
       ])
     ]));
   }
@@ -17712,17 +17241,6 @@
           proxyData.openExpanded = true;
         }
       });
-      vue.watch(
-        () => {
-          var _a, _b;
-          return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
-        },
-        () => {
-          setTimeout(() => {
-            animation();
-          }, 300);
-        }
-      );
       const init = () => {
         const { name } = props;
         const active = parent && parent.props.active;
@@ -17740,6 +17258,14 @@
         });
       };
       vue.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 = vue.computed(() => {
@@ -18274,13 +17800,13 @@
     }, [
       !_ctx.exceeded ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$n, vue.toDisplayString(_ctx.content), 1)) : vue.createCommentVNode("", true),
       _ctx.exceeded && !_ctx.expanded ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$k, [
-        vue.createTextVNode(vue.toDisplayString(_ctx.ellipsis.leading) + " ", 1),
+        vue.createTextVNode(vue.toDisplayString(_ctx.ellipsis.leading), 1),
         _ctx.expandText ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: "nut-ellipsis-text",
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.clickHandle(1), ["stop"]))
         }, vue.toDisplayString(_ctx.expandText), 1)) : vue.createCommentVNode("", true),
-        vue.createTextVNode(" " + vue.toDisplayString(_ctx.ellipsis.tailing), 1)
+        vue.createTextVNode(vue.toDisplayString(_ctx.ellipsis.tailing), 1)
       ])) : vue.createCommentVNode("", true),
       _ctx.exceeded && _ctx.expanded ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$i, [
         vue.createTextVNode(vue.toDisplayString(_ctx.content) + " ", 1),
@@ -21835,7 +21361,7 @@
   }
   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);
@@ -21844,7 +21370,7 @@
       }
     });
   }
-  const version = "3.2.6-beta.2";
+  const version = "3.2.7";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;
@@ -21866,14 +21392,14 @@
   exports2.CategoryPane = CategoryPane;
   exports2.Cell = Cell;
   exports2.CellGroup = CellGroup;
-  exports2.Checkbox = _sfc_main$1i;
-  exports2.CheckboxGroup = _sfc_main$1h;
+  exports2.Checkbox = _sfc_main$1g;
+  exports2.CheckboxGroup = _sfc_main$1f;
   exports2.CircleProgress = CircleProgress;
   exports2.Col = Col;
   exports2.Collapse = Collapse;
   exports2.CollapseItem = CollapseItem;
   exports2.Comment = Comment;
-  exports2.ConfigProvider = _sfc_main$1L;
+  exports2.ConfigProvider = _sfc_main$1J;
   exports2.CountDown = CountDown;
   exports2.CountUp = CountUp;
   exports2.DatePicker = DatePicker;
@@ -21887,9 +21413,9 @@
   exports2.FixedNav = FixedNav;
   exports2.Form = Form;
   exports2.FormItem = FormItem;
-  exports2.Grid = _sfc_main$1E;
+  exports2.Grid = _sfc_main$1C;
   exports2.GridItem = GridItem;
-  exports2.Icon = _sfc_main$1R;
+  exports2.Icon = _sfc_main$1P;
   exports2.Image = Image$1;
   exports2.ImagePreview = _ImagePreview;
   exports2.Indicator = Indicator;
@@ -21897,7 +21423,7 @@
   exports2.Input = Input;
   exports2.InputNumber = InputNumber;
   exports2.Invoice = Invoice;
-  exports2.Layout = _sfc_main$1J;
+  exports2.Layout = _sfc_main$1H;
   exports2.List = List;
   exports2.Locale = Locale;
   exports2.Menu = Menu;
@@ -21906,7 +21432,6 @@
   exports2.NoticeBar = NoticeBar;
   exports2.Notify = NotifyFunction;
   exports2.NumberKeyboard = NumberKeyboard;
-  exports2.OldPicker = OldPicker;
   exports2.OverLay = OverLay;
   exports2.Pagination = Pagination;
   exports2.Picker = Picker;
@@ -21915,8 +21440,8 @@
   exports2.Price = Price;
   exports2.Progress = Progress;
   exports2.PullRefresh = PullRefresh;
-  exports2.Radio = _sfc_main$1b;
-  exports2.RadioGroup = _sfc_main$1a;
+  exports2.Radio = _sfc_main$19;
+  exports2.RadioGroup = _sfc_main$18;
   exports2.Range = Range;
   exports2.Rate = Rate;
   exports2.Row = Row;
@@ -21929,7 +21454,7 @@
   exports2.Sku = Sku;
   exports2.Step = Step;
   exports2.Steps = _sfc_main$I;
-  exports2.Sticky = _sfc_main$1G;
+  exports2.Sticky = _sfc_main$1E;
   exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
   exports2.Swiper = Swiper;