@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-beta.3

package/lib/cjs/button/splitButtonGroup.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/button/constants");
-
-require("@douyinfe/semi-foundation/lib/cjs/button/button.css");
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-const prefixCls = _constants.cssClasses.PREFIX;
-
-class SplitButtonGroup extends _baseComponent.default {
-  render() {
-    const {
-      children,
-      style,
-      className
-    } = this.props;
-    const cls = (0, _classnames.default)("".concat(prefixCls, "-split"), className);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: cls,
-      style: style
-    }, children);
-  }
-
-}
-
-exports.default = SplitButtonGroup;
-SplitButtonGroup.propTypes = {
-  style: _propTypes.default.object,
-  className: _propTypes.default.string
-};

package/lib/cjs/calendar/dayCalendar.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import CalendarFoundation, { CalendarAdapter, ParsedEventsWithArray } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
-import BaseComponent from '../_base/baseComponent';
-import { Locale } from '../locale/interface';
-import { DayCalendarProps } from './interface';
-import '@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css';
-export interface DayCalendarState {
-    scrollHeight: number;
-    parsedEvents: ParsedEventsWithArray;
-    cachedKeys: Array<string>;
-}
-export default class DayCalendar extends BaseComponent<DayCalendarProps, DayCalendarState> {
-    static propTypes: {
-        displayValue: PropTypes.Requireable<Date>;
-        events: PropTypes.Requireable<any[]>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        showCurrTime: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        mode: PropTypes.Requireable<string>;
-        renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
-        markWeekend: PropTypes.Requireable<boolean>;
-        scrollTop: PropTypes.Requireable<number>;
-        width: PropTypes.Requireable<string | number>;
-        height: PropTypes.Requireable<string | number>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        events: import("@douyinfe/semi-foundation/lib/cjs/calendar/foundation").EventObject[];
-        displayValue: Date;
-        mode: string;
-    };
-    static contextType: React.Context<Locale>;
-    dom: React.RefObject<HTMLDivElement>;
-    scrollDom: React.RefObject<HTMLDivElement>;
-    isWeekend: boolean;
-    foundation: CalendarFoundation;
-    constructor(props: DayCalendarProps);
-    get adapter(): CalendarAdapter<DayCalendarProps, DayCalendarState>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: DayCalendarProps, prevState: DayCalendarState): void;
-    componentWillUnmount(): void;
-    checkWeekend: (val: Date) => boolean;
-    renderAllDayEvents: (events: ParsedEventsWithArray['allDay']) => JSX.Element[];
-    handleClick: (e: React.MouseEvent, val: [Date, number, number, number]) => void;
-    renderAllDay: (events: ParsedEventsWithArray['allDay']) => JSX.Element;
-    render(): JSX.Element;
-}

package/lib/cjs/calendar/dayCalendar.js

