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

package/dist/esm/radio2.js

@@ -0,0 +1,129 @@
+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", "icon", "checkedIcon", "iconSize", "onChange"];
+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), true).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 { CheckChecked, CheckNormal } from "@nutui/icons-react";
+import RadioGroup from "./RadioGroup.js";
+import { C as ComponentDefaults } from "./typings.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",
+  icon: "check-normal",
+  checkedIcon: "check-checked",
+  iconSize: 18,
+  onChange: function onChange2(e) {
+  }
+});
+var Radio = function Radio2(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, icon = props.icon, checkedIcon = props.checkedIcon, iconSize = props.iconSize, onChange3 = props.onChange, 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 renderLabel2() {
+    return React__default.createElement("div", {
+      className: "".concat(componentName, "__label ").concat(disabledStatement ? "".concat(componentName, "__label--disabled") : "")
+    }, children);
+  };
+  var renderButton = function renderButton2() {
+    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 color2() {
+    if (disabledStatement) {
+      return "nut-radio__icon--disable";
+    }
+    if (checkedStatement) {
+      return "nut-radio__icon";
+    }
+    return "nut-radio__icon--unchecked";
+  };
+  var renderIcon = function renderIcon2() {
+    var icon2 = props.icon, iconSize2 = props.iconSize, checkedIcon2 = props.checkedIcon;
+    if (!disabledStatement && checkedStatement) {
+      return React__default.isValidElement(checkedIcon2) ? React__default.cloneElement(checkedIcon2, _objectSpread(_objectSpread({}, checkedIcon2.props), {}, {
+        className: color()
+      })) : React__default.createElement(CheckChecked, {
+        width: iconSize2,
+        height: iconSize2,
+        className: color()
+      });
+    }
+    return React__default.isValidElement(icon2) ? React__default.cloneElement(icon2, _objectSpread(_objectSpread({}, icon2.props), {}, {
+      size: iconSize2,
+      className: color()
+    })) : React__default.createElement(CheckNormal, {
+      width: iconSize2,
+      height: iconSize2,
+      className: color()
+    });
+  };
+  var reverseState = textPosition === "left";
+  var renderRadioItem = function renderRadioItem2() {
+    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 handleClick2(e) {
+    if (disabledStatement || checkedStatement)
+      return;
+    setCheckedStatement(!checkedStatement);
+    onChange3 && onChange3(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.js

@@ -0,0 +1,95 @@
+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), true).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";
+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) {
+    createRoot = fullClone.createRoot;
+  }
+} catch (e) {
+}
+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);
+}
+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/tabpane2.js

