@nutui/nutui 3.1.12-beta.0 → 3.1.13

package/dist/packages/_es/Table.js

@@ -0,0 +1,191 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+/*!
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+var RenderColumn = {
+  setup(props) {
+    return () => h(`view`, {}, props.slots());
+  },
+  props: {
+    slots: Object
+  }
+};
+const component = (componentName2) => {
+  return {
+    components: {
+      RenderColumn
+    },
+    props: {
+      bordered: {
+        type: Boolean,
+        default: true
+      },
+      columns: {
+        type: Array,
+        default: () => {
+          return [];
+        }
+      },
+      data: {
+        type: Object,
+        default: () => {
+          return {};
+        }
+      },
+      summary: {
+        type: Function,
+        default: null
+      },
+      striped: {
+        type: Boolean,
+        default: false
+      }
+    },
+    emits: ["sorter"],
+    setup(props, { emit, slots }) {
+      const state = reactive({
+        curData: props.data
+      });
+      const classes = computed(() => {
+        const prefixCls = componentName2;
+        return {
+          [prefixCls]: true
+        };
+      });
+      const cellClasses = (item) => {
+        return {
+          "nut-table__main__head__tr--border": props.bordered,
+          [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
+        };
+      };
+      const getColumnItem = (value) => {
+        return props.columns.filter((item) => item.key === value)[0];
+      };
+      const handleSorterClick = (item) => {
+        if (item.sorter) {
+          emit("sorter", item);
+          state.curData = typeof item.sorter === "function" ? state.curData.sort(item.sorter) : item.sorter === "default" ? state.curData.sort() : state.curData;
+        }
+      };
+      watch(() => props.data, (val) => {
+        state.curData = val.slice();
+      });
+      return __spreadProps(__spreadValues({}, toRefs(state)), {
+        classes,
+        cellClasses,
+        getColumnItem,
+        handleSorterClick
+      });
+    }
+  };
+};
+const { componentName, create } = createComponent("table");
+const _sfc_main = create(component(componentName));
+const _hoisted_1 = { class: "nut-table__main__head" };
+const _hoisted_2 = { class: "nut-table__main__head__tr" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "nut-table__main__body" };
+const _hoisted_5 = {
+  key: 0,
+  class: "nut-table__summary"
+};
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = {
+  key: 1,
+  class: "nut-table__nodata"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "nut-table__nodata__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_RenderColumn = resolveComponent("RenderColumn");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-table__main", { "nut-table__main--striped": _ctx.striped }])
+    }, [
+      createElementVNode("view", _hoisted_1, [
+        createElementVNode("view", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (item) => {
+            return openBlock(), createElementBlock("span", {
+              class: normalizeClass(["nut-table__main__head__tr__th", _ctx.cellClasses(item)]),
+              key: item.key,
+              onClick: ($event) => _ctx.handleSorterClick(item)
+            }, [
+              createTextVNode(toDisplayString(item.title) + " ", 1),
+              renderSlot(_ctx.$slots, "icon"),
+              !_ctx.$slots.icon && item.sorter ? (openBlock(), createBlock(_component_nut_icon, {
+                key: 0,
+                name: "down-arrow",
+                size: "12px"
+              })) : createCommentVNode("", true)
+            ], 10, _hoisted_3);
+          }), 128))
+        ])
+      ]),
+      createElementVNode("view", _hoisted_4, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.curData, (item) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-table__main__body__tr",
+            key: item
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(item), (value) => {
+              return openBlock(), createElementBlock("span", {
+                class: normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
+                key: value
+              }, [
+                createTextVNode(toDisplayString(typeof item[value] !== "function" ? item[value] : "") + " ", 1),
+                typeof item[value] === "function" ? (openBlock(), createBlock(_component_RenderColumn, {
+                  key: 0,
+                  slots: item[value]
+                }, null, 8, ["slots"])) : createCommentVNode("", true)
+              ], 2);
+            }), 128))
+          ]);
+        }), 128))
+      ])
+    ], 2),
+    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_5, [
+      createElementVNode("span", {
+        class: "nut-table__summary__text",
+        innerHTML: _ctx.summary().value
+      }, null, 8, _hoisted_6)
+    ])) : createCommentVNode("", true),
+    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_7, [
+      createElementVNode("div", {
+        class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
+      }, [
+        renderSlot(_ctx.$slots, "nodata"),
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_8, " \u6682\u65E0\u6570\u636E ")) : createCommentVNode("", true)
+      ], 2)
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Tabs.js

@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -50,6 +50,10 @@ const _sfc_main = create({
       type: String,
       default: "horizontal"
     },
+    size: {
+      type: String,
+      default: "normal"
+    },
     type: {
       type: String,
       default: "line"
@@ -168,7 +172,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["nut-tabs", [_ctx.direction]])
   }, [
     createElementVNode("view", {
-      class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll }]),
+      class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
       style: normalizeStyle(_ctx.tabsNavStyle)
     }, [
       _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index2) => {

package/dist/packages/_es/Tag.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TextArea.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeDetail.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimePannel.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeSelect.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Toast.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, onMounted, watch, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createVNode, createCommentVNode, vShow, render } from "vue";
+import { reactive, onMounted, watch, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createVNode, createCommentVNode, toDisplayString, vShow, render } from "vue";
 import { c as createComponent } from "./component.js";
 import _sfc_main$1 from "./Icon.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
@@ -46,8 +46,8 @@ const _sfc_main = create({
     type: String,
     customClass: String,
     bottom: {
-      type: Number,
-      default: 30
+      type: String,
+      default: "30px"
     },
     size: {
       type: [String, Number],
@@ -76,6 +76,10 @@ const _sfc_main = create({
       type: String,
       default: "rgba(0, 0, 0, 0)"
     },
+    title: {
+      type: String,
+      default: ""
+    },
     closeOnClickOverlay: {
       type: Boolean,
       default: false
@@ -156,7 +160,11 @@ const _hoisted_1 = {
   key: 0,
   class: "nut-toast-icon-wrapper"
 };
-const _hoisted_2 = ["innerHTML"];
+const _hoisted_2 = {
+  key: 1,
+  class: "nut-toast-title"
+};
+const _hoisted_3 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
@@ -167,7 +175,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       withDirectives(createElementVNode("view", {
         class: normalizeClass(_ctx.toastBodyClass),
         style: normalizeStyle({
-          bottom: _ctx.center ? "auto" : _ctx.bottom + "px",
+          bottom: _ctx.center ? "auto" : _ctx.bottom,
           "background-color": _ctx.coverColor
         }),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
@@ -186,10 +194,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               name: _ctx.icon
             }, null, 8, ["name"])
           ])) : createCommentVNode("", true),
+          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
-          }, null, 8, _hoisted_2)
+          }, null, 8, _hoisted_3)
         ], 4)
       ], 6), [
         [vShow, _ctx.state.mounted]
@@ -205,8 +214,9 @@ const defaultOptions = {
   duration: 2e3,
   center: true,
   type: "text",
+  title: "",
   customClass: "",
-  bottom: 30,
+  bottom: "30px",
   size: "base",
   icon: null,
   textAlignCenter: true,

package/dist/packages/_es/Uploader.js

@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Video.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -401,5 +401,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 512);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var Video = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { Video as default };

package/dist/packages/_es/common.js

@@ -0,0 +1,136 @@
+/*!
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { provide, shallowReactive, getCurrentInstance, markRaw, isVNode, computed, h } from "vue";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+function flattenVNodes(children, childName) {
+  const result = [];
+  const traverse = (children2) => {
+    if (!Array.isArray(children2))
+      return;
+    children2.forEach((child) => {
+      var _a;
+      if (!isVNode(child))
+        return;
+      if (childName) {
+        if (child.type && child.type.name === childName) {
+          result.push(child);
+          return;
+        }
+      } else {
+        result.push(child);
+      }
+      if ((_a = child.component) == null ? void 0 : _a.subTree) {
+        traverse(child.component.subTree.children);
+      }
+      if (child.children) {
+        traverse(child.children);
+      }
+    });
+  };
+  traverse(children);
+  return result;
+}
+function sortChildren(parent, internalChildren, childName) {
+  const vnodes = flattenVNodes(parent.subTree.children, childName);
+  internalChildren.sort((a, b) => {
+    return vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode);
+  });
+}
+function useProvide(key, childName) {
+  const internalChildren = shallowReactive([]);
+  const parent = getCurrentInstance();
+  const add = (child) => {
+    if (!child.proxy)
+      return;
+    internalChildren.push(markRaw(child));
+    sortChildren(parent, internalChildren, childName);
+  };
+  const remove = (child) => {
+    internalChildren.splice(internalChildren.indexOf(markRaw(child)), 1);
+  };
+  const extend = Object.assign;
+  return (value) => {
+    provide(key, extend({
+      add,
+      remove,
+      internalChildren
+    }, value));
+    return {
+      internalChildren
+    };
+  };
+}
+const { componentName } = createComponent("grid");
+const GRID_KEY = Symbol("grid");
+const gridProps = {
+  columnNum: {
+    type: [Number, String],
+    default: 4
+  },
+  iconSize: {
+    type: [Number, String],
+    default: 28
+  },
+  iconColor: {
+    type: String
+  },
+  border: {
+    type: Boolean,
+    default: true
+  },
+  gutter: {
+    type: [Number, String],
+    default: 0
+  },
+  center: {
+    type: Boolean,
+    default: true
+  },
+  square: {
+    type: Boolean,
+    default: false
+  },
+  reverse: {
+    type: Boolean,
+    default: false
+  },
+  direction: {
+    type: String
+  },
+  clickable: {
+    type: Boolean,
+    default: false
+  }
+};
+const component = {
+  props: gridProps,
+  setup(props, { slots }) {
+    useProvide(GRID_KEY, `${componentName}-item`)({ props });
+    const rootClass = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--border`]: props.border && !props.gutter
+      };
+    });
+    const rootStyle = computed(() => {
+      const style = {};
+      if (props.gutter) {
+        style.paddingLeft = pxCheck(props.gutter);
+      }
+      return style;
+    });
+    return () => {
+      var _a;
+      return h("view", {
+        class: rootClass.value,
+        style: rootStyle.value
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+};
+export { GRID_KEY as G, component as c };

package/dist/packages/_es/component.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index.js

@@ -1,64 +1,13 @@
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { ref } from "vue";
-const MIN_DISTANCE = 10;
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return "horizontal";
+import { getCurrentInstance } from "vue";
+function useExpose(apis) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
   }
-  if (y > x && y > MIN_DISTANCE) {
-    return "vertical";
-  }
-  return "";
-}
-function useTouch() {
-  const startX = ref(0);
-  const startY = 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;
-    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,
-    deltaX,
-    deltaY,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal
-  };
 }
-export { useTouch as u };
+export { useExpose as u };

package/dist/packages/_es/index2.js

@@ -1,36 +1,64 @@
 /*!
-* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13 Wed Dec 22 2021 20:42:09 GMT+0800 (GMT+08:00)
 * (c) 2021 @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
-    };
+import { ref } from "vue";
+const MIN_DISTANCE = 10;
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return "horizontal";
   }
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
+  if (y > x && y > MIN_DISTANCE) {
+    return "vertical";
   }
+  return "";
+}
+function useTouch() {
+  const startX = ref(0);
+  const startY = 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;
+    offsetX.value = Math.abs(deltaX.value);
+    offsetY.value = Math.abs(deltaY.value);
+    if (!direction.value) {
+      direction.value = getDirection(offsetX.value, offsetY.value);
+    }
+  };
   return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
   };
-};
-export { useRect as u };
+}
+export { useTouch as u };