@nutui/nutui-react 2.3.11 → 2.3.12

package/dist/esm/Dialog.js

@@ -1,27 +1,4 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["visible", "footer", "hideConfirmButton", "hideCancelButton", "lockScroll", "disableConfirmButton", "closeOnOverlayClick", "confirmText", "cancelText", "closeIconPosition", "closeIcon", "onClose", "onCancel", "onConfirm", "beforeCancel", "beforeClose"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { forwardRef } from "react";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react";
@@ -32,17 +9,12 @@ import { d as defaultOverlayProps } from "./overlay2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import Overlay from "./Overlay.js";
 import { useConfig } from "./ConfigProvider.js";
-import "react-dom";
-import "./use-touch.js";
-import "./get-scroll-parent.js";
-import "./can-use-dom.js";
-import "./supports-passive.js";
 function ConfirmDialog(props) {
-  return React__default.createElement(Dialog, _objectSpread({}, props), props.content);
+  return React__default.createElement(Dialog, Object.assign({}, props), props.content);
 }
-var normalizeConfig = function normalizeConfig2(config) {
+const normalizeConfig = (config) => {
   if (config.isNotice) {
-    var icon = config.icon;
+    let { icon } = config;
     if (!icon && icon !== null) {
       switch (config.noticeType) {
         case "alert":
@@ -54,67 +26,59 @@ var normalizeConfig = function normalizeConfig2(config) {
   }
   return config;
 };
-var confirm = function confirm2(config, renderFunc) {
-  var div = document.createElement("div");
+const confirm = (config, renderFunc) => {
+  const div = document.createElement("div");
   document.body.appendChild(div);
-  var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
-    visible: false
-  });
-  var render$1 = function render$12(props, callback) {
-    render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
-      onCancel: function onCancel2() {
-        return _onCancel();
-      }
-    })), div);
+  let dialogConfig = Object.assign(Object.assign({}, config), { visible: false });
+  const render$1 = (props, callback) => {
+    render(React__default.createElement(ConfirmDialog, Object.assign({}, props, { onCancel: () => onCancel() })), div);
     callback && callback();
   };
-  var renderFunction = renderFunc || render$1;
-  var onConfirm = function onConfirm2() {
-    var _onConfirm = config.onConfirm || config.onConfirm;
-    var ret = _onConfirm === null || _onConfirm === void 0 ? void 0 : _onConfirm();
+  const renderFunction = renderFunc || render$1;
+  const onConfirm = () => {
+    const _onConfirm = config.onConfirm || config.onConfirm;
+    const ret = _onConfirm === null || _onConfirm === void 0 ? void 0 : _onConfirm();
     if (ret && ret.then) {
       renderFunction(dialogConfig);
-      ret.then(function() {
-        _onCancel(true);
-      }, function(e) {
+      ret.then(() => {
+        onCancel(true);
+      }, (e) => {
         console.error(e);
         renderFunction(dialogConfig);
       });
     }
     if (!ret) {
-      _onCancel(true);
+      onCancel(true);
     }
   };
   dialogConfig.onConfirm = onConfirm;
   dialogConfig = normalizeConfig(dialogConfig);
   dialogConfig.visible = true;
   renderFunction(dialogConfig);
-  var destroy = function destroy2() {
+  const destroy = () => {
     unmount(div);
-    if (div !== null && div !== void 0 && div.parentNode) {
+    if (div === null || div === void 0 ? void 0 : div.parentNode) {
       div.parentNode.removeChild(div);
     }
   };
-  var _onCancel = function _onCancel2(confirm22) {
-    !confirm22 && config.onCancel && config.onCancel();
+  const onCancel = (confirm2) => {
+    !confirm2 && config.onCancel && config.onCancel();
     dialogConfig.visible = false;
-    dialogConfig.onClose = function() {
+    dialogConfig.onClose = () => {
       config.onClose && config.onClose();
     };
-    renderFunction(dialogConfig, function() {
+    renderFunction(dialogConfig, () => {
       destroy();
     });
   };
-  var update = function update2(newConfig) {
-    dialogConfig = _objectSpread(_objectSpread({}, dialogConfig), {}, {
-      title: config.title
-    }, newConfig);
+  const update = (newConfig) => {
+    dialogConfig = Object.assign(Object.assign(Object.assign({}, dialogConfig), { title: config.title }), newConfig);
     dialogConfig = normalizeConfig(dialogConfig);
     renderFunction(dialogConfig);
   };
-  var close = function close2() {
+  const close = () => {
     dialogConfig.visible = false;
-    dialogConfig.onClose = function() {
+    dialogConfig.onClose = () => {
       config.onClose && config.onClose();
       destroy();
     };
@@ -125,176 +89,126 @@ var confirm = function confirm2(config, renderFunc) {
     update
   };
 };
-var confirm$1 = confirm;
-var Content = function Content2(props) {
-  var visible = props.visible, title = props.title, header = props.header, footer = props.footer, close = props.close, footerDirection = props.footerDirection, onClick = props.onClick, children = props.children;
-  var classPrefix = "nut-dialog";
-  var renderHeader = function renderHeader2() {
-    return title ? React__default.createElement("div", {
-      className: "".concat(classPrefix, "-header")
-    }, title) : null;
+const Content = (props) => {
+  const { visible, title, header, footer, close, footerDirection, onClick, children } = props;
+  const classPrefix = "nut-dialog";
+  const renderHeader = () => {
+    return title ? React__default.createElement("div", { className: `${classPrefix}-header` }, title) : null;
   };
-  var renderFooter = function renderFooter2() {
-    return footer ? React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-footer"), _defineProperty({}, footerDirection, footerDirection))
-    }, footer) : null;
+  const renderFooter = () => {
+    return footer ? React__default.createElement("div", { className: classNames(`${classPrefix}-footer`, {
+      [footerDirection]: footerDirection
+    }) }, footer) : null;
   };
-  var handleClick = function handleClick2(e) {
+  const handleClick = (e) => {
     onClick && onClick(e);
   };
-  return React__default.createElement("div", {
-    className: classNames("".concat(classPrefix, "-outer"), props.className),
-    style: props.style,
-    onClick: function onClick2(e) {
-      return handleClick(e);
-    }
-  }, close, header, React__default.createElement("div", {
-    className: classPrefix,
-    style: {
-      display: visible ? "flex" : "none"
-    }
-  }, renderHeader(), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content")
-  }, React__default.createElement(React__default.Fragment, null, children)), renderFooter()));
+  return React__default.createElement(
+    "div",
+    { className: classNames(`${classPrefix}-outer`, props.className), style: props.style, onClick: (e) => handleClick(e) },
+    close,
+    header,
+    React__default.createElement(
+      "div",
+      { className: classPrefix, style: { display: visible ? "flex" : "none" } },
+      renderHeader(),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-content` },
+        React__default.createElement(React__default.Fragment, null, children)
+      ),
+      renderFooter()
+    )
+  );
 };
 Content.displayName = "NutContent";
-var defaultDialogProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  overlay: true,
-  overlayStyle: {},
-  overlayClassName: "",
-  onCancel: function onCancel() {
-  },
-  onClose: function onClose() {
-  },
-  onOverlayClick: function onOverlayClick(e) {
-    return true;
-  }
-}, defaultOverlayProps);
-var DialogWrap = function DialogWrap2(props) {
-  var visible = props.visible, overlay = props.overlay, overlayStyle = props.overlayStyle, overlayClassName = props.overlayClassName, closeOnOverlayClick = props.closeOnOverlayClick, lockScroll = props.lockScroll, onClose2 = props.onClose, onCancel2 = props.onCancel, onOverlayClick2 = props.onOverlayClick;
-  var onHandleClickOverlay = function onHandleClickOverlay2(e) {
+const defaultDialogProps = Object.assign(Object.assign(Object.assign({}, ComponentDefaults), { overlay: true, overlayStyle: {}, overlayClassName: "", onCancel: () => {
+}, onClose: () => {
+}, onOverlayClick: (e) => true }), defaultOverlayProps);
+const DialogWrap = (props) => {
+  const { visible, overlay, overlayStyle, overlayClassName, closeOnOverlayClick, lockScroll, onClose, onCancel, onOverlayClick } = props;
+  const onHandleClickOverlay = (e) => {
     if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
-      var closed = onOverlayClick2 && onOverlayClick2(e);
-      closed && (onClose2 === null || onClose2 === void 0 ? void 0 : onClose2());
-      closed && (onCancel2 === null || onCancel2 === void 0 ? void 0 : onCancel2());
+      const closed = onOverlayClick && onOverlayClick(e);
+      closed && (onClose === null || onClose === void 0 ? void 0 : onClose());
+      closed && (onCancel === null || onCancel === void 0 ? void 0 : onCancel());
     }
   };
-  return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(Overlay, {
-    style: overlayStyle,
-    className: classNames("nut-dialog-overlay", overlayClassName),
-    visible,
-    closeOnOverlayClick,
-    lockScroll,
-    onClick: onHandleClickOverlay
-  }) : null, React__default.createElement(CSSTransition, {
-    "in": visible,
-    timeout: 300,
-    classNames: "fadeDialog",
-    unmountOnExit: true,
-    appear: true
-  }, React__default.createElement(Content, _objectSpread(_objectSpread({}, props), {}, {
-    visible
-  }))));
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    overlay ? React__default.createElement(Overlay, { style: overlayStyle, className: classNames("nut-dialog-overlay", overlayClassName), visible, closeOnOverlayClick, lockScroll, onClick: onHandleClickOverlay }) : null,
+    React__default.createElement(
+      CSSTransition,
+      { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
+      React__default.createElement(Content, Object.assign({}, props, { visible }))
+    )
+  );
 };
 DialogWrap.defaultProps = defaultDialogProps;
 DialogWrap.displayName = "NutDialogWrap";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  confirmText: "",
-  cancelText: "",
-  overlay: true,
-  closeOnOverlayClick: true,
-  hideConfirmButton: false,
-  hideCancelButton: false,
-  disableConfirmButton: false,
-  footerDirection: "horizontal",
-  lockScroll: true,
-  closeIconPosition: "top-right",
-  closeIcon: false,
-  beforeCancel: function beforeCancel() {
-    return true;
-  },
-  beforeClose: function beforeClose() {
-    return true;
-  }
-});
-var BaseDialog = function BaseDialog2(props, ref) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var visible = props.visible, footer = props.footer, hideConfirmButton = props.hideConfirmButton, hideCancelButton = props.hideCancelButton, lockScroll = props.lockScroll, disableConfirmButton = props.disableConfirmButton, closeOnOverlayClick = props.closeOnOverlayClick, confirmText = props.confirmText, cancelText = props.cancelText, closeIconPosition = props.closeIconPosition, closeIcon = props.closeIcon, onClose2 = props.onClose, onCancel2 = props.onCancel, onConfirm = props.onConfirm, beforeCancel2 = props.beforeCancel, beforeClose2 = props.beforeClose, restProps = _objectWithoutProperties(props, _excluded);
-  var classPrefix = "nut-dialog";
-  var renderFooter = function renderFooter2() {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { confirmText: "", cancelText: "", overlay: true, closeOnOverlayClick: true, hideConfirmButton: false, hideCancelButton: false, disableConfirmButton: false, footerDirection: "horizontal", lockScroll: true, closeIconPosition: "top-right", closeIcon: false, beforeCancel: () => true, beforeClose: () => true });
+const BaseDialog = (props, ref) => {
+  const { locale } = useConfig();
+  const { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, closeIconPosition, closeIcon, onClose, onCancel, onConfirm, beforeCancel, beforeClose } = props;
+  __rest(props, ["visible", "footer", "hideConfirmButton", "hideCancelButton", "lockScroll", "disableConfirmButton", "closeOnOverlayClick", "confirmText", "cancelText", "closeIconPosition", "closeIcon", "onClose", "onCancel", "onConfirm", "beforeCancel", "beforeClose"]);
+  const classPrefix = "nut-dialog";
+  const renderFooter = () => {
     if (footer === null)
       return "";
-    var handleCancel = function handleCancel2(e) {
+    const handleCancel = (e) => {
       e.stopPropagation();
-      if (!(beforeCancel2 !== null && beforeCancel2 !== void 0 && beforeCancel2()))
+      if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel()))
         return;
-      if (!(beforeClose2 !== null && beforeClose2 !== void 0 && beforeClose2()))
+      if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose()))
         return;
-      onClose2 === null || onClose2 === void 0 || onClose2();
-      onCancel2 === null || onCancel2 === void 0 || onCancel2();
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
-    var handleOk = function handleOk2(e) {
+    const handleOk = (e) => {
       e.stopPropagation();
-      onClose2 === null || onClose2 === void 0 || onClose2();
-      onConfirm === null || onConfirm === void 0 || onConfirm(e);
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(e);
     };
-    return footer || React__default.createElement(React__default.Fragment, null, !hideCancelButton && React__default.createElement(Button, {
-      type: "default",
-      className: "".concat(classPrefix, "-footer-cancel"),
-      onClick: function onClick(e) {
-        return handleCancel(e);
-      }
-    }, cancelText || locale.cancel), !hideConfirmButton && React__default.createElement(Button, {
-      type: "primary",
-      className: classNames("".concat(classPrefix, "-footer-ok"), {
+    return footer || React__default.createElement(
+      React__default.Fragment,
+      null,
+      !hideCancelButton && React__default.createElement(Button, { type: "default", className: `${classPrefix}-footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
+      !hideConfirmButton && React__default.createElement(Button, { type: "primary", className: classNames(`${classPrefix}-footer-ok`, {
         disabled: disableConfirmButton
-      }),
-      disabled: disableConfirmButton,
-      onClick: function onClick(e) {
-        return handleOk(e);
-      }
-    }, confirmText || locale.confirm));
+      }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)
+    );
   };
-  var renderCloseIcon = function renderCloseIcon2() {
+  const renderCloseIcon = () => {
     if (!closeIcon)
       return null;
-    var handleCancel = function handleCancel2() {
-      if (!(beforeCancel2 !== null && beforeCancel2 !== void 0 && beforeCancel2()))
+    const handleCancel = () => {
+      if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel()))
         return;
-      if (!(beforeClose2 !== null && beforeClose2 !== void 0 && beforeClose2()))
+      if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose()))
         return;
-      onClose2 === null || onClose2 === void 0 || onClose2();
-      onCancel2 === null || onCancel2 === void 0 || onCancel2();
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
-    var closeClasses = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-close"), true), "".concat(classPrefix, "-close-").concat(closeIconPosition), true));
-    return React__default.createElement("div", {
-      className: closeClasses,
-      onClick: handleCancel
-    }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null));
+    const closeClasses = classNames({
+      [`${classPrefix}-close`]: true,
+      [`${classPrefix}-close-${closeIconPosition}`]: true
+    });
+    return React__default.createElement("div", { className: closeClasses, onClick: handleCancel }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null));
   };
-  return React__default.createElement("div", {
-    style: {
-      display: visible ? "block" : "none"
-    }
-  }, React__default.createElement(DialogWrap, _objectSpread(_objectSpread({}, props), {}, {
-    visible,
-    lockScroll,
-    footer: renderFooter(),
-    close: renderCloseIcon(),
-    onClose: onClose2,
-    onCancel: onCancel2
-  })));
+  return React__default.createElement(
+    "div",
+    { style: { display: visible ? "block" : "none" } },
+    React__default.createElement(DialogWrap, Object.assign({}, props, { visible, lockScroll, footer: renderFooter(), close: renderCloseIcon(), onClose, onCancel }))
+  );
 };
-var Dialog = forwardRef(BaseDialog);
-Dialog.confirm = function(props) {
-  return confirm$1(props);
+const Dialog = forwardRef(BaseDialog);
+Dialog.confirm = (props) => {
+  return confirm(props);
 };
-["alert"].forEach(function(type) {
-  Dialog[type] = function(props) {
-    return confirm$1(_objectSpread(_objectSpread({}, props), {}, {
-      isNotice: false,
-      noticeType: type
-    }));
+["alert"].forEach((type) => {
+  Dialog[type] = (props) => {
+    return confirm(Object.assign(Object.assign({}, props), { isNotice: false, noticeType: type }));
   };
 });
 Dialog.defaultProps = defaultProps;

package/dist/esm/Divider.js

@@ -1,42 +1,22 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "contentPosition", "style", "className", "direction"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  contentPosition: "center",
-  direction: "horizontal"
-});
-var classPrefix = "nut-divider";
-var Divider = function Divider2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, contentPosition = _defaultProps$props.contentPosition, style = _defaultProps$props.style, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classes = direction === "horizontal" ? classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix), true), "".concat(classPrefix, "-center"), children), "".concat(classPrefix, "-left"), contentPosition === "left"), "".concat(classPrefix, "-right"), contentPosition === "right"), "".concat(classPrefix, "-hairline"), true)) : classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix), true), "".concat(classPrefix, "-vertical"), direction === "vertical"));
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(classes, " ").concat(className || ""),
-    style
-  }, rest), children);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { contentPosition: "center", direction: "horizontal" });
+const classPrefix = `nut-divider`;
+const Divider = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, contentPosition, style, className, direction } = _a, rest = __rest(_a, ["children", "contentPosition", "style", "className", "direction"]);
+  const classes = direction === "horizontal" ? classNames({
+    [`${classPrefix}`]: true,
+    [`${classPrefix}-center`]: children,
+    [`${classPrefix}-left`]: contentPosition === "left",
+    [`${classPrefix}-right`]: contentPosition === "right",
+    [`${classPrefix}-hairline`]: true
+  }) : classNames({
+    [`${classPrefix}`]: true,
+    [`${classPrefix}-vertical`]: direction === "vertical"
+  });
+  return React__default.createElement("div", Object.assign({ className: `${classes} ${className || ""}`, style }, rest), children);
 };
 Divider.defaultProps = defaultProps;
 Divider.displayName = "NutDivider";

