@nutui/nutui-react-taro 1.3.4 → 1.3.5-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.3.4",
+  "version": "1.3.5-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/dialog.taro-54c67e08.js

@@ -1,554 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "iconClassPrefix", "iconFontClassName"],
-    _excluded2 = ["visible", "footer", "noFooter", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"],
-    _excluded3 = ["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, { useCallback, useState, useEffect, forwardRef } from 'react';
-import classNames from 'classnames';
-import { B as Button$1 } from './button.taro-a9ebb937.js';
-import { CSSTransition } from 'react-transition-group';
-import ReactDOM__default from 'react-dom';
-import { I as Icon } from './icon-8dc4de10.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-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$2 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
-  color: '',
-  shape: 'round',
-  plain: false,
-  loading: false,
-  disabled: false,
-  type: 'default',
-  size: 'normal',
-  block: false,
-  icon: '',
-  style: {},
-  children: undefined,
-  onClick: function onClick(e) {}
-});
-
-var Button = function Button(props) {
-  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
-      color = _defaultProps$2$props.color,
-      shape = _defaultProps$2$props.shape,
-      plain = _defaultProps$2$props.plain,
-      loading = _defaultProps$2$props.loading,
-      disabled = _defaultProps$2$props.disabled,
-      type = _defaultProps$2$props.type,
-      size = _defaultProps$2$props.size,
-      block = _defaultProps$2$props.block,
-      icon = _defaultProps$2$props.icon,
-      children = _defaultProps$2$props.children,
-      onClick = _defaultProps$2$props.onClick,
-      className = _defaultProps$2$props.className,
-      style = _defaultProps$2$props.style,
-      iconClassPrefix = _defaultProps$2$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$2$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
-
-  var getStyle = useCallback(function () {
-    var style = {};
-
-    if (color) {
-      if (plain) {
-        style.color = color;
-        style.background = '#fff';
-
-        if (!(color !== null && color !== void 0 && color.includes('gradient'))) {
-          style.borderColor = color;
-        }
-      } else {
-        style.color = '#fff';
-        style.background = color;
-      }
-    }
-
-    return style;
-  }, [color, plain]);
-  var classes = useCallback(function () {
-    var prefixCls = 'nut-button';
-    return [prefixCls, "".concat(type ? "".concat(prefixCls, "--").concat(type) : ''), "".concat(size ? "".concat(prefixCls, "--").concat(size) : ''), "".concat(shape ? "".concat(prefixCls, "--").concat(shape) : ''), "".concat(plain ? "".concat(prefixCls, "--plain") : ''), "".concat(block ? "".concat(prefixCls, "--block") : ''), "".concat(disabled ? "".concat(prefixCls, "--disabled") : ''), "".concat(loading ? "".concat(prefixCls, "--loading") : '')].filter(Boolean).join(' ');
-  }, [block, disabled, loading, plain, shape, size, type]);
-
-  var _useState = useState(classes()),
-      _useState2 = _slicedToArray(_useState, 2),
-      btnName = _useState2[0],
-      setBtnName = _useState2[1];
-
-  var _useState3 = useState(getStyle()),
-      _useState4 = _slicedToArray(_useState3, 2),
-      btnStyle = _useState4[0],
-      setBtnStyle = _useState4[1];
-
-  useEffect(function () {
-    setBtnName(classes());
-    setBtnStyle(getStyle());
-  }, [className, color, shape, plain, loading, disabled, style, type, size, block, icon, children, onClick, classes, getStyle]);
-
-  var handleClick = function handleClick(e) {
-    if (!loading && !disabled && onClick) {
-      onClick(e);
-    }
-  };
-
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(btnName, " ").concat(className),
-    style: _objectSpread(_objectSpread({}, btnStyle), style)
-  }, rest), {}, {
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }), React__default.createElement("div", {
-    className: "nut-button__warp",
-    style: getStyle()
-  }, loading && React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: "loading"
-  }), !loading && icon ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: icon
-  }) : '', children));
-};
-
-Button.defaultProps = defaultProps$2;
-Button.displayName = 'NutButton';
-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 visible = props.visible,
-      footer = props.footer,
-      noFooter = props.noFooter,
-      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 || noFooter) 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: handleCancel
-    }, cancelText), !noOkBtn && React__default.createElement(Button, {
-      size: "small",
-      type: "primary",
-      className: classNames('nut-dialog__footer-ok', {
-        disabled: okBtnDisabled
-      }),
-      disabled: okBtnDisabled,
-      onClick: handleOk
-    }, okText));
-    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 _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, _excluded3);
-
-  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$1, {
-      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$1, {
-      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 };