| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- "use strict";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = exports.YEAR_DECADE_COUNT = void 0;
- var _vue = require("vue");
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
- var _YearHeader = _interopRequireDefault(require("./YearHeader"));
- var _YearBody = _interopRequireWildcard(require("./YearBody"));
- var _uiUtil = require("../../utils/uiUtil");
- var _useMergeProps = _interopRequireDefault(require("../../hooks/useMergeProps"));
- 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); }
- 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; }
- const YEAR_DECADE_COUNT = exports.YEAR_DECADE_COUNT = 10;
- function YearPanel(_props) {
- const props = (0, _useMergeProps.default)(_props);
- const {
- prefixCls,
- operationRef,
- onViewDateChange,
- generateConfig,
- value,
- viewDate,
- sourceMode,
- onSelect,
- onPanelChange
- } = props;
- const panelPrefixCls = `${prefixCls}-year-panel`;
- // ======================= Keyboard =======================
- operationRef.value = {
- onKeydown: event => (0, _uiUtil.createKeydownHandler)(event, {
- onLeftRight: diff => {
- onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
- },
- onCtrlLeftRight: diff => {
- onSelect(generateConfig.addYear(value || viewDate, diff * YEAR_DECADE_COUNT), 'key');
- },
- onUpDown: diff => {
- onSelect(generateConfig.addYear(value || viewDate, diff * _YearBody.YEAR_COL_COUNT), 'key');
- },
- onEnter: () => {
- onPanelChange(sourceMode === 'date' ? 'date' : 'month', value || viewDate);
- }
- })
- };
- // ==================== View Operation ====================
- const onDecadeChange = diff => {
- const newDate = generateConfig.addYear(viewDate, diff * 10);
- onViewDateChange(newDate);
- onPanelChange(null, newDate);
- };
- return (0, _vue.createVNode)("div", {
- "class": panelPrefixCls
- }, [(0, _vue.createVNode)(_YearHeader.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
- "prefixCls": prefixCls,
- "onPrevDecade": () => {
- onDecadeChange(-1);
- },
- "onNextDecade": () => {
- onDecadeChange(1);
- },
- "onDecadeClick": () => {
- onPanelChange('decade', viewDate);
- }
- }), null), (0, _vue.createVNode)(_YearBody.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
- "prefixCls": prefixCls,
- "onSelect": date => {
- onPanelChange(sourceMode === 'date' ? 'date' : 'month', date);
- onSelect(date, 'mouse');
- }
- }), null)]);
- }
- YearPanel.displayName = 'YearPanel';
- YearPanel.inheritAttrs = false;
- var _default = exports.default = YearPanel;
|