@nutui/nutui 4.0.0-beta.7 → 4.0.0-beta.8

package/dist/nutui.umd.cjs

@@ -457,7 +457,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { componentName: componentName$1l, create: create$1O } = createComponent("button");
-  const _sfc_main$1N = create$1O({
+  const _sfc_main$1O = create$1O({
     components: { Loading: iconsVue.Loading },
     props: {
       color: String,
@@ -565,7 +565,7 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  const Button = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1C]]);
+  const Button = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1C]]);
   function useRouter() {
     const proxy = vue.getCurrentInstance().proxy;
     return proxy.$router || null;
@@ -574,7 +574,7 @@ var __publicField = (obj, key, value) => {
     return isNaN(Number(value)) ? String(value) : `${value}px`;
   };
   const { componentName: componentName$1k, create: create$1N } = createComponent("cell");
-  const _sfc_main$1M = create$1N({
+  const _sfc_main$1N = create$1N({
     components: { Right: iconsVue.Right },
     props: {
       title: { type: String, default: "" },
@@ -666,9 +666,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  const Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", render$2]]);
+  const Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", render$2]]);
   const { componentName: componentName$1j, create: create$1M } = createComponent("cell-group");
-  const _sfc_main$1L = create$1M({
+  const _sfc_main$1M = create$1M({
     props: {
       title: { type: String, default: "" },
       desc: { type: String, default: "" }
@@ -705,7 +705,7 @@ var __publicField = (obj, key, value) => {
       ])
     ], 2);
   }
-  const CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1B]]);
+  const CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1B]]);
   let count = 0;
   const CLSNAME = "nut-overflow-hidden";
   const useLockScroll = (isLock) => {
@@ -724,7 +724,7 @@ var __publicField = (obj, key, value) => {
     return [lock, unlock];
   };
   const { componentName: componentName$1i, create: create$1L } = createComponent("overlay");
-  const _sfc_main$1K = create$1L({
+  const _sfc_main$1L = create$1L({
     props: {
       visible: {
         type: Boolean,
@@ -799,7 +799,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     });
   }
-  const Overlay = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1A]]);
+  const Overlay = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1A]]);
   const popupProps = {
     visible: {
       type: Boolean,
@@ -973,7 +973,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { componentName: componentName$1h, create: create$1K } = createComponent("popup");
-  const _sfc_main$1J = create$1K(
+  const _sfc_main$1K = create$1K(
     component$6(componentName$1h, {
       [Overlay.name]: Overlay,
       Close: iconsVue.Close
@@ -1024,9 +1024,9 @@ var __publicField = (obj, key, value) => {
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
     ], 8, ["to", "disabled"]);
   }
-  const Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1z]]);
+  const Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1z]]);
   const { componentName: componentName$1g, create: create$1J } = createComponent("config-provider");
-  const _sfc_main$1I = create$1J({
+  const _sfc_main$1J = create$1J({
     props: {
       theme: { type: String, default: "" },
       themeVars: { type: Object, default: () => {
@@ -1061,7 +1061,7 @@ var __publicField = (obj, key, value) => {
     }
   });
   const { componentName: componentName$1f, create: create$1I } = createComponent("image");
-  const _sfc_main$1H = create$1I({
+  const _sfc_main$1I = create$1I({
     props: {
       src: String,
       fit: {
@@ -1202,11 +1202,11 @@ var __publicField = (obj, key, value) => {
       ])) : vue.createCommentVNode("", true)
     ], 6);
   }
-  const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1y]]);
+  const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1y]]);
   const { create: create$1H } = createComponent("layout");
-  const _sfc_main$1G = create$1H({});
+  const _sfc_main$1H = create$1H({});
   const { componentName: componentName$1e, create: create$1G } = createComponent("col");
-  const _sfc_main$1F = create$1G({
+  const _sfc_main$1G = create$1G({
     props: {
       span: {
         type: [String, Number],
@@ -1249,9 +1249,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  const Col = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1x]]);
+  const Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1x]]);
   const { componentName: componentName$1d, create: create$1F } = createComponent("row");
-  const _sfc_main$1E = create$1F({
+  const _sfc_main$1F = create$1F({
     props: {
       type: {
         type: String,
@@ -1302,7 +1302,7 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  const Row = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1w]]);
+  const Row = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1w]]);
   function isWindow(val) {
     return val === window;
   }
@@ -1333,7 +1333,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { componentName: componentName$1c, create: create$1E } = createComponent("sticky");
-  const _sfc_main$1D = create$1E({
+  const _sfc_main$1E = create$1E({
     props: {
       position: {
         type: String,
@@ -1478,7 +1478,7 @@ var __publicField = (obj, key, value) => {
     }
   });
   const { componentName: componentName$1b, create: create$1D } = createComponent("divider");
-  const _sfc_main$1C = create$1D({
+  const _sfc_main$1D = create$1D({
     props: {
       contentPosition: {
         type: String,
@@ -1536,7 +1536,7 @@ var __publicField = (obj, key, value) => {
       class: vue.normalizeClass(_ctx.classes)
     }, null, 2));
   }
-  const Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1v]]);
+  const Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1v]]);
   function flattenVNodes(children, childName) {
     const result = [];
     const traverse = (children2) => {
@@ -1668,7 +1668,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const { create: create$1C } = createComponent("grid");
-  const _sfc_main$1B = create$1C(component$5);
+  const _sfc_main$1C = create$1C(component$5);
   function useInject(key) {
     const parent = vue.inject(key, null);
     if (parent) {
@@ -1688,7 +1688,7 @@ var __publicField = (obj, key, value) => {
     };
   }
   const { create: create$1B, componentName: componentName$19 } = createComponent("grid-item");
-  const _sfc_main$1A = create$1B({
+  const _sfc_main$1B = create$1B({
     props: {
       text: {
         type: String
@@ -1781,9 +1781,9 @@ var __publicField = (obj, key, value) => {
       ], 2)
     ], 6);
   }
-  const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1u]]);
+  const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1u]]);
   const { componentName: componentName$18, create: create$1A } = createComponent("navbar");
-  const _sfc_main$1z = create$1A({
+  const _sfc_main$1A = create$1A({
     components: { Left: iconsVue.Left },
     props: {
       leftShow: { type: Boolean, default: false },
@@ -1978,7 +1978,7 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6));
   }
-  const Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1t]]);
+  const Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1t]]);
   const { componentName: componentName$17, translate: translate$t } = createComponent("fixed-nav");
   const component$4 = (components) => {
     return {
@@ -2048,7 +2048,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { create: create$1z } = createComponent("fixed-nav");
-  const _sfc_main$1y = create$1z(
+  const _sfc_main$1z = create$1z(
     component$4({
       [Overlay.name]: Overlay,
       Left: iconsVue.Left
@@ -2104,9 +2104,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  const FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", render$1]]);
+  const FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", render$1]]);
   const { componentName: componentName$16, create: create$1y } = createComponent("menu");
-  const _sfc_main$1x = create$1y({
+  const _sfc_main$1y = create$1y({
     components: {
       ArrowUp2: iconsVue.ArrowUp2,
       ArrowDown2: iconsVue.ArrowDown2
@@ -2294,9 +2294,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1s]]);
+  const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1s]]);
   const { componentName: componentName$15, create: create$1x } = createComponent("menu-item");
-  const _sfc_main$1w = create$1x({
+  const _sfc_main$1x = create$1x({
     props: {
       title: String,
       options: {
@@ -2474,9 +2474,9 @@ var __publicField = (obj, key, value) => {
       [vue.vShow, _ctx.state.showWrapper]
     ]);
   }
-  const MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1r]]);
+  const MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1r]]);
   const { create: create$1w } = createComponent("tabbar");
-  const _sfc_main$1v = create$1w({
+  const _sfc_main$1w = create$1w({
     props: {
       modelValue: {
         type: [Number, String],
@@ -2563,9 +2563,9 @@ var __publicField = (obj, key, value) => {
       ], 2)
     ], 6);
   }
-  const Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1q]]);
+  const Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1q]]);
   const { create: create$1v } = createComponent("badge");
