@nutui/nutui-react 0.1.0-beta.1 → 0.1.2

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v0.1.0-beta.0 Fri Dec 24 2021 15:38:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v0.1.2 Thu Jan 06 2022 17:37:34 GMT+0800 (China Standard Time)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/themes/default.scss

@@ -2,6 +2,7 @@
 @import '../../packages/avatar/avatar.scss';
 @import '../../packages/button/button.scss';
 @import '../../packages/cell/cell.scss';
+@import '../../packages/cellgroup/cellgroup.scss';
 @import '../../packages/icon/icon.scss';
 @import '../../packages/price/price.scss';
 @import '../../packages/overlay/overlay.scss';
@@ -9,38 +10,47 @@
 @import '../../packages/layout/layout.scss';
 @import '../../packages/row/row.scss';
 @import '../../packages/col/col.scss';
-@import '../../packages/drag/drag.scss';
-@import '../../packages/collapse/collapse.scss';
 @import '../../packages/toast/toast.scss';
-@import '../../packages/backtop/backtop.scss';
-@import '../../packages/range/range.scss';
-@import '../../packages/infiniteloading/infiniteloading.scss';
-@import '../../packages/steps/steps.scss';
-@import '../../packages/step/step.scss';
-@import '../../packages/circleprogress/circleprogress.scss';
+@import '../../packages/dialog/dialog.scss';
 @import '../../packages/popup/popup.scss';
 @import '../../packages/actionsheet/actionsheet.scss';
+@import '../../packages/picker/picker.scss';
+@import '../../packages/infiniteloading/infiniteloading.scss';
+@import '../../packages/popover/popover.scss';
+@import '../../packages/collapse/collapse.scss';
+@import '../../packages/collapseitem/collapseitem.scss';
+@import '../../packages/range/range.scss';
+@import '../../packages/circleprogress/circleprogress.scss';
 @import '../../packages/noticebar/noticebar.scss';
 @import '../../packages/notify/notify.scss';
-@import '../../packages/collapseitem/collapseitem.scss';
+@import '../../packages/switch/switch.scss';
 @import '../../packages/navbar/navbar.scss';
 @import '../../packages/tabbar/tabbar.scss';
 @import '../../packages/tabbaritem/tabbaritem.scss';
-@import '../../packages/inputnumber/inputnumber.scss';
 @import '../../packages/elevator/elevator.scss';
 @import '../../packages/fixednav/fixednav.scss';
 @import '../../packages/pagination/pagination.scss';
+@import '../../packages/steps/steps.scss';
+@import '../../packages/step/step.scss';
+@import '../../packages/swiper/swiper.scss';
+@import '../../packages/swiperitem/swiperitem.scss';
+@import '../../packages/backtop/backtop.scss';
 @import '../../packages/rate/rate.scss';
-@import '../../packages/uploader/uploader.scss';
 @import '../../packages/input/input.scss';
 @import '../../packages/textarea/textarea.scss';
+@import '../../packages/inputnumber/inputnumber.scss';
+@import '../../packages/shortpassword/shortpassword.scss';
+@import '../../packages/radio/radio.scss';
+@import '../../packages/radiogroup/radiogroup.scss';
 @import '../../packages/checkbox/checkbox.scss';
 @import '../../packages/checkboxgroup/checkboxgroup.scss';
 @import '../../packages/tag/tag.scss';
 @import '../../packages/badge/badge.scss';
-@import '../../packages/animatingnumbers/animatingnumbers.scss';
-@import '../../packages/radio/radio.scss';
-@import '../../packages/radiogroup/radiogroup.scss';
-@import '../../packages/signature/signature.scss';
-@import '../../packages/barrage/barrage.scss';
+@import '../../packages/uploader/uploader.scss';
+@import '../../packages/calendar/calendar.scss';
+@import '../../packages/calendaritem/calendaritem.scss';
 @import '../../packages/address/address.scss';
