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

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

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

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

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

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