@seafile/seafile-calendar 0.0.29-alpha15 → 0.0.29-alpha19

package/es/month/MonthPanel.js

@@ -0,0 +1,154 @@
+import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
+import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
+import _inherits from 'babel-runtime/helpers/inherits';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { polyfill } from 'react-lifecycles-compat';
+import MonthTable from './MonthTable';
+
+function goYear(direction) {
+  this.props.changeYear(direction);
+}
+
+function noop() {}
+
+var MonthPanel = function (_React$Component) {
+  _inherits(MonthPanel, _React$Component);
+
+  function MonthPanel(props) {
+    _classCallCheck(this, MonthPanel);
+
+    var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+    _this.setAndSelectValue = function (value) {
+      _this.setValue(value);
+      _this.props.onSelect(value);
+    };
+
+    _this.setValue = function (value) {
+      if ('value' in _this.props) {
+        _this.setState({
+          value: value
+        });
+      }
+    };
+
+    _this.nextYear = goYear.bind(_this, 1);
+    _this.previousYear = goYear.bind(_this, -1);
+    _this.prefixCls = props.rootPrefixCls + '-month-panel';
+
+    _this.state = {
+      value: props.value || props.defaultValue
+    };
+    return _this;
+  }
+
+  MonthPanel.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
+    var newState = {};
+
+    if ('value' in props) {
+      newState = {
+        value: props.value
+      };
+    }
+
+    return newState;
+  };
+
+  MonthPanel.prototype.render = function render() {
+    var props = this.props;
+    var value = this.state.value;
+    var locale = props.locale,
+        cellRender = props.cellRender,
+        contentRender = props.contentRender,
+        renderFooter = props.renderFooter;
+
+    var year = value.year();
+    var prefixCls = this.prefixCls;
+
+    var footer = renderFooter && renderFooter('month');
+
+    return React.createElement(
+      'div',
+      { className: prefixCls, style: props.style },
+      React.createElement(
+        'div',
+        null,
+        React.createElement(
+          'div',
+          { className: prefixCls + '-header' },
+          React.createElement('a', {
+            className: prefixCls + '-prev-year-btn',
+            role: 'button',
+            onClick: this.previousYear,
+            title: locale.previousYear
+          }),
+          React.createElement(
+            'a',
+            {
+              className: prefixCls + '-year-select',
+              role: 'button',
+              onClick: props.onYearPanelShow,
+              title: locale.yearSelect
+            },
+            React.createElement(
+              'span',
+              { className: prefixCls + '-year-select-content' },
+              year
+            ),
+            React.createElement(
+              'span',
+              { className: prefixCls + '-year-select-arrow' },
+              'x'
+            )
+          ),
+          React.createElement('a', {
+            className: prefixCls + '-next-year-btn',
+            role: 'button',
+            onClick: this.nextYear,
+            title: locale.nextYear
+          })
+        ),
+        React.createElement(
+          'div',
+          { className: prefixCls + '-body' },
+          React.createElement(MonthTable, {
+            disabledDate: props.disabledDate,
+            onSelect: this.setAndSelectValue,
+            locale: locale,
+            value: value,
+            cellRender: cellRender,
+            contentRender: contentRender,
+            prefixCls: prefixCls
+          })
+        ),
+        footer && React.createElement(
+          'div',
+          { className: prefixCls + '-footer' },
+          footer
+        )
+      )
+    );
+  };
+
+  return MonthPanel;
+}(React.Component);
+
+MonthPanel.propTypes = {
+  onChange: PropTypes.func,
+  disabledDate: PropTypes.func,
+  onSelect: PropTypes.func,
+  renderFooter: PropTypes.func,
+  rootPrefixCls: PropTypes.string,
+  value: PropTypes.object,
+  defaultValue: PropTypes.object
+};
+MonthPanel.defaultProps = {
+  onChange: noop,
+  onSelect: noop
+};
+
+
+polyfill(MonthPanel);
+
+export default MonthPanel;

package/es/month/MonthTable.js

