DecadeHeader.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435
  1. import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
  2. import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
  3. import Header from '../Header';
  4. import { DECADE_DISTANCE_COUNT } from '.';
  5. import { useInjectPanel } from '../../PanelContext';
  6. import useMergeProps from '../../hooks/useMergeProps';
  7. function DecadeHeader(_props) {
  8. var props = useMergeProps(_props);
  9. var prefixCls = props.prefixCls,
  10. generateConfig = props.generateConfig,
  11. viewDate = props.viewDate,
  12. onPrevDecades = props.onPrevDecades,
  13. onNextDecades = props.onNextDecades;
  14. var _useInjectPanel = useInjectPanel(),
  15. hideHeader = _useInjectPanel.hideHeader;
  16. if (hideHeader) {
  17. return null;
  18. }
  19. var headerPrefixCls = "".concat(prefixCls, "-header");
  20. var yearNumber = generateConfig.getYear(viewDate);
  21. var startYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
  22. var endYear = startYear + DECADE_DISTANCE_COUNT - 1;
  23. return _createVNode(Header, _objectSpread(_objectSpread({}, props), {}, {
  24. "prefixCls": headerPrefixCls,
  25. "onSuperPrev": onPrevDecades,
  26. "onSuperNext": onNextDecades
  27. }), {
  28. default: function _default() {
  29. return [startYear, _createTextVNode("-"), endYear];
  30. }
  31. });
  32. }
  33. DecadeHeader.displayName = 'DecadeHeader';
  34. DecadeHeader.inheritAttrs = false;
  35. export default DecadeHeader;