@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/esm/radio-9f141e6b.js

@@ -1,118 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange", "iconClassPrefix", "iconFontClassName"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useContext, useEffect } from 'react';
-import Icon from './Icon.js';
-import RadioGroup from './RadioGroup.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-var radioContext = {
-  onChange: function onChange(val) {}
-};
-var RadioContext = React__default.createContext(radioContext);
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
-  style: {},
-  disabled: false,
-  checked: false,
-  shape: 'round',
-  value: '',
-  textPosition: 'right',
-  iconName: 'check-normal',
-  iconActiveName: 'check-checked',
-  iconSize: 18,
-  onChange: function onChange(e) {}
-});
-var Radio = function Radio(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children;
-  var className = props.className,
-    disabled = props.disabled,
-    checked = props.checked,
-    shape = props.shape,
-    textPosition = props.textPosition,
-    value = props.value,
-    iconName = props.iconName,
-    iconActiveName = props.iconActiveName,
-    iconSize = props.iconSize,
-    onChange = props.onChange,
-    iconClassPrefix = props.iconClassPrefix,
-    iconFontClassName = props.iconFontClassName,
-    rest = _objectWithoutProperties(props, _excluded);
-  var componentName = 'nut-radio';
-  var _useState = useState(checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    checkedStatement = _useState2[0],
-    setCheckedStatement = _useState2[1];
-  var _useState3 = useState(value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    valueStatement = _useState4[0],
-    setValueStatement = _useState4[1];
-  var _useState5 = useState(disabled),
-    _useState6 = _slicedToArray(_useState5, 2),
-    disabledStatement = _useState6[0],
-    setDisabledStatement = _useState6[1];
-  var context = useContext(RadioContext);
-  useEffect(function () {
-    setDisabledStatement(disabled);
-    setValueStatement(value);
-    setCheckedStatement(checked);
-  }, [disabled, value, checked]);
-  var renderLabel = function renderLabel() {
-    return React__default.createElement("div", {
-      className: "".concat(componentName, "__label ").concat(disabledStatement ? "".concat(componentName, "__label--disabled") : '')
-    }, children);
-  };
-  var renderButton = function renderButton() {
-    return React__default.createElement("div", {
-      className: "".concat(componentName, "__button ").concat(!disabledStatement && checkedStatement && "".concat(componentName, "__button--active"), " ").concat(disabledStatement ? "".concat(componentName, "__button--disabled") : '')
-    }, children);
-  };
-  var color = function color() {
-    if (disabledStatement) {
-      return 'nut-radio__icon--disable';
-    }
-    if (checkedStatement) {
-      return 'nut-radio__icon';
-    }
-    return 'nut-radio__icon--unchecked';
-  };
-  var renderIcon = function renderIcon() {
-    var iconName = props.iconName,
-      iconSize = props.iconSize,
-      iconActiveName = props.iconActiveName;
-    return React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: !disabledStatement && checkedStatement ? iconActiveName : iconName,
-      size: iconSize,
-      className: color()
-    });
-  };
-  var reverseState = textPosition === 'left';
-  var renderRadioItem = function renderRadioItem() {
-    if (shape === 'button') {
-      return renderButton();
-    }
-    if (reverseState) {
-      return React__default.createElement(React__default.Fragment, null, renderLabel(), renderIcon());
-    }
-    return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
-  };
-  var handleClick = function handleClick(e) {
-    if (disabledStatement || checkedStatement) return;
-    setCheckedStatement(!checkedStatement);
-    onChange && onChange(e);
-    context && context.onChange(valueStatement);
-  };
-  return React__default.createElement("div", _objectSpread({
-    className: "nut-radio ".concat(className, " ").concat(reverseState ? "".concat(componentName, "--reverse") : ''),
-    onClick: handleClick
-  }, rest), renderRadioItem());
-};
-Radio.defaultProps = defaultProps;
-Radio.displayName = 'NutRadio';
-Radio.RadioGroup = RadioGroup;
-export { Radio as R, RadioContext as a };

package/dist/esm/render-bbebb760.js