-  const _sfc_main$1u = create$1v({
+  const _sfc_main$1v = create$1v({
     props: {
       value: {
         type: [String, Number]
@@ -2648,9 +2648,9 @@ var __publicField = (obj, key, value) => {
       ])
     ]);
   }
-  const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1p]]);
+  const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1p]]);
   const { create: create$1u } = createComponent("tabbar-item");
-  const _sfc_main$1t = create$1u({
+  const _sfc_main$1u = create$1u({
     components: { [Badge.name]: Badge },
     props: {
       tabTitle: {
@@ -2763,7 +2763,7 @@ var __publicField = (obj, key, value) => {
       }, 16)
     ], 6);
   }
-  const TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1o]]);
+  const TabbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1o]]);
   function useExpose(apis) {
     const instance = vue.getCurrentInstance();
     if (instance) {
@@ -2771,7 +2771,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const { componentName: componentName$14, create: create$1t } = createComponent("elevator");
-  const _sfc_main$1s = create$1t({
+  const _sfc_main$1t = create$1t({
     props: {
       height: {
         type: [Number, String],
@@ -3033,9 +3033,9 @@ var __publicField = (obj, key, value) => {
       ], 32)
     ], 2);
   }
-  const Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1n]]);
+  const Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1n]]);
   const { create: create$1s, translate: translate$s } = createComponent("pagination");
-  const _sfc_main$1r = create$1s({
+  const _sfc_main$1s = create$1s({
     props: {
       modelValue: {
         type: Number,
@@ -3188,7 +3188,7 @@ var __publicField = (obj, key, value) => {
       ], 2)
     ]);
   }
-  const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1m]]);
+  const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1m]]);
   class Title {
     constructor() {
       __publicField(this, "title", "");
@@ -3198,8 +3198,8 @@ var __publicField = (obj, key, value) => {
     }
   }
   const { create: create$1r } = createComponent("tabs");
-  const _sfc_main$1q = create$1r({
-    components: { [_sfc_main$1D.name]: _sfc_main$1D, JoySmile: iconsVue.JoySmile },
+  const _sfc_main$1r = create$1r({
+    components: { [_sfc_main$1E.name]: _sfc_main$1E, JoySmile: iconsVue.JoySmile },
     props: {
       modelValue: {
         type: [String, Number],
@@ -3468,9 +3468,9 @@ var __publicField = (obj, key, value) => {
       ], 4)
     ], 2);
   }
-  const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1l]]);
+  const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1l]]);
   const { create: create$1q } = createComponent("tab-pane");
-  const _sfc_main$1p = create$1q({
+  const _sfc_main$1q = create$1q({
     props: {
       title: {
         type: [String, Number],
@@ -3502,9 +3502,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1k]]);
+  const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
   const { componentName: componentName$13, create: create$1p } = createComponent("indicator");
-  const _sfc_main$1o = create$1p({
+  const _sfc_main$1p = create$1p({
     props: {
       size: {
         type: Number,
@@ -3559,9 +3559,9 @@ var __publicField = (obj, key, value) => {
       }), 128))
     ], 2);
   }
-  const Indicator = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1j]]);
+  const Indicator = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1j]]);
   const { componentName: componentName$12, create: create$1o } = createComponent("side-navbar");
-  const _sfc_main$1n = create$1o({
+  const _sfc_main$1o = create$1o({
     props: {
       offset: {
         type: [String, Number],
@@ -3636,9 +3636,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 2);
   }
-  const SideNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1i]]);
+  const SideNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1i]]);
   const { componentName: componentName$11, create: create$1n } = createComponent("side-navbar-item");
-  const _sfc_main$1m = create$1n({
+  const _sfc_main$1n = create$1n({
     props: {
       title: {
         type: String,
@@ -3677,9 +3677,9 @@ var __publicField = (obj, key, value) => {
       vue.createElementVNode("span", _hoisted_2$Q, vue.toDisplayString(_ctx.title), 1)
     ], 10, _hoisted_1$$);
   }
-  const SideNavbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1h]]);
+  const SideNavbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1h]]);
   const { componentName: componentName$10, create: create$1m } = createComponent("sub-side-navbar");
-  const _sfc_main$1l = create$1m({
+  const _sfc_main$1m = create$1m({
     props: {
       title: {
         type: String,
@@ -3755,7 +3755,7 @@ var __publicField = (obj, key, value) => {
       ])
     ], 10, _hoisted_1$_);
   }
-  const SubSideNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1g]]);
+  const SubSideNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1g]]);
   const MIN_DISTANCE = 10;
   function getDirection(x, y) {
     if (x > y && x > MIN_DISTANCE) {
@@ -3766,7 +3766,7 @@ var __publicField = (obj, key, value) => {
     }
     return "";
   }
-  function useTouch$1() {
+  function useTouch() {
     const startX = vue.ref(0);
     const startY = vue.ref(0);
     const moveX = vue.ref(0);
@@ -3820,7 +3820,7 @@ var __publicField = (obj, key, value) => {
     };
   }
   const { componentName: componentName$$, create: create$1l } = createComponent("range");
-  const _sfc_main$1k = create$1l({
+  const _sfc_main$1l = create$1l({
     props: {
       range: {
         type: Boolean,
@@ -3870,7 +3870,7 @@ var __publicField = (obj, key, value) => {
       let currentValue;
       const root = vue.ref();
       const dragStatus = vue.ref();
-      const touch = useTouch$1();
+      const touch = useTouch();
       const marksList = vue.computed(() => {
         const { marks, max, min } = props;
         const marksKeys = Object.keys(marks);
@@ -4226,9 +4226,9 @@ var __publicField = (obj, key, value) => {
       !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$i, vue.toDisplayString(+_ctx.max), 1)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const Range = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1f]]);
+  const Range = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1f]]);
   const { create: create$1k, translate: translate$r } = createComponent("searchbar");
-  const _sfc_main$1j = create$1k({
+  const _sfc_main$1k = create$1k({
     props: {
       modelValue: {
         type: [String, Number],
@@ -4470,7 +4470,7 @@ var __publicField = (obj, key, value) => {
       ])) : vue.createCommentVNode("", true)
     ], 4);
   }
-  const Searchbar = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1e]]);
+  const Searchbar = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1e]]);
   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;
@@ -4594,7 +4594,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const { create: create$1j, translate: translate$q } = createComponent("cascader-item");
-  const _sfc_main$1i = create$1j({
+  const _sfc_main$1j = create$1j({
     components: {
       Loading: iconsVue.Loading,
       Checklist: iconsVue.Checklist,
@@ -4892,9 +4892,9 @@ var __publicField = (obj, key, value) => {
       _: 1
     }, 8, ["modelValue", "onClick"]);
   }
-  const CascaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1d]]);
+  const CascaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1d]]);
   const { create: create$1i } = createComponent("cascader");
