aloha-vue 2.74.0 → 2.75.0

package/src/PuxDatepicker/panel/PanelYear/PanelYear.js

@@ -1,137 +1,136 @@
-import PanelYearItem from "../PanelYearItem/PanelYearItem.vue";
-
-import PanelMixin from "../../mixins/PanelMixin";
-
-import keysCode from "../../utils/keysCode";
-import {
-  isUndefined,
-} from "lodash-es";
-
-// @vue/component
-export default {
-  name: "PanelYear",
-  components: {
-    PanelYearItem,
-  },
-  mixins: [
-    PanelMixin,
-  ],
-  props: {
-    value: {
-      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol],
-      required: false,
-      default: undefined,
-    },
-    firstYear: {
-      type: Number,
-      required: true,
-    },
-    disabledYear: {
-      type: Function,
-      required: false,
-      default: undefined,
-    },
-  },
-  emits: [
-    "handleIconYear",
-    "select",
-  ],
-  data() {
-    return {
-      yearIndexForFocus: undefined,
-    };
-  },
-  computed: {
-    firstYearLocal() {
-      return Math.floor(this.firstYear / 10) * 10;
-    },
-
-    yearFromValue() {
-      return this.value && new Date(this.value).getFullYear();
-    },
-
-    idForFocus() {
-      if (!isUndefined(this.yearIndexForFocus)) {
-        return this.getIdForYear(this.yearIndexForFocus);
-      }
-      return "";
-    },
-
-    yearIndexFromValueOrToday() {
-      const DIFF_FIRST_AND_VALUE_YEAR = this.yearFromValueOrToday - this.firstYearLocal;
-      if (DIFF_FIRST_AND_VALUE_YEAR <= 9 && DIFF_FIRST_AND_VALUE_YEAR >= 0) {
-        return DIFF_FIRST_AND_VALUE_YEAR;
-      }
-      return 0;
-    },
-
-    yearFromValueOrToday() {
-      return this.yearFromValue || new Date().getFullYear();
-    },
-
-    prefixForId() {
-      return `${ this.id }_year_`;
-    },
-  },
-  methods: {
-    isDisabled(year) {
-      return !!(typeof this.disabledYear === "function" && this.disabledYear(year));
-    },
-
-    selectYear({ year, isButtonClick }) {
-      if (this.isDisabled(year)) {
-        return;
-      }
-      this.$emit("select", ({ year, isButtonClick }));
-    },
-
-    getIdForYear(yearIndex) {
-      return `${ this.prefixForId }${ yearIndex }`;
-    },
-
-    setFocusToActiveYear() {
-      setTimeout(() => {
-        this.setDefaultYearForFocus();
-        document.getElementById(this.idForFocus).focus();
-        this.setListenerForPressButtons();
-      });
-    },
-
-    setDefaultYearForFocus() {
-      this.yearIndexForFocus = this.yearIndexFromValueOrToday;
-    },
-
-    pressButton($event) {
-      const KEY_CODE = $event.keyCode;
-      if (KEY_CODE === keysCode.arrowUp || KEY_CODE === keysCode.arrowLeft) {
-        this.setFocusToLastYear();
-        this.stopCurrentEvent($event);
-      } else if (KEY_CODE === keysCode.arrowDown || KEY_CODE === keysCode.arrowRight) {
-        this.setFocusToNextYear();
-        this.stopCurrentEvent($event);
-      }
-    },
-
-    setFocusToLastYear() {
-      const NEW_YEAR_FOR_FOCUS = this.yearIndexForFocus - 1;
-      if (NEW_YEAR_FOR_FOCUS >= 0 && NEW_YEAR_FOR_FOCUS <= 9) {
-        this.yearIndexForFocus = NEW_YEAR_FOR_FOCUS;
-      } else {
-        this.$emit("handleIconYear", -1);
-        this.yearIndexForFocus = 9;
-      }
-      this.setFocusToElementWithTimeout(this.idForFocus);
-    },
-
-    setFocusToNextYear() {
-      const NEW_YEAR_FOR_FOCUS = this.yearIndexForFocus + 1;
-      if (NEW_YEAR_FOR_FOCUS <= 9 && NEW_YEAR_FOR_FOCUS >= 0) {
-        this.yearIndexForFocus = NEW_YEAR_FOR_FOCUS;
-      } else {
-        this.$emit("handleIconYear", 1);
-        this.yearIndexForFocus = 0;
-      }
-      this.setFocusToElementWithTimeout(this.idForFocus);
-    },
-  },
-};
+import PanelYearItem from "../PanelYearItem/PanelYearItem.vue";
+
+import PanelMixin from "../../mixins/PanelMixin";
+import keysCode from "../../utils/keysCode";
+import {
+  isUndefined,
+} from "lodash-es";
+
+// @vue/component
+export default {
+  name: "PanelYear",
+  components: {
+    PanelYearItem,
+  },
+  mixins: [
+    PanelMixin,
+  ],
+  props: {
+    value: {
+      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol],
+      required: false,
+      default: undefined,
+    },
+    firstYear: {
+      type: Number,
+      required: true,
+    },
+    disabledYear: {
+      type: Function,
+      required: false,
+      default: undefined,
+    },
+  },
+  emits: [
+    "handleIconYear",
+    "select",
+  ],
+  data() {
+    return {
+      yearIndexForFocus: undefined,
+    };
+  },
+  computed: {
+    firstYearLocal() {
+      return Math.floor(this.firstYear / 10) * 10;
+    },
+
+    yearFromValue() {
+      return this.value && new Date(this.value).getFullYear();
+    },
+
+    idForFocus() {
+      if (!isUndefined(this.yearIndexForFocus)) {
+        return this.getIdForYear(this.yearIndexForFocus);
+      }
+      return "";
+    },
+
+    yearIndexFromValueOrToday() {
+      const DIFF_FIRST_AND_VALUE_YEAR = this.yearFromValueOrToday - this.firstYearLocal;
+      if (DIFF_FIRST_AND_VALUE_YEAR <= 9 && DIFF_FIRST_AND_VALUE_YEAR >= 0) {
+        return DIFF_FIRST_AND_VALUE_YEAR;
+      }
+      return 0;
+    },
+
+    yearFromValueOrToday() {
+      return this.yearFromValue || new Date().getFullYear();
+    },
+
+    prefixForId() {
+      return `${ this.id }_year_`;
+    },
+  },
+  methods: {
+    isDisabled(year) {
+      return !!(typeof this.disabledYear === "function" && this.disabledYear(year));
+    },
+
+    selectYear({ year, isButtonClick }) {
+      if (this.isDisabled(year)) {
+        return;
+      }
+      this.$emit("select", ({ year, isButtonClick }));
+    },
+
+    getIdForYear(yearIndex) {
+      return `${ this.prefixForId }${ yearIndex }`;
+    },
+
+    setFocusToActiveYear() {
+      setTimeout(() => {
+        this.setDefaultYearForFocus();
+        document.getElementById(this.idForFocus).focus();
+        this.setListenerForPressButtons();
+      });
+    },
+
+    setDefaultYearForFocus() {
+      this.yearIndexForFocus = this.yearIndexFromValueOrToday;
+    },
+
+    pressButton($event) {
+      const KEY_CODE = $event.keyCode;
+      if (KEY_CODE === keysCode.arrowUp || KEY_CODE === keysCode.arrowLeft) {
+        this.setFocusToLastYear();
+        this.stopCurrentEvent($event);
+      } else if (KEY_CODE === keysCode.arrowDown || KEY_CODE === keysCode.arrowRight) {
+        this.setFocusToNextYear();
+        this.stopCurrentEvent($event);
+      }
+    },
+
+    setFocusToLastYear() {
+      const NEW_YEAR_FOR_FOCUS = this.yearIndexForFocus - 1;
+      if (NEW_YEAR_FOR_FOCUS >= 0 && NEW_YEAR_FOR_FOCUS <= 9) {
+        this.yearIndexForFocus = NEW_YEAR_FOR_FOCUS;
+      } else {
+        this.$emit("handleIconYear", -1);
+        this.yearIndexForFocus = 9;
+      }
+      this.setFocusToElementWithTimeout(this.idForFocus);
+    },
+
+    setFocusToNextYear() {
+      const NEW_YEAR_FOR_FOCUS = this.yearIndexForFocus + 1;
+      if (NEW_YEAR_FOR_FOCUS <= 9 && NEW_YEAR_FOR_FOCUS >= 0) {
+        this.yearIndexForFocus = NEW_YEAR_FOR_FOCUS;
+      } else {
+        this.$emit("handleIconYear", 1);
+        this.yearIndexForFocus = 0;
+      }
+      this.setFocusToElementWithTimeout(this.idForFocus);
+    },
+  },
+};