@@ -1,234 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/calendar/foundation"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/calendar/constants");
-
-var _dayCol = _interopRequireDefault(require("./dayCol"));
-
-var _timeCol = _interopRequireDefault(require("./timeCol"));
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
-var _context5 = _interopRequireDefault(require("../locale/context"));
-
-require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
-
-const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-day");
-
-class DayCalendar extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-
-    this.checkWeekend = val => this.foundation.checkWeekend(val);
-
-    this.renderAllDayEvents = events => {
-      const list = (0, _map.default)(events).call(events, (event, ind) => {
-        var _context;
-
-        const {
-          children,
-          key
-        } = event;
-        return (
-          /*#__PURE__*/
-          // eslint-disable-next-line max-len
-          _react.default.createElement("li", {
-            className: (0, _concat.default)(_context = "".concat(_constants.cssClasses.PREFIX, "-event-item ")).call(_context, _constants.cssClasses.PREFIX, "-event-allday"),
-            key: key || "allDay-".concat(ind)
-          }, children)
-        );
-      });
-      return list;
-    };
-
-    this.handleClick = (e, val) => {
-      const {
-        onClick
-      } = this.props;
-      const value = this.foundation.formatCbValue(val);
-      onClick && onClick(e, value);
-    };
-
-    this.renderAllDay = events => {
-      const allDayCls = "".concat(_constants.cssClasses.PREFIX, "-all-day");
-      const contentCls = (0, _classnames.default)("".concat(allDayCls, "-content"), {
-        ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: this.isWeekend
-      });
-      return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
-        componentName: "Calendar"
-      }, locale => {
-        var _context2, _context3;
-
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "".concat(allDayCls)
-        }, /*#__PURE__*/_react.default.createElement("ul", {
-          className: (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = "".concat(_constants.cssClasses.PREFIX, "-tag ")).call(_context3, allDayCls, "-tag ")).call(_context2, prefixCls, "-sticky-left")
-        }, /*#__PURE__*/_react.default.createElement("span", null, locale.allDay)), /*#__PURE__*/_react.default.createElement("div", {
-          role: "gridcell",
-          className: contentCls
-        }, /*#__PURE__*/_react.default.createElement("ul", {
-          className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
-        }, this.renderAllDayEvents(events))));
-      });
-    };
-
-    this.foundation = new _foundation.default(this.adapter);
-    this.state = {
-      scrollHeight: 0,
-      parsedEvents: {
-        day: [],
-        allDay: []
-      },
-      cachedKeys: []
-    };
-    this.dom = /*#__PURE__*/_react.default.createRef();
-    this.scrollDom = /*#__PURE__*/_react.default.createRef();
-    this.isWeekend = false;
-  }
-
-  get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      updateScrollHeight: scrollHeight => {
-        this.setState({
-          scrollHeight
-        });
-      },
-      setParsedEvents: parsedEvents => {
-        this.setState({
-          parsedEvents
-        });
-      },
-      cacheEventKeys: cachedKeys => {
-        this.setState({
-          cachedKeys
-        });
-      }
-    });
-  }
-
-  componentDidMount() {
-    this.foundation.init();
-    const {
-      scrollHeight
-    } = this.scrollDom.current;
-    this.dom.current.scrollTop = this.props.scrollTop;
-    this.foundation.notifyScrollHeight(scrollHeight);
-    this.foundation.parseDailyEvents();
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    var _context4;
-
-    const prevEventKeys = prevState.cachedKeys;
-    const nowEventKeys = (0, _map.default)(_context4 = this.props.events).call(_context4, event => event.key);
-
-    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys)) {
-      this.foundation.parseDailyEvents();
-    }
-  }
-
-  componentWillUnmount() {
-    this.foundation.destroy();
-  }
-
-  render() {
-    // eslint-disable-next-line max-len
-    const {
-      dateGridRender,
-      displayValue,
-      showCurrTime,
-      renderTimeDisplay,
-      markWeekend,
-      className,
-      height,
-      width,
-      style,
-      header
-    } = this.props;
-    const dayCls = (0, _classnames.default)(prefixCls, className);
-    const dayStyle = (0, _assign.default)({
-      height,
-      width
-    }, style);
-    const {
-      parsedEvents,
-      scrollHeight
-    } = this.state;
-    this.isWeekend = markWeekend && this.checkWeekend(displayValue);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: dayCls,
-      style: dayStyle,
-      ref: this.dom
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-sticky-top")
-    }, header, this.renderAllDay(parsedEvents.allDay)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-scroll-wrapper")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-scroll"),
-      ref: this.scrollDom
-    }, /*#__PURE__*/_react.default.createElement(_timeCol.default, {
-      className: "".concat(prefixCls, "-sticky-left"),
-      renderTimeDisplay: renderTimeDisplay
-    }), /*#__PURE__*/_react.default.createElement(_dayCol.default, {
-      events: parsedEvents.day,
-      displayValue: displayValue,
-      scrollHeight: scrollHeight,
-      handleClick: this.handleClick,
-      showCurrTime: showCurrTime,
-      isWeekend: this.isWeekend,
-      dateGridRender: dateGridRender
-    }))));
-  }
-
-}
-
-exports.default = DayCalendar;
-DayCalendar.propTypes = {
-  displayValue: _propTypes.default.instanceOf(Date),
-  events: _propTypes.default.array,
-  header: _propTypes.default.node,
-  showCurrTime: _propTypes.default.bool,
-  onClick: _propTypes.default.func,
-  mode: _propTypes.default.string,
-  renderTimeDisplay: _propTypes.default.func,
-  markWeekend: _propTypes.default.bool,
-  scrollTop: _propTypes.default.number,
-  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  style: _propTypes.default.object,
-  className: _propTypes.default.string,
-  dateGridRender: _propTypes.default.func
-};
-DayCalendar.defaultProps = {
-  events: [],
-  displayValue: new Date(),
-  mode: 'day'
-};
-DayCalendar.contextType = _context5.default;