-  const _sfc_main$1h = create$1i({
+  const _sfc_main$1i = create$1i({
     components: {
       [CascaderItem.name]: CascaderItem,
       [Popup.name]: Popup
@@ -5016,7 +5016,7 @@ var __publicField = (obj, key, value) => {
       visible: _ctx.innerVisible
     }, null, 8, ["onChange", "onPathChange", "modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible"]));
   }
-  const Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1c]]);
+  const Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1c]]);
   const Utils = {
     isLeapYear: function(y) {
       return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
@@ -5120,7 +5120,7 @@ var __publicField = (obj, key, value) => {
   }
   const requestAniFrame$1 = requestAniFrame();
   const { create: create$1h, translate: translate$p } = createComponent("calendar-item");
-  const _sfc_main$1g = create$1h({
+  const _sfc_main$1h = create$1h({
     props: {
       type: {
         type: String,
@@ -5837,9 +5837,9 @@ var __publicField = (obj, key, value) => {
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1b]]);
+  const CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1b]]);
   const { create: create$1g } = createComponent("calendar");
-  const _sfc_main$1f = create$1g({
+  const _sfc_main$1g = create$1g({
     components: {
       [CalendarItem.name]: CalendarItem,
       [Popup.name]: Popup
@@ -6098,7 +6098,7 @@ var __publicField = (obj, key, value) => {
       } : void 0
     ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week"]));
   }
-  const Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1a]]);
+  const Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1a]]);
   const component$3 = (componentName2, components) => {
     return {
       components,
@@ -6237,9 +6237,9 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { create: create$1f, componentName: componentName$_ } = createComponent("checkbox");
-  const _sfc_main$1e = create$1f(component$3(componentName$_, { CheckNormal: iconsVue.CheckNormal, Checked: iconsVue.Checked, CheckDisabled: iconsVue.CheckDisabled }));
+  const _sfc_main$1f = create$1f(component$3(componentName$_, { CheckNormal: iconsVue.CheckNormal, Checked: iconsVue.Checked, CheckDisabled: iconsVue.CheckDisabled }));
   const { create: create$1e, componentName: componentName$Z } = createComponent("checkbox-group");
-  const _sfc_main$1d = create$1e({
+  const _sfc_main$1e = create$1e({
     props: {
       modelValue: {
         type: Array,
@@ -6472,7 +6472,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { create: create$1d } = createComponent("picker-column");
-  const _sfc_main$1c = create$1d({
+  const _sfc_main$1d = create$1d({
     props: {
       value: [String, Number],
       columnsType: String,
@@ -6499,7 +6499,7 @@ var __publicField = (obj, key, value) => {
     },
     emits: ["click", "change"],
     setup(props, { emit }) {
-      const touch = useTouch$1();
+      const touch = useTouch();
       const state = vue.reactive({
         touchParams: {
           startY: 0,
@@ -6733,7 +6733,7 @@ var __publicField = (obj, key, value) => {
       }, null, 4)
     ], 32);
   }
-  const column = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$19]]);
+  const column = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$19]]);
   const baseProps$1 = {
     modelValue: {
       type: Array,
@@ -6779,7 +6779,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const { componentName: componentName$X, create: create$1c, translate: translate$o } = createComponent("picker");
-  const _sfc_main$1b = create$1c({
+  const _sfc_main$1c = create$1c({
     components: {
       [column.name]: column
     },
@@ -6872,7 +6872,7 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  const Picker = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$18]]);
+  const Picker = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$18]]);
   const { componentName: componentName$W, create: create$1b, translate: translate$n } = createComponent("date-picker");
   const currentYear = new Date().getFullYear();
   function isDate(val) {
@@ -6886,7 +6886,7 @@ var __publicField = (obj, key, value) => {
     minute: translate$n("minute"),
     seconds: translate$n("seconds")
   };
-  const _sfc_main$1a = create$1b({
+  const _sfc_main$1b = create$1b({
     components: {
       [Picker.name]: Picker
     },
@@ -7217,9 +7217,9 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["modelValue", "okText", "cancelText", "onCancel", "columns", "onChange", "title", "onConfirm", "threeDimensional", "swipeDuration", "showToolbar", "visibleOptionNum", "optionHeight"]);
   }
-  const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$17]]);
+  const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$17]]);
   const { componentName: componentName$V, create: create$1a } = createComponent("input-number");
-  const _sfc_main$19 = create$1a({
+  const _sfc_main$1a = create$1a({
     components: { Minus: iconsVue.Minus, Plus: iconsVue.Plus },
     props: {
       modelValue: {
@@ -7382,7 +7382,7 @@ var __publicField = (obj, key, value) => {
       ], 2)
     ], 2);
   }
-  const InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$16]]);
+  const InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$16]]);
   function trimExtraChar(value, char, regExp) {
     const index = value.indexOf(char);
     if (index === -1) {
@@ -7408,7 +7408,7 @@ var __publicField = (obj, key, value) => {
     return value.replace(regExp, "");
   }
   const { componentName: componentName$U, create: create$19 } = createComponent("input");
-  const _sfc_main$18 = create$19({
+  const _sfc_main$19 = create$19({
     props: {
       ref: {
         type: String,
@@ -7691,9 +7691,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 2);
   }
-  const Input = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$15]]);
+  const Input = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$15]]);
   const { componentName: componentName$T, create: create$18 } = createComponent("radio");
-  const _sfc_main$17 = create$18({
+  const _sfc_main$18 = create$18({
     components: {
       CheckNormal: iconsVue.CheckNormal,
       CheckChecked: iconsVue.CheckChecked
@@ -7783,7 +7783,7 @@ var __publicField = (obj, key, value) => {
     }
   });
   const { componentName: componentName$S, create: create$17 } = createComponent("radio-group");
-  const _sfc_main$16 = create$17({
+  const _sfc_main$17 = create$17({
     props: {
       modelValue: {
         type: [Number, String, Boolean],
@@ -7823,7 +7823,7 @@ var __publicField = (obj, key, value) => {
     }
   });
   const { create: create$16, componentName: componentName$R } = createComponent("rate");
-  const _sfc_main$15 = create$16({
+  const _sfc_main$16 = create$16({
     props: {
       count: {
         type: [String, Number],
@@ -7911,7 +7911,7 @@ var __publicField = (obj, key, value) => {
         }
         return v;
       };
-      const touch = useTouch$1();
+      const touch = useTouch();
       const touchMethods = {
         onTouchStart(event) {
           if (!props.touchable)
@@ -7991,9 +7991,9 @@ var __publicField = (obj, key, value) => {
       }), 128))
     ], 34);
   }
-  const Rate = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", render]]);
+  const Rate = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", render]]);
   const { create: create$15, translate: translate$m } = createComponent("short-password");
-  const _sfc_main$14 = create$15({
+  const _sfc_main$15 = create$15({
     components: {
       [Popup.name]: Popup,
       Tips: iconsVue.Tips
@@ -8146,9 +8146,9 @@ var __publicField = (obj, key, value) => {
       }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
     ]);
   }
-  const ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14]]);
+  const ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$14]]);
   const { componentName: componentName$Q, create: create$14, translate: translate$l } = createComponent("textarea");
-  const _sfc_main$13 = create$14({
+  const _sfc_main$14 = create$14({
     props: {
       modelValue: {
         type: String,
@@ -8305,7 +8305,7 @@ var __publicField = (obj, key, value) => {
       _ctx.limitShow ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$G, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + vue.toDisplayString(_ctx.maxLength), 1)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const Textarea = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13]]);
+  const Textarea = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$13]]);
   class UploadOptions {
     constructor() {
       __publicField(this, "url", "");
@@ -8386,7 +8386,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const { create: create$13 } = createComponent("progress");
-  const _sfc_main$12 = create$13({
+  const _sfc_main$13 = create$13({
     components: { Checked: iconsVue.Checked },
     props: {
       percentage: {
@@ -8519,9 +8519,9 @@ var __publicField = (obj, key, value) => {
       ], 4)) : vue.createCommentVNode("", true)
     ]);
   }
-  const Progress = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12]]);
+  const Progress = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$12]]);
   const { componentName: componentName$P, create: create$12, translate: translate$j } = createComponent("uploader");
-  const _sfc_main$11 = create$12({
+  const _sfc_main$12 = create$12({
     components: {
       [Progress.name]: Progress,
       Photograph: iconsVue.Photograph,
@@ -8893,9 +8893,9 @@ var __publicField = (obj, key, value) => {
       ], 2)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11]]);
+  const Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$11]]);
   const { create: create$11, translate: translate$i } = createComponent("number-keyboard");
