shineout 1.12.3 → 1.12.4-beta.2

package/esm/AnimationList/LazyList.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { PureComponent } from '../component';
-import { LazyListProps } from './Props';
-import { ScrollFixedType } from '../Scroll/Props';
-interface LazyListState {
-    currentIndex: number;
-    scrollTop: number;
-    fixed: ScrollFixedType | '';
-}
-declare class LazyList<DataItem> extends PureComponent<LazyListProps<DataItem>, LazyListState> {
-    static defaultProps: {
-        itemsInView: number;
-        lineHeight: number;
-        data: never[];
-        colNum: number;
-    };
-    optionInner: HTMLDivElement;
-    lastScrollTop: number;
-    constructor(props: LazyListProps<DataItem>);
-    componentDidUpdate(prevProps: LazyListProps<DataItem>): void;
-    getScrollHeight(): number;
-    resetScrollTop(): void;
-    handleScroll(_x: number, y: number, _max: number, _bar: HTMLElement, _v: number, h: number, _pixelX?: number, pixelY?: number): void;
-    render(): JSX.Element;
-}
-export default LazyList;

package/esm/AnimationList/LazyList.js

@@ -1,163 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Fragment } from 'react';
-import { PureComponent } from '../component';
-import Scroll from '../Scroll';
-import { getKey } from '../utils/uid';
-import { setTranslate } from '../utils/dom/translate';
-var DefaultProps = {
-  itemsInView: 10,
-  lineHeight: 32,
-  data: [],
-  colNum: 1
-};
-
-var LazyList =
-/*#__PURE__*/
-function (_PureComponent) {
-  _inheritsLoose(LazyList, _PureComponent);
-
-  function LazyList(props) {
-    var _this;
-
-    _this = _PureComponent.call(this, props) || this;
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "optionInner", void 0);
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "lastScrollTop", void 0);
-
-    _this.state = {
-      currentIndex: 0,
-      scrollTop: 0,
-      fixed: ''
-    };
-    _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    return _this;
-  }
-
-  var _proto = LazyList.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (!this.props.stay && prevProps.data.length !== this.props.data.length) {
-      this.resetScrollTop();
-    }
-  };
-
-  _proto.getScrollHeight = function getScrollHeight() {
-    var _this$props = this.props,
-        _this$props$lineHeigh = _this$props.lineHeight,
-        lineHeight = _this$props$lineHeigh === void 0 ? DefaultProps.lineHeight : _this$props$lineHeigh,
-        data = _this$props.data,
-        _this$props$colNum = _this$props.colNum,
-        colNum = _this$props$colNum === void 0 ? DefaultProps.colNum : _this$props$colNum;
-    var rows = Math.ceil(data.length / colNum);
-    return rows * lineHeight;
-  };
-
-  _proto.resetScrollTop = function resetScrollTop() {
-    this.setState({
-      currentIndex: 0,
-      scrollTop: 0
-    });
-    setTranslate(this.optionInner, '0px', "0px");
-    this.optionInner.style.marginTop = "0px";
-    this.lastScrollTop = 0;
-  };
-
-  _proto.handleScroll = function handleScroll(_x, y, _max, _bar, _v, h, _pixelX, pixelY) {
-    if (!this.optionInner) return;
-    var scrollHeight = this.getScrollHeight();
-    var _this$props2 = this.props,
-        data = _this$props2.data,
-        _this$props2$itemsInV = _this$props2.itemsInView,
-        itemsInView = _this$props2$itemsInV === void 0 ? DefaultProps.itemsInView : _this$props2$itemsInV,
-        _this$props2$lineHeig = _this$props2.lineHeight,
-        lineHeight = _this$props2$lineHeig === void 0 ? DefaultProps.lineHeight : _this$props2$lineHeig;
-    var fullHeight = itemsInView * lineHeight;
-    var contentHeight = scrollHeight - h;
-    var scrollTop = h > fullHeight ? 0 : y;
-    this.optionInner.style.marginTop = scrollTop * h + "px";
-
-    if (pixelY === undefined || pixelY === 0) {
-      this.lastScrollTop = scrollTop * contentHeight;
-    } else {
-      this.lastScrollTop += pixelY;
-      if (this.lastScrollTop < 0) this.lastScrollTop = 0; // scroll over bottom
-
-      if (this.lastScrollTop > contentHeight) this.lastScrollTop = contentHeight;
-      scrollTop = this.lastScrollTop / contentHeight;
-      this.optionInner.style.marginTop = scrollTop * h + "px";
-    }
-
-    var index = Math.floor(this.lastScrollTop / lineHeight) - 1;
-    if (data.length - itemsInView < index) index = data.length - itemsInView;
-    if (index < 0) index = 0;
-    setTranslate(this.optionInner, '0px', "-" + (this.lastScrollTop + scrollTop * h) + "px");
-    this.setState({
-      scrollTop: scrollTop,
-      currentIndex: index,
-      fixed: h < this.getScrollHeight() ? 'y' : ''
-    });
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    var _this$props3 = this.props,
-        className = _this$props3.className,
-        style = _this$props3.style,
-        height = _this$props3.height,
-        _this$props3$lineHeig = _this$props3.lineHeight,
-        lineHeight = _this$props3$lineHeig === void 0 ? DefaultProps.lineHeight : _this$props3$lineHeig,
-        data = _this$props3.data,
-        _this$props3$itemsInV = _this$props3.itemsInView,
-        itemsInView = _this$props3$itemsInV === void 0 ? DefaultProps.itemsInView : _this$props3$itemsInV,
-        renderItem = _this$props3.renderItem,
-        keygen = _this$props3.keygen,
-        _this$props3$colNum = _this$props3.colNum,
-        colNum = _this$props3$colNum === void 0 ? DefaultProps.colNum : _this$props3$colNum;
-    var _this$state = this.state,
-        currentIndex = _this$state.currentIndex,
-        fixed = _this$state.fixed;
-    var scrollHeight = this.getScrollHeight();
-    var ms = Object.assign({}, style, height && {
-      height: height
-    });
-    var items = data.slice(currentIndex * colNum, (currentIndex + itemsInView) * colNum).map(function (d, i) {
-      return React.createElement(Fragment, {
-        key: getKey(d, keygen, i)
-      }, renderItem(d, i));
-    });
-    var fr = Array(colNum).fill('1fr').join(' ');
-    var gridStyle = colNum > 1 ? {
-      display: 'grid',
-      gridTemplateColumns: fr
-    } : {};
-    return React.createElement(Scroll, {
-      stable: true,
-      className: className,
-      style: ms,
-      scroll: fixed,
-      onScroll: this.handleScroll,
-      scrollHeight: scrollHeight,
-      scrollTop: this.state.scrollTop
-    }, React.createElement("div", {
-      ref: function ref(el) {
-        _this2.optionInner = el;
-      },
-      style: gridStyle
-    }, React.createElement("div", {
-      style: {
-        height: currentIndex * lineHeight,
-        gridColumnEnd: '-1'
-      }
-    }), items));
-  };
-
-  return LazyList;
-}(PureComponent);
-
-_defineProperty(LazyList, "defaultProps", DefaultProps);
-
-export default LazyList;

