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

package/dist/nutui.umd.cjs

@@ -4,11 +4,6 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-/*!
-* @nutui/nutui v4.0.0-beta.6 Thu Dec 29 2022 12:45:01 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("@nutui/icons-vue")) : typeof define === "function" && define.amd ? define(["exports", "vue", "@nutui/icons-vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.nutui = {}, global.Vue, global.iconsVue));
 })(this, function(exports2, vue, iconsVue) {
@@ -125,7 +120,6 @@ var __publicField = (obj, key, value) => {
       });
     }
   };
-  const ZhCNLang = Lang$1;
   class Lang extends BaseLang {
     constructor() {
       super(...arguments);
@@ -236,7 +230,6 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
-  const EnUSLang = Lang;
   const funInterceptor = (interceptor, {
     args = [],
     done,
@@ -376,8 +369,8 @@ var __publicField = (obj, key, value) => {
     return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
   };
   const langs = vue.reactive({
-    "zh-CN": new ZhCNLang(),
-    "en-US": new EnUSLang()
+    "zh-CN": new Lang$1(),
+    "en-US": new Lang()
   });
   class Locale {
     static languages() {
@@ -400,13 +393,12 @@ var __publicField = (obj, key, value) => {
     }
   }
   __publicField(Locale, "currentLang", vue.ref("zh-CN"));
-  const Locale$1 = Locale;
   function createComponent(name) {
     const componentName2 = "nut-" + name;
     return {
       componentName: componentName2,
       translate(keyPath, ...args) {
-        const languages = Locale$1.languages();
+        const languages = Locale.languages();
         const text = getPropByPath(languages, `${name.replace("-", "")}.${keyPath}`) || getPropByPath(languages, keyPath);
         return isFunction(text) ? text(...args) : text;
       },
@@ -3774,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);
@@ -3878,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);
@@ -4601,7 +4593,6 @@ var __publicField = (obj, key, value) => {
       return Array.isArray(children) && Boolean(children.length);
     }
   }
-  const Tree$1 = Tree;
   const { create: create$1j, translate: translate$q } = createComponent("cascader-item");
   const _sfc_main$1j = create$1j({
     components: {
@@ -4646,7 +4637,7 @@ var __publicField = (obj, key, value) => {
       const tabsCursor = vue.ref(0);
       const initLoading = vue.ref(false);
       const innerValue = vue.ref(props.modelValue);
-      const tree = vue.ref(new Tree$1([], {}));
+      const tree = vue.ref(new Tree([], {}));
       const panes = vue.ref([]);
       const isLazy = vue.computed(() => configs.value.lazy && Boolean(configs.value.lazyLoad));
       const lazyLoadMap = /* @__PURE__ */ new Map();