package/dist/esm/Drag.js

@@ -1,60 +1,30 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["attract", "direction", "boundary", "children", "className", "style"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useRef, useEffect } from "react";
 import { useDrag } from "@use-gesture/react";
 import { useSpring, animated } from "@react-spring/web";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  attract: false,
-  direction: void 0,
-  boundary: {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }
-});
-var Drag = function Drag2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), attract = _defaultProps$props.attract, direction = _defaultProps$props.direction, boundary = _defaultProps$props.boundary, children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, reset = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-drag";
-  var _useState = useState(boundary), _useState2 = _slicedToArray(_useState, 2), boundaryState = _useState2[0], setBoundaryState = _useState2[1];
-  var myDrag = useRef(null);
-  var _useSpring = useSpring(function() {
-    return {
-      x: 0,
-      y: 0
-    };
-  }), _useSpring2 = _slicedToArray(_useSpring, 2), currstyle = _useSpring2[0], api = _useSpring2[1];
-  var middleLine = useRef(0);
-  var getInfo = function getInfo2() {
-    var el = myDrag.current;
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { attract: false, direction: void 0, boundary: {
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0
+} });
+const Drag = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { attract, direction, boundary, children, className, style } = _a, reset = __rest(_a, ["attract", "direction", "boundary", "children", "className", "style"]);
+  const classPrefix = "nut-drag";
+  const [boundaryState, setBoundaryState] = useState(boundary);
+  const myDrag = useRef(null);
+  const [currstyle, api] = useSpring(() => ({
+    x: 0,
+    y: 0
+  }));
+  const middleLine = useRef(0);
+  const getInfo = () => {
+    const el = myDrag.current;
     if (el) {
-      var offsetWidth = el.offsetWidth, offsetHeight = el.offsetHeight, offsetTop = el.offsetTop, offsetLeft = el.offsetLeft;
-      var _document$documentEle = document.documentElement, clientWidth = _document$documentEle.clientWidth, clientHeight = _document$documentEle.clientHeight;
-      var top = boundary.top, left = boundary.left, bottom = boundary.bottom, right = boundary.right;
+      const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = el;
+      const { clientWidth, clientHeight } = document.documentElement;
+      const { top, left, bottom, right } = boundary;
       setBoundaryState({
         top: -offsetTop + top,
         left: -offsetLeft + left,
@@ -64,21 +34,12 @@ var Drag = function Drag2(props) {
       middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
     }
   };
-  var bind = useDrag(function(_ref) {
-    var down = _ref.down, last = _ref.last, _ref$offset = _slicedToArray(_ref.offset, 2), x = _ref$offset[0], y = _ref$offset[1];
-    api.start({
-      x,
-      y,
-      immediate: down
-    });
+  const bind = useDrag(({ down, last, offset: [x, y] }) => {
+    api.start({ x, y, immediate: down });
     if (last) {
       if (props.direction !== "y" && props.attract) {
         if (x < middleLine.current) {
-          api.start({
-            x: boundaryState.left,
-            y,
-            immediate: down
-          });
+          api.start({ x: boundaryState.left, y, immediate: down });
         } else {
           api.start({
             x: boundaryState.right,
@@ -89,23 +50,18 @@ var Drag = function Drag2(props) {
       }
     }
   }, {
-    from: function from() {
-      return [currstyle.x.get(), currstyle.y.get()];
-    },
+    from: () => [currstyle.x.get(), currstyle.y.get()],
     axis: direction,
     bounds: boundaryState
   });
-  useEffect(function() {
+  useEffect(() => {
     getInfo();
   }, [myDrag]);
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    style,
-    className: "".concat(classPrefix, " ").concat(className)
-  }, reset), {}, {
-    ref: myDrag
-  }), React__default.createElement(animated.div, _objectSpread({
-    style: currstyle
-  }, bind()), children));
+  return React__default.createElement(
+    "div",
+    Object.assign({ style, className: `${classPrefix} ${className}` }, reset, { ref: myDrag }),
+    React__default.createElement(animated.div, Object.assign({ style: currstyle }, bind()), children)
+  );
 };
 Drag.defaultProps = defaultProps;
 Drag.displayName = "NutDrag";