package/esm/AnimationList/List.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-import { ListProps } from './Props';
-declare class List extends Component<ListProps> {
-    static displayName: string;
-    static defaultProps: {
-        show: boolean;
-    };
-    render(): JSX.Element;
-}
-export default List;

package/esm/AnimationList/List.js

@@ -1,46 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
-import classnames from 'classnames';
-import { listClass } from './styles'; // Use Component cause stateless Element can't use ref
-// eslint-disable-next-line
-
-var List =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(List, _Component);
-
-  function List() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = List.prototype;
-
-  _proto.render = function render() {
-    var className = classnames(listClass('_'), this.props.className);
-
-    var _this$props = this.props,
-        show = _this$props.show,
-        getRef = _this$props.getRef,
-        props = _objectWithoutPropertiesLoose(_this$props, ["show", "getRef"]);
-
-    return React.createElement("div", _extends({
-      ref: getRef
-    }, props, {
-      className: className,
-      style: this.props.style
-    }));
-  };
-
-  return List;
-}(Component);
-
-_defineProperty(List, "displayName", 'List');
-
-_defineProperty(List, "defaultProps", {
-  show: false
-});
-
-export default List;

package/esm/AnimationList/Props.d.ts

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import { GetScrollContextConsumerValue } from '../Scroll/Props';
-import { GetZIndexConsumerProps } from '../Modal/Props';
-import { ForceAdd, KeygenType, RegularAttributes, StandardProps } from '../@types/common';
-declare type PickerPosition = 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
-declare type DropdownPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-export declare type ListDurationType = 'fast' | 'slow' | number;
-export declare type ListAnimationType = 'collapse' | 'fade' | 'scale-y' | 'scale-x';
-export interface AbsoluteProps {
-    focus?: boolean;
-    fixed?: boolean | 'min';
-    parentElement?: HTMLElement;
-    position?: RegularAttributes.ListPosition | PickerPosition | DropdownPosition;
-    /**
-     * When it is true, the pop-up layer of option append into document.body.
-     *
-     * 为 true 时，选项弹出层在 DOM 中独立 render
-     *
-     * default: false
-     */
-    absolute?: boolean | (() => HTMLElement);
-    scrollElement?: HTMLElement;
-    scrollLeft?: number;
-    scrollTop?: number;
-    rootClass?: string;
-    /**
-     * options z-index
-     *
-     * 选项列表 z-index 值
-     *
-     * default: 1000
-     */
-    zIndex?: number;
-    style?: React.CSSProperties;
-    autoClass?: string;
-    value?: any;
-    getResetPosition?: (resetFunc: () => void) => void;
-    autoAdapt?: boolean;
-}
-declare type GetAbsolutePropsIn<Props> = Omit<ForceAdd<Props, AbsoluteProps>, 'getRef'>;
-export declare type GetAbsoluteProps<Props> = GetZIndexConsumerProps<GetScrollContextConsumerValue<GetAbsolutePropsIn<Props>>>;
-/** -----------List----------* */
-export interface ListProps extends StandardProps {
-    show?: boolean;
-    getRef?: (el: HTMLDivElement) => void;
-    children?: React.ReactNode;
-    onMouseMove?: () => void;
-}
-/** -----------lazyList----------* */
-export interface LazyListProps<DataItem> extends StandardProps {
-    stay?: boolean;
-    data: DataItem[];
-    lineHeight?: number;
-    colNum?: number;
-    itemsInView?: number;
-    height?: number;
-    renderItem: (d: DataItem, i: number) => React.ReactNode;
-    keygen: KeygenType<DataItem>;
-    force?: any;
-}
-export {};