@@ -4661,7 +4652,7 @@ var __publicField = (obj, key, value) => {
         if (configs.value.convertConfig) {
           options = convertListToOptions(options, configs.value.convertConfig);
         }
-        tree.value = new Tree$1(options, {
+        tree.value = new Tree(options, {
           value: configs.value.valueKey,
           text: configs.value.textKey,
           children: configs.value.childrenKey
@@ -5107,7 +5098,6 @@ var __publicField = (obj, key, value) => {
       return false;
     }
   };
-  const Utils$1 = Utils;
   const _window = window;
   const inBrowser = typeof window !== "undefined";
   function requestAniFrame() {
@@ -5182,11 +5172,11 @@ var __publicField = (obj, key, value) => {
       },
       startDate: {
         type: String,
-        default: Utils$1.getDay(0)
+        default: Utils.getDay(0)
       },
       endDate: {
         type: String,
-        default: Utils$1.getDay(365)
+        default: Utils.getDay(365)
       },
       firstDayOfWeek: {
         type: Number,
@@ -5248,32 +5238,32 @@ var __publicField = (obj, key, value) => {
         return date.split("-");
       };
       const isStart = (currDate) => {
-        return Utils$1.isEqual(state.currDate[0], currDate);
+        return Utils.isEqual(state.currDate[0], currDate);
       };
       const isEnd = (currDate) => {
-        return Utils$1.isEqual(state.currDate[1], currDate);
+        return Utils.isEqual(state.currDate[1], currDate);
       };
       const isMultiple = (currDate) => {
         if (state.currDate.length > 0) {
           return state.currDate.some((item) => {
-            return Utils$1.isEqual(item, currDate);
+            return Utils.isEqual(item, currDate);
           });
         } else {
           return false;
         }
       };
       const getCurrDate = (day, month) => {
-        return month.curData[0] + "-" + month.curData[1] + "-" + Utils$1.getNumTwoBit(+day.day);
+        return month.curData[0] + "-" + month.curData[1] + "-" + Utils.getNumTwoBit(+day.day);
       };
       const getClass = (day, month) => {
         const currDate = getCurrDate(day, month);
         const { type } = props;
         if (day.type == "curr") {
-          if (Utils$1.isEqual(state.currDate, currDate) || type == "range" && (isStart(currDate) || isEnd(currDate)) || type == "multiple" && isMultiple(currDate)) {
+          if (Utils.isEqual(state.currDate, currDate) || type == "range" && (isStart(currDate) || isEnd(currDate)) || type == "multiple" && isMultiple(currDate)) {
             return `${state.dayPrefix}--active`;
-          } else if (state.propStartDate && Utils$1.compareDate(currDate, state.propStartDate) || state.propEndDate && Utils$1.compareDate(state.propEndDate, currDate)) {
+          } else if (state.propStartDate && Utils.compareDate(currDate, state.propStartDate) || state.propEndDate && Utils.compareDate(state.propEndDate, currDate)) {
             return `${state.dayPrefix}--disabled`;
-          } else if (type == "range" && Array.isArray(state.currDate) && Object.values(state.currDate).length == 2 && Utils$1.compareDate(state.currDate[0], currDate) && Utils$1.compareDate(currDate, state.currDate[1])) {
+          } else if (type == "range" && Array.isArray(state.currDate) && Object.values(state.currDate).length == 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
             return `${state.dayPrefix}--choose`;
           } else {
             return null;
@@ -5296,9 +5286,9 @@ var __publicField = (obj, key, value) => {
         if (getClass(day, month) != `${state.dayPrefix}--disabled`) {
           const { type } = props;
           let days = [...month.curData];
-          days[2] = typeof day.day == "number" ? Utils$1.getNumTwoBit(day.day) : day.day;
+          days[2] = typeof day.day == "number" ? Utils.getNumTwoBit(day.day) : day.day;
           days[3] = `${days[0]}-${days[1]}-${days[2]}`;
-          days[4] = Utils$1.getWhatDay(+days[0], +days[1], +days[2]);
+          days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
           if (type == "multiple") {
             if (state.currDate.length > 0) {
               let hasIndex = void 0;
@@ -5327,7 +5317,7 @@ var __publicField = (obj, key, value) => {
             if (curDataLength == 2 || curDataLength == 0) {
               state.currDate = [days[3]];
             } else {
-              if (Utils$1.compareDate(state.currDate[0], days[3])) {
+              if (Utils.compareDate(state.currDate[0], days[3])) {
                 Array.isArray(state.currDate) && state.currDate.push(days[3]);
               } else {
                 Array.isArray(state.currDate) && state.currDate.unshift(days[3]);
@@ -5336,7 +5326,7 @@ var __publicField = (obj, key, value) => {
             if (state.chooseData.length == 2 || !state.chooseData.length) {
               state.chooseData = [[...days]];
             } else {
-              if (Utils$1.compareDate(state.chooseData[0][3], days[3])) {
+              if (Utils.compareDate(state.chooseData[0][3], days[3])) {
                 state.chooseData = [...state.chooseData, [...days]];
               } else {
                 state.chooseData = [[...days], ...state.chooseData];
@@ -5368,7 +5358,7 @@ var __publicField = (obj, key, value) => {
             month = month == 12 ? 1 : ++month;
             break;
         }
-        return [year + "", Utils$1.getNumTwoBit(month), Utils$1.getMonthDays(String(year), String(month)) + ""];
+        return [year + "", Utils.getNumTwoBit(month), Utils.getMonthDays(String(year), String(month)) + ""];
       };
       const getDaysStatus = (days, type, dateInfo) => {
         let { year, month } = dateInfo;
@@ -5401,15 +5391,15 @@ var __publicField = (obj, key, value) => {
         return months2.slice(preCurrMonthDays - days);
       };
       const getMonth = (curData, type) => {
-        const preMonthDays = Utils$1.getMonthPreDay(+curData[0], +curData[1]);
+        const preMonthDays = Utils.getMonthPreDay(+curData[0], +curData[1]);
         let preMonth = Number(curData[1]) - 1;
         let preYear = Number(curData[0]);
         if (preMonth <= 0) {
           preMonth = 12;
           preYear += 1;
         }
-        const currMonthDays = Utils$1.getMonthDays(String(curData[0]), String(curData[1]));
-        const preCurrMonthDays = Utils$1.getMonthDays(preYear + "", preMonth + "");
+        const currMonthDays = Utils.getMonthDays(String(curData[0]), String(curData[1]));
+        const preCurrMonthDays = Utils.getMonthDays(preYear + "", preMonth + "");
         const title = {
           year: curData[0],
           month: curData[1]
@@ -5436,14 +5426,14 @@ var __publicField = (obj, key, value) => {
         }
         monthInfo.cssScrollHeight = cssScrollHeight;
         if (type == "next") {
-          if (!state.endData || !Utils$1.compareDate(
-            `${state.endData[0]}-${state.endData[1]}-${Utils$1.getMonthDays(state.endData[0], state.endData[1])}`,
+          if (!state.endData || !Utils.compareDate(
+            `${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`,
             `${curData[0]}-${curData[1]}-${curData[2]}`
           )) {
             state.monthsData.push(monthInfo);
           }
         } else {
-          if (!state.startData || !Utils$1.compareDate(
+          if (!state.startData || !Utils.compareDate(
             `${curData[0]}-${curData[1]}-${curData[2]}`,
             `${state.startData[0]}-${state.startData[1]}-01`
           )) {
@@ -5454,8 +5444,8 @@ var __publicField = (obj, key, value) => {
         }
       };
       const initData = () => {
-        let propStartDate = props.startDate ? props.startDate : Utils$1.getDay(0);
-        let propEndDate = props.endDate ? props.endDate : Utils$1.getDay(365);
+        let propStartDate = props.startDate ? props.startDate : Utils.getDay(0);
+        let propEndDate = props.endDate ? props.endDate : Utils.getDay(365);
         state.propStartDate = propStartDate;
         state.propEndDate = propEndDate;
         state.startData = splitDate(propStartDate);
@@ -5486,10 +5476,10 @@ var __publicField = (obj, key, value) => {
         state.monthsNum = monthsNum;
         if (props.type == "range" && Array.isArray(state.currDate)) {
           if (state.currDate.length > 0) {
-            if (propStartDate && Utils$1.compareDate(state.currDate[0], propStartDate)) {
+            if (propStartDate && Utils.compareDate(state.currDate[0], propStartDate)) {
               state.currDate.splice(0, 1, propStartDate);
             }
-            if (propEndDate && Utils$1.compareDate(propEndDate, state.currDate[1])) {
+            if (propEndDate && Utils.compareDate(propEndDate, state.currDate[1])) {
               state.currDate.splice(1, 1, propEndDate);
             }
             state.defaultData = [...splitDate(state.currDate[0]), ...splitDate(state.currDate[1])];
@@ -5499,7 +5489,7 @@ var __publicField = (obj, key, value) => {
             let defaultArr = [];
             let obj = {};
             state.currDate.forEach((item) => {
-              if (propStartDate && !Utils$1.compareDate(item, propStartDate) && propEndDate && !Utils$1.compareDate(propEndDate, item)) {
+              if (propStartDate && !Utils.compareDate(item, propStartDate) && propEndDate && !Utils.compareDate(propEndDate, item)) {
                 if (!Object.hasOwnProperty.call(obj, item)) {
                   defaultArr.push(item);
                   obj[item] = item;
@@ -5511,9 +5501,9 @@ var __publicField = (obj, key, value) => {
           }
         } else {
           if (state.currDate) {
-            if (propStartDate && Utils$1.compareDate(state.currDate, propStartDate)) {
+            if (propStartDate && Utils.compareDate(state.currDate, propStartDate)) {
               state.currDate = propStartDate;
-            } else if (propEndDate && !Utils$1.compareDate(state.currDate, propEndDate)) {
+            } else if (propEndDate && !Utils.compareDate(state.currDate, propEndDate)) {
               state.currDate = propEndDate;
             }
             state.defaultData = [...splitDate(state.currDate)];
@@ -5567,9 +5557,9 @@ var __publicField = (obj, key, value) => {
         state.avgHeight = Math.floor(containerHeight / (monthsNum + 1));
       };
       const scrollToDate = (date) => {
-        if (Utils$1.compareDate(date, state.propStartDate)) {
+        if (Utils.compareDate(date, state.propStartDate)) {
           date = state.propStartDate;
-        } else if (!Utils$1.compareDate(date, state.propEndDate)) {
+        } else if (!Utils.compareDate(date, state.propEndDate)) {
           date = state.propEndDate;
         }
         let dateArr = splitDate(date);
@@ -5631,12 +5621,12 @@ var __publicField = (obj, key, value) => {
       };
       const rangeTip = () => {
         if (state.currDate.length >= 2) {
-          return Utils$1.isEqual(state.currDate[0], state.currDate[1]);
+          return Utils.isEqual(state.currDate[0], state.currDate[1]);
         }
       };
       const isCurrDay = (dateInfo) => {
         const date = `${dateInfo.year}-${dateInfo.month}-${Number(dateInfo.day) < 10 ? "0" + dateInfo.day : dateInfo.day}`;
-        return Utils$1.isEqual(date, Utils$1.date2Str(new Date()));
+        return Utils.isEqual(date, Utils.date2Str(new Date()));
       };
       const mothsViewScroll = (e) => {
         if (state.monthsData.length <= 1) {
@@ -5908,11 +5898,11 @@ var __publicField = (obj, key, value) => {
       },
       startDate: {
         type: String,
-        default: Utils$1.getDay(0)
+        default: Utils.getDay(0)
       },
       endDate: {
         type: String,
-        default: Utils$1.getDay(365)
+        default: Utils.getDay(365)
       },
       firstDayOfWeek: {
         type: Number,
@@ -6509,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,
@@ -7921,7 +7911,7 @@ var __publicField = (obj, key, value) => {
         }
         return v;
       };
-      const touch = useTouch$1();
+      const touch = useTouch();
       const touchMethods = {
         onTouchStart(event) {
           if (!props.touchable)
@@ -9554,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)
@@ -10338,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$1 = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$V]]);
+  const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$V]]);
   class DialogOptions {
     constructor() {
       __publicField(this, "title", "");
@@ -10395,7 +10385,7 @@ var __publicField = (obj, key, value) => {
               }
               options.teleport = `#${root.id}`;
               return () => {
-                return vue.h(Dialog$1, options);
+                return vue.h(Dialog, options);
               };
             }
           };
@@ -10407,10 +10397,9 @@ var __publicField = (obj, key, value) => {
     return new DialogFunction(options);
   };
   _Dialog.install = (app) => {
-    app.use(Dialog$1);
+    app.use(Dialog);
     app.config.globalProperties.$dialog = _Dialog;
   };
-  const Dialog = _Dialog;
   const overflowScrollReg = /scroll|auto|overlay/i;
   const defaultRoot = window;
   function isElement(node) {
@@ -10642,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({
@@ -10903,7 +10892,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["visible", "position", "teleportDisable"]);
   }
-  const Notify$1 = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$S]]);
+  const Notify = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$S]]);
   const defaultOptions$1 = {
     type: "base",
     visible: true,
@@ -10912,6 +10901,7 @@ var __publicField = (obj, key, value) => {
     background: void 0,
     duration: 3e3,
     className: "",
+    onClose: Function,
     teleport: "",
     unmount: new Function()
   };
@@ -10945,7 +10935,7 @@ var __publicField = (obj, key, value) => {
       } else {
         opts = { ...defaultOptions$1, ...opts };
       }
-      const instance = vue.createVNode(Notify$1, opts);
+      const instance = vue.createVNode(Notify, opts);
       vue.render(instance, container);
       return instance.component.data;
     }
@@ -10972,11 +10962,12 @@ var __publicField = (obj, key, value) => {
         opts.teleport = `#notify-${opts.id}`;
         vue.onMounted(() => {
           setTimeout(() => {
+            opts.onClose && opts.onClose();
             document.body.removeChild(root);
           }, opts.duration);
         });
         return () => {
-          return vue.h(Notify$1, opts);
+          return vue.h(Notify, opts);
         };
       }
     };
@@ -11015,11 +11006,10 @@ var __publicField = (obj, key, value) => {
       clearNotify();
     },
     install(app) {
-      app.use(Notify$1);
+      app.use(Notify);
       app.config.globalProperties.$notify = NotifyFunction;
     }
   };
-  const Notify = NotifyFunction;
   const { componentName: componentName$G, create: create$S } = createComponent("switch");
   const _sfc_main$S = create$S({
     components: { Loading1: iconsVue.Loading1 },
@@ -11114,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), [
@@ -11314,7 +11304,7 @@ var __publicField = (obj, key, value) => {
       _: 1
     }, 8, ["onAfterLeave"]);
   }
-  const Toast$1 = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$Q]]);
+  const Toast = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$Q]]);
   const defaultOptions = {
     msg: "",
     id: "",
@@ -11366,7 +11356,7 @@ var __publicField = (obj, key, value) => {
       } else {
         opts = { ...defaultOptions, ...opts };
       }
-      const instance = vue.createVNode(Toast$1, opts);
+      const instance = vue.createVNode(Toast, opts);
       vue.render(instance, container);
       return ToastFunction;
     }
@@ -11387,7 +11377,7 @@ var __publicField = (obj, key, value) => {
     idsMap.push(opts.id);
     optsMap.push(opts);
     CreateComponent(opts, {
-      wrapper: Toast$1
+      wrapper: Toast
     });
     return ToastFunction;
   };
@@ -11426,11 +11416,10 @@ var __publicField = (obj, key, value) => {
       clearToast(id);
     },
     install(app) {
-      app.use(Toast$1);
+      app.use(Toast);
       app.config.globalProperties.$toast = ToastFunction;
     }
   };
-  const Toast = ToastFunction;
   const { componentName: componentName$F, create: create$Q } = createComponent("audio");
   const _sfc_main$Q = create$Q({
     props: {
@@ -13159,54 +13148,6 @@ var __publicField = (obj, key, value) => {
     ], 2);
   }
   const Step = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["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 { create: create$F, componentName: componentName$v } = createComponent("swiper");
   const _sfc_main$F = create$F({
     props: {
@@ -13219,7 +13160,7 @@ var __publicField = (obj, key, value) => {
         default: 0
       },
       direction: {
-        type: [String],
+        type: String,
         default: "horizontal"
       },
       paginationVisible: {
@@ -13288,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"]);
@@ -13307,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)`,
@@ -13323,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);
             }
@@ -13352,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) {
@@ -13365,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;
       };
@@ -13373,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;
       };
@@ -13414,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
           });
         });
       };
@@ -13509,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 {
@@ -13567,10 +13503,9 @@ var __publicField = (obj, key, value) => {
       return {
         state,
         classes,
+        classesInner,
+        classesPagination,
         container,
-        componentName: componentName$v,
-        isVertical,
-        slots,
         activePagination,
         onTouchStart,
         onTouchMove,
@@ -13588,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", {
@@ -13820,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;
@@ -14049,10 +13978,6 @@ var __publicField = (obj, key, value) => {
         type: Boolean,
         default: false
       },
-      closeIcon: {
-        type: String,
-        default: "circle-close"
-      },
       closeIconPosition: {
         type: String,
         default: "top-right"
@@ -14109,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;
         }
@@ -14116,6 +14042,7 @@ var __publicField = (obj, key, value) => {
       vue.watch(
         () => props.show,
         (val) => {
+          console.log("展示", val);
           state.showPop = val;
           init();
         }
@@ -14209,7 +14136,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["visible", "teleportDisable", "teleport", "onClosed"]);
   }
-  const ImagePreview$1 = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B]]);
+  const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B]]);
   class ImagePreviewOptions {
     constructor() {
       __publicField(this, "show", false);
@@ -14239,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 {
@@ -14248,7 +14175,7 @@ var __publicField = (obj, key, value) => {
                 options.onClose = () => {
                   unmount();
                 };
-                return vue.h(ImagePreview$1, options);
+                return vue.h(ImagePreview, options);
               };
             }
           };
@@ -14258,10 +14185,9 @@ var __publicField = (obj, key, value) => {
   }
   const _ImagePreview = (options) => new ImagePreviewFunction(options);
   _ImagePreview.install = (app) => {
-    app.use(ImagePreview$1);
+    app.use(ImagePreview);
     app.config.globalProperties.$imagepreview = _ImagePreview;
   };
-  const ImagePreview = _ImagePreview;
   function useExtend(apis) {
     const instance = vue.getCurrentInstance();
     if (instance) {
@@ -17335,7 +17261,7 @@ var __publicField = (obj, key, value) => {
   }
   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: {
@@ -17398,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);
       });
@@ -17430,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;
         }
@@ -17445,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");
@@ -17468,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);
@@ -17481,21 +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 _sfc_main$m = __default__;
-  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",
@@ -19940,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$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, Notify, Switch, Toast, 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];
+    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);
@@ -19949,8 +19862,8 @@ var __publicField = (obj, key, value) => {
       }
     });
   }
-  const version = "4.0.0-beta.6";
-  const nutui_vue_build = { install, version, Locale: Locale$1 };
+  const version = "4.0.0-beta.8";
+  const nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;
   exports2.AddressList = AddressList;
@@ -19982,7 +19895,7 @@ var __publicField = (obj, key, value) => {
   exports2.Countdown = Countdown;
   exports2.Countup = Countup;
   exports2.DatePicker = DatePicker;
-  exports2.Dialog = Dialog;
+  exports2.Dialog = _Dialog;
   exports2.Divider = Divider;
   exports2.Drag = Drag;
   exports2.Ecard = Ecard;
@@ -19995,7 +19908,7 @@ var __publicField = (obj, key, value) => {
   exports2.Grid = _sfc_main$1C;
   exports2.GridItem = GridItem;
   exports2.Image = Image$1;
-  exports2.ImagePreview = ImagePreview;
+  exports2.ImagePreview = _ImagePreview;
   exports2.Indicator = Indicator;
   exports2.InfiniteLoading = InfiniteLoading;
   exports2.Input = Input;
@@ -20003,12 +19916,12 @@ var __publicField = (obj, key, value) => {
   exports2.Invoice = Invoice;
   exports2.Layout = _sfc_main$1H;
   exports2.List = List;
-  exports2.Locale = Locale$1;
+  exports2.Locale = Locale;
   exports2.Menu = Menu;
   exports2.MenuItem = MenuItem;
   exports2.Navbar = Navbar;
   exports2.Noticebar = Noticebar;
-  exports2.Notify = Notify;
+  exports2.Notify = NotifyFunction;
   exports2.NumberKeyboard = NumberKeyboard;
   exports2.Overlay = Overlay;
   exports2.Pagination = Pagination;
@@ -20048,7 +19961,7 @@ var __publicField = (obj, key, value) => {
   exports2.TimeDetail = TimeDetail;
   exports2.TimePannel = TimePannel;
   exports2.TimeSelect = TimeSelect;
-  exports2.Toast = Toast;
+  exports2.Toast = ToastFunction;
   exports2.Tour = Tour;
   exports2.TrendArrow = TrendArrow;
   exports2.Uploader = Uploader;