@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/modal/__tests__/index.test.js

@@ -1,178 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _ = _interopRequireDefault(require(".."));
-
-var _button = _interopRequireDefault(require("../../button"));
-
-/* eslint-env jest */
-var wrapper = null;
-var confirmCallback = jest.fn(function (items) {
-  return items;
-});
-var cancelCallback = jest.fn(function () {
-  wrapper.setProps({
-    visible: false
-  });
-});
-describe('Modal', function () {
-  beforeEach(function () {});
-  afterEach(function () {
-    wrapper && wrapper.unmount();
-    confirmCallback.mockClear();
-    cancelCallback.mockClear();
-  });
-  describe('PropTypes', function () {
-    it('title', function () {
-      wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-        title: "\u63D0\u793A\u6D88\u606F"
-      }));
-      expect(wrapper.find('.hi-modal__title').text()).toEqual('提示消息');
-    });
-    it('visible', function () {
-      wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-        title: "\u63D0\u793A\u6D88\u606F",
-        visible: false
-      }));
-      expect(wrapper.find('.hi-modal--hide')).toHaveLength(1);
-      wrapper.setProps({
-        visible: true
-      });
-      expect(wrapper.find('.hi-modal--hide')).toHaveLength(0);
-    });
-    it('closeable&onCancel', function () {
-      wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-        title: "\u63D0\u793A\u6D88\u606F",
-        visible: true,
-        onCancel: cancelCallback,
-        maskCloseable: true
-      }));
-      expect(wrapper.find('.hi-modal__close')).toHaveLength(1);
-      wrapper.find('.hi-modal__close').at(0).simulate('click');
-      expect(cancelCallback).toHaveBeenCalled();
-      expect(wrapper.find('.hi-modal--hide')).toHaveLength(1);
-      wrapper.setProps({
-        visible: true
-      });
-      wrapper.find('.hi-modal__mask').simulate('click');
-      expect(cancelCallback).toHaveBeenCalled();
-      expect(wrapper.find('.hi-modal--hide')).toHaveLength(1);
-      wrapper.setProps({
-        maskCloseable: false,
-        visible: true
-      });
-      wrapper.find('.hi-modal__mask').simulate('click');
-      expect(wrapper.find('.hi-modal--hide')).toHaveLength(0);
-    });
-    it('text', function () {
-      wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-        title: "\u63D0\u793A\u6D88\u606F",
-        onCancel: cancelCallback,
-        onConfirm: confirmCallback,
-        cancelText: "Cancel",
-        confirmText: "Confirm",
-        visible: true
-      }));
-      var confirmBtn = wrapper.find('.hi-modal__footer').find('button').at(1);
-      var cancelBtn = wrapper.find('.hi-modal__footer').find('button').at(0);
-      expect(cancelBtn.text()).toEqual('Cancel');
-      expect(confirmBtn.text()).toEqual('Confirm');
-      cancelBtn.simulate('click');
-      expect(cancelCallback).toHaveBeenCalled();
-      expect(wrapper.find('.hi-modal--hide')).toHaveLength(1);
-      confirmBtn.simulate('click');
-      expect(confirmCallback).toHaveBeenCalled();
-    });
-    it('size', function () {
-      wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-        title: "\u63D0\u793A\u6D88\u606F"
-      }));
-      expect(wrapper.find('.hi-modal__dialog--normal')).toHaveLength(1);
-      wrapper.setProps({
-        size: 'large'
-      });
-      expect(wrapper.find('.hi-modal__dialog--large')).toHaveLength(1);
-      wrapper.setProps({
-        size: 'small'
-      });
-      expect(wrapper.find('.hi-modal__dialog--small')).toHaveLength(1);
-    });
-    it('style', function () {
-      wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-        title: "\u63D0\u793A\u6D88\u606F",
-        style: {
-          width: 200
-        },
-        width: 500
-      }));
-      expect(document.querySelector('.hi-modal__dialog').getAttribute('style')).toEqual(expect.stringContaining('width: 200px;'));
-      wrapper.setProps({
-        style: {}
-      });
-      expect(document.querySelector('.hi-modal__dialog').getAttribute('style')).toEqual(expect.stringContaining('width: 500px;'));
-    });
-    it('footer', function () {
-      var customeEvent = jest.fn();
-
-      var cBtn = /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        type: "primary",
-        key: 0,
-        onClick: customeEvent
-      }, "\u81EA\u5B9A\u4E49\u6309\u94AE");
-
-      wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-        title: "\u63D0\u793A\u6D88\u606F",
-        visible: false,
-        onCancel: cancelCallback,
-        footer: [cBtn, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-          type: "default",
-          key: 1,
-          onClick: cancelCallback
-        }, "\u5173\u95ED")]
-      }, /*#__PURE__*/_react["default"].createElement("span", null, "\u4E00\u4E9B\u6D88\u606F")));
-      expect(wrapper.find('.hi-modal__footer').contains(cBtn)).toEqual(true);
-      wrapper.find('.hi-modal__footer').find('.hi-btn').at(0).simulate('click');
-      expect(customeEvent).toHaveBeenCalled();
-    });
-  });
-  describe('Branch', function () {
-    it('branch', function () {
-      var customeEvent = jest.fn();
-
-      var cBtn = /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        type: "primary",
-        key: 0,
-        onClick: customeEvent
-      }, "\u81EA\u5B9A\u4E49\u6309\u94AE");
-
-      wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-        visible: false,
-        onCancel: cancelCallback,
-        closeBtn: true,
-        closeable: true,
-        footer: [cBtn, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-          type: "default",
-          key: 1,
-          onClick: cancelCallback
-        }, "\u5173\u95ED")],
-        footers: [cBtn, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-          type: "default",
-          key: 1,
-          onClick: cancelCallback
-        }, "\u5173\u95ED")]
-      }, /*#__PURE__*/_react["default"].createElement("span", null, "\u4E00\u4E9B\u6D88\u606F")));
-      expect(wrapper.find('.hi-modal__footer').contains(cBtn)).toEqual(true);
-      wrapper.find('.hi-modal__footer').find('.hi-btn').at(0).simulate('click');
-      expect(customeEvent).toHaveBeenCalled();
-      wrapper.setProps({
-        closeable: false,
-        closeBtn: false
-      });
-    });
-  });
-});

