@nutui/nutui 3.1.10-beta.3 → 3.1.12-beta.0

package/dist/nutui.es.js

@@ -22,11 +22,11 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:45 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:05 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { defineComponent, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, renderSlot, createCommentVNode, h, createElementVNode, createBlock, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, inject, provide, reactive, onBeforeMount, Teleport, renderList, ref, onUnmounted, getCurrentInstance, nextTick, render, unref, mergeProps, watchEffect, toRaw, readonly, vModelText } from "vue";
+import { defineComponent, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, renderSlot, createCommentVNode, h, createElementVNode, createBlock, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, inject, provide, reactive, onBeforeMount, Teleport, renderList, ref, onUnmounted, getCurrentInstance, nextTick, render, unref, mergeProps, watchEffect, toRaw, readonly, vModelText, createSlots } from "vue";
 import { useRouter } from "vue-router";
 function createComponent(name) {
   const componentName2 = "nut-" + name;
@@ -48,13 +48,14 @@ function createComponent(name) {
   };
 }
 var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
-    sfc[key] = val;
+    target[key] = val;
   }
-  return sfc;
+  return target;
 };
-const { componentName: componentName$S, create: create$16 } = createComponent("avatar");
-const _sfc_main$16 = create$16({
+const { componentName: componentName$X, create: create$1b } = createComponent("avatar");
+const _sfc_main$1b = create$1b({
   props: {
     size: {
       type: String,
@@ -78,7 +79,7 @@ const _sfc_main$16 = create$16({
     const { size, shape, bgColor, icon } = toRefs(props);
     const sizeValue = ["large", "normal", "small"];
     const classes = computed(() => {
-      const prefixCls = componentName$S;
+      const prefixCls = componentName$X;
       return {
         [prefixCls]: true,
         ["avatar-" + size.value]: true,
@@ -110,11 +111,11 @@ const _sfc_main$16 = create$16({
     };
   }
 });
-const _hoisted_1$I = {
+const _hoisted_1$P = {
   key: 0,
   class: "text"
 };
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     style: normalizeStyle(_ctx.styles),
@@ -125,17 +126,17 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
       class: "icon",
       name: _ctx.iconStyles
     }, null, 8, ["name"]),
-    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$I, [
+    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$P, [
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true)
   ], 6);
 }
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$$]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$14]]);
 const pxCheck = (value) => {
   return isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const { componentName: componentName$R, create: create$15 } = createComponent("icon");
-const _sfc_main$15 = create$15({
+const { componentName: componentName$W, create: create$1a } = createComponent("icon");
+const _sfc_main$1a = create$1a({
   props: {
     name: { type: String, default: "" },
     size: { type: [String, Number], default: "" },
@@ -156,7 +157,7 @@ const _sfc_main$15 = create$15({
       var _a;
       const _isImage = isImage();
       return h(_isImage ? "img" : props.tag, {
-        class: _isImage ? `${componentName$R}__img` : `${props.fontClassName} ${componentName$R} ${props.classPrefix}-${props.name}`,
+        class: _isImage ? `${componentName$W}__img` : `${props.fontClassName} ${componentName$W} ${props.classPrefix}-${props.name}`,
         style: {
           color: props.color,
           fontSize: pxCheck(props.size),
@@ -169,10 +170,10 @@ const _sfc_main$15 = create$15({
     };
   }
 });
-const { componentName: componentName$Q, create: create$14 } = createComponent("button");
-const _sfc_main$14 = create$14({
+const { componentName: componentName$V, create: create$19 } = createComponent("button");
+const _sfc_main$19 = create$19({
   components: {
-    [_sfc_main$15.name]: _sfc_main$15
+    [_sfc_main$1a.name]: _sfc_main$1a
   },
   props: {
     color: String,
@@ -218,7 +219,7 @@ const _sfc_main$14 = create$14({
       }
     };
     const classes = computed(() => {
-      const prefixCls = componentName$Q;
+      const prefixCls = componentName$V;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
@@ -254,15 +255,15 @@ const _sfc_main$14 = create$14({
     };
   }
 });
-const _hoisted_1$H = { class: "nut-button__warp" };
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$O = { class: "nut-button__warp" };
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.getStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    createElementVNode("view", _hoisted_1$H, [
+    createElementVNode("view", _hoisted_1$O, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         class: "nut-icon-loading"
@@ -281,9 +282,9 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$_]]);
-const { componentName: componentName$P, create: create$13 } = createComponent("cell");
-const _sfc_main$13 = create$13({
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$13]]);
+const { componentName: componentName$U, create: create$18 } = createComponent("cell");
+const _sfc_main$18 = create$18({
   props: {
     title: { type: String, default: "" },
     subTitle: { type: String, default: "" },
@@ -299,7 +300,7 @@ const _sfc_main$13 = create$13({
   emits: ["click"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$P;
+      const prefixCls = componentName$U;
       return {
         [prefixCls]: true,
         [`${prefixCls}--clickable`]: props.isLink || props.to
@@ -326,9 +327,9 @@ const _sfc_main$13 = create$13({
     };
   }
 });
-const _hoisted_1$G = { class: "title" };
-const _hoisted_2$B = { class: "nut-cell__title-desc" };
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$N = { class: "title" };
+const _hoisted_2$H = { class: "nut-cell__title-desc" };
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -346,8 +347,8 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.icon
         }, null, 8, ["name"])) : createCommentVNode("", true),
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("view", _hoisted_1$G, toDisplayString(_ctx.title), 1),
-          createElementVNode("view", _hoisted_2$B, toDisplayString(_ctx.subTitle), 1)
+          createElementVNode("view", _hoisted_1$N, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", _hoisted_2$H, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ], 64))
@@ -365,15 +366,15 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$Z]]);
-const { componentName: componentName$O, create: create$12 } = createComponent("cell-group");
-const _sfc_main$12 = create$12({
+var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$12]]);
+const { componentName: componentName$T, create: create$17 } = createComponent("cell-group");
+const _sfc_main$17 = create$17({
   props: {
     title: { type: String, default: "" }
   },
   setup() {
     const classes = computed(() => {
-      const prefixCls = componentName$O;
+      const prefixCls = componentName$T;
       return {
         [prefixCls]: true
       };
@@ -383,24 +384,24 @@ const _sfc_main$12 = create$12({
     };
   }
 });
-const _hoisted_1$F = {
+const _hoisted_1$M = {
   key: 1,
   class: "nut-cell-group__title"
 };
-const _hoisted_2$A = { class: "nut-cell-group__warp" };
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$G = { class: "nut-cell-group__warp" };
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$F, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_2$A, [
+    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$M, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_2$G, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 2);
 }
-var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$Y]]);
-const { componentName: componentName$N, create: create$11 } = createComponent("price");
-const _sfc_main$11 = create$11({
+var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$11]]);
+const { componentName: componentName$S, create: create$16 } = createComponent("price");
+const _sfc_main$16 = create$16({
   props: {
     price: {
       type: [Number, String],
@@ -434,7 +435,7 @@ const _sfc_main$11 = create$11({
   setup(props) {
     const classes = computed(() => {
       return {
-        [componentName$N]: true
+        [componentName$S]: true
       };
     });
     const showSymbol = computed(() => {
@@ -483,9 +484,9 @@ const _sfc_main$11 = create$11({
     };
   }
 });
-const _hoisted_1$E = ["innerHTML"];
-const _hoisted_2$z = ["innerHTML"];
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$L = ["innerHTML"];
+const _hoisted_2$F = ["innerHTML"];
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -493,7 +494,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_1$E)) : createCommentVNode("", true),
+    }, null, 10, _hoisted_1$L)) : createCommentVNode("", true),
     createElementVNode("view", {
       class: normalizeClass(`nut-price--${_ctx.size}`)
     }, toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
@@ -508,11 +509,11 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
       key: 2,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_2$z)) : createCommentVNode("", true)
+    }, null, 10, _hoisted_2$F)) : createCommentVNode("", true)
   ], 2);
 }
-var Price = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$X]]);
-const { componentName: componentName$M, create: create$10 } = createComponent("overlay");
+var Price = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$10]]);
+const { componentName: componentName$R, create: create$15 } = createComponent("overlay");
 const overlayProps = {
   visible: {
     type: Boolean,
@@ -542,12 +543,12 @@ const overlayProps = {
     default: true
   }
 };
-const _sfc_main$10 = create$10({
+const _sfc_main$15 = create$15({
   props: overlayProps,
   emits: ["click", "update:visible"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$M;
+      const prefixCls = componentName$R;
       return {
         [prefixCls]: true,
         [props.overlayClass]: true
@@ -587,7 +588,7 @@ const _sfc_main$10 = create$10({
     return { classes, style, touchmove, onClick };
   }
 });
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
@@ -604,9 +605,9 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$W]]);
-const { componentName: componentName$L, create: create$$ } = createComponent("divider");
-const _sfc_main$$ = create$$({
+var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$$]]);
+const { componentName: componentName$Q, create: create$14 } = createComponent("divider");
+const _sfc_main$14 = create$14({
   props: {
     contentPosition: {
       type: String,
@@ -624,7 +625,7 @@ const _sfc_main$$ = create$$({
   components: {},
   setup(props, context) {
     const classes = computed(() => {
-      const prefixCls = componentName$L;
+      const prefixCls = componentName$Q;
       return {
         [prefixCls]: true,
         [`${prefixCls}-center`]: context.slots.default,
@@ -637,18 +638,18 @@ const _sfc_main$$ = create$$({
     return { classes };
   }
 });
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$V]]);
-const { create: create$_ } = createComponent("layout");
-const _sfc_main$_ = create$_({});
-const { componentName: componentName$K, create: create$Z } = createComponent("col");
-const _sfc_main$Z = create$Z({
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$_]]);
+const { create: create$13 } = createComponent("layout");
+const _sfc_main$13 = create$13({});
+const { componentName: componentName$P, create: create$12 } = createComponent("col");
+const _sfc_main$12 = create$12({
   props: {
     span: {
       type: [String, Number],
@@ -660,7 +661,7 @@ const _sfc_main$Z = create$Z({
     }
   },
   setup(props) {
-    const prefixCls = componentName$K;
+    const prefixCls = componentName$P;
     const gutter = inject("gutter");
     const classes = computed(() => {
       return {
@@ -682,7 +683,7 @@ const _sfc_main$Z = create$Z({
     };
   }
 });
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style)
@@ -690,9 +691,9 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var Col = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$U]]);
-const { componentName: componentName$J, create: create$Y } = createComponent("row");
-const _sfc_main$Y = create$Y({
+var Col = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$Z]]);
+const { componentName: componentName$O, create: create$11 } = createComponent("row");
+const _sfc_main$11 = create$11({
   props: {
     type: {
       type: String,
@@ -716,7 +717,7 @@ const _sfc_main$Y = create$Y({
     }
   },
   setup(props) {
-    const prefixCls = componentName$J;
+    const prefixCls = componentName$O;
     provide("gutter", props.gutter);
     const getClass = (prefix, type) => {
       return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -735,14 +736,14 @@ const _sfc_main$Y = create$Y({
     };
   }
 });
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.getClasses())
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Row = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$T]]);
+var Row = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$Y]]);
 let count = 0;
 const CLSNAME = "nut-overflow-hidden";
 const useLockScroll = (isLock) => {
@@ -760,7 +761,7 @@ const useLockScroll = (isLock) => {
   };
   return [lock, unlock];
 };
-const { componentName: componentName$I, create: create$X } = createComponent("popup");
+const { componentName: componentName$N, create: create$10 } = createComponent("popup");
 let _zIndex = 2e3;
 const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
   position: {
@@ -802,24 +803,19 @@ const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
   round: {
     type: Boolean,
     default: false
+  },
+  isWrapTeleport: {
+    type: Boolean,
+    default: true
   }
 });
-const _sfc_main$X = create$X({
+const _sfc_main$10 = create$10({
   components: {
     [OverLay.name]: OverLay,
-    [_sfc_main$15.name]: _sfc_main$15
+    [_sfc_main$1a.name]: _sfc_main$1a
   },
   props: __spreadValues({}, popupProps),
-  emits: [
-    "click",
-    "click-close-icon",
-    "open",
-    "close",
-    "opend",
-    "closed",
-    "update:visible",
-    "click-overlay"
-  ],
+  emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
   setup(props, { emit }) {
     const state = reactive({
       zIndex: props.zIndex ? props.zIndex : _zIndex,
@@ -830,7 +826,7 @@ const _sfc_main$X = create$X({
     });
     const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
     const classes = computed(() => {
-      const prefixCls = componentName$I;
+      const prefixCls = componentName$N;
       return {
         [prefixCls]: true,
         ["round"]: props.round,
@@ -934,10 +930,14 @@ const _sfc_main$X = create$X({
     });
   }
 });
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$K = { key: 1 };
+function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createBlock(Teleport, { to: _ctx.teleport }, [
+  return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
+    key: 0,
+    to: _ctx.teleport
+  }, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
       visible: _ctx.visible,
@@ -977,11 +977,51 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"]);
+  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$K, [
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
+      key: 0,
+      visible: _ctx.visible,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      class: normalizeClass(_ctx.overlayClass),
+      style: normalizeStyle(_ctx.overlayStyle),
+      "z-index": _ctx.zIndex,
+      "lock-scroll": _ctx.lockScroll,
+      duration: _ctx.duration,
+      onClick: _ctx.onClickOverlay
+    }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
+    createVNode(Transition, {
+      name: _ctx.transitionName,
+      onAfterEnter: _ctx.onOpened,
+      onAfterLeave: _ctx.onClosed
+    }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("view", {
+          class: normalizeClass(_ctx.classes),
+          style: normalizeStyle(_ctx.popStyle),
+          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+        }, [
+          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          _ctx.closeable ? (openBlock(), createElementBlock("view", {
+            key: 1,
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
+            class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
+          }, [
+            createVNode(_component_nut_icon, {
+              name: _ctx.closeIcon,
+              size: "12px"
+            }, null, 8, ["name"])
+          ], 2)) : createCommentVNode("", true)
+        ], 6), [
+          [vShow, _ctx.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ]));
 }
-var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$S]]);
-const { componentName: componentName$H, create: create$W } = createComponent("imagepreview");
-const _sfc_main$W = create$W({
+var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$X]]);
+const { componentName: componentName$M, create: create$$ } = createComponent("imagepreview");
+const _sfc_main$$ = create$$({
   props: {
     show: {
       type: Boolean,
@@ -1018,14 +1058,14 @@ const _sfc_main$W = create$W({
     });
   }
 });
-const _hoisted_1$D = { class: "nut-imagepreview" };
-const _hoisted_2$y = ["src"];
-const _hoisted_3$s = { class: "nut-imagepreview-index" };
-function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$J = { class: "nut-imagepreview" };
+const _hoisted_2$E = ["src"];
+const _hoisted_3$v = { class: "nut-imagepreview-index" };
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
   const _component_nut_swiper = resolveComponent("nut-swiper");
   const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createElementBlock("view", _hoisted_1$D, [
+  return openBlock(), createElementBlock("view", _hoisted_1$J, [
     createVNode(_component_nut_popup, {
       "pop-class": "custom-pop",
       visible: _ctx.showPop,
@@ -1039,7 +1079,8 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
           class: "nut-imagepreview-swiper",
           loop: true,
           direction: "horizontal",
-          onChange: _ctx.slideChangeEnd
+          onChange: _ctx.slideChangeEnd,
+          "is-preventDefault": false
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (item, index) => {
@@ -1048,7 +1089,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("img", {
                     src: item.imgSrc,
                     class: "nut-imagepreview-img"
-                  }, null, 8, _hoisted_2$y)
+                  }, null, 8, _hoisted_2$E)
                 ]),
                 _: 2
               }, 1024);
@@ -1056,13 +1097,13 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["onChange"])) : createCommentVNode("", true),
-        createElementVNode("view", _hoisted_3$s, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length), 1)
+        createElementVNode("view", _hoisted_3$v, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length), 1)
       ]),
       _: 1
     }, 8, ["visible", "onClick"])
   ]);
 }