@@ -1,79 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _typeof from "@babel/runtime/helpers/typeof";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import * as ReactDOM from 'react-dom';
-
-// Let compiler not to search module usage
-var fullClone = _objectSpread({}, ReactDOM);
-var version = fullClone.version,
-  reactRender = fullClone.render,
-  unmountComponentAtNode = fullClone.unmountComponentAtNode;
-var createRoot;
-try {
-  var mainVersion = Number((version || '').split('.')[0]);
-  if (mainVersion >= 18 && fullClone.createRoot) {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    createRoot = fullClone.createRoot;
-  }
-} catch (e) {
-  // Do nothing;
-}
-function toggleWarning(skip) {
-  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
-    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
-  }
-}
-var MARK = '__nutui_react_root__';
-function legacyRender(node, container) {
-  reactRender(node, container);
-}
-function concurrentRender(node, container) {
-  toggleWarning(true);
-  var root = container[MARK] || createRoot(container);
-  toggleWarning(false);
-  root.render(node);
-  container[MARK] = root;
-}
-function render(node, container) {
-  if (createRoot) {
-    concurrentRender(node, container);
-    return;
-  }
-  legacyRender(node, container);
-}
-// ========================== Unmount =========================
-function legacyUnmount(container) {
-  return unmountComponentAtNode(container);
-}
-function concurrentUnmount(_x) {
-  return _concurrentUnmount.apply(this, arguments);
-}
-function _concurrentUnmount() {
-  _concurrentUnmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(container) {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            var _container$MARK;
-            (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
-            delete container[MARK];
-          }));
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _concurrentUnmount.apply(this, arguments);
-}
-function unmount(container) {
-  if (createRoot) {
-    return concurrentUnmount(container);
-  }
-  return legacyUnmount(container);
-}
-export { render as r, unmount as u };

package/dist/esm/tabpane-01075e6c.js

@@ -1,29 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.js';
-var defaultProps = {
-  title: '',
-  paneKey: '',
-  activeKey: '',
-  disabled: false
-};
-var TabPane = function TabPane(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    paneKey = _defaultProps$props.paneKey,
-    activeKey = _defaultProps$props.activeKey,
-    autoHeightClassName = _defaultProps$props.autoHeightClassName,
-    className = _defaultProps$props.className,
-    disabled = _defaultProps$props.disabled;
-  var b = cn('tabpane');
-  var classes = classNames({
-    active: !disabled && paneKey === activeKey
-  }, b(''), autoHeightClassName, className);
-  return React__default.createElement("div", {
-    className: classes
-  }, !disabled && children);
-};
-export { TabPane as T };

package/dist/esm/tabs-e1b4e4b1.js