package/esm/AnimationList/Props.js

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

package/esm/AnimationList/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ListDurationType, ListAnimationType } from './Props';
-declare const List: (type: ListAnimationType | ListAnimationType[], duration: ListDurationType, display?: string | undefined) => import("react").ComponentType<import("./Props").ListProps>;
-export default List;

package/esm/AnimationList/index.js

@@ -1,27 +0,0 @@
-import L from './List';
-import hidable from '../hoc/hidable';
-
-var List = function List(type, duration, display) {
-  switch (duration) {
-    case 'fast':
-      duration = 240;
-      break;
-
-    case 'slow':
-      duration = 480;
-      break;
-
-    default:
-      if (typeof duration !== 'number') duration = 360;
-      break;
-  }
-
-  if (typeof type === 'string') type = [type];
-  return hidable(L, {
-    type: type,
-    duration: duration,
-    display: display
-  });
-};
-
-export default List;

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

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

package/esm/AnimationList/styles/index.js

@@ -1,4 +0,0 @@
-import '../../styles/normalize.less';
-import genaration from '../../utils/classname';
-import listLess from '../../DataList/styles/list.less';
-export var listClass = genaration(listLess, 'list');

package/esm/Breadcrumb/Props.d.ts

@@ -1,81 +0,0 @@
-import * as React from 'react';
-import { StandardProps, KeygenType } from '../@types/common';
-declare type ReactNode = React.ReactNode;
-export interface BreadcrumbData {
-    /**
-     * The click event
-     *
-     * 点击事件
-     *
-     * default: (event)=>void
-     */
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    /**
-     * Displayed content
-     *
-     * 显示内容
-     *
-     * default: null
-     */
-    title?: string | ReactNode;
-    /**
-     * Link address
-     *
-     * 链接地址，onClick 属性二选一
-     *
-     * default: null
-     */
-    url?: string;
-    /**
-     * Custom render
-     *
-     * 自定义渲染
-     *
-     * default: -
-     */
-    renderItem?: (value: BreadcrumbData) => ReactNode;
-    /**
-     * Custom icon
-     *
-     * 自定义图标
-     *
-     * default: -
-     */
-    icon?: ReactNode;
-}
-export declare type StructureArray<T> = Array<T | StructureArray<T>>;
-export interface BreadcrumbProps<Item = BreadcrumbData> extends StandardProps {
-    /**
-     * The array of breadcrumb objects, see data
-     *
-     * 面包屑对象数组,见 data
-     *
-     * default: []
-     */
-    data?: StructureArray<Item>;
-    /**
-     * A breadcrumb separator which can be strings or custom elements
-     *
-     * 面包屑分隔符,可以是字符串或自定义的元素
-     *
-     * default: "/"
-     */
-    separator?: string | ReactNode;
-    /**
-     * Key generator.When it is true, the data itself is used as the key equivalent to (d => d);When it is a function, use its return value;When it is a string，ues the value of the string.For example, 'id' is the same thing as (d) => d.id.
-     *
-     * 生成每一项key的辅助方法。为 true 时，以数据项本身作为key，相当于 (d => d)；为函数时，使用此函数返回值；为string时，使用这个string对应的数据值。如 'id'，相当于 (d => d.id)
-     *
-     * default: -
-     */
-    keygen?: KeygenType<Item>;
-    /**
-     * Custom render
-     *
-     * 自定义渲染
-     *
-     * default: -
-     */
-    renderItem?: (value: BreadcrumbData) => ReactNode;
-}
-export {};