@@ -0,0 +1,44 @@
+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), true).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.js";
+var defaultProps = {
+  title: "",
+  paneKey: "",
+  activeKey: "",
+  disabled: false
+};
+var TabPane = function TabPane2(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/tabs2.js

@@ -0,0 +1,175 @@
+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"];
+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), true).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 { JoySmile } from "@nutui/icons-react";
+import { c as cn } from "./bem.js";
+import { C as ComponentDefaults } from "./typings.js";
+import TabPane from "./TabPane.js";
+var Title = /* @__PURE__ */ _createClass(
+  // eslint-disable-next-line no-useless-constructor
+  function Title2() {
+    _classCallCheck(this, Title2);
+    _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 pxCheck2(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+};
+var Tabs = function Tabs2(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, 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 = [];
+    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 tabChange2(item, index2) {
+    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
+    })
+  }, !!titleNode && typeof titleNode === "function" ? titleNode() : titles.current.map(function(item, index2) {
+    return React__default.createElement("div", {
+      style: titleStyle,
+      onClick: function onClick2(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(JoySmile, {
+      color
+    })), 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.js

@@ -0,0 +1,7 @@
+var ComponentDefaults = {
+  className: "",
+  style: {}
+};
+export {
+  ComponentDefaults as C
+};

package/dist/esm/use-client-rect.js

@@ -0,0 +1,32 @@
+function isWindow(val) {
+  return val === window;
+}
+var getRect = function getRect2(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,
+      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/use-props-value.js

@@ -0,0 +1,18 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState } from "react";
+function usePropsValue(_ref) {
+  var value = _ref.value, defaultValue = _ref.defaultValue, finalValue = _ref.finalValue, _ref$onChange = _ref.onChange, onChange = _ref$onChange === void 0 ? function(value2) {
+  } : _ref$onChange;
+  var _useState = useState(defaultValue !== void 0 ? defaultValue : finalValue), _useState2 = _slicedToArray(_useState, 2), uncontrolled = _useState2[0], setUncontrolled = _useState2[1];
+  var handleUncontrolledChange = function handleUncontrolledChange2(val) {
+    setUncontrolled(val);
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+  };
+  if (value !== void 0) {
+    return [value, onChange];
+  }
+  return [uncontrolled, handleUncontrolledChange];
+}
+export {
+  usePropsValue as u
+};

package/dist/esm/use-touch.js

@@ -0,0 +1,74 @@
+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 isVertical2() {
+    return direction === "vertical";
+  };
+  var isHorizontal = function isHorizontal2() {
+    return direction === "horizontal";
+  };
+  var reset = function reset2() {
+    SetDeltaX(0);
+    SetDeltaY(0);
+    SetOffsetX(0);
+    SetOffsetY(0);
+    SetDirection("");
+  };
+  var start = function start2(event) {
+    reset();
+    SetStartX(event.touches[0].clientX);
+    SetStartY(event.touches[0].clientY);
+  };
+  var move = function move2(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,
+    start,
+    reset,
+    startX,
+    startY,
+    moveX,
+    moveY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
+  };
+}
+export {
+  useTouch as u
+};

package/dist/locales/base.d.ts

@@ -12,7 +12,7 @@ export interface BaseLang {
     };
     fixednav: {
         activeText: string;
-        unActiveText: string;
+        inactiveText: string;
     };
     infiniteloading: {
         pullRefreshText: string;
@@ -39,7 +39,7 @@ export interface BaseLang {
     };
     shortpassword: {
         title: string;
-        desc: string;
+        description: string;
         tips: string;
     };
     uploader: {

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.1 Wed Apr 19 2023 14:14:12 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.1 Wed Apr 19 2023 14:14:12 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -17,7 +17,7 @@ const o = {
   },
   fixednav: {
     activeText: "Close Nav",
-    unActiveText: "Open Nav"
+    inactiveText: "Open Nav"
   },
   infiniteloading: {
     pullRefreshText: "Pull Refresh",
@@ -42,7 +42,7 @@ const o = {
   },
   shortpassword: {
     title: "Please input a password",
-    desc: "Verify",
+    description: "Verify",
     tips: "Forget password"
   },
   uploader: {

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.1 Wed Apr 19 2023 14:14:12 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -17,7 +17,7 @@ const n = {
   },
   fixednav: {
     activeText: "Tutup Navigasi",
-    unActiveText: "Buka Navigasi"
+    inactiveText: "Buka Navigasi"
   },
   infiniteloading: {
     pullRefreshText: "Lepaskan untuk memperbarui",
@@ -42,7 +42,7 @@ const n = {
   },
   shortpassword: {
     title: "SIlakan masukan kata sandi",
-    desc: "Anda telah menggunakan aset virtual, mohon lakukan verifikasi.",
+    description: "Anda telah menggunakan aset virtual, mohon lakukan verifikasi.",
     tips: "Lupa Kata Sandi"
   },
   uploader: {

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.1 Wed Apr 19 2023 14:14:12 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -17,7 +17,7 @@ const a = {
   },
   fixednav: {
     activeText: "收起导航",
-    unActiveText: "快速导航"
+    inactiveText: "快速导航"
   },
   infiniteloading: {
     pullRefreshText: "松开刷新",
@@ -44,7 +44,7 @@ const a = {
   },
   shortpassword: {
     title: "请输入密码",
-    desc: "您使用了虚拟资产，请进行验证",
+    description: "您使用了虚拟资产，请进行验证",
     tips: "忘记密码"
   },
   uploader: {