@@ -1,181 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "color", "tabStyle", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "leftAlign", "titleNode", "children", "onClick", "onChange", "className", "autoHeight", "iconClassPrefix", "iconFontClassName"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.js';
-import Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import TabPane from './TabPane.js';
-var Title = /*#__PURE__*/_createClass(
-// eslint-disable-next-line no-useless-constructor
-function Title() {
-  _classCallCheck(this, Title);
-  _defineProperty(this, "title", '');
-  _defineProperty(this, "paneKey", '');
-  _defineProperty(this, "disabled", false);
-  _defineProperty(this, "index", 0);
-});
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  tabStyle: {},
-  value: 0,
-  color: '',
-  background: '',
-  direction: 'horizontal',
-  type: 'line',
-  titleScroll: false,
-  ellipsis: true,
-  animatedTime: 300,
-  titleGutter: 0,
-  size: 'normal',
-  leftAlign: false,
-  autoHeight: false
-});
-var pxCheck = function pxCheck(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
-};
-var Tabs = function Tabs(props) {
-  var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    value = _defaultProps$props.value,
-    color = _defaultProps$props.color,
-    tabStyle = _defaultProps$props.tabStyle,
-    background = _defaultProps$props.background,
-    direction = _defaultProps$props.direction,
-    type = _defaultProps$props.type,
-    titleScroll = _defaultProps$props.titleScroll,
-    ellipsis = _defaultProps$props.ellipsis,
-    animatedTime = _defaultProps$props.animatedTime,
-    titleGutter = _defaultProps$props.titleGutter,
-    size = _defaultProps$props.size,
-    leftAlign = _defaultProps$props.leftAlign,
-    titleNode = _defaultProps$props.titleNode,
-    children = _defaultProps$props.children,
-    onClick = _defaultProps$props.onClick,
-    onChange = _defaultProps$props.onChange,
-    className = _defaultProps$props.className,
-    autoHeight = _defaultProps$props.autoHeight,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState({
-      index: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentItem = _useState2[0],
-    setCurrentItem = _useState2[1];
-  var titles = useRef([]);
-  useEffect(function () {
-    var currentIndex = 0;
-    titles.current = [];
-    // eslint-disable-next-line consistent-return
-    React__default.Children.forEach(children, function (child, idx) {
-      if (!React__default.isValidElement(child)) {
-        return null;
-      }
-      var title = new Title();
-      var childProps = child === null || child === void 0 ? void 0 : child.props;
-      if (childProps !== null && childProps !== void 0 && childProps.title || childProps !== null && childProps !== void 0 && childProps.paneKey) {
-        title.title = childProps === null || childProps === void 0 ? void 0 : childProps.title;
-        title.paneKey = (childProps === null || childProps === void 0 ? void 0 : childProps.paneKey) || idx;
-        title.disabled = childProps === null || childProps === void 0 ? void 0 : childProps.disabled;
-        title.index = idx;
-        if (title.paneKey === value) {
-          currentIndex = idx;
-        }
-      }
-      titles.current.push(title);
-    });
-    setCurrentItem(titles.current[currentIndex]);
-  }, [children]);
-  var b = cn('tabs');
-  var classes = classNames(direction, b(''), className);
-  var classesTitle = classNames((_classNames = {}, _defineProperty(_classNames, type, type), _defineProperty(_classNames, "scrollable", titleScroll), _defineProperty(_classNames, size, size), _classNames), "".concat(b(''), "__titles"));
-  var titleStyle = {
-    marginLeft: pxCheck(titleGutter),
-    marginRight: pxCheck(titleGutter)
-  };
-  var tabsActiveStyle = {
-    color: type === 'smile' ? color : '',
-    background: type === 'line' ? color : ''
-  };
-  var index = titles.current.findIndex(function (t) {
-    return t.paneKey === value;
-  });
-  var contentStyle = {
-    transform: direction === 'horizontal' ? "translate3d(-".concat(index * 100, "%, 0, 0)") : "translate3d( 0,-".concat(index * 100, "%, 0)"),
-    transitionDuration: "".concat(animatedTime, "ms")
-  };
-  var tabChange = function tabChange(item, index) {
-    onClick && onClick(item);
-    if (item.disabled) {
-      return;
-    }
-    setCurrentItem(item);
-    onChange && onChange(item);
-  };
-  return React__default.createElement("div", _objectSpread({
-    className: classes
-  }, rest), React__default.createElement("div", {
-    className: classesTitle,
-    style: _objectSpread(_objectSpread({}, tabStyle), {}, {
-      background: background
-    })
-  }, !!titleNode && typeof titleNode === 'function' ? titleNode() : titles.current.map(function (item, index) {
-    return React__default.createElement("div", {
-      style: titleStyle,
-      onClick: function onClick(e) {
-        return tabChange(item);
-      },
-      className: classNames({
-        active: !item.disabled && String(item.paneKey) === String(value),
-        disabled: item.disabled,
-        'nut-tabs__titles-item-left-align': leftAlign
-      }, "".concat(b(''), "__titles-item")),
-      key: item.paneKey
-    }, type === 'line' && React__default.createElement("div", {
-      className: "".concat(b(''), "__titles-item__line"),
-      style: tabsActiveStyle
-    }), type === 'smile' && React__default.createElement("div", {
-      className: "".concat(b(''), "__titles-item__smile"),
-      style: tabsActiveStyle
-    }, React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      color: color,
-      name: "joy-smile"
-    })), React__default.createElement("div", {
-      className: classNames({
-        ellipsis: ellipsis && !titleScroll && direction === 'horizontal'
-      }, "".concat(b(''), "__titles-item__text"))
-    }, item.title));
-  })), React__default.createElement("div", {
-    className: "".concat(b(''), "__content__wrap")
-  }, React__default.createElement("div", {
-    className: "".concat(b(''), "__content"),
-    style: contentStyle
-  }, React__default.Children.map(children, function (child, idx) {
-    var _child$props;
-    if (!React__default.isValidElement(child)) {
-      return null;
-    }
-    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
-      activeKey: value
-    });
-    if (String(value) !== String(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.paneKey) || idx) && autoHeight) {
-      childProps = _objectSpread(_objectSpread({}, childProps), {}, {
-        autoHeightClassName: 'inactive'
-      });
-    }
-    return React__default.cloneElement(child, childProps);
-  }))));
-};
-Tabs.defaultProps = defaultProps;
-Tabs.displayName = 'NutTabs';
-Tabs.TabPane = TabPane;
-export { Tabs as T };