package/esm/Breadcrumb/Props.js

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

package/esm/Breadcrumb/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { BreadcrumbProps, BreadcrumbData, StructureArray } from './Props';
-declare class Breadcrumb extends React.PureComponent<BreadcrumbProps> {
-    static defaultProps: {
-        data: never[];
-        separator: string;
-        className: string;
-        size: import("../@types/common").RegularAttributes.Size;
-        style: React.CSSProperties;
-        type: string;
-    };
-    static displayName: string;
-    renderArray(data: StructureArray<BreadcrumbData>): JSX.Element;
-    renderItem(d: BreadcrumbData): React.ReactNode;
-    render(): JSX.Element;
-}
-export default Breadcrumb;

package/esm/Breadcrumb/index.js

@@ -1,91 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import classnames from 'classnames';
-import Popover from '../Popover';
-import { defaultProps } from '../utils/proptypes';
-import { breadcrumbClass } from './styles';
-import { getKey } from '../utils/uid';
-import Caret from '../icons/Caret';
-
-var defaultValue = _objectSpread({}, defaultProps, {
-  data: [],
-  separator: '/'
-});
-
-var Breadcrumb =
-/*#__PURE__*/
-function (_React$PureComponent) {
-  _inheritsLoose(Breadcrumb, _React$PureComponent);
-
-  function Breadcrumb() {
-    return _React$PureComponent.apply(this, arguments) || this;
-  }
-
-  var _proto = Breadcrumb.prototype;
-
-  _proto.renderArray = function renderArray(data) {
-    var _this = this;
-
-    var first = data[0];
-    return React.createElement("span", null, this.renderItem(first), React.createElement("span", {
-      className: breadcrumbClass('down')
-    }, React.createElement(Caret, null)), React.createElement(Popover, {
-      position: "bottom"
-    }, data.slice(1).map(function (d, i) {
-      return React.createElement("div", {
-        className: breadcrumbClass('dropdown-item'),
-        key: i
-      }, _this.renderItem(d));
-    })));
-  };
-
-  _proto.renderItem = function renderItem(d) {
-    var renderItem = this.props.renderItem;
-    var item = d.title;
-
-    if (!React.isValidElement(item)) {
-      if (d.onClick || d.url) {
-        var props = {
-          onClick: d.onClick
-        };
-        if (d.url) props.href = d.url;
-        item = React.createElement("a", props, d.icon, "\xA0", d.title);
-      } else {
-        item = React.createElement("b", null, d.title);
-      }
-    }
-
-    return renderItem ? renderItem(d) : item;
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    var _this$props = this.props,
-        data = _this$props.data,
-        separator = _this$props.separator,
-        keygen = _this$props.keygen;
-    var className = classnames(breadcrumbClass('_'), this.props.className);
-    return React.createElement("div", {
-      className: className,
-      style: this.props.style
-    }, data && data.map(function (d, index) {
-      return React.createElement("span", {
-        key: keygen ? getKey(d, keygen, index) : index
-      }, Array.isArray(d) ? _this2.renderArray(d) : _this2.renderItem(d), index !== data.length - 1 ? React.createElement("span", {
-        className: breadcrumbClass('separator')
-      }, separator) : null);
-    }));
-  };
-
-  return Breadcrumb;
-}(React.PureComponent);
-
-_defineProperty(Breadcrumb, "defaultProps", defaultValue);
-
-_defineProperty(Breadcrumb, "displayName", void 0);
-
-Breadcrumb.displayName = 'ShineoutBreadcrumb';
-export default Breadcrumb;

