shineout 1.12.3 → 1.12.4-beta.2

package/esm/Alert/index.js

@@ -1,165 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React, { PureComponent } from 'react';
-import icons from '../icons';
-import { isRTL } from '../config';
-import { alertClass } from './styles';
-import { capitalize } from '../utils/strings';
-import { defaultProps } from '../utils/proptypes';
-
-var DefaultProps = _objectSpread({}, defaultProps, {
-  iconSize: 16,
-  duration: 200,
-  type: 'warning'
-});
-
-var Alert =
-/*#__PURE__*/
-function (_PureComponent) {
-  _inheritsLoose(Alert, _PureComponent);
-
-  function Alert(props) {
-    var _this;
-
-    _this = _PureComponent.call(this, props) || this;
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "element", void 0);
-
-    _this.state = {
-      dismiss: 0
-    };
-    _this.bindRef = _this.bindRef.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.dismiss = _this.dismiss.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.handleClose = _this.handleClose.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.renderClose = _this.renderClose.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    return _this;
-  }
-
-  var _proto = Alert.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (this.props.dismiss !== prevProps.dismiss && this.props.dismiss) {
-      this.handleClose();
-    }
-  };
-
-  _proto.bindRef = function bindRef(el) {
-    this.element = el;
-  };
-
-  _proto.dismiss = function dismiss() {
-    var onClose = this.props.onClose;
-    this.setState({
-      dismiss: 2
-    });
-
-    if (typeof onClose === 'function') {
-      onClose();
-    }
-  };
-
-  _proto.handleClose = function handleClose() {
-    var _this2 = this;
-
-    if (this.state.dismiss > 0) return;
-    var _this$props = this.props,
-        _this$props$duration = _this$props.duration,
-        duration = _this$props$duration === void 0 ? DefaultProps.duration : _this$props$duration,
-        outAnimation = _this$props.outAnimation,
-        onClose = _this$props.onClose; // outer animation
-
-    if (outAnimation) {
-      if (typeof onClose === 'function') {
-        onClose(duration, this.element.offsetHeight);
-      }
-
-      return;
-    }
-
-    if (duration > 0) {
-      this.setState({
-        dismiss: 1
-      }, function () {
-        setTimeout(_this2.dismiss, duration);
-      });
-    } else {
-      this.dismiss();
-    }
-  };
-
-  _proto.renderIcon = function renderIcon() {
-    var icon = this.props.icon;
-    var _this$props2 = this.props,
-        _this$props2$type = _this$props2.type,
-        type = _this$props2$type === void 0 ? DefaultProps.type : _this$props2$type,
-        _this$props2$iconSize = _this$props2.iconSize,
-        iconSize = _this$props2$iconSize === void 0 ? DefaultProps.iconSize : _this$props2$iconSize;
-
-    if (typeof icon === 'boolean' && icon) {
-      icon = icons[capitalize(type)];
-    }
-
-    if (!icon) return null;
-    var style = {
-      width: iconSize,
-      height: iconSize,
-      marginRight: iconSize / 2
-    };
-
-    if (isRTL()) {
-      style.marginLeft = style.marginRight;
-      delete style.marginRight;
-    }
-
-    return React.createElement("div", {
-      className: alertClass('icon'),
-      style: style
-    }, icon);
-  };
-
-  _proto.renderClose = function renderClose() {
-    var closeItem = this.props.closeItem;
-    if (React.isValidElement(closeItem)) return React.cloneElement(closeItem, {
-      onClick: this.handleClose
-    });
-    return React.createElement("a", {
-      className: alertClass('close'),
-      onClick: this.handleClose
-    }, closeItem || icons.Close);
-  };
-
-  _proto.render = function render() {
-    var dismiss = this.state.dismiss;
-    if (dismiss === 2) return null;
-    var _this$props3 = this.props,
-        children = _this$props3.children,
-        className = _this$props3.className,
-        type = _this$props3.type,
-        onClose = _this$props3.onClose,
-        outAnimation = _this$props3.outAnimation,
-        hideClose = _this$props3.hideClose;
-    var icon = this.renderIcon();
-    var style = this.props.style;
-    var showClose = onClose && !hideClose;
-    var wrapClassName = alertClass('_', type, !outAnimation && dismiss === 1 && 'dismissed', showClose && 'with-close', icon && 'with-icon', isRTL() && 'rtl');
-    if (className) wrapClassName += " " + className;
-    return React.createElement("div", {
-      ref: this.bindRef,
-      className: wrapClassName,
-      style: style
-    }, showClose && this.renderClose(), icon, React.createElement("div", {
-      className: alertClass('content')
-    }, children));
-  };
-
-  return Alert;
-}(PureComponent);
-
-_defineProperty(Alert, "defaultProps", DefaultProps);
-
-_defineProperty(Alert, "displayName", void 0);
-
-Alert.displayName = 'ShineoutAlert';
-export default Alert;