-var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$R]]);
+var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$W]]);
 const MIN_DISTANCE = 10;
 function getDirection(x, y) {
   if (x > y && x > MIN_DISTANCE) {
@@ -1120,8 +1161,8 @@ function useTouch$1() {
     isHorizontal
   };
 }
-const { componentName: componentName$G, create: create$V } = createComponent("swipe");
-const _sfc_main$V = create$V({
+const { componentName: componentName$L, create: create$_ } = createComponent("swipe");
+const _sfc_main$_ = create$_({
   props: {
     name: {
       type: String,
@@ -1143,7 +1184,7 @@ const _sfc_main$V = create$V({
   emits: ["open", "close"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$G;
+      const prefixCls = componentName$L;
       return {
         [prefixCls]: true
       };
@@ -1267,16 +1308,16 @@ const _sfc_main$V = create$V({
     });
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$I = {
   class: "nut-swipe__left",
   ref: "leftRef"
 };
-const _hoisted_2$x = { class: "nut-swipe__content" };
-const _hoisted_3$r = {
+const _hoisted_2$D = { class: "nut-swipe__content" };
+const _hoisted_3$u = {
   class: "nut-swipe__right",
   ref: "rightRef"
 };
-function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.touchStyle),
@@ -1285,20 +1326,20 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
-    createElementVNode("view", _hoisted_1$C, [
+    createElementVNode("view", _hoisted_1$I, [
       renderSlot(_ctx.$slots, "left")
     ], 512),
-    createElementVNode("view", _hoisted_2$x, [
+    createElementVNode("view", _hoisted_2$D, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3$r, [
+    createElementVNode("view", _hoisted_3$u, [
       renderSlot(_ctx.$slots, "right")
     ], 512)
   ], 38);
 }
-var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$Q]]);
-const { componentName: componentName$F, create: create$U } = createComponent("actionsheet");
-const _sfc_main$U = create$U({
+var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$V]]);
+const { componentName: componentName$K, create: create$Z } = createComponent("actionsheet");
+const _sfc_main$Z = create$Z({
   props: __spreadProps(__spreadValues({}, popupProps), {
     cancelTxt: {
       type: String,
@@ -1336,7 +1377,7 @@ const _sfc_main$U = create$U({
   emits: ["cancel", "choose", "update:visible"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$F;
+      const prefixCls = componentName$K;
       return {
         [prefixCls]: true
       };
@@ -1367,22 +1408,22 @@ const _sfc_main$U = create$U({
     };
   }
 });
-const _hoisted_1$B = { class: "nut-actionsheet-panel" };
-const _hoisted_2$w = {
+const _hoisted_1$H = { class: "nut-actionsheet-panel" };
+const _hoisted_2$C = {
   key: 0,
   class: "nut-actionsheet-title"
 };
-const _hoisted_3$q = {
+const _hoisted_3$t = {
   key: 1,
   class: "nut-actionsheet-item desc"
 };
-const _hoisted_4$k = {
+const _hoisted_4$n = {
   key: 2,
   class: "nut-actionsheet-menu"
 };
 const _hoisted_5$g = ["onClick"];
 const _hoisted_6$d = { class: "subdesc" };
-function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -1395,10 +1436,10 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
       onClickOverlay: _ctx.close
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$B, [
-          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$w, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$q, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$k, [
+        createElementVNode("view", _hoisted_1$H, [
+          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$C, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$t, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$n, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
               return openBlock(), createElementBlock("view", {
                 class: normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable }]),
@@ -1422,9 +1463,9 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onClickOverlay"])
   ], 2);
 }
-var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$P]]);
-const { componentName: componentName$E, create: create$T } = createComponent("backtop");
-const _sfc_main$T = create$T({
+var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$U]]);
+const { componentName: componentName$J, create: create$Y } = createComponent("backtop");
+const _sfc_main$Y = create$Y({
   props: {
     bottom: {
       type: Number,
@@ -1465,7 +1506,7 @@ const _sfc_main$T = create$T({
       keepAlive: false
     });
     const classes = computed(() => {
-      const prefixCls = componentName$E;
+      const prefixCls = componentName$J;
       return {
         [prefixCls]: true,
         show: state.backTop
@@ -1556,7 +1597,7 @@ const _sfc_main$T = create$T({
     };
   }
 });
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
@@ -1572,9 +1613,9 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$O]]);
-const { create: create$S } = createComponent("collapse");
-const _sfc_main$S = create$S({
+var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$T]]);
+const { create: create$X } = createComponent("collapse");
+const _sfc_main$X = create$X({
   props: {
     active: {
       type: [String, Number, Array]
@@ -1647,14 +1688,14 @@ const _sfc_main$S = create$S({
     });
   }
 });
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", null, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$N]]);
-const { create: create$R, componentName: componentName$D } = createComponent("collapse-item");
-const _sfc_main$R = create$R({
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$S]]);
+const { create: create$W, componentName: componentName$I } = createComponent("collapse-item");
+const _sfc_main$W = create$W({
   props: {
     title: {
       type: String,
@@ -1681,7 +1722,7 @@ const _sfc_main$R = create$R({
     const collapse = inject("collapseParent");
     const parent = reactive(collapse);
     const classes = computed(() => {
-      const prefixCls = componentName$D;
+      const prefixCls = componentName$I;
       return {
         [prefixCls]: true,
         [`${prefixCls}-icon`]: parent.props.icon
@@ -1806,10 +1847,10 @@ const _sfc_main$R = create$R({
     });
   }
 });
-const _hoisted_1$A = { class: "collapse-title" };
-const _hoisted_2$v = { class: "collapse-title-value" };
-const _hoisted_3$p = ["innerHTML"];
-const _hoisted_4$j = {
+const _hoisted_1$G = { class: "collapse-title" };
+const _hoisted_2$B = { class: "collapse-title-value" };
+const _hoisted_3$s = ["innerHTML"];
+const _hoisted_4$m = {
   key: 0,
   class: "subTitle"
 };
@@ -1818,11 +1859,11 @@ const _hoisted_6$c = {
   class: "collapse-wrapper",
   ref: "wrapperRef"
 };
-const _hoisted_7$a = {
+const _hoisted_7$9 = {
   class: "collapse-content",
   ref: "contentRef"
 };
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -1831,9 +1872,9 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
     }, [
-      createElementVNode("view", _hoisted_1$A, [
+      createElementVNode("view", _hoisted_1$G, [
         createElementVNode("view", null, [
-          createElementVNode("view", _hoisted_2$v, [
+          createElementVNode("view", _hoisted_2$B, [
             _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
               key: 0,
               name: _ctx.titleIcon,
@@ -1845,11 +1886,11 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
               key: 2,
               innerHTML: _ctx.title,
               class: "collapse-icon-title"
-            }, null, 8, _hoisted_3$p))
+            }, null, 8, _hoisted_3$s))
           ])
         ])
       ]),
-      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4$j, [
+      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4$m, [
         renderSlot(_ctx.$slots, "sTitle")
       ])) : (openBlock(), createElementBlock("view", {
         key: 1,
@@ -1866,13 +1907,13 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
     ], 2),
     createElementVNode("view", _hoisted_6$c, [
-      createElementVNode("view", _hoisted_7$a, [
+      createElementVNode("view", _hoisted_7$9, [
         renderSlot(_ctx.$slots, "default")
       ], 512)
     ], 512)
   ], 2);
 }
-var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$M]]);
+var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$R]]);
 const _window = window;
 function requestAniFrame() {
   if (typeof _window !== "undefined") {
@@ -1886,8 +1927,8 @@ function requestAniFrame() {
   }
 }
 var requestAniFrame$1 = requestAniFrame();
-const { componentName: componentName$C, create: create$Q } = createComponent("drag");
-const _sfc_main$Q = create$Q({
+const { componentName: componentName$H, create: create$V } = createComponent("drag");
+const _sfc_main$V = create$V({
   props: {
     attract: {
       type: Boolean,
@@ -1932,7 +1973,7 @@ const _sfc_main$Q = create$Q({
       }
     });
     const classes = computed(() => {
-      const prefixCls = componentName$C;
+      const prefixCls = componentName$H;
       return {
         [prefixCls]: true
       };
@@ -2067,7 +2108,7 @@ const _sfc_main$Q = create$Q({
     };
   }
 });
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     ref: "myDrag",
@@ -2078,9 +2119,9 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 34);
 }
-var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$L]]);
-const { componentName: componentName$B, create: create$P } = createComponent("dialog");
-const _sfc_main$P = create$P({
+var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$Q]]);
+const { componentName: componentName$G, create: create$U } = createComponent("dialog");
+const _sfc_main$U = create$U({
   inheritAttrs: false,
   components: {
     [Popup.name]: Popup,
@@ -2152,16 +2193,7 @@ const _sfc_main$P = create$P({
       default: false
     }
   }),
-  emits: [
-    "update",
-    "update:visible",
-    "ok",
-    "cancel",
-    "open",
-    "opened",
-    "close",
-    "closed"
-  ],
+  emits: ["update", "update:visible", "ok", "cancel", "open", "opened", "close", "closed"],
   setup(props, { emit }) {
     const showPopup = ref(props.visible);
     onMounted(() => {
@@ -2176,7 +2208,7 @@ const _sfc_main$P = create$P({
     });
     const classes = computed(() => {
       return {
-        [componentName$B]: true
+        [componentName$G]: true
       };
     });
     const update = (val) => {
@@ -2194,8 +2226,8 @@ const _sfc_main$P = create$P({
       }
     };
     const onOk = () => {
-      closed();
       emit("ok");
+      closed();
     };
     return {
       closed,
@@ -2206,16 +2238,16 @@ const _sfc_main$P = create$P({
     };
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$F = {
   key: 0,
   class: "nut-dialog__header"
 };
-const _hoisted_2$u = ["innerHTML"];
-const _hoisted_3$o = {
+const _hoisted_2$A = ["innerHTML"];
+const _hoisted_3$r = {
   key: 1,
   class: "nut-dialog__footer"
 };
-function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
@@ -2232,7 +2264,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: normalizeClass(_ctx.classes)
       }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$z, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$F, [
           _ctx.$slots.header ? renderSlot(_ctx.$slots, "header", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], 64))
@@ -2244,9 +2276,9 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
             key: 1,
             innerHTML: _ctx.content
-          }, null, 8, _hoisted_2$u))
+          }, null, 8, _hoisted_2$A))
         ], 4),
-        !_ctx.noFooter ? (openBlock(), createElementBlock("view", _hoisted_3$o, [
+        !_ctx.noFooter ? (openBlock(), createElementBlock("view", _hoisted_3$r, [
           _ctx.$slots.footer ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             !_ctx.noCancelBtn ? (openBlock(), createBlock(_component_nut_button, {
               key: 0,
@@ -2281,7 +2313,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
 }
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$K]]);
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$P]]);
 class DialogOptions {
   constructor() {
     __publicField(this, "title", "");
@@ -2355,8 +2387,8 @@ _Dialog.install = (app) => {
   app.use(Dialog);
   app.config.globalProperties.$dialog = _Dialog;
 };
-const { componentName: componentName$A, create: create$O } = createComponent("infiniteloading");
-const _sfc_main$O = create$O({
+const { componentName: componentName$F, create: create$T } = createComponent("infiniteloading");
+const _sfc_main$T = create$T({
   props: {
     hasMore: {
       type: Boolean,
@@ -2418,7 +2450,7 @@ const _sfc_main$O = create$O({
       distance: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$A;
+      const prefixCls = componentName$F;
       return {
         [prefixCls]: true
       };
@@ -2542,20 +2574,20 @@ const _sfc_main$O = create$O({
     });
   }
 });
-const _hoisted_1$y = { class: "top-box" };
-const _hoisted_2$t = { class: "top-text" };
-const _hoisted_3$n = { class: "nut-infinite-container" };
-const _hoisted_4$i = { class: "nut-infinite-bottom" };
+const _hoisted_1$E = { class: "top-box" };
+const _hoisted_2$z = { class: "top-text" };
+const _hoisted_3$q = { class: "nut-infinite-container" };
+const _hoisted_4$l = { class: "nut-infinite-bottom" };
 const _hoisted_5$e = {
   key: 0,
   class: "bottom-box"
 };
 const _hoisted_6$b = { class: "bottom-text" };
-const _hoisted_7$9 = {
+const _hoisted_7$8 = {
   key: 1,
   class: "tips"
 };
-function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -2569,31 +2601,31 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "refreshTop",
       style: normalizeStyle(_ctx.getStyle)
     }, [
-      createElementVNode("view", _hoisted_1$y, [
+      createElementVNode("view", _hoisted_1$E, [
         createVNode(_component_nut_icon, {
           class: "top-img",
           name: _ctx.pullIcon
         }, null, 8, ["name"]),
-        createElementVNode("view", _hoisted_2$t, toDisplayString(_ctx.pullTxt), 1)
+        createElementVNode("view", _hoisted_2$z, toDisplayString(_ctx.pullTxt), 1)
       ])
     ], 4),
-    createElementVNode("view", _hoisted_3$n, [
+    createElementVNode("view", _hoisted_3$q, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_4$i, [
+    createElementVNode("view", _hoisted_4$l, [
       _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5$e, [
         createVNode(_component_nut_icon, {
           class: "bottom-img",
           name: _ctx.loadIcon
         }, null, 8, ["name"]),
         createElementVNode("view", _hoisted_6$b, toDisplayString(_ctx.loadTxt), 1)
-      ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7$9, toDisplayString(_ctx.loadMoreTxt), 1)) : createCommentVNode("", true)
+      ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7$8, toDisplayString(_ctx.loadMoreTxt), 1)) : createCommentVNode("", true)
     ])
   ], 34);
 }
-var InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$J]]);
-const { componentName: componentName$z, create: create$N } = createComponent("notify");
-const _sfc_main$N = create$N({
+var InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$O]]);
+const { componentName: componentName$E, create: create$S } = createComponent("notify");
+const _sfc_main$S = create$S({
   components: {
     [Popup.name]: Popup
   },
@@ -2663,7 +2695,7 @@ const _sfc_main$N = create$N({
     return { state, hide, onAfterLeave, clickCover };
   }
 });
-function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
     name: "toast-fade",
     onAfterLeave: _ctx.onAfterLeave
@@ -2684,7 +2716,7 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$I]]);
+var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$N]]);
 const defaultOptions$1 = {
   type: "base",
   showPopup: false,
@@ -2822,8 +2854,8 @@ const useRect = (elementRef) => {
     height: 0
   };
 };
-const { componentName: componentName$y, create: create$M } = createComponent("range");
-const _sfc_main$M = create$M({
+const { componentName: componentName$D, create: create$R } = createComponent("range");
+const _sfc_main$R = create$R({
   props: {
     range: {
       type: Boolean,
@@ -2868,7 +2900,7 @@ const _sfc_main$M = create$M({
     const touch = useTouch$1();
     const scope = computed(() => Number(props.max) - Number(props.min));
     const classes = computed(() => {
-      const prefixCls = componentName$y;
+      const prefixCls = componentName$D;
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
@@ -3019,13 +3051,13 @@ const _sfc_main$M = create$M({
     });
   }
 });
-const _hoisted_1$x = { class: "nut-range-container" };
-const _hoisted_2$s = {
+const _hoisted_1$D = { class: "nut-range-container" };
+const _hoisted_2$y = {
   key: 0,
   class: "min"
 };
-const _hoisted_3$m = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
-const _hoisted_4$h = {
+const _hoisted_3$p = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+const _hoisted_4$k = {
   key: 0,
   class: "number"
 };
@@ -3034,13 +3066,13 @@ const _hoisted_6$a = {
   key: 0,
   class: "number"
 };
-const _hoisted_7$8 = {
+const _hoisted_7$7 = {
   key: 1,
   class: "max"
 };
-function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$x, [
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$s, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$D, [
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$y, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
       style: normalizeStyle(_ctx.wrapperStyle),
@@ -3080,9 +3112,9 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
               class: "nut-range-button",
               style: normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$h, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
+              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$k, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$m);
+          ], 42, _hoisted_3$p);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -3110,10 +3142,10 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
         ], 40, _hoisted_5$d))
       ], 4)
     ], 6),
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$8, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$7, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
   ]);
 }
-var Range = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$H]]);
+var Range = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$M]]);
 const throttle = (func, wait, type) => {
   if (type === 1) {
     var previous = 0;
@@ -3139,8 +3171,8 @@ const throttle = (func, wait, type) => {
     }
   };
 };
-const { create: create$L } = createComponent("video");
-const _sfc_main$L = create$L({
+const { create: create$Q } = createComponent("video");
+const _sfc_main$Q = create$Q({
   props: {
     source: {
       type: Object,
@@ -3386,31 +3418,31 @@ const _sfc_main$L = create$L({
     });
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$C = {
   class: "nut-video",
   ref: "videocon"
 };
-const _hoisted_2$r = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
-const _hoisted_3$l = ["src", "type"];
-const _hoisted_4$g = { class: "current-time" };
+const _hoisted_2$x = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
+const _hoisted_3$o = ["src", "type"];
+const _hoisted_4$j = { class: "current-time" };
 const _hoisted_5$c = { class: "progress-container" };
 const _hoisted_6$9 = {
   class: "progress",
   ref: "progressBar"
 };
-const _hoisted_7$7 = /* @__PURE__ */ createElementVNode("div", { class: "move-handle" }, null, -1);
-const _hoisted_8$7 = [
-  _hoisted_7$7
+const _hoisted_7$6 = /* @__PURE__ */ createElementVNode("div", { class: "move-handle" }, null, -1);
+const _hoisted_8$6 = [
+  _hoisted_7$6
 ];
 const _hoisted_9$5 = {
   class: "played",
   ref: "playedBar"
 };
-const _hoisted_10$3 = { class: "duration-time" };
-const _hoisted_11$3 = { class: "nut-video-error" };
-const _hoisted_12$3 = /* @__PURE__ */ createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
-function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$w, [
+const _hoisted_10$4 = { class: "duration-time" };
+const _hoisted_11$4 = { class: "nut-video-error" };
+const _hoisted_12$4 = /* @__PURE__ */ createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$C, [
     createElementVNode("video", {
       ref: "root",
       class: "nut-video-player",
@@ -3425,8 +3457,8 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("source", {
         src: _ctx.source.src,
         type: _ctx.source.type
-      }, null, 8, _hoisted_3$l)
-    ], 40, _hoisted_2$r),
+      }, null, 8, _hoisted_3$o)
+    ], 40, _hoisted_2$x),
     _ctx.showToolbox && !_ctx.isDisabled ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "playing-mask",
@@ -3448,7 +3480,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
         class: "control-play-btn",
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.play && _ctx.play(...args))
       }),
-      createElementVNode("div", _hoisted_4$g, toDisplayString(_ctx.videoSet.displayTime), 1),
+      createElementVNode("div", _hoisted_4$j, toDisplayString(_ctx.videoSet.displayTime), 1),
       createElementVNode("div", _hoisted_5$c, [
         createElementVNode("div", _hoisted_6$9, [
           createElementVNode("div", {
@@ -3463,11 +3495,11 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
             onTouchmove: _cache[4] || (_cache[4] = withModifiers(($event) => _ctx.touchSlidMove($event), ["stop", "prevent"])),
             onTouchstart: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.touchSlidSrart($event), ["stop"])),
             onTouchend: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.touchSlidEnd($event), ["stop"]))
-          }, _hoisted_8$7, 36),
+          }, _hoisted_8$6, 36),
           createElementVNode("div", _hoisted_9$5, null, 512)
         ], 512)
       ]),
-      createElementVNode("div", _hoisted_10$3, toDisplayString(_ctx.videoSet.totalTime), 1),
+      createElementVNode("div", _hoisted_10$4, toDisplayString(_ctx.videoSet.totalTime), 1),
       createElementVNode("div", {
         class: normalizeClass(["volume", { muted: _ctx.state.isMuted }]),
         onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleMuted && _ctx.handleMuted(...args))
@@ -3479,8 +3511,8 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2), [
       [vShow, _ctx.showToolbox && !_ctx.isDisabled]
     ]),