+@import '../../packages/barrage/barrage.scss';
+@import '../../packages/signature/signature.scss';
+@import '../../packages/drag/drag.scss';
+@import '../../packages/animatingnumbers/animatingnumbers.scss';

package/dist/styles/variables.scss

@@ -306,6 +306,13 @@ $badge-background-color: linear-gradient(
 $badge-font-size: $font-size-1 !default;
 $badge-default-background-color: rgba(255, 255, 255, 1) !default;
 
+//popover
+$popover-white-background-color: rgba(255, 255, 255, 1) !default;
+$popover-dark-background-color: rgba(75, 76, 77, 1) !default;
+$popover-border-bottom-color: rgba(229, 229, 229, 1) !default;
+$popover-primary-text-color: rgba(51, 51, 51, 1) !default;
+$popover-disable-color: rgba(154, 155, 157, 1) !default;
+
 //pagination
 $pagination-color: $primary-color !default;
 $pagination-font-size: $font-size-2 !default;
@@ -322,5 +329,23 @@ $pagination-disable-background-color: #f7f8fa !default;
 $pagination-item-border-width: 1px !default;
 $pagination-item-border-radius: 2px !default;
 $pagination-prev-next-padding: 0 11px !default;
+
+// dialog
+$dialog-min-height: 156px !default;
+$dialog-padding: 28px 24px 16px 24px !default;
+$dialog-header-height: 20px !default;
+$dialog-header-color: rgba(38, 38, 38, 1) !default;
+$dialog-content-margin: 20px 0 !default;
+$dialog-content-max-height: 268px !default;
+$dialog-content-line-height: 16px !default;
+$dialog-mask-z-index: 1050 !default;
+$dialog-mask-background-color: rgba($black, 0.7) !default;
+$dialog-outer-z-index: 2000 !default;
+$dialog-outer-bordder-radius: 20px !default;
+$dialog-vertical-footer-ok-margin-top: 10px !default;
+$dialog-footer-button-min-width: 100px !default;
+$dialog-footer-cancel-margin-right: 20px !default;
+$dialog-footer-ok-max-width: 128px !default;
+
 @import './mixins/index';
 @import './animation/index';

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "0.1.0-beta.1",
+  "version": "0.1.2",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
   "typings": "dist/esm/types/src/packages/nutui.react.d.ts",
   "sideEffects": [
     "*.scss",
+    "dist/esm/**/style/*",
     "dist/style.css"
   ],
+  "description": "京东风格的轻量级移动端 React 组件库",
   "keywords": [
     "nutui",
     "nutui2",
@@ -37,6 +39,7 @@
     "add": "node scripts/createComponentMode.js",
     "generate:types": "tsc && npm run replace:types",
     "generate:file": "node scripts/generate-nutui.js",
+    "generate:loader-style": "node scripts/generate-loader-style.js",
     "replace:scss": "node scripts/replace-scss.js",
     "replace:types": "node scripts/replace-types.js",
     "generate:themes": "node scripts/generate-themes.js",
@@ -45,9 +48,9 @@
     "build:css": "npm run generate:themes && vite build --config vite.config.build.css.ts && npm run build:replace",
     "build:replace": "npm run replace:scss",
     "build:esm": "npx rollup -c rollup.config.es.js",
-    "build": "npm run checked && vite build --config vite.config.build.ts && npm run build:esm && npm run build:css && npm run generate:types ",
+    "build": "npm run checked && vite build --config vite.config.build.ts && npm run build:esm && npm run build:css && npm run generate:types && npm run generate:loader-style",
     "build:site": "npm run checked && vite build --config vite.config.build.site.ts",
-    "publish:beta": "npm publish --tag=beta",
+    "publish:beta": "npm publish --tag beta",
     "prepare": "husky install"
   },
   "lint-staged": {
@@ -59,6 +62,8 @@
   "dependencies": {
     "@babel/runtime": "^7.16.5",
     "@bem-react/classname": "^1.5.10",
+    "@react-spring/web": "^9.3.2",
+    "@use-gesture/react": "^10.2.4",
     "classnames": "^2.3.1",
     "react-router-dom": "^5.2.0",
     "react-transition-group": "^4.4.2"
@@ -83,6 +88,7 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-router-dom": "^5.1.7",
+    "@types/react-syntax-highlighter": "^13.5.2",
     "@types/react-transition-group": "^4.4.4",
     "@typescript-eslint/eslint-plugin": "^4.24.0",
     "@typescript-eslint/parser": "^4.24.0",
@@ -103,6 +109,7 @@
     "husky": "^6.0.0",
     "inquirer": "^8.0.0",
     "lint-staged": "^11.0.0",
+    "lzutf8": "^0.6.0",
     "map-stream": "0.0.7",
     "marked": "^2.0.3",
     "postcss-import": "^14.0.2",
@@ -110,11 +117,15 @@
     "prettier": "2.3.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
+    "react-markdown": "^7.1.2",
+    "react-syntax-highlighter": "^15.4.5",
+    "remark-directive": "^2.0.1",
+    "remark-gfm": "^3.0.1",
     "sass": "^1.45.0",
     "shelljs": "^0.8.4",
     "typescript": "^4.1.2",
+    "unist-util-visit": "^4.1.0",
     "vinyl-fs": "^3.0.3",
-    "vite": "^2.1.5",
-    "vite-plugin-markdown": "^2.0.2"
+    "vite": "^2.1.5"
   }
 }

package/dist/esm/button-345fb015.js

@@ -1,110 +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 = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "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, useEffect } from 'react';
-import Icon from './Icon.js';
-var defaultProps = {
-  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$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      color = _defaultProps$props.color,
-      shape = _defaultProps$props.shape,
-      plain = _defaultProps$props.plain,
-      loading = _defaultProps$props.loading,
-      disabled = _defaultProps$props.disabled,
-      type = _defaultProps$props.type,
-      size = _defaultProps$props.size,
-      block = _defaultProps$props.block,
-      icon = _defaultProps$props.icon,
-      children = _defaultProps$props.children,
-      onClick = _defaultProps$props.onClick,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      btnName = _useState2[0],
-      setBtnName = _useState2[1];
-
-  var _useState3 = useState({}),
-      _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]);
-
-  var classes = function classes() {
-    var prefixCls = 'nut-button';
-    return "".concat(prefixCls, " ").concat(type ? "".concat(prefixCls, "--").concat(type) : '', "\n    ").concat(size ? "".concat(prefixCls, "--").concat(size) : '', "\n    ").concat(shape ? "".concat(prefixCls, "--").concat(shape) : '', "\n    ").concat(plain ? "".concat(prefixCls, "--plain") : '', "\n    ").concat(block ? "".concat(prefixCls, "--block") : '', "\n    ").concat(disabled ? "".concat(prefixCls, "--disabled") : '', "\n    ").concat(loading ? "".concat(prefixCls, "--loading") : '');
-  };
-
-  var handleClick = function handleClick(e) {
-    if (!loading && !disabled && onClick) {
-      onClick(e);
-    }
-  };
-
-  var getStyle = function getStyle() {
-    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;
-  };
-
-  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, {
-    name: "loading"
-  }), !loading && icon ? React__default.createElement(Icon, {
-    name: icon
-  }) : '', children));
-};
-
-Button.defaultProps = defaultProps;
-Button.displayName = 'NutButton';
-export { Button as B };