-  const _sfc_main$10 = create$11({
+  const _sfc_main$11 = create$11({
     components: {
       [Popup.name]: Popup
     },
@@ -9170,7 +9170,7 @@ var __publicField = (obj, key, value) => {
       }, 8, ["visible", "popClass"])
     ], 512);
   }
-  const NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10]]);
+  const NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$10]]);
   const component$2 = (components) => {
     return {
       props: {
@@ -9323,7 +9323,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { create: create$10 } = createComponent("form");
-  const _sfc_main$$ = create$10(
+  const _sfc_main$10 = create$10(
     component$2({
       [CellGroup.name]: CellGroup
     })
@@ -9343,9 +9343,9 @@ var __publicField = (obj, key, value) => {
       })
     ], 32);
   }
-  const Form = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$]]);
+  const Form = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$$]]);
   const { componentName: componentName$O, create: create$$ } = createComponent("form-item");
-  const _sfc_main$_ = create$$({
+  const _sfc_main$$ = create$$({
     inheritAttrs: false,
     props: {
       prop: {
@@ -9454,9 +9454,9 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["class", "style"]);
   }
-  const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_]]);
+  const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$_]]);
   const { componentName: componentName$N, create: create$_ } = createComponent("swipe");
-  const _sfc_main$Z = create$_({
+  const _sfc_main$_ = create$_({
     props: {
       name: {
         type: String,
@@ -9544,7 +9544,7 @@ var __publicField = (obj, key, value) => {
         }
         state.offset = offset;
       };
-      const touch = useTouch$1();
+      const touch = useTouch();
       const touchMethods = {
         onTouchStart(event) {
           if (props.disabled)
@@ -9631,9 +9631,9 @@ var __publicField = (obj, key, value) => {
       ], 512)
     ], 38);
   }
-  const Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Z]]);
+  const Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$Z]]);
   const { componentName: componentName$M, create: create$Z } = createComponent("action-sheet");
-  const _sfc_main$Y = create$Z({
+  const _sfc_main$Z = create$Z({
     components: {
       [Popup.name]: Popup,
       Loading: iconsVue.Loading
@@ -9782,9 +9782,9 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"]);
   }
-  const ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y]]);
+  const ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Y]]);
   const { componentName: componentName$L, create: create$Y } = createComponent("backtop");
-  const _sfc_main$X = create$Y({
+  const _sfc_main$Y = create$Y({
     components: {
       Top: iconsVue.Top
     },
@@ -9929,9 +9929,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  const Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X]]);
+  const Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$X]]);
   const { componentName: componentName$K, create: create$X } = createComponent("drag");
-  const _sfc_main$W = create$X({
+  const _sfc_main$X = create$X({
     props: {
       attract: {
         type: Boolean,
@@ -10122,9 +10122,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 34);
   }
-  const Drag = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W]]);
+  const Drag = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$W]]);
   const { componentName: componentName$J, create: create$W, translate: translate$h } = createComponent("dialog");
-  const _sfc_main$V = create$W({
+  const _sfc_main$W = create$W({
     inheritAttrs: false,
     components: {
       [Popup.name]: Popup,
@@ -10328,7 +10328,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "style", "onClickOverlay", "onClickCloseIcon"]);
   }
-  const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V]]);
+  const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$V]]);
   class DialogOptions {
     constructor() {
       __publicField(this, "title", "");
@@ -10427,7 +10427,7 @@ var __publicField = (obj, key, value) => {
     return scrollParent;
   }
   const { componentName: componentName$I, create: create$V, translate: translate$g } = createComponent("infinite-loading");
-  const _sfc_main$U = create$V({
+  const _sfc_main$V = create$V({
     props: {
       modelValue: {
         type: Boolean,
@@ -10591,9 +10591,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 2);
   }
-  const InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$U]]);
+  const InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$U]]);
   const { componentName: componentName$H, create: create$U, translate: translate$f } = createComponent("pullrefresh");
-  const _sfc_main$T = create$U({
+  const _sfc_main$U = create$U({
     props: {
       modelValue: {
         type: Boolean,
@@ -10631,7 +10631,7 @@ var __publicField = (obj, key, value) => {
     emits: ["change", "refresh", "update:modelValue"],
     components: { Loading: iconsVue.Loading },
     setup(props, { emit, slots }) {
-      const touch = useTouch$1();
+      const touch = useTouch();
       const scroller = vue.ref();
       const scrollParent = useScrollParent(scroller);
       const state = vue.reactive({
@@ -10797,9 +10797,9 @@ var __publicField = (obj, key, value) => {
       ], 4)
     ], 34);
   }
-  const PullRefresh = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T]]);
+  const PullRefresh = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$T]]);
   const { create: create$T } = createComponent("notify");
-  const _sfc_main$S = create$T({
+  const _sfc_main$T = create$T({
     components: {
       [Popup.name]: Popup
     },
@@ -10892,7 +10892,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["visible", "position", "teleportDisable"]);
   }
-  const Notify = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S]]);
+  const Notify = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$S]]);
   const defaultOptions$1 = {
     type: "base",
     visible: true,
@@ -10901,6 +10901,7 @@ var __publicField = (obj, key, value) => {
     background: void 0,
     duration: 3e3,
     className: "",
+    onClose: Function,
     teleport: "",
     unmount: new Function()
   };
@@ -10961,6 +10962,7 @@ var __publicField = (obj, key, value) => {
         opts.teleport = `#notify-${opts.id}`;
         vue.onMounted(() => {
           setTimeout(() => {
+            opts.onClose && opts.onClose();
             document.body.removeChild(root);
           }, opts.duration);
         });
@@ -11009,7 +11011,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const { componentName: componentName$G, create: create$S } = createComponent("switch");
-  const _sfc_main$R = create$S({
+  const _sfc_main$S = create$S({
     components: { Loading1: iconsVue.Loading1 },
     props: {
       modelValue: {
@@ -11102,7 +11104,7 @@ var __publicField = (obj, key, value) => {
     }, [
       vue.createElementVNode("view", _hoisted_1$F, [
         _ctx.loading ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-          vue.createVNode(_component_Loading1)
+          vue.createVNode(_component_Loading1, { name: "loading" })
         ]) : vue.createCommentVNode("", true),
         _ctx.activeText ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           vue.withDirectives(vue.createElementVNode("view", { class: "nut-switch-label open" }, vue.toDisplayString(_ctx.activeText), 513), [
@@ -11115,9 +11117,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  const Switch = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R]]);
+  const Switch = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$R]]);
   const { create: create$R } = createComponent("toast");
-  const _sfc_main$Q = create$R({
+  const _sfc_main$R = create$R({
     components: {},
     props: {
       id: String,
@@ -11302,7 +11304,7 @@ var __publicField = (obj, key, value) => {
       _: 1
     }, 8, ["onAfterLeave"]);
   }
-  const Toast = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q]]);
+  const Toast = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$Q]]);
   const defaultOptions = {
     msg: "",
     id: "",
@@ -11419,7 +11421,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   const { componentName: componentName$F, create: create$Q } = createComponent("audio");
-  const _sfc_main$P = create$Q({
+  const _sfc_main$Q = create$Q({
     props: {
       url: {
         type: String,
@@ -11657,9 +11659,9 @@ var __publicField = (obj, key, value) => {
       }, null, 40, _hoisted_8$8)
     ]);
   }
-  const Audio = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$P]]);
+  const Audio = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$P]]);
   const { componentName: componentName$E, create: create$P, translate: translate$e } = createComponent("audio-operate");
-  const _sfc_main$O = create$P({
+  const _sfc_main$P = create$P({
     props: {
       type: {
         type: String,
@@ -11751,9 +11753,9 @@ var __publicField = (obj, key, value) => {
       ])) : vue.createCommentVNode("", true)
     ]);
   }
-  const AudioOperate = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$O]]);
+  const AudioOperate = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$O]]);
   const { componentName: componentName$D, create: create$O } = createComponent("avatar");