-    withDirectives(createElementVNode("div", _hoisted_11$3, [
-      _hoisted_12$3,
+    withDirectives(createElementVNode("div", _hoisted_11$4, [
+      _hoisted_12$4,
       createElementVNode("p", {
         class: "retry",
         onClick: _cache[9] || (_cache[9] = (...args) => _ctx.retry && _ctx.retry(...args))
@@ -3490,9 +3522,9 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 512);
 }
-var Video = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$G]]);
-const { create: create$K, componentName: componentName$x } = createComponent("steps");
-const _sfc_main$K = create$K({
+var Video = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$L]]);
+const { create: create$P, componentName: componentName$C } = createComponent("steps");
+const _sfc_main$P = create$P({
   props: {
     direction: {
       type: String,
@@ -3512,7 +3544,7 @@ const _sfc_main$K = create$K({
       children: []
     });
     const classes = computed(() => {
-      const prefixCls = componentName$x;
+      const prefixCls = componentName$C;
       return {
         [prefixCls]: true,
         [`${prefixCls}-${props.direction}`]: true,
@@ -3535,8 +3567,8 @@ const _sfc_main$K = create$K({
     };
   }
 });
-const { create: create$J, componentName: componentName$w } = createComponent("step");
-const _sfc_main$J = create$J({
+const { create: create$O, componentName: componentName$B } = createComponent("step");
+const _sfc_main$O = create$O({
   props: {
     title: {
       type: String,
@@ -3577,7 +3609,7 @@ const _sfc_main$J = create$J({
       return getCurrentStatus();
     });
     const classes = computed(() => {
-      const prefixCls = componentName$w;
+      const prefixCls = componentName$B;
       return {
         [prefixCls]: true,
         [`${prefixCls}-${status.value}`]: true
@@ -3589,22 +3621,22 @@ const _sfc_main$J = create$J({
     });
   }
 });
-const _hoisted_1$v = { class: "nut-step-head" };
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
-const _hoisted_3$k = {
+const _hoisted_1$B = { class: "nut-step-head" };
+const _hoisted_2$w = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
+const _hoisted_3$n = {
   key: 2,
   class: "nut-step-inner"
 };
-const _hoisted_4$f = { class: "nut-step-main" };
+const _hoisted_4$i = { class: "nut-step-main" };
 const _hoisted_5$b = { class: "nut-step-title" };
 const _hoisted_6$8 = ["innerHTML"];
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$v, [
-      _hoisted_2$q,
+    createElementVNode("view", _hoisted_1$B, [
+      _hoisted_2$w,
       createElementVNode("view", {
         class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
       }, [
@@ -3614,10 +3646,10 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.iconColor,
           name: _ctx.icon,
           size: _ctx.size
-        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$k, toDisplayString(_ctx.index), 1))
+        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$n, toDisplayString(_ctx.index), 1))
       ], 2)
     ]),
-    createElementVNode("view", _hoisted_4$f, [
+    createElementVNode("view", _hoisted_4$i, [
       createElementVNode("view", _hoisted_5$b, toDisplayString(_ctx.title), 1),
       _ctx.content ? (openBlock(), createElementBlock("view", {
         key: 0,
@@ -3627,7 +3659,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var Step = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$F]]);
+var Step = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$K]]);
 const DISTANCE = 5;
 function useTouch() {
   const state = reactive({
@@ -3682,8 +3714,8 @@ function useExpose$1(apis) {
     Object.assign(instance.proxy, apis);
   }
 }
-const { create: create$I, componentName: componentName$v } = createComponent("swiper");
-const _sfc_main$I = create$I({
+const { create: create$N, componentName: componentName$A } = createComponent("swiper");
+const _sfc_main$N = create$N({
   props: {
     width: {
       type: [Number, String],
@@ -3752,7 +3784,7 @@ const _sfc_main$I = create$I({
     });
     const touch = useTouch();
     const classes = computed(() => {
-      const prefixCls = componentName$v;
+      const prefixCls = componentName$A;
       return {
         [prefixCls]: true
       };
@@ -4005,7 +4037,7 @@ const _sfc_main$I = create$I({
       state,
       classes,
       container,
-      componentName: componentName$v,
+      componentName: componentName$A,
       isVertical,
       slots,
       activePagination,
@@ -4015,7 +4047,7 @@ const _sfc_main$I = create$I({
     };
   }
 });
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "container",
     class: normalizeClass(_ctx.classes),
@@ -4052,15 +4084,15 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 34);
 }
-var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$E]]);
+var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$J]]);
 function useExpose(apis) {
   const instance = getCurrentInstance();
   if (instance) {
     Object.assign(instance.proxy, apis);
   }
 }
-const { create: create$H, componentName: componentName$u } = createComponent("swiper-item");
-const _sfc_main$H = create$H({
+const { create: create$M, componentName: componentName$z } = createComponent("swiper-item");
+const _sfc_main$M = create$M({
   props: {},
   setup(props, { slots }) {
     const parent = inject("parent");
@@ -4069,7 +4101,7 @@ const _sfc_main$H = create$H({
       offset: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$u;
+      const prefixCls = componentName$z;
       return {
         [prefixCls]: true
       };
@@ -4095,7 +4127,7 @@ const _sfc_main$H = create$H({
     };
   }
 });
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style)
@@ -4103,9 +4135,9 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$D]]);
-const { componentName: componentName$t, create: create$G } = createComponent("switch");
-const _sfc_main$G = create$G({
+var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$I]]);
+const { componentName: componentName$y, create: create$L } = createComponent("switch");
+const _sfc_main$L = create$L({
   props: {
     modelValue: {
       type: Boolean,
@@ -4135,7 +4167,7 @@ const _sfc_main$G = create$G({
   emits: ["change", "update:modelValue"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$t;
+      const prefixCls = componentName$y;
       return {
         [prefixCls]: true,
         [props.modelValue ? "switch-open" : "switch-close"]: true,
@@ -4161,16 +4193,16 @@ const _sfc_main$G = create$G({
     };
   }
 });
-const _hoisted_1$u = { class: "switch-button" };
-const _hoisted_2$p = { class: "close-line" };
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$A = { class: "switch-button" };
+const _hoisted_2$v = { class: "close-line" };
+function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
     style: normalizeStyle(_ctx.style)
   }, [
-    createElementVNode("view", _hoisted_1$u, [
-      withDirectives(createElementVNode("view", _hoisted_2$p, null, 512), [
+    createElementVNode("view", _hoisted_1$A, [
+      withDirectives(createElementVNode("view", _hoisted_2$v, null, 512), [
         [vShow, !_ctx.modelValue]
       ]),
       _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -4184,11 +4216,11 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$C]]);
-const { create: create$F } = createComponent("toast");
-const _sfc_main$F = create$F({
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$H]]);
+const { create: create$K } = createComponent("toast");
+const _sfc_main$K = create$K({
   components: {
-    [_sfc_main$15.name]: _sfc_main$15
+    [_sfc_main$1a.name]: _sfc_main$1a
   },
   props: {
     id: String,
@@ -4310,12 +4342,12 @@ const _sfc_main$F = create$F({
     };
   }
 });
-const _hoisted_1$t = {
+const _hoisted_1$z = {
   key: 0,
   class: "nut-toast-icon-wrapper"
 };
-const _hoisted_2$o = ["innerHTML"];
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$u = ["innerHTML"];
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
     name: "toast-fade",
@@ -4337,7 +4369,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
             "background-color": _ctx.bgColor
           })
         }, [
-          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$t, [
+          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$z, [
             createVNode(_component_nut_icon, {
               size: "20",
               color: "#ffffff",
@@ -4347,7 +4379,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
-          }, null, 8, _hoisted_2$o)
+          }, null, 8, _hoisted_2$u)
         ], 4)
       ], 6), [
         [vShow, _ctx.state.mounted]
@@ -4356,7 +4388,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["onAfterLeave"]);
 }
-var Toast = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$B]]);
+var Toast = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$G]]);
 const defaultOptions = {
   msg: "",
   id: "",
@@ -4464,16 +4496,16 @@ const ToastFunction = {
       type: "loading"
     }));
   },
-  hide() {
-    clearToast();
+  hide(id) {
+    clearToast(id);
   },
   install(app) {
     app.use(Toast);
     app.config.globalProperties.$toast = ToastFunction;
   }
 };
-const { create: create$E } = createComponent("progress");
-const _sfc_main$E = create$E({
+const { create: create$J } = createComponent("progress");
+const _sfc_main$J = create$J({
   props: {
     percentage: {
       type: [Number, String],
@@ -4549,10 +4581,10 @@ const _sfc_main$E = create$E({
     };
   }
 });
-const _hoisted_1$s = { class: "nut-progress" };
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$y = { class: "nut-progress" };
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$s, [
+  return openBlock(), createElementBlock("div", _hoisted_1$y, [
     createElementVNode("div", {
       class: normalizeClass(["nut-progress-outer", [
         _ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
@@ -4593,9 +4625,9 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : createCommentVNode("", true)
   ]);
 }
-var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$A]]);
-const { componentName: componentName$s, create: create$D } = createComponent("circleprogress");
-const _sfc_main$D = create$D({
+var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$F]]);
+const { componentName: componentName$x, create: create$I } = createComponent("circleprogress");
+const _sfc_main$I = create$I({
   props: {
     progress: {
       type: [Number, String],
@@ -4617,7 +4649,7 @@ const _sfc_main$D = create$D({
   },
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$s;
+      const prefixCls = componentName$x;
       return {
         [prefixCls]: true
       };
@@ -4651,11 +4683,11 @@ const _sfc_main$D = create$D({
     };
   }
 });
-const _hoisted_1$r = ["height", "width"];
-const _hoisted_2$n = ["r", "cx", "cy", "stroke", "stroke-width"];
-const _hoisted_3$j = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
-const _hoisted_4$e = { class: "nut-circleprogress-content" };
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$x = ["height", "width"];
+const _hoisted_2$t = ["r", "cx", "cy", "stroke", "stroke-width"];
+const _hoisted_3$m = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
+const _hoisted_4$h = { class: "nut-circleprogress-content" };
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle({ height: _ctx.option.size + "px", width: _ctx.option.size + "px" })
@@ -4672,7 +4704,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
         stroke: _ctx.option.backColor,
         "stroke-width": _ctx.option.strokeOutWidth,
         fill: "none"
-      }, null, 8, _hoisted_2$n),
+      }, null, 8, _hoisted_2$t),
       createElementVNode("circle", {
         r: _ctx.option.radius,
         cx: _ctx.option.cx,
@@ -4684,18 +4716,18 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
         transform: _ctx.option.startPosition,
         "stroke-linecap": "round",
         style: { "transition": "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s" }
-      }, null, 8, _hoisted_3$j)
-    ], 8, _hoisted_1$r)),
-    createElementVNode("div", _hoisted_4$e, [
+      }, null, 8, _hoisted_3$m)
+    ], 8, _hoisted_1$x)),
+    createElementVNode("div", _hoisted_4$h, [
       !_ctx.isAuto ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
         createTextVNode(toDisplayString(_ctx.progress) + "%", 1)
       ]) : renderSlot(_ctx.$slots, "default", { key: 1 })
     ])
   ], 6);
 }
-var CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
-const { componentName: componentName$r, create: create$C } = createComponent("noticebar");
-const _sfc_main$C = create$C({
+var CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$E]]);
+const { componentName: componentName$w, create: create$H } = createComponent("noticebar");
+const _sfc_main$H = create$H({
   props: {
     direction: {
       type: String,
@@ -4761,7 +4793,7 @@ const _sfc_main$C = create$C({
   },
   emits: ["click", "close"],
   setup(props, { emit, slots }) {
-    console.log("componentName", componentName$r);
+    console.log("componentName", componentName$w);
     const wrap = ref(null);
     const content = ref(null);
     const state = reactive({
@@ -4778,7 +4810,7 @@ const _sfc_main$C = create$C({
       keepAlive: false
     });
     const classes = computed(() => {
-      const prefixCls = componentName$r;
+      const prefixCls = componentName$w;
       return {
         [prefixCls]: true
       };
@@ -4951,12 +4983,12 @@ const _sfc_main$C = create$C({
     });
   }
 });
-const _hoisted_1$q = {
+const _hoisted_1$w = {
   ref: "wrap",
   class: "wrap"
 };
-const _hoisted_2$m = ["onClick"];
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$s = ["onClick"];
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_ScrollItem = resolveComponent("ScrollItem");
   return openBlock(), createElementBlock("view", {
@@ -4980,7 +5012,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.color
         }, null, 8, ["color"])) : createCommentVNode("", true)
       ], 4)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_1$q, [
+      createElementVNode("view", _hoisted_1$w, [
         createElementVNode("view", {
           ref: "content",
           class: normalizeClass(["content", [
@@ -5037,7 +5069,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
             key: index,
             style: normalizeStyle({ height: _ctx.height }),
             onClick: ($event) => _ctx.go(item)
-          }, toDisplayString(item), 13, _hoisted_2$m);
+          }, toDisplayString(item), 13, _hoisted_2$s);
         }), 128))
       ], 4)),
       createElementVNode("view", {
@@ -5054,9 +5086,9 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : createCommentVNode("", true)
   ], 2);
 }
-var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y]]);
-const { create: create$B } = createComponent("searchbar");
-const _sfc_main$B = create$B({
+var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$D]]);
+const { create: create$G } = createComponent("searchbar");
+const _sfc_main$G = create$G({
   props: {
     modelValue: {
       type: [String, Number],
@@ -5078,32 +5110,30 @@ const _sfc_main$B = create$B({
       type: Boolean,
       default: true
     },
-    hasLeftIn: {
-      type: Boolean,
-      default: false
-    },
-    hasLeftOut: {
-      type: Boolean,
-      default: false
-    },
-    hasRightIn: {
-      type: Boolean,
-      default: false
+    background: {
+      type: String,
+      default: ""
     },
-    hasRightOut: {
-      type: Boolean,
-      default: false
+    inputBackground: {
+      type: String,
+      default: ""
     }
   },
-  components: {
-    [_sfc_main$15.name]: _sfc_main$15
-  },
   emits: ["change", "update:modelValue", "blur", "focus", "clear", "search"],
   setup(props, { emit }) {
-    toRefs(props);
     const state = reactive({
       active: false
     });
+    const searchbarStyle = computed(() => {
+      return {
+        background: props.background
+      };
+    });
+    const inputSearchbarStyle = computed(() => {
+      return {
+        background: props.inputBackground
+      };
+    });
     const valueChange = (event) => {
       const input = event.target;
       let val = input.value;
@@ -5143,47 +5173,53 @@ const _sfc_main$B = create$B({
       valueFocus,
       valueBlur,
       handleClear,
-      handleSubmit
+      handleSubmit,
+      searchbarStyle,
+      inputSearchbarStyle
     });
   }
 });
-const _hoisted_1$p = { class: "nut-searchbar" };
-const _hoisted_2$l = {
+const _hoisted_1$v = {
   key: 0,
-  class: "search-icon left-search-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
-const _hoisted_3$i = { class: "search-input" };
-const _hoisted_4$d = {
+const _hoisted_2$r = {
   key: 0,
-  class: "search-icon iptleft-search-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
 };
-const _hoisted_5$a = { class: "input-inner" };
-const _hoisted_6$7 = ["type", "maxlength", "placeholder", "value"];
-const _hoisted_7$6 = {
+const _hoisted_3$l = { class: "nut-searchbar__input-inner" };
+const _hoisted_4$g = ["type", "maxlength", "placeholder", "value"];
+const _hoisted_5$a = {
   key: 1,
-  class: "search-icon iptright-sarch-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon"
 };
-const _hoisted_8$6 = {
+const _hoisted_6$7 = {
   key: 1,
-  class: "search-icon right-search-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
 };
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", _hoisted_1$p, [
-    _ctx.hasLeftOut ? (openBlock(), createElementBlock("view", _hoisted_2$l, [
+  return openBlock(), createElementBlock("view", {
+    class: "nut-searchbar",
+    style: normalizeStyle(_ctx.searchbarStyle)
+  }, [
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$v, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$i, [
-      _ctx.hasLeftIn ? (openBlock(), createElementBlock("view", _hoisted_4$d, [
+    createElementVNode("view", {
+      class: "nut-searchbar__search-input",
+      style: normalizeStyle(_ctx.inputSearchbarStyle)
+    }, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$r, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_5$a, [
+      createElementVNode("view", _hoisted_3$l, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
           createElementVNode("input", {
-            class: "input-bar",
+            class: "nut-searchbar__input-bar",
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder,
@@ -5191,33 +5227,34 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
             onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
             onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
             onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
-          }, null, 40, _hoisted_6$7)
+          }, null, 40, _hoisted_4$g)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
           onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
-          class: "input-clear"
+          class: "nut-searchbar__input-clear"
         }, [
           createVNode(_component_nut_icon, {
-            name: "mask-close",
-            size: "12px"
+            name: "circle-close",
+            size: "12",
+            color: "#555"
           })
         ], 512)), [
           [vShow, _ctx.modelValue.length > 0]
         ]) : createCommentVNode("", true)
       ]),
-      _ctx.hasRightIn ? (openBlock(), createElementBlock("view", _hoisted_7$6, [
+      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_5$a, [
         renderSlot(_ctx.$slots, "rightin")
       ])) : createCommentVNode("", true)
-    ]),
-    _ctx.hasRightOut ? (openBlock(), createElementBlock("view", _hoisted_8$6, [
+    ], 4),
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_6$7, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : createCommentVNode("", true)
-  ]);
+  ], 4);
 }
-var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
-const { componentName: componentName$q, create: create$A } = createComponent("navbar");
-const _sfc_main$A = create$A({
+var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$C]]);
+const { componentName: componentName$v, create: create$F } = createComponent("navbar");
+const _sfc_main$F = create$F({
   props: {
     leftShow: { type: Boolean, default: true },
     title: { type: String, default: "" },
@@ -5252,7 +5289,7 @@ const _sfc_main$A = create$A({
   setup(props, { emit }) {
     const activeIndex = ref(props.defaultIndex);
     const classes = computed(() => {
-      const prefixCls = componentName$q;
+      const prefixCls = componentName$v;
       return {
         [prefixCls]: true
       };
@@ -5297,15 +5334,15 @@ const _sfc_main$A = create$A({
     };
   }
 });
-const _hoisted_1$o = { class: "nut-navbar__left" };
-const _hoisted_2$k = { class: "tab-title" };
-const _hoisted_3$h = ["onClick"];
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$u = { class: "nut-navbar__left" };
+const _hoisted_2$q = { class: "tab-title" };
+const _hoisted_3$k = ["onClick"];
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$o, [
+    createElementVNode("view", _hoisted_1$u, [
       _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         color: "#979797",
@@ -5327,7 +5364,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.titIcon,
         onClick: _ctx.handleCenterIcon
       }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_2$k, [
+      createElementVNode("view", _hoisted_2$q, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: normalizeClass([
@@ -5336,7 +5373,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             onClick: ($event) => _ctx.switchTitle(item.id, item.name),
             key: item.id
-          }, toDisplayString(item.name), 11, _hoisted_3$h);
+          }, toDisplayString(item.name), 11, _hoisted_3$k);
         }), 128))
       ])
     ], 2)) : createCommentVNode("", true),
@@ -5366,9 +5403,9 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$w]]);
-const { componentName: componentName$p, create: create$z } = createComponent("fixednav");
-const _sfc_main$z = create$z({
+var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$B]]);
+const { componentName: componentName$u, create: create$E } = createComponent("fixednav");
+const _sfc_main$E = create$E({
   components: {
     [OverLay.name]: OverLay
   },
@@ -5411,7 +5448,7 @@ const _sfc_main$z = create$z({
   emits: ["update:visible", "selected"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$p;
+      const prefixCls = componentName$u;
       return {
         [prefixCls]: true,
         active: props.visible,
@@ -5430,16 +5467,16 @@ const _sfc_main$z = create$z({
     return { classes, updateValue, selected };
   }
 });
-const _hoisted_1$n = { class: "nut-fixednav__list" };
-const _hoisted_2$j = ["onClick"];
-const _hoisted_3$g = ["src"];
-const _hoisted_4$c = { class: "span" };
+const _hoisted_1$t = { class: "nut-fixednav__list" };
+const _hoisted_2$p = ["onClick"];
+const _hoisted_3$j = ["src"];
+const _hoisted_4$f = { class: "span" };
 const _hoisted_5$9 = {
   key: 0,
   class: "b"
 };
 const _hoisted_6$6 = { class: "text" };
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -5453,7 +5490,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
     }, null, 8, ["visible"])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "list", {}, () => [
-      createElementVNode("view", _hoisted_1$n, [
+      createElementVNode("view", _hoisted_1$t, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-fixednav__list-item",
@@ -5462,10 +5499,10 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$g),
-            createElementVNode("view", _hoisted_4$c, toDisplayString(item.text), 1),
+            }, null, 8, _hoisted_3$j),
+            createElementVNode("view", _hoisted_4$f, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$9, toDisplayString(item.num), 1)) : createCommentVNode("", true)
-          ], 8, _hoisted_2$j);
+          ], 8, _hoisted_2$p);
         }), 128))
       ])
     ]),