package/esm/Alert/interface.d.ts

@@ -1 +0,0 @@
-export { AlertProps as Props } from './Props';

package/esm/Alert/interface.js

@@ -1 +0,0 @@
-export {};

package/esm/Alert/styles/alert.less

@@ -1,143 +0,0 @@
-@import '../../styles/variables.less';
-@import '../../styles/themes/@{so-theme}.less';
-
-@alert-prefix: ~'@{so-prefix}-alert';
-
-//
-// Alerts
-// --------------------------------------------------
-
-// Base styles
-// -------------------------
-
-.@{alert-prefix} {
-  position: relative;
-  display: flex;
-  padding: @alert-padding-y @alert-padding-x;
-  margin-bottom: @line-height-computed;
-  border: @alert-border-width solid transparent;
-  border-radius: @alert-border-radius;
-  transform-origin: 0 0;
-  transition: transform 0.216s, opacity 0.216s ease-out;
-  font-size: @alert-font-size;
-  &-rtl{
-    direction: rtl;
-    text-align: right;
-  }
-
-  // Headings for larger alerts
-  h2,
-  h3,
-  h4 {
-    margin-top: 0.3em;
-    // Specified for the h4 to prevent conflicts of changing @headings-color
-    color: inherit;
-  }
-
-  &-with-close {
-    &:not(.@{alert-prefix}-rtl) {
-      padding-right: calc(~'@{alert-padding-x} + 20px');
-    }
-    .@{alert-prefix}-rtl& {
-      padding-left: calc(~'@{alert-padding-x} + 20px');
-    }
-  }
-
-  // Provide class for links that match alerts
-  &-link {
-    font-weight: @alert-link-font-weight;
-  }
-
-  &-close {
-    position: absolute;
-    // line-height: 1;
-    top: @alert-padding-y;
-    right: 12px;
-    display: block;
-    .@{alert-prefix}-rtl & {
-      right: auto;
-      left: 12px;
-    }
-    svg {
-      width: 10px;
-      height: 10px;
-
-      path {
-        fill: @alert-close-color;
-      }
-    }
-
-    &:hover svg path {
-      fill: @alert-close-hover-color;
-    }
-  }
-
-  &-dismissed {
-    opacity: 0;
-    transform: scaleY(0);
-  }
-
-  &-icon {
-    display: block;
-    margin-top: @alert-icon-margin-top;
-  }
-
-  &-content {
-    flex: 1;
-    word-break: break-all;
-  }
-
-  // Improve alignment and spacing of inner content
-  > p,
-  > ul {
-    margin-bottom: 0;
-  }
-
-  > p + p {
-    margin-top: 5px;
-  }
-
-  h2,
-  h3,
-  h4 {
-    margin-top: 0;
-  }
-
-  &-default {
-    .alert-variant(@alert-default-bg; @alert-default-border; @alert-default-text; @alert-box-shadow);
-  }
-
-  &-info {
-    .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text; @alert-info-box-shadow);
-
-    .@{alert-prefix}-icon path {
-      fill: @colors-info;
-    }
-  }
-
-  &-warning {
-    .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text; @alert-warning-box-shadow);
-
-    .@{alert-prefix}-icon path {
-      fill: @colors-warning;
-    }
-  }
-
-  &-success {
-    .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text; @alert-success-box-shadow);
-
-    .@{alert-prefix}-icon path {
-      fill: @colors-success;
-    }
-  }
-
-  &-danger,
-  &-error,
-  &-confirmwarning{
-    .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text; @alert-danger-box-shadow);
-
-    .@{alert-prefix}-icon path {
-      fill: @colors-danger;
-    }
-  }
-}

package/esm/Alert/styles/index.d.ts

@@ -1,2 +0,0 @@
-import '../../styles/normalize.less';
-export declare const alertClass: (...args: any) => string;

package/esm/Alert/styles/index.js

@@ -1,4 +0,0 @@
-import '../../styles/normalize.less';
-import genaration from '../../utils/classname';
-import alertLess from './alert.less';
-export var alertClass = genaration(alertLess, 'alert');

package/esm/AnimationList/AbsoluteList.d.ts

