index.js 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = exports.YEAR_DECADE_COUNT = void 0;
  7. var _vue = require("vue");
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _YearHeader = _interopRequireDefault(require("./YearHeader"));
  10. var _YearBody = _interopRequireWildcard(require("./YearBody"));
  11. var _uiUtil = require("../../utils/uiUtil");
  12. var _useMergeProps = _interopRequireDefault(require("../../hooks/useMergeProps"));
  13. function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
  14. function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
  15. const YEAR_DECADE_COUNT = exports.YEAR_DECADE_COUNT = 10;
  16. function YearPanel(_props) {
  17. const props = (0, _useMergeProps.default)(_props);
  18. const {
  19. prefixCls,
  20. operationRef,
  21. onViewDateChange,
  22. generateConfig,
  23. value,
  24. viewDate,
  25. sourceMode,
  26. onSelect,
  27. onPanelChange
  28. } = props;
  29. const panelPrefixCls = `${prefixCls}-year-panel`;
  30. // ======================= Keyboard =======================
  31. operationRef.value = {
  32. onKeydown: event => (0, _uiUtil.createKeydownHandler)(event, {
  33. onLeftRight: diff => {
  34. onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
  35. },
  36. onCtrlLeftRight: diff => {
  37. onSelect(generateConfig.addYear(value || viewDate, diff * YEAR_DECADE_COUNT), 'key');
  38. },
  39. onUpDown: diff => {
  40. onSelect(generateConfig.addYear(value || viewDate, diff * _YearBody.YEAR_COL_COUNT), 'key');
  41. },
  42. onEnter: () => {
  43. onPanelChange(sourceMode === 'date' ? 'date' : 'month', value || viewDate);
  44. }
  45. })
  46. };
  47. // ==================== View Operation ====================
  48. const onDecadeChange = diff => {
  49. const newDate = generateConfig.addYear(viewDate, diff * 10);
  50. onViewDateChange(newDate);
  51. onPanelChange(null, newDate);
  52. };
  53. return (0, _vue.createVNode)("div", {
  54. "class": panelPrefixCls
  55. }, [(0, _vue.createVNode)(_YearHeader.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
  56. "prefixCls": prefixCls,
  57. "onPrevDecade": () => {
  58. onDecadeChange(-1);
  59. },
  60. "onNextDecade": () => {
  61. onDecadeChange(1);
  62. },
  63. "onDecadeClick": () => {
  64. onPanelChange('decade', viewDate);
  65. }
  66. }), null), (0, _vue.createVNode)(_YearBody.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
  67. "prefixCls": prefixCls,
  68. "onSelect": date => {
  69. onPanelChange(sourceMode === 'date' ? 'date' : 'month', date);
  70. onSelect(date, 'mouse');
  71. }
  72. }), null)]);
  73. }
  74. YearPanel.displayName = 'YearPanel';
  75. YearPanel.inheritAttrs = false;
  76. var _default = exports.default = YearPanel;