-  const _sfc_main$N = create$O({
+  const _sfc_main$O = create$O({
     props: {
       size: {
         type: String,
@@ -11857,9 +11859,9 @@ var __publicField = (obj, key, value) => {
       ], 64)) : vue.createCommentVNode("", true)
     ], 6)) : vue.createCommentVNode("", true);
   }
-  const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N]]);
+  const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$N]]);
   const { componentName: componentName$C, create: create$N } = createComponent("avatar-group");
-  const _sfc_main$M = create$N({
+  const _sfc_main$N = create$N({
     props: {
       maxContent: {
         type: String,
@@ -11925,10 +11927,10 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  const AvatarGroup = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M]]);
+  const AvatarGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$M]]);
   const { componentName: componentName$B, create: create$M } = createComponent("list");
   const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
-  const _sfc_main$L = create$M({
+  const _sfc_main$M = create$M({
     props: {
       height: {
         type: [Number],
@@ -12035,9 +12037,9 @@ var __publicField = (obj, key, value) => {
       ], 4)
     ], 38);
   }
-  const List = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L]]);
+  const List = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$L]]);
   const { componentName: componentName$A, create: create$L } = createComponent("circle-progress");
-  const _sfc_main$K = create$L({
+  const _sfc_main$L = create$L({
     props: {
       progress: {
         type: [Number, String],
@@ -12180,9 +12182,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  const CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$K]]);
+  const CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$K]]);
   const { componentName: componentName$z, create: create$K } = createComponent("noticebar");
-  const _sfc_main$J = create$K({
+  const _sfc_main$K = create$K({
     props: {
       direction: {
         type: String,
@@ -12547,14 +12549,14 @@ var __publicField = (obj, key, value) => {
       ], 4)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const Noticebar = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J]]);
+  const Noticebar = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$J]]);
   const { componentName: componentName$y, create: create$J, 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$I = create$J({
+  const _sfc_main$J = create$J({
     props: {
       image: {
         type: String,
@@ -12613,7 +12615,7 @@ var __publicField = (obj, key, value) => {
       _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("", true)
     ]);
   }
-  const Empty = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$I]]);
+  const Empty = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$I]]);
   function throttle(fn, delay) {
     let timer = null;
     let startTime = Date.now();
@@ -12631,7 +12633,7 @@ var __publicField = (obj, key, value) => {
     };
   }
   const { create: create$I, translate: translate$c } = createComponent("video");
-  const _sfc_main$H = create$I({
+  const _sfc_main$I = create$I({
     props: {
       source: {
         type: Object,
@@ -12996,9 +12998,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 512);
   }
-  const Video = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$H]]);
+  const Video = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$H]]);
   const { create: create$H, componentName: componentName$x } = createComponent("steps");