package/dist/esm/typings-f27b58f4.js

@@ -1,8 +0,0 @@
-var ComponentDefaults = {
-  // className: '',
-  // style: {},
-  // children: undefined,
-  iconClassPrefix: 'nut-icon',
-  iconFontClassName: 'nutui-iconfont'
-};
-export { ComponentDefaults as C };

package/dist/esm/useClientRect-56bb675b.js

@@ -1,39 +0,0 @@
-/**
-  获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
-  width 宽度	number
-  height 高度	number
-  top	顶部与视图窗口左上角的距离	number
-  left	左侧与视图窗口左上角的距离	number
-  right	右侧与视图窗口左上角的距离	number
-  bottom	底部与视图窗口左上角的距离	number
- */
-function isWindow(val) {
-  return val === window;
-}
-var getRect = function getRect(elementRef) {
-  var element = elementRef;
-  if (isWindow(element)) {
-    var width = element.innerWidth;
-    var height = element.innerHeight;
-    return {
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width: width,
-      height: height
-    };
-  }
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
-  }
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-export { getRect as g };

package/dist/esm/useTouch-cf73a407.js

@@ -1,99 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState } from 'react';
-var 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() {
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    startX = _useState2[0],
-    SetStartX = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    startY = _useState4[0],
-    SetStartY = _useState4[1];
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    moveX = _useState6[0],
-    SetMoveX = _useState6[1];
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    moveY = _useState8[0],
-    SetMoveY = _useState8[1];
-  var _useState9 = useState(0),
-    _useState10 = _slicedToArray(_useState9, 2),
-    deltaX = _useState10[0],
-    SetDeltaX = _useState10[1];
-  var _useState11 = useState(0),
-    _useState12 = _slicedToArray(_useState11, 2),
-    deltaY = _useState12[0],
-    SetDeltaY = _useState12[1];
-  var _useState13 = useState(0),
-    _useState14 = _slicedToArray(_useState13, 2),
-    offsetX = _useState14[0],
-    SetOffsetX = _useState14[1];
-  var _useState15 = useState(0),
-    _useState16 = _slicedToArray(_useState15, 2),
-    offsetY = _useState16[0],
-    SetOffsetY = _useState16[1];
-  var _useState17 = useState(''),
-    _useState18 = _slicedToArray(_useState17, 2),
-    direction = _useState18[0],
-    SetDirection = _useState18[1];
-  var isVertical = function isVertical() {
-    return direction === 'vertical';
-  };
-  var isHorizontal = function isHorizontal() {
-    return direction === 'horizontal';
-  };
-  var reset = function reset() {
-    SetDeltaX(0);
-    SetDeltaY(0);
-    SetOffsetX(0);
-    SetOffsetY(0);
-    SetDirection('');
-  };
-  var start = function start(event) {
-    reset();
-    SetStartX(event.touches[0].clientX);
-    SetStartY(event.touches[0].clientY);
-  };
-  var move = function move(event) {
-    var touch = event.touches[0];
-    var dX = touch.clientX - startX;
-    var dY = touch.clientY - startY;
-    SetDeltaX(dX);
-    SetDeltaY(dY);
-    SetMoveX(touch.clientX);
-    SetMoveY(touch.clientY);
-    SetOffsetX(Math.abs(dX));
-    SetOffsetY(Math.abs(dY));
-    if (!direction) {
-      SetDirection(getDirection(offsetX, offsetY));
-    }
-  };
-  return {
-    move: move,
-    start: start,
-    reset: reset,
-    startX: startX,
-    startY: startY,
-    moveX: moveX,
-    moveY: moveY,
-    deltaX: deltaX,
-    deltaY: deltaY,
-    offsetX: offsetX,
-    offsetY: offsetY,
-    direction: direction,
-    isVertical: isVertical,
-    isHorizontal: isHorizontal
-  };
-}
-export { useTouch as u };