@nutui/nutui 3.1.23-beta.1 → 3.1.23-beta.2

package/dist/nutui.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:38:58 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:46 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -353,8 +353,8 @@
   const pxCheck = (value) => {
     return isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const { componentName: componentName$1s, create: create$1O } = createComponent("icon");
-  const _sfc_main$1O = create$1O({
+  const { componentName: componentName$1t, create: create$1P } = createComponent("icon");
+  const _sfc_main$1P = create$1P({
     props: {
       name: { type: String, default: "" },
       size: { type: [String, Number], default: "" },
@@ -375,7 +375,7 @@
         var _a;
         const _isImage = isImage();
         return vue.h(_isImage ? "img" : props.tag, {
-          class: _isImage ? `${componentName$1s}__img` : `${props.fontClassName} ${componentName$1s} ${props.classPrefix}-${props.name}`,
+          class: _isImage ? `${componentName$1t}__img` : `${props.fontClassName} ${componentName$1t} ${props.classPrefix}-${props.name}`,
           style: {
             color: props.color,
             fontSize: pxCheck(props.size),
@@ -395,10 +395,10 @@
     }
     return target;
   };
-  const { componentName: componentName$1r, create: create$1N } = createComponent("button");
-  const _sfc_main$1N = create$1N({
+  const { componentName: componentName$1s, create: create$1O } = createComponent("button");
+  const _sfc_main$1O = create$1O({
     components: {
-      [_sfc_main$1O.name]: _sfc_main$1O
+      [_sfc_main$1P.name]: _sfc_main$1P
     },
     props: {
       color: String,
@@ -452,7 +452,7 @@
         }
       };
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1r;
+        const prefixCls = componentName$1s;
         return {
           [prefixCls]: true,
           [`${prefixCls}--${type.value}`]: type.value,
@@ -489,7 +489,7 @@
     }
   });
   const _hoisted_1$1l = { class: "nut-button__warp" };
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -516,7 +516,7 @@
       ])
     ], 6);
   }
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1B]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1C]]);
   function useRouter() {
     const proxy = vue.getCurrentInstance().proxy;
     return proxy.$router || null;
@@ -525,7 +525,7 @@
     key: 0,
     class: "nut-cell__icon"
   };
-  const _hoisted_2$13 = {
+  const _hoisted_2$14 = {
     key: 1,
     class: "nut-cell__title"
   };
@@ -548,7 +548,7 @@
             }, null, 8, ["name"])) : vue.createCommentVNode("", true)
           ])
         ])) : vue.createCommentVNode("", true),
-        _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$13, [
+        _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$14, [
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
               vue.createElementVNode("view", _hoisted_3$P, vue.toDisplayString(_ctx.title), 1)
@@ -573,8 +573,8 @@
       ])
     ], 6);
   }
-  const { componentName: componentName$1q, create: create$1M } = createComponent("cell");
-  const _sfc_main$1M = create$1M({
+  const { componentName: componentName$1r, create: create$1N } = createComponent("cell");
+  const _sfc_main$1N = create$1N({
     props: {
       title: { type: String, default: "" },
       subTitle: { type: String, default: "" },
@@ -592,7 +592,7 @@
     emits: ["click"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1q;
+        const prefixCls = componentName$1r;
         return {
           [prefixCls]: true,
           [`${prefixCls}--clickable`]: props.isLink || props.to,
@@ -621,16 +621,16 @@
       };
     }
   });
-  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", render$2]]);
-  const { componentName: componentName$1p, create: create$1L } = createComponent("cell-group");
-  const _sfc_main$1L = create$1L({
+  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", render$2]]);
+  const { componentName: componentName$1q, create: create$1M } = createComponent("cell-group");
+  const _sfc_main$1M = create$1M({
     props: {
       title: { type: String, default: "" },
       desc: { type: String, default: "" }
     },
     setup() {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1p;
+        const prefixCls = componentName$1q;
         return {
           [prefixCls]: true
         };
@@ -644,24 +644,24 @@
     key: 1,
     class: "nut-cell-group__title"
   };
-  const _hoisted_2$12 = {
+  const _hoisted_2$13 = {
     key: 3,
     class: "nut-cell-group__desc"
   };
   const _hoisted_3$O = { class: "nut-cell-group__warp" };
-  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1j, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-      _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$12, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+      _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$13, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", _hoisted_3$O, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
     ], 2);
   }
-  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1A]]);
-  const { componentName: componentName$1o, create: create$1K } = createComponent("overlay");
+  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1B]]);
+  const { componentName: componentName$1p, create: create$1L } = createComponent("overlay");
   const overlayProps = {
     visible: {
       type: Boolean,
@@ -691,12 +691,12 @@
       default: true
     }
   };
-  const _sfc_main$1K = create$1K({
+  const _sfc_main$1L = create$1L({
     props: overlayProps,
     emits: ["click", "update:visible"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1o;
+        const prefixCls = componentName$1p;
         return {
           [prefixCls]: true,
           [props.overlayClass]: true
@@ -737,7 +737,7 @@
       return { classes, style, touchmove, onClick };
     }
   });
-  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: "overlay-fade" }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("view", {
@@ -754,7 +754,7 @@
       _: 3
     });
   }
-  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1z]]);
+  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1A]]);
   let count = 0;
   const CLSNAME = "nut-overflow-hidden";
   const useLockScroll = (isLock) => {
@@ -772,7 +772,7 @@
     };
     return [lock, unlock];
   };
-  const { componentName: componentName$1n, create: create$1J } = createComponent("popup");
+  const { componentName: componentName$1o, create: create$1K } = createComponent("popup");
   let _zIndex = 2e3;
   const popupProps = {
     ...overlayProps,
@@ -825,10 +825,10 @@
       default: false
     }
   };
-  const _sfc_main$1J = create$1J({
+  const _sfc_main$1K = create$1K({
     components: {
       [OverLay.name]: OverLay,
-      [_sfc_main$1O.name]: _sfc_main$1O
+      [_sfc_main$1P.name]: _sfc_main$1P
     },
     props: {
       ...popupProps
@@ -837,7 +837,7 @@
     setup(props, { emit }) {
       const popupRef = vue.ref();
       const state = vue.reactive({
-        zIndex: props.zIndex ? props.zIndex : _zIndex,
+        zIndex: props.zIndex,
         showSlot: true,
         transitionName: `popup-fade-${props.position}`,
         overLayCount: 1,
@@ -846,7 +846,7 @@
       });
       const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1n;
+        const prefixCls = componentName$1o;
         return {
           [prefixCls]: true,
           ["round"]: props.round,
@@ -863,29 +863,25 @@
         };
       });
       const open = () => {
-        if (!props.visible) {
-          if (props.zIndex !== void 0) {
-            _zIndex = Number(props.zIndex);
-          }
-          emit("update:visible", true);
-          lockScroll();
-          state.zIndex = ++_zIndex;
+        if (props.zIndex != 2e3) {
+          _zIndex = Number(props.zIndex);
         }
+        emit("update:visible", true);
+        lockScroll();
+        state.zIndex = ++_zIndex;
         if (props.destroyOnClose) {
           state.showSlot = true;
         }
         emit("open");
       };
       const close = () => {
-        if (props.visible) {
-          unlockScroll();
-          emit("update:visible", false);
-          if (props.destroyOnClose) {
-            setTimeout(() => {
-              state.showSlot = false;
-              emit("close");
-            }, +props.duration * 1e3);
-          }
+        unlockScroll();
+        emit("update:visible", false);
+        if (props.destroyOnClose) {
+          setTimeout(() => {
+            state.showSlot = false;
+            emit("close");
+          }, +props.duration * 1e3);
         }
       };
       const onClick = (e) => {
@@ -958,7 +954,7 @@
     }
   });
   const _hoisted_1$1i = { key: 1 };
-  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return _ctx.isWrapTeleport ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -1047,7 +1043,7 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
     ]));
   }
-  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1y]]);
+  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1z]]);
   const component$7 = {
     props: {
       theme: { type: String, default: "" },
@@ -1062,10 +1058,10 @@
       };
     }
   };
-  const { componentName: componentName$1m, create: create$1I } = createComponent("config-provider");
-  const _sfc_main$1I = create$1I(component$7);
-  const { componentName: componentName$1l, create: create$1H } = createComponent("image");
-  const _sfc_main$1H = create$1H({
+  const { componentName: componentName$1n, create: create$1J } = createComponent("config-provider");
+  const _sfc_main$1J = create$1J(component$7);
+  const { componentName: componentName$1m, create: create$1I } = createComponent("image");
+  const _sfc_main$1I = create$1I({
     props: {
       src: String,
       fit: {
@@ -1111,7 +1107,7 @@
         slotError: vue.useSlots().error
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1l;
+        const prefixCls = componentName$1m;
         return {
           [prefixCls]: true,
           [`${prefixCls}-round`]: props.round
@@ -1155,7 +1151,7 @@
     }
   });
   const _hoisted_1$1h = ["src", "alt"];
-  const _hoisted_2$11 = {
+  const _hoisted_2$12 = {
     key: 0,
     class: "nut-img-loading"
   };
@@ -1163,7 +1159,7 @@
     key: 1,
     class: "nut-img-error"
   };
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -1178,7 +1174,7 @@
         onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args)),
         style: vue.normalizeStyle(_ctx.styles)
       }, null, 44, _hoisted_1$1h),
-      _ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, [
+      _ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$12, [
         !_ctx.slotLoding ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: "image"
@@ -1194,11 +1190,11 @@
       ])) : vue.createCommentVNode("", true)
     ], 6);
   }
-  var Image = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1x]]);
-  const { create: create$1G } = createComponent("layout");
-  const _sfc_main$1G = create$1G({});
-  const { componentName: componentName$1k, create: create$1F } = createComponent("col");
-  const _sfc_main$1F = create$1F({
+  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1y]]);
+  const { create: create$1H } = createComponent("layout");
+  const _sfc_main$1H = create$1H({});
+  const { componentName: componentName$1l, create: create$1G } = createComponent("col");
+  const _sfc_main$1G = create$1G({
     props: {
       span: {
         type: [String, Number],
@@ -1211,7 +1207,7 @@
     },
     emits: ["click"],
     setup(props, { emit }) {
-      const prefixCls = componentName$1k;
+      const prefixCls = componentName$1l;
       const gutter = vue.inject("gutter");
       const classes = vue.computed(() => {
         return {
@@ -1238,7 +1234,7 @@
       };
     }
   });
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.style),
@@ -1247,9 +1243,9 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1w]]);
-  const { componentName: componentName$1j, create: create$1E } = createComponent("row");
-  const _sfc_main$1E = create$1E({
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1x]]);
+  const { componentName: componentName$1k, create: create$1F } = createComponent("row");
+  const _sfc_main$1F = create$1F({
     props: {
       type: {
         type: String,
@@ -1274,7 +1270,7 @@
     },
     emits: ["click"],
     setup(props, { emit }) {
-      const prefixCls = componentName$1j;
+      const prefixCls = componentName$1k;
       vue.provide("gutter", props.gutter);
       const getClass = (prefix, type) => {
         return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -1298,7 +1294,7 @@
       };
     }
   });
-  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.getClasses()),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
@@ -1306,7 +1302,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1v]]);
+  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1w]]);
   function isWindow(val) {
     return val === window;
   }
@@ -1336,8 +1332,8 @@
       height: 0
     };
   };
-  const { componentName: componentName$1i, create: create$1D } = createComponent("sticky");
-  const _sfc_main$1D = create$1D({
+  const { componentName: componentName$1j, create: create$1E } = createComponent("sticky");
+  const _sfc_main$1E = create$1E({
     props: {
       position: {
         type: String,
@@ -1414,7 +1410,7 @@
         var _a;
         return vue.h("view", {
           style: stickyStyle.value,
-          class: state.fixed ? `${componentName$1i} nut-sticky--fixed` : componentName$1i
+          class: state.fixed ? `${componentName$1j} nut-sticky--fixed` : componentName$1j
         }, (_a = slots.default) == null ? void 0 : _a.call(slots));
       };
       const onScroll = () => {
@@ -1470,8 +1466,8 @@
       };
     }
   });
-  const { componentName: componentName$1h, create: create$1C } = createComponent("divider");
-  const _sfc_main$1C = create$1C({
+  const { componentName: componentName$1i, create: create$1D } = createComponent("divider");
+  const _sfc_main$1D = create$1D({
     props: {
       contentPosition: {
         type: String,
@@ -1493,7 +1489,7 @@
     components: {},
     setup(props, context) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1h;
+        const prefixCls = componentName$1i;
         let defaultClassesObj = {
           [prefixCls]: true
         };
@@ -1518,7 +1514,7 @@
       return { classes };
     }
   });
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("view", {
       key: 0,
       class: vue.normalizeClass(_ctx.classes)
@@ -1529,7 +1525,7 @@
       class: vue.normalizeClass(_ctx.classes)
     }, null, 2));
   }
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1u]]);
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1v]]);
   function flattenVNodes(children, childName) {
     const result = [];
     const traverse = (children2) => {
@@ -1588,7 +1584,7 @@
       };
     };
   }