-  const _sfc_main$G = create$H({
+  const _sfc_main$H = create$H({
     props: {
       direction: {
         type: String,
@@ -13051,7 +13053,7 @@ var __publicField = (obj, key, value) => {
     }
   });
   const { create: create$G, componentName: componentName$w } = createComponent("step");
-  const _sfc_main$F = create$G({
+  const _sfc_main$G = create$G({
     props: {
       title: {
         type: String,
@@ -13145,57 +13147,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 2);
   }
-  const Step = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$G]]);
-  const DISTANCE = 5;
-  function useTouch() {
-    const state = vue.reactive({
-      startX: 0,
-      startY: 0,
-      deltaX: 0,
-      deltaY: 0,
-      offsetX: 0,
-      offsetY: 0,
-      direction: ""
-    });
-    const getDirection2 = (x, y) => {
-      if (x > y && x > DISTANCE)
-        return "horizontal";
-      if (y > x && y > DISTANCE)
-        return "vertical";
-      return "";
-    };
-    const reset = () => {
-      state.startX = 0;
-      state.startY = 0;
-      state.deltaX = 0;
-      state.deltaY = 0;
-      state.offsetX = 0;
-      state.offsetY = 0;
-      state.direction = "";
-    };
-    const start = (e) => {
-      reset();
-      state.startX = e.touches[0].clientX;
-      state.startY = e.touches[0].clientY;
-    };
-    const move = (e) => {
-      state.deltaX = e.touches[0].clientX - state.startX;
-      state.deltaY = e.touches[0].clientY - state.startY;
-      state.offsetX = Math.abs(state.deltaX);
-      state.offsetY = Math.abs(state.deltaY);
-      if (!state.direction) {
-        state.direction = getDirection2(state.offsetX, state.offsetY);
-      }
-    };
-    return {
-      state,
-      start,
-      reset,
-      move
-    };
-  }
+  const Step = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$G]]);
   const { create: create$F, componentName: componentName$v } = createComponent("swiper");
-  const _sfc_main$E = create$F({
+  const _sfc_main$F = create$F({
     props: {
       width: {
         type: [Number, String],
@@ -13206,7 +13160,7 @@ var __publicField = (obj, key, value) => {
         default: 0
       },
       direction: {
-        type: [String],
+        type: String,
         default: "horizontal"
       },
       paginationVisible: {
@@ -13275,11 +13229,25 @@ var __publicField = (obj, key, value) => {
         };
       });
       const isVertical = vue.computed(() => props.direction === "vertical");
+      const classesInner = vue.computed(() => {
+        const prefixCls = componentName$v;
+        return {
+          [`${prefixCls}-inner`]: true,
+          [`${prefixCls}-vertical`]: isVertical.value
+        };
+      });
+      const classesPagination = vue.computed(() => {
+        const prefixCls = componentName$v;
+        return {
+          [`${prefixCls}-pagination`]: true,
+          [`${prefixCls}-pagination-vertical`]: isVertical.value
+        };
+      });
       const delTa = vue.computed(() => {
-        return isVertical.value ? touch.state.deltaY : touch.state.deltaX;
+        return isVertical.value ? touch.deltaY.value : touch.deltaX.value;
       });
       const isCorrectDirection = vue.computed(() => {
-        return touch.state.direction === props.direction;
+        return touch.direction.value === props.direction;
       });
       const childCount = vue.computed(() => state.children.length);
       const size = vue.computed(() => state[isVertical.value ? "height" : "width"]);
@@ -13294,12 +13262,7 @@ var __publicField = (obj, key, value) => {
       const activePagination = vue.computed(() => (state.active + childCount.value) % childCount.value);
       const getStyle = () => {
         let offset = 0;
-        if (!props.isCenter) {
-          offset = state.offset;
-        } else {
-          let val = isVertical.value ? state.rect.height - size.value : state.rect.width - size.value;
-          offset = state.offset + (state.active === childCount.value - 1 ? -val / 2 : val / 2);
-        }
+        offset = state.offset;
         state.style = {
           transitionDuration: `${state.moving ? 0 : props.duration}ms`,
           transform: `translate${isVertical.value ? "Y" : "X"}(${offset}px)`,
@@ -13310,26 +13273,27 @@ var __publicField = (obj, key, value) => {
       const relation = (child) => {
         var _a;
         let children = [];
+        const childrenVNodeLen = state.childrenVNode.length;
         let slot = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
         slot = slot.filter((item) => item.children && Array.isArray(item.children));
         slot.forEach((item) => {
           children = children.concat(item.children);
         });
-        if (!state.childrenVNode.length) {
+        if (!childrenVNodeLen) {
           state.childrenVNode = children.slice();
           child.proxy && state.children.push(child.proxy);
         } else {
-          if (state.childrenVNode.length > children.length) {
+          if (childrenVNodeLen > children.length) {
             state.children = state.children.filter((item) => child.proxy !== item);
-          } else if (state.childrenVNode.length < children.length) {
-            for (let i = 0; i < state.childrenVNode.length; i++) {
+          } else if (childrenVNodeLen < children.length) {
+            for (let i = 0; i < childrenVNodeLen; i++) {
               if (children[i].key !== state.childrenVNode[i].key) {
                 child.proxy && state.children.splice(i, 0, child.proxy);
                 child.vnode && state.childrenVNode.splice(i, 0, child.vnode);
                 break;
               }
             }
-            if (state.childrenVNode.length !== children.length) {
+            if (childrenVNodeLen !== children.length) {
               child.proxy && state.children.push(child.proxy);
               child.vnode && state.childrenVNode.push(child.vnode);
             }
@@ -13339,12 +13303,6 @@ var __publicField = (obj, key, value) => {
           }
         }
       };
-      const range = (num, min, max) => {
-        return Math.min(Math.max(num, min), max);
-      };
-      const requestFrame = (fn) => {
-        window.requestAnimationFrame.call(window, fn);
-      };
       const getOffset = (active, offset = 0) => {
         let currentPosition = active * size.value;
         if (!props.loop) {
@@ -13352,7 +13310,7 @@ var __publicField = (obj, key, value) => {
         }
         let targetOffset = offset - currentPosition;
         if (!props.loop) {
-          targetOffset = range(targetOffset, minOffset.value, 0);
+          targetOffset = clamp(targetOffset, minOffset.value, 0);
         }
         return targetOffset;
       };
@@ -13360,9 +13318,9 @@ var __publicField = (obj, key, value) => {
         const { active } = state;
         if (pace) {
           if (props.loop) {
-            return range(active + pace, -1, childCount.value);
+            return clamp(active + pace, -1, childCount.value);
           }
-          return range(active + pace, 0, childCount.value - 1);
+          return clamp(active + pace, 0, childCount.value - 1);
         }
         return active;
       };
@@ -13401,48 +13359,39 @@ var __publicField = (obj, key, value) => {
       const stopAutoPlay = () => {
         clearTimeout(state.autoplayTimer);
       };
-      const prev = () => {
+      const jump = (pace) => {
         resettPosition();
         touch.reset();
-        requestFrame(() => {
-          requestFrame(() => {
+        requestAniFrame$1(() => {
+          requestAniFrame$1(() => {
             state.moving = false;
             move({
-              pace: -1,
+              pace,
               isEmit: true
             });
           });
         });
       };
+      const prev = () => {
+        jump(-1);
+      };
       const next = () => {
-        resettPosition();
-        touch.reset();
-        requestFrame(() => {
-          requestFrame(() => {
-            state.moving = false;
-            move({
-              pace: 1,
-              isEmit: true
-            });
-          });
-        });
+        jump(1);
       };
       const to = (index) => {
         resettPosition();
         touch.reset();
-        requestFrame(() => {
-          requestFrame(() => {
-            state.moving = false;
-            let targetIndex;
-            if (props.loop && childCount.value === index) {
-              targetIndex = state.active === 0 ? 0 : index;
-            } else {
-              targetIndex = index % childCount.value;
-            }
-            move({
-              pace: targetIndex - state.active,
-              isEmit: true
-            });
+        requestAniFrame$1(() => {
+          state.moving = false;
+          let targetIndex;
+          if (props.loop && childCount.value === index) {
+            targetIndex = state.active === 0 ? 0 : index;
+          } else {
+            targetIndex = index % childCount.value;
+          }
+          move({
+            pace: targetIndex - state.active,
+            isEmit: true
           });
         });
       };
@@ -13496,7 +13445,7 @@ var __publicField = (obj, key, value) => {
         const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(delTa.value) > +(size.value / 2).toFixed(2);
         if (isShouldMove && isCorrectDirection.value) {
           let pace = 0;
-          const offset = isVertical.value ? touch.state.offsetY : touch.state.offsetX;
+          const offset = isVertical.value ? touch.offsetY.value : touch.offsetX.value;
           if (props.loop) {
             pace = offset > 0 ? delTa.value > 0 ? -1 : 1 : 0;
           } else {
@@ -13554,10 +13503,9 @@ var __publicField = (obj, key, value) => {
       return {
         state,
         classes,
+        classesInner,
+        classesPagination,
         container,
-        componentName: componentName$v,
-        isVertical,
-        slots,
         activePagination,
         onTouchStart,
         onTouchMove,
@@ -13575,21 +13523,15 @@ var __publicField = (obj, key, value) => {
       onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
     }, [
       vue.createElementVNode("view", {
-        class: vue.normalizeClass({
-          [`${_ctx.componentName}-inner`]: true,
-          [`${_ctx.componentName}-vertical`]: _ctx.isVertical
-        }),
+        class: vue.normalizeClass(_ctx.classesInner),
         style: vue.normalizeStyle(_ctx.state.style)
       }, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 6),
       vue.renderSlot(_ctx.$slots, "page"),
-      _ctx.paginationVisible && !_ctx.slots.page ? (vue.openBlock(), vue.createElementBlock("view", {
+      _ctx.paginationVisible && !_ctx.$slots.page ? (vue.openBlock(), vue.createElementBlock("view", {
         key: 0,
-        class: vue.normalizeClass({
-          [`${_ctx.componentName}-pagination`]: true,
-          [`${_ctx.componentName}-pagination-vertical`]: _ctx.isVertical
-        })
+        class: vue.normalizeClass(_ctx.classesPagination)
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.state.children.length, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("i", {
@@ -13603,9 +13545,9 @@ var __publicField = (obj, key, value) => {
       ], 2)) : vue.createCommentVNode("", true)
     ], 34);
   }
-  const Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$F]]);
+  const Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F]]);
   const { create: create$E, componentName: componentName$u } = createComponent("swiper-item");
-  const _sfc_main$D = create$E({
+  const _sfc_main$E = create$E({
     setup(props, { slots }) {
       const parent = vue.inject("parent");
       parent["relation"](vue.getCurrentInstance());
@@ -13650,9 +13592,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  const SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$E]]);
+  const SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E]]);
   const { componentName: componentName$t, create: create$D } = createComponent("price");
-  const _sfc_main$C = create$D({
+  const _sfc_main$D = create$D({
     props: {
       price: {
         type: [Number, String],
@@ -13763,7 +13705,7 @@ var __publicField = (obj, key, value) => {
       }, null, 10, _hoisted_2$s)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const Price = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$D]]);
+  const Price = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D]]);
   const baseProps = {
     show: { type: Boolean, default: false },
     initNo: { type: Number, default: 0 },
@@ -13772,7 +13714,7 @@ var __publicField = (obj, key, value) => {
     maxZoom: { type: Number, default: 3 }
   };
   const { create: create$C } = createComponent("image-preview-item");
-  const _sfc_main$B = create$C({
+  const _sfc_main$C = create$C({
     props: {
       ...baseProps,
       image: {
@@ -13807,7 +13749,7 @@ var __publicField = (obj, key, value) => {
         displayWidth: 0,
         displayHeight: 0
       });
-      const touch = useTouch$1();
+      const touch = useTouch();
       const vertical = vue.computed(() => {
         const { rootWidth, rootHeight } = props;
         const rootRatio = rootHeight / rootWidth;
@@ -14019,9 +13961,9 @@ var __publicField = (obj, key, value) => {
       _: 1
     }, 8, ["onClick"]);
   }
-  const ImagePreviewItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$C]]);
+  const ImagePreviewItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$C]]);
   const { create: create$B } = createComponent("image-preview");
-  const _sfc_main$A = create$B({
+  const _sfc_main$B = create$B({
     props: {
       ...baseProps,
       images: { type: Array, default: () => [] },
@@ -14036,10 +13978,6 @@ var __publicField = (obj, key, value) => {
         type: Boolean,
         default: false
       },
-      closeIcon: {
-        type: String,
-        default: "circle-close"
-      },
       closeIconPosition: {
         type: String,
         default: "top-right"
@@ -14096,6 +14034,7 @@ var __publicField = (obj, key, value) => {
       const init = () => {
         if (swipeRef.value) {
           const rect = useRect(swipeRef.value);
+          console.log("show");
           state.rootHeight = rect.height;
           state.rootWidth = rect.width;
         }
@@ -14103,6 +14042,7 @@ var __publicField = (obj, key, value) => {
       vue.watch(
         () => props.show,
         (val) => {
+          console.log("展示", val);
           state.showPop = val;
           init();
         }
@@ -14196,7 +14136,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["visible", "teleportDisable", "teleport", "onClosed"]);
   }
-  const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$B]]);
+  const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B]]);
   class ImagePreviewOptions {
     constructor() {
       __publicField(this, "show", false);
@@ -14226,7 +14166,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "options", new ImagePreviewOptions());
       const options = Object.assign(this.options, _options);
       const { instance, unmount } = CreateComponent(options, {
-        name: "imagepreview",
+        name: "image-preview",
         components: [Popup, Video, Swiper, SwiperItem, Overlay],
         wrapper: () => {
           return {
@@ -14255,7 +14195,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const { componentName: componentName$s, create: create$A } = createComponent("countup");
-  const _sfc_main$z = create$A({
+  const _sfc_main$A = create$A({
     props: {
       initNum: {
         type: Number,
@@ -14804,7 +14744,7 @@ var __publicField = (obj, key, value) => {
       ], 64))
     ]);
   }
-  const Countup = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$A]]);
+  const Countup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A]]);
   const getTimeStamp = (timeStr) => {
     if (!timeStr)
       return Date.now();
@@ -14813,7 +14753,7 @@ var __publicField = (obj, key, value) => {
     return new Date(t).getTime();
   };
   const { componentName: componentName$r, create: create$z, translate: translate$b } = createComponent("countdown");
-  const _sfc_main$y = create$z({
+  const _sfc_main$z = create$z({
     props: {
       modelValue: {
         type: Object,
@@ -15044,9 +14984,9 @@ var __publicField = (obj, key, value) => {
       }, null, 8, _hoisted_1$s))
     ], 2);
   }
-  const Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$z]]);
+  const Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z]]);
   const { componentName: componentName$q, create: create$y } = createComponent("tag");
-  const _sfc_main$x = create$y({
+  const _sfc_main$y = create$y({
     props: {
       color: { type: String, default: "" },
       textColor: { type: String, default: "" },
@@ -15134,9 +15074,9 @@ var __publicField = (obj, key, value) => {
       }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
     ], 6);
   }
-  const Tag = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$y]]);
+  const Tag = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y]]);
   const { create: create$x } = createComponent("popover");
-  const _sfc_main$w = create$x({
+  const _sfc_main$x = create$x({
     components: {
       [Popup.name]: Popup
     },
@@ -15403,7 +15343,7 @@ var __publicField = (obj, key, value) => {
       ], 6)
     ], 64);
   }
-  const Popover = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$x]]);
+  const Popover = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x]]);
   const component$1 = (components) => {
     return {
       components,
@@ -15488,7 +15428,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { create: create$w } = createComponent("skeleton");
-  const _sfc_main$v = create$w(
+  const _sfc_main$w = create$w(
     component$1({
       [Avatar.name]: Avatar
     })
@@ -15536,9 +15476,9 @@ var __publicField = (obj, key, value) => {
       ])
     ]));
   }
-  const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$w]]);
+  const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w]]);
   const { create: create$v, componentName: componentName$p } = createComponent("collapse");
-  const _sfc_main$u = create$v({
+  const _sfc_main$v = create$v({
     props: {
       active: {
         type: [String, Number, Array],
@@ -15616,9 +15556,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  const Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$v]]);
+  const Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v]]);
   const { create: create$u, componentName: componentName$o } = createComponent("collapse-item");
-  const _sfc_main$t = create$u({
+  const _sfc_main$u = create$u({
     props: {
       collapseRef: {
         type: Object
@@ -15855,7 +15795,7 @@ var __publicField = (obj, key, value) => {
       ], 512)
     ], 2);
   }
-  const CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$u]]);
+  const CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u]]);
   const RenderColumn = {
     setup(props) {
       return () => vue.h(`view`, {}, props.slots[0] ? props.slots[0](props.record) : props.slots[1](props.record));
@@ -15960,7 +15900,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const { componentName: componentName$n, create: create$t, translate: translate$a } = createComponent("table");
-  const _sfc_main$s = create$t(component(componentName$n, translate$a));
+  const _sfc_main$t = create$t(component(componentName$n, translate$a));
   const _hoisted_1$o = { class: "nut-table__main__head" };
   const _hoisted_2$m = { class: "nut-table__main__head__tr" };
   const _hoisted_3$k = ["onClick"];
@@ -16047,9 +15987,9 @@ var __publicField = (obj, key, value) => {
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$t]]);
+  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t]]);
   const { componentName: componentName$m, create: create$s } = createComponent("animate");
-  const _sfc_main$r = create$s({
+  const _sfc_main$s = create$s({
     props: {
       type: {
         type: String,
@@ -16101,9 +16041,9 @@ var __publicField = (obj, key, value) => {
       ], 2)
     ]);
   }
-  const Animate = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$s]]);
+  const Animate = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s]]);
   const { componentName: componentName$l, create: create$r } = createComponent("ellipsis");
