@nutui/nutui 3.1.23-beta.0 → 3.1.23-beta.3

package/dist/nutui.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:44 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.3 Fri Jul 08 2022 17:15:15 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -350,8 +350,8 @@ function createComponent(name) {
 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: "" },
@@ -372,7 +372,7 @@ const _sfc_main$1O = create$1O({
       var _a;
       const _isImage = isImage();
       return 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),
@@ -392,10 +392,10 @@ var _export_sfc = (sfc, props) => {
   }
   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,
@@ -449,7 +449,7 @@ const _sfc_main$1N = create$1N({
       }
     };
     const classes = computed(() => {
-      const prefixCls = componentName$1r;
+      const prefixCls = componentName$1s;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
@@ -486,7 +486,7 @@ const _sfc_main$1N = create$1N({
   }
 });
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -513,7 +513,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = getCurrentInstance().proxy;
   return proxy.$router || null;
@@ -526,7 +526,7 @@ const _hoisted_2$14 = {
   key: 1,
   class: "nut-cell__title"
 };
-const _hoisted_3$P = { class: "title" };
+const _hoisted_3$Q = { class: "title" };
 const _hoisted_4$E = { class: "nut-cell__title-desc" };
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -548,7 +548,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2$14, [
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("view", _hoisted_3$P, toDisplayString(_ctx.title), 1)
+            createElementVNode("view", _hoisted_3$Q, toDisplayString(_ctx.title), 1)
           ]),
           createElementVNode("view", _hoisted_4$E, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
@@ -570,8 +570,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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: "" },
@@ -589,7 +589,7 @@ const _sfc_main$1M = create$1M({
   emits: ["click"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$1q;
+      const prefixCls = componentName$1r;
       return {
         [prefixCls]: true,
         [`${prefixCls}--clickable`]: props.isLink || props.to,
@@ -618,16 +618,16 @@ const _sfc_main$1M = create$1M({
     };
   }
 });
-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 = computed(() => {
-      const prefixCls = componentName$1p;
+      const prefixCls = componentName$1q;
       return {
         [prefixCls]: true
       };
@@ -645,20 +645,20 @@ 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) {
+const _hoisted_3$P = { class: "nut-cell-group__warp" };
+function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$1j, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
     _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$13, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$O, [
+    createElementVNode("view", _hoisted_3$P, [
       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,
@@ -688,12 +688,12 @@ const overlayProps = {
     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 = computed(() => {
-      const prefixCls = componentName$1o;
+      const prefixCls = componentName$1p;
       return {
         [prefixCls]: true,
         [props.overlayClass]: true
@@ -734,7 +734,7 @@ const _sfc_main$1K = create$1K({
     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 openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
@@ -751,7 +751,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) => {
@@ -769,7 +769,7 @@ const useLockScroll = (isLock) => {
   };
   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,
@@ -822,10 +822,10 @@ const popupProps = {
     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
@@ -834,7 +834,7 @@ const _sfc_main$1J = create$1J({
   setup(props, { emit }) {
     const popupRef = ref();
     const state = reactive({
-      zIndex: props.zIndex ? props.zIndex : _zIndex,
+      zIndex: props.zIndex,
       showSlot: true,
       transitionName: `popup-fade-${props.position}`,
       overLayCount: 1,
@@ -843,7 +843,7 @@ const _sfc_main$1J = create$1J({
     });
     const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
     const classes = computed(() => {
-      const prefixCls = componentName$1n;
+      const prefixCls = componentName$1o;
       return {
         [prefixCls]: true,
         ["round"]: props.round,
@@ -860,29 +860,25 @@ const _sfc_main$1J = create$1J({
       };
     });
     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) => {
@@ -955,7 +951,7 @@ const _sfc_main$1J = create$1J({
   }
 });
 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 = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
@@ -1044,7 +1040,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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: "" },
@@ -1059,10 +1055,10 @@ const component$7 = {
     };
   }
 };
-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: {
@@ -1108,7 +1104,7 @@ const _sfc_main$1H = create$1H({
       slotError: useSlots().error
     });
     const classes = computed(() => {
-      const prefixCls = componentName$1l;
+      const prefixCls = componentName$1m;
       return {
         [prefixCls]: true,
         [`${prefixCls}-round`]: props.round
@@ -1156,11 +1152,11 @@ const _hoisted_2$12 = {
   key: 0,
   class: "nut-img-loading"
 };
-const _hoisted_3$N = {
+const _hoisted_3$O = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -1182,7 +1178,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "loading")
     ])) : createCommentVNode("", true),
-    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3$N, [
+    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3$O, [
       !_ctx.slotError ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         name: "image-error"
@@ -1191,11 +1187,11 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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],
@@ -1208,7 +1204,7 @@ const _sfc_main$1F = create$1F({
   },
   emits: ["click"],
   setup(props, { emit }) {
-    const prefixCls = componentName$1k;
+    const prefixCls = componentName$1l;
     const gutter = inject("gutter");
     const classes = computed(() => {
       return {
@@ -1235,7 +1231,7 @@ const _sfc_main$1F = create$1F({
     };
   }
 });
-function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style),
@@ -1244,9 +1240,9 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -1271,7 +1267,7 @@ const _sfc_main$1E = create$1E({
   },
   emits: ["click"],
   setup(props, { emit }) {
-    const prefixCls = componentName$1j;
+    const prefixCls = componentName$1k;
     provide("gutter", props.gutter);
     const getClass = (prefix, type) => {
       return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -1295,7 +1291,7 @@ const _sfc_main$1E = create$1E({
     };
   }
 });
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.getClasses()),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
@@ -1303,7 +1299,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     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;
 }
@@ -1333,8 +1329,8 @@ const useRect = (elementRef) => {
     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,
@@ -1411,7 +1407,7 @@ const _sfc_main$1D = create$1D({
       var _a;
       return 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 = () => {
@@ -1467,8 +1463,8 @@ const _sfc_main$1D = create$1D({
     };
   }
 });
-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,
@@ -1490,7 +1486,7 @@ const _sfc_main$1C = create$1C({
   components: {},
   setup(props, context) {
     const classes = computed(() => {
-      const prefixCls = componentName$1h;
+      const prefixCls = componentName$1i;
       let defaultClassesObj = {
         [prefixCls]: true
       };
@@ -1515,7 +1511,7 @@ const _sfc_main$1C = create$1C({
     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" ? (openBlock(), createElementBlock("view", {
     key: 0,
     class: normalizeClass(_ctx.classes)
@@ -1526,7 +1522,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     class: 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) => {
@@ -1585,7 +1581,7 @@ function useProvide(key, childName) {
     };
   };
 }
-const { componentName: componentName$1g } = createComponent("grid");
+const { componentName: componentName$1h } = createComponent("grid");
 const GRID_KEY = Symbol("grid");
 const gridProps = {
   columnNum: {
@@ -1630,9 +1626,9 @@ const gridProps = {
 const component$6 = {
   props: gridProps,
   setup(props, { slots }) {
-    useProvide(GRID_KEY, `${componentName$1g}-item`)({ props });
+    useProvide(GRID_KEY, `${componentName$1h}-item`)({ props });
     const rootClass = computed(() => {
-      const prefixCls = componentName$1g;
+      const prefixCls = componentName$1h;
       return {
         [prefixCls]: true,
         [`${prefixCls}--border`]: props.border && !props.gutter
@@ -1654,8 +1650,8 @@ const component$6 = {
     };
   }
 };
-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 = inject(key, null);
   if (parent) {
@@ -1674,8 +1670,8 @@ function useInject(key) {
     index: 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
@@ -1709,7 +1705,7 @@ const _sfc_main$1A = create$1A({
     const index = Parent.index;
     const parent = Parent.parent.props;
     const rootClass = computed(() => {
-      const prefixCls = componentName$1f;
+      const prefixCls = componentName$1g;
       return {
         [prefixCls]: true
       };
@@ -1729,7 +1725,7 @@ const _sfc_main$1A = create$1A({
       return style;
     });
     const contentClass = computed(() => {
-      const prefixCls = `${componentName$1f}__content`;
+      const prefixCls = `${componentName$1g}__content`;
       return {
         [`${prefixCls}`]: true,
         [`${prefixCls}--border`]: parent.border,
@@ -1770,7 +1766,7 @@ const _hoisted_1$1g = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.rootClass),
@@ -1792,9 +1788,9 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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: "" },
@@ -1829,7 +1825,7 @@ const _sfc_main$1z = create$1z({
     const navBarHtml = ref(null);
     let navHeight = ref(0);
     const classes = computed(() => {
-      const prefixCls = componentName$1e;
+      const prefixCls = componentName$1f;
       return {
         [prefixCls]: true,
         [`${prefixCls}--border`]: border.value,
@@ -1884,7 +1880,7 @@ const _hoisted_2$11 = {
   key: 1,
   class: "nut-navbar__text"
 };
-const _hoisted_3$M = { class: "nut-navbar__title" };
+const _hoisted_3$N = { class: "nut-navbar__title" };
 const _hoisted_4$D = {
   key: 0,
   class: "nut-navbar__text"
@@ -1898,7 +1894,7 @@ const _hoisted_7$k = {
   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 = resolveComponent("nut-icon");
   return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", _hoisted_1$1f, [
     createElementVNode("view", {
@@ -1918,7 +1914,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2$11, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "left")
       ]),
-      createElementVNode("view", _hoisted_3$M, [
+      createElementVNode("view", _hoisted_3$N, [
         _ctx.title ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: "title",
@@ -1980,9 +1976,9 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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
   },
@@ -2024,7 +2020,7 @@ const _sfc_main$1y = create$1y({
   emits: ["update:visible", "selected"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$1d;
+      const prefixCls = componentName$1e;
       return {
         [prefixCls]: true,
         active: props.visible,
@@ -2045,14 +2041,14 @@ const _sfc_main$1y = create$1y({
 });
 const _hoisted_1$1e = { class: "nut-fixednav__list" };
 const _hoisted_2$10 = ["onClick"];
-const _hoisted_3$L = ["src"];
+const _hoisted_3$M = ["src"];
 const _hoisted_4$C = { class: "span" };
 const _hoisted_5$s = {
   key: 0,
   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 = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -2075,7 +2071,7 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$L),
+            }, null, 8, _hoisted_3$M),
             createElementVNode("view", _hoisted_4$C, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$s, toDisplayString(item.num), 1)) : createCommentVNode("", true)
           ], 8, _hoisted_2$10);
@@ -2096,9 +2092,9 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -2158,7 +2154,7 @@ const _sfc_main$1x = create$1x({
     const { children, linkChildren } = useChildren();
     const opened = computed(() => children.some((item) => item.state.showWrapper));
     const classes = computed(() => {
-      const prefixCls = componentName$1c;
+      const prefixCls = componentName$1d;
       return {
         [prefixCls]: true,
         "scroll-fixed": isScrollFixed.value
@@ -2228,7 +2224,7 @@ const _sfc_main$1x = create$1x({
 });
 const _hoisted_1$1d = ["onClick"];
 const _hoisted_2$$ = { class: "nut-menu__title-text" };
-function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -2260,9 +2256,9 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     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: {
@@ -2285,7 +2281,7 @@ const _sfc_main$1w = create$1w({
     }
   },
   components: {
-    [_sfc_main$1O.name]: _sfc_main$1O,
+    [_sfc_main$1P.name]: _sfc_main$1P,
     [Popup.name]: Popup
   },
   emits: ["update:modelValue", "change"],
@@ -2309,7 +2305,7 @@ const _sfc_main$1w = create$1w({
     };
     const { parent } = useParent();
     const classes = computed(() => {
-      const prefixCls = componentName$1b;
+      const prefixCls = componentName$1c;
       return {
         [prefixCls]: true
       };
@@ -2370,7 +2366,7 @@ const _sfc_main$1w = create$1w({
 });
 const _hoisted_1$1c = { class: "nut-menu-item__content" };
 const _hoisted_2$_ = ["onClick"];
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
   return withDirectives((openBlock(), createElementBlock("view", {
@@ -2427,9 +2423,9 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     [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],
@@ -2488,16 +2484,16 @@ const _sfc_main$1v = create$1v({
     };
   }
 });
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$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,
@@ -2592,7 +2588,7 @@ const _hoisted_2$Z = {
   key: 0,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
 };
-const _hoisted_3$K = {
+const _hoisted_3$L = {
   key: 1,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
 };
@@ -2602,7 +2598,7 @@ const _hoisted_4$B = {
 };
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
@@ -2613,7 +2609,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("view", _hoisted_1$1b, [
       !_ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$Z, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$K, toDisplayString("99+"))) : createCommentVNode("", true)
+        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$Z, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$L, toDisplayString("99+"))) : createCommentVNode("", true)
       ], 64)) : createCommentVNode("", true),
       _ctx.dot ? (openBlock(), createElementBlock("div", _hoisted_4$B)) : createCommentVNode("", true),
       _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_5$r, [
@@ -2643,15 +2639,15 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = 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],
@@ -2701,7 +2697,7 @@ const _sfc_main$1t = create$1t({
       fixedTop: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$1a;
+      const prefixCls = componentName$1b;
       return {
         [prefixCls]: true
       };
@@ -2826,11 +2822,11 @@ const _sfc_main$1t = create$1t({
 });
 const _hoisted_1$1a = { class: "nut-elevator__list__item__code" };
 const _hoisted_2$Y = ["onClick"];
-const _hoisted_3$J = ["innerHTML"];
+const _hoisted_3$K = ["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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -2857,7 +2853,7 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
               !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 innerHTML: subitem.name
-              }, null, 8, _hoisted_3$J)) : renderSlot(_ctx.$slots, "default", {
+              }, null, 8, _hoisted_3$K)) : renderSlot(_ctx.$slots, "default", {
                 key: 1,
                 item: subitem
               })
@@ -2900,9 +2896,9 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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,
@@ -3013,13 +3009,13 @@ const _hoisted_2$X = {
   key: 0,
   class: "nut-pagination-contain"
 };
-const _hoisted_3$I = ["onClick"];
+const _hoisted_3$J = ["onClick"];
 const _hoisted_4$z = {
   key: 1,
   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 openBlock(), createElementBlock("view", _hoisted_1$19, [
     createElementVNode("view", {
       class: normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
@@ -3039,7 +3035,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "page", { item }, () => [
             createTextVNode(toDisplayString(item.text), 1)
           ])
-        ], 10, _hoisted_3$I);
+        ], 10, _hoisted_3$J);
       }), 128))
     ])) : createCommentVNode("", true),
     _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$z, [
@@ -3055,7 +3051,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = "";
@@ -3253,11 +3249,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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],
@@ -3282,16 +3278,16 @@ const _sfc_main$1q = create$1q({
     };
   }
 });
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$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,
@@ -3319,17 +3315,17 @@ const _sfc_main$1p = create$1p({
   setup(props) {
     const { block, align } = toRefs(props);
     const classes = 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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -3346,9 +3342,9 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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],
@@ -3363,7 +3359,7 @@ const _sfc_main$1o = create$1o({
       observer: null
     });
     const classes = computed(() => {
-      const prefixCls = componentName$17;
+      const prefixCls = componentName$18;
       return {
         [prefixCls]: true
       };
@@ -3412,7 +3408,7 @@ 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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -3423,9 +3419,9 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -3439,7 +3435,7 @@ const _sfc_main$1n = create$1n({
   emits: ["click"],
   setup: (props, context) => {
     const classes = computed(() => {
-      const prefixCls = componentName$16;
+      const prefixCls = componentName$17;
       return {
         [prefixCls]: true
       };
@@ -3455,7 +3451,7 @@ const _sfc_main$1n = create$1n({
 });
 const _hoisted_1$16 = ["ikey"];
 const _hoisted_2$V = { class: "nut-sidenavbaritem__title" };
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: "nut-sidenavbaritem",
     onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
@@ -3464,9 +3460,9 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("span", _hoisted_2$V, 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,
@@ -3487,7 +3483,7 @@ const _sfc_main$1m = create$1m({
       direction: ""
     });
     const classes = computed(() => {
-      const prefixCls = componentName$15;
+      const prefixCls = componentName$16;
       return {
         [prefixCls]: true
       };
@@ -3514,8 +3510,8 @@ const _sfc_main$1m = create$1m({
 });
 const _hoisted_1$15 = ["ikey"];
 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) {
+const _hoisted_3$I = { class: "nut-subsidenavbar__title__icon" };
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -3526,7 +3522,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
       createElementVNode("span", _hoisted_2$U, toDisplayString(_ctx.title), 1),
-      createElementVNode("span", _hoisted_3$H, [
+      createElementVNode("span", _hoisted_3$I, [
         createVNode(_component_nut_icon, {
           name: "down-arrow",
           class: normalizeClass(_ctx.direction)
@@ -3541,7 +3537,7 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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) {
@@ -3605,8 +3601,8 @@ function useTouch$2() {
     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,
@@ -3665,7 +3661,7 @@ const _sfc_main$1l = create$1l({
     });
     const scope = computed(() => Number(props.max) - Number(props.min));
     const classes = computed(() => {
-      const prefixCls = componentName$14;
+      const prefixCls = componentName$15;
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
@@ -3900,7 +3896,7 @@ const _hoisted_2$T = {
   key: 0,
   class: "nut-range-mark"
 };
-const _hoisted_3$G = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+const _hoisted_3$H = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
 const _hoisted_4$y = {
   key: 0,
   class: "number"
@@ -3914,7 +3910,7 @@ const _hoisted_7$j = {
   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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.containerClasses)
   }, [
@@ -3975,7 +3971,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$y, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$G);
+          ], 42, _hoisted_3$H);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -4006,9 +4002,9 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$j, toDisplayString(+_ctx.max), 1)) : 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],
@@ -4164,13 +4160,13 @@ const _hoisted_2$S = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
-const _hoisted_3$F = { class: "nut-searchbar__input-inner" };
+const _hoisted_3$G = { class: "nut-searchbar__input-inner" };
 const _hoisted_4$x = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_5$n = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: "nut-searchbar",
@@ -4191,7 +4187,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$F, [
+      createElementVNode("view", _hoisted_3$G, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -4239,7 +4235,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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;
@@ -4360,8 +4356,8 @@ class Tree {
     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,
@@ -4583,9 +4579,9 @@ const _hoisted_1$12 = {
   class: "nut-cascader-pane"
 };
 const _hoisted_2$R = ["aria-checked", "aria-disabled", "onClick"];
-const _hoisted_3$E = { class: "nut-cascader-item__title" };
+const _hoisted_3$F = { class: "nut-cascader-item__title" };
 const _hoisted_4$w = /* @__PURE__ */ 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 = resolveComponent("nut-icon");
   const _component_nut_tabpane = resolveComponent("nut-tabpane");
   const _component_nut_tabs = resolveComponent("nut-tabs");
@@ -4613,7 +4609,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
                   role: "menuitemradio",
                   onClick: ($event) => _ctx.handleNode(node, false)
                 }, [
-                  createElementVNode("view", _hoisted_3$E, toDisplayString(node.text), 1),
+                  createElementVNode("view", _hoisted_3$F, toDisplayString(node.text), 1),
                   node.loading ? (openBlock(), createBlock(_component_nut_icon, {
                     key: 0,
                     class: "nut-cascader-item__icon-loading",
@@ -4642,9 +4638,9 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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
   },
@@ -4707,7 +4703,7 @@ const _sfc_main$1i = create$1i({
   }
 });
 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 = resolveComponent("nut-cascader-item");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
@@ -4744,7 +4740,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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;
@@ -4839,8 +4835,8 @@ function requestAniFrame() {
   }
 }
 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,
@@ -5052,6 +5048,7 @@ const _sfc_main$1h = create$1h({
           state.chooseData = [...days];
         }
         if (!isFirst) {
+          console.log(state.chooseData);
           emit("select", state.chooseData);
           if (props.isAutoBackFill || !props.poppable) {
             confirm();
@@ -5409,7 +5406,7 @@ const _hoisted_2$Q = {
   key: 1,
   class: "calendar-top-slot"
 };
-const _hoisted_3$D = {
+const _hoisted_3$E = {
   key: 2,
   class: "calendar-curr-month"
 };
@@ -5433,11 +5430,11 @@ const _hoisted_11$5 = {
   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"
 };
@@ -5445,7 +5442,7 @@ const _hoisted_14$2 = {
   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 openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-calendar nut-calendar-taro", {
       "nut-calendar-tile": !_ctx.poppable,
@@ -5459,7 +5456,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2$Q, [
         renderSlot(_ctx.$slots, "btn")
       ])) : createCommentVNode("", true),
-      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$D, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$E, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_4$v, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
@@ -5513,12 +5510,12 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
                           date: day.type == "curr" ? day : ""
                         })
                       ])) : createCommentVNode("", true),
-                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_12$4, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
+                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_12$5, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
                       _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", {
                         key: 3,
                         class: normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
                       }, toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : createCommentVNode("", true),
-                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13$2, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
+                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13$3, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
                     ], 10, _hoisted_8$d);
                   }), 128))
                 ], 2)
@@ -5536,9 +5533,9 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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
   },
@@ -5652,7 +5649,7 @@ const _sfc_main$1g = create$1g({
     };
   }
 });
-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 = resolveComponent("nut-calendar-item");
   const _component_nut_popup = resolveComponent("nut-popup");
   return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, {
@@ -5775,7 +5772,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     } : 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: {
@@ -5848,10 +5845,19 @@ const component$4 = (componentName2, nutIcon) => {
       const color = 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);
       };
+      watch(() => props.modelValue, (v) => {
+        if (updateType == "click") {
+          updateType = "";
+        } else {
+          emit("change", v);
+        }
+      });
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName, iconIndeterminateName } = props;
         return h(nutIcon, {
@@ -5906,10 +5912,10 @@ const component$4 = (componentName2, nutIcon) => {
     }
   };
 };
-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,
@@ -5977,13 +5983,13 @@ const _sfc_main$1e = create$1e({
     return () => {
       var _a;
       return 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,
@@ -5998,10 +6004,15 @@ const _sfc_main$1d = create$1d({
     readonly: {
       type: Boolean,
       default: false
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["click", "change"],
   setup(props, { emit }) {
+    const touch = useTouch$2();
     const wrapper = ref();
     const state = reactive({
       touchParams: {
@@ -6021,54 +6032,71 @@ const _sfc_main$1d = create$1d({
     });
     const roller = ref(null);
     const list = ref(null);
-    const listItem = ref(null);
+    const moving = ref(false);
     const touchDeg = ref(0);
     const touchTime = ref(0);
-    const touchTranslateY = ref(0);
-    const touchListStyle = computed(() => {
+    const INERTIA_TIME = 300;
+    const INERTIA_DISTANCE = 15;
+    const touchRollerStyle = 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 = computed(() => {
+    const touchTileStyle = 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) {
+        let dom = list.value;
+        if (!props.threeDimensional) {
+          dom = roller.value;
+        }
+        const { transform } = window.getComputedStyle(dom);
+        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;
       let move = state.touchParams.lastY - state.touchParams.startY;
       setMove(move);
     };
     const onTouchEnd = (event) => {
-      event.preventDefault();
-      let changedTouches = event.changedTouches[0];
-      state.touchParams.lastY = changedTouches.pageY;
-      state.touchParams.lastTime = event.timeStamp || Date.now();
+      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;
-      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) {
@@ -6084,7 +6112,6 @@ const _sfc_main$1d = create$1d({
         touchTime.value = 0;
       }
       touchDeg.value = deg;
-      touchTranslateY.value = translateY;
       state.scrollDistance = translateY;
     };
     const setMove = (move, type, time) => {
@@ -6099,20 +6126,17 @@ const _sfc_main$1d = create$1d({
         let endMove = Math.round(updateMove / state.lineSpacing) * state.lineSpacing;
         let deg = `${(Math.abs(Math.round(endMove / state.lineSpacing)) + 1) * state.rotation}deg`;
         setTransform(endMove, type, time, deg);
-        let t = time ? time / 2 : 0;
-        state.timer = setTimeout(() => {
-          setChooseValue();
-        }, t);
         state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
       } else {
-        let deg = "0deg";
-        if (updateMove < 0) {
-          deg = `${(Math.abs(updateMove / state.lineSpacing) + 1) * state.rotation}deg`;
-        } else {
-          deg = `${(-updateMove / state.lineSpacing + 1) * state.rotation}deg`;
+        let deg = 0;
+        let currentDeg = (-updateMove / state.lineSpacing + 1) * state.rotation;
+        const maxDeg = (props.column.length + 1) * state.rotation;
+        const minDeg = 0;
+        deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
+        if (minDeg < deg && deg < maxDeg) {
+          setTransform(updateMove, null, void 0, deg + "deg");
+          state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
         }
-        setTransform(updateMove, null, void 0, deg);
-        state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
       }
     };
     const setChooseValue = () => {
@@ -6126,18 +6150,25 @@ const _sfc_main$1d = create$1d({
       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();
+    };
     watch(() => props.column, (val) => {
+      console.log("props.column\u53D8\u5316", props.column);
       state.transformY = 0;
       modifyStatus(false);
     }, {
       deep: true
     });
-    watch(() => props.value, (val) => {
-      console.log("\u5217\u66F4\u65B0", val);
-      modifyStatus(true);
-    }, {
-      deep: true
-    });
     onMounted(() => {
       modifyStatus(true);
     });
@@ -6149,61 +6180,64 @@ const _sfc_main$1d = create$1d({
       isHidden,
       roller,
       list,
-      listItem,
       onTouchStart,
       onTouchMove,
       onTouchEnd,
       touchRollerStyle,
-      touchListStyle,
-      setMove
+      touchTileStyle,
+      setMove,
+      stopMomentum
     };
   }
 });
-const _hoisted_1$$ = { class: "nut-picker-content" };
-const _hoisted_2$P = {
+const _hoisted_1$$ = {
+  key: 1,
+  class: "nut-picker-roller-item-tile"
+};
+const _hoisted_2$P = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker-roller-mask" }, null, -1);
+const _hoisted_3$D = {
   key: 0,
-  class: "nut-picker-placeholder"
+  class: "nut-picker-content"
 };
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: "nut-picker__list",
-    onTouchstart: _cache[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))
   }, [
     createElementVNode("view", {
       class: "nut-picker-roller",
       ref: "roller",
-      style: normalizeStyle(_ctx.touchRollerStyle)
+      style: normalizeStyle(_ctx.threeDimensional ? _ctx.touchRollerStyle : _ctx.touchTileStyle),
+      onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.column, (item, index) => {
-        return openBlock(), createElementBlock("view", {
-          class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
-          style: normalizeStyle(_ctx.setRollerStyle(index + 1)),
+        return openBlock(), createElementBlock(Fragment, {
           key: item.value ? item.value : index
-        }, toDisplayString(item.text), 7);
+        }, [
+          item && item.text && _ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
+            key: 0,
+            class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
+            style: normalizeStyle(_ctx.setRollerStyle(index + 1))
+          }, toDisplayString(item.text), 7)) : createCommentVNode("", true),
+          item && item.text && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_1$$, toDisplayString(item.text), 1)) : createCommentVNode("", true)
+        ], 64);
       }), 128))
-    ], 4),
-    createElementVNode("view", _hoisted_1$$, [
+    ], 36),
+    _hoisted_2$P,
+    _ctx.threeDimensional ? (openBlock(), createElementBlock("view", _hoisted_3$D, [
       createElementVNode("view", {
         class: "nut-picker-list-panel",
         ref: "list",
-        style: normalizeStyle(_ctx.touchListStyle)
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.column, (item, index) => {
-          return openBlock(), createElementBlock("view", {
-            class: normalizeClass(["nut-picker-item", "nut-picker-item-ref", item.className]),
-            key: item.value ? item.value : index
-          }, toDisplayString(item.text), 3);
-        }), 128)),
-        _ctx.column && _ctx.column.length === 1 ? (openBlock(), createElementBlock("view", _hoisted_2$P)) : createCommentVNode("", true)
-      ], 4)
-    ])
+        style: normalizeStyle(_ctx.touchTileStyle)
+      }, null, 4)
+    ])) : createCommentVNode("", true)
   ], 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
@@ -6235,6 +6269,10 @@ const _sfc_main$1c = create$1c({
     readonly: {
       type: Boolean,
       default: false
+    },
+    threeDimensional: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
@@ -6244,8 +6282,9 @@ const _sfc_main$1c = create$1c({
       formattedColumns: props.columns
     });
     let defaultValues = ref(props.modelValue);
+    ref();
     const classes = computed(() => {
-      const prefixCls = componentName$11;
+      const prefixCls = componentName$12;
       return {
         [prefixCls]: true
       };
@@ -6302,7 +6341,10 @@ const _sfc_main$1c = create$1c({
       return formatted;
     };
     const close = () => {
-      emit("close");
+      emit("close", {
+        selectedValue: defaultValues.value,
+        selectedOptions: selectedOptions.value
+      });
       emit("update:visible", false);
     };
     const changeHandler = (columnIndex, option) => {
@@ -6334,7 +6376,6 @@ const _sfc_main$1c = create$1c({
       emit("update:visible", false);
     };
     onMounted(() => {
-      console.log(11, props.modelValue);
       if (props.visible)
         state.show = props.visible;
     });
@@ -6343,7 +6384,6 @@ const _sfc_main$1c = create$1c({
         state.show = false;
     });
     watch(() => props.modelValue, (newValues) => {
-      console.log("change", newValues, defaultValues.value);
       const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
       if (!isSameValue) {
         defaultValues.value = newValues;
@@ -6356,7 +6396,6 @@ const _sfc_main$1c = create$1c({
       }
     }, { immediate: true });
     watch(() => props.visible, (val) => {
-      console.log("props\u66F4\u65B0", props.columns);
       state.show = val;
     });
     watch(() => props.columns, (val) => {
@@ -6379,9 +6418,12 @@ const _sfc_main$1c = create$1c({
 });
 const _hoisted_1$_ = { class: "nut-picker__bar" };
 const _hoisted_2$O = { class: "nut-picker__title" };
-const _hoisted_3$C = { class: "nut-picker__column" };
+const _hoisted_3$C = {
+  class: "nut-picker__column",
+  ref: "wrapHeight"
+};
 const _hoisted_4$u = /* @__PURE__ */ 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 = resolveComponent("nut-picker-column");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
@@ -6424,20 +6466,21 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
                 readonly: _ctx.readonly,
                 columnsType: _ctx.columnsType,
                 value: _ctx.defaultValues[columnIndex],
+                threeDimensional: _ctx.threeDimensional,
                 onChange: (option) => {
                   _ctx.changeHandler(columnIndex, option);
                 }
-              }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "onChange"])
+              }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "threeDimensional", "onChange"])
             ]);
           }), 128))
-        ]),
+        ], 512),
         renderSlot(_ctx.$slots, "default")
       ]),
       _: 3
     }, 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) {
@@ -6445,7 +6488,7 @@ function padZero$1(num, targetLength = 2) {
   }
   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());
@@ -6458,7 +6501,7 @@ const zhCNType = {
   minute: translate$n("minute"),
   seconds: translate$n("seconds")
 };
-const _sfc_main$1b = create$1b({
+const _sfc_main$1c = create$1c({
   components: {
     [Picker.name]: Picker
   },
@@ -6503,6 +6546,10 @@ const _sfc_main$1b = create$1b({
       type: Function,
       default: null
     },
+    threeDimensional: {
+      type: Boolean,
+      default: true
+    },
     filter: Function
   },
   emits: ["click", "update:visible", "change", "confirm", "update:moduleValue"],
@@ -6726,7 +6773,7 @@ const _sfc_main$1b = create$1b({
     };
   }
 });
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker = resolveComponent("nut-picker");
   return openBlock(), createBlock(_component_nut_picker, {
     modelValue: _ctx.selectedValue,
@@ -6740,17 +6787,18 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: _ctx.changeHandler,
     title: _ctx.title,
     onConfirm: _ctx.confirm,
-    isWrapTeleport: _ctx.isWrapTeleport
+    isWrapTeleport: _ctx.isWrapTeleport,
+    threeDimensional: _ctx.threeDimensional
   }, {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport"]);
+  }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport", "threeDimensional"]);
 }
-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],
@@ -6792,7 +6840,7 @@ const _sfc_main$1a = create$1a({
   emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$$;
+      const prefixCls = componentName$10;
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled
@@ -6870,7 +6918,7 @@ const _sfc_main$1a = create$1a({
   }
 });
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -6902,7 +6950,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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) {
@@ -6927,8 +6975,8 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   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,
@@ -7084,7 +7132,7 @@ const _sfc_main$19 = create$19({
       validateMessage: ""
     });
     const classes = computed(() => {
-      const prefixCls = componentName$_;
+      const prefixCls = componentName$$;
       return {
         [prefixCls]: true,
         center: props.center,
@@ -7211,7 +7259,7 @@ const _hoisted_7$h = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -7332,9 +7380,9 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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,
@@ -7382,7 +7430,7 @@ const _sfc_main$18 = create$18({
     });
     const renderIcon = () => {
       const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName } = props;
-      return h(_sfc_main$1O, {
+      return h(_sfc_main$1P, {
         name: isCurValue.value ? iconActiveName : iconName,
         size: iconSize,
         class: color.value,
@@ -7393,13 +7441,13 @@ const _sfc_main$18 = create$18({
     const renderLabel = () => {
       var _a;
       return 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 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 = () => {
@@ -7410,7 +7458,7 @@ const _sfc_main$18 = create$18({
     let reverseState = position.value === "left";
     return () => {
       return 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()]
@@ -7418,8 +7466,8 @@ const _sfc_main$18 = create$18({
     };
   }
 });
-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],
@@ -7446,12 +7494,12 @@ const _sfc_main$17 = create$17({
     return () => {
       var _a;
       return 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: {
@@ -7516,7 +7564,7 @@ const useComponent = (touchable = true) => {
     setup(props, { emit }) {
       const rateRefs = ref([]);
       const classes = computed(() => {
-        const prefixCls = componentName$X;
+        const prefixCls = componentName$Y;
         return {
           [prefixCls]: true
         };
@@ -7634,11 +7682,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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,
@@ -7781,7 +7829,7 @@ const _hoisted_9$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 = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", null, [
@@ -7857,9 +7905,9 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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],
@@ -7906,7 +7954,7 @@ const _sfc_main$14 = create$14({
   setup(props, { emit }) {
     const textareaRef = ref();
     const classes = computed(() => {
-      const prefixCls = componentName$W;
+      const prefixCls = componentName$X;
       return {
         [prefixCls]: true,
         [`${prefixCls}--disabled`]: props.disabled
@@ -7991,7 +8039,7 @@ const _hoisted_2$L = {
   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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -8013,7 +8061,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2$L, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : 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 = "";
@@ -8108,8 +8156,8 @@ class FileItem {
     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: "" },
@@ -8160,7 +8208,7 @@ const _sfc_main$13 = create$13({
     const fileList = reactive(props.fileList);
     let uploadQueue = [];
     const classes = computed(() => {
-      const prefixCls = componentName$V;
+      const prefixCls = componentName$W;
       return {
         [prefixCls]: true
       };
@@ -8350,15 +8398,15 @@ const _hoisted_10$4 = {
   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 = resolveComponent("nut-icon");
   const _component_nut_progress = resolveComponent("nut-progress");
   return openBlock(), createElementBlock("view", {
@@ -8428,8 +8476,8 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
               createTextVNode("\xA0" + toDisplayString(item.name), 1)
             ], 8, _hoisted_11$4)
           ])),
-          createElementVNode("view", _hoisted_12$3, toDisplayString(item.name), 1)
-        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_13$1, [
+          createElementVNode("view", _hoisted_12$4, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_13$2, [
           createElementVNode("view", {
             onClick: ($event) => _ctx.fileItemClick(item),
             class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
@@ -8485,9 +8533,9 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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,
@@ -8671,10 +8719,10 @@ const _hoisted_9$5 = {
 };
 const _hoisted_10$3 = { class: "key-board-wrapper" };
 const _hoisted_11$3 = /* @__PURE__ */ 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 = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
     visible: _ctx.show,
@@ -8735,7 +8783,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
                 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 == "" ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -8753,7 +8801,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: {
@@ -8884,9 +8932,9 @@ const component$2 = {
     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 = resolveComponent("nut-cell-group");
   return openBlock(), createElementBlock("form", {
     class: "nut-form",
@@ -8901,9 +8949,9 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 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: {
@@ -8976,7 +9024,7 @@ const _sfc_main$10 = create$10({
   }
 });
 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 = resolveComponent("nut-cell");
   return openBlock(), createBlock(_component_nut_cell, {
     class: normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
@@ -9009,9 +9057,9 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: {
@@ -9193,7 +9241,7 @@ const _hoisted_2$I = {
   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 openBlock(), createElementBlock("view", {
     class: "nut-oldpicker__list",
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
@@ -9230,9 +9278,9 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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
@@ -9278,7 +9326,7 @@ const _sfc_main$_ = create$_({
     let _defaultIndex = props.defaultIndex;
     let defaultIndexList = [];
     const classes = computed(() => {
-      const prefixCls = componentName$T;
+      const prefixCls = componentName$U;
       return {
         [prefixCls]: true
       };
@@ -9410,7 +9458,7 @@ const _hoisted_1$Q = { class: "nut-oldpicker__bar" };
 const _hoisted_2$H = { class: "nut-oldpicker__title" };
 const _hoisted_3$x = { class: "nut-oldpicker__column" };
 const _hoisted_4$p = /* @__PURE__ */ 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 = resolveComponent("nut-oldpicker-column");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
@@ -9464,9 +9512,9 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,
@@ -9488,7 +9536,7 @@ const _sfc_main$Z = create$Z({
   emits: ["open", "close"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$S;
+      const prefixCls = componentName$T;
       return {
         [prefixCls]: true
       };
@@ -9621,7 +9669,7 @@ const _hoisted_3$w = {
   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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.touchStyle),
@@ -9641,9 +9689,9 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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: {
@@ -9681,13 +9729,17 @@ const _sfc_main$Y = create$Y({
     isWrapTeleport: {
       type: Boolean,
       default: true
+    },
+    closeAbled: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["cancel", "close", "choose", "update:visible"],
   setup(props, { emit }) {
     const slotDefault = !!useSlots().default;
     const classes = computed(() => {
-      const prefixCls = componentName$R;
+      const prefixCls = componentName$S;
       return {
         [prefixCls]: true
       };
@@ -9736,7 +9788,7 @@ const _hoisted_5$h = {
 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 = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
@@ -9748,7 +9800,8 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
       isWrapTeleport: _ctx.isWrapTeleport,
       position: "bottom",
       round: "",
-      onClickOverlay: _ctx.close
+      onClickOverlay: _ctx.close,
+      closeOnClickOverlay: _ctx.closeAbled
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$O, [
@@ -9781,12 +9834,12 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
+    }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"])
   ], 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,
@@ -9827,7 +9880,7 @@ const _sfc_main$X = create$X({
       keepAlive: false
     });
     const classes = computed(() => {
-      const prefixCls = componentName$Q;
+      const prefixCls = componentName$R;
       return {
         [prefixCls]: true,
         show: state.backTop
@@ -9921,7 +9974,7 @@ const _sfc_main$X = create$X({
     };
   }
 });
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
@@ -9937,9 +9990,9 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -9984,7 +10037,7 @@ const _sfc_main$W = create$W({
       }
     });
     const classes = computed(() => {
-      const prefixCls = componentName$P;
+      const prefixCls = componentName$Q;
       return {
         [prefixCls]: true
       };
@@ -10119,7 +10172,7 @@ const _sfc_main$W = create$W({
     };
   }
 });
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     ref: "myDrag",
@@ -10130,9 +10183,9 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -10217,7 +10270,7 @@ const _sfc_main$V = create$V({
     });
     const classes = computed(() => {
       return {
-        [componentName$O]: true,
+        [componentName$P]: true,
         [props.customClass]: true
       };
     });
@@ -10266,7 +10319,7 @@ const _hoisted_1$N = {
   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 = resolveComponent("nut-button");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
@@ -10338,7 +10391,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = "";
@@ -10422,8 +10475,8 @@ _Dialog.install = (app) => {
   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,
@@ -10485,7 +10538,7 @@ const _sfc_main$U = create$U({
       distance: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$N;
+      const prefixCls = componentName$O;
       return {
         [prefixCls]: true
       };
@@ -10627,7 +10680,7 @@ const _hoisted_7$c = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -10667,9 +10720,9 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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
   },
@@ -10747,7 +10800,7 @@ const _sfc_main$T = create$T({
     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 = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
     visible: _ctx.showPopup,
@@ -10770,7 +10823,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -10954,8 +11007,8 @@ function preventDefault(event, isStopPropagation) {
   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,
@@ -11207,7 +11260,7 @@ const _hoisted_1$L = {
   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 openBlock(), createElementBlock("view", {
     class: "nut-pullrefresh",
     ref: "scroller",
@@ -11228,9 +11281,9 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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],
@@ -11285,7 +11338,7 @@ const _sfc_main$R = create$R({
   setup(props, { emit }) {
     const isActive = computed(() => props.modelValue === props.activeValue);
     const classes = computed(() => {
-      const prefixCls = componentName$K;
+      const prefixCls = componentName$L;
       return {
         [prefixCls]: true,
         [isActive.value ? "switch-open" : "switch-close"]: true,
@@ -11298,14 +11351,22 @@ const _sfc_main$R = create$R({
         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);
     };
+    watch(() => props.modelValue, (v) => {
+      if (updateType == "click") {
+        updateType = "";
+      } else {
+        emit("change", v);
+      }
+    });
     return {
       classes,
       style,
@@ -11314,7 +11375,7 @@ const _sfc_main$R = create$R({
   }
 });
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -11339,11 +11400,11 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -11484,7 +11545,7 @@ const _hoisted_2$C = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
     name: "toast-fade",
@@ -11526,7 +11587,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: "",
@@ -11644,8 +11705,8 @@ const ToastFunction = {
     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,
@@ -11836,7 +11897,7 @@ const _hoisted_7$b = {
   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 = resolveComponent("nut-range");
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", _hoisted_1$I, [
@@ -11896,9 +11957,9 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,
@@ -11918,7 +11979,7 @@ const _sfc_main$O = create$O({
 });
 const _hoisted_1$H = { class: "nut-audio-operate" };
 const _hoisted_2$A = /* @__PURE__ */ 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 = resolveComponent("nut-button");
   return openBlock(), createElementBlock("div", _hoisted_1$H, [
     _ctx.type == "back" ? (openBlock(), createElementBlock("div", {
@@ -11991,9 +12052,9 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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,
@@ -12047,7 +12108,7 @@ const _sfc_main$N = create$N({
     });
     const classes = 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,
@@ -12121,7 +12182,7 @@ const _hoisted_3$r = {
   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 = 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) ? (openBlock(), createElementBlock("view", {
@@ -12149,9 +12210,9 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.showMax ? (openBlock(), createElementBlock("view", _hoisted_3$r, 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)) : createCommentVNode("", true)
   ], 6)) : 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,
@@ -12191,7 +12252,7 @@ const _sfc_main$M = create$M({
     const avatarGroupRef = ref(null);
     const index = ref(0);
     const classes = computed(() => {
-      const prefixCls = componentName$G;
+      const prefixCls = componentName$H;
       return {
         [prefixCls]: true
       };
@@ -12209,7 +12270,7 @@ const _sfc_main$M = create$M({
     };
   }
 });
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     ref: "avatarGroupRef"
@@ -12217,9 +12278,9 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     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],
@@ -12254,7 +12315,7 @@ const _sfc_main$L = create$L({
       return `translate3d(0, ${state.startOffset}px, 0)`;
     });
     const classes = computed(() => {
-      const prefixCls = componentName$F;
+      const prefixCls = componentName$G;
       return {
         [prefixCls]: true
       };
@@ -12289,7 +12350,7 @@ const _sfc_main$L = create$L({
     };
   }
 });
-function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onScrollPassive: _cache[0] || (_cache[0] = (...args) => _ctx.handleScrollEvent && _ctx.handleScrollEvent(...args)),
@@ -12318,9 +12379,9 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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],
@@ -12401,7 +12462,7 @@ const _sfc_main$K = create$K({
   }
 });
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", _hoisted_1$F, [
     createElementVNode("div", {
@@ -12459,9 +12520,9 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : 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],
@@ -12496,7 +12557,7 @@ const _sfc_main$J = create$J({
     const slotDefault = !!useSlots().default;
     const refRandomId = Math.random().toString(36).slice(-8);
     const classes = computed(() => {
-      const prefixCls = componentName$E;
+      const prefixCls = componentName$F;
       return {
         [prefixCls]: true
       };
@@ -12558,7 +12619,7 @@ const _hoisted_4$l = ["d", "stroke-width"];
 const _hoisted_5$e = ["d", "stroke", "stroke-linecap", "stroke-width"];
 const _hoisted_6$d = { class: "nut-circleprogress-text" };
 const _hoisted_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 openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle({ height: _ctx.radius * 2 + "px", width: _ctx.radius * 2 + "px" })
@@ -12604,9 +12665,9 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -12691,7 +12752,7 @@ const _sfc_main$I = create$I({
       isCanScroll: null
     });
     const classes = computed(() => {
-      const prefixCls = componentName$D;
+      const prefixCls = componentName$E;
       return {
         [prefixCls]: true
       };
@@ -12882,7 +12943,7 @@ const _hoisted_1$D = {
   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 = resolveComponent("nut-icon");
   const _component_ScrollItem = resolveComponent("ScrollItem");
   return openBlock(), createElementBlock("view", {
@@ -12981,14 +13042,14 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : 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,
@@ -13029,7 +13090,7 @@ const _hoisted_3$p = {
   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 openBlock(), createElementBlock("view", _hoisted_1$C, [
     createElementVNode("view", {
       class: "nut-empty-image",
@@ -13047,9 +13108,9 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : 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,
@@ -13294,8 +13355,8 @@ const _hoisted_9$4 = {
 };
 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 openBlock(), createElementBlock("div", _hoisted_1$B, [
     createElementVNode("video", {
       ref: "root",
@@ -13366,7 +13427,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
       [vShow, _ctx.showToolbox && !_ctx.isDisabled]
     ]),
     withDirectives(createElementVNode("div", _hoisted_11$2, [
-      createElementVNode("p", _hoisted_12$1, toDisplayString(_ctx.translate("errorTip")), 1),
+      createElementVNode("p", _hoisted_12$2, toDisplayString(_ctx.translate("errorTip")), 1),
       createElementVNode("p", {
         class: "retry",
         onClick: _cache[9] || (_cache[9] = (...args) => _ctx.retry && _ctx.retry(...args))
@@ -13376,9 +13437,9 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -13399,7 +13460,7 @@ const _sfc_main$F = create$F({
       children: []
     });
     const classes = computed(() => {
-      const prefixCls = componentName$B;
+      const prefixCls = componentName$C;
       return {
         [prefixCls]: true,
         [`${prefixCls}-${props.direction}`]: true,
@@ -13426,8 +13487,8 @@ const _sfc_main$F = create$F({
     };
   }
 });
-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,
@@ -13469,7 +13530,7 @@ const _sfc_main$E = create$E({
       return getCurrentStatus();
     });
     const classes = computed(() => {
-      const prefixCls = componentName$A;
+      const prefixCls = componentName$B;
       return {
         [prefixCls]: true,
         [`${prefixCls}-${status.value}`]: true
@@ -13500,7 +13561,7 @@ const _hoisted_7$8 = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -13535,7 +13596,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = reactive({
@@ -13584,8 +13645,8 @@ function useTouch() {
     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],
@@ -13634,6 +13695,10 @@ const _sfc_main$D = create$D({
     isStopPropagation: {
       type: Boolean,
       default: true
+    },
+    isCenter: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["change"],
@@ -13655,7 +13720,7 @@ const _sfc_main$D = create$D({
     });
     const touch = useTouch();
     const classes = computed(() => {
-      const prefixCls = componentName$z;
+      const prefixCls = componentName$A;
       return {
         [prefixCls]: true
       };
@@ -13679,9 +13744,16 @@ const _sfc_main$D = create$D({
     });
     const activePagination = 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`
       };
@@ -13925,7 +13997,7 @@ const _sfc_main$D = create$D({
       state,
       classes,
       container,
-      componentName: componentName$z,
+      componentName: componentName$A,
       isVertical,
       slots,
       activePagination,
@@ -13935,7 +14007,7 @@ const _sfc_main$D = create$D({
     };
   }
 });
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "container",
     class: normalizeClass(_ctx.classes),
@@ -13973,9 +14045,9 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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 = inject("parent");
     parent["relation"](getCurrentInstance());
@@ -13983,7 +14055,7 @@ const _sfc_main$C = create$C({
       offset: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$y;
+      const prefixCls = componentName$z;
       return {
         [prefixCls]: true
       };
@@ -14012,7 +14084,7 @@ const _sfc_main$C = create$C({
     };
   }
 });
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style)
@@ -14020,9 +14092,9 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     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],
@@ -14056,7 +14128,7 @@ const _sfc_main$B = create$B({
   setup(props) {
     const classes = computed(() => {
       return {
-        [componentName$x]: true
+        [componentName$y]: true
       };
     });
     const showSymbol = computed(() => {
@@ -14107,7 +14179,7 @@ const _sfc_main$B = create$B({
 });
 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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -14133,9 +14205,9 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 10, _hoisted_2$t)) : 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,
@@ -14179,7 +14251,7 @@ const _sfc_main$A = create$A({
     [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 = reactive({
@@ -14374,7 +14446,7 @@ const _hoisted_2$s = {
   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 = resolveComponent("nut-video");
   const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
   return openBlock(), createBlock(_component_nut_swiper_item, {
@@ -14405,9 +14477,9 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -14477,7 +14549,7 @@ const _sfc_main$z = create$z({
     [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 }) {
@@ -14560,7 +14632,7 @@ const _hoisted_2$r = {
   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 = resolveComponent("image-preview-item");
   const _component_nut_swiper = resolveComponent("nut-swiper");
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -14632,7 +14704,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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;
@@ -14686,8 +14758,8 @@ function useExtend(apis) {
     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,
@@ -15114,7 +15186,7 @@ const _sfc_main$y = create$y({
 });
 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 openBlock(), createElementBlock("view", _hoisted_1$w, [
     _ctx.customBgImg != "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       _ctx.type == "machine" ? (openBlock(), createElementBlock("view", {
@@ -15218,7 +15290,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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) {
@@ -15233,8 +15305,8 @@ const getTimeStamp = (timeStr) => {
   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,
@@ -15287,7 +15359,7 @@ const _sfc_main$x = create$x({
       diffTime: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$t;
+      const prefixCls = componentName$u;
       return {
         [prefixCls]: true
       };
@@ -15443,7 +15515,7 @@ const _sfc_main$x = create$x({
   }
 });
 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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -15454,9 +15526,9 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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]
@@ -15520,7 +15592,7 @@ const _sfc_main$w = create$w({
 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 openBlock(), createElementBlock("view", _hoisted_1$u, [
     createElementVNode("view", _hoisted_2$p, [
       renderSlot(_ctx.$slots, "icons")
@@ -15535,9 +15607,9 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-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: "" },
@@ -15566,7 +15638,7 @@ const _sfc_main$v = create$v({
   setup(props, { emit }) {
     const { type, color, plain, round: round2, mark, textColor } = toRefs(props);
     const classes = computed(() => {
-      const prefixCls = componentName$s;
+      const prefixCls = componentName$t;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
@@ -15610,7 +15682,7 @@ const _sfc_main$v = create$v({
     };
   }
 });
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -15627,7 +15699,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["onClick"])) : 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;
@@ -16396,8 +16468,8 @@ var offsetModifier = {
   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,
@@ -16438,7 +16510,7 @@ const _sfc_main$u = create$u({
     const showPopup = ref(props.visible);
     const { theme, location: location2 } = toRefs(props);
     const classes = computed(() => {
-      const prefixCls = componentName$r;
+      const prefixCls = componentName$s;
       return `${prefixCls} ${prefixCls}--${theme.value}`;
     });
     const popoverContent = computed(() => {
@@ -16548,7 +16620,7 @@ const _sfc_main$u = create$u({
 });
 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 = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -16599,7 +16671,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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: {
@@ -16681,8 +16753,8 @@ const component$1 = {
     };
   }
 };
-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,
@@ -16698,7 +16770,7 @@ const _hoisted_6$a = {
   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 = resolveComponent("nut-avatar");
   return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1$s, [
     renderSlot(_ctx.$slots, "default")
@@ -16730,9 +16802,9 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]));
 }
-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]
@@ -16830,14 +16902,14 @@ const _sfc_main$s = create$s({
   }
 });
 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 openBlock(), createElementBlock("view", _hoisted_1$r, [
     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,
@@ -16864,7 +16936,7 @@ const _sfc_main$r = create$r({
     const collapse = inject("collapseParent");
     const parent = reactive(collapse);
     const classes = computed(() => {
-      const prefixCls = componentName$q;
+      const prefixCls = componentName$r;
       return {
         [prefixCls]: true,
         [`${prefixCls}-icon`]: parent.props.icon
@@ -17027,7 +17099,7 @@ const _hoisted_8$4 = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -17085,7 +17157,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 () => h(`view`, {}, props.slots[0] ? props.slots[0](props.record) : props.slots[1](props.record));
@@ -17172,8 +17244,8 @@ const component = (componentName2, translate2) => {
     }
   };
 };
-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"];
@@ -17192,7 +17264,7 @@ const _hoisted_9$3 = {
   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 = resolveComponent("nut-icon");
   const _component_RenderColumn = resolveComponent("RenderColumn");
   return openBlock(), createElementBlock("view", {
@@ -17258,9 +17330,9 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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,
@@ -17282,7 +17354,7 @@ const _sfc_main$p = create$p({
       clicked: false
     });
     let classes = 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,
@@ -17302,7 +17374,7 @@ const _sfc_main$p = create$p({
   }
 });
 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 openBlock(), createElementBlock("view", _hoisted_1$o, [
     createElementVNode("view", {
       class: normalizeClass(_ctx.classes),
@@ -17312,9 +17384,9 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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,
@@ -17352,7 +17424,7 @@ const _sfc_main$o = create$o({
       expanded: false
     });
     const classes = computed(() => {
-      const prefixCls = componentName$n;
+      const prefixCls = componentName$o;
       return {
         [prefixCls]: true
       };
@@ -17482,7 +17554,7 @@ const _sfc_main$o = create$o({
 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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
@@ -17508,7 +17580,184 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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 = 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();
+    watch(() => [
+      zIndex,
+      gapX,
+      gapY,
+      width,
+      height,
+      rotate,
+      image,
+      imageWidth,
+      imageHeight,
+      content,
+      fontStyle,
+      fontWeight,
+      fontColor,
+      fontSize,
+      fontFamily
+    ], () => {
+      init();
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName$n;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-full-page`]: props.fullPage
+      };
+    });
+    return { ...toRefs(state), classes };
+  }
+});
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: 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,
@@ -17883,8 +18132,8 @@ const _hoisted_11$1 = {
   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"
@@ -17989,7 +18238,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
                 onClick: ($event) => _ctx.changeRegionTab(item, key, index)
               }, [
                 createElementVNode("view", null, toDisplayString(_ctx.getTabName(item, index)), 1)
-              ], 10, _hoisted_12);
+              ], 10, _hoisted_12$1);
             }), 128)),
             createElementVNode("view", {
               class: "region-tab-line",
@@ -17997,7 +18246,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
               style: normalizeStyle({ left: _ctx.lineDistance + "px" })
             }, null, 4)
           ], 512),
-          createElementVNode("view", _hoisted_13, [
+          createElementVNode("view", _hoisted_13$1, [
             createVNode(_component_nut_elevator, {
               height: _ctx.height,
               "index-list": _ctx.regionList[_ctx.tabName[_ctx.tabIndex]],
@@ -19098,9 +19347,12 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_5$6, toDisplayString(_ctx.title), 1),
       renderSlot(_ctx.$slots, "prolist"),
       _ctx.isNeedPrice ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
-        createVNode(_component_nut_price, { price: _ctx.price }, null, 8, ["price"]),
-        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
+        _ctx.isHaveSlot("price") ? renderSlot(_ctx.$slots, "price", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
           key: 1,
+          price: _ctx.price
+        }, null, 8, ["price"])),
+        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 2 }) : (openBlock(), createBlock(_component_nut_price, {
+          key: 3,
           class: "nut-card__right__price__origin",
           price: _ctx.vipPrice
         }, null, 8, ["price"]))
@@ -19964,8 +20216,8 @@ const _sfc_main$4 = create$4({
     }
   },
   setup(props, { emit }) {
-    const onChange = () => {
-      emit("onChange");
+    const onChange = (sku) => {
+      emit("onChange", sku);
     };
     return {
       onChange
@@ -19982,19 +20234,21 @@ const _hoisted_4$4 = {
   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"
 };
@@ -20009,43 +20263,43 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("div", {
                 class: "nut-categorypane__childItem",
                 key,
-                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
+                onClick: ($event) => _ctx.onChange(sku)
               }, [
                 createElementVNode("img", {
                   class: "nut-categorypane__childImg",
                   src: sku.backImg
-                }, null, 8, _hoisted_5$2),
-                createElementVNode("div", _hoisted_6$1, toDisplayString(sku.catName), 1)
-              ]);
+                }, null, 8, _hoisted_6$1),
+                createElementVNode("div", _hoisted_7, toDisplayString(sku.catName), 1)
+              ], 8, _hoisted_5$2);
             }), 128))
           ])) : createCommentVNode("", true)
         ]);
       }), 128))
     ])) : createCommentVNode("", true),
-    _ctx.type == "text" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+    _ctx.type == "text" ? (openBlock(), createElementBlock("div", _hoisted_8, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.categoryChild, (item, index) => {
         return openBlock(), createElementBlock("div", { key: index }, [
-          createElementVNode("div", _hoisted_8, toDisplayString(item.catName), 1),
-          item.catType == 1 ? (openBlock(), createElementBlock("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_9, toDisplayString(item.catName), 1),
+          item.catType == 1 ? (openBlock(), createElementBlock("div", _hoisted_10, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
               return openBlock(), createElementBlock("div", {
                 class: "nut-categorypane__childItem",
                 key,
-                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onChange())
+                onClick: ($event) => _ctx.onChange(sku)
               }, [
-                createElementVNode("div", _hoisted_10, toDisplayString(sku.catName), 1)
-              ]);
+                createElementVNode("div", _hoisted_12, toDisplayString(sku.catName), 1)
+              ], 8, _hoisted_11);
             }), 128))
           ])) : createCommentVNode("", true)
         ]);
       }), 128))
     ])) : createCommentVNode("", true),
-    _ctx.type == "custom" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+    _ctx.type == "custom" ? (openBlock(), createElementBlock("div", _hoisted_13, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.customCategory, (sku, key) => {
         return openBlock(), createElementBlock("div", {
           class: "nut-categorypane__skuName",
           key,
-          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onChange())
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
         }, toDisplayString(sku.catName), 1);
       }), 128))
     ])) : createCommentVNode("", true)
@@ -20117,7 +20371,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
               "icon-size": "10",
               spacing: "5",
-              readOnly: "",
+              readonly: "",
               onChange: _ctx.handleClick
             }, null, 8, ["modelValue", "onChange"])
           ])
@@ -20141,7 +20395,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: _ctx.info.score,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
         "icon-size": "12",
-        spacing: "3"
+        spacing: "3",
+        readonly: ""
       }, null, 8, ["modelValue"]),
       createElementVNode("i", {
         class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
@@ -20483,7 +20738,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 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);
@@ -20492,6 +20747,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.23-beta.0";
+const version = "3.1.23-beta.3";
 var nutui_vue_build = { install, version, Locale };
-export { ActionSheet, Address, AddressList, Animate, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1f as Checkbox, _sfc_main$1e as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, _sfc_main$1I as ConfigProvider, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, _sfc_main$1B as Grid, GridItem, _sfc_main$1O as Icon, Image, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1G as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$18 as Radio, _sfc_main$17 as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$F as Steps, _sfc_main$1D as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };
+export { ActionSheet, Address, AddressList, Animate, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1g as Checkbox, _sfc_main$1f as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, _sfc_main$1J as ConfigProvider, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, _sfc_main$1C as Grid, GridItem, _sfc_main$1P as Icon, Image$1 as Image, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1H as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$19 as Radio, _sfc_main$18 as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$G as Steps, _sfc_main$1E as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, WaterMark, nutui_vue_build as default, install, version };