package/src/PuxDatepicker/utils/index.js

@@ -1,100 +1,100 @@
-import {
-  format as fechaFormat,
-  parse as fechaParse,
-} from "fecha";
-
-
-export function isPlainObject(obj) {
-  return Object.prototype.toString.call(obj) === "[object Object]";
-}
-
-export function isDateObject(value) {
-  return value instanceof Date;
-}
-
-export function isValidDate(date) {
-  if (date === null || date === undefined) {
-    return false;
-  }
-  return !isNaN(new Date(date).getTime());
-}
-
-export function isValidRangeDate(date) {
-  return (
-    Array.isArray(date) &&
-    date.length === 2 &&
-    isValidDate(date[0]) &&
-    isValidDate(date[1]) &&
-    (new Date(date[1]).getTime() >= new Date(date[0]).getTime())
-  );
-}
-
-export function parseTime(time) {
-  const VALUES = (time || "").split(":");
-  if (VALUES.length >= 2) {
-    const hours = parseInt(VALUES[0], 10);
-    const minutes = parseInt(VALUES[1], 10);
-    return {
-      hours,
-      minutes,
-    };
-  }
-  return null;
-}
-
-export function formatTime(time, type = "24", a = "a") {
-  let hours = time.hours;
-  hours = (type === "24") ? hours : (hours % 12 || 12);
-  hours = hours < 10 ? "0" + hours : hours;
-  const minutes = time.minutes < 10 ? "0" + time.minutes : time.minutes;
-  let result = hours + ":" + minutes;
-  if (type === "12") {
-    let suffix = time.hours >= 12 ? "pm" : "am";
-    if (a === "A") {
-      suffix = suffix.toUpperCase();
-    }
-    result = `${ result } ${ suffix }`;
-  }
-  return result;
-}
-
-export function formatDate(date, format) {
-  if (!date) {
-    return "";
-  }
-  try {
-    return fechaFormat(new Date(date), format);
-  } catch (e) {
-    return "";
-  }
-}
-
-export function parseDate(value, format) {
-  try {
-    return fechaParse(value, format) || null;
-  } catch (e) {
-    return null;
-  }
-}
-
-export function throttle(action, delay) {
-  let lastRun = 0;
-  let timeout = null;
-  return function() {
-    if (timeout) {
-      return;
-    }
-    const args = arguments;
-    const elapsed = Date.now() - lastRun;
-    const callBack = () => {
-      lastRun = Date.now();
-      timeout = null;
-      action.apply(this, args);
-    };
-    if (elapsed >= delay) {
-      callBack();
-    } else {
-      timeout = setTimeout(callBack, delay);
-    }
-  };
-}
+import {
+  format as fechaFormat,
+  parse as fechaParse,
+} from "fecha";
+
+
+export function isPlainObject(obj) {
+  return Object.prototype.toString.call(obj) === "[object Object]";
+}
+
+export function isDateObject(value) {
+  return value instanceof Date;
+}
+
+export function isValidDate(date) {
+  if (date === null || date === undefined) {
+    return false;
+  }
+  return !isNaN(new Date(date).getTime());
+}
+
+export function isValidRangeDate(date) {
+  return (
+    Array.isArray(date) &&
+    date.length === 2 &&
+    isValidDate(date[0]) &&
+    isValidDate(date[1]) &&
+    (new Date(date[1]).getTime() >= new Date(date[0]).getTime())
+  );
+}
+
+export function parseTime(time) {
+  const VALUES = (time || "").split(":");
+  if (VALUES.length >= 2) {
+    const hours = parseInt(VALUES[0], 10);
+    const minutes = parseInt(VALUES[1], 10);
+    return {
+      hours,
+      minutes,
+    };
+  }
+  return null;
+}
+
+export function formatTime(time, type = "24", a = "a") {
+  let hours = time.hours;
+  hours = (type === "24") ? hours : (hours % 12 || 12);
+  hours = hours < 10 ? "0" + hours : hours;
+  const minutes = time.minutes < 10 ? "0" + time.minutes : time.minutes;
+  let result = hours + ":" + minutes;
+  if (type === "12") {
+    let suffix = time.hours >= 12 ? "pm" : "am";
+    if (a === "A") {
+      suffix = suffix.toUpperCase();
+    }
+    result = `${ result } ${ suffix }`;
+  }
+  return result;
+}
+
+export function formatDate(date, format) {
+  if (!date) {
+    return "";
+  }
+  try {
+    return fechaFormat(new Date(date), format);
+  } catch(e) {
+    return "";
+  }
+}
+
+export function parseDate(value, format) {
+  try {
+    return fechaParse(value, format) || null;
+  } catch(e) {
+    return null;
+  }
+}
+
+export function throttle(action, delay) {
+  let lastRun = 0;
+  let timeout = null;
+  return function() {
+    if (timeout) {
+      return;
+    }
+    const args = arguments;
+    const elapsed = Date.now() - lastRun;
+    const callBack = () => {
+      lastRun = Date.now();
+      timeout = null;
+      action.apply(this, args);
+    };
+    if (elapsed >= delay) {
+      callBack();
+    } else {
+      timeout = setTimeout(callBack, delay);
+    }
+  };
+}