@nutui/nutui 3.2.5-beta.1 → 3.2.6-beta.1

package/dist/packages/_es/{index5.js → index.taro.js}

@@ -1,12 +1,13 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
+import { ref, computed, reactive, onMounted, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, renderSlot, Fragment, renderList, createVNode, withCtx, normalizeStyle } from "vue";
 import { c as createComponent } from "./component.js";
+import Taro from "@tarojs/taro";
+import { u as useExpose } from "./index2.js";
 import { r as requestAniFrame } from "./raf.js";
-import { u as useExpose } from "./index3.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const Utils = {
   isLeapYear: function(y) {
@@ -90,6 +91,7 @@ const Utils = {
   }
 };
 const { create, translate } = createComponent("calendar-item");
+const TARO_ENV = Taro.getEnv();
 const _sfc_main = create({
   props: {
     type: {
@@ -138,7 +140,7 @@ const _sfc_main = create({
     },
     defaultValue: {
       type: [String, Array],
-      default: ""
+      default: null
     },
     startDate: {
       type: String,
@@ -152,14 +154,10 @@ const _sfc_main = create({
   emits: ["choose", "update", "close", "select"],
   setup(props, { emit, slots }) {
     const weeks = ref(translate("weekdays"));
-    const months = ref(null);
-    const monthsPanel = ref(null);
-    const weeksPanel = ref(null);
-    const viewArea = ref(null);
+    const scalePx = ref(2);
     const viewHeight = ref(0);
-    const compConthsData = computed(() => {
-      return state.monthsData.slice(state.defaultRange[0], state.defaultRange[1]);
-    });
+    const scrollWithAnimation = ref(false);
+    const months = ref(null);
     const showTopBtn = computed(() => {
       return slots.btn;
     });
@@ -171,7 +169,9 @@ const _sfc_main = create({
     });
     const state = reactive({
       yearMonthTitle: "",
-      defaultRange: [],
+      defaultRange: [0, 1],
+      compConthsDatas: [],
+      containerHeight: "100%",
       currDate: "",
       propStartDate: "",
       propEndDate: "",
@@ -197,6 +197,7 @@ const _sfc_main = create({
       timer: 0,
       currentIndex: 0,
       avgHeight: 0,
+      scrollTop: 0,
       monthsNum: 0
     });
     const splitDate = (date) => {
@@ -256,7 +257,7 @@ const _sfc_main = create({
         days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
         if (type == "multiple") {
           if (state.currDate.length > 0) {
-            let hasIndex = void 0;
+            let hasIndex = "";
             state.currDate.forEach((item, index) => {
               if (item == days[3]) {
                 hasIndex = index;
@@ -265,7 +266,7 @@ const _sfc_main = create({
             if (isFirst) {
               state.chooseData.push([...days]);
             } else {
-              if (hasIndex !== void 0) {
+              if (hasIndex !== "") {
                 state.currDate.splice(hasIndex, 1);
                 state.chooseData.splice(hasIndex, 1);
               } else {
@@ -323,7 +324,7 @@ const _sfc_main = create({
           month = month == 12 ? 1 : ++month;
           break;
       }
-      return [year + "", Utils.getNumTwoBit(month), Utils.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;
@@ -356,13 +357,13 @@ const _sfc_main = create({
     };
     const getMonth = (curData, type) => {
       const preMonthDays = Utils.getMonthPreDay(+curData[0], +curData[1]);
-      let preMonth = Number(curData[1]) - 1;
-      let preYear = Number(curData[0]);
+      let preMonth = curData[1] - 1;
+      let preYear = curData[0];
       if (preMonth <= 0) {
         preMonth = 12;
         preYear += 1;
       }
-      const currMonthDays = Utils.getMonthDays(String(curData[0]), String(curData[1]));
+      const currMonthDays = Utils.getMonthDays(curData[0], curData[1]);
       const preCurrMonthDays = Utils.getMonthDays(preYear + "", preMonth + "");
       const title = {
         year: curData[0],
@@ -372,18 +373,19 @@ const _sfc_main = create({
         curData,
         title: translate("monthTitle", title.year, title.month),
         monthData: [
-          ...getPreDaysStatus(
-            preMonthDays,
-            "prev",
-            { month: preMonth + "", year: preYear + "" },
-            preCurrMonthDays
-          ),
+          ...getPreDaysStatus(preMonthDays, "prev", { month: preMonth, year: preYear }, preCurrMonthDays),
           ...getDaysStatus(currMonthDays, "curr", title)
-        ],
-        cssHeight: 0,
-        cssScrollHeight: 0
+        ]
       };
-      monthInfo.cssHeight = 39 + (monthInfo.monthData.length > 35 ? 384 : 320);
+      let titleHeight, itemHeight;
+      if (TARO_ENV === Taro.ENV_TYPE.WEB) {
+        titleHeight = 46 * scalePx.value + 16 * scalePx.value * 2;
+        itemHeight = 128 * scalePx.value;
+      } else {
+        titleHeight = Math.floor(46 * scalePx.value) + Math.floor(16 * scalePx.value) * 2;
+        itemHeight = Math.floor(128 * scalePx.value);
+      }
+      monthInfo.cssHeight = titleHeight + (monthInfo.monthData.length > 35 ? itemHeight * 6 : itemHeight * 5);
       let cssScrollHeight = 0;
       if (state.monthsData.length > 0) {
         cssScrollHeight = state.monthsData[state.monthsData.length - 1].cssScrollHeight + state.monthsData[state.monthsData.length - 1].cssHeight;
@@ -491,7 +493,7 @@ const _sfc_main = create({
       state.currentIndex = current;
       state.yearMonthTitle = state.monthsData[state.currentIndex].title;
       if (state.defaultData.length > 0) {
-        if (props.type == "range") {
+        if (state.isRange) {
           chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[state.currentIndex], true);
           chooseDay({ day: state.defaultData[5], type: "curr" }, state.monthsData[lastCurrent], true);
         } else if (props.type == "multiple") {
@@ -511,14 +513,12 @@ const _sfc_main = create({
       }
       let lastItem = state.monthsData[state.monthsData.length - 1];
       let containerHeight = lastItem.cssHeight + lastItem.cssScrollHeight;
-      requestAniFrame(() => {
-        if ((months == null ? void 0 : months.value) && (monthsPanel == null ? void 0 : monthsPanel.value) && (viewArea == null ? void 0 : viewArea.value)) {
-          viewHeight.value = months.value.clientHeight;
-          monthsPanel.value.style.height = `${containerHeight}px`;
-          months.value.scrollTop = state.monthsData[state.currentIndex].cssScrollHeight;
-        }
-      });
+      state.containerHeight = `${containerHeight}px`;
+      state.scrollTop = Math.ceil(state.monthsData[state.currentIndex].cssScrollHeight);
       state.avgHeight = Math.floor(containerHeight / (monthsNum + 1));
+      if (months == null ? void 0 : months.value) {
+        viewHeight.value = months.value.clientHeight;
+      }
     };
     const scrollToDate = (date) => {
       if (Utils.compareDate(date, state.propStartDate)) {
@@ -529,27 +529,16 @@ const _sfc_main = create({
       let dateArr = splitDate(date);
       state.monthsData.forEach((item, index) => {
         if (item.title == translate("monthTitle", dateArr[0], dateArr[1])) {
-          if (months.value) {
-            let distance = state.monthsData[index].cssScrollHeight - months.value.scrollTop;
-            if (props.toDateAnimation) {
-              let flag = 0;
-              let interval = setInterval(() => {
-                flag++;
-                if (months.value) {
-                  let offset = distance / 10;
-                  months.value.scrollTop = months.value.scrollTop + offset;
-                }
-                if (flag >= 10) {
-                  clearInterval(interval);
-                  if (months.value) {
-                    months.value.scrollTop = state.monthsData[index].cssScrollHeight;
-                  }
-                }
-              }, 40);
-            } else {
-              months.value.scrollTop = state.monthsData[index].cssScrollHeight;
-            }
-          }
+          state.scrollTop += 1;
+          scrollWithAnimation.value = props.toDateAnimation;
+          requestAniFrame(() => {
+            setTimeout(() => {
+              state.scrollTop = state.monthsData[index].cssScrollHeight;
+              setTimeout(() => {
+                scrollWithAnimation.value = false;
+              }, 200);
+            }, 10);
+          });
         }
       });
     };
@@ -557,16 +546,22 @@ const _sfc_main = create({
       scrollToDate
     });
     const setDefaultRange = (monthsNum, current) => {
+      let rangeArr = [];
       if (monthsNum >= 3) {
         if (current > 0 && current < monthsNum) {
-          state.defaultRange = [current - 1, current + 3];
+          rangeArr = [current - 1, current + 3];
         } else if (current == 0) {
-          state.defaultRange = [current, current + 4];
+          rangeArr = [current, current + 4];
         } else if (current == monthsNum) {
-          state.defaultRange = [current - 2, current + 2];
+          rangeArr = [current - 2, current + 2];
         }
       } else {
-        state.defaultRange = [0, monthsNum + 2];
+        rangeArr = [0, monthsNum + 2];
+      }
+      if (JSON.stringify(state.defaultRange) !== JSON.stringify(rangeArr)) {
+        state.defaultRange[0] = rangeArr[0];
+        state.defaultRange[1] = rangeArr[1];
+        state.compConthsDatas = state.monthsData.slice(rangeArr[0], rangeArr[1]);
       }
       let defaultScrollTop = state.monthsData[state.defaultRange[0]].cssScrollHeight;
       state.translateY = defaultScrollTop;
@@ -589,7 +584,7 @@ const _sfc_main = create({
       }
     };
     const isCurrDay = (dateInfo) => {
-      const date = `${dateInfo.year}-${dateInfo.month}-${Number(dateInfo.day) < 10 ? "0" + dateInfo.day : dateInfo.day}`;
+      const date = `${dateInfo.year}-${dateInfo.month}-${dateInfo.day < 10 ? "0" + dateInfo.day : dateInfo.day}`;
       return Utils.isEqual(date, Utils.date2Str(new Date()));
     };
     const mothsViewScroll = (e) => {
@@ -609,17 +604,6 @@ const _sfc_main = create({
         if (currentScrollTop < state.monthsData[current].cssScrollHeight) {
           current -= 1;
         }
-      } else {
-        const viewPosition = Math.round(currentScrollTop + viewHeight.value);
-        if (viewPosition < state.monthsData[current].cssScrollHeight + state.monthsData[current].cssHeight && currentScrollTop > state.monthsData[current - 1].cssScrollHeight) {
-          current -= 1;
-        }
-        if (current + 1 <= state.monthsNum && viewPosition >= state.monthsData[current + 1].cssScrollHeight + state.monthsData[current + 1].cssHeight) {
-          current += 1;
-        }
-        if (current >= 1 && currentScrollTop < state.monthsData[current - 1].cssScrollHeight) {
-          current -= 1;
-        }
       }
       if (state.currentIndex !== current) {
         state.currentIndex = current;
@@ -632,7 +616,21 @@ const _sfc_main = create({
       state.monthsData.splice(0);
       initData();
     };
-    initData();
+    onMounted(() => {
+      Taro.getSystemInfo({
+        success(res) {
+          let scale = 2;
+          let screenWidth = res.screenWidth;
+          let toFixed = 3;
+          if (TARO_ENV === Taro.ENV_TYPE.WEB) {
+            toFixed = 5;
+          }
+          scale = Number((screenWidth / 750).toFixed(toFixed));
+          scalePx.value = scale;
+          initData();
+        }
+      });
+    });
     watch(
       () => props.defaultValue,
       (val) => {
@@ -645,7 +643,6 @@ const _sfc_main = create({
     );
     return {
       weeks,
-      compConthsData,
       showTopBtn,
       topInfo,
       bottomInfo,
@@ -657,12 +654,10 @@ const _sfc_main = create({
       chooseDay,
       isCurrDay,
       confirm,
-      monthsPanel,
       months,
-      weeksPanel,
-      viewArea,
       ...toRefs(state),
       ...toRefs(props),
+      scrollWithAnimation,
       translate
     };
   }
@@ -679,39 +674,39 @@ const _hoisted_3 = {
   key: 2,
   class: "calendar-curr-month"
 };
-const _hoisted_4 = {
-  class: "calendar-weeks",
-  ref: "weeksPanel"
-};
-const _hoisted_5 = {
-  class: "calendar-months-panel",
-  ref: "monthsPanel"
-};
-const _hoisted_6 = { class: "calendar-month-title" };
-const _hoisted_7 = { class: "calendar-month-con" };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "calendar-day" };
-const _hoisted_10 = {
+const _hoisted_4 = { class: "calendar-weeks" };
+const _hoisted_5 = { class: "calendar-month-title" };
+const _hoisted_6 = { class: "calendar-month-con" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "calendar-day" };
+const _hoisted_9 = {
   key: 0,
   class: "calendar-curr-tips calendar-curr-tips-top"
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
   key: 1,
   class: "calendar-curr-tips calendar-curr-tips-bottom"
 };
-const _hoisted_12 = {
+const _hoisted_11 = {
   key: 2,
   class: "calendar-curr-tip-curr"
 };
-const _hoisted_13 = {
-  key: 4,
+const _hoisted_12 = {
+  key: 3,
   class: "calendar-day-tip"
 };
-const _hoisted_14 = {
+const _hoisted_13 = {
   key: 0,
   class: "nut-calendar-footer"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_scroll_view = resolveComponent(function() {
+    if (process.env.TARO_ENV === "h5") {
+      return "taro-scroll-view";
+    } else {
+      return "scroll-view";
+    }
+  }());
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-calendar nut-calendar-taro", {
       "nut-calendar-tile": !_ctx.poppable,
@@ -722,10 +717,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
     }, [
       _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : createCommentVNode("", true),
+      createTextVNode(),
       _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2, [
         renderSlot(_ctx.$slots, "btn")
       ])) : createCommentVNode("", true),
+      createTextVNode(),
       _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      createTextVNode(),
       createElementVNode("view", _hoisted_4, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
@@ -733,71 +731,86 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             key: index
           }, toDisplayString(item), 1);
         }), 128))
-      ], 512)
+      ])
     ], 2),
-    createElementVNode("view", {
+    createTextVNode(),
+    createVNode(_component_scroll_view, {
+      "scroll-top": _ctx.scrollTop,
+      "scroll-y": true,
       class: "nut-calendar-content",
-      ref: "months",
-      onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.mothsViewScroll && _ctx.mothsViewScroll(...args))
-    }, [
-      createElementVNode("view", _hoisted_5, [
+      onScroll: _ctx.mothsViewScroll,
+      "scroll-with-animation": _ctx.scrollWithAnimation,
+      ref: "months"
+    }, {
+      default: withCtx(() => [
         createElementVNode("view", {
-          class: "viewArea",
-          ref: "viewArea",
-          style: normalizeStyle({ transform: `translateY(${_ctx.translateY}px)` })
+          class: "calendar-months-panel",
+          style: normalizeStyle({ height: _ctx.containerHeight })
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.compConthsData, (month, index) => {
-            return openBlock(), createElementBlock("view", {
-              class: "calendar-month",
-              key: index
-            }, [
-              createElementVNode("view", _hoisted_6, toDisplayString(month.title), 1),
-              createElementVNode("view", _hoisted_7, [
-                createElementVNode("view", {
-                  class: normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(month.monthData, (day, i) => {
-                    return openBlock(), createElementBlock("view", {
-                      key: i,
-                      class: normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
-                      onClick: ($event) => _ctx.chooseDay(day, month)
-                    }, [
-                      createElementVNode("view", _hoisted_9, [
-                        renderSlot(_ctx.$slots, "day", {
-                          date: day.type == "curr" ? day : ""
-                        }, () => [
-                          createTextVNode(toDisplayString(day.type == "curr" ? day.day : ""), 1)
-                        ])
-                      ]),
-                      _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_10, [
-                        renderSlot(_ctx.$slots, "topInfo", {
-                          date: day.type == "curr" ? day : ""
-                        })
-                      ])) : createCommentVNode("", true),
-                      _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_11, [
-                        renderSlot(_ctx.$slots, "bottomInfo", {
-                          date: day.type == "curr" ? day : ""
-                        })
-                      ])) : createCommentVNode("", true),
-                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_12, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
-                      _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", {
-                        key: 3,
-                        class: normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip() }])
-                      }, toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : createCommentVNode("", true),
-                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
-                    ], 10, _hoisted_8);
-                  }), 128))
-                ], 2)
-              ])
-            ]);
-          }), 128))
+          createElementVNode("view", {
+            class: "viewArea",
+            style: normalizeStyle({ transform: `translateY(${_ctx.translateY}px)` })
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.compConthsDatas, (month, index) => {
+              return openBlock(), createElementBlock("view", {
+                class: "calendar-month",
+                key: index
+              }, [
+                createElementVNode("view", _hoisted_5, toDisplayString(month.title), 1),
+                createTextVNode(),
+                createElementVNode("view", _hoisted_6, [
+                  createElementVNode("view", {
+                    class: normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(month.monthData, (day, i) => {
+                      return openBlock(), createElementBlock("view", {
+                        key: i,
+                        class: normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
+                        onClick: ($event) => _ctx.chooseDay(day, month)
+                      }, [
+                        createElementVNode("view", _hoisted_8, [
+                          renderSlot(_ctx.$slots, "day", {
+                            date: day.type == "curr" ? day : ""
+                          }, () => [
+                            createTextVNode(toDisplayString(day.type == "curr" ? day.day : ""), 1)
+                          ])
+                        ]),
+                        createTextVNode(),
+                        _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_9, [
+                          renderSlot(_ctx.$slots, "topInfo", {
+                            date: day.type == "curr" ? day : ""
+                          })
+                        ])) : createCommentVNode("", true),
+                        createTextVNode(),
+                        _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_10, [
+                          renderSlot(_ctx.$slots, "bottomInfo", {
+                            date: day.type == "curr" ? day : ""
+                          })
+                        ])) : createCommentVNode("", true),
+                        createTextVNode(),
+                        !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_11, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
+                        createTextVNode(),
+                        createElementVNode("view", {
+                          class: normalizeClass({ "calendar-curr-tips-top": _ctx.rangeTip(), "calendar-day-tip": true })
+                        }, toDisplayString(_ctx.isStartTip(day, month) ? _ctx.startText || _ctx.translate("start") : ""), 3),
+                        createTextVNode(),
+                        _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_12, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
+                      ], 10, _hoisted_7);
+                    }), 128))
+                  ], 2)
+                ])
+              ]);
+            }), 128))
+          ], 4)
         ], 4)
-      ], 512)
-    ], 544),
-    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_14, [
+      ]),
+      _: 3
+    }, 8, ["scroll-top", "onScroll", "scroll-with-animation"]),
+    createTextVNode(),
+    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_13, [
       createElementVNode("view", {
         class: "calendar-confirm-btn",
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.confirm && _ctx.confirm(...args))
       }, toDisplayString(_ctx.confirmText || _ctx.translate("confirm")), 1)
     ])) : createCommentVNode("", true)
   ], 2);

package/dist/packages/_es/index2.js

@@ -1,36 +1,13 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { unref } from "vue";
-function isWindow(val) {
-  return val === window;
-}
-const useRect = (elementRef) => {
-  const element = unref(elementRef);
-  if (isWindow(element)) {
-    const width = element.innerWidth;
-    const height = element.innerHeight;
-    return {
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width,
-      height
-    };
-  }
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
+import { getCurrentInstance } from "vue";
+function useExpose(apis) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
   }
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-export { useRect as u };
+}
+export { useExpose as u };

package/dist/packages/_es/index3.js

@@ -1,13 +1,70 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance } from "vue";
-function useExpose(apis) {
-  const instance = getCurrentInstance();
-  if (instance) {
-    Object.assign(instance.proxy, apis);
+import { ref } from "vue";
+const MIN_DISTANCE = 10;
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return "horizontal";
   }
+  if (y > x && y > MIN_DISTANCE) {
+    return "vertical";
+  }
+  return "";
+}
+function useTouch() {
+  const startX = ref(0);
+  const startY = ref(0);
+  const moveX = ref(0);
+  const moveY = ref(0);
+  const deltaX = ref(0);
+  const deltaY = ref(0);
+  const offsetX = ref(0);
+  const offsetY = ref(0);
+  const direction = ref("");
+  const isVertical = () => direction.value === "vertical";
+  const isHorizontal = () => direction.value === "horizontal";
+  const reset = () => {
+    deltaX.value = 0;
+    deltaY.value = 0;
+    offsetX.value = 0;
+    offsetY.value = 0;
+    direction.value = "";
+  };
+  const start = (event) => {
+    reset();
+    startX.value = event.touches[0].clientX;
+    startY.value = event.touches[0].clientY;
+  };
+  const move = (event) => {
+    const touch = event.touches[0];
+    deltaX.value = touch.clientX - startX.value;
+    deltaY.value = touch.clientY - startY.value;
+    moveX.value = touch.clientX;
+    moveY.value = touch.clientY;
+    offsetX.value = Math.abs(deltaX.value);
+    offsetY.value = Math.abs(deltaY.value);
+    if (!direction.value) {
+      direction.value = getDirection(offsetX.value, offsetY.value);
+    }
+  };
+  return {
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    moveX,
+    moveY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
+  };
 }
-export { useExpose as u };
+export { useTouch as u };