@nutui/nutui-react-taro 1.3.11 → 1.3.12-beta.0

package/dist/esm/skeleton.taro-853ce460.js

@@ -1,99 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "width", "height", "animated", "row", "title", "avatar", "avatarSize", "round", "loading", "children", "avatarShape"];
-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 { A as Avatar } from './avatar.taro-85ced995.js';
-import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  width: '100px',
-  height: '100px',
-  row: 1,
-  animated: false,
-  title: false,
-  avatar: false,
-  round: false,
-  avatarSize: '50px',
-  loading: false,
-  avatarShape: 'round'
-};
-var Skeleton = function Skeleton(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    width = _defaultProps$props.width,
-    height = _defaultProps$props.height,
-    animated = _defaultProps$props.animated,
-    row = _defaultProps$props.row,
-    title = _defaultProps$props.title,
-    avatar = _defaultProps$props.avatar,
-    avatarSize = _defaultProps$props.avatarSize,
-    round = _defaultProps$props.round,
-    loading = _defaultProps$props.loading,
-    children = _defaultProps$props.children,
-    avatarShape = _defaultProps$props.avatarShape,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('skeleton');
-  var classes = classNames(className, b());
-  var blockClass = classNames({
-    blockClass: true,
-    'blockClass--round': round
-  });
-  var avatarClass = classNames(_defineProperty({
-    avatarClass: true
-  }, "avatarClass--".concat(avatarShape), avatarShape));
-  var repeatLines = function repeatLines(num) {
-    return Array.from({
-      length: num
-    }, function (v, i) {
-      return i;
-    });
-  };
-  var getStyle = function getStyle() {
-    if (avatarSize) {
-      return {
-        width: avatarSize,
-        height: avatarSize
-      };
-    }
-    return {
-      width: '50px',
-      height: '50px'
-    };
-  };
-  return React__default.createElement(React__default.Fragment, null, loading ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
-    className: classes
-  }, restProps), animated && React__default.createElement("div", {
-    className: "skeleton-animation"
-  }), React__default.createElement("div", {
-    className: "nut-skeleton-content"
-  }, avatar && React__default.createElement(Avatar, {
-    className: avatarClass,
-    bgColor: "rgb(239, 239, 239)",
-    shape: avatarShape,
-    style: getStyle()
-  }), row === 1 && React__default.createElement("div", {
-    className: blockClass,
-    style: {
-      width: width,
-      height: height
-    }
-  }), React__default.createElement("div", {
-    className: "skeleton-content-line"
-  }, title && React__default.createElement("div", {
-    className: "skeleton-title"
-  }), repeatLines(row).map(function (item, index) {
-    return React__default.createElement("div", {
-      className: blockClass,
-      key: index,
-      style: {
-        width: width,
-        height: height
-      }
-    });
-  })))));
-};
-Skeleton.defaultProps = defaultProps;
-Skeleton.displayName = 'NutSkeleton';
-export { Skeleton as S };

package/dist/esm/step.taro-1c94e067.js

@@ -1,88 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "title", "content", "activeIndex", "icon", "iconColor", "size", "className", "renderContent", "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, { useContext } from 'react';
-import classNames from 'classnames';
-import { D as DataContext } from './UserContext-68f62e66.js';
-import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: '',
-  content: '',
-  activeIndex: 0,
-  icon: '',
-  iconColor: '',
-  size: '12px'
-});
-var Step = function Step(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    title = _defaultProps$props.title,
-    content = _defaultProps$props.content,
-    activeIndex = _defaultProps$props.activeIndex,
-    icon = _defaultProps$props.icon,
-    iconColor = _defaultProps$props.iconColor,
-    size = _defaultProps$props.size,
-    className = _defaultProps$props.className,
-    renderContent = _defaultProps$props.renderContent,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var parent = useContext(DataContext);
-  var dot = parent.propSteps.progressDot;
-  var getCurrentStatus = function getCurrentStatus() {
-    var index = activeIndex;
-    if (index < +parent.propSteps.current) return 'finish';
-    return index === +parent.propSteps.current ? 'process' : 'wait';
-  };
-  var handleClickStep = function handleClickStep() {
-    var _parent$propSteps, _parent$propSteps2, _parent$propSteps3, _parent$propSteps4;
-    ((_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.onClickStep) && ((_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.onClickStep(activeIndex));
-    ((_parent$propSteps3 = parent.propSteps) === null || _parent$propSteps3 === void 0 ? void 0 : _parent$propSteps3.clickStep) && ((_parent$propSteps4 = parent.propSteps) === null || _parent$propSteps4 === void 0 ? void 0 : _parent$propSteps4.clickStep(activeIndex));
-  };
-  var b = cn('step');
-  var classes = classNames(_defineProperty({}, "".concat(b(''), "-").concat(getCurrentStatus()), true), className, b(''));
-  var renderIconClass = function renderIconClass() {
-    if (!dot && icon) {
-      return 'nut-step-icon is-icon';
-    }
-    if (!dot && !icon) {
-      return 'nut-step-icon is-text';
-    }
-    return 'nut-step-icon';
-  };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: classes
-  }, restProps), {}, {
-    onClick: handleClickStep
-  }), React__default.createElement("div", {
-    className: "nut-step-head"
-  }, React__default.createElement("div", {
-    className: "nut-step-line"
-  }), React__default.createElement("div", {
-    className: renderIconClass()
-  }, icon ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "nut-step-icon-inner",
-    color: iconColor,
-    name: icon,
-    size: size
-  }) : !dot && React__default.createElement("span", {
-    className: "nut-step-inner"
-  }, activeIndex))), React__default.createElement("div", {
-    className: "nut-step-main"
-  }, React__default.createElement("span", {
-    className: "nut-step-title"
-  }, title), content && React__default.createElement("span", {
-    className: "nut-step-content"
-  }, content), renderContent && React__default.createElement("span", {
-    className: "nut-step-content"
-  }, renderContent())));
-};
-Step.defaultProps = defaultProps;
-Step.displayName = 'NutStep';
-export { Step as S };

package/dist/esm/steps.taro-acf205a0.js

@@ -1,39 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep", "onClickStep"];
-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 { D as DataContext } from './UserContext-68f62e66.js';
-import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  current: 0,
-  direction: 'horizontal',
-  progressDot: false
-};
-var Steps = function Steps(props) {
-  var _classNames;
-  var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
-  var children = propSteps.children,
-    current = propSteps.current,
-    direction = propSteps.direction,
-    className = propSteps.className,
-    progressDot = propSteps.progressDot,
-    clickStep = propSteps.clickStep,
-    onClickStep = propSteps.onClickStep,
-    restProps = _objectWithoutProperties(propSteps, _excluded);
-  var parentSteps = {
-    propSteps: propSteps
-  };
-  var b = cn('steps');
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(''), "-").concat(direction), true), _defineProperty(_classNames, "".concat(b(''), "-dot"), !!props.progressDot), _classNames), className, b(''));
-  return React__default.createElement(DataContext.Provider, {
-    value: parentSteps
-  }, React__default.createElement('div', _objectSpread({
-    className: classes
-  }, restProps), children));
-};
-Steps.defaultProps = defaultProps;
-Steps.displayName = 'NutSteps';
-export { Steps as S };

package/dist/esm/sticky.taro-30d4e453.js

@@ -1,16 +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 { u as useConfig } from './configprovider-3e87d67a.js';
-var defaultProps = {};
-var Sticky = function Sticky(props) {
-  useConfig();
-  _objectSpread(_objectSpread({}, defaultProps), props);
-  return React__default.createElement("div", {
-    className: "nut-sticky"
-  }, "Sticky");
-};
-Sticky.defaultProps = defaultProps;
-Sticky.displayName = 'NutSticky';
-export { Sticky as S };

package/dist/esm/subsidenavbar.taro-4c80ad38.js

@@ -1,79 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "ikey", "children", "onClick", "open"];
-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, { useContext, useRef, useCallback, useEffect } from 'react';
-import { O as OffsetContext, h as handleClick } from './offsetContext-0e3d04b3.js';
-var defaultProps = {
-  open: true
-};
-var SubSideNavBar = function SubSideNavBar(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    title = _defaultProps$props.title,
-    ikey = _defaultProps$props.ikey,
-    children = _defaultProps$props.children,
-    onClick = _defaultProps$props.onClick,
-    open = _defaultProps$props.open,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  // const offset = props.offset ? Number(props.offset) : 20
-  var offset = useContext(OffsetContext);
-  console.log('offset>>>>>>>', offset);
-  var listRef = useRef(null);
-  var setListLevel = useCallback(function (nodeList) {
-    var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-    var titleClass = nodeList[0].className;
-    if (titleClass.includes('nut-subsidenavbar__title')) {
-      // const left = 15 + offset * level
-      var left = offset * (level + 1);
-      nodeList[0].style.paddingLeft = "".concat(left, "px");
-    }
-    var childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter(function (item) {
-      return item.nodeType !== 3 && item.nodeType !== 8;
-    });
-    childNodes.forEach(function (item) {
-      var itemClass = item.className;
-      if (itemClass.includes('nut-subsidenavbar__item')) {
-        // const left = 15 + offset * (level + 1)
-        var _left = offset * (level + 2);
-        item.style.paddingLeft = "".concat(_left, "px");
-      }
-      if (itemClass.includes('nut-subsidenavbar__list')) {
-        var _level = item.getAttribute('level') ? Number(item.getAttribute('level')) : 1;
-        _level += 1;
-        item.setAttribute('level', _level.toString());
-        item.children && setListLevel(item.children, _level);
-      }
-    });
-  }, [offset]);
-  var clickFn = function clickFn(e) {
-    handleClick(e);
-    var currentClass = e.currentTarget.className;
-    var isShow = currentClass.includes('nutShow');
-    onClick && onClick({
-      title: title,
-      ikey: ikey,
-      isShow: isShow
-    });
-  };
-  useEffect(function () {
-    var _listRef$current, _listRef$current2;
-    var childNodes = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.children;
-    (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.setAttribute('level', '1');
-    childNodes && setListLevel(childNodes);
-  }, [setListLevel]);
-  var divClass = open ? 'nut-subsidenavbar__list  nutShow' : 'nut-subsidenavbar__list  nutHide';
-  var iconClass = open ? 'arrow-icon arrow-down' : 'arrow-icon arrow-up';
-  return React__default.createElement("div", _objectSpread({
-    className: divClass,
-    ref: listRef,
-    onClick: clickFn
-  }, rest), React__default.createElement("div", {
-    className: "nut-subsidenavbar__title border-bt"
-  }, title, " ", React__default.createElement("i", {
-    className: iconClass
-  })), React__default.createElement("div", {
-    className: "nut-subsidenavbar__content"
-  }, children));
-};
-export { SubSideNavBar as S };

package/dist/esm/swipe.taro-83bc248f.js

@@ -1,271 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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 React__default, { forwardRef, useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import { u as useTouch } from './useTouch-a2ea68c6.js';
-import { g as getRectByTaro } from './useClientRect-bf69d7b3.js';
-function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation) {
-    event.stopPropagation();
-  }
-}
-var defaultProps = {
-  name: '',
-  leftWidth: 0,
-  rightWidth: 0
-};
-var Swipe = forwardRef(function (props, instanceRef) {
-  var swipeBem = cn('swipe');
-  var touch = useTouch();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style;
-  var root = useRef();
-  var opened = useRef(false);
-  var lockClick = useRef(false);
-  var startOffset = useRef(0);
-  var _useState = useState({
-      offset: 0,
-      dragging: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var _useState3 = useState({
-      left: 0,
-      right: 0
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    actionWidth = _useState4[0],
-    setActionWidth = _useState4[1];
-  var wrapperStyle = {
-    transform: "translate3d(".concat(state.offset, "px, 0, 0)"),
-    transitionDuration: state.dragging ? '0s' : '.6s'
-  };
-  var leftWidth = useMemo(function () {
-    return props.leftWidth ? props.leftWidth : actionWidth.left;
-  }, [props.leftWidth, actionWidth.left]);
-  var rightWidth = useMemo(function () {
-    return props.rightWidth ? props.rightWidth : actionWidth.right;
-  }, [props.rightWidth, actionWidth.right]);
-  var _onTouchStart = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
-      var leftRect, rightRect;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!leftWrapper.current) {
-                _context.next = 5;
-                break;
-              }
-              _context.next = 3;
-              return getRectByTaro(leftWrapper.current);
-            case 3:
-              leftRect = _context.sent;
-              setActionWidth(function (v) {
-                return _objectSpread(_objectSpread({}, v), {}, {
-                  left: leftRect.width
-                });
-              });
-            case 5:
-              if (!rightWrapper.current) {
-                _context.next = 10;
-                break;
-              }
-              _context.next = 8;
-              return getRectByTaro(rightWrapper.current);
-            case 8:
-              rightRect = _context.sent;
-              setActionWidth(function (v) {
-                return _objectSpread(_objectSpread({}, v), {}, {
-                  right: rightRect.width
-                });
-              });
-            case 10:
-              if (!props.disabled) {
-                startOffset.current = state.offset;
-                touch.start(event);
-              }
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-    return function onTouchStart(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var _onTouchMove = function onTouchMove(event) {
-    if (props.disabled) {
-      return;
-    }
-    touch.move(event);
-    if (touch.isHorizontal()) {
-      lockClick.current = true;
-      var newState = _objectSpread(_objectSpread({}, state), {}, {
-        dragging: true
-      });
-      var isEdge = !opened || touch.deltaX * startOffset.current < 0;
-      if (isEdge) {
-        preventDefault(event, true);
-      }
-      newState.offset = rangeCalculation(touch.deltaX + startOffset.current, -rightWidth || 0, leftWidth || 0);
-      setState(newState);
-    }
-  };
-  var onTouchEnd = function onTouchEnd() {
-    if (state.dragging) {
-      setState(function (v) {
-        return _objectSpread(_objectSpread({}, v), {}, {
-          dragging: false
-        });
-      });
-      toggle(state.offset > 0 ? 'left' : 'right');
-      setTimeout(function () {
-        lockClick.current = false;
-      }, 0);
-    }
-  };
-  var toggle = function toggle(side) {
-    var offset = Math.abs(state.offset);
-    var base = 0.3;
-    var baseNum = opened ? 1 - base : base;
-    var width = side === 'left' ? leftWidth : rightWidth;
-    if (width && offset > Number(width) * baseNum) {
-      open(side);
-    } else {
-      _close(side);
-    }
-  };
-  var open = function open(side) {
-    var _props$onOpen;
-    opened.current = true;
-    var offset = side === 'left' ? leftWidth : -rightWidth;
-    var name = props.name;
-    (_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 ? void 0 : _props$onOpen.call(props, {
-      name: name,
-      position: side
-    });
-    setState(function (v) {
-      return _objectSpread(_objectSpread({}, v), {}, {
-        offset: Number(offset) || 0
-      });
-    });
-  };
-  var _close = function close(position) {
-    if (opened.current) {
-      var _props$onClose;
-      opened.current = false;
-      (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props, {
-        name: props.name,
-        position: position || 'left'
-      });
-    }
-    setState(function (v) {
-      return _objectSpread(_objectSpread({}, v), {}, {
-        offset: 0
-      });
-    });
-  };
-  var rangeCalculation = function rangeCalculation(num, min, max) {
-    return Math.min(Math.max(Number(num), Number(min)), Number(max));
-  };
-  // const getNodeWidth = (node: Element) => {
-  //   if (node) {
-  //     const ele: any = getRectByTaro(node)
-  //     return ele.width
-  //   }
-  //   return 0
-  // }
-  // const leftRef = useCallback(
-  //   (node: Element | null) => {
-  //     if (node !== null) {
-  //       setActionWidth((v) => ({ ...v, left: getNodeWidth(node) }))
-  //     }
-  //   },
-  //   [props.leftAction]
-  // )
-  // const rightRef = useCallback(
-  //   (node: Element | null) => {
-  //     if (node !== null) {
-  //       setActionWidth((v) => ({ ...v, right: getNodeWidth(node) }))
-  //     }
-  //   },
-  //   [props.rightAction]
-  // )
-  var leftWrapper = useRef(null);
-  var rightWrapper = useRef(null);
-  var renderActionContent = function renderActionContent(side) {
-    if (props["".concat(side, "Action")]) {
-      return React__default.createElement("div", {
-        ref: side === 'left' ? leftWrapper : rightWrapper,
-        className: "".concat(swipeBem(side)),
-        onClick: function onClick(e) {
-          return handleOperate(e, side);
-        }
-      }, props["".concat(side, "Action")]);
-    }
-    return null;
-  };
-  var handleOperate = function handleOperate(event, position) {
-    event.stopPropagation();
-    if (props.beforeClose) {
-      props.beforeClose(position);
-    } else {
-      props.onActionClick && props.onActionClick(event, position);
-    }
-  };
-  useImperativeHandle(instanceRef, function () {
-    return {
-      open: open,
-      close: function close() {
-        return _close();
-      }
-    };
-  });
-  useEffect(function () {
-    var handler = function handler(event) {
-      var targets = [root];
-      if (targets.some(function (targetItem) {
-        var targetElement = targetItem.current || targetItem;
-        return !targetElement || (targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target));
-      })) {
-        return;
-      }
-      _close();
-    };
-    document.addEventListener('touchstart', handler);
-    return function () {
-      document.removeEventListener('touchstart', handler);
-    };
-  }, []);
-  return React__default.createElement("div", {
-    ref: root,
-    className: "".concat(swipeBem(), " ").concat(className),
-    onTouchStart: function onTouchStart(e) {
-      return _onTouchStart(e);
-    },
-    onTouchMove: function onTouchMove(e) {
-      return _onTouchMove(e);
-    },
-    onTouchEnd: onTouchEnd,
-    style: style
-  }, React__default.createElement("div", {
-    className: "".concat(swipeBem('wrapper')),
-    style: wrapperStyle
-  }, renderActionContent('left'), children, renderActionContent('right')));
-});
-Swipe.defaultProps = defaultProps;
-Swipe.displayName = 'NutSwipe';
-export { Swipe as S };