@@ -1,3 +0,0 @@
-import React, { ComponentType } from 'react';
-import { AbsoluteProps } from './Props';
-export default function <U extends {}>(List: ComponentType<U>): React.ComponentType<import("../Scroll/Props").GetScrollContextConsumerValue<{ [P in Exclude<keyof U, "getRef"> | Exclude<Exclude<"fixed", keyof U>, "getRef"> | Exclude<Exclude<"absolute", keyof U>, "getRef"> | Exclude<Exclude<"position", keyof U>, "getRef"> | Exclude<Exclude<"zIndex", keyof U>, "getRef"> | Exclude<Exclude<"value", keyof U>, "getRef"> | Exclude<Exclude<"style", keyof U>, "getRef"> | Exclude<Exclude<"focus", keyof U>, "getRef"> | Exclude<Exclude<"scrollLeft", keyof U>, "getRef"> | Exclude<Exclude<"scrollTop", keyof U>, "getRef"> | Exclude<Exclude<"parentElement", keyof U>, "getRef"> | Exclude<Exclude<"scrollElement", keyof U>, "getRef"> | Exclude<Exclude<"rootClass", keyof U>, "getRef"> | Exclude<Exclude<"autoClass", keyof U>, "getRef"> | Exclude<Exclude<"getResetPosition", keyof U>, "getRef"> | Exclude<Exclude<"autoAdapt", keyof U>, "getRef">]: import("../@types/common").ForceAdd<U, AbsoluteProps>[P]; }>>;

package/esm/AnimationList/AbsoluteList.js