package/lib/cjs/calendar/dayCol.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import CalendarFoundation, { CalendarAdapter } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
-import BaseComponent from '../_base/baseComponent';
-import { DayColProps } from './interface';
-import '@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css';
-export interface DayColState {
-    currPos: number;
-    showCurrTime: boolean;
-}
-export default class DayCol extends BaseComponent<DayColProps, DayColState> {
-    static propTypes: {
-        events: PropTypes.Requireable<any[]>;
-        displayValue: PropTypes.Requireable<Date>;
-        showCurrTime: PropTypes.Requireable<boolean>;
-        scrollHeight: PropTypes.Requireable<number>;
-        currPos: PropTypes.Requireable<number>;
-        handleClick: PropTypes.Requireable<(...args: any[]) => any>;
-        mode: PropTypes.Requireable<string>;
-        isWeekend: PropTypes.Requireable<boolean>;
-        dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        events: import("@douyinfe/semi-foundation/lib/cjs/calendar/foundation").EventObject[];
-        showCurrTime: boolean;
-        scrollHeight: number;
-        currPos: number;
-        mode: string;
-    };
-    static contextType: React.Context<import("../locale/interface").Locale>;
-    foundation: CalendarFoundation;
-    constructor(props: DayColProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    get adapter(): CalendarAdapter<DayColProps, DayColState>;
-    renderEvents: () => JSX.Element[];
-    renderCurrTime: () => JSX.Element;
-    handleClick: DayColProps['handleClick'];
-    renderGrid: () => JSX.Element;
-    render(): JSX.Element;
-}

package/lib/cjs/calendar/dayCol.js

@@ -1,211 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/keys"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/calendar/foundation"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/calendar/constants");
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _context5 = _interopRequireDefault(require("../locale/context"));
-
-require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
-
-/* eslint-disable max-len */
-const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-grid");
-
-function pad(d) {
-  return d < 10 ? "0".concat(d.toString()) : d.toString();
-}
-
-class DayCol extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-
-    this.renderEvents = () => {
-      const {
-        events,
-        scrollHeight
-      } = this.props;
-      const list = (0, _map.default)(events).call(events, (event, ind) => {
-        var _context, _context2;
-
-        const {
-          startPos,
-          endPos,
-          children,
-          key
-        } = event;
-        const top = startPos * scrollHeight;
-        const height = (endPos - startPos) * scrollHeight;
-
-        if (!height) {
-          return undefined;
-        }
-
-        const style = {
-          top: "".concat(top, "px"),
-          height: "".concat(height, "px")
-        };
-        return /*#__PURE__*/_react.default.createElement("li", {
-          className: (0, _concat.default)(_context = "".concat(_constants.cssClasses.PREFIX, "-event-item ")).call(_context, _constants.cssClasses.PREFIX, "-event-day"),
-          style: style,
-          key: key || (0, _concat.default)(_context2 = "".concat(top, "-")).call(_context2, ind)
-        }, children);
-      });
-      return list;
-    };
-
-    this.renderCurrTime = () => {
-      const {
-        currPos
-      } = this.state;
-      const {
-        scrollHeight
-      } = this.props;
-      const key = currPos;
-      const top = currPos * scrollHeight;
-      const style = {
-        top
-      };
-
-      const circle = /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-curr-circle"),
-        style: style
-      });
-
-      const line = /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-curr-line"),
-        style: style
-      });
-
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-        key: key
-      }, circle, line);
-    };
-
-    this.handleClick = (e, val) => {
-      this.props.handleClick(e, val);
-    };
-
-    this.renderGrid = () => {
-      var _context3, _context4;
-
-      const showCurrTime = this.props.showCurrTime ? this.state.showCurrTime : false;
-      const {
-        displayValue,
-        isWeekend,
-        dateGridRender
-      } = this.props;
-      const skCls = (0, _classnames.default)("".concat(prefixCls, "-skeleton"), {
-        ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: isWeekend
-      });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls),
-        role: "presentation"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        role: "gridcell",
-        className: "".concat(prefixCls, "-content")
-      }, showCurrTime ? this.renderCurrTime() : null, /*#__PURE__*/_react.default.createElement("ul", {
-        role: "row",
-        className: skCls
-      }, (0, _map.default)(_context3 = [...(0, _keys.default)(_context4 = Array(25)).call(_context4)]).call(_context3, item => {
-        const line = (0, _classnames.default)({
-          ["".concat(prefixCls, "-skeleton-row-line")]: true
-        });
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: "".concat(item, "-daycol")
-        }, /*#__PURE__*/_react.default.createElement("li", {
-          "data-time": "".concat(pad(item), ":00:00"),
-          className: line,
-          onClick: e => this.handleClick(e, [displayValue, item, 0, 0])
-        }), /*#__PURE__*/_react.default.createElement("li", {
-          "data-time": "".concat(pad(item), ":30:00"),
-          onClick: e => this.handleClick(e, [displayValue, item, 30, 0])
-        }));
-      })), dateGridRender && dateGridRender(displayValue.toString(), displayValue), /*#__PURE__*/_react.default.createElement("ul", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
-      }, this.renderEvents())));
-    };
-
-    this.state = {
-      currPos: 0,
-      showCurrTime: false
-    };
-    this.foundation = new _foundation.default(this.adapter);
-  }
-
-  componentDidMount() {
-    this.foundation.init();
-    this.foundation.initCurrTime();
-  }
-
-  componentWillUnmount() {
-    this.foundation.destroy();
-  }
-
-  get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      updateCurrPos: currPos => {
-        this.setState({
-          currPos
-        });
-      },
-      updateShowCurrTime: () => {
-        this.setState({
-          showCurrTime: true
-        });
-      }
-    });
-  }
-
-  render() {
-    const grid = this.renderGrid();
-    return grid;
-  }
-
-}
-
-exports.default = DayCol;
-DayCol.propTypes = {
-  events: _propTypes.default.array,
-  displayValue: _propTypes.default.instanceOf(Date),
-  showCurrTime: _propTypes.default.bool,
-  scrollHeight: _propTypes.default.number,
-  currPos: _propTypes.default.number,
-  handleClick: _propTypes.default.func,
-  mode: _propTypes.default.string,
-  isWeekend: _propTypes.default.bool,
-  dateGridRender: _propTypes.default.func
-};
-DayCol.defaultProps = {
-  events: [],
-  showCurrTime: true,
-  scrollHeight: 0,
-  currPos: 0,
-  mode: 'dayCol'
-};
-DayCol.contextType = _context5.default;

package/lib/cjs/calendar/index.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { EventObject } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
-import BaseComponent from '../_base/baseComponent';
-import { CalendarProps } from './interface';
-import '@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css';
-export * from './interface';
-declare class Calendar extends BaseComponent<CalendarProps, {}> {
-    static propTypes: {
-        displayValue: PropTypes.Requireable<Date>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        events: PropTypes.Requireable<PropTypes.InferProps<{
-            allDay: PropTypes.Requireable<boolean>;
-            start: PropTypes.Requireable<Date>;
-            end: PropTypes.Requireable<Date>;
-            key: PropTypes.Validator<string>;
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }>[]>;
-        mode: PropTypes.Requireable<string>;
-        showCurrTime: PropTypes.Requireable<boolean>;
-        scrollTop: PropTypes.Requireable<number>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
-        markWeekend: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        height: PropTypes.Requireable<string | number>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        events: EventObject[];
-        displayValue: Date;
-        showCurrTime: boolean;
-        mode: string;
-        markWeekend: boolean;
-        height: number;
-        scrollTop: number;
-    };
-    render(): React.FunctionComponentElement<any>;
-}
-export { EventObject };
-export default Calendar;