-  const _sfc_main$q = create$r({
+  const _sfc_main$r = create$r({
     props: {
       content: {
         type: String,
@@ -16306,9 +16246,9 @@ var __publicField = (obj, key, value) => {
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const Ellipsis = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$r]]);
+  const Ellipsis = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r]]);
   const { componentName: componentName$k, create: create$q } = createComponent("watermark");
-  const _sfc_main$p = create$q({
+  const _sfc_main$q = create$q({
     props: {
       name: {
         type: String,
@@ -16489,9 +16429,9 @@ var __publicField = (obj, key, value) => {
       })
     }, null, 6);
   }
-  const Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$q]]);
+  const Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
   const { componentName: componentName$j, create: create$p } = createComponent("trend-arrow");
-  const _sfc_main$o = create$p({
+  const _sfc_main$p = create$p({
     components: { TriangleUp: iconsVue.TriangleUp, TriangleDown: iconsVue.TriangleDown },
     props: {
       rate: {
@@ -16588,9 +16528,9 @@ var __publicField = (obj, key, value) => {
       }, vue.toDisplayString(_ctx.calcRate), 5)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  const TrendArrow = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$p]]);
+  const TrendArrow = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
   const { create: create$o } = createComponent("tour");
-  const _sfc_main$n = create$o({
+  const _sfc_main$o = create$o({
     components: {
       [Popover.name]: Popover,
       Close: iconsVue.Close
@@ -16840,9 +16780,9 @@ var __publicField = (obj, key, value) => {
       }), 128))
     ], 2);
   }
-  const Tour = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$o]]);
+  const Tour = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o]]);
   const { componentName: componentName$i, create: create$n, translate: translate$9 } = createComponent("address");
-  const _sfc_main$m = create$n({
+  const _sfc_main$n = create$n({
     components: {
       Location: iconsVue.Location,
       Location2: iconsVue.Location2,
@@ -17319,9 +17259,9 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["lock-scroll", "onClose", "onClickOverlay", "visible", "teleportDisable", "teleport"]);
   }
-  const Address = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$n]]);
+  const Address = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n]]);
   const { componentName: componentName$h, create: create$m } = createComponent("barrage");
