@nutui/nutui-react 1.5.2-beta.0 → 1.5.2-beta.2

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

@@ -0,0 +1,118 @@
+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

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,181 @@
+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

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

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

@@ -0,0 +1,39 @@
+/**
+  获取元素的大小及其相对于视口的位置，等价于 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

@@ -0,0 +1,99 @@
+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 };

package/dist/locales/base.d.ts

@@ -0,0 +1,129 @@
+export interface BaseLang {
+    save: string;
+    confirm: string;
+    cancel: string;
+    done: string;
+    noData: string;
+    placeholder: string;
+    select: string;
+    video: {
+        errorTip: string;
+        clickRetry: string;
+    };
+    fixednav: {
+        activeText: string;
+        unActiveText: string;
+    };
+    infiniteloading: {
+        pullRefreshText: string;
+        loadText: string;
+        loadMoreText: string;
+    };
+    pagination: {
+        prev: string;
+        next: string;
+    };
+    range: {
+        rangeText: string;
+    };
+    calendaritem: {
+        weekdays: Array<string>;
+        end: string;
+        start: string;
+        confirm: string;
+        title: string;
+        monthTitle: Function;
+        today: string;
+        loadPreviousMonth: string;
+        noEarlierMonth: string;
+    };
+    shortpassword: {
+        title: string;
+        desc: string;
+        tips: string;
+    };
+    uploader: {
+        ready: string;
+        readyUpload: string;
+        waitingUpload: string;
+        uploading: string;
+        success: string;
+        error: string;
+        deleteWord: string;
+    };
+    countdown: {
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+    };
+    address: {
+        selectRegion: string;
+        deliveryTo: string;
+        chooseAnotherAddress: string;
+    };
+    signature: {
+        reSign: string;
+        unSupportTpl: string;
+    };
+    ecard: {
+        chooseText: string;
+        otherValueText: string;
+        placeholder: string;
+    };
+    timeselect: {
+        pickupTime: string;
+    };
+    sku: {
+        buyNow: string;
+        buyNumber: string;
+        addToCard: string;
+    };
+    skuheader: {
+        skuId: string;
+    };
+    addresslist: {
+        addAddress: string;
+    };
+    comment: {
+        complaintsText: string;
+        additionalReview: Function;
+        additionalImages: Function;
+    };
+    searchbar: {
+        basePlaceholder: string;
+        text: string;
+        test: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        title5: string;
+        title6: string;
+    };
+    audio: {
+        back: string;
+        forward: string;
+        pause: string;
+        start: string;
+        mute: string;
+        tips: string;
+    };
+    datepicker: {
+        year: string;
+        month: string;
+        day: string;
+        hour: string;
+        min: string;
+        seconds: string;
+    };
+    pullToRefresh: {
+        pullingText: string;
+        canReleaseText: string;
+        refreshingText: string;
+        completeText: string;
+    };
+    watermark: {
+        errorCanvasTips: string;
+    };
+}