aloha-vue 2.57.3 → 2.57.5

package/src/AElement/{comositionAPI → compositionAPI}/AttributesAPI.js

@@ -1,51 +1,51 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-const TYPES_BUTTON_MAP = {
-  button: true,
-  submit: true,
-  reset: true,
-};
-
-export default function AttributesAPI(props, {
-  isRouterLink = computed(() => false),
-  tagLocal = computed(() => ""),
-}) {
-  const disabled = toRef(props, "disabled");
-  const href = toRef(props, "href");
-  const target = toRef(props, "target");
-  const to = toRef(props, "to");
-  const type = toRef(props, "type");
-
-  const typeAttribut = computed(() => {
-    if (tagLocal.value === "button" && TYPES_BUTTON_MAP[type.value]) {
-      return type.value;
-    }
-    return undefined;
-  });
-
-
-  const toHrefAttributes = computed(() => {
-    if (isRouterLink.value) {
-      return {
-        target: target.value,
-        to: to.value,
-      };
-    }
-    if (disabled.value) {
-      return {};
-    }
-
-    return {
-      href: href.value,
-      target: target.value,
-    };
-  });
-
-  return {
-    toHrefAttributes,
-    typeAttribut,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+const TYPES_BUTTON_MAP = {
+  button: true,
+  submit: true,
+  reset: true,
+};
+
+export default function AttributesAPI(props, {
+  isRouterLink = computed(() => false),
+  tagLocal = computed(() => ""),
+}) {
+  const disabled = toRef(props, "disabled");
+  const href = toRef(props, "href");
+  const target = toRef(props, "target");
+  const to = toRef(props, "to");
+  const type = toRef(props, "type");
+
+  const typeAttribut = computed(() => {
+    if (tagLocal.value === "button" && TYPES_BUTTON_MAP[type.value]) {
+      return type.value;
+    }
+    return undefined;
+  });
+
+
+  const toHrefAttributes = computed(() => {
+    if (isRouterLink.value) {
+      return {
+        target: target.value,
+        to: to.value,
+      };
+    }
+    if (disabled.value) {
+      return {};
+    }
+
+    return {
+      href: href.value,
+      target: target.value,
+    };
+  });
+
+  return {
+    toHrefAttributes,
+    typeAttribut,
+  };
+}

package/src/AElement/{comositionAPI → compositionAPI}/ClickAPI.js

@@ -1,30 +1,30 @@
-import {
-  toRef,
-} from "vue";
-
-export default function ClickAPI(props, { emit }) {
-  const prevent = toRef(props, "prevent");
-  const stop = toRef(props, "stop");
-  const disabled = toRef(props, "disabled");
-  const ariaDisabled = toRef(props, "ariaDisabled");
-
-  const onClick = $event => {
-    if (prevent.value) {
-      $event.preventDefault();
-    }
-    if (stop.value) {
-      $event.stopPropagation();
-    }
-    if (disabled.value || ariaDisabled.value) {
-      return;
-    }
-    emit("click", {
-      props,
-      $event,
-    });
-  };
-
-  return {
-    onClick,
-  };
-}
+import {
+  toRef,
+} from "vue";
+
+export default function ClickAPI(props, { emit }) {
+  const prevent = toRef(props, "prevent");
+  const stop = toRef(props, "stop");
+  const disabled = toRef(props, "disabled");
+  const ariaDisabled = toRef(props, "ariaDisabled");
+
+  const onClick = $event => {
+    if (prevent.value) {
+      $event.preventDefault();
+    }
+    if (stop.value) {
+      $event.stopPropagation();
+    }
+    if (disabled.value || ariaDisabled.value) {
+      return;
+    }
+    emit("click", {
+      props,
+      $event,
+    });
+  };
+
+  return {
+    onClick,
+  };
+}

package/src/AElement/{comositionAPI → compositionAPI}/ComponentLocalAPI.js

@@ -1,23 +1,23 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import ATooltip from "../../ATooltip/ATooltip";
-
-export default function ComponentLocalAPI(props, {
-  tagLocal = computed(() => ""),
-}) {
-  const isTitleHtml = toRef(props, "isTitleHtml");
-
-  const componentLocal = computed(() => {
-    if (isTitleHtml.value) {
-      return ATooltip;
-    }
-    return tagLocal.value;
-  });
-
-  return {
-    componentLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import ATooltip from "../../ATooltip/ATooltip";
+
+export default function ComponentLocalAPI(props, {
+  tagLocal = computed(() => ""),
+}) {
+  const isTitleHtml = toRef(props, "isTitleHtml");
+
+  const componentLocal = computed(() => {
+    if (isTitleHtml.value) {
+      return ATooltip;
+    }
+    return tagLocal.value;
+  });
+
+  return {
+    componentLocal,
+  };
+}

package/src/AElement/{comositionAPI → compositionAPI}/DisabledAPI.js

@@ -1,22 +1,22 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function DisabledAPI(props) {
-  const type = toRef(props, "type");
-  const disabled = toRef(props, "disabled");
-
-  const disabledLocal = computed(() => {
-    if (["button", "submit", "reset"].indexOf(type.value) !== -1 &&
-      disabled.value) {
-      return true;
-    }
-
-    return undefined;
-  });
-
-  return {
-    disabledLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function DisabledAPI(props) {
+  const type = toRef(props, "type");
+  const disabled = toRef(props, "disabled");
+
+  const disabledLocal = computed(() => {
+    if (["button", "submit", "reset"].indexOf(type.value) !== -1 &&
+      disabled.value) {
+      return true;
+    }
+
+    return undefined;
+  });
+
+  return {
+    disabledLocal,
+  };
+}

package/src/AElement/{comositionAPI → compositionAPI}/HtmlTitleAPI.js

@@ -1,33 +1,33 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-export default function HtmlTitleAPI(props, {
-  tagLocal = computed(() => ""),
-}) {
-  const isTitleHtml = toRef(props, "isTitleHtml");
-  const titleAttributes = toRef(props, "titleAttributes");
-  const titlePlacement = toRef(props, "titlePlacement");
-
-  const elementRef = ref(undefined);
-
-  const htmlTitleAttributes = computed(() => {
-    if (isTitleHtml.value) {
-      return {
-        tag: tagLocal.value,
-        placement: titlePlacement.value,
-        withoutAriaDescribedby: true,
-        ...titleAttributes.value,
-      };
-    }
-    return {};
-  });
-
-
-  return {
-    elementRef,
-    htmlTitleAttributes,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+export default function HtmlTitleAPI(props, {
+  tagLocal = computed(() => ""),
+}) {
+  const isTitleHtml = toRef(props, "isTitleHtml");
+  const titleAttributes = toRef(props, "titleAttributes");
+  const titlePlacement = toRef(props, "titlePlacement");
+
+  const elementRef = ref(undefined);
+
+  const htmlTitleAttributes = computed(() => {
+    if (isTitleHtml.value) {
+      return {
+        tag: tagLocal.value,
+        placement: titlePlacement.value,
+        withoutAriaDescribedby: true,
+        ...titleAttributes.value,
+      };
+    }
+    return {};
+  });
+
+
+  return {
+    elementRef,
+    htmlTitleAttributes,
+  };
+}

package/src/AElement/compositionAPI/KeydownAPI.js

@@ -0,0 +1,35 @@
+import {
+  toRef,
+} from "vue";
+
+import AKeysCode from "../../const/AKeysCode";
+import {
+  isArray,
+} from "lodash-es";
+
+export default function KeydownAPI(props, { attrs }) {
+  const preventKeyboardRepeat = toRef(props, "preventKeyboardRepeat");
+
+  const onKeydown = $event => {
+    if (preventKeyboardRepeat.value &&
+      $event.repeat &&
+      ($event.keyCode === AKeysCode.enter || $event.keyCode === AKeysCode.space)) {
+      $event.preventDefault();
+      $event.stopPropagation();
+      return;
+    }
+
+    const onKeydownAttr = attrs.onKeydown;
+
+    if (isArray(onKeydownAttr)) {
+      onKeydownAttr.forEach(callback => callback?.($event));
+      return;
+    }
+
+    onKeydownAttr?.($event);
+  };
+
+  return {
+    onKeydown,
+  };
+}

package/src/AElement/{comositionAPI → compositionAPI}/LoadingAPI.js

@@ -1,22 +1,22 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function LoadingAPI(props) {
-  const loading = toRef(props, "loading");
-  const loadingAlign = toRef(props, "loadingAlign");
-
-  const isLoadingLeft = computed(() => {
-    return loading.value && loadingAlign.value === "left";
-  });
-
-  const isLoadingRight = computed(() => {
-    return loading.value && loadingAlign.value === "right";
-  });
-
-  return {
-    isLoadingLeft,
-    isLoadingRight,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function LoadingAPI(props) {
+  const loading = toRef(props, "loading");
+  const loadingAlign = toRef(props, "loadingAlign");
+
+  const isLoadingLeft = computed(() => {
+    return loading.value && loadingAlign.value === "left";
+  });
+
+  const isLoadingRight = computed(() => {
+    return loading.value && loadingAlign.value === "right";
+  });
+
+  return {
+    isLoadingLeft,
+    isLoadingRight,
+  };
+}

package/src/AElement/{comositionAPI → compositionAPI}/RouterLinkAPI.js

@@ -1,20 +1,20 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function RouterLinkAPI(props) {
-  const disabled = toRef(props, "disabled");
-  const to = toRef(props, "to");
-  const type = toRef(props, "type");
-
-  const isRouterLink = computed(() => {
-    return type.value === "link" &&
-      !!to.value &&
-      !disabled.value;
-  });
-
-  return {
-    isRouterLink,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function RouterLinkAPI(props) {
+  const disabled = toRef(props, "disabled");
+  const to = toRef(props, "to");
+  const type = toRef(props, "type");
+
+  const isRouterLink = computed(() => {
+    return type.value === "link" &&
+      !!to.value &&
+      !disabled.value;
+  });
+
+  return {
+    isRouterLink,
+  };
+}

package/src/AElement/{comositionAPI → compositionAPI}/SwitchAPI.js

@@ -1,33 +1,33 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-const SWITCH_CLASS = "a_btn a_btn_switch";
-
-export default function SwitchAPI(props) {
-  const isSwitch = toRef(props, "isSwitch");
-  const modelSwitch = toRef(props, "modelSwitch");
-
-  const isSwitchActive = computed(() => {
-    if (isSwitch.value) {
-      return !!modelSwitch.value;
-    }
-    return undefined;
-  });
-
-  const switchClass = computed(() => {
-    if (isSwitch.value) {
-      if (modelSwitch.value) {
-        return `${ SWITCH_CLASS } a_btn_switch_active`;
-      }
-      return SWITCH_CLASS;
-    }
-    return undefined;
-  });
-
-  return {
-    isSwitchActive,
-    switchClass,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+const SWITCH_CLASS = "a_btn a_btn_switch";
+
+export default function SwitchAPI(props) {
+  const isSwitch = toRef(props, "isSwitch");
+  const modelSwitch = toRef(props, "modelSwitch");
+
+  const isSwitchActive = computed(() => {
+    if (isSwitch.value) {
+      return !!modelSwitch.value;
+    }
+    return undefined;
+  });
+
+  const switchClass = computed(() => {
+    if (isSwitch.value) {
+      if (modelSwitch.value) {
+        return `${ SWITCH_CLASS } a_btn_switch_active`;
+      }
+      return SWITCH_CLASS;
+    }
+    return undefined;
+  });
+
+  return {
+    isSwitchActive,
+    switchClass,
+  };
+}

package/src/AElement/{comositionAPI → compositionAPI}/TagAPI.js

@@ -1,34 +1,34 @@
-import {
-  computed,
-  resolveComponent,
-  toRef,
-} from "vue";
-
-const TYPES_TAGS_MAP = {
-  button: "button",
-  submit: "button",
-  reset: "button",
-  link: "a",
-  text: "span",
-};
-
-export default function TagAPI(props, {
-  isRouterLink = computed(() => false),
-}) {
-  const tag = toRef(props, "tag");
-  const type = toRef(props, "type");
-
-  const tagLocal = computed(() => {
-    if (tag.value) {
-      return tag.value;
-    }
-    if (isRouterLink.value) {
-      return resolveComponent("RouterLink");
-    }
-    return TYPES_TAGS_MAP[type.value] || "span";
-  });
-
-  return {
-    tagLocal,
-  };
-}
+import {
+  computed,
+  resolveComponent,
+  toRef,
+} from "vue";
+
+const TYPES_TAGS_MAP = {
+  button: "button",
+  submit: "button",
+  reset: "button",
+  link: "a",
+  text: "span",
+};
+
+export default function TagAPI(props, {
+  isRouterLink = computed(() => false),
+}) {
+  const tag = toRef(props, "tag");
+  const type = toRef(props, "type");
+
+  const tagLocal = computed(() => {
+    if (tag.value) {
+      return tag.value;
+    }
+    if (isRouterLink.value) {
+      return resolveComponent("RouterLink");
+    }
+    return TYPES_TAGS_MAP[type.value] || "span";
+  });
+
+  return {
+    tagLocal,
+  };
+}