package/dist/esm/icon-63c0d58f.js

@@ -1,70 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"];
-
-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 { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  name: '',
-  size: '',
-  classPrefix: 'nutui-iconfont',
-  color: '',
-  tag: 'i',
-  click: function click(e) {},
-  className: ''
-};
-
-function pxCheck(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
-}
-
-var Icon = function Icon(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      name = _defaultProps$props.name,
-      size = _defaultProps$props.size,
-      classPrefix = _defaultProps$props.classPrefix,
-      color = _defaultProps$props.color,
-      tag = _defaultProps$props.tag,
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      click = _defaultProps$props.click,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var isImage = name ? name.indexOf('/') !== -1 : false;
-  var type = isImage ? 'img' : tag;
-  var b = cn('icon');
-
-  var handleClick = function handleClick(e) {
-    if (props.click) {
-      props.click(e);
-    }
-  };
-
-  var hasSrc = function hasSrc() {
-    if (isImage) return {
-      src: name
-    };
-    return {};
-  };
-
-  return React__default.createElement(type, _objectSpread(_objectSpread({
-    className: isImage ? "".concat(className || '', " ").concat(b('img')) : "".concat(className || '', " ").concat(b(null, [classPrefix]), " nut-icon-").concat(name, " "),
-    style: _objectSpread({
-      color: color,
-      fontSize: pxCheck(size),
-      width: pxCheck(size),
-      height: pxCheck(size)
-    }, style)
-  }, rest), {}, {
-    onClick: handleClick
-  }, hasSrc()), children);
-};
-
-Icon.defaultProps = defaultProps;
-Icon.displayName = 'NutIcon';
-export { Icon as I };