-  const __default__ = create$m({
+  const _sfc_main$m = create$m({
     name: "barrage",
     props: {
       danmu: {
@@ -17384,6 +17324,8 @@ var __publicField = (obj, key, value) => {
           danmuList.value = dmList;
         }
         setTimeout(() => {
+          var _a2;
+          (_a2 = dmBody.value) == null ? void 0 : _a2.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
           run();
         }, 300);
       });
@@ -17416,14 +17358,13 @@ var __publicField = (obj, key, value) => {
       const run = () => {
         clearInterval(timer);
         timer = 0;
-        timer = setInterval(() => {
+        timer = setTimeout(() => {
           play();
           run();
         }, props.frequency);
       };
-      const distance = vue.ref("0");
       const play = () => {
-        var _a, _b, _c;
+        var _a;
         if (!props.loop && index.value >= danmuList.value.length) {
           return;
         }
@@ -17431,13 +17372,7 @@ var __publicField = (obj, key, value) => {
         let el = document.createElement(`view`);
         if (slotDefault && typeof danmuList.value[_index] == "object") {
           el = danmuList.value[_index];
-          if ((_a = el == null ? void 0 : el.classList) == null ? void 0 : _a.contains("nut-barrage__item")) {
-            el.classList.remove("nut-barrage__item");
-          }
-          if ((_b = el == null ? void 0 : el.classList) == null ? void 0 : _b.contains("move")) {
-            el.classList.remove("move");
-          }
-          (_c = el == null ? void 0 : el.classList) == null ? void 0 : _c.add("nut-barrage__item");
+          (_a = el == null ? void 0 : el.classList) == null ? void 0 : _a.add("nut-barrage__item");
         } else {
           el.innerHTML = danmuList.value[_index];
           el.classList.add("nut-barrage__item");
@@ -17454,11 +17389,15 @@ var __publicField = (obj, key, value) => {
             const width = el.offsetWidth;
             el.style.width = width + 20 + "px";
           }
-          el.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
-          distance.value = "-" + speeds / 1e3 * 150 + "%";
           el.dataset.index = `${_index}`;
           if (slotDefault) {
             index.value++;
+            el.addEventListener("animationend", () => {
+              var _a3;
+              if ((_a3 = el == null ? void 0 : el.classList) == null ? void 0 : _a3.contains("move")) {
+                el.classList.remove("move");
+              }
+            });
           } else {
             el.addEventListener("animationend", () => {
               dmContainer.value.removeChild(el);
@@ -17467,20 +17406,9 @@ var __publicField = (obj, key, value) => {
           }
         });
       };
-      return { classTime, classes, danmuList, dmBody, dmContainer, add, distance };
+      return { classTime, classes, danmuList, dmBody, dmContainer, add };
     }
   });
-  const __injectCSSVars__ = () => {
-    vue.useCssVars((_ctx) => ({
-      "9e8362c8": _ctx.distance
-    }));
-  };
-  const __setup__ = __default__.setup;
-  __default__.setup = __setup__ ? (props, ctx) => {
-    __injectCSSVars__();
-    return __setup__(props, ctx);
-  } : __injectCSSVars__;
-  const index_vue_vue_type_style_index_0_lang = "";
   function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "dmBody",
@@ -17499,7 +17427,7 @@ var __publicField = (obj, key, value) => {
       ], 2)
     ], 2);
   }
-  const Barrage = /* @__PURE__ */ _export_sfc(__default__, [["render", _sfc_render$m]]);
+  const Barrage = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
   const { componentName: componentName$g, create: create$l, translate: translate$8 } = createComponent("signature");
   const _sfc_main$l = create$l({
     props: {
@@ -19791,8 +19719,8 @@ var __publicField = (obj, key, value) => {
     components: {
       [Form.name]: Form,
       [FormItem.name]: FormItem,
+      [_sfc_main$18.name]: _sfc_main$18,
       [_sfc_main$17.name]: _sfc_main$17,
-      [_sfc_main$16.name]: _sfc_main$16,
       [Button.name]: Button
     },
     props: {
@@ -19925,7 +19853,7 @@ var __publicField = (obj, key, value) => {
   }
   const Invoice = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
   function install(app) {
-    const packages = [Button, Cell, CellGroup, Overlay, Popup, _sfc_main$1I, Image$1, _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$1e, _sfc_main$1d, DatePicker, InputNumber, Input, _sfc_main$17, _sfc_main$16, Rate, CalendarItem, Picker, ShortPassword, Textarea, Uploader, NumberKeyboard, Form, FormItem, Swipe, ActionSheet, Backtop, Drag, _Dialog, InfiniteLoading, PullRefresh, NotifyFunction, 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, TrendArrow, Tour, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment, Invoice];
+    const packages = [Button, Cell, CellGroup, 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$1f, _sfc_main$1e, DatePicker, InputNumber, Input, _sfc_main$18, _sfc_main$17, Rate, CalendarItem, Picker, ShortPassword, Textarea, Uploader, NumberKeyboard, Form, FormItem, Swipe, ActionSheet, Backtop, Drag, _Dialog, InfiniteLoading, PullRefresh, NotifyFunction, Switch, ToastFunction, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, Noticebar, Empty, Video, _sfc_main$H, Step, Swiper, SwiperItem, Price, _ImagePreview, Countup, Countdown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, Watermark, TrendArrow, Tour, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment, Invoice];
     packages.forEach((item) => {
       if (item.install) {
         app.use(item);
@@ -19934,7 +19862,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   }
-  const version = "4.0.0-beta.7";
+  const version = "4.0.0-beta.8";
   const nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;
@@ -19956,14 +19884,14 @@ var __publicField = (obj, key, value) => {
   exports2.CategoryPane = CategoryPane;
   exports2.Cell = Cell;
   exports2.CellGroup = CellGroup;
-  exports2.Checkbox = _sfc_main$1e;
-  exports2.CheckboxGroup = _sfc_main$1d;
+  exports2.Checkbox = _sfc_main$1f;
+  exports2.CheckboxGroup = _sfc_main$1e;
   exports2.CircleProgress = CircleProgress;
   exports2.Col = Col;
   exports2.Collapse = Collapse;
   exports2.CollapseItem = CollapseItem;
   exports2.Comment = Comment;
-  exports2.ConfigProvider = _sfc_main$1I;
+  exports2.ConfigProvider = _sfc_main$1J;
   exports2.Countdown = Countdown;
   exports2.Countup = Countup;
   exports2.DatePicker = DatePicker;
@@ -19977,7 +19905,7 @@ var __publicField = (obj, key, value) => {
   exports2.FixedNav = FixedNav;
   exports2.Form = Form;
   exports2.FormItem = FormItem;
-  exports2.Grid = _sfc_main$1B;
+  exports2.Grid = _sfc_main$1C;
   exports2.GridItem = GridItem;
   exports2.Image = Image$1;
   exports2.ImagePreview = _ImagePreview;
@@ -19986,7 +19914,7 @@ var __publicField = (obj, key, value) => {
   exports2.Input = Input;
   exports2.InputNumber = InputNumber;
   exports2.Invoice = Invoice;
-  exports2.Layout = _sfc_main$1G;
+  exports2.Layout = _sfc_main$1H;
   exports2.List = List;
   exports2.Locale = Locale;
   exports2.Menu = Menu;
@@ -20003,8 +19931,8 @@ var __publicField = (obj, key, value) => {
   exports2.Price = Price;
   exports2.Progress = Progress;
   exports2.PullRefresh = PullRefresh;
-  exports2.Radio = _sfc_main$17;
-  exports2.RadioGroup = _sfc_main$16;
+  exports2.Radio = _sfc_main$18;
+  exports2.RadioGroup = _sfc_main$17;
   exports2.Range = Range;
   exports2.Rate = Rate;
   exports2.Row = Row;
@@ -20016,8 +19944,8 @@ var __publicField = (obj, key, value) => {
   exports2.Skeleton = Skeleton;
   exports2.Sku = Sku;
   exports2.Step = Step;
-  exports2.Steps = _sfc_main$G;
-  exports2.Sticky = _sfc_main$1D;
+  exports2.Steps = _sfc_main$H;
+  exports2.Sticky = _sfc_main$1E;
   exports2.SubSideNavbar = SubSideNavbar;
   exports2.Swipe = Swipe;
   exports2.Swiper = Swiper;