aloha-vue 2.7.2 → 2.7.3

package/src/AList/AList.js

@@ -1,132 +1,132 @@
-import {
-  h,
-} from "vue";
-
-import AListItem from "./AListItem/AListItem";
-
-import PlainTextAPI from "./compositionAPI/PlainTextAPI";
-import TagAPI from "./compositionAPI/TagAPI";
-
-import {
-  get,
-} from "lodash-es";
-
-export default {
-  name: "AList",
-  props: {
-    classItem: {
-      type: [String, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    classMain: {
-      type: [String, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    data: {
-      type: Array,
-      required: false,
-      default: () => [],
-    },
-    isDataSimpleArray: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    isHtml: {
-      type: Boolean,
-      required: false,
-      default: true,
-    },
-    keyChildren: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    keyId: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    keyLabel: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    keyLabelCallback: {
-      type: Function,
-      required: false,
-      default: undefined,
-    },
-    labelTag: {
-      type: String,
-      required: false,
-      default: "span",
-    },
-    listItemTag: {
-      type: String,
-      required: false,
-      default: "li",
-    },
-    separator: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    separatorHtml: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    tag: {
-      type: String,
-      required: false,
-      default: "ul",
-    },
-  },
-  setup(props) {
-    const {
-      tagLocal,
-    } = TagAPI(props);
-
-    const {
-      plainText,
-    } = PlainTextAPI(props);
-
-    return {
-      plainText,
-      tagLocal,
-    };
-  },
-  render() {
-    if (this.isHtml) {
-      return h(this.tag, {
-        class: this.classMain,
-      }, [
-        this.data.map((item, itemIndex) => {
-          const KEY = this.keyId ? get(item, this.keyId) : itemIndex;
-          return h(AListItem, {
-            key: KEY,
-            classItem: this.classItem,
-            classMain: this.classMain,
-            isDataSimpleArray: this.isDataSimpleArray,
-            item,
-            itemIndex,
-            keyChildren: this.keyChildren,
-            keyId: this.keyId,
-            keyLabel: this.keyLabel,
-            keyLabelCallback: this.keyLabelCallback,
-            labelTag: this.labelTag,
-            listItemTag: this.listItemTag,
-            separator: this.separator,
-            separatorHtml: this.separatorHtml,
-            tag: this.tag,
-          }, this.$slots);
-        }),
-      ]);
-    }
-
-    return h(this.tagLocal, null, this.plainText);
-  },
-};
+import {
+  h,
+} from "vue";
+
+import AListItem from "./AListItem/AListItem";
+
+import PlainTextAPI from "./compositionAPI/PlainTextAPI";
+import TagAPI from "./compositionAPI/TagAPI";
+
+import {
+  get,
+} from "lodash-es";
+
+export default {
+  name: "AList",
+  props: {
+    classItem: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    classMain: {
+      type: [String, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    data: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    isDataSimpleArray: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    isHtml: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+    keyChildren: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    keyId: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    keyLabel: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    keyLabelCallback: {
+      type: Function,
+      required: false,
+      default: undefined,
+    },
+    labelTag: {
+      type: String,
+      required: false,
+      default: "span",
+    },
+    listItemTag: {
+      type: String,
+      required: false,
+      default: "li",
+    },
+    separator: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    separatorHtml: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    tag: {
+      type: String,
+      required: false,
+      default: "ul",
+    },
+  },
+  setup(props) {
+    const {
+      tagLocal,
+    } = TagAPI(props);
+
+    const {
+      plainText,
+    } = PlainTextAPI(props);
+
+    return {
+      plainText,
+      tagLocal,
+    };
+  },
+  render() {
+    if (this.isHtml) {
+      return h(this.tag, {
+        class: this.classMain,
+      }, [
+        this.data.map((item, itemIndex) => {
+          const KEY = this.keyId ? get(item, this.keyId) : itemIndex;
+          return h(AListItem, {
+            key: KEY,
+            classItem: this.classItem,
+            classMain: this.classMain,
+            isDataSimpleArray: this.isDataSimpleArray,
+            item,
+            itemIndex,
+            keyChildren: this.keyChildren,
+            keyId: this.keyId,
+            keyLabel: this.keyLabel,
+            keyLabelCallback: this.keyLabelCallback,
+            labelTag: this.labelTag,
+            listItemTag: this.listItemTag,
+            separator: this.separator,
+            separatorHtml: this.separatorHtml,
+            tag: this.tag,
+          }, this.$slots);
+        }),
+      ]);
+    }
+
+    return h(this.tagLocal, null, this.plainText);
+  },
+};

package/src/AList/AListItem/compositionAPI/ChildrenAPI.js

@@ -1,39 +1,39 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  get,
-  isArray,
-  isObject,
-} from "lodash-es";
-
-export default function ChildrenAPI(props) {
-  const isDataSimpleArray = toRef(props, "isDataSimpleArray");
-  const item = toRef(props, "item");
-  const keyChildren = toRef(props, "keyChildren");
-
-  const isItemObject = computed(() => {
-    return isObject(item.value);
-  });
-
-  const children = computed(() => {
-    if (isDataSimpleArray.value) {
-      return item.value?.[1];
-    }
-    if (!keyChildren.value || !isItemObject.value) {
-      return [];
-    }
-    return get(item.value, keyChildren.value) || [];
-  });
-
-  const hasChildren = computed(() => {
-    return isArray(children.value) && children.value.length > 0;
-  });
-
-  return {
-    children,
-    hasChildren,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  get,
+  isArray,
+  isObject,
+} from "lodash-es";
+
+export default function ChildrenAPI(props) {
+  const isDataSimpleArray = toRef(props, "isDataSimpleArray");
+  const item = toRef(props, "item");
+  const keyChildren = toRef(props, "keyChildren");
+
+  const isItemObject = computed(() => {
+    return isObject(item.value);
+  });
+
+  const children = computed(() => {
+    if (isDataSimpleArray.value) {
+      return item.value?.[1];
+    }
+    if (!keyChildren.value || !isItemObject.value) {
+      return [];
+    }
+    return get(item.value, keyChildren.value) || [];
+  });
+
+  const hasChildren = computed(() => {
+    return isArray(children.value) && children.value.length > 0;
+  });
+
+  return {
+    children,
+    hasChildren,
+  };
+}

package/src/AList/AListItem/compositionAPI/LabelAPI.js

@@ -1,38 +1,38 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  get,
-  isArray,
-  isFunction,
-} from "lodash-es";
-
-export default function LabelAPI(props) {
-  const isDataSimpleArray = toRef(props, "isDataSimpleArray");
-  const item = toRef(props, "item");
-  const itemIndex = toRef(props, "itemIndex");
-  const keyLabel = toRef(props, "keyLabel");
-  const keyLabelCallback = toRef(props, "keyLabelCallback");
-
-  const label = computed(() => {
-    if (isDataSimpleArray.value) {
-      if (isArray(item.value)) {
-        return item.value?.[0] || "";
-      }
-      return item.value;
-    }
-    if (isFunction(keyLabelCallback.value)) {
-      return keyLabelCallback.value({ item: item.value, itemIndex: itemIndex.value });
-    }
-    if (keyLabel.value) {
-      return get(item.value, keyLabel.value);
-    }
-    return item.value;
-  });
-
-  return {
-    label,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  get,
+  isArray,
+  isFunction,
+} from "lodash-es";
+
+export default function LabelAPI(props) {
+  const isDataSimpleArray = toRef(props, "isDataSimpleArray");
+  const item = toRef(props, "item");
+  const itemIndex = toRef(props, "itemIndex");
+  const keyLabel = toRef(props, "keyLabel");
+  const keyLabelCallback = toRef(props, "keyLabelCallback");
+
+  const label = computed(() => {
+    if (isDataSimpleArray.value) {
+      if (isArray(item.value)) {
+        return item.value?.[0] || "";
+      }
+      return item.value;
+    }
+    if (isFunction(keyLabelCallback.value)) {
+      return keyLabelCallback.value({ item: item.value, itemIndex: itemIndex.value });
+    }
+    if (keyLabel.value) {
+      return get(item.value, keyLabel.value);
+    }
+    return item.value;
+  });
+
+  return {
+    label,
+  };
+}

package/src/AList/compositionAPI/PlainTextAPI.js

@@ -1,30 +1,30 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import filterList from "../../filters/filterList";
-
-export default function PlainTextAPI(props) {
-  const data = toRef(props, "data");
-  const isDataSimpleArray = toRef(props, "isDataSimpleArray");
-  const keyChildren = toRef(props, "keyChildren");
-  const keyLabel = toRef(props, "keyLabel");
-  const keyLabelCallback = toRef(props, "keyLabelCallback");
-  const separator = toRef(props, "separator");
-
-  const plainText = computed(() => {
-    return filterList(data.value, {
-      isHtml: false,
-      keyLabel: keyLabel.value,
-      keyLabelCallback: keyLabelCallback.value,
-      keyChildren: keyChildren.value,
-      isSimpleArray: isDataSimpleArray.value,
-      separator: separator.value,
-    });
-  });
-
-  return {
-    plainText,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import filterList from "../../filters/filterList";
+
+export default function PlainTextAPI(props) {
+  const data = toRef(props, "data");
+  const isDataSimpleArray = toRef(props, "isDataSimpleArray");
+  const keyChildren = toRef(props, "keyChildren");
+  const keyLabel = toRef(props, "keyLabel");
+  const keyLabelCallback = toRef(props, "keyLabelCallback");
+  const separator = toRef(props, "separator");
+
+  const plainText = computed(() => {
+    return filterList(data.value, {
+      isHtml: false,
+      keyLabel: keyLabel.value,
+      keyLabelCallback: keyLabelCallback.value,
+      keyChildren: keyChildren.value,
+      isSimpleArray: isDataSimpleArray.value,
+      separator: separator.value,
+    });
+  });
+
+  return {
+    plainText,
+  };
+}

package/src/AList/compositionAPI/TagAPI.js

@@ -1,22 +1,22 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function TagAPI(props) {
-  const tag = toRef(props, "tag");
-  const isHtml = toRef(props, "isHtml");
-
-  const tagLocal = computed(() => {
-    if (!isHtml.value &&
-      (tag.value === "ul" ||
-        tag.value === "ol")) {
-      return "span";
-    }
-    return tag.value;
-  });
-
-  return {
-    tagLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function TagAPI(props) {
+  const tag = toRef(props, "tag");
+  const isHtml = toRef(props, "isHtml");
+
+  const tagLocal = computed(() => {
+    if (!isHtml.value &&
+      (tag.value === "ul" ||
+        tag.value === "ol")) {
+      return "span";
+    }
+    return tag.value;
+  });
+
+  return {
+    tagLocal,
+  };
+}

package/src/AMenu/compositionAPI/AMenuBlockerClickAPI.js

@@ -1,27 +1,27 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function AMenuBlockerClickAPI(props, {
-  closeAllPanels = () => {},
-}) {
-  const isBlockerClickable = toRef(props, "isBlockerClickable");
-
-  const clickBlocker = () => {
-    closeAllPanels();
-  };
-
-  const attributesBlockerClick = computed(() => {
-    const ATTRIBUTES = {};
-    if (isBlockerClickable.value) {
-      ATTRIBUTES.onClick = clickBlocker;
-      ATTRIBUTES.class = "a_menu__blocker a_menu_clickable";
-    }
-    return ATTRIBUTES;
-  });
-
-  return {
-    attributesBlockerClick,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function AMenuBlockerClickAPI(props, {
+  closeAllPanels = () => {},
+}) {
+  const isBlockerClickable = toRef(props, "isBlockerClickable");
+
+  const clickBlocker = () => {
+    closeAllPanels();
+  };
+
+  const attributesBlockerClick = computed(() => {
+    const ATTRIBUTES = {};
+    if (isBlockerClickable.value) {
+      ATTRIBUTES.onClick = clickBlocker;
+      ATTRIBUTES.class = "a_menu__blocker a_menu_clickable";
+    }
+    return ATTRIBUTES;
+  });
+
+  return {
+    attributesBlockerClick,
+  };
+}

package/src/AModal/compositionAPI/AttributesAPI.js

@@ -1,21 +1,21 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function AttributesAPI(props) {
-  const hideHeader = toRef(props, "hideHeader");
-  const id = toRef(props, "id");
-
-  const headerId = computed(() => {
-    if (hideHeader.value) {
-      return undefined;
-    }
-
-    return `${ id.value }_header`;
-  });
-
-  return {
-    headerId,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function AttributesAPI(props) {
+  const hideHeader = toRef(props, "hideHeader");
+  const id = toRef(props, "id");
+
+  const headerId = computed(() => {
+    if (hideHeader.value) {
+      return undefined;
+    }
+
+    return `${ id.value }_header`;
+  });
+
+  return {
+    headerId,
+  };
+}

package/src/AModal/compositionAPI/CloseFromOutsideAPI.js

@@ -1,29 +1,29 @@
-import {
-  toRef,
-} from "vue";
-
-import EventBus from "../../utils/EventBus";
-
-export default function CloseFromOutsideAPI(props) {
-  const close = toRef(props, "close");
-  const isConfirm = toRef(props, "isConfirm");
-
-  const closeModalFromOutside = () => {
-    if (!isConfirm.value) {
-      close.value();
-    }
-  };
-
-  const initEventBusCloseFromOutside = () => {
-    EventBus.$on("closeModal", closeModalFromOutside);
-  };
-
-  const destroyEventBusCloseFromOutside = () => {
-    EventBus.$off("closeModal", closeModalFromOutside);
-  };
-
-  return {
-    destroyEventBusCloseFromOutside,
-    initEventBusCloseFromOutside,
-  };
-}
+import {
+  toRef,
+} from "vue";
+
+import EventBus from "../../utils/EventBus";
+
+export default function CloseFromOutsideAPI(props) {
+  const close = toRef(props, "close");
+  const isConfirm = toRef(props, "isConfirm");
+
+  const closeModalFromOutside = () => {
+    if (!isConfirm.value) {
+      close.value();
+    }
+  };
+
+  const initEventBusCloseFromOutside = () => {
+    EventBus.$on("closeModal", closeModalFromOutside);
+  };
+
+  const destroyEventBusCloseFromOutside = () => {
+    EventBus.$off("closeModal", closeModalFromOutside);
+  };
+
+  return {
+    destroyEventBusCloseFromOutside,
+    initEventBusCloseFromOutside,
+  };
+}