package/es/modal/index.d.ts

@@ -1,33 +0,0 @@
-import React from "react"
-
-interface ModalBaseProps {
-  className?: string
-  title?: string | JSX.Element
-  cancelText?: string
-  confirmText?: string
-  onConfirm?: (e: React.MouseEvent) => void
-  onCancel?: (e: React.MouseEvent) => void
-}
-
-export interface ModalProps extends ModalBaseProps {
-  visible?: boolean
-  closeable?: boolean
-  maskClosable?: boolean
-  size?: 'default' | 'large'
-  style?: React.CSSProperties
-  footer?: JSX.Element | null
-  style?: React.CSSProperties
-  confirmLoading?: boolean
-}
-
-export interface ModalOptions extends ModalBaseProps {
-  content?: string | JSX.Element
-  type?: 'default' | 'success' | 'error' | 'warning' | 'info'
-}
-
-const confirmFun: (options: ModalOptions) => void
-
-declare class Modal extends React.Component<ModalProps, any> {
-  static confirm = confirmFun
-}
-export default Modal

package/es/modal/index.js

@@ -1,312 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _index = _interopRequireDefault(require("../context/index"));
-
-var _Button = require("../button/Button");
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-require("./style/index");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var PREFIX = 'hi-modal';
-var focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';
-
-var getDefaultContainer = function getDefaultContainer() {
-  var defaultContainer = document.createElement('div');
-  document.body.appendChild(defaultContainer);
-  return defaultContainer;
-};
-
-var InternalModalComp = function InternalModalComp(_ref) {
-  var children = _ref.children,
-      container = _ref.container,
-      visible = _ref.visible,
-      title = _ref.title,
-      onConfirm = _ref.onConfirm,
-      onCancel = _ref.onCancel,
-      _ref$maskClosable = _ref.maskClosable,
-      maskClosable = _ref$maskClosable === void 0 ? true : _ref$maskClosable,
-      width = _ref.width,
-      height = _ref.height,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      _ref$showHeaderDivide = _ref.showHeaderDivider,
-      showHeaderDivider = _ref$showHeaderDivide === void 0 ? true : _ref$showHeaderDivide,
-      _ref$showFooterDivide = _ref.showFooterDivider,
-      showFooterDivider = _ref$showFooterDivide === void 0 ? true : _ref$showFooterDivide,
-      footer = _ref.footer,
-      confirmText = _ref.confirmText,
-      confirmLoading = _ref.confirmLoading,
-      cancelText = _ref.cancelText,
-      style = _ref.style,
-      className = _ref.className,
-      destroyOnClose = _ref.destroyOnClose,
-      localeDatas = _ref.localeDatas,
-      _ref$foucsElementOnCl = _ref.foucsElementOnClose,
-      foucsElementOnClose = _ref$foucsElementOnCl === void 0 ? null : _ref$foucsElementOnCl,
-      theme = _ref.theme,
-      _ref$closeable = _ref.closeable,
-      propCloseable = _ref$closeable === void 0 ? true : _ref$closeable;
-  // TODO: 整体可以抽成一个 hooks 供 modal 和 drawer 复用
-  var defaultContainer = (0, _react.useRef)(false);
-
-  if (defaultContainer.current === false && !container) {
-    defaultContainer.current = getDefaultContainer();
-  }
-
-  var focusedElementBeforeOpenModal = (0, _react.useRef)(null);
-  var modalRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(propCloseable),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      closeable = _useState2[0],
-      setCloseable = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setCloseable(closeable);
-  }, [propCloseable]);
-  var trapTabKey = (0, _react.useCallback)(function (e) {
-    // Find all focusable children
-    var focusableElements = modalRef.current.querySelectorAll(focusableElementsString); // Convert NodeList to Array
-
-    focusableElements = Array.prototype.slice.call(focusableElements);
-    var firstTabStop = focusableElements[0];
-    var lastTabStop = focusableElements[focusableElements.length - 1]; // Check for TAB key press
-
-    if (e.keyCode === 9) {
-      // SHIFT + TAB
-      if (e.shiftKey) {
-        if (document.activeElement === firstTabStop) {
-          e.preventDefault();
-          lastTabStop.focus();
-        } // TAB
-
-      } else {
-        if (document.activeElement === lastTabStop) {
-          e.preventDefault();
-          firstTabStop.focus();
-        }
-      }
-    } // ESCAPE
-
-
-    if (e.keyCode === 27) {
-      onCancel();
-    }
-  }, []);
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      vi = _useState4[0],
-      setVi = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    if (visible === true) {
-      setVi(true);
-      focusedElementBeforeOpenModal.current = document.activeElement;
-    }
-  }, [visible]);
-  var destroy = (0, _react.useCallback)(function () {
-    var _container = container || defaultContainer.current;
-
-    (0, _reactDom.unmountComponentAtNode)(_container);
-
-    _container.parentNode.removeChild(_container);
-  }, []);
-  (0, _react.useEffect)(function () {
-    var parent = (container || defaultContainer.current).parentNode; // 屏蔽滚动条
-
-    if (vi) {
-      parent.style.setProperty('overflow', 'hidden');
-    } else {
-      parent.style.removeProperty('overflow');
-
-      if (destroyOnClose) {
-        destroy();
-      }
-    }
-
-    modalRef.current.focus();
-  }, [vi]);
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(PREFIX, (0, _defineProperty2["default"])({}, className, className))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(PREFIX, "__mask"), (0, _defineProperty2["default"])({}, "".concat(PREFIX, "__mask--visible"), visible))
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(PREFIX, "__outter"),
-    style: {
-      display: vi === false && 'none'
-    },
-    onClick: function onClick() {
-      if (maskClosable && onCancel) {
-        onCancel();
-      }
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(PREFIX, "__container"),
-    tabIndex: -1,
-    ref: modalRef,
-    onKeyDown: trapTabKey
-  }, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
-    "in": visible,
-    timeout: 0,
-    classNames: 'modal-transition',
-    onExited: function onExited() {
-      setTimeout(function () {
-        setVi(false);
-
-        if (foucsElementOnClose) {
-          foucsElementOnClose.focus();
-        } else {
-          focusedElementBeforeOpenModal.current.focus();
-        }
-      }, 300);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(PREFIX, "__wrapper"), "".concat(PREFIX, "__wrapper--").concat(size)),
-    style: _objectSpread({
-      width: width,
-      height: height
-    }, style),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(PREFIX, "__header"), (0, _defineProperty2["default"])({}, "".concat(PREFIX, "__header--divided"), showHeaderDivider))
-  }, title, closeable && /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: 'close',
-    style: {
-      cursor: 'pointer'
-    },
-    onClick: function onClick() {
-      if (onCancel) {
-        onCancel();
-      }
-    }
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(PREFIX, "__content")
-  }, children), footer !== null && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(PREFIX, "__footer"), (0, _defineProperty2["default"])({}, "".concat(PREFIX, "__footer--divided"), showFooterDivider))
-  }, footer === undefined && cancelText !== null && /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    type: 'line',
-    theme: theme,
-    onClick: function onClick() {
-      if (onCancel) {
-        onCancel();
-      }
-    }
-  }, cancelText || localeDatas.modal.cancelText), footer === undefined && confirmText !== null && /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    type: 'primary',
-    theme: theme,
-    loading: confirmLoading,
-    onClick: function onClick() {
-      if (onConfirm) {
-        onConfirm();
-      }
-    }
-  }, confirmText || localeDatas.modal.confirmText), footer)))))), container || defaultContainer.current);
-};
-
-var confirmIconMap = {
-  success: {
-    name: 'check-circle',
-    color: '#1DA653'
-  },
-  error: {
-    name: 'close-circle',
-    color: '#EB5252'
-  },
-  warning: {
-    name: 'exclamation-circle',
-    color: '#e19d0b'
-  },
-  info: {
-    name: 'info-circle',
-    color: '#4284F5'
-  }
-};
-
-var confirm = function confirm(_ref2) {
-  var _onConfirm = _ref2.onConfirm,
-      _onCancel = _ref2.onCancel,
-      _ref2$title = _ref2.title,
-      title = _ref2$title === void 0 ? '提示' : _ref2$title,
-      content = _ref2.content,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? 'default' : _ref2$type,
-      confirmText = _ref2.confirmText,
-      cancelText = _ref2.cancelText,
-      className = _ref2.className;
-  var confirmContainer = document.createElement('div');
-  document.body.appendChild(confirmContainer);
-
-  var modal = /*#__PURE__*/_react["default"].createElement(ModalComp, {
-    className: className,
-    container: confirmContainer,
-    title: title,
-    width: 480,
-    height: 240,
-    visible: true,
-    confirmText: confirmText,
-    cancelText: cancelText,
-    onConfirm: function onConfirm() {
-      _onConfirm && _onConfirm();
-      confirmContainer.parentNode.style.removeProperty('overflow');
-      (0, _reactDom.unmountComponentAtNode)(confirmContainer);
-      confirmContainer.parentNode.removeChild(confirmContainer);
-    },
-    showFooterDivider: false,
-    children: /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'flex',
-        flex: 1
-      }
-    }, type !== 'default' && /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-      name: confirmIconMap[type] && confirmIconMap[type].name,
-      style: {
-        color: confirmIconMap[type] && confirmIconMap[type].color,
-        fontSize: '48px',
-        marginRight: 12
-      }
-    }), content),
-    onCancel: function onCancel() {
-      _onCancel && _onCancel();
-      confirmContainer.parentNode.style.removeProperty('overflow');
-      (0, _reactDom.unmountComponentAtNode)(confirmContainer);
-      confirmContainer.parentNode.removeChild(confirmContainer);
-    }
-  });
-
-  (0, _reactDom.render)(modal, confirmContainer);
-};
-
-InternalModalComp.IS_FROM_HIUI = true;
-var ModalComp = (0, _index["default"])(InternalModalComp);
-ModalComp.confirm = confirm;
-var _default = ModalComp;
-exports["default"] = _default;