@@ -5483,221 +5520,273 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$v]]);
-var index_vue_vue_type_style_index_0_lang = "";
-const { componentName: componentName$o, create: create$y } = createComponent("menu");
-const _sfc_main$y = create$y({
-  components: {
-    [_sfc_main$15.name]: _sfc_main$15
-  },
+var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$A]]);
+const { componentName: componentName$t, create: create$D } = createComponent("menu");
+const _sfc_main$D = create$D({
   props: {
-    col: {
-      type: [String, Number],
-      default: 1
-    },
     activeColor: {
       type: String,
-      default: "#f00"
+      default: "#FA2C19"
+    },
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    duration: {
+      type: [Number, String],
+      default: 0
     }
   },
-  emits: ["choose"],
-  setup(props, { slots, emit }) {
-    const menuList = reactive([]);
-    let activeTitle = ref("");
-    let showMask = ref(false);
-    let styleObj = reactive({
-      flexBasis: 100 / Number(props.col) + "%"
-    });
-    let nutMenuIndex = ref("auto");
-    let hasOptions = ref(true);
-    let isShowCustomer = ref(false);
-    if (slots.default) {
-      for (let i = 0; i < slots.default().length; i++) {
-        if (slots.default()[i].type["name"] === "nut-menu-item") {
-          let item = {
-            title: slots.default()[i].props["title"],
-            disabled: !!slots.default()[i].props["disabled"]
-          };
-          if (slots.default()[i].props["options"]) {
-            item["options"] = slots.default()[i].props["options"];
-          } else {
-            hasOptions.value = false;
+  setup(props, { emit, slots }) {
+    const barRef = ref();
+    const offset = ref(0);
+    const useChildren = () => {
+      const publicChildren = reactive([]);
+      const internalChildren = reactive([]);
+      const linkChildren2 = (value) => {
+        const link = (child) => {
+          if (child.proxy) {
+            internalChildren.push(child);
+            publicChildren.push(child.proxy);
           }
-          menuList.push(item);
-        }
-      }
-    }
-    const handleClickTitle = (title, index) => {
-      if (!hasOptions.value) {
-        if (activeTitle.value) {
-          activeTitle.value = "";
-          isShowCustomer.value = false;
-          showMask.value = false;
-          nutMenuIndex.value = "auto";
-        } else {
-          activeTitle.value = title;
-          isShowCustomer.value = true;
-          showMask.value = true;
-          nutMenuIndex.value = 2001;
-        }
-        return;
-      }
-      if (menuList.length > 1) {
-        if (activeTitle.value === title) {
-          activeTitle.value = "";
-          nutMenuIndex.value = "auto";
-          showMask.value = false;
-        } else {
-          activeTitle.value = title;
-          nutMenuIndex.value = 2001;
-          showMask.value = true;
-        }
-      } else {
-        if (activeTitle.value) {
-          activeTitle.value = "";
-          nutMenuIndex.value = "auto";
-          showMask.value = false;
-        } else {
-          activeTitle.value = title;
-          nutMenuIndex.value = 2001;
-          showMask.value = true;
-        }
-      }
-    };
-    const handleClickOption = (text, index, value) => {
-      menuList[index].title = text;
-      activeTitle.value = "";
-      showMask.value = false;
-      nutMenuIndex.value = "auto";
-      emit("choose", text, value);
+        };
+        provide("menuParent", Object.assign({
+          link,
+          children: publicChildren,
+          internalChildren
+        }, value));
+      };
+      return {
+        children: publicChildren,
+        linkChildren: linkChildren2
+      };
     };
+    const { children, linkChildren } = useChildren();
+    const opened = computed(() => children.some((item) => item.state.showWrapper));
     const classes = computed(() => {
-      const prefixCls = componentName$o;
+      const prefixCls = componentName$t;
       return {
         [prefixCls]: true
       };
     });
-    const handleClose = () => {
-      activeTitle.value = "";
-      nutMenuIndex.value = "auto";
-      if (isShowCustomer.value) {
-        isShowCustomer.value = false;
+    const updateOffset = () => {
+      if (barRef.value) {
+        const rect = useRect(barRef);
+        offset.value = rect.bottom;
       }
     };
+    linkChildren({ props, offset });
+    const toggleItem = (active) => {
+      children.forEach((item, index) => {
+        if (index === active) {
+          updateOffset();
+          item.toggle();
+        } else if (item.state.showPopup) {
+          item.toggle(false, { immediate: true });
+        }
+      });
+    };
     return {
-      menuList,
-      activeTitle,
+      toggleItem,
+      children,
+      opened,
       classes,
-      showMask,
-      styleObj,
-      nutMenuIndex,
-      hasOptions,
-      isShowCustomer,
-      handleClickTitle,
-      handleClickOption,
-      handleClose
+      barRef
     };
   }
 });
-const _hoisted_1$m = { class: "title-list" };
-const _hoisted_2$i = ["onClick"];
-const _hoisted_3$f = ["onClick"];
-const _hoisted_4$b = { class: "customer-item" };
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_popup = resolveComponent("nut-popup");
+const _hoisted_1$s = ["onClick"];
+const _hoisted_2$o = { class: "nut-menu__title-text" };
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", null, [
-    createVNode(_component_nut_popup, mergeProps(_ctx.$attrs, {
-      visible: _ctx.showMask,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showMask = $event),
-      onClose: _ctx.handleClose
-    }), null, 16, ["visible", "onClose"]),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.classes),
-      style: normalizeStyle({ "z-index": _ctx.nutMenuIndex })
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }]),
+      ref: "barRef"
     }, [
-      createElementVNode("div", _hoisted_1$m, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: normalizeClass(["title", {
-              "is-active": _ctx.activeTitle === menu.title,
-              disabled: menu.disabled
-            }]),
-            onClick: ($event) => !menu.disabled && _ctx.handleClickTitle(menu.title, index)
-          }, [
-            createTextVNode(toDisplayString(menu.title) + " ", 1),
-            _ctx.activeTitle === menu.title ? (openBlock(), createBlock(_component_nut_icon, {
-              key: 0,
-              size: "10",
-              color: "#333",
-              name: "arrow-up"
-            })) : (openBlock(), createBlock(_component_nut_icon, {
-              key: 1,
-              size: "10",
-              color: "#999",
-              name: "arrow-down"
-            }))
-          ], 10, _hoisted_2$i);
-        }), 128))
-      ]),
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index) => {
-        return withDirectives((openBlock(), createElementBlock("div", {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index) => {
+        return openBlock(), createElementBlock("view", {
           key: index,
-          class: "option-list"
+          class: normalizeClass(["nut-menu__item", { disabled: item.disabled }]),
+          onClick: ($event) => !item.disabled && _ctx.toggleItem(index),
+          style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
         }, [
-          createElementVNode("ul", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(menu.options, (option, index2) => {
-              return openBlock(), createElementBlock("li", {
-                key: index2,
-                onClick: ($event) => _ctx.handleClickOption(option.text, index, option.value),
-                style: normalizeStyle(_ctx.styleObj)
-              }, [
-                menu.title === option.text ? (openBlock(), createBlock(_component_nut_icon, {
-                  key: 0,
-                  size: "20",
-                  color: _ctx.activeColor,
-                  name: "Check"
-                }, null, 8, ["color"])) : createCommentVNode("", true),
-                createTextVNode(toDisplayString(option.text), 1)
-              ], 12, _hoisted_3$f);
-            }), 128))
-          ])
-        ], 512)), [
-          [vShow, _ctx.hasOptions && _ctx.activeTitle === menu.title]
-        ]);
-      }), 128)),
-      withDirectives(createElementVNode("view", _hoisted_4$b, [
-        renderSlot(_ctx.$slots, "default")
-      ], 512), [
-        [vShow, !_ctx.hasOptions && _ctx.isShowCustomer]
-      ])
-    ], 6)
-  ]);
+          createElementVNode("view", {
+            class: normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
+          }, [
+            createElementVNode("view", _hoisted_2$o, toDisplayString(item.renderTitle()), 1),
+            createVNode(_component_nut_icon, {
+              name: item.titleIcon,
+              size: "10",
+              class: "nut-menu__title-icon"
+            }, null, 8, ["name"])
+          ], 2)
+        ], 14, _hoisted_1$s);
+      }), 128))
+    ], 2),
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
 }
-var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$u]]);
-var index_vue_vue_type_style_index_0_scoped_true_lang = "";
-const { create: create$x, componentName: componentName$n } = createComponent("menu-item");
-const _sfc_main$x = create$x({
-  setup() {
-    let pro = getCurrentInstance().proxy;
-    pro.toggle = () => {
-      pro.$parent.activeTitle = "";
-      pro.$parent.isShowCustomer = false;
-      pro.$parent.showMask = false;
-      pro.$parent.nutMenuIndex = "auto";
-    };
-    return {};
+var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
+const { componentName: componentName$s, create: create$C } = createComponent("menu-item");
+const _sfc_main$C = create$C({
+  props: {
+    title: String,
+    options: {
+      type: Array,
+      default: []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: null,
+    cols: {
+      type: Number,
+      default: 1
+    },
+    titleIcon: {
+      type: String,
+      default: "down-arrow"
+    }
+  },
+  components: {
+    [_sfc_main$1a.name]: _sfc_main$1a,
+    [Popup.name]: Popup
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit, slots }) {
+    const state = reactive({
+      showPopup: false,
+      transition: true,
+      showWrapper: false,
+      isShowPlaceholderElement: false
+    });
+    const useParent = () => {
+      const parent2 = inject("menuParent", null);
+      if (parent2) {
+        const instance = getCurrentInstance();
+        const { link } = parent2;
+        link(instance);
+        return {
+          parent: parent2
+        };
+      }
+    };
+    const { parent } = useParent();
+    const classes = computed(() => {
+      const prefixCls = componentName$s;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const toggle = (show = !state.showPopup, options = {}) => {
+      if (show === state.showPopup) {
+        return;
+      }
+      state.showPopup = show;
+      state.isShowPlaceholderElement = show;
+      if (show) {
+        state.showWrapper = true;
+      }
+    };
+    const renderTitle = () => {
+      var _a;
+      if (props.title) {
+        return props.title;
+      }
+      const match = (_a = props.options) == null ? void 0 : _a.find((option) => option.value === props.modelValue);
+      return match ? match.text : "";
+    };
+    const onClick = (option) => {
+      state.showPopup = false;
+      state.isShowPlaceholderElement = false;
+      if (option.value !== props.modelValue) {
+        emit("update:modelValue", option.value);
+        emit("change", option.value);
+      }
+    };
+    const handleClose = () => {
+      state.showWrapper = false;
+      state.isShowPlaceholderElement = false;
+    };
+    const handleClickOutside = () => {
+      state.showPopup = false;
+    };
+    return {
+      classes,
+      renderTitle,
+      state,
+      parent,
+      toggle,
+      onClick,
+      handleClose,
+      handleClickOutside
+    };
   }
 });
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+const _hoisted_1$r = { class: "nut-menu-item__content" };
+const _hoisted_2$n = ["onClick"];
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return withDirectives((openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    withDirectives(createElementVNode("div", {
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args)),
+      class: "placeholder-element",
+      style: normalizeStyle({ height: _ctx.parent.offset.value + "px" })
+    }, null, 4), [
+      [vShow, _ctx.state.isShowPlaceholderElement]
+    ]),
+    createVNode(_component_nut_popup, mergeProps({
+      style: { top: _ctx.parent.offset.value + "px" },
+      overlayStyle: { top: _ctx.parent.offset.value + "px" }
+    }, _ctx.$attrs, {
+      visible: _ctx.state.showPopup,
+      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.state.showPopup = $event),
+      position: "top",
+      duration: _ctx.parent.props.duration,
+      "pop-class": "nut-menu__pop",
+      overlayClass: "nut-menu__overlay",
+      overlay: _ctx.parent.props.overlay,
+      onClosed: _ctx.handleClose,
+      isWrapTeleport: false
+    }), {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1$r, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+            return openBlock(), createElementBlock("view", {
+              key: index,
+              class: normalizeClass(["nut-menu-item__option", { active: option.value === _ctx.modelValue }]),
+              style: normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
+              onClick: ($event) => _ctx.onClick(option)
+            }, [
+              option.value === _ctx.modelValue ? (openBlock(), createBlock(_component_nut_icon, {
+                key: 0,
+                name: "Check",
+                color: _ctx.parent.props.activeColor
+              }, null, 8, ["color"])) : createCommentVNode("", true),
+              createElementVNode("view", {
+                style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
+              }, toDisplayString(option.text), 5)
+            ], 14, _hoisted_2$n);
+          }), 128)),
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed"])
+  ], 2)), [
+    [vShow, _ctx.state.showWrapper]
   ]);
 }
-var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$t], ["__scopeId", "data-v-02edb907"]]);
-const { create: create$w } = createComponent("tabbar");
-const _sfc_main$w = create$w({
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y]]);
+const { create: create$B } = createComponent("tabbar");
+const _sfc_main$B = create$B({
   props: {
     visible: {
       type: [Number, String],
@@ -5752,16 +5841,16 @@ const _sfc_main$w = create$w({
     };
   }
 });
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom }])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$s]]);
-const { create: create$v } = createComponent("tabbar-item");
-const _sfc_main$v = create$v({
+var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
+const { create: create$A } = createComponent("tabbar-item");
+const _sfc_main$A = create$A({
   props: {
     tabTitle: {
       type: String,
@@ -5842,17 +5931,17 @@ const _sfc_main$v = create$v({
     };
   }
 });
-const _hoisted_1$l = { class: "nut-tabbar-item_icon-box" };
-const _hoisted_2$h = {
+const _hoisted_1$q = { class: "nut-tabbar-item_icon-box" };
+const _hoisted_2$m = {
   key: 0,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
 };
-const _hoisted_3$e = {
+const _hoisted_3$i = {
   key: 1,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
 };
-const _hoisted_4$a = { key: 2 };
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_4$e = { key: 2 };
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
@@ -5861,9 +5950,9 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change(_ctx.state.index))
   }, [
-    createElementVNode("view", _hoisted_1$l, [
-      _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$h, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$e, toDisplayString("99+"))) : createCommentVNode("", true),
-      _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_4$a, [
+    createElementVNode("view", _hoisted_1$q, [
+      _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$m, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$i, toDisplayString("99+"))) : createCommentVNode("", true),
+      _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_4$e, [
         createVNode(_component_nut_icon, {
           class: "nut-tabbar-item_icon-box_icon",
           size: _ctx.state.size,
@@ -5887,9 +5976,9 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$r]]);
-const { componentName: componentName$m, create: create$u } = createComponent("elevator");
-const _sfc_main$u = create$u({
+var TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$w]]);
+const { componentName: componentName$r, create: create$z } = createComponent("elevator");
+const _sfc_main$z = create$z({
   props: {
     height: {
       type: [Number, String],
@@ -5922,7 +6011,7 @@ const _sfc_main$u = create$u({
       currentIndex: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$m;
+      const prefixCls = componentName$r;
       return {
         [prefixCls]: true
       };
@@ -6011,11 +6100,11 @@ const _sfc_main$u = create$u({
     });
   }
 });
-const _hoisted_1$k = { class: "nut-elevator__list__item__code" };
-const _hoisted_2$g = ["onClick", "innerHTML"];
-const _hoisted_3$d = { class: "nut-elevator__bars__inner" };
-const _hoisted_4$9 = ["data-index", "onClick"];
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$p = { class: "nut-elevator__list__item__code" };
+const _hoisted_2$l = ["onClick", "innerHTML"];
+const _hoisted_3$h = { class: "nut-elevator__bars__inner" };
+const _hoisted_4$d = ["data-index", "onClick"];
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -6030,14 +6119,14 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           key: item[_ctx.acceptKey],
           ref: _ctx.setListGroup
         }, [
-          createElementVNode("view", _hoisted_1$k, toDisplayString(item[_ctx.acceptKey]), 1),
+          createElementVNode("view", _hoisted_1$p, toDisplayString(item[_ctx.acceptKey]), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
             return openBlock(), createElementBlock("view", {
               class: "nut-elevator__list__item__name",
               key: subitem["id"],
               onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
               innerHTML: subitem.name
-            }, null, 8, _hoisted_2$g);
+            }, null, 8, _hoisted_2$l);
           }), 128))
         ], 512);
       }), 128))
@@ -6054,22 +6143,22 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchmove: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
     }, [
-      createElementVNode("view", _hoisted_3$d, [
+      createElementVNode("view", _hoisted_3$h, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-elevator__bars__inner__item",
             "data-index": index,
             key: item[_ctx.acceptKey],
             onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
-          }, toDisplayString(item[_ctx.acceptKey]), 9, _hoisted_4$9);
+          }, toDisplayString(item[_ctx.acceptKey]), 9, _hoisted_4$d);
         }), 128))
       ])
     ], 32)
   ], 2);
 }
-var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$q]]);
-const { componentName: componentName$l, create: create$t } = createComponent("pagination");
-const _sfc_main$t = create$t({
+var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$v]]);
+const { componentName: componentName$q, create: create$y } = createComponent("pagination");
+const _sfc_main$y = create$y({
   props: {
     modelValue: {
       type: Number,
@@ -6174,19 +6263,19 @@ const _sfc_main$t = create$t({
     };
   }
 });
-const _hoisted_1$j = { class: "nut-pagination" };
-const _hoisted_2$f = {
+const _hoisted_1$o = { class: "nut-pagination" };
+const _hoisted_2$k = {
   key: 0,
   class: "nut-pagination-contain"
 };
-const _hoisted_3$c = ["onClick"];
-const _hoisted_4$8 = {
+const _hoisted_3$g = ["onClick"];
+const _hoisted_4$c = {
   key: 1,
   class: "nut-pagination-contain"
 };
 const _hoisted_5$8 = { class: "nut-pagination-simple" };
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$j, [
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$o, [
     createElementVNode("view", {
       class: normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
@@ -6195,7 +6284,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.prevText), 1)
       ])
     ], 2),
-    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$f, [
+    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$k, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index) => {
         return openBlock(), createElementBlock("view", {
           key: index + "pagination",
@@ -6205,10 +6294,10 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "page", { item }, () => [
             createTextVNode(toDisplayString(item.text), 1)
           ])
-        ], 10, _hoisted_3$c);
+        ], 10, _hoisted_3$g);
       }), 128))
     ])) : createCommentVNode("", true),
-    _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$8, [
+    _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$c, [
       createElementVNode("view", _hoisted_5$8, toDisplayString(_ctx.modelValue) + "/" + toDisplayString(_ctx.countRef), 1)
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
@@ -6221,8 +6310,8 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ]);
 }