-  const { componentName: componentName$1g } = createComponent("grid");
+  const { componentName: componentName$1h } = createComponent("grid");
   const GRID_KEY = Symbol("grid");
   const gridProps = {
     columnNum: {
@@ -1633,9 +1629,9 @@
   const component$6 = {
     props: gridProps,
     setup(props, { slots }) {
-      useProvide(GRID_KEY, `${componentName$1g}-item`)({ props });
+      useProvide(GRID_KEY, `${componentName$1h}-item`)({ props });
       const rootClass = vue.computed(() => {
-        const prefixCls = componentName$1g;
+        const prefixCls = componentName$1h;
         return {
           [prefixCls]: true,
           [`${prefixCls}--border`]: props.border && !props.gutter
@@ -1657,8 +1653,8 @@
       };
     }
   };
-  const { create: create$1B } = createComponent("grid");
-  const _sfc_main$1B = create$1B(component$6);
+  const { create: create$1C } = createComponent("grid");
+  const _sfc_main$1C = create$1C(component$6);
   function useInject(key) {
     const parent = vue.inject(key, null);
     if (parent) {
@@ -1677,8 +1673,8 @@
       index: vue.ref(-1)
     };
   }
-  const { create: create$1A, componentName: componentName$1f } = createComponent("grid-item");
-  const _sfc_main$1A = create$1A({
+  const { create: create$1B, componentName: componentName$1g } = createComponent("grid-item");
+  const _sfc_main$1B = create$1B({
     props: {
       text: {
         type: String
@@ -1712,7 +1708,7 @@
       const index = Parent.index;
       const parent = Parent.parent.props;
       const rootClass = vue.computed(() => {
-        const prefixCls = componentName$1f;
+        const prefixCls = componentName$1g;
         return {
           [prefixCls]: true
         };
@@ -1732,7 +1728,7 @@
         return style;
       });
       const contentClass = vue.computed(() => {
-        const prefixCls = `${componentName$1f}__content`;
+        const prefixCls = `${componentName$1g}__content`;
         return {
           [`${prefixCls}`]: true,
           [`${prefixCls}--border`]: parent.border,
@@ -1773,7 +1769,7 @@
     key: 3,
     class: "nut-grid-item__text"
   };
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.rootClass),
@@ -1795,9 +1791,9 @@
       ], 2)
     ], 6);
   }
-  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1t]]);
-  const { componentName: componentName$1e, create: create$1z } = createComponent("navbar");
-  const _sfc_main$1z = create$1z({
+  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1u]]);
+  const { componentName: componentName$1f, create: create$1A } = createComponent("navbar");
+  const _sfc_main$1A = create$1A({
     props: {
       leftShow: { type: Boolean, default: true },
       title: { type: String, default: "" },
@@ -1832,7 +1828,7 @@
       const navBarHtml = vue.ref(null);
       let navHeight = vue.ref(0);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1e;
+        const prefixCls = componentName$1f;
         return {
           [prefixCls]: true,
           [`${prefixCls}--border`]: border.value,
@@ -1883,7 +1879,7 @@
     class: "nut-navbar--placeholder",
     ref: "navBarWrap"
   };
-  const _hoisted_2$10 = {
+  const _hoisted_2$11 = {
     key: 1,
     class: "nut-navbar__text"
   };
@@ -1901,7 +1897,7 @@
     key: 0,
     class: "nut-navbar__text"
   };
-  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return _ctx.fixed && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1f, [
       vue.createElementVNode("view", {
@@ -1918,7 +1914,7 @@
             color: "#979797",
             name: "left"
           })) : vue.createCommentVNode("", true),
-          _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$10, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
+          _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "left")
         ]),
         vue.createElementVNode("view", _hoisted_3$M, [
@@ -1983,9 +1979,9 @@
       ])
     ], 6));
   }
-  var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
-  const { componentName: componentName$1d, create: create$1y, translate: translate$t } = createComponent("fixednav");
-  const _sfc_main$1y = create$1y({
+  var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1t]]);
+  const { componentName: componentName$1e, create: create$1z, translate: translate$t } = createComponent("fixednav");
+  const _sfc_main$1z = create$1z({
     components: {
       [OverLay.name]: OverLay
     },
@@ -2027,7 +2023,7 @@
     emits: ["update:visible", "selected"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1d;
+        const prefixCls = componentName$1e;
         return {
           [prefixCls]: true,
           active: props.visible,
@@ -2047,7 +2043,7 @@
     }
   });
   const _hoisted_1$1e = { class: "nut-fixednav__list" };
-  const _hoisted_2$$ = ["onClick"];
+  const _hoisted_2$10 = ["onClick"];
   const _hoisted_3$L = ["src"];
   const _hoisted_4$C = { class: "span" };
   const _hoisted_5$s = {
@@ -2055,7 +2051,7 @@
     class: "b"
   };
   const _hoisted_6$p = { class: "text" };
-  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -2081,7 +2077,7 @@
               }, null, 8, _hoisted_3$L),
               vue.createElementVNode("view", _hoisted_4$C, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_2$$);
+            ], 8, _hoisted_2$10);
           }), 128))
         ])
       ]),
@@ -2099,9 +2095,9 @@
       ])
     ], 6);
   }
-  var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1r]]);
-  const { componentName: componentName$1c, create: create$1x } = createComponent("menu");
-  const _sfc_main$1x = create$1x({
+  var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
+  const { componentName: componentName$1d, create: create$1y } = createComponent("menu");
+  const _sfc_main$1y = create$1y({
     props: {
       activeColor: {
         type: String,
@@ -2161,7 +2157,7 @@
       const { children, linkChildren } = useChildren();
       const opened = vue.computed(() => children.some((item) => item.state.showWrapper));
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1c;
+        const prefixCls = componentName$1d;
         return {
           [prefixCls]: true,
           "scroll-fixed": isScrollFixed.value
@@ -2230,8 +2226,8 @@
     }
   });
   const _hoisted_1$1d = ["onClick"];
-  const _hoisted_2$_ = { class: "nut-menu__title-text" };
-  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$$ = { class: "nut-menu__title-text" };
+  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -2250,7 +2246,7 @@
             vue.createElementVNode("view", {
               class: vue.normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
             }, [
-              vue.createElementVNode("view", _hoisted_2$_, vue.toDisplayString(item.renderTitle()), 1),
+              vue.createElementVNode("view", _hoisted_2$$, vue.toDisplayString(item.renderTitle()), 1),
               vue.createVNode(_component_nut_icon, {
                 name: item.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
                 size: "10",
@@ -2263,9 +2259,9 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1q]]);
-  const { componentName: componentName$1b, create: create$1w } = createComponent("menu-item");
-  const _sfc_main$1w = create$1w({
+  var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1r]]);
+  const { componentName: componentName$1c, create: create$1x } = createComponent("menu-item");
+  const _sfc_main$1x = create$1x({
     props: {
       title: String,
       options: {
@@ -2288,7 +2284,7 @@
       }
     },
     components: {
-      [_sfc_main$1O.name]: _sfc_main$1O,
+      [_sfc_main$1P.name]: _sfc_main$1P,
       [Popup.name]: Popup
     },
     emits: ["update:modelValue", "change"],
@@ -2312,7 +2308,7 @@
       };
       const { parent } = useParent();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1b;
+        const prefixCls = componentName$1c;
         return {
           [prefixCls]: true
         };
@@ -2372,8 +2368,8 @@
     }
   });
   const _hoisted_1$1c = { class: "nut-menu-item__content" };
-  const _hoisted_2$Z = ["onClick"];
-  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$_ = ["onClick"];
+  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
@@ -2419,7 +2415,7 @@
                 vue.createElementVNode("view", {
                   style: vue.normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
                 }, vue.toDisplayString(option.text), 5)
-              ], 14, _hoisted_2$Z);
+              ], 14, _hoisted_2$_);
             }), 128)),
             vue.renderSlot(_ctx.$slots, "default")
           ])
@@ -2430,9 +2426,9 @@
       [vue.vShow, _ctx.state.showWrapper]
     ]);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1p]]);
-  const { create: create$1v } = createComponent("tabbar");
-  const _sfc_main$1v = create$1v({
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1q]]);
+  const { create: create$1w } = createComponent("tabbar");
+  const _sfc_main$1w = create$1w({
     props: {
       visible: {
         type: [Number, String],
@@ -2491,16 +2487,16 @@
       };
     }
   });
-  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1o]]);
-  const { create: create$1u } = createComponent("tabbar-item");
-  const _sfc_main$1u = create$1u({
+  var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1p]]);
+  const { create: create$1v } = createComponent("tabbar-item");
+  const _sfc_main$1v = create$1v({
     props: {
       tabTitle: {
         type: String,
@@ -2591,7 +2587,7 @@
     }
   });
   const _hoisted_1$1b = { class: "nut-tabbar-item_icon-box" };
-  const _hoisted_2$Y = {
+  const _hoisted_2$Z = {
     key: 0,
     class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
   };
@@ -2605,7 +2601,7 @@
   };
   const _hoisted_5$r = { key: 2 };
   const _hoisted_6$o = { key: 0 };
-  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
@@ -2616,7 +2612,7 @@
     }, [
       vue.createElementVNode("view", _hoisted_1$1b, [
         !_ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Y, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$K, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
+          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Z, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$K, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
         _ctx.dot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$B)) : vue.createCommentVNode("", true),
         _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$r, [
@@ -2646,15 +2642,15 @@
       ])
     ], 6);
   }
-  var TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1n]]);
+  var TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1o]]);
   function useExpose(apis) {
     const instance = vue.getCurrentInstance();
     if (instance) {
       Object.assign(instance.proxy, apis);
     }
   }
-  const { componentName: componentName$1a, create: create$1t } = createComponent("elevator");
-  const _sfc_main$1t = create$1t({
+  const { componentName: componentName$1b, create: create$1u } = createComponent("elevator");
+  const _sfc_main$1u = create$1u({
     props: {
       height: {
         type: [Number, String],
@@ -2704,7 +2700,7 @@
         fixedTop: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$1a;
+        const prefixCls = componentName$1b;
         return {
           [prefixCls]: true
         };
@@ -2828,12 +2824,12 @@
     }
   });
   const _hoisted_1$1a = { class: "nut-elevator__list__item__code" };
-  const _hoisted_2$X = ["onClick"];
+  const _hoisted_2$Y = ["onClick"];
   const _hoisted_3$J = ["innerHTML"];
   const _hoisted_4$A = { class: "fixed-title" };
   const _hoisted_5$q = { class: "nut-elevator__bars__inner" };
   const _hoisted_6$n = ["data-index", "onClick"];
-  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -2864,7 +2860,7 @@
                   key: 1,
                   item: subitem
                 })
-              ], 10, _hoisted_2$X);
+              ], 10, _hoisted_2$Y);
             }), 128))
           ], 512);
         }), 128)),
@@ -2903,9 +2899,9 @@
       ], 32)
     ], 2);
   }
-  var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1m]]);
-  const { componentName: componentName$19, create: create$1s, translate: translate$s } = createComponent("pagination");
-  const _sfc_main$1s = create$1s({
+  var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1n]]);
+  const { componentName: componentName$1a, create: create$1t, translate: translate$s } = createComponent("pagination");
+  const _sfc_main$1t = create$1t({
     props: {
       modelValue: {
         type: Number,
@@ -3012,7 +3008,7 @@
     }
   });
   const _hoisted_1$19 = { class: "nut-pagination" };
-  const _hoisted_2$W = {
+  const _hoisted_2$X = {
     key: 0,
     class: "nut-pagination-contain"
   };
@@ -3022,7 +3018,7 @@
     class: "nut-pagination-contain"
   };
   const _hoisted_5$p = { class: "nut-pagination-simple" };
-  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$19, [
       vue.createElementVNode("view", {
         class: vue.normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
@@ -3032,7 +3028,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
         ])
       ], 2),
-      _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$W, [
+      _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$X, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.pages, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("view", {
             key: index + "pagination",
@@ -3058,7 +3054,7 @@
       ], 2)
     ]);
   }
-  var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1l]]);
+  var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1m]]);
   class Title {
     constructor() {
       this.title = "";
@@ -3256,11 +3252,11 @@
       ], 4)
     ], 2);
   }
-  const { create: create$1r } = createComponent("tabs");
-  const _sfc_main$1r = create$1r(component$5);
-  var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", render$1]]);
-  const { create: create$1q } = createComponent("tabpane");
-  const _sfc_main$1q = create$1q({
+  const { create: create$1s } = createComponent("tabs");
+  const _sfc_main$1s = create$1s(component$5);
+  var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", render$1]]);
+  const { create: create$1r } = createComponent("tabpane");
+  const _sfc_main$1r = create$1r({
     props: {
       title: {
         type: [String, Number],
@@ -3285,16 +3281,16 @@
       };
     }
   });
-  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
-  const { componentName: componentName$18, create: create$1p } = createComponent("indicator");
-  const _sfc_main$1p = create$1p({
+  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1l]]);
+  const { componentName: componentName$19, create: create$1q } = createComponent("indicator");
+  const _sfc_main$1q = create$1q({
     props: {
       size: {
         type: Number,
@@ -3322,17 +3318,17 @@
     setup(props) {
       const { block, align } = vue.toRefs(props);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$18;
+        const prefixCls = componentName$19;
         return {
           [prefixCls]: true,
           [`${prefixCls}--block`]: block.value,
           [`${prefixCls}--align__${align.value}`]: block.value && align.value
         };
       });
-      return { classes, componentName: componentName$18 };
+      return { classes, componentName: componentName$19 };
     }
   });
-  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -3349,9 +3345,9 @@
       }), 128))
     ], 2);
   }
-  var Indicator = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1j]]);
-  const { componentName: componentName$17, create: create$1o } = createComponent("sidenavbar");
-  const _sfc_main$1o = create$1o({
+  var Indicator = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
+  const { componentName: componentName$18, create: create$1p } = createComponent("sidenavbar");
+  const _sfc_main$1p = create$1p({
     props: {
       offset: {
         type: [String, Number],
@@ -3366,7 +3362,7 @@
         observer: null
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$17;
+        const prefixCls = componentName$18;
         return {
           [prefixCls]: true
         };
@@ -3411,24 +3407,24 @@
     }
   });
   const _hoisted_1$17 = { class: "nut-sidenavbar__content" };
-  const _hoisted_2$V = {
+  const _hoisted_2$W = {
     class: "nut-sidenavbar__content__list",
     ref: "list"
   };
-  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.createElementVNode("view", _hoisted_1$17, [
-        vue.createElementVNode("view", _hoisted_2$V, [
+        vue.createElementVNode("view", _hoisted_2$W, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 512)
       ])
     ], 2);
   }
-  var SideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1i]]);
-  const { componentName: componentName$16, create: create$1n } = createComponent("sidenavbaritem");
-  const _sfc_main$1n = create$1n({
+  var SideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1j]]);
+  const { componentName: componentName$17, create: create$1o } = createComponent("sidenavbaritem");
+  const _sfc_main$1o = create$1o({
     props: {
       title: {
         type: String,
@@ -3442,7 +3438,7 @@
     emits: ["click"],
     setup: (props, context) => {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$16;
+        const prefixCls = componentName$17;
         return {
           [prefixCls]: true
         };
@@ -3457,19 +3453,19 @@
     }
   });
   const _hoisted_1$16 = ["ikey"];
-  const _hoisted_2$U = { class: "nut-sidenavbaritem__title" };
-  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$V = { class: "nut-sidenavbaritem__title" };
+  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-sidenavbaritem",
       onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
       ikey: _ctx.ikey
     }, [
-      vue.createElementVNode("span", _hoisted_2$U, vue.toDisplayString(_ctx.title), 1)
+      vue.createElementVNode("span", _hoisted_2$V, vue.toDisplayString(_ctx.title), 1)
     ], 8, _hoisted_1$16);
   }