package/es/modal/style/index.css

@@ -1 +0,0 @@
-.hi-modal{color:var(--color-black);font-size:14px}.hi-modal__mask{position:fixed;top:0;left:0;right:0;bottom:0;height:0;z-index:1000;background:rgba(0,0,0,0.45);opacity:0;-webkit-transition:opacity 0.3s, height 0s 0.3s;transition:opacity 0.3s, height 0s 0.3s}.hi-modal__mask--visible{opacity:1;height:100%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.hi-modal__outter{z-index:1000;top:0;left:0;right:0;bottom:0;position:fixed;outline:0;overflow:auto}.hi-modal__container{position:relative;top:100px;outline:0;padding-bottom:20px}.hi-modal__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--color-white);border-radius:2px;margin:0 auto;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.1);box-shadow:0 5px 15px 0 rgba(0,0,0,0.1)}.hi-modal__wrapper--default{width:600px;max-height:600px;min-height:240px}.hi-modal__wrapper--large{width:800px;max-height:600px;min-height:240px}.hi-modal__wrapper--small{width:360px;max-height:600px;min-height:240px}.hi-modal__header{font-size:16px;color:var(--color-black);font-weight:600;height:54px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0}.hi-modal__header--divided{border-bottom:1px solid var(--color-gray-20)}.hi-modal__content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;padding:24px}.hi-modal__footer{height:54px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-negative:0;flex-shrink:0}.hi-modal__footer--divided{border-top:1px solid var(--color-gray-20)}.hi-modal .modal-transition-enter{opacity:0;-webkit-transform:scale(0.4);transform:scale(0.4)}.hi-modal .modal-transition-enter-done{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;transition:opacity 0.3s, transform 0.3s, -webkit-transform 0.3s}.hi-modal .modal-transition-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.hi-modal .modal-transition-exit-done{opacity:0;-webkit-transform:scale(0.4);transform:scale(0.4);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;transition:opacity 0.3s, transform 0.3s, -webkit-transform 0.3s}

