@opentiny/vue-renderless/quarter-panel/index.js

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

import "../chunk-G2ADBYYC.js";
import { modifyDate, nextYear, prevYear } from "@opentiny/utils";
import { DATEPICKER } from "@opentiny/utils";
const getTarget = (event) => {
  let target = event.target;
  const tagName = target.tagName;
  if (tagName === "A") {
    target = target.parentNode.parentNode;
  }
  if (tagName === "DIV") {
    target = target.parentNode;
  }
  if (target.tagName !== "TD") {
    return;
  }
  return target;
};
const handleQuarterTableClick = ({ state, emit }) => (event) => {
  const target = getTarget(event);
  const currentDate = new Date(state.date.getFullYear(), DATEPICKER.QuarterMap[target.cellIndex], 1);
  state.value = currentDate;
  emit("pick", currentDate);
};
const showYearPicker = ({ state }) => () => state.currentView = DATEPICKER.Year;
const cusPrevYear = ({ state }) => () => {
  if (state.currentView === DATEPICKER.Year) {
    state.startYear = state.startYear - DATEPICKER.PanelYearNum;
  } else {
    state.date = prevYear(state.date);
  }
};
const cusNextYear = ({ state }) => () => {
  if (state.currentView === DATEPICKER.Year) {
    state.startYear = state.startYear + DATEPICKER.PanelYearNum;
  } else {
    state.date = nextYear(state.date);
  }
};
const handleYearPick = ({ state }) => (value) => {
  state.currentView = DATEPICKER.Quarter;
  state.date = modifyDate(state.date, value, state.date.getMonth(), state.date.getDate());
};
const getYearLabel = ({ state, t }) => () => {
  return state.date.getFullYear();
};
const getCellStyle = ({ api, props, state }) => (cell) => {
  const year = state.date.getFullYear();
  const quarter = cell.text.slice(1) - 1;
  const style = {};
  style.current = state.value && state.value.getFullYear() === year && state.value.getMonth() === DATEPICKER.QuarterMap[quarter];
  return style;
};
export {
  cusNextYear,
  cusPrevYear,
  getCellStyle,
  getYearLabel,
  handleQuarterTableClick,
  handleYearPick,
  showYearPicker
};