@@ -0,0 +1,156 @@
+import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
+import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
+import _inherits from 'babel-runtime/helpers/inherits';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { getTodayTime, getMonthName } from '../util/index';
+
+var ROW = 4;
+var COL = 3;
+
+function chooseMonth(month) {
+  var next = this.state.value.clone();
+  next = next.month(month);
+  this.setAndSelectValue(next);
+}
+
+function noop() {}
+
+var MonthTable = function (_Component) {
+  _inherits(MonthTable, _Component);
+
+  function MonthTable(props) {
+    _classCallCheck(this, MonthTable);
+
+    var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+
+    _this.state = {
+      value: props.value
+    };
+    return _this;
+  }
+
+  MonthTable.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+    if ('value' in nextProps) {
+      this.setState({
+        value: nextProps.value
+      });
+    }
+  };
+
+  MonthTable.prototype.setAndSelectValue = function setAndSelectValue(value) {
+    this.setState({
+      value: value
+    });
+    this.props.onSelect(value);
+  };
+
+  MonthTable.prototype.months = function months() {
+    var value = this.state.value;
+    var current = value.clone();
+    var months = [];
+    var index = 0;
+    for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
+      months[rowIndex] = [];
+      for (var colIndex = 0; colIndex < COL; colIndex++) {
+        current = current.month(index);
+        var content = getMonthName(current);
+        months[rowIndex][colIndex] = {
+          value: index,
+          content: content,
+          title: content
+        };
+        index++;
+      }
+    }
+    return months;
+  };
+
+  MonthTable.prototype.render = function render() {
+    var _this2 = this;
+
+    var props = this.props;
+    var value = this.state.value;
+    var today = getTodayTime(value);
+    var months = this.months();
+    var currentMonth = value.month();
+    var prefixCls = props.prefixCls,
+        locale = props.locale,
+        contentRender = props.contentRender,
+        cellRender = props.cellRender;
+
+    var monthsEls = months.map(function (month, index) {
+      var tds = month.map(function (monthData) {
+        var _classNameMap;
+
+        var disabled = false;
+        if (props.disabledDate) {
+          var testValue = value.clone();
+          testValue = testValue.month(monthData.value);
+          disabled = props.disabledDate(testValue);
+        }
+        var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-cell-disabled'] = disabled, _classNameMap[prefixCls + '-selected-cell'] = monthData.value === currentMonth, _classNameMap[prefixCls + '-current-cell'] = today.year() === value.year() && monthData.value === today.month(), _classNameMap);
+        var cellEl = void 0;
+        if (cellRender) {
+          var currentValue = value.clone();
+          currentValue = currentValue.month(monthData.value);
+          cellEl = cellRender(currentValue, locale);
+        } else {
+          var content = void 0;
+          if (contentRender) {
+            var _currentValue = value.clone();
+            _currentValue = _currentValue.month(monthData.value);
+            content = contentRender(_currentValue, locale);
+          } else {
+            content = monthData.content;
+          }
+          cellEl = React.createElement(
+            'a',
+            { className: prefixCls + '-month' },
+            content
+          );
+        }
+        return React.createElement(
+          'td',
+          {
+            role: 'gridcell',
+            key: monthData.value,
+            onClick: disabled ? null : chooseMonth.bind(_this2, monthData.value),
+            title: monthData.title,
+            className: classnames(classNameMap)
+          },
+          cellEl
+        );
+      });
+      return React.createElement(
+        'tr',
+        { key: index, role: 'row' },
+        tds
+      );
+    });
+
+    return React.createElement(
+      'table',
+      { className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
+      React.createElement(
+        'tbody',
+        { className: prefixCls + '-tbody' },
+        monthsEls
+      )
+    );
+  };
+
+  return MonthTable;
+}(Component);
+
+MonthTable.defaultProps = {
+  onSelect: noop
+};
+MonthTable.propTypes = {
+  onSelect: PropTypes.func,
+  cellRender: PropTypes.func,
+  prefixCls: PropTypes.string,
+  value: PropTypes.object
+};
+export default MonthTable;

package/es/picker/placements.js

@@ -0,0 +1,35 @@
+var autoAdjustOverflow = {
+  adjustX: 1,
+  adjustY: 1
+};
+
+var targetOffset = [0, 0];
+
+var placements = {
+  bottomLeft: {
+    points: ['tl', 'tl'],
+    overflow: autoAdjustOverflow,
+    offset: [0, -3],
+    targetOffset: targetOffset
+  },
+  bottomRight: {
+    points: ['tr', 'tr'],
+    overflow: autoAdjustOverflow,
+    offset: [0, -3],
+    targetOffset: targetOffset
+  },
+  topRight: {
+    points: ['br', 'br'],
+    overflow: autoAdjustOverflow,
+    offset: [0, 3],
+    targetOffset: targetOffset
+  },
+  topLeft: {
+    points: ['bl', 'bl'],
+    overflow: autoAdjustOverflow,
+    offset: [0, 3],
+    targetOffset: targetOffset
+  }
+};
+
+export default placements;

package/es/range-calendar/CalendarPart.js

