@seafile/seafile-calendar 0.0.29-alpha.2 → 0.0.29-alpha10

package/lib/month/MonthTable.js

@@ -0,0 +1,181 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _index = require('../util/index');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+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) {
+  (0, _inherits3['default'])(MonthTable, _Component);
+
+  function MonthTable(props) {
+    (0, _classCallCheck3['default'])(this, MonthTable);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(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 = (0, _index.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 = (0, _index.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 = _react2['default'].createElement(
+            'a',
+            { className: prefixCls + '-month' },
+            content
+          );
+        }
+        return _react2['default'].createElement(
+          'td',
+          {
+            role: 'gridcell',
+            key: monthData.value,
+            onClick: disabled ? null : chooseMonth.bind(_this2, monthData.value),
+            title: monthData.title,
+            className: (0, _classnames2['default'])(classNameMap)
+          },
+          cellEl
+        );
+      });
+      return _react2['default'].createElement(
+        'tr',
+        { key: index, role: 'row' },
+        tds
+      );
+    });
+
+    return _react2['default'].createElement(
+      'table',
+      { className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
+      _react2['default'].createElement(
+        'tbody',
+        { className: prefixCls + '-tbody' },
+        monthsEls
+      )
+    );
+  };
+
+  return MonthTable;
+}(_react.Component);
+
+MonthTable.defaultProps = {
+  onSelect: noop
+};
+MonthTable.propTypes = {
+  onSelect: _propTypes2['default'].func,
+  cellRender: _propTypes2['default'].func,
+  prefixCls: _propTypes2['default'].string,
+  value: _propTypes2['default'].object
+};
+exports['default'] = MonthTable;
+module.exports = exports['default'];

package/lib/picker/placements.js

@@ -0,0 +1,39 @@
+'use strict';
+
+exports.__esModule = true;
+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
+  }
+};
+
+exports['default'] = placements;
+module.exports = exports['default'];

package/lib/range-calendar/CalendarPart.js

@@ -0,0 +1,184 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _CalendarHeader = require('../calendar/CalendarHeader');
+
+var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
+
+var _DateTable = require('../date/DateTable');
+
+var _DateTable2 = _interopRequireDefault(_DateTable);
+
+var _DateInput = require('../date/DateInput');
+
+var _DateInput2 = _interopRequireDefault(_DateInput);
+
+var _index = require('../util/index');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var CalendarPart = function (_React$Component) {
+  (0, _inherits3['default'])(CalendarPart, _React$Component);
+
+  function CalendarPart() {
+    (0, _classCallCheck3['default'])(this, CalendarPart);
+    return (0, _possibleConstructorReturn3['default'])(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 ? (0, _index.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 && _react2['default'].cloneElement(timePicker, (0, _extends3['default'])({
+      showHour: true,
+      showMinute: true,
+      showSecond: true
+    }, timePicker.props, disabledTimeConfig, timePickerDisabledTime, {
+      onChange: onInputChange,
+      defaultOpenValue: value,
+      value: selectedValue[index]
+    }));
+
+    var dateInputElement = props.showDateInput && _react2['default'].createElement(_DateInput2['default'], {
+      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 _react2['default'].createElement(
+      'div',
+      {
+        className: rangeClassName + '-part ' + rangeClassName + '-' + direction
+      },
+      dateInputElement,
+      _react2['default'].createElement(
+        'div',
+        { style: { outline: 'none' } },
+        _react2['default'].createElement(_CalendarHeader2['default'], (0, _extends3['default'])({}, newProps, {
+          mode: mode,
+          enableNext: enableNext,
+          enablePrev: enablePrev,
+          onValueChange: props.onValueChange,
+          onPanelChange: props.onPanelChange,
+          disabledMonth: props.disabledMonth
+        })),
+        showTimePicker ? _react2['default'].createElement(
+          'div',
+          { className: prefixCls + '-time-picker' },
+          _react2['default'].createElement(
+            'div',
+            { className: prefixCls + '-time-picker-panel' },
+            timePickerEle
+          )
+        ) : null,
+        _react2['default'].createElement(
+          'div',
+          { className: prefixCls + '-body' },
+          _react2['default'].createElement(_DateTable2['default'], (0, _extends3['default'])({}, newProps, {
+            hoverValue: hoverValue,
+            selectedValue: selectedValue,
+            dateRender: props.dateRender,
+            onSelect: props.onSelect,
+            onDayHover: props.onDayHover,
+            disabledDate: disabledDate,
+            showWeekNumber: props.showWeekNumber
+          }))
+        )
+      )
+    );
+  };
+
+  return CalendarPart;
+}(_react2['default'].Component);
+
+CalendarPart.propTypes = {
+  prefixCls: _propTypes2['default'].string,
+  value: _propTypes2['default'].any,
+  hoverValue: _propTypes2['default'].any,
+  selectedValue: _propTypes2['default'].any,
+  direction: _propTypes2['default'].any,
+  locale: _propTypes2['default'].any,
+  showDateInput: _propTypes2['default'].bool,
+  showTimePicker: _propTypes2['default'].bool,
+  format: _propTypes2['default'].any,
+  placeholder: _propTypes2['default'].any,
+  disabledDate: _propTypes2['default'].any,
+  timePicker: _propTypes2['default'].any,
+  disabledTime: _propTypes2['default'].any,
+  onInputChange: _propTypes2['default'].func,
+  onInputSelect: _propTypes2['default'].func,
+  timePickerDisabledTime: _propTypes2['default'].object,
+  enableNext: _propTypes2['default'].any,
+  enablePrev: _propTypes2['default'].any,
+  clearIcon: _propTypes2['default'].node,
+  dateRender: _propTypes2['default'].func,
+  inputMode: _propTypes2['default'].string
+};
+exports['default'] = CalendarPart;
+module.exports = exports['default'];

package/lib/util/dayjs.js

@@ -0,0 +1,46 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _dayjs = require('dayjs');
+
+var _dayjs2 = _interopRequireDefault(_dayjs);
+
+var _localeData = require('dayjs/plugin/localeData');
+
+var _localeData2 = _interopRequireDefault(_localeData);
+
+var _weekOfYear = require('dayjs/plugin/weekOfYear');
+
+var _weekOfYear2 = _interopRequireDefault(_weekOfYear);
+
+var _utc = require('dayjs/plugin/utc');
+
+var _utc2 = _interopRequireDefault(_utc);
+
+var _advancedFormat = require('dayjs/plugin/advancedFormat');
+
+var _advancedFormat2 = _interopRequireDefault(_advancedFormat);
+
+var _customParseFormat = require('dayjs/plugin/customParseFormat');
+
+var _customParseFormat2 = _interopRequireDefault(_customParseFormat);
+
+var _badMutable = require('dayjs/plugin/badMutable');
+
+var _badMutable2 = _interopRequireDefault(_badMutable);
+
+require('dayjs/locale/zh-cn');
+
+require('dayjs/locale/en-gb');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+_dayjs2['default'].extend(_localeData2['default']);
+_dayjs2['default'].extend(_weekOfYear2['default']);
+_dayjs2['default'].extend(_utc2['default']);
+_dayjs2['default'].extend(_advancedFormat2['default']);
+_dayjs2['default'].extend(_customParseFormat2['default']);
+_dayjs2['default'].extend(_badMutable2['default']);
+exports['default'] = _dayjs2['default'];
+module.exports = exports['default'];