-var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$p]]);
-const { create: create$s } = createComponent("tabs");
+var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$u]]);
+const { create: create$x } = createComponent("tabs");
 class Title {
   constructor() {
     __publicField(this, "title", "");
@@ -6231,7 +6320,7 @@ class Title {
     __publicField(this, "disabled", false);
   }
 }
-const _sfc_main$s = create$s({
+const _sfc_main$x = create$x({
   props: {
     modelValue: {
       type: [String, Number],
@@ -6275,7 +6364,7 @@ const _sfc_main$s = create$s({
   setup(props, { emit, slots }) {
     provide("activeKey", { activeKey: computed(() => props.modelValue) });
     const titles = ref([]);
-    const currentIndex = ref(0);
+    const currentIndex = ref(props.modelValue || 0);
     const renderTitles = (vnodes) => {
       vnodes.forEach((vnode, index) => {
         var _a, _b, _c, _d, _e;
@@ -6356,8 +6445,8 @@ const _sfc_main$s = create$s({
     }, methods);
   }
 });
-const _hoisted_1$i = ["onClick"];
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$n = ["onClick"];
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabs", [_ctx.direction]])
@@ -6391,7 +6480,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis && !_ctx.titleScroll && _ctx.direction == "horizontal" }])
           }, toDisplayString(item.title), 3)
-        ], 14, _hoisted_1$i);
+        ], 14, _hoisted_1$n);
       }), 128))
     ], 6),
     createElementVNode("view", {
@@ -6402,9 +6491,9 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 2);
 }
-var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$o]]);
-const { create: create$r } = createComponent("tabpane");
-const _sfc_main$r = create$r({
+var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$t]]);
+const { create: create$w } = createComponent("tabpane");
+const _sfc_main$w = create$w({
   props: {
     title: {
       type: [String, Number],
@@ -6425,14 +6514,14 @@ const _sfc_main$r = create$r({
     return { activeKey: parent.activeKey };
   }
 });
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabpane", { active: _ctx.paneKey == _ctx.activeKey }])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$n]]);
+var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$s]]);
 const Utils = {
   isLeapYear: function(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
@@ -6514,8 +6603,8 @@ const Utils = {
     return false;
   }
 };
-const { create: create$q } = createComponent("calendar-item");
-const _sfc_main$q = create$q({
+const { create: create$v } = createComponent("calendar-item");
+const _sfc_main$v = create$v({
   props: {
     type: {
       type: String,
@@ -6901,13 +6990,13 @@ const _sfc_main$q = create$q({
     }, toRefs(state)), toRefs(props));
   }
 });
-const _hoisted_1$h = { class: "calendar-title" };
-const _hoisted_2$e = { class: "calendar-curr-month" };
-const _hoisted_3$b = {
+const _hoisted_1$m = { class: "calendar-title" };
+const _hoisted_2$j = { class: "calendar-curr-month" };
+const _hoisted_3$f = {
   class: "calendar-weeks",
   ref: "weeksPanel"
 };
-const _hoisted_4$7 = {
+const _hoisted_4$b = {
   class: "calendar-months-panel",
   ref: "monthsPanel"
 };
@@ -6916,23 +7005,23 @@ const _hoisted_6$5 = { class: "calendar-month-title" };
 const _hoisted_7$5 = { class: "calendar-month-con" };
 const _hoisted_8$5 = ["onClick"];
 const _hoisted_9$4 = { class: "calendar-day" };
-const _hoisted_10$2 = {
+const _hoisted_10$3 = {
   key: 0,
   class: "calendar-curr-tips"
 };
-const _hoisted_11$2 = {
+const _hoisted_11$3 = {
   key: 1,
   class: "calendar-day-tip"
 };
-const _hoisted_12$2 = {
+const _hoisted_12$3 = {
   key: 2,
   class: "calendar-day-tip"
 };
-const _hoisted_13$1 = {
+const _hoisted_13$2 = {
   key: 0,
   class: "nut-calendar-footer"
 };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-calendar nut-calendar-taro", {
       "nut-calendar-tile": !_ctx.poppable,
@@ -6943,10 +7032,10 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
     }, [
       _ctx.poppable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createElementVNode("view", _hoisted_1$h, toDisplayString(_ctx.title), 1),
-        createElementVNode("view", _hoisted_2$e, toDisplayString(_ctx.yearMonthTitle), 1)
+        createElementVNode("view", _hoisted_1$m, toDisplayString(_ctx.title), 1),
+        createElementVNode("view", _hoisted_2$j, toDisplayString(_ctx.yearMonthTitle), 1)
       ], 64)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$b, [
+      createElementVNode("view", _hoisted_3$f, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-week-item",
@@ -6962,7 +7051,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchmove: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
       onTouchend: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.touchEnd && _ctx.touchEnd(...args), ["stop"]))
     }, [
-      createElementVNode("view", _hoisted_4$7, [
+      createElementVNode("view", _hoisted_4$b, [
         createElementVNode("view", _hoisted_5$7, toDisplayString(!_ctx.unLoadPrev ? "\u52A0\u8F7D\u4E0A\u4E00\u4E2A\u6708" : "\u6CA1\u6709\u66F4\u65E9\u6708\u4EFD"), 1),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.monthsData, (month, index) => {
           return openBlock(), createElementBlock("view", {
@@ -6981,8 +7070,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
                     onClick: ($event) => _ctx.chooseDay(day, month)
                   }, [
                     createElementVNode("view", _hoisted_9$4, toDisplayString(day.type == "curr" ? day.day : ""), 1),
-                    _ctx.isCurrDay(month, day.day) ? (openBlock(), createElementBlock("view", _hoisted_10$2, "\u4ECA\u5929")) : createCommentVNode("", true),
-                    _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_11$2, toDisplayString("\u5F00\u59CB"))) : _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_12$2, toDisplayString("\u7ED3\u675F"))) : createCommentVNode("", true)
+                    _ctx.isCurrDay(month, day.day) ? (openBlock(), createElementBlock("view", _hoisted_10$3, "\u4ECA\u5929")) : createCommentVNode("", true),
+                    _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_11$3, toDisplayString("\u5F00\u59CB"))) : _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_12$3, toDisplayString("\u7ED3\u675F"))) : createCommentVNode("", true)
                   ], 10, _hoisted_8$5);
                 }), 128))
               ], 2)
@@ -6991,7 +7080,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ], 512)
     ], 544),
-    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_13$1, [
+    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_13$2, [
       createElementVNode("view", {
         class: "calendar-confirm-btn",
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.confirm && _ctx.confirm(...args))
@@ -6999,9 +7088,9 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$m]]);
-const { create: create$p } = createComponent("calendar");
-const _sfc_main$p = create$p({
+var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$r]]);
+const { create: create$u } = createComponent("calendar");
+const _sfc_main$u = create$u({
   components: {
     [CalendarItem.name]: CalendarItem
   },
@@ -7064,7 +7153,7 @@ const _sfc_main$p = create$p({
     };
   }
 });
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_calendar_item = resolveComponent("nut-calendar-item");
   const _component_nut_popup = resolveComponent("nut-popup");
   return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, {
@@ -7106,11 +7195,11 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     onChoose: _ctx.choose
   }, null, 8, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "onClose", "onChoose"]));
 }