-  var SideNavBarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1h]]);
-  const { componentName: componentName$15, create: create$1m } = createComponent("subsidenavbar");
-  const _sfc_main$1m = create$1m({
+  var SideNavBarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1i]]);
+  const { componentName: componentName$16, create: create$1n } = createComponent("subsidenavbar");
+  const _sfc_main$1n = create$1n({
     props: {
       title: {
         type: String,
@@ -3490,7 +3486,7 @@
         direction: ""
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$15;
+        const prefixCls = componentName$16;
         return {
           [prefixCls]: true
         };
@@ -3516,9 +3512,9 @@
     }
   });
   const _hoisted_1$15 = ["ikey"];
-  const _hoisted_2$T = { class: "nut-subsidenavbar__title__text" };
+  const _hoisted_2$U = { class: "nut-subsidenavbar__title__text" };
   const _hoisted_3$H = { class: "nut-subsidenavbar__title__icon" };
-  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -3528,7 +3524,7 @@
         class: "nut-subsidenavbar__title",
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
-        vue.createElementVNode("span", _hoisted_2$T, vue.toDisplayString(_ctx.title), 1),
+        vue.createElementVNode("span", _hoisted_2$U, vue.toDisplayString(_ctx.title), 1),
         vue.createElementVNode("span", _hoisted_3$H, [
           vue.createVNode(_component_nut_icon, {
             name: "down-arrow",
@@ -3544,7 +3540,7 @@
       ], 6)
     ], 10, _hoisted_1$15);
   }
-  var SubSideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1g]]);
+  var SubSideNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1h]]);
   const MIN_DISTANCE$1 = 10;
   function getDirection$1(x, y) {
     if (x > y && x > MIN_DISTANCE$1) {
@@ -3608,8 +3604,8 @@
       isHorizontal
     };
   }
-  const { componentName: componentName$14, create: create$1l } = createComponent("range");
-  const _sfc_main$1l = create$1l({
+  const { componentName: componentName$15, create: create$1m } = createComponent("range");
+  const _sfc_main$1m = create$1m({
     props: {
       range: {
         type: Boolean,
@@ -3668,7 +3664,7 @@
       });
       const scope = vue.computed(() => Number(props.max) - Number(props.min));
       const classes = vue.computed(() => {
-        const prefixCls = componentName$14;
+        const prefixCls = componentName$15;
         return {
           [prefixCls]: true,
           [`${prefixCls}-disabled`]: props.disabled,
@@ -3899,7 +3895,7 @@
     key: 0,
     class: "min"
   };
-  const _hoisted_2$S = {
+  const _hoisted_2$T = {
     key: 0,
     class: "nut-range-mark"
   };
@@ -3917,7 +3913,7 @@
     key: 1,
     class: "max"
   };
-  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.containerClasses)
     }, [
@@ -3928,7 +3924,7 @@
         class: vue.normalizeClass(_ctx.classes),
         onClick: _cache[9] || (_cache[9] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
       }, [
-        _ctx.marksList.length > 0 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$S, [
+        _ctx.marksList.length > 0 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$T, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.marksList, (marks) => {
             return vue.openBlock(), vue.createElementBlock("span", {
               key: marks,
@@ -4009,9 +4005,9 @@
       !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$j, vue.toDisplayString(+_ctx.max), 1)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var Range = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1f]]);
-  const { create: create$1k, translate: translate$r } = createComponent("searchbar");
-  const _sfc_main$1k = create$1k({
+  var Range = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1g]]);
+  const { create: create$1l, translate: translate$r } = createComponent("searchbar");
+  const _sfc_main$1l = create$1l({
     props: {
       modelValue: {
         type: [String, Number],
@@ -4163,7 +4159,7 @@
     key: 0,
     class: "nut-searchbar__search-label"
   };
-  const _hoisted_2$R = {
+  const _hoisted_2$S = {
     key: 1,
     class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
   };
@@ -4173,14 +4169,14 @@
     key: 2,
     class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
   };
-  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-searchbar",
       style: vue.normalizeStyle(_ctx.searchbarStyle)
     }, [
       _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$13, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$R, [
+      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$S, [
         vue.renderSlot(_ctx.$slots, "leftout")
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
@@ -4242,7 +4238,7 @@
       ])) : vue.createCommentVNode("", true)
     ], 4);
   }
-  var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1e]]);
+  var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1f]]);
   const formatTree = (tree, parent, config) => tree.map((node) => {
     const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
     const { [valueKey]: value, [textKey]: text, [childrenKey]: children, ...others } = node;
@@ -4363,8 +4359,8 @@
       return Array.isArray(children) && Boolean(children.length);
     }
   }
-  const { create: create$1j, translate: translate$q } = createComponent("cascader-item");
-  const _sfc_main$1j = create$1j({
+  const { create: create$1k, translate: translate$q } = createComponent("cascader-item");
+  const _sfc_main$1k = create$1k({
     props: {
       visible: Boolean,
       modelValue: Array,
@@ -4585,10 +4581,10 @@
     role: "menu",
     class: "nut-cascader-pane"
   };
-  const _hoisted_2$Q = ["aria-checked", "aria-disabled", "onClick"];
+  const _hoisted_2$R = ["aria-checked", "aria-disabled", "onClick"];
   const _hoisted_3$E = { class: "nut-cascader-item__title" };
   const _hoisted_4$w = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
-  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_tabpane = vue.resolveComponent("nut-tabpane");
     const _component_nut_tabs = vue.resolveComponent("nut-tabs");
@@ -4626,7 +4622,7 @@
                       class: "nut-cascader-item__icon-check",
                       name: "checklist"
                     }))
-                  ], 10, _hoisted_2$Q);
+                  ], 10, _hoisted_2$R);
                 }), 128))
               ])
             ]),
@@ -4645,9 +4641,9 @@
       _: 1
     }, 8, ["modelValue", "onClick"]);
   }
-  var CascaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1d]]);
-  const { create: create$1i } = createComponent("cascader");
-  const _sfc_main$1i = create$1i({
+  var CascaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1e]]);
+  const { create: create$1j } = createComponent("cascader");
+  const _sfc_main$1j = create$1j({
     components: {
       [CascaderItem.name]: CascaderItem
     },
@@ -4710,7 +4706,7 @@
     }
   });
   const _hoisted_1$11 = ["innerHTML"];
-  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_cascader_item = vue.resolveComponent("nut-cascader-item");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
@@ -4747,7 +4743,7 @@
       _: 1
     }, 8, ["visible", "closeable", "close-icon", "close-icon-position"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1c]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1d]]);
   const Utils = {
     isLeapYear: function(y) {
       return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
@@ -4842,8 +4838,8 @@
     }
   }
   var requestAniFrame$1 = requestAniFrame();
-  const { create: create$1h, translate: translate$p } = createComponent("calendar-item");
-  const _sfc_main$1h = create$1h({
+  const { create: create$1i, translate: translate$p } = createComponent("calendar-item");
+  const _sfc_main$1i = create$1i({
     props: {
       type: {
         type: String,
@@ -5055,6 +5051,7 @@
             state.chooseData = [...days];
           }
           if (!isFirst) {
+            console.log(state.chooseData);
             emit("select", state.chooseData);
             if (props.isAutoBackFill || !props.poppable) {
               confirm();
@@ -5408,7 +5405,7 @@
     key: 0,
     class: "calendar-title"
   };
-  const _hoisted_2$P = {
+  const _hoisted_2$Q = {
     key: 1,
     class: "calendar-top-slot"
   };
@@ -5436,11 +5433,11 @@
     key: 1,
     class: "calendar-curr-tips calendar-curr-tips-bottom"
   };
-  const _hoisted_12$4 = {
+  const _hoisted_12$5 = {
     key: 2,
     class: "calendar-curr-tip-curr"
   };
-  const _hoisted_13$2 = {
+  const _hoisted_13$3 = {
     key: 4,
     class: "calendar-day-tip"
   };
@@ -5448,7 +5445,7 @@
     key: 0,
     class: "nut-calendar-footer"
   };
-  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(["nut-calendar nut-calendar-taro", {
         "nut-calendar-tile": !_ctx.poppable,
@@ -5459,7 +5456,7 @@
         class: vue.normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
       }, [
         _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$10, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : vue.createCommentVNode("", true),
-        _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$P, [
+        _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Q, [
           vue.renderSlot(_ctx.$slots, "btn")
         ])) : vue.createCommentVNode("", true),
         _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$D, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
@@ -5516,12 +5513,12 @@
                             date: day.type == "curr" ? day : ""
                           })
                         ])) : vue.createCommentVNode("", true),
-                        !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$4, vue.toDisplayString(_ctx.translate("today")), 1)) : vue.createCommentVNode("", true),
+                        !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$5, vue.toDisplayString(_ctx.translate("today")), 1)) : vue.createCommentVNode("", true),
                         _ctx.isStartTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", {
                           key: 3,
                           class: vue.normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
                         }, vue.toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : vue.createCommentVNode("", true),
-                        _ctx.isEndTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$2, vue.toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : vue.createCommentVNode("", true)
+                        _ctx.isEndTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$3, vue.toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : vue.createCommentVNode("", true)
                       ], 10, _hoisted_8$d);
                     }), 128))
                   ], 2)
@@ -5539,9 +5536,9 @@
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1b]]);
-  const { create: create$1g } = createComponent("calendar");
-  const _sfc_main$1g = create$1g({
+  var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1c]]);
+  const { create: create$1h } = createComponent("calendar");
+  const _sfc_main$1h = create$1h({
     components: {
       [CalendarItem.name]: CalendarItem
     },
@@ -5655,7 +5652,7 @@
       };
     }
   });