package/dist/esm/toast-420b65b7.js

@@ -1,294 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-63c0d58f.js';
-import classNames from 'classnames';
-
-var Notification = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Notification, _React$PureComponent);
-
-  var _super = _createSuper(Notification);
-
-  function Notification(props) {
-    var _this;
-
-    _classCallCheck(this, Notification);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "closeTimer", void 0);
-
-    _this.close = _this.close.bind(_assertThisInitialized(_this));
-    _this.startCloseTimer = _this.startCloseTimer.bind(_assertThisInitialized(_this));
-    _this.clearCloseTimer = _this.clearCloseTimer.bind(_assertThisInitialized(_this));
-    _this.close = _this.close.bind(_assertThisInitialized(_this));
-    _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
-    _this.state = {
-      show: true
-    };
-    return _this;
-  }
-
-  _createClass(Notification, [{
-    key: "close",
-    value: function close() {
-      this.setState({
-        show: false
-      });
-      this.clearCloseTimer();
-      this.props.onClose();
-    }
-  }, {
-    key: "startCloseTimer",
-    value: function startCloseTimer() {
-      var _this2 = this;
-
-      var duration = this.props.duration;
-
-      if (duration) {
-        this.closeTimer = window.setTimeout(function () {
-          _this2.close();
-        }, duration * 1000);
-      }
-    }
-  }, {
-    key: "clearCloseTimer",
-    value: function clearCloseTimer() {
-      if (this.closeTimer) {
-        clearTimeout(this.closeTimer);
-        this.closeTimer = -1;
-      }
-    }
-  }, {
-    key: "clickCover",
-    value: function clickCover() {
-      var closeOnClickOverlay = this.props.closeOnClickOverlay;
-
-      if (closeOnClickOverlay) {
-        this.close();
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.startCloseTimer();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.clearCloseTimer();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _classNames,
-          _this3 = this;
-
-      var _this$props = this.props,
-          style = _this$props.style,
-          icon = _this$props.icon,
-          msg = _this$props.msg,
-          bottom = _this$props.bottom,
-          center = _this$props.center,
-          bgColor = _this$props.bgColor,
-          coverColor = _this$props.coverColor,
-          textAlignCenter = _this$props.textAlignCenter,
-          size = _this$props.size,
-          customClass = _this$props.customClass,
-          cover = _this$props.cover,
-          type = _this$props.type;
-      this.state;
-      var toastBem = cn('toast');
-      var classes = classNames((_classNames = {}, _defineProperty(_classNames, 'nut-toast-center', center), _defineProperty(_classNames, 'nut-toast-has-icon', icon), _defineProperty(_classNames, 'nut-toast-cover', cover), _defineProperty(_classNames, 'nut-toast-loading', type === 'loading'), _defineProperty(_classNames, "customClass", customClass), _defineProperty(_classNames, 'nut-toast-' + size, true), _classNames));
-      return React.createElement(React.Fragment, null, React.createElement("div", {
-        className: "".concat(toastBem(), " ").concat(classes),
-        style: {
-          bottom: center ? 'auto' : bottom + 'px',
-          backgroundColor: cover ? coverColor : ''
-        },
-        onClick: function onClick() {
-          _this3.clickCover();
-        }
-      }, React.createElement("div", {
-        className: toastBem('inner'),
-        style: {
-          textAlign: textAlignCenter ? 'center' : 'left',
-          backgroundColor: bgColor
-        }
-      }, icon ? React.createElement("p", {
-        className: toastBem('icon-wrapper')
-      }, React.createElement(Icon, {
-        name: icon ? icon : '',
-        size: "20"
-      })) : null, React.createElement("span", {
-        className: toastBem('text')
-      }, msg))));
-    }
-  }]);
-
-  return Notification;
-}(React.PureComponent);
-
-_defineProperty(Notification, "newInstance", void 0);
-
-Notification.newInstance = function (properties, callback) {
-  var element = document.createElement('div');
-
-  if (properties.id) {
-    element.setAttribute('id', "".concat(properties.id));
-  }
-
-  document.body.appendChild(element);
-  var called = false;
-
-  function ref(instance) {
-    if (called) {
-      return;
-    }
-
-    called = true;
-    callback({
-      component: instance,
-      destroy: function destroy() {
-        ReactDOM.unmountComponentAtNode(element);
-        element && element.parentNode && element.parentNode.removeChild(element);
-      }
-    });
-  }
-
-  ReactDOM.render(React.createElement(Notification, _objectSpread(_objectSpread({}, properties), {}, {
-    ref: ref
-  })), element);
-};
-
-var messageInstance = null;
-var options = {
-  msg: '',
-  id: '',
-  duration: 1.5,
-  center: true,
-  type: 'text',
-  customClass: '',
-  bottom: 30,
-  size: 'base',
-  icon: '',
-  textAlignCenter: true,
-  loadingRotate: true,
-  bgColor: 'rgba(0, 0, 0, .8)',
-  onClose: function onClose() {},
-  cover: false,
-  coverColor: 'rgba(0, 0, 0, 0)',
-  closeOnClickOverlay: false // 是否点击遮罩可关闭
-
-};
-
-function getInstance(props, callback) {
-  if (messageInstance) {
-    messageInstance.destroy();
-    messageInstance = null;
-  }
-
-  Notification.newInstance(props, function (notification) {
-    return callback && callback(notification);
-  });
-}
-
-function notice(opts) {
-  function close() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-    }
-  }
-
-  opts = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
-    onClose: close
-  });
-  getInstance(opts, function (notification) {
-    messageInstance = notification;
-  });
-}
-
-var errorMsg = function errorMsg(msg) {
-  if (!msg) {
-    console.warn('[NutUI Toast]: msg不能为空');
-    return;
-  }
-};
-
-var Toast = {
-  text: function text(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      type: 'text'
-    }, option));
-  },
-  success: function success(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'success',
-      type: 'success'
-    }, option));
-  },
-  fail: function fail(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'failure',
-      type: 'fail'
-    }, option));
-  },
-  loading: function loading(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'loading',
-      type: 'loading'
-    }, option));
-  },
-  warn: function warn(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'tips',
-      type: 'warn'
-    }, option));
-  },
-  customIcon: function customIcon(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg
-    }, option));
-  },
-  hide: function hide() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-    }
-  }
-};
-export { Toast as T };