@@ -0,0 +1,151 @@
+import _extends from 'babel-runtime/helpers/extends';
+import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
+import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
+import _inherits from 'babel-runtime/helpers/inherits';
+import React from 'react';
+import PropTypes from 'prop-types';
+import CalendarHeader from '../calendar/CalendarHeader';
+import DateTable from '../date/DateTable';
+import DateInput from '../date/DateInput';
+import { getTimeConfig } from '../util/index';
+
+var CalendarPart = function (_React$Component) {
+  _inherits(CalendarPart, _React$Component);
+
+  function CalendarPart() {
+    _classCallCheck(this, CalendarPart);
+
+    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+  }
+
+  CalendarPart.prototype.render = function render() {
+    var props = this.props;
+    var prefixCls = props.prefixCls,
+        value = props.value,
+        hoverValue = props.hoverValue,
+        selectedValue = props.selectedValue,
+        mode = props.mode,
+        direction = props.direction,
+        locale = props.locale,
+        format = props.format,
+        placeholder = props.placeholder,
+        disabledDate = props.disabledDate,
+        timePicker = props.timePicker,
+        disabledTime = props.disabledTime,
+        timePickerDisabledTime = props.timePickerDisabledTime,
+        showTimePicker = props.showTimePicker,
+        onInputChange = props.onInputChange,
+        onInputSelect = props.onInputSelect,
+        enablePrev = props.enablePrev,
+        enableNext = props.enableNext,
+        clearIcon = props.clearIcon,
+        showClear = props.showClear,
+        inputMode = props.inputMode;
+
+    var shouldShowTimePicker = showTimePicker && timePicker;
+    var disabledTimeConfig = shouldShowTimePicker && disabledTime ? getTimeConfig(selectedValue, disabledTime) : null;
+    var rangeClassName = prefixCls + '-range';
+    var newProps = {
+      locale: locale,
+      value: value,
+      prefixCls: prefixCls,
+      showTimePicker: showTimePicker
+    };
+    var index = direction === 'left' ? 0 : 1;
+    var timePickerEle = shouldShowTimePicker && React.cloneElement(timePicker, _extends({
+      showHour: true,
+      showMinute: true,
+      showSecond: true
+    }, timePicker.props, disabledTimeConfig, timePickerDisabledTime, {
+      onChange: onInputChange,
+      defaultOpenValue: value,
+      value: selectedValue[index]
+    }));
+
+    var dateInputElement = props.showDateInput && React.createElement(DateInput, {
+      format: format,
+      locale: locale,
+      prefixCls: prefixCls,
+      timePicker: timePicker,
+      disabledDate: disabledDate,
+      placeholder: placeholder,
+      disabledTime: disabledTime,
+      value: value,
+      showClear: showClear || false,
+      selectedValue: selectedValue[index],
+      onChange: onInputChange,
+      onSelect: onInputSelect,
+      clearIcon: clearIcon,
+      inputMode: inputMode
+    });
+
+    return React.createElement(
+      'div',
+      {
+        className: rangeClassName + '-part ' + rangeClassName + '-' + direction
+      },
+      dateInputElement,
+      React.createElement(
+        'div',
+        { style: { outline: 'none' } },
+        React.createElement(CalendarHeader, _extends({}, newProps, {
+          mode: mode,
+          enableNext: enableNext,
+          enablePrev: enablePrev,
+          onValueChange: props.onValueChange,
+          onPanelChange: props.onPanelChange,
+          disabledMonth: props.disabledMonth
+        })),
+        showTimePicker ? React.createElement(
+          'div',
+          { className: prefixCls + '-time-picker' },
+          React.createElement(
+            'div',
+            { className: prefixCls + '-time-picker-panel' },
+            timePickerEle
+          )
+        ) : null,
+        React.createElement(
+          'div',
+          { className: prefixCls + '-body' },
+          React.createElement(DateTable, _extends({}, newProps, {
+            hoverValue: hoverValue,
+            selectedValue: selectedValue,
+            dateRender: props.dateRender,
+            onSelect: props.onSelect,
+            onDayHover: props.onDayHover,
+            disabledDate: disabledDate,
+            showWeekNumber: props.showWeekNumber
+          }))
+        )
+      )
+    );
+  };
+
+  return CalendarPart;
+}(React.Component);
+
+CalendarPart.propTypes = {
+  prefixCls: PropTypes.string,
+  value: PropTypes.any,
+  hoverValue: PropTypes.any,
+  selectedValue: PropTypes.any,
+  direction: PropTypes.any,
+  locale: PropTypes.any,
+  showDateInput: PropTypes.bool,
+  showTimePicker: PropTypes.bool,
+  format: PropTypes.any,
+  placeholder: PropTypes.any,
+  disabledDate: PropTypes.any,
+  timePicker: PropTypes.any,
+  disabledTime: PropTypes.any,
+  onInputChange: PropTypes.func,
+  onInputSelect: PropTypes.func,
+  timePickerDisabledTime: PropTypes.object,
+  enableNext: PropTypes.any,
+  enablePrev: PropTypes.any,
+  clearIcon: PropTypes.node,
+  dateRender: PropTypes.func,
+  inputMode: PropTypes.string
+};
+export default CalendarPart;

package/es/util/dayjs.js

@@ -0,0 +1,17 @@
+import dayjs from 'dayjs';
+import localeData from 'dayjs/plugin/localeData';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import utc from 'dayjs/plugin/utc';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import badMutable from 'dayjs/plugin/badMutable';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en-gb';
+
+dayjs.extend(localeData);
+dayjs.extend(weekOfYear);
+dayjs.extend(utc);
+dayjs.extend(advancedFormat);
+dayjs.extend(customParseFormat);
+dayjs.extend(badMutable);
+export default dayjs;