-  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_calendar_item = vue.resolveComponent("nut-calendar-item");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return _ctx.poppable ? (vue.openBlock(), vue.createBlock(_component_nut_popup, {
@@ -5778,7 +5775,7 @@
       } : void 0
     ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title"]));
   }
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1a]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1b]]);
   const component$4 = (componentName2, nutIcon) => {
     return {
       components: {
@@ -5851,10 +5848,19 @@
         const color = vue.computed(() => {
           return !pDisabled.value ? !pValue.value ? "nut-checkbox__icon--unchecked" : state.partialSelect ? "nut-checkbox__icon--indeterminate" : "nut-checkbox__icon" : "nut-checkbox__icon--disable";
         });
+        let updateType = "";
         const emitChange = (value, label) => {
+          updateType = "click";
           emit("update:modelValue", value);
           emit("change", value, label);
         };
+        vue.watch(() => props.modelValue, (v) => {
+          if (updateType == "click") {
+            updateType = "";
+          } else {
+            emit("change", v);
+          }
+        });
         const renderIcon = () => {
           const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName, iconIndeterminateName } = props;
           return vue.h(nutIcon, {
@@ -5909,10 +5915,10 @@
       }
     };
   };
-  const { create: create$1f, componentName: componentName$13 } = createComponent("checkbox");
-  const _sfc_main$1f = create$1f(component$4(componentName$13, _sfc_main$1O));
-  const { create: create$1e, componentName: componentName$12 } = createComponent("checkboxgroup");
-  const _sfc_main$1e = create$1e({
+  const { create: create$1g, componentName: componentName$14 } = createComponent("checkbox");
+  const _sfc_main$1g = create$1g(component$4(componentName$14, _sfc_main$1P));
+  const { create: create$1f, componentName: componentName$13 } = createComponent("checkboxgroup");
+  const _sfc_main$1f = create$1f({
     props: {
       modelValue: {
         type: Array,
@@ -5980,13 +5986,13 @@
       return () => {
         var _a;
         return vue.h("view", {
-          class: `${componentName$12}`
+          class: `${componentName$13}`
         }, (_a = slots.default) == null ? void 0 : _a.call(slots));
       };
     }
   });
-  const { create: create$1d } = createComponent("picker-column");
-  const _sfc_main$1d = create$1d({
+  const { create: create$1e } = createComponent("picker-column");
+  const _sfc_main$1e = create$1e({
     props: {
       value: [String, Number],
       columnsType: String,
@@ -6005,6 +6011,7 @@
     },
     emits: ["click", "change"],
     setup(props, { emit }) {
+      const touch = useTouch$2();
       const wrapper = vue.ref();
       const state = vue.reactive({
         touchParams: {
@@ -6025,54 +6032,72 @@
       const roller = vue.ref(null);
       const list = vue.ref(null);
       const listItem = vue.ref(null);
+      const moving = vue.ref(false);
       const touchDeg = vue.ref(0);
       const touchTime = vue.ref(0);
-      const touchTranslateY = vue.ref(0);
-      const touchListStyle = vue.computed(() => {
+      const INERTIA_TIME = 300;
+      const INERTIA_DISTANCE = 15;
+      const touchRollerStyle = vue.computed(() => {
         return {
-          transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
-          transform: `translate3d(0, ${state.scrollDistance}px, 0)`
+          transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
+          transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
         };
       });
-      const touchRollerStyle = vue.computed(() => {
+      const touchListStyle = vue.computed(() => {
         return {
-          transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
-          transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
+          transition: `transform ${touchTime.value}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
+          transform: `translate3d(0, ${state.scrollDistance}px, 0)`
         };
       });
+      const setRollerStyle = (index) => {
+        return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
+      };
       const onTouchStart = (event) => {
-        event.preventDefault();
-        let changedTouches = event.changedTouches[0];
-        state.touchParams.startY = changedTouches.pageY;
-        state.touchParams.startTime = event.timeStamp || Date.now();
+        touch.start(event);
+        if (moving.value) {
+          const { transform } = window.getComputedStyle(list.value);
+          state.scrollDistance = +transform.slice(7, transform.length - 1).split(", ")[5];
+        }
+        state.touchParams.startY = touch.deltaY.value;
+        state.touchParams.startTime = Date.now();
         state.transformY = state.scrollDistance;
       };
       const onTouchMove = (event) => {
-        event.preventDefault();
-        let changedTouches = event.changedTouches[0];
-        state.touchParams.lastY = changedTouches.pageY;
-        state.touchParams.lastTime = event.timeStamp || Date.now();
+        touch.move(event);
+        if (touch.isVertical) {
+          moving.value = true;
+          preventDefault2(event, true);
+        }
+        state.touchParams.lastY = touch.deltaY.value;
+        const now = Date.now();
         let move = state.touchParams.lastY - state.touchParams.startY;
         setMove(move);
+        if (now - state.touchParams.startTime > INERTIA_TIME) {
+          state.touchParams.startTime = now;
+          state.touchParams.startY = state.touchParams.lastY;
+        }
       };
       const onTouchEnd = (event) => {
-        event.preventDefault();
-        let changedTouches = event.changedTouches[0];
-        state.touchParams.lastY = changedTouches.pageY;
-        state.touchParams.lastTime = event.timeStamp || Date.now();
+        state.touchParams.lastY = touch.deltaY.value;
+        state.touchParams.lastTime = Date.now();
         let move = state.touchParams.lastY - state.touchParams.startY;
         let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
-        console.log("touchEnd", move, moveTime);
-        if (moveTime <= 300) {
-          move = move * 2;
-          moveTime = moveTime + 1e3;
-          setMove(move, "end", moveTime);
+        if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
+          const distance = momentum(move, moveTime);
+          setMove(distance, "end", moveTime + 1e3);
+          return;
         } else {
           setMove(move, "end");
         }
+        setTimeout(() => {
+          touch.reset();
+          moving.value = false;
+        }, 0);
       };
-      const setRollerStyle = (index) => {
-        return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
+      const momentum = (distance, duration) => {
+        const speed = Math.abs(distance / duration);
+        distance = speed / 3e-3 * (distance < 0 ? -1 : 1);
+        return distance;
       };
       const isHidden = (index) => {
         if (index >= state.currIndex + 8 || index <= state.currIndex - 8) {
@@ -6088,11 +6113,9 @@
           touchTime.value = 0;
         }
         touchDeg.value = deg;
-        touchTranslateY.value = translateY;
         state.scrollDistance = translateY;
       };
       const setMove = (move, type, time) => {
-        console.log("setMove");
         let updateMove = move + state.transformY;
         if (type === "end") {
           if (updateMove > 0) {
@@ -6104,30 +6127,15 @@
           let endMove = Math.round(updateMove / state.lineSpacing) * state.lineSpacing;
           let deg = `${(Math.abs(Math.round(endMove / state.lineSpacing)) + 1) * state.rotation}deg`;
           setTransform(endMove, type, time, deg);
-          let t = time ? time / 2 : 0;
-          state.timer = setTimeout(() => {
-            setChooseValue();
-          }, t);
           state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
         } else {
           let deg = "0deg";
-          let degNum = 0;
-          if (updateMove < 0) {
-            degNum = (Math.abs(updateMove / state.lineSpacing) + 1) * state.rotation;
-          } else {
-            degNum = (-updateMove / state.lineSpacing + 1) * state.rotation;
-          }
+          let currentDeg = (-updateMove / state.lineSpacing + 1) * state.rotation;
           const maxDeg = (props.column.length + 1) * state.rotation;
           const minDeg = 0;
-          if (degNum > maxDeg) {
-            deg = `${maxDeg}deg`;
-          } else if (degNum < minDeg) {
-            deg = `${minDeg}deg`;
-          } else {
-            deg = `${degNum}deg`;
-            setTransform(updateMove, null, void 0, deg);
-            state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
-          }
+          deg = Math.min(Math.max(currentDeg, minDeg), maxDeg) + "deg";
+          setTransform(updateMove, null, void 0, deg);
+          state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
         }
       };
       const setChooseValue = () => {
@@ -6141,6 +6149,18 @@
         type && setChooseValue();
         setMove(-move);
       };
+      const preventDefault2 = (event, isStopPropagation) => {
+        if (typeof event.cancelable !== "boolean" || event.cancelable) {
+          event.preventDefault();
+        }
+        if (isStopPropagation) {
+          event.stopPropagation();
+        }
+      };
+      const stopMomentum = () => {
+        moving.value = false;
+        setChooseValue();
+      };
       vue.watch(() => props.column, (val) => {
         console.log("props.column\u53D8\u5316", props.column);
         state.transformY = 0;
@@ -6165,22 +6185,25 @@
         onTouchEnd,
         touchRollerStyle,
         touchListStyle,
-        setMove
+        setMove,
+        stopMomentum
       };
     }
   });
   const _hoisted_1$$ = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
-  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_2$P = { class: "nut-picker-content" };
+  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-picker__list",
-      onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
-      onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
-      onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+      onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
+      onTouchmove: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
+      onTouchend: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
     }, [
       vue.createElementVNode("view", {
         class: "nut-picker-roller",
         ref: "roller",
-        style: vue.normalizeStyle(_ctx.touchRollerStyle)
+        style: vue.normalizeStyle(_ctx.touchRollerStyle),
+        onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.column, (item, index) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -6193,13 +6216,20 @@
             }, vue.toDisplayString(item.text), 7)) : vue.createCommentVNode("", true)
           ], 64);
         }), 128))
-      ], 4),
-      _hoisted_1$$
+      ], 36),
+      _hoisted_1$$,
+      vue.createElementVNode("view", _hoisted_2$P, [
+        vue.createElementVNode("view", {
+          class: "nut-picker-list-panel",
+          ref: "list",
+          style: vue.normalizeStyle(_ctx.touchListStyle)
+        }, null, 4)
+      ])
     ], 32);
   }
-  var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$19]]);
-  const { componentName: componentName$11, create: create$1c, translate: translate$o } = createComponent("picker");
-  const _sfc_main$1c = create$1c({
+  var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1a]]);
+  const { componentName: componentName$12, create: create$1d, translate: translate$o } = createComponent("picker");
+  const _sfc_main$1d = create$1d({
     components: {
       [column$1.name]: column$1,
       [Popup.name]: Popup
@@ -6242,7 +6272,7 @@
       let defaultValues = vue.ref(props.modelValue);
       vue.ref();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$11;
+        const prefixCls = componentName$12;
         return {
           [prefixCls]: true
         };
@@ -6299,7 +6329,10 @@
         return formatted;
       };
       const close = () => {
-        emit("close");
+        emit("close", {
+          selectedValue: defaultValues.value,
+          selectedOptions: selectedOptions.value
+        });
         emit("update:visible", false);
       };
       const changeHandler = (columnIndex, option) => {
@@ -6378,7 +6411,7 @@
     ref: "wrapHeight"
   };
   const _hoisted_4$u = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
-  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_picker_column = vue.resolveComponent("nut-picker-column");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -6434,7 +6467,7 @@
       }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose", "isWrapTeleport"])
     ], 2);
   }
-  var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$18]]);
+  var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$19]]);
   function padZero$1(num, targetLength = 2) {
     let str = num + "";
     while (str.length < targetLength) {
@@ -6442,7 +6475,7 @@
     }
     return str;
   }
-  const { componentName: componentName$10, create: create$1b, translate: translate$n } = createComponent("datepicker");
+  const { componentName: componentName$11, create: create$1c, translate: translate$n } = createComponent("datepicker");
   const currentYear = new Date().getFullYear();
   function isDate(val) {
     return Object.prototype.toString.call(val) === "[object Date]" && !isNaN(val.getTime());
@@ -6455,7 +6488,7 @@
     minute: translate$n("minute"),
     seconds: translate$n("seconds")
   };
-  const _sfc_main$1b = create$1b({
+  const _sfc_main$1c = create$1c({
     components: {
       [Picker.name]: Picker
     },
@@ -6723,7 +6756,7 @@
       };
     }
   });
-  function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_picker = vue.resolveComponent("nut-picker");
     return vue.openBlock(), vue.createBlock(_component_nut_picker, {
       modelValue: _ctx.selectedValue,
@@ -6745,9 +6778,9 @@
       _: 3
     }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport"]);
   }
-  var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$17]]);
-  const { componentName: componentName$$, create: create$1a } = createComponent("inputnumber");
-  const _sfc_main$1a = create$1a({
+  var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$18]]);
+  const { componentName: componentName$10, create: create$1b } = createComponent("inputnumber");
+  const _sfc_main$1b = create$1b({
     props: {
       modelValue: {
         type: [Number, String],
@@ -6789,7 +6822,7 @@
     emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$$;
+        const prefixCls = componentName$10;
         return {
           [prefixCls]: true,
           [`${prefixCls}--disabled`]: props.disabled
@@ -6867,7 +6900,7 @@
     }
   });
   const _hoisted_1$Z = ["min", "max", "disabled", "readonly", "value"];
-  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -6899,7 +6932,7 @@
       }, null, 8, ["class", "size", "onClick"])
     ], 6);
   }
-  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$16]]);
+  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$17]]);
   function trimExtraChar(value, char, regExp) {
     const index = value.indexOf(char);
     if (index === -1) {
@@ -6924,8 +6957,8 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const { componentName: componentName$_, create: create$19, translate: translate$m } = createComponent("input");
-  const _sfc_main$19 = create$19({
+  const { componentName: componentName$$, create: create$1a, translate: translate$m } = createComponent("input");
+  const _sfc_main$1a = create$1a({
     props: {
       ref: {
         type: String,
@@ -7081,7 +7114,7 @@
         validateMessage: ""
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$_;
+        const prefixCls = componentName$$;
         return {
           [prefixCls]: true,
           center: props.center,
@@ -7208,7 +7241,7 @@
     class: "nut-input-word-limit"
   };
   const _hoisted_8$c = { class: "nut-input-word-num" };
-  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -7329,9 +7362,9 @@
       ], 64))
     ], 2);
   }
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$15]]);
-  const { componentName: componentName$Z, create: create$18 } = createComponent("radio");
-  const _sfc_main$18 = create$18({
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$16]]);
+  const { componentName: componentName$_, create: create$19 } = createComponent("radio");
+  const _sfc_main$19 = create$19({
     props: {
       disabled: {
         type: Boolean,
@@ -7379,7 +7412,7 @@
       });
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName } = props;
-        return vue.h(_sfc_main$1O, {
+        return vue.h(_sfc_main$1P, {
           name: isCurValue.value ? iconActiveName : iconName,
           size: iconSize,
           class: color.value,
@@ -7390,13 +7423,13 @@
       const renderLabel = () => {
         var _a;
         return vue.h("view", {
-          class: `${componentName$Z}__label ${props.disabled ? `${componentName$Z}__label--disabled` : ""}`
+          class: `${componentName$_}__label ${props.disabled ? `${componentName$_}__label--disabled` : ""}`
         }, (_a = slots.default) == null ? void 0 : _a.call(slots));
       };
       const renderButton = () => {
         var _a;
         return vue.h("view", {
-          class: `${componentName$Z}__button ${isCurValue.value && `${componentName$Z}__button--active`} ${props.disabled ? `${componentName$Z}__button--disabled` : ""}`
+          class: `${componentName$_}__button ${isCurValue.value && `${componentName$_}__button--active`} ${props.disabled ? `${componentName$_}__button--disabled` : ""}`
         }, (_a = slots.default) == null ? void 0 : _a.call(slots));
       };
       const handleClick = () => {
@@ -7407,7 +7440,7 @@
       let reverseState = position.value === "left";
       return () => {
         return vue.h("view", {
-          class: `${componentName$Z} ${componentName$Z}--${props.shape} ${reverseState ? `${componentName$Z}--reverse` : ""}`,
+          class: `${componentName$_} ${componentName$_}--${props.shape} ${reverseState ? `${componentName$_}--reverse` : ""}`,
           onClick: handleClick
         }, [
           props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
@@ -7415,8 +7448,8 @@
       };
     }
   });
-  const { componentName: componentName$Y, create: create$17 } = createComponent("radiogroup");
-  const _sfc_main$17 = create$17({
+  const { componentName: componentName$Z, create: create$18 } = createComponent("radiogroup");
+  const _sfc_main$18 = create$18({
     props: {
       modelValue: {
         type: [Number, String, Boolean],
@@ -7443,12 +7476,12 @@
       return () => {
         var _a;
         return vue.h("view", {
-          class: `${componentName$Y} ${componentName$Y}--${props.direction}`
+          class: `${componentName$Z} ${componentName$Z}--${props.direction}`
         }, (_a = slots.default) == null ? void 0 : _a.call(slots));
       };
     }
   });
-  const { componentName: componentName$X } = createComponent("rate");
+  const { componentName: componentName$Y } = createComponent("rate");
   const useComponent = (touchable = true) => {
     return {
       props: {
@@ -7513,7 +7546,7 @@
       setup(props, { emit }) {
         const rateRefs = vue.ref([]);
         const classes = vue.computed(() => {
-          const prefixCls = componentName$X;
+          const prefixCls = componentName$Y;
           return {
             [prefixCls]: true
           };
@@ -7631,11 +7664,11 @@
       }), 128))
     ], 34);
   }
-  const { create: create$16 } = createComponent("rate");
-  const _sfc_main$16 = create$16(component$3);
-  var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", render]]);
-  const { create: create$15, translate: translate$l } = createComponent("shortpassword");
-  const _sfc_main$15 = create$15({
+  const { create: create$17 } = createComponent("rate");
+  const _sfc_main$17 = create$17(component$3);
+  var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", render]]);
+  const { create: create$16, translate: translate$l } = createComponent("shortpassword");
+  const _sfc_main$16 = create$16({
     props: {
       title: {
         type: String,
@@ -7778,7 +7811,7 @@
     key: 0,
     class: "nut-shortpsd-footer"
   };
-  function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", null, [
@@ -7854,9 +7887,9 @@
       }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay", "isWrapTeleport"])
     ]);
   }
-  var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$14]]);
-  const { componentName: componentName$W, create: create$14, translate: translate$k } = createComponent("textarea");
-  const _sfc_main$14 = create$14({
+  var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$15]]);
+  const { componentName: componentName$X, create: create$15, translate: translate$k } = createComponent("textarea");
+  const _sfc_main$15 = create$15({
     props: {
       modelValue: {
         type: [String, Number],
@@ -7903,7 +7936,7 @@
     setup(props, { emit }) {
       const textareaRef = vue.ref();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$W;
+        const prefixCls = componentName$X;
         return {
           [prefixCls]: true,
           [`${prefixCls}--disabled`]: props.disabled
@@ -7988,7 +8021,7 @@
     key: 0,
     class: "nut-textarea__limit"
   };
-  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -8010,7 +8043,7 @@
       _ctx.limitShow ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$L, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + vue.toDisplayString(_ctx.maxLength), 1)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$13]]);
+  var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$14]]);
   class UploadOptions {
     constructor() {
       this.url = "";
@@ -8105,8 +8138,8 @@
       this.formData = {};
     }
   }
-  const { componentName: componentName$V, create: create$13, translate: translate$i } = createComponent("uploader");
-  const _sfc_main$13 = create$13({
+  const { componentName: componentName$W, create: create$14, translate: translate$i } = createComponent("uploader");
+  const _sfc_main$14 = create$14({
     props: {
       name: { type: String, default: "file" },
       url: { type: String, default: "" },
@@ -8157,7 +8190,7 @@
       const fileList = vue.reactive(props.fileList);
       let uploadQueue = [];
       const classes = vue.computed(() => {
-        const prefixCls = componentName$V;
+        const prefixCls = componentName$W;
         return {
           [prefixCls]: true
         };
@@ -8347,15 +8380,15 @@
     class: "nut-uploader__preview-img__file"
   };
   const _hoisted_11$4 = ["onClick"];
-  const _hoisted_12$3 = { class: "tips" };
-  const _hoisted_13$1 = {
+  const _hoisted_12$4 = { class: "tips" };
+  const _hoisted_13$2 = {
     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$12(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_progress = vue.resolveComponent("nut-progress");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -8425,8 +8458,8 @@
                 vue.createTextVNode("\xA0" + vue.toDisplayString(item.name), 1)
               ], 8, _hoisted_11$4)
             ])),
-            vue.createElementVNode("view", _hoisted_12$3, vue.toDisplayString(item.name), 1)
-          ])) : _ctx.listType == "list" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$1, [
+            vue.createElementVNode("view", _hoisted_12$4, vue.toDisplayString(item.name), 1)
+          ])) : _ctx.listType == "list" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$2, [
             vue.createElementVNode("view", {
               onClick: ($event) => _ctx.fileItemClick(item),
               class: vue.normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
@@ -8482,9 +8515,9 @@
       ], 2)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$12]]);
-  const { create: create$12, translate: translate$h } = createComponent("numberkeyboard");
-  const _sfc_main$12 = create$12({
+  var Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$13]]);
+  const { create: create$13, translate: translate$h } = createComponent("numberkeyboard");
+  const _sfc_main$13 = create$13({
     props: {
       confirmText: {
         type: String,
@@ -8668,10 +8701,10 @@
   };
   const _hoisted_10$3 = { class: "key-board-wrapper" };
   const _hoisted_11$3 = /* @__PURE__ */ vue.createElementVNode("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1);
-  const _hoisted_12$2 = [
+  const _hoisted_12$3 = [
     _hoisted_11$3
   ];
-  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
       visible: _ctx.show,
@@ -8732,7 +8765,7 @@
                   onTouchstart: _cache[2] || (_cache[2] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
                   onTouchmove: _cache[3] || (_cache[3] = (event) => _ctx.onTouchMove({ id: "delete", type: "delete" }, event)),
                   onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
-                }, _hoisted_12$2, 34)
+                }, _hoisted_12$3, 34)
               ]),
               _ctx.title == "" ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
@@ -8750,7 +8783,7 @@
       _: 1
     }, 8, ["visible", "teleport", "popClass", "overlay", "isWrapTeleport"]);
   }
-  var NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$11]]);
+  var NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$12]]);
   const component$2 = {
     props: {
       modelValue: {
@@ -8881,9 +8914,9 @@
       return { validate, reset, onSubmit, formErrorTip };
     }
   };
-  const { create: create$11 } = createComponent("form");
-  const _sfc_main$11 = create$11(component$2);
-  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+  const { create: create$12 } = createComponent("form");
+  const _sfc_main$12 = create$12(component$2);
+  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_cell_group = vue.resolveComponent("nut-cell-group");
     return vue.openBlock(), vue.createElementBlock("form", {
       class: "nut-form",
@@ -8898,9 +8931,9 @@
       })
     ], 32);
   }
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$10]]);
-  const { componentName: componentName$U, create: create$10 } = createComponent("form-item");
-  const _sfc_main$10 = create$10({
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$11]]);
+  const { componentName: componentName$V, create: create$11 } = createComponent("form-item");
+  const _sfc_main$11 = create$11({
     inheritAttrs: false,
     props: {
       prop: {
@@ -8973,7 +9006,7 @@
     }
   });
   const _hoisted_1$S = { class: "nut-cell__value nut-form-item__body" };
-  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_cell = vue.resolveComponent("nut-cell");
     return vue.openBlock(), vue.createBlock(_component_nut_cell, {
       class: vue.normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
@@ -9006,9 +9039,9 @@
       _: 3
     }, 8, ["class", "style"]);
   }
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$$]]);
-  const { create: create$$ } = createComponent("oldpicker-column");
-  const _sfc_main$$ = create$$({
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$10]]);
+  const { create: create$10 } = createComponent("oldpicker-column");
+  const _sfc_main$10 = create$10({
     props: {
       dataType: String,
       itemShow: {
@@ -9190,7 +9223,7 @@
     key: 0,
     class: "nut-oldpicker-placeholder"
   };
-  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-oldpicker__list",
       onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
@@ -9227,9 +9260,9 @@
       ])
     ], 32);
   }
-  var column = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$_]]);
-  const { create: create$_, componentName: componentName$T } = createComponent("oldpicker");
-  const _sfc_main$_ = create$_({
+  var column = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$$]]);
+  const { create: create$$, componentName: componentName$U } = createComponent("oldpicker");
+  const _sfc_main$$ = create$$({
     components: {
       [column.name]: column,
       [Popup.name]: Popup
@@ -9275,7 +9308,7 @@
       let _defaultIndex = props.defaultIndex;
       let defaultIndexList = [];
       const classes = vue.computed(() => {
-        const prefixCls = componentName$T;
+        const prefixCls = componentName$U;
         return {
           [prefixCls]: true
         };
@@ -9407,7 +9440,7 @@
   const _hoisted_2$H = { class: "nut-oldpicker__title" };
   const _hoisted_3$x = { class: "nut-oldpicker__column" };
   const _hoisted_4$p = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-oldpicker__hairline" }, null, -1);
-  function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_oldpicker_column = vue.resolveComponent("nut-oldpicker-column");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -9461,9 +9494,9 @@
       }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose", "isWrapTeleport"])
     ], 2);
   }
-  var OldPicker = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$Z]]);
-  const { componentName: componentName$S, create: create$Z } = createComponent("swipe");
-  const _sfc_main$Z = create$Z({
+  var OldPicker = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$_]]);
+  const { componentName: componentName$T, create: create$_ } = createComponent("swipe");
+  const _sfc_main$_ = create$_({
     props: {
       name: {
         type: String,
@@ -9485,7 +9518,7 @@
     emits: ["open", "close"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$S;
+        const prefixCls = componentName$T;
         return {
           [prefixCls]: true
         };
@@ -9618,7 +9651,7 @@
     class: "nut-swipe__right",
     ref: "rightRef"
   };
-  function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.touchStyle),
@@ -9638,9 +9671,9 @@
       ], 512)
     ], 38);
   }
-  var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Y]]);
-  const { componentName: componentName$R, create: create$Y } = createComponent("actionsheet");
-  const _sfc_main$Y = create$Y({
+  var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$Z]]);
+  const { componentName: componentName$S, create: create$Z } = createComponent("actionsheet");
+  const _sfc_main$Z = create$Z({
     props: {
       ...popupProps,
       cancelTxt: {
@@ -9684,7 +9717,7 @@
     setup(props, { emit }) {
       const slotDefault = !!vue.useSlots().default;
       const classes = vue.computed(() => {
-        const prefixCls = componentName$R;
+        const prefixCls = componentName$S;
         return {
           [prefixCls]: true
         };
@@ -9733,7 +9766,7 @@
   const _hoisted_6$g = ["onClick"];
   const _hoisted_7$d = { key: 1 };
   const _hoisted_8$8 = { class: "subdesc" };
-  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -9781,9 +9814,9 @@
       }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
     ], 2);
   }
-  var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$X]]);
-  const { componentName: componentName$Q, create: create$X } = createComponent("backtop");
-  const _sfc_main$X = create$X({
+  var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Y]]);
+  const { componentName: componentName$R, create: create$Y } = createComponent("backtop");
+  const _sfc_main$Y = create$Y({
     props: {
       bottom: {
         type: Number,
@@ -9824,7 +9857,7 @@
         keepAlive: false
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$Q;
+        const prefixCls = componentName$R;
         return {
           [prefixCls]: true,
           show: state.backTop
@@ -9918,7 +9951,7 @@
       };
     }
   });
-  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes),
@@ -9934,9 +9967,9 @@
       ])
     ], 6);
   }
-  var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$W]]);
-  const { componentName: componentName$P, create: create$W } = createComponent("drag");
-  const _sfc_main$W = create$W({
+  var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$X]]);
+  const { componentName: componentName$Q, create: create$X } = createComponent("drag");
+  const _sfc_main$X = create$X({
     props: {
       attract: {
         type: Boolean,
@@ -9981,7 +10014,7 @@
         }
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$P;
+        const prefixCls = componentName$Q;
         return {
           [prefixCls]: true
         };
@@ -10116,7 +10149,7 @@
       };
     }
   });
-  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       ref: "myDrag",
@@ -10127,9 +10160,9 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 34);
   }
-  var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$V]]);
-  const { componentName: componentName$O, create: create$V, translate: translate$g } = createComponent("dialog");
-  const _sfc_main$V = create$V({
+  var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$W]]);
+  const { componentName: componentName$P, create: create$W, translate: translate$g } = createComponent("dialog");
+  const _sfc_main$W = create$W({
     inheritAttrs: false,
     components: {
       [Popup.name]: Popup,
@@ -10214,7 +10247,7 @@
       });
       const classes = vue.computed(() => {
         return {
-          [componentName$O]: true,
+          [componentName$P]: true,
           [props.customClass]: true
         };
       });
@@ -10263,7 +10296,7 @@
     class: "nut-dialog__header"
   };
   const _hoisted_2$E = ["innerHTML"];
-  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_button = vue.resolveComponent("nut-button");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
@@ -10335,7 +10368,7 @@
       _: 3
     }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "style", "overlay-class", "overlay-style", "onClickOverlay", "onClickCloseIcon"]);
   }
-  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$U]]);
+  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$V]]);
   class DialogOptions {
     constructor() {
       this.title = "";
@@ -10419,8 +10452,8 @@
     app.use(Dialog);
     app.config.globalProperties.$dialog = _Dialog;
   };
-  const { componentName: componentName$N, create: create$U, translate: translate$f } = createComponent("infiniteloading");
-  const _sfc_main$U = create$U({
+  const { componentName: componentName$O, create: create$V, translate: translate$f } = createComponent("infiniteloading");
+  const _sfc_main$V = create$V({
     props: {
       hasMore: {
         type: Boolean,
@@ -10482,7 +10515,7 @@
         distance: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$N;
+        const prefixCls = componentName$O;
         return {
           [prefixCls]: true
         };
@@ -10624,7 +10657,7 @@
     key: 0,
     class: "tips"
   };
-  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -10664,9 +10697,9 @@
       ])
     ], 34);
   }
-  var InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$T]]);
-  const { componentName: componentName$M, create: create$T } = createComponent("notify");
-  const _sfc_main$T = create$T({
+  var InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$U]]);
+  const { componentName: componentName$N, create: create$U } = createComponent("notify");
+  const _sfc_main$U = create$U({
     components: {
       [Popup.name]: Popup
     },
@@ -10744,7 +10777,7 @@
       return { state, hide, onAfterLeave, clickCover, visible };
     }
   });
-  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
       visible: _ctx.showPopup,
@@ -10767,7 +10800,7 @@
       _: 3
     }, 8, ["visible", "position", "isWrapTeleport"]);
   }
-  var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$S]]);
+  var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$T]]);
   const defaultOptions$1 = {
     type: "base",
     showPopup: true,
@@ -10951,8 +10984,8 @@
     if (isStopPropagation)
       event.stopPropagation();
   }
-  const { componentName: componentName$L, create: create$S } = createComponent("pullrefresh");
-  const _sfc_main$S = create$S({
+  const { componentName: componentName$M, create: create$T } = createComponent("pullrefresh");
+  const _sfc_main$T = create$T({
     props: {
       useWindow: {
         type: Boolean,
@@ -11204,7 +11237,7 @@
     class: "pullrefresh-content",
     ref: "pull"
   };
-  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-pullrefresh",
       ref: "scroller",
@@ -11225,9 +11258,9 @@
       }, vue.toDisplayString(_ctx.refreshBottomTem), 7)
     ], 36);
   }
-  var PullRefresh = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$R]]);
-  const { componentName: componentName$K, create: create$R } = createComponent("switch");
-  const _sfc_main$R = create$R({
+  var PullRefresh = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$S]]);
+  const { componentName: componentName$L, create: create$S } = createComponent("switch");
+  const _sfc_main$S = create$S({
     props: {
       modelValue: {
         type: [String, Number, Boolean],
@@ -11282,7 +11315,7 @@
     setup(props, { emit }) {
       const isActive = vue.computed(() => props.modelValue === props.activeValue);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$K;
+        const prefixCls = componentName$L;
         return {
           [prefixCls]: true,
           [isActive.value ? "switch-open" : "switch-close"]: true,
@@ -11295,14 +11328,22 @@
           backgroundColor: isActive.value ? props.activeColor : props.inactiveColor
         };
       });
+      let updateType = "";
       const onClick = (event) => {
         if (props.disable || props.loading)
           return;
         const value = isActive.value ? props.inactiveValue : props.activeValue;
+        updateType = "click";
         emit("update:modelValue", value);
-        emit("update:loading");
         emit("change", value, event);
       };
+      vue.watch(() => props.modelValue, (v) => {
+        if (updateType == "click") {
+          updateType = "";
+        } else {
+          emit("change", v);
+        }
+      });
       return {
         classes,
         style,
@@ -11311,7 +11352,7 @@
     }
   });
   const _hoisted_1$K = { class: "switch-button" };
-  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -11336,11 +11377,11 @@
       ])
     ], 6);
   }
-  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$Q]]);
-  const { create: create$Q } = createComponent("toast");
-  const _sfc_main$Q = create$Q({
+  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$R]]);
+  const { create: create$R } = createComponent("toast");
+  const _sfc_main$R = create$R({
     components: {
-      [_sfc_main$1O.name]: _sfc_main$1O
+      [_sfc_main$1P.name]: _sfc_main$1P
     },
     props: {
       id: String,
@@ -11481,7 +11522,7 @@
     class: "nut-toast-title"
   };
   const _hoisted_3$t = ["innerHTML"];
-  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: "toast-fade",
@@ -11523,7 +11564,7 @@
       _: 1
     }, 8, ["onAfterLeave"]);
   }
-  var Toast = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$P]]);
+  var Toast = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$Q]]);
   const defaultOptions = {
     msg: "",
     id: "",
@@ -11641,8 +11682,8 @@
       app.config.globalProperties.$toast = ToastFunction;
     }
   };
-  const { componentName: componentName$J, create: create$P } = createComponent("audio");
-  const _sfc_main$P = create$P({
+  const { componentName: componentName$K, create: create$Q } = createComponent("audio");
+  const _sfc_main$Q = create$Q({
     props: {
       url: {
         type: String,
@@ -11833,7 +11874,7 @@
     class: "nut-audio-icon"
   };
   const _hoisted_8$7 = ["controls", "src", "preload", "autoplay", "loop", "muted"];
-  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_range = vue.resolveComponent("nut-range");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
@@ -11893,9 +11934,9 @@
       }, null, 40, _hoisted_8$7)
     ]);
   }
-  var Audio = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$O]]);
-  const { componentName: componentName$I, create: create$O, translate: translate$e } = createComponent("audio-operate");
-  const _sfc_main$O = create$O({
+  var Audio = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$P]]);
+  const { componentName: componentName$J, create: create$P, translate: translate$e } = createComponent("audio-operate");
+  const _sfc_main$P = create$P({
     props: {
       type: {
         type: String,
@@ -11915,7 +11956,7 @@
   });
   const _hoisted_1$H = { class: "nut-audio-operate" };
   const _hoisted_2$A = /* @__PURE__ */ vue.createTextVNode("\u5FEB\u8FDB");
-  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_button = vue.resolveComponent("nut-button");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
       _ctx.type == "back" ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -11988,9 +12029,9 @@
       ])) : vue.createCommentVNode("", true)
     ]);
   }
-  var AudioOperate = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$N]]);
-  const { componentName: componentName$H, create: create$N } = createComponent("avatar");
-  const _sfc_main$N = create$N({
+  var AudioOperate = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$O]]);
+  const { componentName: componentName$I, create: create$O } = createComponent("avatar");
+  const _sfc_main$O = create$O({
     props: {
       size: {
         type: String,
@@ -12044,7 +12085,7 @@
       });
       const classes = vue.computed(() => {
         var _a, _b;
-        const prefixCls = componentName$H;
+        const prefixCls = componentName$I;
         return {
           [prefixCls]: true,
           [`nut-avatar-${size.value || ((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.size) || "normal"}`]: true,
@@ -12118,7 +12159,7 @@
     key: 1,
     class: "text"
   };
-  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return _ctx.showMax || !((_b = (_a = _ctx.avatarGroup) == null ? void 0 : _a.props) == null ? void 0 : _b.maxCount) || _ctx.index <= ((_d = (_c = _ctx.avatarGroup) == null ? void 0 : _c.props) == null ? void 0 : _d.maxCount) ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -12146,9 +12187,9 @@
       _ctx.showMax ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$r, vue.toDisplayString(((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : `+ ${_ctx.maxIndex - ((_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount)}`), 1)) : vue.createCommentVNode("", true)
     ], 6)) : vue.createCommentVNode("", true);
   }
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$M]]);
-  const { componentName: componentName$G, create: create$M } = createComponent("avatar-group");
-  const _sfc_main$M = create$M({
+  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$N]]);
+  const { componentName: componentName$H, create: create$N } = createComponent("avatar-group");
+  const _sfc_main$N = create$N({
     props: {
       maxContent: {
         type: String,
@@ -12188,7 +12229,7 @@
       const avatarGroupRef = vue.ref(null);
       const index = vue.ref(0);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$G;
+        const prefixCls = componentName$H;
         return {
           [prefixCls]: true
         };
@@ -12206,7 +12247,7 @@
       };
     }
   });
-  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       ref: "avatarGroupRef"
@@ -12214,9 +12255,9 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var AvatarGroup = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$L]]);
-  const { componentName: componentName$F, create: create$L } = createComponent("list");
-  const _sfc_main$L = create$L({
+  var AvatarGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$M]]);
+  const { componentName: componentName$G, create: create$M } = createComponent("list");
+  const _sfc_main$M = create$M({
     props: {
       height: {
         type: [Number],
@@ -12251,7 +12292,7 @@
         return `translate3d(0, ${state.startOffset}px, 0)`;
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$F;
+        const prefixCls = componentName$G;
         return {
           [prefixCls]: true
         };
@@ -12286,7 +12327,7 @@
       };
     }
   });
-  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       onScrollPassive: _cache[0] || (_cache[0] = (...args) => _ctx.handleScrollEvent && _ctx.handleScrollEvent(...args)),
@@ -12315,9 +12356,9 @@
       ], 4)
     ], 34);
   }
-  var List = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$K]]);
-  const { create: create$K } = createComponent("progress");
-  const _sfc_main$K = create$K({
+  var List = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$L]]);
+  const { create: create$L } = createComponent("progress");
+  const _sfc_main$L = create$L({
     props: {
       percentage: {
         type: [Number, String],
@@ -12398,7 +12439,7 @@
     }
   });
   const _hoisted_1$F = { class: "nut-progress" };
-  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
       vue.createElementVNode("div", {
@@ -12456,9 +12497,9 @@
       ], 4)) : vue.createCommentVNode("", true)
     ]);
   }
-  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$J]]);
-  const { componentName: componentName$E, create: create$J } = createComponent("circleprogress");
-  const _sfc_main$J = create$J({
+  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$K]]);
+  const { componentName: componentName$F, create: create$K } = createComponent("circleprogress");
+  const _sfc_main$K = create$K({
     props: {
       progress: {
         type: [Number, String],
@@ -12493,7 +12534,7 @@
       const slotDefault = !!vue.useSlots().default;
       const refRandomId = Math.random().toString(36).slice(-8);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$E;
+        const prefixCls = componentName$F;
         return {
           [prefixCls]: true
         };
@@ -12555,7 +12596,7 @@
   const _hoisted_5$e = ["d", "stroke", "stroke-linecap", "stroke-width"];
   const _hoisted_6$d = { class: "nut-circleprogress-text" };
   const _hoisted_7$a = { key: 0 };
-  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle({ height: _ctx.radius * 2 + "px", width: _ctx.radius * 2 + "px" })
@@ -12601,9 +12642,9 @@
       ])
     ], 6);
   }
-  var CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$I]]);
-  const { componentName: componentName$D, create: create$I } = createComponent("noticebar");
-  const _sfc_main$I = create$I({
+  var CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$J]]);
+  const { componentName: componentName$E, create: create$J } = createComponent("noticebar");
+  const _sfc_main$J = create$J({
     props: {
       direction: {
         type: String,
@@ -12688,7 +12729,7 @@
         isCanScroll: null
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$D;
+        const prefixCls = componentName$E;
         return {
           [prefixCls]: true
         };
@@ -12879,7 +12920,7 @@
     class: "wrap"
   };
   const _hoisted_2$x = ["onClick"];
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_ScrollItem = vue.resolveComponent("ScrollItem");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -12978,14 +13019,14 @@
       ], 4)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$H]]);
-  const { componentName: componentName$C, create: create$H, translate: translate$d } = createComponent("empty");
+  var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$I]]);
+  const { componentName: componentName$D, create: create$I, translate: translate$d } = createComponent("empty");
   const defaultStatus = {
     empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const _sfc_main$H = create$H({
+  const _sfc_main$I = create$I({
     props: {
       image: {
         type: String,
@@ -13026,7 +13067,7 @@
     key: 1,
     class: "nut-empty-description"
   };
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$C, [
       vue.createElementVNode("view", {
         class: "nut-empty-image",
@@ -13044,9 +13085,9 @@
       _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("", true)
     ]);
   }
-  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$G]]);
-  const { create: create$G, translate: translate$c } = createComponent("video");
-  const _sfc_main$G = create$G({
+  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$H]]);
+  const { create: create$H, translate: translate$c } = createComponent("video");
+  const _sfc_main$H = create$H({
     props: {
       source: {
         type: Object,
@@ -13291,8 +13332,8 @@
   };
   const _hoisted_10$2 = { class: "duration-time" };
   const _hoisted_11$2 = { class: "nut-video-error" };
-  const _hoisted_12$1 = { class: "lose" };
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_12$2 = { class: "lose" };
+  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
       vue.createElementVNode("video", {
         ref: "root",
@@ -13363,7 +13404,7 @@
         [vue.vShow, _ctx.showToolbox && !_ctx.isDisabled]
       ]),
       vue.withDirectives(vue.createElementVNode("div", _hoisted_11$2, [
-        vue.createElementVNode("p", _hoisted_12$1, vue.toDisplayString(_ctx.translate("errorTip")), 1),
+        vue.createElementVNode("p", _hoisted_12$2, vue.toDisplayString(_ctx.translate("errorTip")), 1),
         vue.createElementVNode("p", {
           class: "retry",
           onClick: _cache[9] || (_cache[9] = (...args) => _ctx.retry && _ctx.retry(...args))
@@ -13373,9 +13414,9 @@
       ])
     ], 512);
   }
-  var Video = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$F]]);
-  const { create: create$F, componentName: componentName$B } = createComponent("steps");
-  const _sfc_main$F = create$F({
+  var Video = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$G]]);
+  const { create: create$G, componentName: componentName$C } = createComponent("steps");
+  const _sfc_main$G = create$G({
     props: {
       direction: {
         type: String,
@@ -13396,7 +13437,7 @@
         children: []
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$B;
+        const prefixCls = componentName$C;
         return {
           [prefixCls]: true,
           [`${prefixCls}-${props.direction}`]: true,
@@ -13423,8 +13464,8 @@
       };
     }
   });
-  const { create: create$E, componentName: componentName$A } = createComponent("step");
-  const _sfc_main$E = create$E({
+  const { create: create$F, componentName: componentName$B } = createComponent("step");
+  const _sfc_main$F = create$F({
     props: {
       title: {
         type: String,
@@ -13466,7 +13507,7 @@
         return getCurrentStatus();
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$A;
+        const prefixCls = componentName$B;
         return {
           [prefixCls]: true,
           [`${prefixCls}-${status.value}`]: true
@@ -13497,7 +13538,7 @@
     class: "nut-step-content"
   };
   const _hoisted_8$5 = ["innerHTML"];
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -13532,7 +13573,7 @@
       ])
     ], 2);
   }
-  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E]]);
+  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F]]);
   const DISTANCE = 5;
   function useTouch() {
     const state = vue.reactive({
@@ -13581,8 +13622,8 @@
       move
     };
   }
-  const { create: create$D, componentName: componentName$z } = createComponent("swiper");
-  const _sfc_main$D = create$D({
+  const { create: create$E, componentName: componentName$A } = createComponent("swiper");
+  const _sfc_main$E = create$E({
     props: {
       width: {
         type: [Number, String],
@@ -13631,6 +13672,10 @@
       isStopPropagation: {
         type: Boolean,
         default: true
+      },
+      isCenter: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["change"],
@@ -13652,7 +13697,7 @@
       });
       const touch = useTouch();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$z;
+        const prefixCls = componentName$A;
         return {
           [prefixCls]: true
         };
@@ -13676,9 +13721,16 @@
       });
       const activePagination = vue.computed(() => (state.active + childCount.value) % childCount.value);
       const getStyle = () => {
+        let offset2 = 0;
+        if (!props.isCenter) {
+          offset2 = state.offset;
+        } else {
+          let val = isVertical.value ? state.rect.height - size.value : state.rect.width - size.value;
+          offset2 = state.offset + (state.active === childCount.value - 1 ? -val / 2 : val / 2);
+        }
         state.style = {
           transitionDuration: `${state.moving ? 0 : props.duration}ms`,
-          transform: `translate${isVertical.value ? "Y" : "X"}(${state.offset}px)`,
+          transform: `translate${isVertical.value ? "Y" : "X"}(${offset2}px)`,
           [isVertical.value ? "height" : "width"]: `${size.value * childCount.value}px`,
           [isVertical.value ? "width" : "height"]: `${isVertical.value ? state.width : state.height}px`
         };
@@ -13922,7 +13974,7 @@
         state,
         classes,
         container,
-        componentName: componentName$z,
+        componentName: componentName$A,
         isVertical,
         slots,
         activePagination,
@@ -13932,7 +13984,7 @@
       };
     }
   });
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       ref: "container",
       class: vue.normalizeClass(_ctx.classes),
@@ -13970,9 +14022,9 @@
       ], 2)) : vue.createCommentVNode("", true)
     ], 34);
   }
-  var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D]]);
-  const { create: create$C, componentName: componentName$y } = createComponent("swiper-item");
-  const _sfc_main$C = create$C({
+  var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E]]);
+  const { create: create$D, componentName: componentName$z } = createComponent("swiper-item");
+  const _sfc_main$D = create$D({
     setup(props, { slots }) {
       const parent = vue.inject("parent");
       parent["relation"](vue.getCurrentInstance());
@@ -13980,7 +14032,7 @@
         offset: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$y;
+        const prefixCls = componentName$z;
         return {
           [prefixCls]: true
         };
@@ -14009,7 +14061,7 @@
       };
     }
   });
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.style)
@@ -14017,9 +14069,9 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$C]]);
-  const { componentName: componentName$x, create: create$B } = createComponent("price");
-  const _sfc_main$B = create$B({
+  var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D]]);
+  const { componentName: componentName$y, create: create$C } = createComponent("price");
+  const _sfc_main$C = create$C({
     props: {
       price: {
         type: [Number, String],
@@ -14053,7 +14105,7 @@
     setup(props) {
       const classes = vue.computed(() => {
         return {
-          [componentName$x]: true
+          [componentName$y]: true
         };
       });
       const showSymbol = vue.computed(() => {
@@ -14104,7 +14156,7 @@
   });
   const _hoisted_1$z = ["innerHTML"];
   const _hoisted_2$t = ["innerHTML"];
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -14130,9 +14182,9 @@
       }, null, 10, _hoisted_2$t)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var Price = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B]]);
-  const { componentName: componentName$w, create: create$A } = createComponent("imagepreviewitem");
-  const _sfc_main$A = create$A({
+  var Price = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$C]]);
+  const { componentName: componentName$x, create: create$B } = createComponent("imagepreviewitem");
+  const _sfc_main$B = create$B({
     props: {
       show: {
         type: Boolean,
@@ -14176,7 +14228,7 @@
       [Video.name]: Video,
       [Swiper.name]: Swiper,
       [SwiperItem.name]: SwiperItem,
-      [_sfc_main$1O.name]: _sfc_main$1O
+      [_sfc_main$1P.name]: _sfc_main$1P
     },
     setup(props, { emit }) {
       const state = vue.reactive({
@@ -14371,7 +14423,7 @@
     key: 1,
     class: "nut-imagepreview-box"
   };
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_video = vue.resolveComponent("nut-video");
     const _component_nut_swiper_item = vue.resolveComponent("nut-swiper-item");
     return vue.openBlock(), vue.createBlock(_component_nut_swiper_item, {
@@ -14402,9 +14454,9 @@
       _: 1
     }, 8, ["onTouchstart", "onTouchmove", "onTouchend", "onTouchcancel"]);
   }
-  var ImagePreviewItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A]]);
-  const { componentName: componentName$v, create: create$z } = createComponent("imagepreview");
-  const _sfc_main$z = create$z({
+  var ImagePreviewItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B]]);
+  const { componentName: componentName$w, create: create$A } = createComponent("imagepreview");
+  const _sfc_main$A = create$A({
     props: {
       show: {
         type: Boolean,
@@ -14474,7 +14526,7 @@
       [Video.name]: Video,
       [Swiper.name]: Swiper,
       [SwiperItem.name]: SwiperItem,
-      [_sfc_main$1O.name]: _sfc_main$1O,
+      [_sfc_main$1P.name]: _sfc_main$1P,
       ImagePreviewItem
     },
     setup(props, { emit }) {
@@ -14557,7 +14609,7 @@
     key: 0,
     class: "nut-imagepreview-index"
   };
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_image_preview_item = vue.resolveComponent("image-preview-item");
     const _component_nut_swiper = vue.resolveComponent("nut-swiper");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -14629,7 +14681,7 @@
       _: 1
     }, 8, ["visible", "isWrapTeleport", "onClick"]);
   }
-  var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z]]);
+  var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A]]);
   class ImagePreviewOptions {
     constructor() {
       this.show = false;
@@ -14683,8 +14735,8 @@
       Object.assign(instance.proxy, apis);
     }
   }
-  const { componentName: componentName$u, create: create$y } = createComponent("countup");
-  const _sfc_main$y = create$y({
+  const { componentName: componentName$v, create: create$z } = createComponent("countup");
+  const _sfc_main$z = create$z({
     props: {
       initNum: {
         type: Number,
@@ -15111,7 +15163,7 @@
   });
   const _hoisted_1$w = { class: "nut-countup" };
   const _hoisted_2$q = ["turn-number"];
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$w, [
       _ctx.customBgImg != "" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
         _ctx.type == "machine" ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -15215,7 +15267,7 @@
       ], 64))
     ]);
   }
-  var CountUp = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y]]);
+  var CountUp = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z]]);
   const padZero = (num, length = 2) => {
     num += "";
     while (num.length < length) {
@@ -15230,8 +15282,8 @@
     t = t > 0 ? +t : t.toString().replace(/\-/g, "/");
     return new Date(t).getTime();
   };
-  const { componentName: componentName$t, create: create$x, translate: translate$b } = createComponent("countdown");
-  const _sfc_main$x = create$x({
+  const { componentName: componentName$u, create: create$y, translate: translate$b } = createComponent("countdown");
+  const _sfc_main$y = create$y({
     props: {
       modelValue: {
         type: Object,
@@ -15284,7 +15336,7 @@
         diffTime: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$t;
+        const prefixCls = componentName$u;
         return {
           [prefixCls]: true
         };
@@ -15440,7 +15492,7 @@
     }
   });
   const _hoisted_1$v = ["innerHTML"];
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -15451,9 +15503,9 @@
       }, null, 8, _hoisted_1$v))
     ], 2);
   }
-  var CountDown = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x]]);
-  const { create: create$w } = createComponent("badge");
-  const _sfc_main$w = create$w({
+  var CountDown = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y]]);
+  const { create: create$x } = createComponent("badge");
+  const _sfc_main$x = create$x({
     props: {
       value: {
         type: [String, Number]
@@ -15517,7 +15569,7 @@
   const _hoisted_1$u = { class: "nut-badge" };
   const _hoisted_2$p = { class: "slot-icons" };
   const _hoisted_3$m = ["textContent"];
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$u, [
       vue.createElementVNode("view", _hoisted_2$p, [
         vue.renderSlot(_ctx.$slots, "icons")
@@ -15532,9 +15584,9 @@
       ])
     ]);
   }
-  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w]]);
-  const { componentName: componentName$s, create: create$v } = createComponent("tag");
-  const _sfc_main$v = create$v({
+  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x]]);
+  const { componentName: componentName$t, create: create$w } = createComponent("tag");
+  const _sfc_main$w = create$w({
     props: {
       color: { type: String, default: "" },
       textColor: { type: String, default: "" },
@@ -15563,7 +15615,7 @@
     setup(props, { emit }) {
       const { type, color, plain, round: round2, mark, textColor } = vue.toRefs(props);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$s;
+        const prefixCls = componentName$t;
         return {
           [prefixCls]: true,
           [`${prefixCls}--${type.value}`]: type.value,
@@ -15607,7 +15659,7 @@
       };
     }
   });
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -15624,7 +15676,7 @@
       }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
     ], 6);
   }
-  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v]]);
+  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w]]);
   function getWindow(node) {
     if (node == null) {
       return window;
@@ -16393,8 +16445,8 @@
     requires: ["popperOffsets"],
     fn: offset
   };
-  const { componentName: componentName$r, create: create$u } = createComponent("popover");
-  const _sfc_main$u = create$u({
+  const { componentName: componentName$s, create: create$v } = createComponent("popover");
+  const _sfc_main$v = create$v({
     inheritAttrs: false,
     components: {
       [Popup.name]: Popup,
@@ -16435,7 +16487,7 @@
       const showPopup = vue.ref(props.visible);
       const { theme, location: location2 } = vue.toRefs(props);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$r;
+        const prefixCls = componentName$s;
         return `${prefixCls} ${prefixCls}--${theme.value}`;
       });
       const popoverContent = vue.computed(() => {
@@ -16545,7 +16597,7 @@
   });
   const _hoisted_1$t = ["onClick"];
   const _hoisted_2$o = { class: "popover-menu-name" };
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -16596,7 +16648,7 @@
       }, 8, ["pop-class", "visible", "onClickOverlay"])
     ], 64);
   }
-  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u]]);
+  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v]]);
   const component$1 = {
     props: {
       width: {
@@ -16678,8 +16730,8 @@
       };
     }
   };
-  const { create: create$t } = createComponent("skeleton");
-  const _sfc_main$t = create$t(component$1);
+  const { create: create$u } = createComponent("skeleton");
+  const _sfc_main$u = create$u(component$1);
   const _hoisted_1$s = { key: 0 };
   const _hoisted_2$n = {
     key: 1,
@@ -16695,7 +16747,7 @@
     key: 0,
     class: "title"
   };
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_avatar = vue.resolveComponent("nut-avatar");
     return !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$s, [
       vue.renderSlot(_ctx.$slots, "default")
@@ -16727,9 +16779,9 @@
       ])
     ]));
   }
-  var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t]]);
-  const { create: create$s } = createComponent("collapse");
-  const _sfc_main$s = create$s({
+  var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u]]);
+  const { create: create$t } = createComponent("collapse");
+  const _sfc_main$t = create$t({
     props: {
       active: {
         type: [String, Number, Array]
@@ -16827,14 +16879,14 @@
     }
   });
   const _hoisted_1$r = { ref: "collapseDom" };
-  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$r, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 512);
   }
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s]]);
-  const { create: create$r, componentName: componentName$q } = createComponent("collapse-item");
-  const _sfc_main$r = create$r({
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t]]);
+  const { create: create$s, componentName: componentName$r } = createComponent("collapse-item");
+  const _sfc_main$s = create$s({
     props: {
       title: {
         type: String,
@@ -16861,7 +16913,7 @@
       const collapse = vue.inject("collapseParent");
       const parent = vue.reactive(collapse);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$q;
+        const prefixCls = componentName$r;
         return {
           [prefixCls]: true,
           [`${prefixCls}-icon`]: parent.props.icon
@@ -17024,7 +17076,7 @@
     class: "collapse-wrapper",
     ref: "wrapperRef"
   };
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -17082,7 +17134,7 @@
       ], 512)
     ], 2);
   }
-  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r]]);
+  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s]]);
   var RenderColumn = {
     setup(props) {
       return () => vue.h(`view`, {}, props.slots[0] ? props.slots[0](props.record) : props.slots[1](props.record));
@@ -17169,8 +17221,8 @@
       }
     };
   };
-  const { componentName: componentName$p, create: create$q, translate: translate$a } = createComponent("table");
-  const _sfc_main$q = create$q(component(componentName$p, translate$a));
+  const { componentName: componentName$q, create: create$r, translate: translate$a } = createComponent("table");
+  const _sfc_main$r = create$r(component(componentName$q, translate$a));
   const _hoisted_1$p = { class: "nut-table__main__head" };
   const _hoisted_2$l = { class: "nut-table__main__head__tr" };
   const _hoisted_3$j = ["onClick"];
@@ -17189,7 +17241,7 @@
     key: 0,
     class: "nut-table__nodata__text"
   };
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_RenderColumn = vue.resolveComponent("RenderColumn");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -17255,9 +17307,9 @@
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
-  const { componentName: componentName$o, create: create$p } = createComponent("animate");
-  const _sfc_main$p = create$p({
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r]]);
+  const { componentName: componentName$p, create: create$q } = createComponent("animate");
+  const _sfc_main$q = create$q({
     props: {
       type: {
         type: String,
@@ -17279,7 +17331,7 @@
         clicked: false
       });
       let classes = vue.computed(() => {
-        const prefixCls = componentName$o;
+        const prefixCls = componentName$p;
         return {
           "nut-ani-container": true,
           [`${prefixCls}-${type.value}`]: action.value === "initial" || state.clicked ? type.value : false,
@@ -17299,7 +17351,7 @@
     }
   });
   const _hoisted_1$o = { class: "nut-animate" };
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$o, [
       vue.createElementVNode("view", {
         class: vue.normalizeClass(_ctx.classes),
@@ -17309,9 +17361,9 @@
       ], 2)
     ]);
   }
-  var Animate = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
-  const { componentName: componentName$n, create: create$o } = createComponent("ellipsis");
-  const _sfc_main$o = create$o({
+  var Animate = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
+  const { componentName: componentName$o, create: create$p } = createComponent("ellipsis");
+  const _sfc_main$p = create$p({
     props: {
       content: {
         type: String,
@@ -17349,7 +17401,7 @@
         expanded: false
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$n;
+        const prefixCls = componentName$o;
         return {
           [prefixCls]: true
         };
@@ -17479,7 +17531,7 @@
   const _hoisted_1$n = { key: 0 };
   const _hoisted_2$k = { key: 1 };
   const _hoisted_3$i = { key: 2 };
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
@@ -17505,7 +17557,184 @@
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var Ellipsis = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o]]);
+  var Ellipsis = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
+  const { componentName: componentName$n, create: create$o } = createComponent("watermark");
+  const _sfc_main$o = create$o({
+    props: {
+      name: {
+        type: String,
+        default: ""
+      },
+      gapY: {
+        type: Number,
+        default: 48
+      },
+      gapX: {
+        type: Number,
+        default: 24
+      },
+      zIndex: {
+        type: Number,
+        default: 2e3
+      },
+      width: {
+        type: Number,
+        default: 120
+      },
+      height: {
+        type: Number,
+        default: 64
+      },
+      rotate: {
+        type: Number,
+        default: -22
+      },
+      image: {
+        type: String,
+        default: ""
+      },
+      imageWidth: {
+        type: Number,
+        default: 120
+      },
+      imageHeight: {
+        type: Number,
+        default: 64
+      },
+      content: {
+        type: String,
+        default: ""
+      },
+      fontColor: {
+        type: String,
+        default: "rgba(0,0,0,.15)"
+      },
+      fontStyle: {
+        type: String,
+        default: "normal"
+      },
+      fontFamily: {
+        type: String,
+        default: "PingFang SC"
+      },
+      fontWeight: {
+        type: String,
+        default: "normal"
+      },
+      fontSize: {
+        type: [String, Number],
+        default: 14
+      },
+      fullPage: {
+        type: Boolean,
+        default: ""
+      }
+    },
+    emits: ["click"],
+    setup(props, { emit }) {
+      const state = vue.reactive({
+        base64Url: ""
+      });
+      const {
+        zIndex,
+        gapX,
+        gapY,
+        width,
+        height,
+        rotate,
+        image,
+        imageWidth,
+        imageHeight,
+        content,
+        fontStyle,
+        fontWeight,
+        fontColor,
+        fontSize,
+        fontFamily
+      } = props;
+      const init = () => {
+        const canvas = document.createElement("canvas");
+        const ratio = window.devicePixelRatio;
+        console.log(ratio);
+        const ctx = canvas.getContext("2d");
+        const canvasWidth = `${(gapX + width) * ratio}px`;
+        const canvasHeight = `${(gapY + height) * ratio}px`;
+        const markWidth = width * ratio;
+        const markHeight = height * ratio;
+        canvas.setAttribute("width", canvasWidth);
+        canvas.setAttribute("height", canvasHeight);
+        if (ctx) {
+          if (image) {
+            ctx.translate(markWidth / 2, markHeight / 2);
+            ctx.rotate(Math.PI / 180 * Number(rotate));
+            const img = new Image();
+            img.crossOrigin = "anonymous";
+            img.referrerPolicy = "no-referrer";
+            img.src = image;
+            img.onload = () => {
+              ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
+              ctx.restore();
+              state.base64Url = canvas.toDataURL();
+              console.log(state.base64Url);
+            };
+          } else if (content) {
+            ctx.textBaseline = "middle";
+            ctx.textAlign = "center";
+            ctx.translate(markWidth / 2, markHeight / 2);
+            ctx.rotate(Math.PI / 180 * Number(rotate));
+            const markSize = Number(fontSize) * ratio;
+            ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
+            ctx.fillStyle = fontColor;
+            ctx.fillText(content, 0, 0);
+            ctx.restore();
+            state.base64Url = canvas.toDataURL();
+            console.log(state.base64Url);
+          }
+        } else {
+          throw new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas");
+        }
+      };
+      init();
+      vue.watch(() => [
+        zIndex,
+        gapX,
+        gapY,
+        width,
+        height,
+        rotate,
+        image,
+        imageWidth,
+        imageHeight,
+        content,
+        fontStyle,
+        fontWeight,
+        fontColor,
+        fontSize,
+        fontFamily
+      ], () => {
+        init();
+      });
+      const classes = vue.computed(() => {
+        const prefixCls = componentName$n;
+        return {
+          [prefixCls]: true,
+          [`${prefixCls}-full-page`]: props.fullPage
+        };
+      });
+      return { ...vue.toRefs(state), classes };
+    }
+  });
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("view", {
+      class: vue.normalizeClass(_ctx.classes),
+      style: vue.normalizeStyle({
+        zIndex: _ctx.zIndex,
+        backgroundSize: `${_ctx.gapX + _ctx.width}px`,
+        backgroundImage: `url('${_ctx.base64Url}')`
+      })
+    }, null, 6);
+  }
+  var WaterMark = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o]]);
   const { componentName: componentName$m, create: create$n, translate: translate$9 } = createComponent("address");
   const _sfc_main$n = create$n({
     inheritAttrs: false,
@@ -17880,8 +18109,8 @@
     class: "region-tab",
     ref: "tabRegion"
   };
-  const _hoisted_12 = ["onClick"];
-  const _hoisted_13 = { class: "elevator-group" };
+  const _hoisted_12$1 = ["onClick"];
+  const _hoisted_13$1 = { class: "elevator-group" };
   const _hoisted_14 = {
     key: 2,
     class: "exist-address"
@@ -17986,7 +18215,7 @@
                   onClick: ($event) => _ctx.changeRegionTab(item, key, index)
                 }, [
                   vue.createElementVNode("view", null, vue.toDisplayString(_ctx.getTabName(item, index)), 1)
-                ], 10, _hoisted_12);
+                ], 10, _hoisted_12$1);
               }), 128)),
               vue.createElementVNode("view", {
                 class: "region-tab-line",
@@ -17994,7 +18223,7 @@
                 style: vue.normalizeStyle({ left: _ctx.lineDistance + "px" })
               }, null, 4)
             ], 512),
-            vue.createElementVNode("view", _hoisted_13, [
+            vue.createElementVNode("view", _hoisted_13$1, [
               vue.createVNode(_component_nut_elevator, {
                 height: _ctx.height,
                 "index-list": _ctx.regionList[_ctx.tabName[_ctx.tabIndex]],
@@ -19961,8 +20190,8 @@
       }
     },
     setup(props, { emit }) {
-      const onChange = () => {
-        emit("onChange");
+      const onChange = (sku) => {
+        emit("onChange", sku);
       };
       return {
         onChange
@@ -19979,19 +20208,21 @@
     key: 0,
     class: "nut-categorypane__childItemList"
   };
-  const _hoisted_5$2 = ["src"];
-  const _hoisted_6$1 = { class: "nut-categorypane__skuImg" };
-  const _hoisted_7 = {
+  const _hoisted_5$2 = ["onClick"];
+  const _hoisted_6$1 = ["src"];
+  const _hoisted_7 = { class: "nut-categorypane__skuImg" };
+  const _hoisted_8 = {
     key: 1,
     class: "nut-categorypane__cateListRight"
   };
-  const _hoisted_8 = { class: "nut-categorypane__childTitle" };
-  const _hoisted_9 = {
+  const _hoisted_9 = { class: "nut-categorypane__childTitle" };
+  const _hoisted_10 = {
     key: 0,
     class: "nut-categorypane__childItemList"
   };
-  const _hoisted_10 = { class: "nut-categorypane__skuName" };
-  const _hoisted_11 = {
+  const _hoisted_11 = ["onClick"];
+  const _hoisted_12 = { class: "nut-categorypane__skuName" };
+  const _hoisted_13 = {
     key: 2,
     class: "nut-categorypane__selfItemList"
   };
@@ -20006,43 +20237,43 @@
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "nut-categorypane__childItem",
                   key,
-                  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
+                  onClick: ($event) => _ctx.onChange(sku)
                 }, [
                   vue.createElementVNode("img", {
                     class: "nut-categorypane__childImg",
                     src: sku.backImg
-                  }, null, 8, _hoisted_5$2),
-                  vue.createElementVNode("div", _hoisted_6$1, vue.toDisplayString(sku.catName), 1)
-                ]);
+                  }, null, 8, _hoisted_6$1),
+                  vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(sku.catName), 1)
+                ], 8, _hoisted_5$2);
               }), 128))
             ])) : vue.createCommentVNode("", true)
           ]);
         }), 128))
       ])) : vue.createCommentVNode("", true),
-      _ctx.type == "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+      _ctx.type == "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.categoryChild, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-            vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(item.catName), 1),
-            item.catType == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+            vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(item.catName), 1),
+            item.catType == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.childCateList, (sku, key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "nut-categorypane__childItem",
                   key,
-                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onChange())
+                  onClick: ($event) => _ctx.onChange(sku)
                 }, [
-                  vue.createElementVNode("div", _hoisted_10, vue.toDisplayString(sku.catName), 1)
-                ]);
+                  vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(sku.catName), 1)
+                ], 8, _hoisted_11);
               }), 128))
             ])) : vue.createCommentVNode("", true)
           ]);
         }), 128))
       ])) : vue.createCommentVNode("", true),
-      _ctx.type == "custom" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+      _ctx.type == "custom" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.customCategory, (sku, key) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "nut-categorypane__skuName",
             key,
-            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onChange())
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
           }, vue.toDisplayString(sku.catName), 1);
         }), 128))
       ])) : vue.createCommentVNode("", true)
@@ -20480,7 +20711,7 @@
   }
   var Comment = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
   function install(app) {
-    const packages = [Button, Cell, CellGroup, _sfc_main$1O, OverLay, Popup, _sfc_main$1I, Image, _sfc_main$1G, Col, Row, _sfc_main$1D, Divider, _sfc_main$1B, GridItem, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SideNavBarItem, SubSideNavBar, Range, SearchBar, Cascader, Calendar, _sfc_main$1f, _sfc_main$1e, DatePicker, InputNumber, Input, _sfc_main$18, _sfc_main$17, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, NumberKeyboard, Form, FormItem, OldPicker, Swipe, ActionSheet, BackTop, Drag, _Dialog, InfiniteLoading, NotifyFunction, PullRefresh, Switch, ToastFunction, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, NoticeBar, Empty, Video, _sfc_main$F, Step, Swiper, SwiperItem, Price, _ImagePreview, CountUp, CountDown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment];
+    const packages = [Button, Cell, CellGroup, _sfc_main$1P, OverLay, Popup, _sfc_main$1J, Image$1, _sfc_main$1H, Col, Row, _sfc_main$1E, Divider, _sfc_main$1C, GridItem, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SideNavBarItem, SubSideNavBar, Range, SearchBar, Cascader, Calendar, _sfc_main$1g, _sfc_main$1f, DatePicker, InputNumber, Input, _sfc_main$19, _sfc_main$18, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, NumberKeyboard, Form, FormItem, OldPicker, Swipe, ActionSheet, BackTop, Drag, _Dialog, InfiniteLoading, NotifyFunction, PullRefresh, Switch, ToastFunction, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, NoticeBar, Empty, Video, _sfc_main$G, Step, Swiper, SwiperItem, Price, _ImagePreview, CountUp, CountDown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, WaterMark, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment];
     packages.forEach((item) => {
       if (item.install) {
         app.use(item);
@@ -20489,7 +20720,7 @@
       }
     });
   }
-  const version = "3.1.23-beta.1";
+  const version = "3.1.23-beta.2";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;
@@ -20511,14 +20742,14 @@
   exports2.CategoryPane = CategoryPane;
   exports2.Cell = Cell;
   exports2.CellGroup = CellGroup;
-  exports2.Checkbox = _sfc_main$1f;
-  exports2.CheckboxGroup = _sfc_main$1e;
+  exports2.Checkbox = _sfc_main$1g;
+  exports2.CheckboxGroup = _sfc_main$1f;
   exports2.CircleProgress = CircleProgress;
   exports2.Col = Col;
   exports2.Collapse = Collapse;
   exports2.CollapseItem = CollapseItem;
   exports2.Comment = Comment;
-  exports2.ConfigProvider = _sfc_main$1I;
+  exports2.ConfigProvider = _sfc_main$1J;
   exports2.CountDown = CountDown;
   exports2.CountUp = CountUp;
   exports2.DatePicker = DatePicker;
@@ -20532,16 +20763,16 @@
   exports2.FixedNav = FixedNav;
   exports2.Form = Form;
   exports2.FormItem = FormItem;
-  exports2.Grid = _sfc_main$1B;
+  exports2.Grid = _sfc_main$1C;
   exports2.GridItem = GridItem;
-  exports2.Icon = _sfc_main$1O;
-  exports2.Image = Image;
+  exports2.Icon = _sfc_main$1P;
+  exports2.Image = Image$1;
   exports2.ImagePreview = _ImagePreview;
   exports2.Indicator = Indicator;
   exports2.InfiniteLoading = InfiniteLoading;
   exports2.Input = Input;
   exports2.InputNumber = InputNumber;
-  exports2.Layout = _sfc_main$1G;
+  exports2.Layout = _sfc_main$1H;
   exports2.List = List;
   exports2.Locale = Locale;
   exports2.Menu = Menu;
@@ -20559,8 +20790,8 @@
   exports2.Price = Price;
   exports2.Progress = Progress;
   exports2.PullRefresh = PullRefresh;
-  exports2.Radio = _sfc_main$18;
-  exports2.RadioGroup = _sfc_main$17;
+  exports2.Radio = _sfc_main$19;
+  exports2.RadioGroup = _sfc_main$18;
   exports2.Range = Range;
   exports2.Rate = Rate;
   exports2.Row = Row;
@@ -20572,8 +20803,8 @@
   exports2.Skeleton = Skeleton;
   exports2.Sku = Sku;
   exports2.Step = Step;
-  exports2.Steps = _sfc_main$F;
-  exports2.Sticky = _sfc_main$1D;
+  exports2.Steps = _sfc_main$G;
+  exports2.Sticky = _sfc_main$1E;
   exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
   exports2.Swiper = Swiper;
@@ -20592,6 +20823,7 @@
   exports2.Toast = ToastFunction;
   exports2.Uploader = Uploader;
   exports2.Video = Video;
+  exports2.WaterMark = WaterMark;
   exports2["default"] = nutui_vue_build;
   exports2.install = install;
   exports2.version = version;