@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/dialog.taro-57f6fc2e.js

@@ -0,0 +1,452 @@
+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"],
+    _excluded2 = ["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-9b1f3219.js';
+import { CSSTransition } from 'react-transition-group';
+import ReactDOM__default from 'react-dom';
+import { u as useConfig } from './configprovider-18657611.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$1 = {
+  okText: '',
+  cancelText: '',
+  mask: true,
+  closeOnClickOverlay: true,
+  noFooter: false,
+  noOkBtn: false,
+  noCancelBtn: false,
+  okBtnDisabled: false,
+  cancelAutoClose: true,
+  textAlign: 'center',
+  footerDirection: 'horizontal',
+  lockScroll: false
+};
+
+var BaseDialog$1 = function BaseDialog$1(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 || locale.confirm));
+    return footerContent;
+  };
+
+  return React__default.createElement(DialogWrapper, _objectSpread(_objectSpread({}, restProps), {}, {
+    visible: visible,
+    lockScroll: lockScroll,
+    footer: renderFooter(),
+    onClosed: onClosed,
+    onCancel: onCancel
+  }));
+};
+
+var Dialog$1 = forwardRef(BaseDialog$1);
+
+Dialog$1.confirm = function (props) {
+  return confirm(props);
+};
+
+['alert'].forEach(function (type) {
+  Dialog$1[type] = function (props) {
+    return confirm(_objectSpread(_objectSpread({}, props), {}, {
+      isNotice: false,
+      noticeType: type
+    }));
+  };
+});
+Dialog$1.defaultProps = defaultProps$1;
+Dialog$1.displayName = 'NutDialog';
+
+function ConfirmDialog(props) {
+  return React__default.createElement(Dialog$1, _objectSpread({}, props), props.content);
+} // 如果是消息提示型弹出框，那么只有确认按钮
+
+
+var normalizeConfig = function normalizeConfig(_config) {
+  if (_config.isNotice) {
+    var icon = _config.icon;
+
+    if (!icon && icon !== null) {
+      switch (_config.noticeType) {
+        case 'alert':
+          icon = '';
+          break;
+      }
+    }
+
+    _config.noCancelBtn = true;
+  }
+
+  return _config;
+};
+
+function confirm(config, renderFunc) {
+  var div = document.createElement('div');
+  document.body.appendChild(div);
+
+  function render(props) {
+    ReactDOM__default.render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
+      onCancel: onCancel
+    })), div);
+  }
+
+  var renderFunction = renderFunc || render;
+
+  var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
+    visible: false
+  });
+
+  var onOk = function onOk() {
+    var ret;
+
+    var _onOk = config.onOk || config.onConfirm;
+
+    if (_onOk) {
+      ret = _onOk();
+    }
+
+    if (ret && ret.then) {
+      renderFunction(dialogConfig);
+      ret.then(function () {
+        onCancel(true);
+      }, function (e) {
+        console.error(e);
+        renderFunction(dialogConfig);
+      });
+    }
+
+    if (!ret) {
+      onCancel(true);
+    }
+  }; // 如果是promise，那么处理loading和加载完成关闭
+
+
+  dialogConfig.onOk = onOk;
+  dialogConfig = normalizeConfig(dialogConfig);
+  dialogConfig.visible = true;
+  renderFunction(dialogConfig);
+
+  function destroy() {
+    var unmountEle = ReactDOM__default.unmountComponentAtNode(div);
+
+    if (unmountEle && div.parentNode) {
+      div.parentNode.removeChild(div);
+    }
+  }
+
+  function onCancel(isOnOk) {
+    !isOnOk && config.onCancel && config.onCancel();
+    dialogConfig.visible = false;
+
+    dialogConfig.onClosed = function () {
+      config.onClosed && config.onClosed();
+      destroy();
+    };
+
+    renderFunction(dialogConfig);
+  }
+
+  function update(newConfig) {
+    dialogConfig = _objectSpread(_objectSpread({}, dialogConfig), {}, {
+      title: config.title
+    }, newConfig);
+    dialogConfig = normalizeConfig(dialogConfig);
+    renderFunction(dialogConfig);
+  }
+
+  function close() {
+    dialogConfig.visible = false;
+
+    dialogConfig.onClosed = function () {
+      config.onClosed && config.onClosed();
+      destroy();
+    };
+
+    renderFunction(dialogConfig);
+  }
+
+  return {
+    close: close,
+    update: update
+  };
+}
+
+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 _useConfig2 = useConfig(),
+      locale = _useConfig2.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, _excluded2);
+
+  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 || locale.confirm));
+    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.confirm = function (props) {
+  return confirm(props);
+};
+
+['alert'].forEach(function (type) {
+  Dialog[type] = function (props) {
+    return confirm(_objectSpread(_objectSpread({}, props), {}, {
+      isNotice: false,
+      noticeType: type
+    }));
+  };
+});
+Dialog.defaultProps = defaultProps;
+Dialog.displayName = 'NutDialog';
+export { Dialog as D };

package/dist/esm/divider.taro-beaec14a.js

@@ -0,0 +1,39 @@
+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 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;
+
+  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", {
+    className: "".concat(classes, " ").concat(className || ''),
+    style: styles
+  }, children);
+};
+
+Divider.defaultProps = defaultProps;
+Divider.displayName = 'NutDivider';
+export { Divider as D };

package/dist/esm/drag.taro-7c0493f8.js

@@ -0,0 +1,134 @@
+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 { useDrag } from '@use-gesture/react';
+import { useSpring, animated } from '@react-spring/web';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  attract: false,
+  direction: undefined,
+  boundary: {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  className: ''
+};
+
+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 _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 getInfo() {
+    var 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;
+      setBoundaryState({
+        top: -offsetTop + top,
+        left: -offsetLeft + left,
+        bottom: clientHeight - offsetHeight - offsetTop - bottom,
+        right: clientWidth - offsetWidth - offsetLeft - right
+      });
+      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: x,
+      y: y,
+      immediate: down
+    });
+
+    if (last) {
+      if (props.direction != 'y' && props.attract) {
+        if (x < middleLine.current) {
+          api.start({
+            x: boundaryState.left,
+            y: y,
+            immediate: down
+          });
+        } else {
+          api.start({
+            x: boundaryState.right,
+            y: y,
+            immediate: down
+          });
+        }
+      }
+    }
+  }, {
+    from: function from() {
+      return [currstyle.x.get(), currstyle.y.get()];
+    },
+    axis: direction,
+    bounds: boundaryState
+  });
+  useEffect(function () {
+    getInfo();
+  }, [myDrag]);
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    style: style,
+    className: "".concat(b(), " ").concat(className)
+  }, reset), {}, {
+    ref: myDrag
+  }), React__default.createElement(animated.div, _objectSpread({
+    style: currstyle
+  }, bind()), children));
+};
+
+Drag.defaultProps = defaultProps;
+Drag.displayName = 'NutDrag';
+export { Drag as D };