QuarterHeader.js 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _Header = _interopRequireDefault(require("../Header"));
  10. var _PanelContext = require("../../PanelContext");
  11. var _dateUtil = require("../../utils/dateUtil");
  12. var _useMergeProps = _interopRequireDefault(require("../../hooks/useMergeProps"));
  13. function QuarterHeader(_props) {
  14. const props = (0, _useMergeProps.default)(_props);
  15. const {
  16. prefixCls,
  17. generateConfig,
  18. locale,
  19. viewDate,
  20. onNextYear,
  21. onPrevYear,
  22. onYearClick
  23. } = props;
  24. const {
  25. hideHeader
  26. } = (0, _PanelContext.useInjectPanel)();
  27. if (hideHeader.value) {
  28. return null;
  29. }
  30. const headerPrefixCls = `${prefixCls}-header`;
  31. return (0, _vue.createVNode)(_Header.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
  32. "prefixCls": headerPrefixCls,
  33. "onSuperPrev": onPrevYear,
  34. "onSuperNext": onNextYear
  35. }), {
  36. default: () => [(0, _vue.createVNode)("button", {
  37. "type": "button",
  38. "onClick": onYearClick,
  39. "class": `${prefixCls}-year-btn`
  40. }, [(0, _dateUtil.formatValue)(viewDate, {
  41. locale,
  42. format: locale.yearFormat,
  43. generateConfig
  44. })])]
  45. });
  46. }
  47. QuarterHeader.displayName = 'QuarterHeader';
  48. QuarterHeader.inheritAttrs = false;
  49. var _default = exports.default = QuarterHeader;