-var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$l]]);
-const { create: create$o, componentName: componentName$k } = createComponent("checkbox");
-const _sfc_main$o = create$o({
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$q]]);
+const { create: create$t, componentName: componentName$p } = createComponent("checkbox");
+const _sfc_main$t = create$t({
   components: {
-    nutIcon: _sfc_main$15
+    nutIcon: _sfc_main$1a
   },
   props: {
     modelValue: {
@@ -7166,7 +7255,7 @@ const _sfc_main$o = create$o({
     };
     const renderIcon = () => {
       const { iconName, iconSize, iconActiveName } = props;
-      return h(_sfc_main$15, {
+      return h(_sfc_main$1a, {
         name: !pValue.value ? iconName : iconActiveName,
         size: iconSize,
         class: color.value
@@ -7175,7 +7264,7 @@ const _sfc_main$o = create$o({
     const renderLabel = () => {
       var _a;
       return h("view", {
-        class: `${componentName$k}__label ${pDisabled.value ? `${componentName$k}__label--disabled` : ""}`
+        class: `${componentName$p}__label ${pDisabled.value ? `${componentName$p}__label--disabled` : ""}`
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
     const handleClick = (e) => {
@@ -7200,14 +7289,14 @@ const _sfc_main$o = create$o({
     });
     return () => {
       return h("view", {
-        class: `${componentName$k} ${props.textPosition === "left" ? `${componentName$k}--reverse` : ""}`,
+        class: `${componentName$p} ${props.textPosition === "left" ? `${componentName$p}--reverse` : ""}`,
         onClick: handleClick
       }, [renderIcon(), renderLabel()]);
     };
   }
 });
-const { create: create$n, componentName: componentName$j } = createComponent("checkboxgroup");
-const _sfc_main$n = create$n({
+const { create: create$s, componentName: componentName$o } = createComponent("checkboxgroup");
+const _sfc_main$s = create$s({
   props: {
     modelValue: {
       type: Array,
@@ -7254,7 +7343,7 @@ const _sfc_main$n = create$n({
     return () => {
       var _a;
       return h("view", {
-        class: `${componentName$j}`
+        class: `${componentName$o}`
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
   }
@@ -7286,7 +7375,7 @@ const commonProps = {
 const MOMENTUM_LIMIT_DISTANCE = 15;
 const MOMENTUM_LIMIT_TIME = 300;
 const DEFAULT_DURATION = 200;
-const { create: create$m } = createComponent("picker-column");
+const { create: create$r } = createComponent("picker-column");
 function range(num, min, max) {
   return Math.min(Math.max(num, min), max);
 }
@@ -7313,7 +7402,7 @@ function isObject(val) {
 function isOptionDisabled(option) {
   return isObject(option) && option.disabled;
 }
-const _sfc_main$m = create$m({
+const _sfc_main$r = create$r({
   props: __spreadValues({
     dataType: String
   }, commonProps),
@@ -7460,7 +7549,7 @@ const _sfc_main$m = create$m({
     });
   }
 });
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: "nut-picker__content",
     style: normalizeStyle({ height: _ctx.height + "px" }),
@@ -7484,9 +7573,9 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 36);
 }
-var column = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k]]);
-const { create: create$l, componentName: componentName$i } = createComponent("picker");
-const _sfc_main$l = create$l({
+var column = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$p]]);
+const { create: create$q, componentName: componentName$n } = createComponent("picker");
+const _sfc_main$q = create$q({
   components: {
     [column.name]: column,
     [Popup.name]: Popup
@@ -7517,7 +7606,7 @@ const _sfc_main$l = create$l({
     let _defaultIndex = props.defaultIndex;
     let defaultIndexList = [];
     const classes = computed(() => {
-      const prefixCls = componentName$i;
+      const prefixCls = componentName$n;
       return {
         [prefixCls]: true
       };
@@ -7647,9 +7736,9 @@ const _sfc_main$l = create$l({
     });
   }
 });
-const _hoisted_1$g = { class: "nut-picker__bar" };
-const _hoisted_2$d = { class: "nut-picker__column" };
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$l = { class: "nut-picker__bar" };
+const _hoisted_2$i = { class: "nut-picker__column" };
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker_column = resolveComponent("nut-picker-column");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
@@ -7666,7 +7755,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       onClose: _ctx.close
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$g, [
+        createElementVNode("view", _hoisted_1$l, [
           createElementVNode("view", {
             class: "nut-picker__left nut-picker__button",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
@@ -7677,7 +7766,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
           }, toDisplayString(_ctx.okText), 1)
         ]),
-        createElementVNode("view", _hoisted_2$d, [
+        createElementVNode("view", _hoisted_2$i, [
           createElementVNode("view", {
             class: "nut-picker__mask",
             style: normalizeStyle({ backgroundSize: `100% ${_ctx.top}px` })
@@ -7710,8 +7799,8 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["style", "visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose"])
   ], 2);
 }
-var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j]]);
-const { componentName: componentName$h, create: create$k } = createComponent("datepicker");
+var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$o]]);
+const { componentName: componentName$m, create: create$p } = createComponent("datepicker");
 const currentYear = new Date().getFullYear();
 function isDate(val) {
   return Object.prototype.toString.call(val) === "[object Date]" && !isNaN(val.getTime());
@@ -7724,7 +7813,7 @@ const zhCNType = {
   minute: "\u5206",
   seconds: "\u79D2"
 };
-const _sfc_main$k = create$k({
+const _sfc_main$p = create$p({
   components: {
     [Picker.name]: Picker
   },
@@ -7947,7 +8036,7 @@ const _sfc_main$k = create$k({
     });
   }
 });
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker = resolveComponent("nut-picker");
   return openBlock(), createBlock(_component_nut_picker, {
     visible: _ctx.show,
@@ -7958,9 +8047,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     onConfirm: _ctx.confirm
   }, null, 8, ["visible", "onClose", "list-data", "onChange", "title", "onConfirm"]);
 }
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i]]);
-const { componentName: componentName$g, create: create$j } = createComponent("inputnumber");
-const _sfc_main$j = create$j({
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n]]);
+const { componentName: componentName$l, create: create$o } = createComponent("inputnumber");
+const _sfc_main$o = create$o({
   props: {
     modelValue: {
       type: [Number, String],
@@ -8002,7 +8091,7 @@ const _sfc_main$j = create$j({
   emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$g;
+      const prefixCls = componentName$l;
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled
@@ -8079,8 +8168,8 @@ const _sfc_main$j = create$j({
     };
   }
 });
-const _hoisted_1$f = ["min", "max", "disabled", "readonly", "value"];
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$k = ["min", "max", "disabled", "readonly", "value"];
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -8103,7 +8192,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
       onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
-    }, null, 44, _hoisted_1$f),
+    }, null, 44, _hoisted_1$k),
     createVNode(_component_nut_icon, {
       name: "plus",
       class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
@@ -8112,7 +8201,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["class", "size", "onClick"])
   ], 6);
 }
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m]]);
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);
   if (index === -1) {
@@ -8137,8 +8226,8 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const { componentName: componentName$f, create: create$i } = createComponent("input");
-const _sfc_main$i = create$i({
+const { componentName: componentName$k, create: create$n } = createComponent("input");
+const _sfc_main$n = create$n({
   props: {
     type: {
       type: String,
@@ -8185,7 +8274,7 @@ const _sfc_main$i = create$i({
   setup(props, { emit }) {
     const active = ref(false);
     const classes = computed(() => {
-      const prefixCls = componentName$f;
+      const prefixCls = componentName$k;
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
@@ -8245,19 +8334,19 @@ const _sfc_main$i = create$i({
     };
   }
 });
-const _hoisted_1$e = { class: "nut-input-label" };
-const _hoisted_2$c = {
+const _hoisted_1$j = { class: "nut-input-label" };
+const _hoisted_2$h = {
   key: 0,
   class: "label-string"
 };
-const _hoisted_3$a = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_3$e = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$e, [
-      _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_2$c, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+    createElementVNode("view", _hoisted_1$j, [
+      _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_2$h, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
     ]),
     createElementVNode("input", {
       class: "input-text",
@@ -8271,7 +8360,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
       onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
       onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
-    }, null, 44, _hoisted_3$a),
+    }, null, 44, _hoisted_3$e),
     _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", {
       key: 0,
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
@@ -8286,16 +8375,20 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     ]) : createCommentVNode("", true)
   ], 2);
 }
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g]]);
-const { componentName: componentName$e, create: create$h } = createComponent("radio");
-const _sfc_main$h = create$h({
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]);
+const { componentName: componentName$j, create: create$m } = createComponent("radio");
+const _sfc_main$m = create$m({
   props: {
     disabled: {
       type: Boolean,
       default: false
     },
-    label: {
+    shape: {
       type: String,
+      default: "round"
+    },
+    label: {
+      type: [String, Number],
       default: ""
     },
     iconName: {
@@ -8314,7 +8407,7 @@ const _sfc_main$h = create$h({
   setup(props, { emit, slots }) {
     let parent = inject("parent");
     const isCurValue = computed(() => {
-      return parent.label.value === props.label;
+      return parent.label.value == props.label;
     });
     const color = computed(() => {
       return !props.disabled ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
@@ -8324,7 +8417,7 @@ const _sfc_main$h = create$h({
     });
     const renderIcon = () => {
       const { iconName, iconSize, iconActiveName } = props;
-      return h(_sfc_main$15, {
+      return h(_sfc_main$1a, {
         name: isCurValue.value ? iconActiveName : iconName,
         size: iconSize,
         class: color.value
@@ -8333,7 +8426,13 @@ const _sfc_main$h = create$h({
     const renderLabel = () => {
       var _a;
       return h("view", {
-        class: `${componentName$e}__label ${props.disabled ? `${componentName$e}__label--disabled` : ""}`
+        class: `${componentName$j}__label ${props.disabled ? `${componentName$j}__label--disabled` : ""}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+    const renderButton = () => {
+      var _a;
+      return h("view", {
+        class: `${componentName$j}__button ${isCurValue.value && `${componentName$j}__button--active`} ${props.disabled ? `${componentName$j}__button--disabled` : ""}`
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
     const handleClick = () => {
@@ -8341,21 +8440,28 @@ const _sfc_main$h = create$h({
         return;
       parent.updateValue(props.label);
     };
+    let reverseState = position.value === "left";
     return () => {
       return h("view", {
-        class: `${componentName$e} ${position.value === "left" ? `${componentName$e}--reverse` : ""}`,
+        class: `${componentName$j} ${componentName$j}--${props.shape} ${reverseState ? `${componentName$j}--reverse` : ""}`,
         onClick: handleClick
-      }, [renderIcon(), renderLabel()]);
+      }, [
+        props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
+      ]);
     };
   }
 });
-const { componentName: componentName$d, create: create$g } = createComponent("radiogroup");
-const _sfc_main$g = create$g({
+const { componentName: componentName$i, create: create$l } = createComponent("radiogroup");
+const _sfc_main$l = create$l({
   props: {
     modelValue: {
       type: [Number, String, Boolean],
       default: ""
     },
+    direction: {
+      type: String,
+      default: "vertical"
+    },
     textPosition: {
       type: String,
       default: "right"
@@ -8373,13 +8479,13 @@ const _sfc_main$g = create$g({
     return () => {
       var _a;
       return h("view", {
-        class: `${componentName$d}`
+        class: `${componentName$i} ${componentName$i}--${props.direction}`
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
   }
 });
-const { componentName: componentName$c, create: create$f } = createComponent("rate");
-const _sfc_main$f = create$f({
+const { componentName: componentName$h, create: create$k } = createComponent("rate");
+const _sfc_main$k = create$k({
   props: {
     count: {
       type: [String, Number],
@@ -8429,7 +8535,7 @@ const _sfc_main$f = create$f({
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$c;
+      const prefixCls = componentName$h;
       return {
         [prefixCls]: true
       };
@@ -8460,8 +8566,8 @@ const _sfc_main$f = create$f({
     };
   }
 });
-const _hoisted_1$d = ["onClick"];
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$i = ["onClick"];
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -8492,13 +8598,13 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
           size: _ctx.iconSize,
           name: _ctx.uncheckedIcon
         }, null, 8, ["color", "size", "name"])) : createCommentVNode("", true)
-      ], 12, _hoisted_1$d);
+      ], 12, _hoisted_1$i);
     }), 128))
   ], 2);
 }
-var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f]]);
-const { create: create$e } = createComponent("shortpassword");
-const _sfc_main$e = create$e({
+var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k]]);
+const { create: create$j } = createComponent("shortpassword");
+const _sfc_main$j = create$j({
   props: {
     title: {
       type: String,
@@ -8615,10 +8721,10 @@ const _sfc_main$e = create$e({
     };
   }
 });
-const _hoisted_1$c = { class: "nut-shortpsd-title" };
-const _hoisted_2$b = { class: "nut-shortpsd-subtitle" };
-const _hoisted_3$9 = { class: "nut-input-normalw" };
-const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("div", { class: "nut-input-site" }, null, -1);
+const _hoisted_1$h = { class: "nut-shortpsd-title" };
+const _hoisted_2$g = { class: "nut-shortpsd-subtitle" };
+const _hoisted_3$d = { class: "nut-input-normalw" };
+const _hoisted_4$a = /* @__PURE__ */ createElementVNode("div", { class: "nut-input-site" }, null, -1);
 const _hoisted_5$6 = {
   key: 0,
   class: "nut-shortpsd-icon"
@@ -8633,7 +8739,7 @@ const _hoisted_9$3 = {
   key: 0,
   class: "nut-shortpsd-footer"
 };
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", null, [
@@ -8651,9 +8757,9 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
       onClickOverlay: _ctx.close
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$c, toDisplayString(_ctx.title), 1),
-        createElementVNode("view", _hoisted_2$b, toDisplayString(_ctx.desc), 1),
-        createElementVNode("div", _hoisted_3$9, [
+        createElementVNode("view", _hoisted_1$h, toDisplayString(_ctx.title), 1),
+        createElementVNode("view", _hoisted_2$g, toDisplayString(_ctx.desc), 1),
+        createElementVNode("div", _hoisted_3$d, [
           withDirectives(createElementVNode("input", {
             ref: "realpwd",
             class: "nut-input-real",
@@ -8665,7 +8771,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 36), [
             [vModelText, _ctx.realInput]
           ]),
-          _hoisted_4$6,
+          _hoisted_4$a,
           createElementVNode("view", {
             class: "nut-shortpsd-fake",
             onClick: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
@@ -8708,9 +8814,9 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
   ]);
 }
-var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
-const { componentName: componentName$b, create: create$d } = createComponent("textarea");
-const _sfc_main$d = create$d({
+var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j]]);
+const { componentName: componentName$g, create: create$i } = createComponent("textarea");
+const _sfc_main$i = create$i({
   props: {
     modelValue: {
       type: [String, Number],
@@ -8752,7 +8858,7 @@ const _sfc_main$d = create$d({
   emits: ["update:modelValue", "change", "blur", "focus"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$b;
+      const prefixCls = componentName$g;
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled
@@ -8801,12 +8907,12 @@ const _sfc_main$d = create$d({
     };
   }
 });
-const _hoisted_1$b = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder"];
-const _hoisted_2$a = {
+const _hoisted_1$g = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder"];
+const _hoisted_2$f = {
   key: 0,
   class: "nut-textarea__limit"
 };
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -8822,11 +8928,11 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args)),
       maxlength: _ctx.maxLength,
       placeholder: _ctx.placeholder
-    }, null, 44, _hoisted_1$b),
-    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2$a, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
+    }, null, 44, _hoisted_1$g),
+    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2$f, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i]]);
 class UploadOptions {
   constructor() {
     __publicField(this, "url", "");
@@ -8862,7 +8968,7 @@ class Uploader$1 {
       xhr.onreadystatechange = () => {
         var _a2, _b;
         if (xhr.readyState === 4) {
-          if (xhr.status === options.xhrState) {
+          if (xhr.status == options.xhrState) {
             (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, xhr.responseText, options);
           } else {
             (_b = options.onFailure) == null ? void 0 : _b.call(options, xhr.responseText, options);
@@ -8893,7 +8999,7 @@ class Uploader$1 {
       name: options.name,
       success(response) {
         var _a2, _b;
-        if (options.xhrState === response.statusCode) {
+        if (options.xhrState == response.statusCode) {
           (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, response, options);
         } else {
           (_b = options.onFailure) == null ? void 0 : _b.call(options, response, options);
@@ -8911,30 +9017,33 @@ class Uploader$1 {
     });
   }
 }
-const { componentName: componentName$a, create: create$c } = createComponent("uploader");
+const { componentName: componentName$f, create: create$h } = createComponent("uploader");
 class FileItem {
   constructor() {
     __publicField(this, "status", "ready");
+    __publicField(this, "message", "\u51C6\u5907\u5B8C\u6210");
     __publicField(this, "uid", new Date().getTime().toString());
     __publicField(this, "name");
     __publicField(this, "url");
     __publicField(this, "type");
+    __publicField(this, "percentage", 0);
     __publicField(this, "formData", new FormData());
   }
 }
-const _sfc_main$c = create$c({
+const _sfc_main$h = create$h({
   props: {
     name: { type: String, default: "file" },
     url: { type: String, default: "" },
     timeout: { type: [Number, String], default: 1e3 * 30 },
     fileList: { type: Array, default: () => [] },
     isPreview: { type: Boolean, default: true },
+    listType: { type: String, default: "picture" },
     isDeletable: { type: Boolean, default: true },
     method: { type: String, default: "post" },
     capture: { type: Boolean, default: false },
     maximize: { type: [Number, String], default: Number.MAX_VALUE },
     maximum: { type: [Number, String], default: 1 },
-    clearInput: { type: Boolean, default: false },
+    clearInput: { type: Boolean, default: true },
     accept: { type: String, default: "*" },
     headers: { type: Object, default: {} },
     data: { type: Object, default: {} },
@@ -8957,12 +9066,22 @@ const _sfc_main$c = create$c({
     },
     onChange: { type: Function }
   },
-  emits: ["start", "progress", "oversize", "success", "failure", "change", "delete", "update:fileList"],
+  emits: [
+    "start",
+    "progress",
+    "oversize",
+    "success",
+    "failure",
+    "change",
+    "delete",
+    "update:fileList",
+    "file-item-click"
+  ],
   setup(props, { emit }) {
     const fileList = reactive(props.fileList);
     let uploadQueue = [];
     const classes = computed(() => {
-      const prefixCls = componentName$a;
+      const prefixCls = componentName$f;
       return {
         [prefixCls]: true
       };
@@ -8970,12 +9089,12 @@ const _sfc_main$c = create$c({
     const clearInput = (el) => {
       el.value = "";
     };
+    const fileItemClick = (fileItem) => {
+      emit("file-item-click", { fileItem });
+    };
     const executeUpload = (fileItem, index) => {
       const uploadOption = new UploadOptions();
       uploadOption.url = props.url;
-      for (const [key, value] of Object.entries(props.data)) {
-        fileItem.formData.append(key, value);
-      }
       uploadOption.formData = fileItem.formData;
       uploadOption.timeout = props.timeout * 1;
       uploadOption.method = props.method;
@@ -8984,26 +9103,33 @@ const _sfc_main$c = create$c({
       uploadOption.withCredentials = props.withCredentials;
       uploadOption.onStart = (option) => {
         fileItem.status = "ready";
+        fileItem.message = "\u51C6\u5907\u4E0A\u4F20";
         clearUploadQueue(index);
         emit("start", option);
       };
-      uploadOption.onProgress = (e, option) => {
+      uploadOption.onProgress = (event, option) => {
         fileItem.status = "uploading";
-        emit("progress", { e, option });
+        fileItem.message = "\u4E0A\u4F20\u4E2D";
+        fileItem.percentage = (event.loaded / event.total * 100).toFixed(0);
+        emit("progress", { event, option, percentage: fileItem.percentage });
       };
       uploadOption.onSuccess = (responseText, option) => {
         fileItem.status = "success";
+        fileItem.message = "\u4E0A\u4F20\u6210\u529F";
         emit("success", {
           responseText,
-          option
+          option,
+          fileItem
         });
         emit("update:fileList", fileList);
       };
       uploadOption.onFailure = (responseText, option) => {
         fileItem.status = "error";
+        fileItem.message = "\u4E0A\u4F20\u5931\u8D25";
         emit("failure", {
           responseText,
-          option
+          option,
+          fileItem
         });
       };
       let task = new Uploader$1(uploadOption);
@@ -9030,12 +9156,16 @@ const _sfc_main$c = create$c({
     const readFile = (files) => {
       files.forEach((file, index) => {
         const formData = new FormData();
+        for (const [key, value] of Object.entries(props.data)) {
+          formData.append(key, value);
+        }
         formData.append(props.name, file);
         const fileItem = reactive(new FileItem());
         fileItem.name = file.name;
         fileItem.status = "ready";
         fileItem.type = file.type;
         fileItem.formData = formData;
+        fileItem.message = "\u7B49\u5F85\u4E0A\u4F20";
         executeUpload(fileItem, index);
         if (props.isPreview && file.type.includes("image")) {
           const reader = new FileReader();
@@ -9109,35 +9239,53 @@ const _sfc_main$c = create$c({
       onDelete,
       fileList,
       classes,
+      fileItemClick,
       clearUploadQueue,
       submit
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$f = {
   key: 0,
   class: "nut-uploader__slot"
 };
-const _hoisted_2$9 = ["accept", "multiple", "name", "disabled"];
-const _hoisted_3$8 = ["accept", "multiple", "name", "disabled"];
-const _hoisted_4$5 = { class: "nut-uploader__preview-img" };
-const _hoisted_5$5 = ["src"];
-const _hoisted_6$3 = {
-  key: 2,
-  class: "tips"
+const _hoisted_2$e = ["accept", "multiple", "name", "disabled"];
+const _hoisted_3$c = ["accept", "multiple", "name", "disabled"];
+const _hoisted_4$9 = {
+  key: 0,
+  class: "nut-uploader__preview-img"
 };
-const _hoisted_7$3 = {
+const _hoisted_5$5 = {
   key: 0,
-  class: "nut-uploader__upload"
+  class: "nut-uploader__preview__progress"
 };
-const _hoisted_8$3 = ["accept", "multiple", "name", "disabled"];
-const _hoisted_9$2 = ["accept", "multiple", "name", "disabled"];
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_6$3 = { class: "nut-uploader__preview__progress__msg" };
+const _hoisted_7$3 = {
+  key: 1,
+  class: "nut-uploader__preview__progress"
+};
+const _hoisted_8$3 = { class: "nut-uploader__preview__progress__msg" };
+const _hoisted_9$2 = ["onClick", "src"];
+const _hoisted_10$2 = {
+  key: 4,
+  class: "nut-uploader__preview-img__file"
+};
+const _hoisted_11$2 = ["onClick"];
+const _hoisted_12$2 = { class: "tips" };
+const _hoisted_13$1 = {
+  key: 1,
+  class: "nut-uploader__preview-list"
+};
+const _hoisted_14$1 = ["onClick"];
+const _hoisted_15$1 = ["accept", "multiple", "name", "disabled"];
+const _hoisted_16$1 = ["accept", "multiple", "name", "disabled"];
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_nut_progress = resolveComponent("nut-progress");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_1$a, [
+    _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_1$f, [
       renderSlot(_ctx.$slots, "default"),
       _ctx.maximum - _ctx.fileList.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         _ctx.capture ? (openBlock(), createElementBlock("input", {
@@ -9150,7 +9298,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.name,
           disabled: _ctx.disabled,
           onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_2$9)) : (openBlock(), createElementBlock("input", {
+        }, null, 40, _hoisted_2$e)) : (openBlock(), createElementBlock("input", {
           key: 1,
           class: "nut-uploader__input",
           type: "file",
@@ -9159,70 +9307,114 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.name,
           disabled: _ctx.disabled,
           onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_3$8))
+        }, null, 40, _hoisted_3$c))
       ], 64)) : createCommentVNode("", true)
-    ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item, index) => {
-        return openBlock(), createElementBlock("view", {
-          class: "nut-uploader__preview",
-          key: item.uid
-        }, [
-          createElementVNode("view", _hoisted_4$5, [
-            _ctx.isDeletable ? (openBlock(), createBlock(_component_nut_icon, {
-              key: 0,
-              color: "rgba(0,0,0,0.6)",
-              onClick: ($event) => _ctx.onDelete(item, index),
-              class: "close",
-              name: "circle-close"
-            }, null, 8, ["onClick"])) : createCommentVNode("", true),
-            item.type.includes("image") && item.url ? (openBlock(), createElementBlock("img", {
-              key: 1,
-              class: "nut-uploader__preview-img__c",
-              src: item.url
-            }, null, 8, _hoisted_5$5)) : createCommentVNode("", true),
-            item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_6$3, toDisplayString(item.status), 1)) : createCommentVNode("", true)
-          ])
-        ]);
-      }), 128)),
-      _ctx.maximum - _ctx.fileList.length ? (openBlock(), createElementBlock("view", _hoisted_7$3, [
-        createVNode(_component_nut_icon, {
-          size: _ctx.uploadIconSize,
-          color: "#808080",
-          name: _ctx.uploadIcon
-        }, null, 8, ["size", "name"]),
-        _ctx.capture ? (openBlock(), createElementBlock("input", {
-          key: 0,
-          class: "nut-uploader__input",
-          type: "file",
-          capture: "camera",
-          accept: _ctx.accept,
-          multiple: _ctx.multiple,
-          name: _ctx.name,
-          disabled: _ctx.disabled,
-          onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_8$3)) : (openBlock(), createElementBlock("input", {
-          key: 1,
-          class: "nut-uploader__input",
-          type: "file",
-          accept: _ctx.accept,
-          multiple: _ctx.multiple,
-          name: _ctx.name,
-          disabled: _ctx.disabled,
-          onChange: _cache[3] || (_cache[3] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_9$2))
-      ])) : createCommentVNode("", true)
-    ], 64))
+    ])) : createCommentVNode("", true),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item, index) => {
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(["nut-uploader__preview", [_ctx.listType]]),
+        key: item.uid
+      }, [
+        _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_4$9, [
+          item.status == "ready" ? (openBlock(), createElementBlock("view", _hoisted_5$5, [
+            createElementVNode("view", _hoisted_6$3, toDisplayString(item.message), 1)
+          ])) : item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_7$3, [
+            createVNode(_component_nut_icon, {
+              color: "#fff",
+              name: item.status == "error" ? "failure" : "loading"
+            }, null, 8, ["name"]),
+            createElementVNode("view", _hoisted_8$3, toDisplayString(item.message), 1)
+          ])) : createCommentVNode("", true),
+          _ctx.isDeletable ? (openBlock(), createBlock(_component_nut_icon, {
+            key: 2,
+            color: "rgba(0,0,0,0.6)",
+            onClick: ($event) => _ctx.onDelete(item, index),
+            class: "close",
+            name: "failure"
+          }, null, 8, ["onClick"])) : createCommentVNode("", true),
+          item.type.includes("image") && item.url ? (openBlock(), createElementBlock("img", {
+            key: 3,
+            class: "nut-uploader__preview-img__c",
+            onClick: ($event) => _ctx.fileItemClick(item),
+            src: item.url
+          }, null, 8, _hoisted_9$2)) : (openBlock(), createElementBlock("view", _hoisted_10$2, [
+            createElementVNode("view", {
+              onClick: ($event) => _ctx.fileItemClick(item),
+              class: "nut-uploader__preview-img__file__name"
+            }, [
+              createVNode(_component_nut_icon, {
+                color: "#808080",
+                name: "link"
+              }),
+              createTextVNode("\xA0" + toDisplayString(item.name), 1)
+            ], 8, _hoisted_11$2)
+          ])),
+          createElementVNode("view", _hoisted_12$2, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_13$1, [
+          createElementVNode("view", {
+            onClick: ($event) => _ctx.fileItemClick(item),
+            class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
+          }, [
+            createVNode(_component_nut_icon, { name: "link" }),
+            createTextVNode("\xA0" + toDisplayString(item.name), 1)
+          ], 10, _hoisted_14$1),
+          createVNode(_component_nut_icon, {
+            class: "nut-uploader__preview-img__file__del",
+            onClick: ($event) => _ctx.onDelete(item, index),
+            color: "#808080",
+            name: "del"
+          }, null, 8, ["onClick"]),
+          item.status == "uploading" ? (openBlock(), createBlock(_component_nut_progress, {
+            key: 0,
+            size: "small",
+            percentage: item.percentage,
+            "stroke-color": "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
+            "show-text": false
+          }, null, 8, ["percentage"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    }), 128)),
+    _ctx.listType == "picture" && !_ctx.$slots.default && _ctx.maximum - _ctx.fileList.length ? (openBlock(), createElementBlock("view", {
+      key: 1,
+      class: normalizeClass(["nut-uploader__upload", [_ctx.listType]])
+    }, [
+      createVNode(_component_nut_icon, {
+        size: _ctx.uploadIconSize,
+        color: "#808080",
+        name: _ctx.uploadIcon
+      }, null, 8, ["size", "name"]),
+      _ctx.capture ? (openBlock(), createElementBlock("input", {
+        key: 0,
+        class: "nut-uploader__input",
+        type: "file",
+        capture: "camera",
+        accept: _ctx.accept,
+        multiple: _ctx.multiple,
+        name: _ctx.name,
+        disabled: _ctx.disabled,
+        onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args))
+      }, null, 40, _hoisted_15$1)) : (openBlock(), createElementBlock("input", {
+        key: 1,
+        class: "nut-uploader__input",
+        type: "file",
+        accept: _ctx.accept,
+        multiple: _ctx.multiple,
+        name: _ctx.name,
+        disabled: _ctx.disabled,
+        onChange: _cache[3] || (_cache[3] = (...args) => _ctx.onChange && _ctx.onChange(...args))
+      }, null, 40, _hoisted_16$1))
+    ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
+var Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h]]);
 function useExtend(apis) {
   const instance = getCurrentInstance();
   if (instance) {
     Object.assign(instance.proxy, apis);
   }
 }
-const { componentName: componentName$9, create: create$b } = createComponent("countup");
-const _sfc_main$b = create$b({
+const { componentName: componentName$e, create: create$g } = createComponent("countup");
+const _sfc_main$g = create$g({
   props: {
     initNum: {
       type: Number,
@@ -9638,10 +9830,10 @@ const _sfc_main$b = create$b({
     });
   }
 });
-const _hoisted_1$9 = { class: "nut-countup" };
-const _hoisted_2$8 = ["turn-number"];
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$9, [
+const _hoisted_1$e = { class: "nut-countup" };
+const _hoisted_2$d = ["turn-number"];
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$e, [
     _ctx.customBgImg != "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       _ctx.type == "machine" ? (openBlock(), createElementBlock("view", {
         key: 0,
@@ -9723,7 +9915,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                 })
               }, toDisplayString(item), 5);
             }), 128))
-          ], 12, _hoisted_2$8);
+          ], 12, _hoisted_2$d);
         }), 128)),
         _ctx.pointNum > 0 ? (openBlock(), createElementBlock("view", {
           key: 0,
@@ -9742,9 +9934,9 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ]);
 }
-var CountUp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
-const { create: create$a } = createComponent("numberkeyboard");
-const _sfc_main$a = create$a({
+var CountUp = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g]]);
+const { create: create$f } = createComponent("numberkeyboard");
+const _sfc_main$f = create$f({
   props: {
     title: {
       type: String,
@@ -9873,16 +10065,16 @@ const _sfc_main$a = create$a({
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$d = {
   class: "nut-numberkeyboard",
   ref: "root"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$c = {
   key: 0,
   class: "number-board-header"
 };
-const _hoisted_3$7 = { class: "tit" };
-const _hoisted_4$4 = { class: "number-board-body" };
+const _hoisted_3$b = { class: "tit" };
+const _hoisted_4$8 = { class: "number-board-body" };
 const _hoisted_5$4 = { class: "number-board" };
 const _hoisted_6$2 = ["onTouchstart", "onTouchmove"];
 const _hoisted_7$2 = {
@@ -9902,7 +10094,7 @@ const _hoisted_11$1 = /* @__PURE__ */ createElementVNode("img", { src: "https://
 const _hoisted_12$1 = [
   _hoisted_11$1
 ];
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
     visible: _ctx.show,
@@ -9912,15 +10104,15 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     "overlay-class": "nut-numberkeyboard-overlay"
   }, {
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$8, [
-        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
-          createElementVNode("h3", _hoisted_3$7, toDisplayString(_ctx.title), 1),
+      createElementVNode("div", _hoisted_1$d, [
+        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
+          createElementVNode("h3", _hoisted_3$b, toDisplayString(_ctx.title), 1),
           createElementVNode("span", {
             class: "keyboard-close",
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
           }, "\u5B8C\u6210")
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4$4, [
+        createElementVNode("div", _hoisted_4$8, [
           createElementVNode("div", _hoisted_5$4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
               return openBlock(), createElementBlock("div", {
@@ -9981,9 +10173,9 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible"]);
 }
-var NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
-const { componentName: componentName$8, create: create$9 } = createComponent("countdown");
-const _sfc_main$9 = create$9({
+var NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f]]);
+const { componentName: componentName$d, create: create$e } = createComponent("countdown");
+const _sfc_main$e = create$e({
   props: {
     modelValue: {
       type: Object,
@@ -10021,7 +10213,7 @@ const _sfc_main$9 = create$9({
   components: {},
   emits: ["input", "on-end", "on-restart", "on-paused"],
   setup(props, { emit, slots }) {
-    console.log("componentName", componentName$8);
+    console.log("componentName", componentName$d);
     const state = reactive({
       restTime: 0,
       p: 0,
@@ -10064,7 +10256,7 @@ const _sfc_main$9 = create$9({
       initTimer();
     });
     const classes = computed(() => {
-      const prefixCls = componentName$8;
+      const prefixCls = componentName$d;
       return {
         [prefixCls]: true
       };
@@ -10148,28 +10340,28 @@ const _sfc_main$9 = create$9({
     });
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$c = {
   key: 1,
   class: "nut-cd-block"
 };
-const _hoisted_2$6 = { class: "nut-cd-block" };
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, "\u5929", -1);
-const _hoisted_4$3 = { class: "nut-cd-block" };
+const _hoisted_2$b = { class: "nut-cd-block" };
+const _hoisted_3$a = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, "\u5929", -1);
+const _hoisted_4$7 = { class: "nut-cd-block" };
 const _hoisted_5$3 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, ":", -1);
 const _hoisted_6$1 = { class: "nut-cd-block" };
 const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, ":", -1);
 const _hoisted_8$1 = { class: "nut-cd-block" };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.showPlainText ? (openBlock(), createElementBlock("view", _hoisted_1$7, toDisplayString(_ctx.plainText), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+    _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.showPlainText ? (openBlock(), createElementBlock("view", _hoisted_1$c, toDisplayString(_ctx.plainText), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
       _ctx.resttime.d >= 0 && _ctx.showDays ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createElementVNode("view", _hoisted_2$6, toDisplayString(_ctx.resttime.d), 1),
-        _hoisted_3$6
+        createElementVNode("view", _hoisted_2$b, toDisplayString(_ctx.resttime.d), 1),
+        _hoisted_3$a
       ], 64)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_4$3, toDisplayString(_ctx.resttime.h), 1),
+      createElementVNode("view", _hoisted_4$7, toDisplayString(_ctx.resttime.h), 1),
       _hoisted_5$3,
       createElementVNode("view", _hoisted_6$1, toDisplayString(_ctx.resttime.m), 1),
       _hoisted_7$1,
@@ -10177,9 +10369,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var CountDown = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
-const { create: create$8 } = createComponent("badge");
-const _sfc_main$8 = create$8({
+var CountDown = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
+const { create: create$d } = createComponent("badge");
+const _sfc_main$d = create$d({
   props: {
     value: {
       type: [String, Number]
@@ -10240,12 +10432,12 @@ const _sfc_main$8 = create$8({
     };
   }
 });
-const _hoisted_1$6 = { class: "nut-badge" };
-const _hoisted_2$5 = { class: "slot-icons" };
-const _hoisted_3$5 = ["textContent"];
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$6, [
-    createElementVNode("view", _hoisted_2$5, [
+const _hoisted_1$b = { class: "nut-badge" };
+const _hoisted_2$a = { class: "slot-icons" };
+const _hoisted_3$9 = ["textContent"];
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$b, [
+    createElementVNode("view", _hoisted_2$a, [
       renderSlot(_ctx.$slots, "icons")
     ]),
     renderSlot(_ctx.$slots, "default"),
@@ -10253,14 +10445,14 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       textContent: toDisplayString(_ctx.content),
       class: normalizeClass(["nut-badge__content sup", { "is-dot": _ctx.dot }]),
       style: normalizeStyle(_ctx.stl)
-    }, null, 14, _hoisted_3$5), [
+    }, null, 14, _hoisted_3$9), [
       [vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]
     ])
   ]);
 }
-var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
-const { componentName: componentName$7, create: create$7 } = createComponent("tag");
-const _sfc_main$7 = create$7({
+var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
+const { componentName: componentName$c, create: create$c } = createComponent("tag");
+const _sfc_main$c = create$c({
   props: {
     color: { type: String, default: "" },
     textColor: { type: String, default: "" },
@@ -10289,7 +10481,7 @@ const _sfc_main$7 = create$7({
   setup(props, { emit }) {
     const { type, color, plain, round, mark, textColor } = toRefs(props);
     const classes = computed(() => {
-      const prefixCls = componentName$7;
+      const prefixCls = componentName$c;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
@@ -10328,7 +10520,7 @@ const _sfc_main$7 = create$7({
     };
   }
 });
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -10344,9 +10536,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["onClick"])) : createCommentVNode("", true)
   ], 6);
 }
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
-const { componentName: componentName$6, create: create$6 } = createComponent("popover");
-const _sfc_main$6 = create$6({
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
+const { componentName: componentName$b, create: create$b } = createComponent("popover");
+const _sfc_main$b = create$b({
   inheritAttrs: false,
   components: {
     [Popup.name]: Popup,
@@ -10376,7 +10568,7 @@ const _sfc_main$6 = create$6({
     const showPopup = ref(props.visible);
     const { theme, location: location2 } = toRefs(props);
     const classes = computed(() => {
-      const prefixCls = componentName$6;
+      const prefixCls = componentName$b;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${theme.value}`]: theme.value
@@ -10476,16 +10668,16 @@ const _sfc_main$6 = create$6({
     };
   }
 });
-const _hoisted_1$5 = { ref: "reference" };
-const _hoisted_2$4 = ["onClick"];
-const _hoisted_3$4 = { class: "title-name" };
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$a = { ref: "reference" };
+const _hoisted_2$9 = ["onClick"];
+const _hoisted_3$8 = { class: "title-name" };
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     onClick: _cache[1] || (_cache[1] = (...args) => _ctx.openPopover && _ctx.openPopover(...args)),
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("div", _hoisted_1$5, [
+    createElementVNode("div", _hoisted_1$a, [
       renderSlot(_ctx.$slots, "reference")
     ], 512),
     _ctx.showPopup ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -10514,16 +10706,16 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                 name: item.icon
               }, null, 8, ["name"])
             ]) : createCommentVNode("", true),
-            createElementVNode("view", _hoisted_3$4, toDisplayString(item.name), 1)
-          ], 10, _hoisted_2$4);
+            createElementVNode("view", _hoisted_3$8, toDisplayString(item.name), 1)
+          ], 10, _hoisted_2$9);
         }), 128))
       ], 6)
     ], 64)) : createCommentVNode("", true)
   ], 2);
 }
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
-const { componentName: componentName$5, create: create$5 } = createComponent("address");
-const _sfc_main$5 = create$5({
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
+const { componentName: componentName$a, create: create$a } = createComponent("address");
+const _sfc_main$a = create$a({
   inheritAttrs: false,
   props: {
     visible: {
@@ -10822,10 +11014,10 @@ const _sfc_main$5 = create$5({
     }, toRefs(props)), toRefs(tabItemRef));
   }
 });
-const _hoisted_1$4 = { class: "nut-address" };
-const _hoisted_2$3 = { class: "nut-address__header" };
-const _hoisted_3$3 = { class: "nut-address__header__title" };
-const _hoisted_4$2 = {
+const _hoisted_1$9 = { class: "nut-address" };
+const _hoisted_2$8 = { class: "nut-address__header" };
+const _hoisted_3$7 = { class: "nut-address__header__title" };
+const _hoisted_4$6 = {
   key: 0,
   class: "custom-address"
 };
@@ -10857,7 +11049,7 @@ const _hoisted_20 = { class: "exist-item-info-name" };
 const _hoisted_21 = { class: "exist-item-info-phone" };
 const _hoisted_22 = { class: "exist-item-info-bottom" };
 const _hoisted_23 = { class: "btn" };
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_elevator = resolveComponent("nut-elevator");
   const _component_nut_popup = resolveComponent("nut-popup");
@@ -10870,8 +11062,8 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => _ctx.showPopup = $event)
   }, {
     default: withCtx(() => [
-      createElementVNode("view", _hoisted_1$4, [
-        createElementVNode("view", _hoisted_2$3, [
+      createElementVNode("view", _hoisted_1$9, [
+        createElementVNode("view", _hoisted_2$8, [
           createElementVNode("view", {
             class: "arrow-back",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
@@ -10883,7 +11075,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               [vShow, _ctx.privateType == "custom" && _ctx.backBtnIcon]
             ])
           ]),
-          createElementVNode("view", _hoisted_3$3, toDisplayString(_ctx.privateType == "custom" ? _ctx.customAddressTitle : _ctx.existAddressTitle), 1),
+          createElementVNode("view", _hoisted_3$7, toDisplayString(_ctx.privateType == "custom" ? _ctx.customAddressTitle : _ctx.existAddressTitle), 1),
           createElementVNode("view", {
             class: "arrow-close",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handClose("cross"))
@@ -10896,7 +11088,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["name"])) : createCommentVNode("", true)
           ])
         ]),
-        _ctx.privateType == "custom" ? (openBlock(), createElementBlock("view", _hoisted_4$2, [
+        _ctx.privateType == "custom" ? (openBlock(), createElementBlock("view", _hoisted_4$6, [
           createElementVNode("view", _hoisted_5$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectedRegion, (item, key, index) => {
               return openBlock(), createElementBlock("view", {
@@ -11002,9 +11194,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["onClose", "onClickOverlay", "visible"]);
 }
-var Address = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
-const { componentName: componentName$4, create: create$4 } = createComponent("barrage");
-const _sfc_main$4 = create$4({
+var Address = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
+const { componentName: componentName$9, create: create$9 } = createComponent("barrage");
+const _sfc_main$9 = create$9({
   props: {
     danmu: {
       type: Array,
@@ -11034,7 +11226,7 @@ const _sfc_main$4 = create$4({
   emits: ["click"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$4;
+      const prefixCls = componentName$9;
       return {
         [prefixCls]: true
       };
@@ -11099,21 +11291,21 @@ const _sfc_main$4 = create$4({
     return { classes, danmuList, dmBody, dmContainer, add };
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$8 = {
   ref: "dmContainer",
   class: "dmContainer"
 };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "dmBody",
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$3, null, 512)
+    createElementVNode("view", _hoisted_1$8, null, 512)
   ], 2);
 }
-var Barrage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
-const { componentName: componentName$3, create: create$3 } = createComponent("signature");
-const _sfc_main$3 = create$3({
+var Barrage = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
+const { componentName: componentName$8, create: create$8 } = createComponent("signature");
+const _sfc_main$8 = create$8({
   props: {
     customClass: {
       type: String,
@@ -11142,7 +11334,7 @@ const _sfc_main$3 = create$3({
     const canvas = ref(null);
     const wrap = ref(null);
     const classes = computed(() => {
-      const prefixCls = componentName$3;
+      const prefixCls = componentName$8;
       return {
         [prefixCls]: true,
         [`${props.customClass}`]: props.customClass
@@ -11223,29 +11415,29 @@ const _sfc_main$3 = create$3({
     return { canvas, wrap, isCanvasSupported, confirm, clear, classes };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$7 = {
   class: "nut-signature-inner",
   ref: "wrap"
 };
-const _hoisted_2$2 = ["height", "width"];
-const _hoisted_3$2 = {
+const _hoisted_2$7 = ["height", "width"];
+const _hoisted_3$6 = {
   key: 1,
   class: "nut-signature-unsopport"
 };
-const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("\u91CD\u7B7E");
+const _hoisted_4$5 = /* @__PURE__ */ createTextVNode("\u91CD\u7B7E");
 const _hoisted_5$1 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4");
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("div", _hoisted_1$2, [
+    createElementVNode("div", _hoisted_1$7, [
       _ctx.isCanvasSupported ? (openBlock(), createElementBlock("canvas", {
         key: 0,
         ref: "canvas",
         height: _ctx.canvasHeight,
         width: _ctx.canvasWidth
-      }, null, 8, _hoisted_2$2)) : (openBlock(), createElementBlock("p", _hoisted_3$2, toDisplayString(_ctx.unSupportTpl), 1))
+      }, null, 8, _hoisted_2$7)) : (openBlock(), createElementBlock("p", _hoisted_3$6, toDisplayString(_ctx.unSupportTpl), 1))
     ], 512),
     createVNode(_component_nut_button, {
       class: "nut-signature-btn",
@@ -11253,7 +11445,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.clear())
     }, {
       default: withCtx(() => [
-        _hoisted_4$1
+        _hoisted_4$5
       ]),
       _: 1
     }),
@@ -11269,9 +11461,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-var Signature = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
-const { componentName: componentName$2, create: create$2 } = createComponent("timeselect");
-const _sfc_main$2 = create$2({
+var Signature = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
+const { componentName: componentName$7, create: create$7 } = createComponent("timeselect");
+const _sfc_main$7 = create$7({
   props: {
     visible: {
       type: Boolean,
@@ -11299,7 +11491,7 @@ const _sfc_main$2 = create$2({
   emits: ["update:visible", "select"],
   setup: (props, context) => {
     const classes = computed(() => {
-      const prefixCls = componentName$2;
+      const prefixCls = componentName$7;
       return {
         [prefixCls]: true
       };
@@ -11325,12 +11517,12 @@ const _sfc_main$2 = create$2({
     };
   }
 });
-const _hoisted_1$1 = { class: "nut-timeselect__title" };
-const _hoisted_2$1 = { class: "nut-timeselect__title__fixed" };
-const _hoisted_3$1 = { class: "nut-timeselect__content" };
-const _hoisted_4 = { class: "nut-timeselect__content__pannel" };
+const _hoisted_1$6 = { class: "nut-timeselect__title" };
+const _hoisted_2$6 = { class: "nut-timeselect__title__fixed" };
+const _hoisted_3$5 = { class: "nut-timeselect__content" };
+const _hoisted_4$4 = { class: "nut-timeselect__content__pannel" };
 const _hoisted_5 = { class: "nut-timeselect__content__detail" };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
     position: "bottom",
@@ -11345,11 +11537,11 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: normalizeClass(_ctx.classes)
       }, [
-        createElementVNode("view", _hoisted_1$1, [
-          createElementVNode("view", _hoisted_2$1, toDisplayString(_ctx.title), 1)
+        createElementVNode("view", _hoisted_1$6, [
+          createElementVNode("view", _hoisted_2$6, toDisplayString(_ctx.title), 1)
         ]),
-        createElementVNode("view", _hoisted_3$1, [
-          createElementVNode("view", _hoisted_4, [
+        createElementVNode("view", _hoisted_3$5, [
+          createElementVNode("view", _hoisted_4$4, [
             renderSlot(_ctx.$slots, "pannel")
           ]),
           createElementVNode("view", _hoisted_5, [
@@ -11361,9 +11553,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
-var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-const { componentName: componentName$1, create: create$1 } = createComponent("timepannel");
-const _sfc_main$1 = create$1({
+var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
+const { componentName: componentName$6, create: create$6 } = createComponent("timepannel");
+const _sfc_main$6 = create$6({
   name: "timepannel",
   props: {
     name: {
@@ -11382,7 +11574,7 @@ const _sfc_main$1 = create$1({
       currentKey
     });
     const classes = computed(() => {
-      const prefixCls = componentName$1;
+      const prefixCls = componentName$6;
       return {
         [prefixCls]: true,
         "nut-timepannel--curr": state.currentKey == props.pannelKey
@@ -11397,15 +11589,15 @@ const _sfc_main$1 = create$1({
     });
   }
 });
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handlePannel(_ctx.pannelKey))
   }, toDisplayString(_ctx.name), 3);
 }
-var TimePannel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-const { componentName, create } = createComponent("timedetail");
-const _sfc_main = create({
+var TimePannel = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+const { componentName: componentName$5, create: create$5 } = createComponent("timedetail");
+const _sfc_main$5 = create$5({
   name: "timedetail",
   props: {
     times: {
@@ -11428,7 +11620,7 @@ const _sfc_main = create({
       currentTime
     });
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = componentName$5;
       return {
         [prefixCls]: true
       };
@@ -11457,29 +11649,553 @@ const _sfc_main = create({
     });
   }
 });
-const _hoisted_1 = { class: "nut-timedetail__detail nut-timedetail__detail--moring" };
-const _hoisted_2 = { class: "nut-timedetail__detail__list" };
-const _hoisted_3 = ["onClick"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$5 = { class: "nut-timedetail__detail nut-timedetail__detail--moring" };
+const _hoisted_2$5 = { class: "nut-timedetail__detail__list" };
+const _hoisted_3$4 = ["onClick"];
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1, [
-      createElementVNode("view", _hoisted_2, [
+    createElementVNode("view", _hoisted_1$5, [
+      createElementVNode("view", _hoisted_2$5, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.renderData, (item) => {
           return openBlock(), createElementBlock("view", {
             class: normalizeClass(_ctx.getClass(item)),
             key: item,
             onClick: ($event) => _ctx.handleTime(item)
-          }, toDisplayString(item), 11, _hoisted_3);
+          }, toDisplayString(item), 11, _hoisted_3$4);
         }), 128))
       ])
     ])
   ], 2);
 }
-var TimeDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+var TimeDetail = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
+const { componentName: componentName$4, create: create$4 } = createComponent("sku-header");
+const _sfc_main$4 = create$4({
+  props: {
+    goods: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: [],
+  setup(props, { emit, slots }) {
+    const getSlots = (name) => slots[name];
+    return {
+      getSlots
+    };
+  }
+});
+const _hoisted_1$4 = { class: "nut-sku-header" };
+const _hoisted_2$4 = ["src"];
+const _hoisted_3$3 = { class: "nut-sku-header-right" };
+const _hoisted_4$3 = {
+  key: 3,
+  class: "nut-sku-header-right-extra"
+};
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_price = resolveComponent("nut-price");
+  return openBlock(), createElementBlock("view", _hoisted_1$4, [
+    createElementVNode("img", {
+      src: _ctx.goods.imagePath
+    }, null, 8, _hoisted_2$4),
+    createElementVNode("view", _hoisted_3$3, [
+      _ctx.getSlots("sku-header-price") ? renderSlot(_ctx.$slots, "sku-header-price", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
+        key: 1,
+        price: _ctx.goods.price,
+        needSymbol: true,
+        thousands: false
+      }, null, 8, ["price"])),
+      _ctx.getSlots("sku-header-extra") ? renderSlot(_ctx.$slots, "sku-header-extra", { key: 2 }) : createCommentVNode("", true),
+      _ctx.goods.skuId && !_ctx.getSlots("sku-header-extra") ? (openBlock(), createElementBlock("view", _hoisted_4$3, "\u5546\u54C1\u7F16\u53F7\uFF1A" + toDisplayString(_ctx.goods.skuId), 1)) : createCommentVNode("", true)
+    ])
+  ]);
+}
+var SkuHeader = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const { componentName: componentName$3, create: create$3 } = createComponent("sku-select");
+const _sfc_main$3 = create$3({
+  props: {
+    sku: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["selectSku"],
+  setup(props, { emit }) {
+    const skuInfo = ref([]);
+    watch(() => props.sku, (value) => {
+      skuInfo.value = [].slice.call(value);
+    }, { deep: true });
+    onMounted(() => {
+      if (props.sku.length > 0) {
+        skuInfo.value = [].slice.call(props.sku);
+      }
+    });
+    const changeSaleChild = (attrItem, index, parentItem, parentIndex) => {
+      if (attrItem.checkFlag || attrItem.disable) {
+        return;
+      }
+      emit("selectSku", {
+        sku: attrItem,
+        skuIndex: index,
+        parentSku: parentItem,
+        parentIndex
+      });
+    };
+    return {
+      skuInfo,
+      changeSaleChild
+    };
+  }
+});
+const _hoisted_1$3 = { class: "nut-sku-select" };
+const _hoisted_2$3 = { class: "nut-sku-select-item-title" };
+const _hoisted_3$2 = { class: "nut-sku-select-item-skus" };
+const _hoisted_4$2 = ["onClick"];
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$3, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.skuInfo, (item, index) => {
+      return openBlock(), createElementBlock("view", {
+        class: "nut-sku-select-item",
+        key: item.id
+      }, [
+        createElementVNode("view", _hoisted_2$3, toDisplayString(item.name), 1),
+        createElementVNode("view", _hoisted_3$2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (itemAttr, itemAttrIndex) => {
+            return openBlock(), createElementBlock("view", {
+              class: normalizeClass(["nut-sku-select-item-skus-sku", [{ active: !itemAttr.disable && itemAttr.active }, { disable: itemAttr.disable }]]),
+              onClick: ($event) => _ctx.changeSaleChild(itemAttr, itemAttrIndex, item, index),
+              key: itemAttr.name
+            }, toDisplayString(itemAttr.name), 11, _hoisted_4$2);
+          }), 128))
+        ])
+      ]);
+    }), 128))
+  ]);
+}
+var SkuSelect = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const TypeOfFun = (value) => {
+  if (value === null) {
+    return "null";
+  }
+  const type = typeof value;
+  if (type === "undefined" || type === "string") {
+    return type;
+  }
+  const typeString = toString.call(value);
+  switch (typeString) {
+    case "[object Array]":
+      return "array";
+    case "[object Date]":
+      return "date";
+    case "[object Boolean]":
+      return "boolean";
+    case "[object Number]":
+      return "number";
+    case "[object Function]":
+      return "function";
+    case "[object RegExp]":
+      return "regexp";
+    case "[object Object]":
+      if (value.nodeType !== void 0) {
+        if (value.nodeType == 3) {
+          return /\S/.test(value.nodeValue) ? "textnode" : "whitespace";
+        } else {
+          return "element";
+        }
+      } else {
+        return "object";
+      }
+    default:
+      return "unknow";
+  }
+};
+const { componentName: componentName$2, create: create$2 } = createComponent("sku-stepper");
+const _sfc_main$2 = create$2({
+  props: {
+    stepperMax: {
+      type: [Number, String],
+      default: 99999
+    },
+    stepperMin: {
+      type: [Number, String],
+      default: 1
+    },
+    stepperExtraText: {
+      type: [Function, Boolean],
+      default: false
+    },
+    stepperTitle: {
+      type: String,
+      default: "\u8D2D\u4E70\u6570\u91CF"
+    }
+  },
+  emits: ["click", "changeSku", "changeStepper", "clickBtnOptions", "overLimit", "reduce", "add"],
+  setup(props, { emit }) {
+    const goodsCount = ref(props.stepperMin);
+    onMounted(() => {
+      goodsCount.value = props.stepperMin;
+    });
+    const getExtraText = () => {
+      const { stepperExtraText } = props;
+      if (stepperExtraText && TypeOfFun(stepperExtraText) == "function") {
+        return stepperExtraText();
+      } else {
+        return "";
+      }
+    };
+    const add = (value) => {
+      emit("add", value);
+    };
+    const reduce = (value) => {
+      emit("reduce", value);
+    };
+    const overlimit = (e, action) => {
+      emit("overLimit", {
+        action,
+        value: parseInt(goodsCount.value + "")
+      });
+    };
+    const changeStepper = (value) => {
+      goodsCount.value = value;
+      emit("changeStepper", value);
+    };
+    return {
+      goodsCount,
+      add,
+      reduce,
+      overlimit,
+      getExtraText,
+      changeStepper
+    };
+  }
+});
+const _hoisted_1$2 = { class: "nut-sku-stepper" };
+const _hoisted_2$2 = { class: "nut-sku-stepper-title" };
+const _hoisted_3$1 = ["innerHTML"];
+const _hoisted_4$1 = { class: "nut-sku-stepper-count" };
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_inputnumber = resolveComponent("nut-inputnumber");
+  return openBlock(), createElementBlock("view", _hoisted_1$2, [
+    createElementVNode("view", _hoisted_2$2, toDisplayString(_ctx.stepperTitle), 1),
+    createElementVNode("view", {
+      class: "nut-sku-stepper-limit",
+      innerHTML: _ctx.getExtraText()
+    }, null, 8, _hoisted_3$1),
+    createElementVNode("view", _hoisted_4$1, [
+      createVNode(_component_nut_inputnumber, {
+        modelValue: _ctx.goodsCount,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.goodsCount = $event),
+        min: _ctx.stepperMin,
+        max: _ctx.stepperMax,
+        onAdd: _ctx.add,
+        onReduce: _ctx.reduce,
+        onOverlimit: _ctx.overlimit,
+        onChange: _ctx.changeStepper
+      }, null, 8, ["modelValue", "min", "max", "onAdd", "onReduce", "onOverlimit", "onChange"])
+    ])
+  ]);
+}
+var SkuStepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const { componentName: componentName$1, create: create$1 } = createComponent("sku-operate");
+const _sfc_main$1 = create$1({
+  props: {
+    btnOptions: {
+      type: Array,
+      default: () => ["confirm"]
+    },
+    btnExtraText: {
+      type: String,
+      default: ""
+    },
+    buyText: {
+      type: String,
+      default: "\u7ACB\u5373\u8D2D\u4E70"
+    },
+    addCartText: {
+      type: String,
+      default: "\u52A0\u5165\u8D2D\u7269\u8F66"
+    },
+    confirmText: {
+      type: String,
+      default: "\u786E\u5B9A"
+    }
+  },
+  emits: ["click", "changeSku", "changeBuyCount", "clickBtnOperate"],
+  setup(props, { emit, slots }) {
+    const getBtnDesc = (type) => {
+      let mapD = {
+        confirm: props.confirmText,
+        cart: props.addCartText,
+        buy: props.buyText
+      };
+      return mapD[type];
+    };
+    onMounted(() => {
+      console.log(slots);
+    });
+    const getSlots = (name) => slots[name];
+    const clickBtnOperate = (btn) => {
+      emit("clickBtnOperate", btn);
+    };
+    return {
+      getBtnDesc,
+      clickBtnOperate,
+      getSlots
+    };
+  }
+});
+const _hoisted_1$1 = {
+  key: 0,
+  class: "nut-sku-operate"
+};
+const _hoisted_2$1 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 1,
+  class: "nut-sku-operate-btn"
+};
+const _hoisted_4 = ["onClick"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.btnOptions.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_1$1, [
+    _ctx.btnExtraText ? (openBlock(), createElementBlock("view", {
+      key: 0,
+      class: "nut-sku-operate-desc",
+      innerHTML: _ctx.btnExtraText
+    }, null, 8, _hoisted_2$1)) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "operate-btn"),
+    !_ctx.getSlots("operate-btn") ? (openBlock(), createElementBlock("view", _hoisted_3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.btnOptions, (btn, i) => {
+        return openBlock(), createElementBlock("view", {
+          class: normalizeClass([`nut-sku-operate-btn-${btn}`, "nut-sku-operate-btn-item"]),
+          key: i,
+          onClick: ($event) => _ctx.clickBtnOperate(btn)
+        }, toDisplayString(_ctx.getBtnDesc(btn)), 11, _hoisted_4);
+      }), 128))
+    ])) : createCommentVNode("", true)
+  ])) : createCommentVNode("", true);
+}
+var SkuOperate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const { componentName, create } = createComponent("sku");
+const _sfc_main = create({
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    sku: {
+      type: Array,
+      default: []
+    },
+    goods: {
+      type: Object,
+      default: {}
+    },
+    stepperMax: {
+      type: [Number, String],
+      default: 99999
+    },
+    stepperMin: {
+      type: [Number, String],
+      default: 1
+    },
+    btnOptions: {
+      type: Array,
+      default: () => ["confirm"]
+    },
+    stepperTitle: {
+      type: String,
+      default: "\u8D2D\u4E70\u6570\u91CF"
+    },
+    stepperExtraText: {
+      type: [Function, Boolean],
+      default: false
+    },
+    btnExtraText: {
+      type: String,
+      default: ""
+    },
+    buyText: {
+      type: String,
+      default: "\u7ACB\u5373\u8D2D\u4E70"
+    },
+    addCartText: {
+      type: String,
+      default: "\u52A0\u5165\u8D2D\u7269\u8F66"
+    },
+    confirmText: {
+      type: String,
+      default: "\u786E\u5B9A"
+    }
+  },
+  emits: [
+    "update:visible",
+    "selectSku",
+    "changeStepper",
+    "clickBtnOperate",
+    "clickCloseIcon",
+    "clickOverlay",
+    "close",
+    "reduce",
+    "add",
+    "overLimit",
+    "clickOverlay"
+  ],
+  components: {
+    SkuHeader,
+    SkuSelect,
+    SkuStepper,
+    SkuOperate
+  },
+  setup(props, { emit, slots }) {
+    const showPopup = ref(props.visible);
+    const goodsCount = ref(props.stepperMin);
+    watch(() => props.visible, (value) => {
+      showPopup.value = value;
+    });
+    watch(() => showPopup.value, (value) => {
+      if (value == false) {
+        close();
+      }
+    });
+    onMounted(() => {
+      console.log("\u66F4\u65B0\u53C2\u6570");
+    });
+    const getSlots = (name) => slots[name];
+    const selectSku = (skus) => {
+      emit("selectSku", skus);
+    };
+    const changeStepper = (value) => {
+      goodsCount.value = value;
+      emit("changeStepper", value);
+    };
+    const add = (value) => {
+      emit("add", value);
+    };
+    const reduce = (value) => {
+      emit("reduce", value);
+    };
+    const stepperOverLimit = (count2) => {
+      emit("overLimit", count2);
+    };
+    const clickBtnOperate = (btn) => {
+      emit("clickBtnOperate", {
+        type: btn,
+        value: goodsCount.value
+      });
+    };
+    const closePopup = (type) => {
+      if (type == "icon") {
+        emit("click-close-icon");
+      }
+      if (type == "overlay") {
+        emit("click-overlay");
+      }
+      if (type == "close") {
+        emit("close");
+      }
+      showPopup.value = false;
+    };
+    const close = () => {
+      emit("update:visible", false);
+    };
+    return {
+      showPopup,
+      closePopup,
+      selectSku,
+      changeStepper,
+      stepperOverLimit,
+      clickBtnOperate,
+      add,
+      reduce,
+      getSlots
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-sku" };
+const _hoisted_2 = { class: "nut-sku-content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_sku_header = resolveComponent("sku-header");
+  const _component_SkuSelect = resolveComponent("SkuSelect");
+  const _component_sku_stepper = resolveComponent("sku-stepper");
+  const _component_sku_operate = resolveComponent("sku-operate");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
+    position: "bottom",
+    closeable: "",
+    round: "",
+    visible: _ctx.showPopup,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event),
+    onClickCloseIcon: _cache[1] || (_cache[1] = ($event) => _ctx.closePopup("icon")),
+    onClickOverlay: _cache[2] || (_cache[2] = ($event) => _ctx.closePopup("overlay")),
+    onClose: _cache[3] || (_cache[3] = ($event) => _ctx.closePopup("close")),
+    style: { "height": "75%" }
+  }, {
+    default: withCtx(() => [
+      createElementVNode("view", _hoisted_1, [
+        renderSlot(_ctx.$slots, "sku-header"),
+        !_ctx.getSlots("sku-header") ? (openBlock(), createBlock(_component_sku_header, {
+          key: 0,
+          goods: _ctx.goods
+        }, createSlots({ _: 2 }, [
+          _ctx.getSlots("sku-header-price") ? {
+            name: "sku-header-price",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "sku-header-price")
+            ])
+          } : void 0,
+          _ctx.getSlots("sku-header-extra") ? {
+            name: "sku-header-extra",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "sku-header-extra")
+            ])
+          } : void 0
+        ]), 1032, ["goods"])) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_2, [
+          renderSlot(_ctx.$slots, "sku-select-top"),
+          renderSlot(_ctx.$slots, "sku-select"),
+          !_ctx.getSlots("sku-select") ? (openBlock(), createBlock(_component_SkuSelect, {
+            key: 0,
+            sku: _ctx.sku,
+            onSelectSku: _ctx.selectSku
+          }, null, 8, ["sku", "onSelectSku"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "sku-stepper"),
+          !_ctx.getSlots("sku-stepper") ? (openBlock(), createBlock(_component_sku_stepper, {
+            key: 1,
+            goods: _ctx.goods,
+            stepperTitle: _ctx.stepperTitle,
+            stepperMax: _ctx.stepperMax,
+            stepperMin: _ctx.stepperMin,
+            stepperExtraText: _ctx.stepperExtraText,
+            onAdd: _ctx.add,
+            onReduce: _ctx.reduce,
+            onChangeStepper: _ctx.changeStepper,
+            onOverLimit: _ctx.stepperOverLimit
+          }, null, 8, ["goods", "stepperTitle", "stepperMax", "stepperMin", "stepperExtraText", "onAdd", "onReduce", "onChangeStepper", "onOverLimit"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "sku-stepper-bottom")
+        ]),
+        createVNode(_component_sku_operate, {
+          btnOptions: _ctx.btnOptions,
+          btnExtraText: _ctx.btnExtraText,
+          buyText: _ctx.buyText,
+          addCartText: _ctx.addCartText,
+          confirmText: _ctx.confirmText,
+          onClickBtnOperate: _ctx.clickBtnOperate
+        }, createSlots({ _: 2 }, [
+          _ctx.getSlots("sku-operate") ? {
+            name: "operate-btn",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "sku-operate")
+            ])
+          } : void 0
+        ]), 1032, ["btnOptions", "btnExtraText", "buyText", "addCartText", "confirmText", "onClickBtnOperate"])
+      ])
+    ]),
+    _: 3
+  }, 8, ["visible"]);
+}
+var Sku = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 function install(app) {
-  const packages = [Avatar, Button, Cell, CellGroup, _sfc_main$15, Price, OverLay, Divider, _sfc_main$_, Col, Row, ImagePreview, Swipe, ActionSheet, BackTop, Collapse, CollapseItem, Drag, _Dialog, InfiniteLoading, NotifyFunction, Range, Video, Popup, _sfc_main$K, Step, Swiper, SwiperItem, Switch, ToastFunction, Progress, CircleProgress, NoticeBar, SearchBar, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Calendar, _sfc_main$o, _sfc_main$n, DatePicker, InputNumber, Input, _sfc_main$h, _sfc_main$g, Rate, Picker, ShortPassword, TextArea, Uploader, CountUp, NumberKeyboard, CountDown, Badge, Tag, Popover, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail];
+  const packages = [Avatar, Button, Cell, CellGroup, _sfc_main$1a, Price, OverLay, Divider, _sfc_main$13, Col, Row, ImagePreview, Swipe, ActionSheet, BackTop, Collapse, CollapseItem, Drag, _Dialog, InfiniteLoading, NotifyFunction, Range, Video, Popup, _sfc_main$P, Step, Swiper, SwiperItem, Switch, ToastFunction, Progress, CircleProgress, NoticeBar, SearchBar, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Calendar, _sfc_main$t, _sfc_main$s, DatePicker, InputNumber, Input, _sfc_main$m, _sfc_main$l, Rate, Picker, ShortPassword, TextArea, Uploader, CountUp, NumberKeyboard, CountDown, Badge, Tag, Popover, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku];
   packages.forEach((item) => {
     if (item.install) {
       app.use(item);
@@ -11488,6 +12204,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.10-beta.3";
+const version = "3.1.12-beta.0";
 var nutui_vue_build = { install, version };
-export { ActionSheet, Address, Avatar, BackTop, Badge, Barrage, Button, Calendar, Cell, CellGroup, _sfc_main$o as Checkbox, _sfc_main$n as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, FixedNav, _sfc_main$15 as Icon, ImagePreview, InfiniteLoading, Input, InputNumber, _sfc_main$_ as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, _sfc_main$h as Radio, _sfc_main$g as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, Signature, Step, _sfc_main$K as Steps, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };
+export { ActionSheet, Address, Avatar, BackTop, Badge, Barrage, Button, Calendar, Cell, CellGroup, _sfc_main$t as Checkbox, _sfc_main$s as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, FixedNav, _sfc_main$1a as Icon, ImagePreview, InfiniteLoading, Input, InputNumber, _sfc_main$13 as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, _sfc_main$m as Radio, _sfc_main$l as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, Signature, Sku, Step, _sfc_main$P as Steps, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };