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

package/dist/esm/datepicker.taro-9f8afe51.js

@@ -0,0 +1,304 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "onChange", "threeDimensional", "className", "style"];
+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 { P as Picker } from './picker.taro-f003b725.js';
+var currentYear = new Date().getFullYear();
+var defaultProps = {
+  modelValue: null,
+  visible: false,
+  title: '',
+  type: 'date',
+  isShowChinese: false,
+  threeDimensional: true,
+  minuteStep: 1,
+  minDate: new Date(currentYear - 10, 0, 1),
+  maxDate: new Date(currentYear + 10, 11, 31)
+};
+var DatePicker = function DatePicker(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    minDate = _defaultProps$props.minDate,
+    maxDate = _defaultProps$props.maxDate,
+    type = _defaultProps$props.type,
+    isShowChinese = _defaultProps$props.isShowChinese,
+    minuteStep = _defaultProps$props.minuteStep,
+    modelValue = _defaultProps$props.modelValue,
+    visible = _defaultProps$props.visible,
+    title = _defaultProps$props.title,
+    formatter = _defaultProps$props.formatter,
+    onCloseDatePicker = _defaultProps$props.onCloseDatePicker,
+    onConfirmDatePicker = _defaultProps$props.onConfirmDatePicker,
+    filter = _defaultProps$props.filter,
+    onChange = _defaultProps$props.onChange,
+    threeDimensional = _defaultProps$props.threeDimensional,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  var _useState3 = useState(modelValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentDate = _useState4[0],
+    setCurrentDate = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    defaultValue = _useState6[0],
+    setDefaultValue = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    listData = _useState8[0],
+    setListData = _useState8[1];
+  var pickerRef = useRef(null);
+  var isDate = function isDate(val) {
+    return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
+  };
+  var zhCNType = {
+    day: '日',
+    year: '年',
+    month: '月',
+    hour: '时',
+    minute: '分',
+    seconds: '秒'
+  };
+  var formatValue = function formatValue(value) {
+    var cvalue = value;
+    if (!cvalue || cvalue && !isDate(cvalue)) {
+      cvalue = minDate;
+    }
+    var timestmp = Math.max(cvalue.getTime(), minDate.getTime());
+    timestmp = Math.min(timestmp, maxDate.getTime());
+    return new Date(timestmp);
+  };
+  function getMonthEndDay(year, month) {
+    return new Date(year, month, 0).getDate();
+  }
+  var getBoundary = function getBoundary(type, value) {
+    var _ref;
+    var boundary = type === 'min' ? minDate : maxDate;
+    var year = boundary.getFullYear();
+    var month = 1;
+    var date = 1;
+    var hour = 0;
+    var minute = 0;
+    if (type === 'max') {
+      month = 12;
+      date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
+      hour = 23;
+      minute = 59;
+    }
+    var seconds = minute;
+    if (value.getFullYear() === year) {
+      month = boundary.getMonth() + 1;
+      if (value.getMonth() + 1 === month) {
+        date = boundary.getDate();
+        if (value.getDate() === date) {
+          hour = boundary.getHours();
+          if (value.getHours() === hour) {
+            minute = boundary.getMinutes();
+          }
+        }
+      }
+    }
+    return _ref = {}, _defineProperty(_ref, "".concat(type, "Year"), year), _defineProperty(_ref, "".concat(type, "Month"), month), _defineProperty(_ref, "".concat(type, "Date"), date), _defineProperty(_ref, "".concat(type, "Hour"), hour), _defineProperty(_ref, "".concat(type, "Minute"), minute), _defineProperty(_ref, "".concat(type, "Seconds"), seconds), _ref;
+  };
+  var ranges = function ranges(date) {
+    var curDate = date || currentDate;
+    console.log(11, currentDate);
+    if (!curDate) return [];
+    var _getBoundary = getBoundary('max', curDate),
+      maxYear = _getBoundary.maxYear,
+      maxDate = _getBoundary.maxDate,
+      maxMonth = _getBoundary.maxMonth,
+      maxHour = _getBoundary.maxHour,
+      maxMinute = _getBoundary.maxMinute,
+      maxSeconds = _getBoundary.maxSeconds;
+    var _getBoundary2 = getBoundary('min', curDate),
+      minYear = _getBoundary2.minYear,
+      minDate = _getBoundary2.minDate,
+      minMonth = _getBoundary2.minMonth,
+      minHour = _getBoundary2.minHour,
+      minMinute = _getBoundary2.minMinute,
+      minSeconds = _getBoundary2.minSeconds;
+    var result = [{
+      type: 'year',
+      range: [minYear, maxYear]
+    }, {
+      type: 'month',
+      range: [minMonth, maxMonth]
+    }, {
+      type: 'day',
+      range: [minDate, maxDate]
+    }, {
+      type: 'hour',
+      range: [minHour, maxHour]
+    }, {
+      type: 'minute',
+      range: [minMinute, maxMinute]
+    }, {
+      type: 'seconds',
+      range: [minSeconds, maxSeconds]
+    }];
+    switch (type.toLocaleLowerCase()) {
+      case 'date':
+        result = result.slice(0, 3);
+        break;
+      case 'datetime':
+        result = result.slice(0, 5);
+        break;
+      case 'time':
+        result = result.slice(3, 6);
+        break;
+      case 'year-month':
+        result = result.slice(0, 2);
+        break;
+      case 'month-day':
+        result = result.slice(1, 3);
+        break;
+      case 'datehour':
+        result = result.slice(0, 4);
+        break;
+    }
+    return result;
+  };
+  var updateChooseValueCustmer = function updateChooseValueCustmer(index, selectedValue, cacheValueData) {
+    if (['date', 'datetime', 'datehour', 'month-day', 'year-month'].includes(type.toLocaleLowerCase())) {
+      var _date;
+      var formatDate = [];
+      selectedValue.forEach(function (item) {
+        formatDate.push(item);
+      });
+      if (type.toLocaleLowerCase() === 'month-day' && formatDate.length < 3) {
+        formatDate.unshift(new Date(modelValue || minDate || maxDate).getFullYear());
+      }
+      if (type.toLocaleLowerCase() === 'year-month' && formatDate.length < 3) {
+        formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
+      }
+      var year = Number(formatDate[0]);
+      var month = Number(formatDate[1]) - 1;
+      var day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
+      var date = null;
+      if (type.toLocaleLowerCase() === 'date' || type.toLocaleLowerCase() === 'month-day' || type.toLocaleLowerCase() === 'year-month') {
+        date = new Date(year, month, day);
+      } else if (type.toLocaleLowerCase() === 'datetime') {
+        date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
+      } else if (type.toLocaleLowerCase() === 'datehour') {
+        date = new Date(year, month, day, Number(formatDate[3]));
+      }
+      var isEqual = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.getTime()) === ((_date = date) === null || _date === void 0 ? void 0 : _date.getTime());
+      date && isDate(date) && !isEqual && setCurrentDate(formatValue(date));
+    }
+    props.onChange && props.onChange(index, selectedValue, cacheValueData);
+  };
+  var padZero = function padZero(num) {
+    var targetLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+    var str = "".concat(num);
+    while (str.length < targetLength) {
+      str = "0".concat(str);
+    }
+    return str;
+  };
+  var formatterOption = function formatterOption(type, value) {
+    var fOption = null;
+    if (formatter) {
+      fOption = formatter(type, {
+        text: padZero(value, 2),
+        value: padZero(value, 2)
+      });
+    } else {
+      var padMin = padZero(value, 2);
+      var fatter = isShowChinese ? zhCNType[type] : '';
+      fOption = {
+        text: padMin + fatter,
+        value: padMin
+      };
+    }
+    return fOption;
+  };
+  var generateValue = function generateValue(min, max, val, type, columnIndex) {
+    var cmin = min;
+    var arr = [];
+    var index = 0;
+    while (cmin <= max) {
+      arr.push(formatterOption(type, cmin));
+      if (type === 'minute') {
+        cmin += minuteStep;
+      } else {
+        cmin++;
+      }
+      if (cmin <= val) {
+        index++;
+      }
+    }
+    defaultValue[columnIndex] = arr[index].value;
+    setDefaultValue(_toConsumableArray(defaultValue));
+    if (props.filter && props.filter(type, arr)) {
+      return props.filter(type, arr);
+    }
+    return arr;
+  };
+  var getDateIndex = function getDateIndex(type) {
+    if (!currentDate) return 0;
+    var d = 0;
+    if (type === 'year') {
+      d = currentDate.getFullYear();
+    } else if (type === 'month') {
+      d = currentDate.getMonth() + 1;
+    } else if (type === 'day') {
+      d = currentDate.getDate();
+    } else if (type === 'hour') {
+      d = currentDate.getHours();
+    } else if (type === 'minute') {
+      d = currentDate.getMinutes();
+    } else if (type === 'seconds') {
+      d = currentDate.getSeconds();
+    }
+    return d;
+  };
+  var columns = function columns(date) {
+    var val = ranges(date).map(function (res, columnIndex) {
+      return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
+    });
+    return val || [];
+  };
+  useEffect(function () {
+    setCurrentDate(formatValue(modelValue));
+    // initDefault()
+  }, []);
+  useEffect(function () {
+    setCurrentDate(formatValue(modelValue));
+  }, [modelValue]);
+  useEffect(function () {
+    setShow(visible);
+  }, [visible]);
+  useEffect(function () {
+    if (currentDate) {
+      setListData(columns());
+    }
+  }, [currentDate]);
+  return React__default.createElement("div", _objectSpread({
+    className: "nut-datepicker ".concat(className || ''),
+    style: style
+  }, rest), listData.length > 0 && React__default.createElement(Picker, {
+    isVisible: show,
+    listData: listData,
+    onClose: onCloseDatePicker,
+    defaultValueData: defaultValue,
+    onConfirm: function onConfirm(values, options) {
+      return onConfirmDatePicker && onConfirmDatePicker(values, options);
+    },
+    onChange: function onChange(index, value, list) {
+      return updateChooseValueCustmer(index, value, list);
+    },
+    threeDimensional: threeDimensional,
+    ref: pickerRef
+  }));
+};
+DatePicker.defaultProps = defaultProps;
+DatePicker.displayName = 'NutDatePicker';
+export { DatePicker as D };

package/dist/esm/dialog.taro-17e19e5e.js

@@ -0,0 +1,187 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["visible", "footer", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"];
+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 React from 'react';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { B as Button } from './button.taro-4ce133b9.js';
+import { CSSTransition } from 'react-transition-group';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+var Content = function Content(props) {
+  var visible = props.visible,
+    title = props.title,
+    footer = props.footer,
+    textAlign = props.textAlign,
+    footerDirection = props.footerDirection,
+    onClickSelf = props.onClickSelf,
+    children = props.children;
+  var headerNode;
+  if (title) {
+    headerNode = React__default.createElement("div", {
+      className: "nut-dialog__header"
+    }, title);
+  }
+  var footerNode;
+  if (footer) {
+    footerNode = React__default.createElement("div", {
+      className: classNames('nut-dialog__footer', _defineProperty({}, footerDirection, footerDirection))
+    }, footer);
+  }
+  var handleClick = function handleClick() {
+    onClickSelf && onClickSelf();
+  };
+  return React__default.createElement("div", {
+    className: "nut-dialog__outer",
+    onClick: handleClick
+  }, React__default.createElement("div", {
+    className: "nut-dialog",
+    style: {
+      display: visible ? 'flex' : 'none'
+    }
+  }, headerNode, React__default.createElement("div", {
+    className: "nut-dialog__content",
+    style: {
+      textAlign: textAlign
+    }
+  }, React__default.createElement("div", null, children)), footerNode));
+};
+Content.displayName = 'NutContent';
+function Mask(props) {
+  return React.createElement("div", {
+    className: "nut-dialog__mask"
+  });
+}
+var DialogWrap = function DialogWrap(props) {
+  var className = props.className,
+    style = props.style,
+    visible = props.visible,
+    mask = props.mask,
+    closeOnClickOverlay = props.closeOnClickOverlay,
+    lockScroll = props.lockScroll,
+    onClosed = props.onClosed,
+    onCancel = props.onCancel;
+  var handleClick = function handleClick(e) {
+    if (closeOnClickOverlay && visible && e.target === e.currentTarget) {
+      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+      lockScroll && document.body.classList.remove('nut-overflow-hidden');
+    }
+  };
+  var wrapStyle = _objectSpread(_objectSpread({}, style), {}, {
+    display: visible ? 'block' : 'none'
+  });
+  if (lockScroll && visible) {
+    document.body.classList.add('nut-overflow-hidden');
+  }
+  return React__default.createElement(React__default.Fragment, null, mask ? React__default.createElement(CSSTransition, {
+    "in": visible,
+    timeout: 300,
+    classNames: "fadeDialog",
+    unmountOnExit: true,
+    appear: true
+  }, React__default.createElement(Mask, null)) : null, React__default.createElement("div", {
+    className: classNames('nut-dialog__wrap', className),
+    onClick: handleClick,
+    style: wrapStyle
+  }, React__default.createElement(Content, _objectSpread(_objectSpread({}, props), {}, {
+    visible: visible
+  }))));
+};
+DialogWrap.displayName = 'NutDialogWrap';
+var DialogWrapper = function DialogWrapper(props) {
+  var visible = props.visible,
+    lockScroll = props.lockScroll;
+  if (lockScroll && !visible && document.body.classList.value.includes('nut-overflow-hidden')) {
+    document.body.classList.remove('nut-overflow-hidden');
+  }
+  return React__default.createElement("div", {
+    style: {
+      display: visible ? 'block' : 'none'
+    }
+  }, React__default.createElement(DialogWrap, _objectSpread({}, props)));
+};
+DialogWrapper.displayName = 'NutDialogWrapper';
+var defaultProps = {
+  okText: '',
+  cancelText: '',
+  mask: true,
+  closeOnClickOverlay: true,
+  noFooter: false,
+  noOkBtn: false,
+  noCancelBtn: false,
+  okBtnDisabled: false,
+  cancelAutoClose: true,
+  textAlign: 'center',
+  footerDirection: 'horizontal',
+  lockScroll: false
+};
+var BaseDialog = function BaseDialog(props, ref) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var visible = props.visible,
+    footer = props.footer,
+    noOkBtn = props.noOkBtn,
+    noCancelBtn = props.noCancelBtn,
+    lockScroll = props.lockScroll,
+    okBtnDisabled = props.okBtnDisabled,
+    cancelAutoClose = props.cancelAutoClose,
+    okText = props.okText,
+    cancelText = props.cancelText,
+    onClosed = props.onClosed,
+    onCancel = props.onCancel,
+    onOk = props.onOk,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var renderFooter = function renderFooter() {
+    if (footer === null) return '';
+    var handleCancel = function handleCancel(e) {
+      e.stopPropagation();
+      if (!cancelAutoClose) return;
+      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+      if (lockScroll && visible) {
+        document.body.classList.remove('nut-overflow-hidden');
+      }
+    };
+    var handleOk = function handleOk(e) {
+      e.stopPropagation();
+      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+      onOk === null || onOk === void 0 ? void 0 : onOk(e);
+      if (lockScroll && visible) {
+        document.body.classList.remove('nut-overflow-hidden');
+      }
+    };
+    var footerContent = footer || React__default.createElement(React__default.Fragment, null, !noCancelBtn && React__default.createElement(Button, {
+      size: "small",
+      plain: true,
+      type: "primary",
+      className: "nut-dialog__footer-cancel",
+      onClick: function onClick(e) {
+        return handleCancel(e);
+      }
+    }, cancelText || locale.cancel), !noOkBtn && React__default.createElement(Button, {
+      size: "small",
+      type: "primary",
+      className: classNames('nut-dialog__footer-ok', {
+        disabled: okBtnDisabled
+      }),
+      disabled: okBtnDisabled,
+      onClick: function onClick(e) {
+        return handleOk(e);
+      }
+    }, okText));
+    return footerContent;
+  };
+  return React__default.createElement(DialogWrapper, _objectSpread(_objectSpread({}, restProps), {}, {
+    visible: visible,
+    lockScroll: lockScroll,
+    footer: renderFooter(),
+    onClosed: onClosed,
+    onCancel: onCancel
+  }));
+};
+var Dialog = forwardRef(BaseDialog);
+Dialog.defaultProps = defaultProps;
+Dialog.displayName = 'NutDialog';
+export { Dialog as D };

package/dist/esm/divider.taro-5236fe6a.js

@@ -0,0 +1,35 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "contentPosition", "dashed", "hairline", "styles", "className", "direction"];
+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-893ad28d.js';
+var defaultProps = {
+  contentPosition: 'center',
+  dashed: false,
+  hairline: true,
+  direction: 'horizontal'
+};
+var Divider = function Divider(props) {
+  var _classNames, _classNames2;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    contentPosition = _defaultProps$props.contentPosition,
+    dashed = _defaultProps$props.dashed,
+    hairline = _defaultProps$props.hairline,
+    styles = _defaultProps$props.styles,
+    className = _defaultProps$props.className,
+    direction = _defaultProps$props.direction,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var dividerBem = cn('divider');
+  var classes = direction === 'horizontal' ? classNames((_classNames = {}, _defineProperty(_classNames, dividerBem(), true), _defineProperty(_classNames, dividerBem('center'), children), _defineProperty(_classNames, dividerBem('left'), contentPosition === 'left'), _defineProperty(_classNames, dividerBem('right'), contentPosition === 'right'), _defineProperty(_classNames, dividerBem('dashed'), dashed), _defineProperty(_classNames, dividerBem('hairline'), hairline), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, dividerBem(), true), _defineProperty(_classNames2, dividerBem('vertical'), direction === 'vertical'), _classNames2));
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(classes, " ").concat(className || ''),
+    style: styles
+  }, rest), children);
+};
+Divider.defaultProps = defaultProps;
+Divider.displayName = 'NutDivider';
+export { Divider as D };

package/dist/esm/drag.taro-0717c783.js

@@ -0,0 +1,153 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["attract", "direction", "boundary", "children", "className", "style"];
+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 Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  attract: false,
+  direction: undefined,
+  boundary: {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  className: 'myDrag'
+};
+var Drag = function Drag(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 b = cn('drag');
+  var _useState = useState(boundary),
+    _useState2 = _slicedToArray(_useState, 2),
+    boundaryState = _useState2[0],
+    setBoundaryState = _useState2[1];
+  var myDrag = useRef(null);
+  var dragRef = useRef(null);
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currstyle = _useState4[0],
+    setCurrStyle = _useState4[1];
+  var timer = useRef(0);
+  var axisCache = useRef({
+    x: 0,
+    y: 0
+  });
+  var transformCache = useRef({
+    x: 0,
+    y: 0
+  });
+  var translateX = useRef(0);
+  var translateY = useRef(0);
+  var middleLine = useRef(0);
+  var getInfo = function getInfo() {
+    var el = myDrag.current;
+    if (el) {
+      var top = boundary.top,
+        left = boundary.left,
+        bottom = boundary.bottom,
+        right = boundary.right;
+      var _Taro$getSystemInfoSy = Taro.getSystemInfoSync(),
+        screenWidth = _Taro$getSystemInfoSy.screenWidth,
+        windowHeight = _Taro$getSystemInfoSy.windowHeight;
+      Taro.createSelectorQuery().select(".".concat(className)).boundingClientRect(function (rec) {
+        // console.log(rec.height, rec.width)
+        setBoundaryState({
+          top: -rec.top + top,
+          left: -rec.left + left,
+          bottom: windowHeight - rec.height - rec.top - bottom,
+          right: screenWidth - rec.width - rec.left - right
+        });
+        middleLine.current = screenWidth - rec.width - rec.left - (screenWidth - rec.width) / 2;
+      }).exec();
+    }
+  };
+  var touchStart = function touchStart(e) {
+    e.currentTarget;
+    var touches = e.touches[0];
+    axisCache.current = {
+      x: touches.clientX,
+      y: touches.clientY
+    };
+    transformCache.current = {
+      x: translateX.current,
+      y: translateY.current
+    };
+  };
+  var touchMove = function touchMove(e) {
+    e.preventDefault();
+    if (e.touches.length === 1 && dragRef.current) {
+      var touch = e.touches[0];
+      var x = touch.clientX - axisCache.current.x;
+      var y = touch.clientY - axisCache.current.y;
+      translateX.current = x + transformCache.current.x;
+      translateY.current = y + transformCache.current.y;
+      // 边界判断
+      if (translateX.current < boundaryState.left) {
+        translateX.current = boundaryState.left;
+      } else if (translateX.current > boundaryState.right) {
+        translateX.current = boundaryState.right;
+      }
+      if (translateY.current < boundaryState.top) {
+        translateY.current = boundaryState.top;
+      } else if (translateY.current > boundaryState.bottom) {
+        translateY.current = boundaryState.bottom;
+      }
+      var transform = "translate3d(".concat(props.direction !== 'y' ? translateX.current : 0, "px, ").concat(props.direction !== 'x' ? translateY.current : 0, "px, 0px)");
+      setCurrStyle({
+        transform: transform
+      });
+    }
+  };
+  var touchEnd = function touchEnd(e) {
+    if (props.direction !== 'y' && props.attract && dragRef.current) {
+      if (translateX.current < middleLine.current) {
+        translateX.current = boundaryState.left;
+      } else {
+        translateX.current = boundaryState.right;
+      }
+      var transform = "translate3d(".concat(translateX.current, "px, ").concat(props.direction !== 'x' ? translateY.current : 0, "px, 0px)");
+      setCurrStyle({
+        transform: transform
+      });
+    }
+  };
+  useEffect(function () {
+    eventCenter.once(getCurrentInstance().router.onReady, function () {
+      timer.current = setTimeout(function () {
+        getInfo();
+      }, 200);
+    });
+    return function () {
+      clearTimeout(timer.current);
+    };
+  }, []);
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    style: style,
+    className: "".concat(b(), " ").concat(className)
+  }, reset), {}, {
+    ref: myDrag
+  }), React__default.createElement("div", {
+    onTouchStart: function onTouchStart(event) {
+      return touchStart(event);
+    },
+    ref: dragRef,
+    onTouchMove: touchMove,
+    onTouchEnd: touchEnd,
+    // eslint-disable-next-line react/no-unknown-property
+    style: currstyle
+  }, children));
+};
+Drag.defaultProps = defaultProps;
+Drag.displayName = 'NutDrag';
+export { Drag as D };