aloha-vue 2.66.0 → 2.66.2

package/src/ui/ADatepicker/panel/APanelDate/compositionAPI/FocusAPI.js

@@ -1,96 +1,96 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import AKeysCode from "../../../../../const/AKeysCode";
-import moment from "moment";
-import {
-  setFocusToElement,
-} from "../../../../../utils/utilsDOM";
-
-export default function FocusAPI(props, { emit }, {
-  dayFromValueOrToday = computed(() => ""),
-}) {
-  const calendarMonth = toRef(props, "calendarMonth");
-  const calendarYear = toRef(props, "calendarYear");
-  const id = toRef(props, "id");
-
-  const dayForFocusButton = ref(undefined);
-
-  const idForFocus = computed(() => {
-    if (dayForFocusButton.value) {
-      return `${ id.value }_${ dayForFocusButton.value }`;
-    }
-
-    return "";
-  });
-
-  const daysInMonth = computed(() => {
-    return moment(`${ calendarYear.value }_${ calendarMonth.value + 1 }`, "YYYY-MM").daysInMonth();
-  });
-
-  const setFocusToElementWithTimeout = idForFocusElement => {
-    setTimeout(() => {
-      setFocusToElement({ selector: `#${ idForFocusElement }` });
-    });
-  };
-
-  const stopCurrentEvent = $event => {
-    $event.preventDefault();
-    $event.stopPropagation();
-  };
-
-  const setFocusToPast = minusDays => {
-    const NEW_DAY_FOR_BUTTON = dayForFocusButton.value - minusDays;
-    if (NEW_DAY_FOR_BUTTON > 0) {
-      dayForFocusButton.value = NEW_DAY_FOR_BUTTON;
-    } else {
-      emit("handleIconMonth", -1);
-      setTimeout(() => {
-        dayForFocusButton.value = daysInMonth.value - Math.abs(NEW_DAY_FOR_BUTTON);
-      });
-    }
-    setFocusToElementWithTimeout(idForFocus.value);
-  };
-
-  const setFocusToFuture = plusDays => {
-    const NEW_DAY_FOR_BUTTON = dayForFocusButton.value + plusDays;
-    if (NEW_DAY_FOR_BUTTON <= daysInMonth.value) {
-      dayForFocusButton.value = NEW_DAY_FOR_BUTTON;
-    } else {
-      const ALT_DAY_IN_MONTH = daysInMonth.value;
-      emit("handleIconMonth", 1);
-      dayForFocusButton.value = NEW_DAY_FOR_BUTTON - ALT_DAY_IN_MONTH;
-    }
-    setFocusToElementWithTimeout(idForFocus.value);
-  };
-
-  const pressButton = $event => {
-    const KEY_CODE = $event.keyCode;
-    if (KEY_CODE === AKeysCode.arrowUp) {
-      setFocusToPast(7);
-      stopCurrentEvent($event);
-    } else if (KEY_CODE === AKeysCode.arrowDown) {
-      setFocusToFuture(7);
-      stopCurrentEvent($event);
-    } else if (KEY_CODE === AKeysCode.arrowLeft) {
-      setFocusToPast(1);
-      stopCurrentEvent($event);
-    } else if (KEY_CODE === AKeysCode.arrowRight) {
-      setFocusToFuture(1);
-      stopCurrentEvent($event);
-    }
-  };
-
-  const setDefaultDayForFocusButton = () => {
-    dayForFocusButton.value = dayFromValueOrToday.value;
-  };
-
-  return {
-    idForFocus,
-    pressButton,
-    setDefaultDayForFocusButton,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import AKeysCode from "../../../../../const/AKeysCode";
+import moment from "moment";
+import {
+  setFocusToElement,
+} from "../../../../../utils/utilsDOM";
+
+export default function FocusAPI(props, { emit }, {
+  dayFromValueOrToday = computed(() => ""),
+}) {
+  const calendarMonth = toRef(props, "calendarMonth");
+  const calendarYear = toRef(props, "calendarYear");
+  const id = toRef(props, "id");
+
+  const dayForFocusButton = ref(undefined);
+
+  const idForFocus = computed(() => {
+    if (dayForFocusButton.value) {
+      return `${ id.value }_${ dayForFocusButton.value }`;
+    }
+
+    return "";
+  });
+
+  const daysInMonth = computed(() => {
+    return moment(`${ calendarYear.value }_${ calendarMonth.value + 1 }`, "YYYY-MM").daysInMonth();
+  });
+
+  const setFocusToElementWithTimeout = idForFocusElement => {
+    setTimeout(() => {
+      setFocusToElement({ selector: `#${ idForFocusElement }` });
+    });
+  };
+
+  const stopCurrentEvent = $event => {
+    $event.preventDefault();
+    $event.stopPropagation();
+  };
+
+  const setFocusToPast = minusDays => {
+    const NEW_DAY_FOR_BUTTON = dayForFocusButton.value - minusDays;
+    if (NEW_DAY_FOR_BUTTON > 0) {
+      dayForFocusButton.value = NEW_DAY_FOR_BUTTON;
+    } else {
+      emit("handleIconMonth", -1);
+      setTimeout(() => {
+        dayForFocusButton.value = daysInMonth.value - Math.abs(NEW_DAY_FOR_BUTTON);
+      });
+    }
+    setFocusToElementWithTimeout(idForFocus.value);
+  };
+
+  const setFocusToFuture = plusDays => {
+    const NEW_DAY_FOR_BUTTON = dayForFocusButton.value + plusDays;
+    if (NEW_DAY_FOR_BUTTON <= daysInMonth.value) {
+      dayForFocusButton.value = NEW_DAY_FOR_BUTTON;
+    } else {
+      const ALT_DAY_IN_MONTH = daysInMonth.value;
+      emit("handleIconMonth", 1);
+      dayForFocusButton.value = NEW_DAY_FOR_BUTTON - ALT_DAY_IN_MONTH;
+    }
+    setFocusToElementWithTimeout(idForFocus.value);
+  };
+
+  const pressButton = $event => {
+    const KEY_CODE = $event.keyCode;
+    if (KEY_CODE === AKeysCode.arrowUp) {
+      setFocusToPast(7);
+      stopCurrentEvent($event);
+    } else if (KEY_CODE === AKeysCode.arrowDown) {
+      setFocusToFuture(7);
+      stopCurrentEvent($event);
+    } else if (KEY_CODE === AKeysCode.arrowLeft) {
+      setFocusToPast(1);
+      stopCurrentEvent($event);
+    } else if (KEY_CODE === AKeysCode.arrowRight) {
+      setFocusToFuture(1);
+      stopCurrentEvent($event);
+    }
+  };
+
+  const setDefaultDayForFocusButton = () => {
+    dayForFocusButton.value = dayFromValueOrToday.value;
+  };
+
+  return {
+    idForFocus,
+    pressButton,
+    setDefaultDayForFocusButton,
+  };
+}

package/src/ui/ADatepicker/panel/APanelDate/compositionAPI/FocusActiveAPI.js

@@ -1,27 +1,27 @@
-import {
-  computed,
-} from "vue";
-
-import {
-  setFocusToElement,
-} from "../../../../../utils/utilsDOM";
-
-export default function FocusActiveAPI({
-  idForFocus = computed(() => ""),
-  setDefaultDayForFocusButton = () => {},
-  setListenerForPressButtons = () => {},
-}) {
-  const setFocusToActiveDay = () => {
-    setTimeout(() => {
-      setDefaultDayForFocusButton();
-      setFocusToElement({
-        selector: `#${ idForFocus.value }`,
-      });
-      setListenerForPressButtons();
-    });
-  };
-
-  return {
-    setFocusToActiveDay,
-  };
-}
+import {
+  computed,
+} from "vue";
+
+import {
+  setFocusToElement,
+} from "../../../../../utils/utilsDOM";
+
+export default function FocusActiveAPI({
+  idForFocus = computed(() => ""),
+  setDefaultDayForFocusButton = () => {},
+  setListenerForPressButtons = () => {},
+}) {
+  const setFocusToActiveDay = () => {
+    setTimeout(() => {
+      setDefaultDayForFocusButton();
+      setFocusToElement({
+        selector: `#${ idForFocus.value }`,
+      });
+      setListenerForPressButtons();
+    });
+  };
+
+  return {
+    setFocusToActiveDay,
+  };
+}

package/src/ui/ADatepicker/panel/APanelDate/compositionAPI/SelectAPI.js

@@ -1,21 +1,21 @@
-import {
-  toRef,
-} from "vue";
-
-export default function SelectAPI(props, { emit }) {
-  const disabledDate = toRef(props, "disabledDate");
-
-  const selectDate = ($event, { year, month, day }) => {
-    $event.stopPropagation();
-    const date = new Date(year, month, day);
-    if (disabledDate.value(date)) {
-      return;
-    }
-
-    emit("select", date);
-  };
-
-  return {
-    selectDate,
-  };
-}
+import {
+  toRef,
+} from "vue";
+
+export default function SelectAPI(props, { emit }) {
+  const disabledDate = toRef(props, "disabledDate");
+
+  const selectDate = ($event, { year, month, day }) => {
+    $event.stopPropagation();
+    const date = new Date(year, month, day);
+    if (disabledDate.value(date)) {
+      return;
+    }
+
+    emit("select", date);
+  };
+
+  return {
+    selectDate,
+  };
+}

package/src/ui/ADatepicker/panel/APanelDate/compositionAPI/TableAPI.js

@@ -1,128 +1,128 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  formatDate,
-} from "../../../utils";
-
-export default function TableAPI(props, {
-  dates = computed(() => []),
-}) {
-  const calendarMonth = toRef(props, "calendarMonth");
-  const currentLanguage = toRef(props, "currentLanguage");
-  const disabledDate = toRef(props, "disabledDate");
-  const dateFormat = toRef(props, "dateFormat");
-  const endAt = toRef(props, "endAt");
-  const firstDayOfWeek = toRef(props, "firstDayOfWeek");
-  const id = toRef(props, "id");
-  const startAt = toRef(props, "startAt");
-  const value = toRef(props, "value");
-
-  const ths = computed(() => {
-    const days = currentLanguage.value.days;
-    const firstDay = parseInt(firstDayOfWeek.value, 10);
-
-    return days.concat(days).slice(firstDay, firstDay + 7);
-  });
-
-  const getCellTime = ({ year, month, day }) => {
-    return new Date(year, month, day).getTime();
-  };
-
-  const isCurrentDayToday = ({ year, month, day }) => {
-    const CELL_TIME = getCellTime({ year, month, day });
-    const TODAY = new Date().setHours(0, 0, 0, 0);
-    return CELL_TIME === TODAY;
-  };
-
-
-  const getCellClasses = ({ cellTime, isToday, month }) => {
-    const CLASSES = [];
-    const CURRENT_TIME = value.value && new Date(value.value).setHours(0, 0, 0, 0);
-    const START_TIME = startAt.value && new Date(startAt.value).setHours(0, 0, 0, 0);
-    const END_TIME = endAt.value && new Date(endAt.value).setHours(0, 0, 0, 0);
-
-    if (month < calendarMonth.value) {
-      CLASSES.push("last-month");
-    } else if (month > calendarMonth.value) {
-      CLASSES.push("next-month");
-    } else {
-      CLASSES.push("cur-month");
-    }
-
-    if (isToday) {
-      CLASSES.push("today");
-    }
-
-    if (disabledDate.value(cellTime)) {
-      CLASSES.push("disabled");
-    }
-
-    if (CURRENT_TIME) {
-      if (cellTime === CURRENT_TIME) {
-        CLASSES.push("actived");
-      } else if (START_TIME && cellTime <= CURRENT_TIME) {
-        CLASSES.push("inrange");
-      } else if (END_TIME && cellTime >= CURRENT_TIME) {
-        CLASSES.push("inrange");
-      }
-    }
-    return CLASSES.join(" ");
-  };
-
-  const getId = ({ month, day }) => {
-    let _id = `${ id.value }_${ day }`;
-    if (month < calendarMonth.value) {
-      _id += "_last_month";
-    } else if (month > calendarMonth.value) {
-      _id += "_next_month";
-    }
-
-    return _id;
-  };
-
-  const getCellTitle = ({ year, month, day }) => {
-    return formatDate(new Date(year, month, day), dateFormat.value);
-  };
-
-  const trsWithTds = computed(() => {
-    const TRS_WITH_TDS = [];
-    for (let i = 0; i < 6; i++) {
-      const TDS = [];
-      dates.value.slice(7 * i, 7 * i + 7).forEach(date => {
-        const IS_TODAY = isCurrentDayToday(date);
-        const CELL_TIME = getCellTime(date);
-        const IS_DISABLED = disabledDate.value(CELL_TIME);
-        TDS.push({
-          class: getCellClasses({
-            cellTime: CELL_TIME,
-            isToday: IS_TODAY,
-            month: date.month,
-          }),
-          id: getId({
-            month: date.month,
-            day: date.day,
-          }),
-          year: date.year,
-          month: date.month,
-          fullDate: getCellTitle(date),
-          date: date,
-          label: date.day,
-          isToday: IS_TODAY,
-          isDisabled: IS_DISABLED,
-          isCurrentMonth: date.month === calendarMonth.value,
-        });
-      });
-      TRS_WITH_TDS.push(TDS);
-    }
-
-    return TRS_WITH_TDS;
-  });
-
-  return {
-    ths,
-    trsWithTds,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  formatDate,
+} from "../../../utils";
+
+export default function TableAPI(props, {
+  dates = computed(() => []),
+}) {
+  const calendarMonth = toRef(props, "calendarMonth");
+  const currentLanguage = toRef(props, "currentLanguage");
+  const disabledDate = toRef(props, "disabledDate");
+  const dateFormat = toRef(props, "dateFormat");
+  const endAt = toRef(props, "endAt");
+  const firstDayOfWeek = toRef(props, "firstDayOfWeek");
+  const id = toRef(props, "id");
+  const startAt = toRef(props, "startAt");
+  const value = toRef(props, "value");
+
+  const ths = computed(() => {
+    const days = currentLanguage.value.days;
+    const firstDay = parseInt(firstDayOfWeek.value, 10);
+
+    return days.concat(days).slice(firstDay, firstDay + 7);
+  });
+
+  const getCellTime = ({ year, month, day }) => {
+    return new Date(year, month, day).getTime();
+  };
+
+  const isCurrentDayToday = ({ year, month, day }) => {
+    const CELL_TIME = getCellTime({ year, month, day });
+    const TODAY = new Date().setHours(0, 0, 0, 0);
+    return CELL_TIME === TODAY;
+  };
+
+
+  const getCellClasses = ({ cellTime, isToday, month }) => {
+    const CLASSES = [];
+    const CURRENT_TIME = value.value && new Date(value.value).setHours(0, 0, 0, 0);
+    const START_TIME = startAt.value && new Date(startAt.value).setHours(0, 0, 0, 0);
+    const END_TIME = endAt.value && new Date(endAt.value).setHours(0, 0, 0, 0);
+
+    if (month < calendarMonth.value) {
+      CLASSES.push("last-month");
+    } else if (month > calendarMonth.value) {
+      CLASSES.push("next-month");
+    } else {
+      CLASSES.push("cur-month");
+    }
+
+    if (isToday) {
+      CLASSES.push("today");
+    }
+
+    if (disabledDate.value(cellTime)) {
+      CLASSES.push("disabled");
+    }
+
+    if (CURRENT_TIME) {
+      if (cellTime === CURRENT_TIME) {
+        CLASSES.push("actived");
+      } else if (START_TIME && cellTime <= CURRENT_TIME) {
+        CLASSES.push("inrange");
+      } else if (END_TIME && cellTime >= CURRENT_TIME) {
+        CLASSES.push("inrange");
+      }
+    }
+    return CLASSES.join(" ");
+  };
+
+  const getId = ({ month, day }) => {
+    let _id = `${ id.value }_${ day }`;
+    if (month < calendarMonth.value) {
+      _id += "_last_month";
+    } else if (month > calendarMonth.value) {
+      _id += "_next_month";
+    }
+
+    return _id;
+  };
+
+  const getCellTitle = ({ year, month, day }) => {
+    return formatDate(new Date(year, month, day), dateFormat.value);
+  };
+
+  const trsWithTds = computed(() => {
+    const TRS_WITH_TDS = [];
+    for (let i = 0; i < 6; i++) {
+      const TDS = [];
+      dates.value.slice(7 * i, 7 * i + 7).forEach(date => {
+        const IS_TODAY = isCurrentDayToday(date);
+        const CELL_TIME = getCellTime(date);
+        const IS_DISABLED = disabledDate.value(CELL_TIME);
+        TDS.push({
+          class: getCellClasses({
+            cellTime: CELL_TIME,
+            isToday: IS_TODAY,
+            month: date.month,
+          }),
+          id: getId({
+            month: date.month,
+            day: date.day,
+          }),
+          year: date.year,
+          month: date.month,
+          fullDate: getCellTitle(date),
+          date: date,
+          label: date.day,
+          isToday: IS_TODAY,
+          isDisabled: IS_DISABLED,
+          isCurrentMonth: date.month === calendarMonth.value,
+        });
+      });
+      TRS_WITH_TDS.push(TDS);
+    }
+
+    return TRS_WITH_TDS;
+  });
+
+  return {
+    ths,
+    trsWithTds,
+  };
+}