package/esm/Breadcrumb/interface.d.ts

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

package/esm/Breadcrumb/interface.js

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

package/esm/Breadcrumb/styles/breadcrumb.less

@@ -1,52 +0,0 @@
-@import '../../styles/variables.less';
-@import '../../styles/themes/@{so-theme}.less';
-
-@breadcrumb-prefix: ~'@{so-prefix}-breadcrumb';
-
-//
-// Breadcrumbs
-// --------------------------------------------------
-
-.@{breadcrumb-prefix} {
-  background-color: @breadcrumb-bg;
-  border-radius: @border-radius-base;
-  font-size: @font-size-base;
-  list-style: none;
-
-  &-separator {
-    margin: 0 @breadcrumb-padding-vertical;
-  }
-
-  a,
-  b {
-    display: inline-block;
-  }
-
-  a {
-    color: @breadcrumb-a-color;
-  }
-
-  b {
-    font-weight: normal;
-  }
-
-  a:hover {
-    color: @colors-primary;
-  }
-
-  &-down {
-    display: inline-block;
-    width: 10px;
-    margin-left: 8px;
-  }
-
-  &-dropdown-item a {
-    display: block;
-    padding: 6px 20px;
-    min-width: 100px;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.05);
-    }
-  }
-}

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

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

package/esm/Breadcrumb/styles/index.js

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

package/esm/Button/Button.d.ts

@@ -1,13 +0,0 @@
-import { PureComponent } from 'react';
-import Group from './Group';
-import Once from './Once';
-import { ButtonProps } from './Props';
-declare class Button extends PureComponent<ButtonProps> {
-    static displayName: string;
-    static Group: typeof Group;
-    static Once: typeof Once;
-    static defaultProps: ButtonProps;
-    getChildren(): any;
-    render(): JSX.Element;
-}
-export default Button;