package/es/modal/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

package/es/notice/Notice.js

@@ -1,138 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Notice = exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var _context = _interopRequireDefault(require("../context"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Notice = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Notice, _Component);
-
-  var _super = _createSuper(Notice);
-
-  function Notice() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Notice);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      open: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "openTimer", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeTimer", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeNotice", function (e) {
-      if (e) {
-        e.stopPropagation();
-      }
-
-      _this.props.onClose(_this.props.id);
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Notice, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      this.setState({
-        open: true
-      });
-
-      if (this.props.duration !== null) {
-        this.openTimer = setTimeout(function () {
-          _this2.setState({
-            open: false
-          });
-        }, this.props.duration || 3000);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearTimeout(this.openTimer);
-      clearTimeout(this.closeTimer);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          closeable = _this$props.closeable,
-          children = _this$props.children,
-          prefix = _this$props.prefix,
-          type = _this$props.type,
-          theme = _this$props.theme;
-      var open = this.state.open;
-      return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
-        "in": open,
-        timeout: 0,
-        classNames: "hi-".concat(prefix),
-        onExited: function onExited() {
-          _this3.closeTimer = setTimeout(function () {
-            return _this3.closeNotice();
-          }, 300);
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])("hi-".concat(prefix), "theme__".concat(theme), (0, _defineProperty2["default"])({}, "hi-".concat(prefix, "--").concat(type), type))
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-".concat(prefix, "__content--wrapper")
-      }, children), closeable && /*#__PURE__*/_react["default"].createElement("span", {
-        onClick: function onClick() {
-          _this3.setState({
-            open: false
-          });
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        className: "hi-".concat(prefix, "__closer"),
-        name: "close"
-      }))));
-    }
-  }]);
-  return Notice;
-}(_react.Component);
-
-exports.Notice = Notice;
-Notice.IS_FROM_HIUI = true;
-
-var _default = (0, _context["default"])(Notice);
-
-exports["default"] = _default;