@@ -1,373 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
-import classnames from 'classnames';
-import shallowEqual from '../utils/shallowEqual';
-import { compose } from '../utils/func';
-import { scrollConsumer } from '../Scroll/context';
-import { listClass } from './styles';
-import { docSize } from '../utils/dom/document';
-import { getRTLPosition } from '../utils/strings';
-import zIndexConsumer from '../Modal/context';
-import { isRTL } from '../config';
-import { addZoomListener, removeZoomListener } from '../utils/zoom';
-var PICKER_V_MARGIN = 4;
-var root;
-
-function initRoot() {
-  root = document.createElement('div');
-  root.className = listClass('root', isRTL() && 'rtl');
-  document.body.appendChild(root);
-}
-
-var getOverDocStyle = function getOverDocStyle(right) {
-  return right ? {
-    left: 0,
-    right: 'auto'
-  } : {
-    right: 0,
-    left: 'auto'
-  };
-};
-
-var listPosition = ['drop-down', 'drop-up'];
-var pickerPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top'];
-var dropdownPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right'];
-export default function (List) {
-  var AbsoluteList =
-  /*#__PURE__*/
-  function (_Component) {
-    _inheritsLoose(AbsoluteList, _Component);
-
-    function AbsoluteList(props) {
-      var _this;
-
-      _this = _Component.call(this, props) || this;
-
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "state", {
-        overdoc: false
-      });
-
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "lastStyle", void 0);
-
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "container", void 0);
-
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "element", void 0);
-
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "ajustdoc", void 0);
-
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "containerRect", void 0);
-
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "containerScroll", void 0);
-
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "el", void 0);
-
-      _this.handleRef = _this.handleRef.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-      if (!props.absolute) return _assertThisInitialized(_this);
-      _this.lastStyle = {};
-      if (!root) initRoot();
-      _this.container = typeof _this.props.absolute === 'function' ? _this.props.absolute() : root;
-      _this.element = document.createElement('div');
-      if (_this.container) _this.container.appendChild(_this.element);
-
-      if (props.getResetPosition) {
-        props.getResetPosition(_this.resetPosition.bind(_assertThisInitialized(_assertThisInitialized(_this))));
-      }
-
-      _this.zoomChangeHandler = _this.zoomChangeHandler.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-      return _this;
-    }
-
-    var _proto = AbsoluteList.prototype;
-
-    _proto.componentDidMount = function componentDidMount() {
-      if (this.props.absolute && !this.container) {
-        this.container = typeof this.props.absolute === 'function' ? this.props.absolute() : root;
-        this.container.appendChild(this.element);
-
-        if (this.props.focus) {
-          this.forceUpdate();
-        }
-      }
-
-      if (this.props.absolute) {
-        addZoomListener(this.zoomChangeHandler);
-      }
-    };
-
-    _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      if (!this.props.focus) this.ajustdoc = false;
-      if (shallowEqual(prevProps.value, this.props.value)) return;
-      setTimeout(function () {
-        _this2.forceUpdate();
-      });
-    };
-
-    _proto.componentWillUnmount = function componentWillUnmount() {
-      var absolute = this.props.absolute;
-      if (!absolute) return;
-      removeZoomListener(this.zoomChangeHandler);
-
-      if (this.container) {
-        if (this.element && this.element.parentNode) this.element.parentNode.removeChild(this.element);
-      }
-    };
-
-    _proto.getPosition = function getPosition(rect) {
-      var fixed = this.props.fixed;
-      var position = this.props.position;
-      var rtl = isRTL();
-      var style = {
-        position: 'absolute',
-        right: 'auto'
-      };
-
-      if (fixed) {
-        var widthKey = fixed === 'min' ? 'minWidth' : 'width';
-        style[widthKey] = rect.width;
-      }
-
-      if (dropdownPosition.includes(position)) {
-        position = position.split('-').reverse().join('-');
-      }
-
-      if (rtl) {
-        position = getRTLPosition(position);
-      }
-
-      var container = this.container;
-      var rootContainer = container === root || !container ? document.body : container;
-      var containerRect = rootContainer.getBoundingClientRect();
-      var containerScroll = {
-        left: rootContainer.scrollLeft,
-        top: rootContainer.scrollTop
-      };
-      this.containerRect = containerRect;
-      this.containerScroll = containerScroll;
-
-      if (listPosition.includes(position)) {
-        style.left = rect.left - containerRect.left + containerScroll.left;
-
-        if (isRTL()) {
-          style.right = containerRect.width - rect.width - style.left;
-          style.left = 'auto';
-        }
-
-        if (position === 'drop-down') {
-          style.top = rect.top - containerRect.top + rect.height + containerScroll.top;
-        } else {
-          style.bottom = -(rect.top - containerRect.top + containerScroll.top);
-        }
-      } else if (pickerPosition.includes(position)) {
-        var _position$split = position.split('-'),
-            h = _position$split[0],
-            v = _position$split[1];
-
-        if (h === 'left') {
-          style.left = rect.left - containerRect.left + containerScroll.left;
-        } else {
-          style.right = containerRect.width - rect.width - rect.left + containerRect.left - containerScroll.left;
-          style.left = 'auto';
-        }
-
-        if (v === 'bottom') {
-          style.top = rect.bottom - containerRect.top + containerScroll.top + PICKER_V_MARGIN;
-        } else {
-          style.top = rect.top - containerRect.top + containerScroll.top - PICKER_V_MARGIN;
-          style.transform = 'translateY(-100%)';
-        }
-      }
-
-      return style;
-    };
-
-    _proto.getStyle = function getStyle() {
-      var _this$props = this.props,
-          parentElement = _this$props.parentElement,
-          scrollElement = _this$props.scrollElement,
-          focus = _this$props.focus;
-      var lazyResult = {
-        focus: focus,
-        style: this.lastStyle
-      };
-      if (!focus) return lazyResult;
-      var style = {};
-
-      if (parentElement) {
-        var rect = parentElement.getBoundingClientRect();
-        var scrollRect = scrollElement ? scrollElement.getBoundingClientRect() : {};
-
-        if (rect.bottom < scrollRect.top || rect.top > scrollRect.bottom || rect.right < scrollRect.left || rect.left > scrollRect.right) {
-          return {
-            focus: false,
-            style: this.lastStyle
-          };
-        }
-
-        style = this.getPosition(rect);
-      }
-
-      if (shallowEqual(style, this.lastStyle)) return lazyResult;
-      this.lastStyle = style;
-      return {
-        focus: focus,
-        style: style
-      };
-    };
-
-    _proto.zoomChangeHandler = function zoomChangeHandler() {
-      if (this.props.focus) {
-        this.forceUpdate();
-      }
-    };
-
-    _proto.isRight = function isRight() {
-      var position = this.props.position;
-      var isRight = false;
-
-      if (position && position.indexOf('right') > 1) {
-        isRight = true;
-      }
-
-      if (isRTL()) {
-        isRight = !isRight;
-      }
-
-      return isRight;
-    };
-
-    _proto.resetPosition = function resetPosition(clean) {
-      var _this$props2 = this.props,
-          focus = _this$props2.focus,
-          parentElement = _this$props2.parentElement;
-      if (!this.el || !focus || this.ajustdoc && !clean) return;
-      var width = this.el.offsetWidth;
-      var pos = parentElement && parentElement.getBoundingClientRect() || {
-        left: 0,
-        right: 0
-      };
-      var containerRect = this.containerRect || {
-        left: 0,
-        width: 0
-      };
-      var containerScroll = this.containerScroll || {
-        left: 0
-      };
-      var overdoc;
-
-      if (this.isRight()) {
-        if (isRTL() && containerScroll.left) {
-          // this condition  the style left: 0 will not meet expect so not set overdoc
-          overdoc = false;
-        } else {
-          overdoc = pos.right - width < containerRect.left;
-        }
-      } else if (!isRTL() && containerScroll.left) {
-        // this condition  the style right: 0 will not meet expect so not set overdoc
-        overdoc = false;
-      } else {
-        overdoc = pos.left - containerRect.left + width + containerScroll.left > (containerRect.width || docSize.width);
-      }
-
-      if (this.state.overdoc === overdoc) return;
-      this.ajustdoc = true;
-      this.setState({
-        overdoc: overdoc
-      });
-    };
-
-    _proto.handleRef = function handleRef(ref) {
-      this.el = ref;
-    };
-
-    _proto.renderList = function renderList() {
-      var _this$props3 = this.props,
-          parentElement = _this$props3.parentElement,
-          absolute = _this$props3.absolute,
-          focus = _this$props3.focus,
-          rootClass = _this$props3.rootClass,
-          position = _this$props3.position,
-          scrollLeft = _this$props3.scrollLeft,
-          scrollTop = _this$props3.scrollTop,
-          scrollElement = _this$props3.scrollElement,
-          _this$props3$style = _this$props3.style,
-          style = _this$props3$style === void 0 ? {} : _this$props3$style,
-          zIndex = _this$props3.zIndex,
-          getResetPosition = _this$props3.getResetPosition,
-          ignore = _this$props3.autoAdapt,
-          props = _objectWithoutPropertiesLoose(_this$props3, ["parentElement", "absolute", "focus", "rootClass", "position", "scrollLeft", "scrollTop", "scrollElement", "style", "zIndex", "getResetPosition", "autoAdapt"]);
-
-      if (zIndex !== undefined) {
-        var parsed = parseInt(zIndex, 10);
-        if (!Number.isNaN(parsed)) style.zIndex = parsed;
-      }
-
-      var mergeStyle = Object.assign({}, style, this.state.overdoc ? getOverDocStyle(this.isRight()) : undefined);
-      return React.createElement(List, _extends({
-        getRef: this.handleRef
-      }, props, {
-        focus: focus,
-        style: mergeStyle
-      }));
-    };
-
-    _proto.render = function render() {
-      var _this3 = this;
-
-      var autoAdapt = this.props.autoAdapt;
-      setTimeout(function () {
-        _this3.resetPosition(autoAdapt);
-      });
-
-      if (!this.props.absolute) {
-        return this.renderList();
-      }
-
-      if (!this.container) return null;
-
-      var _this$props4 = this.props,
-          parentElement = _this$props4.parentElement,
-          rootClass = _this$props4.rootClass,
-          absolute = _this$props4.absolute,
-          position = _this$props4.position,
-          scrollLeft = _this$props4.scrollLeft,
-          scrollTop = _this$props4.scrollTop,
-          scrollElement = _this$props4.scrollElement,
-          autoClass = _this$props4.autoClass,
-          zIndex = _this$props4.zIndex,
-          getResetPosition = _this$props4.getResetPosition,
-          value = _this$props4.value,
-          ignore = _this$props4.autoAdapt,
-          props = _objectWithoutPropertiesLoose(_this$props4, ["parentElement", "rootClass", "absolute", "position", "scrollLeft", "scrollTop", "scrollElement", "autoClass", "zIndex", "getResetPosition", "value", "autoAdapt"]);
-
-      var mergeClass = classnames(listClass('absolute-wrapper'), rootClass, autoClass);
-
-      var _ref = props.focus ? this.getStyle() : {
-        style: this.lastStyle,
-        focus: undefined
-      },
-          focus = _ref.focus,
-          style = _ref.style;
-
-      this.element.className = mergeClass;
-      var mergeStyle = Object.assign({}, style, props.style, this.state.overdoc ? getOverDocStyle(this.isRight()) : undefined);
-      if (zIndex || typeof zIndex === 'number') mergeStyle.zIndex = parseInt(zIndex, 10);
-      return ReactDOM.createPortal(React.createElement(List, _extends({
-        getRef: this.handleRef
-      }, props, {
-        focus: focus,
-        style: mergeStyle
-      })), this.element);
-    };
-
-    return AbsoluteList;
-  }(Component);
-
-  return compose(scrollConsumer, zIndexConsumer)(AbsoluteList);
-}