aloha-vue 2.7.0 → 2.7.2

package/src/ui/ATemplate/ATemplate.js

@@ -12,16 +12,58 @@ export default {
   name: "ATemplate",
   inheritAttrs: false,
   props: {
+    alwaysTranslate: {
+      type: Boolean,
+      required: false,
+    },
+    change: {
+      type: Function,
+      required: false,
+      default: () => {},
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+    },
+    errors: {
+      type: [String, Array],
+      required: false,
+      default: undefined,
+    },
     excludeRenderAttributes: {
       type: Array,
       required: false,
       default: () => [],
     },
+    extra: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
+    helpText: {
+      type: String,
+      required: false,
+    },
     html: {
       type: String,
       required: false,
       default: undefined,
     },
+    htmlId: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    id: {
+      type: [String, Number],
+      required: false,
+      default: undefined,
+    },
+    idPrefix: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
     isHide: {
       type: Boolean,
       required: false,
@@ -32,11 +74,43 @@ export default {
       required: false,
       default: true,
     },
+    label: {
+      type: [String, Number],
+      required: false,
+      default: undefined,
+    },
+    labelClass: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    labelScreenReader: {
+      type: [String, Number],
+      required: false,
+      default: undefined,
+    },
+    modelValue: {
+      required: false,
+    },
     options: {
       type: [String, Number, Object, Array, Boolean],
       required: false,
       default: undefined,
     },
+    readonly: {
+      type: Boolean,
+      required: false,
+    },
+    readonlyDefault: {
+      type: String,
+      required: false,
+      default: "",
+    },
+    required: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     slotName: {
       type: String,
       required: false,
@@ -65,11 +139,7 @@ export default {
     return h("div", {
       ...this.$attrs,
       style: this.componentStyleHide,
-      alwaysTranslate: undefined,
       type: undefined,
-      modelValue: undefined,
-      readonly: undefined,
-      readonlyDefault: undefined,
       ...this.attributesToExcludeFromRender,
     }, [
       this.$slots[this.slotName] ?

package/src/ui/ATextarea/compositionAPI/ResizeClass.js

@@ -1,23 +1,23 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function ResizeClass(props) {
-  const resize = toRef(props, "resize");
-
-  const RESIZE_CLASS_MAPPING = {
-    v: "a_textarea_resize_v",
-    h: "a_textarea_resize_h",
-    none: "a_textarea_resize_none",
-    auto: "",
-  };
-
-  const resizeClass = computed(() => {
-    return RESIZE_CLASS_MAPPING[resize.value];
-  });
-
-  return {
-    resizeClass,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function ResizeClass(props) {
+  const resize = toRef(props, "resize");
+
+  const RESIZE_CLASS_MAPPING = {
+    v: "a_textarea_resize_v",
+    h: "a_textarea_resize_h",
+    none: "a_textarea_resize_none",
+    auto: "",
+  };
+
+  const resizeClass = computed(() => {
+    return RESIZE_CLASS_MAPPING[resize.value];
+  });
+
+  return {
+    resizeClass,
+  };
+}

package/src/ui/compositionApi/UIExcludeRenderAttributesAPI.js

@@ -1,25 +1,25 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  forEach,
-} from "lodash-es";
-
-export default function UIExcludeRenderAttributesAPI(props) {
-  const excludeRenderAttributes = toRef(props, "excludeRenderAttributes");
-
-  const attributesToExcludeFromRender = computed(() => {
-    const ATTRIBUTES = {};
-    forEach(excludeRenderAttributes.value, attributKey => {
-      ATTRIBUTES[attributKey] = undefined;
-    });
-
-    return ATTRIBUTES;
-  });
-
-  return {
-    attributesToExcludeFromRender,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  forEach,
+} from "lodash-es";
+
+export default function UIExcludeRenderAttributesAPI(props) {
+  const excludeRenderAttributes = toRef(props, "excludeRenderAttributes");
+
+  const attributesToExcludeFromRender = computed(() => {
+    const ATTRIBUTES = {};
+    forEach(excludeRenderAttributes.value, attributKey => {
+      ATTRIBUTES[attributKey] = undefined;
+    });
+
+    return ATTRIBUTES;
+  });
+
+  return {
+    attributesToExcludeFromRender,
+  };
+}

package/src/ui/compositionApi/UiCheckboxRadioItemAPI.js

@@ -1,39 +1,39 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AKeyId from "../../const/AKeyId";
-import AKeyLabel from "../../const/AKeyLabel";
-
-export default function UiCheckboxRadioItemAPI(props) {
-  const dataItem = toRef(props, "dataItem");
-  const id = toRef(props, "id");
-  const idSuffix = toRef(props, "idSuffix");
-  const itemIndex = toRef(props, "itemIndex");
-
-  const valueLocal = computed(() => {
-    return dataItem.value[AKeyId];
-  });
-
-  const labelLocal = computed(() => {
-    return dataItem.value[AKeyLabel];
-  });
-
-  const idSuffixLocal = computed(() => {
-    if (idSuffix.value) {
-      return `_${ idSuffix.value }`;
-    }
-    return "";
-  });
-
-  const idLocal = computed(() => {
-    return `${ id.value }_${ itemIndex.value }${ idSuffixLocal.value }`;
-  });
-
-  return {
-    idLocal,
-    labelLocal,
-    valueLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AKeyId from "../../const/AKeyId";
+import AKeyLabel from "../../const/AKeyLabel";
+
+export default function UiCheckboxRadioItemAPI(props) {
+  const dataItem = toRef(props, "dataItem");
+  const id = toRef(props, "id");
+  const idSuffix = toRef(props, "idSuffix");
+  const itemIndex = toRef(props, "itemIndex");
+
+  const valueLocal = computed(() => {
+    return dataItem.value[AKeyId];
+  });
+
+  const labelLocal = computed(() => {
+    return dataItem.value[AKeyLabel];
+  });
+
+  const idSuffixLocal = computed(() => {
+    if (idSuffix.value) {
+      return `_${ idSuffix.value }`;
+    }
+    return "";
+  });
+
+  const idLocal = computed(() => {
+    return `${ id.value }_${ itemIndex.value }${ idSuffixLocal.value }`;
+  });
+
+  return {
+    idLocal,
+    labelLocal,
+    valueLocal,
+  };
+}

package/src/ui/compositionApi/UiDataSortAPI.js

@@ -1,26 +1,26 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AKeyLabel from "../../const/AKeyLabel";
-import {
-  orderBy,
-} from "lodash-es";
-
-export default function UiDataSortAPI(props, {
-  data = computed(() => []),
-}) {
-  const sortOrder = toRef(props, "sortOrder");
-
-  const dataSort = computed(() => {
-    if (sortOrder.value) {
-      return orderBy(data.value, [AKeyLabel], [sortOrder.value]);
-    }
-    return data.value;
-  });
-
-  return {
-    dataSort,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AKeyLabel from "../../const/AKeyLabel";
+import {
+  orderBy,
+} from "lodash-es";
+
+export default function UiDataSortAPI(props, {
+  data = computed(() => []),
+}) {
+  const sortOrder = toRef(props, "sortOrder");
+
+  const dataSort = computed(() => {
+    if (sortOrder.value) {
+      return orderBy(data.value, [AKeyLabel], [sortOrder.value]);
+    }
+    return data.value;
+  });
+
+  return {
+    dataSort,
+  };
+}

package/src/ui/compositionApi/UiDataWatchEmitAPI.js

@@ -1,18 +1,18 @@
-import {
-  computed,
-  watch,
-} from "vue";
-
-export default function UiDataWatchEmitAPI({ emit }, {
-  dataKeyByKeyIdLocal = computed(() => ({})),
-  dataLocal = computed(() => ({})),
-}) {
-  watch(dataLocal, () => {
-    emit("updateData", {
-      dataKeyByKeyId: dataKeyByKeyIdLocal.value,
-    });
-  }, {
-    immediate: true,
-    deep: true,
-  });
-}
+import {
+  computed,
+  watch,
+} from "vue";
+
+export default function UiDataWatchEmitAPI({ emit }, {
+  dataKeyByKeyIdLocal = computed(() => ({})),
+  dataLocal = computed(() => ({})),
+}) {
+  watch(dataLocal, () => {
+    emit("updateData", {
+      dataKeyByKeyId: dataKeyByKeyIdLocal.value,
+    });
+  }, {
+    immediate: true,
+    deep: true,
+  });
+}

package/src/ui/compositionApi/UiDisabledElementAPI.js

@@ -4,7 +4,8 @@ import {
 } from "vue";
 
 import {
-  get, isFunction,
+  get,
+  isFunction,
 } from "lodash-es";
 
 export default function UiDisabledElementAPI(props) {

package/src/ui/compositionApi/UiErrorsAPI.js

@@ -1,37 +1,37 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  isArray,
-  isString,
-  size,
-} from "lodash-es";
-
-export default function UiErrorsAPI(props, {
-  htmlIdLocal = computed(() => ""),
-}) {
-  const errors = toRef(props, "errors");
-  const isErrors = computed(() => {
-    if (!errors.value) {
-      return false;
-    }
-    if (isString(errors.value)) {
-      return true;
-    }
-    if (isArray(errors.value)) {
-      return !!size(errors.value);
-    }
-    return false;
-  });
-
-  const errorsId = computed(() => {
-    return `${ htmlIdLocal.value }_errors_text`;
-  });
-
-  return {
-    errorsId,
-    isErrors,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  isArray,
+  isString,
+  size,
+} from "lodash-es";
+
+export default function UiErrorsAPI(props, {
+  htmlIdLocal = computed(() => ""),
+}) {
+  const errors = toRef(props, "errors");
+  const isErrors = computed(() => {
+    if (!errors.value) {
+      return false;
+    }
+    if (isString(errors.value)) {
+      return true;
+    }
+    if (isArray(errors.value)) {
+      return !!size(errors.value);
+    }
+    return false;
+  });
+
+  const errorsId = computed(() => {
+    return `${ htmlIdLocal.value }_errors_text`;
+  });
+
+  return {
+    errorsId,
+    isErrors,
+  };
+}

package/src/ui/compositionApi/UiInputAutofillAPI.js

@@ -1,41 +1,41 @@
-import {
-  onBeforeUnmount,
-  onMounted,
-  ref,
-} from "vue";
-
-export default function UiInputAutofillAPI({
-  inputRef = ref(undefined),
-}) {
-  const isAutofill = ref(undefined);
-  const onAutoFillStart = () => {
-    isAutofill.value = true;
-  };
-
-  const onAutoFillCancel = () => {
-    isAutofill.value = false;
-  };
-
-  const onAnimationstart = $event => {
-    switch ($event.animationName) {
-    case "onAutoFillStart":
-      return onAutoFillStart();
-    case "onAutoFillCancel":
-      return onAutoFillCancel();
-    }
-  };
-
-  onMounted(() => {
-    inputRef.value && inputRef.value.addEventListener("animationstart", onAnimationstart);
-  });
-
-  onBeforeUnmount(() => {
-    inputRef.value &&
-    inputRef.value.removeEventListener &&
-    inputRef.value.removeEventListener("animationstart", onAnimationstart);
-  });
-
-  return {
-    isAutofill,
-  };
-}
+import {
+  onBeforeUnmount,
+  onMounted,
+  ref,
+} from "vue";
+
+export default function UiInputAutofillAPI({
+  inputRef = ref(undefined),
+}) {
+  const isAutofill = ref(undefined);
+  const onAutoFillStart = () => {
+    isAutofill.value = true;
+  };
+
+  const onAutoFillCancel = () => {
+    isAutofill.value = false;
+  };
+
+  const onAnimationstart = $event => {
+    switch ($event.animationName) {
+    case "onAutoFillStart":
+      return onAutoFillStart();
+    case "onAutoFillCancel":
+      return onAutoFillCancel();
+    }
+  };
+
+  onMounted(() => {
+    inputRef.value && inputRef.value.addEventListener("animationstart", onAnimationstart);
+  });
+
+  onBeforeUnmount(() => {
+    inputRef.value &&
+    inputRef.value.removeEventListener &&
+    inputRef.value.removeEventListener("animationstart", onAnimationstart);
+  });
+
+  return {
+    isAutofill,
+  };
+}

package/src/ui/compositionApi/UiLoadingAPI.js

@@ -1,19 +1,19 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-export default function UiLoadingAPI(props, {
-  loadingDataFromServer = ref(false),
-}) {
-  const loading = toRef(props, "loading");
-
-  const loadingLocal = computed(() => {
-    return !!(loading.value || loadingDataFromServer.value);
-  });
-
-  return {
-    loadingLocal,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+export default function UiLoadingAPI(props, {
+  loadingDataFromServer = ref(false),
+}) {
+  const loading = toRef(props, "loading");
+
+  const loadingLocal = computed(() => {
+    return !!(loading.value || loadingDataFromServer.value);
+  });
+
+  return {
+    loadingLocal,
+  };
+}

package/src/ui/compositionApi/UiTitleElementAPI.js

@@ -1,28 +1,28 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  get,
-} from "lodash-es";
-
-export default function UiTitleElementAPI(props) {
-  const dataItem = toRef(props, "dataItem");
-  const keyTitle = toRef(props, "keyTitle");
-  const keyTitleCallback = toRef(props, "keyTitleCallback");
-
-  const titleLocal = computed(() => {
-    if (keyTitleCallback.value) {
-      return keyTitleCallback.value({ item: dataItem.value });
-    }
-    if (keyTitle.value) {
-      return get(dataItem.value, keyTitle.value);
-    }
-    return undefined;
-  });
-
-  return {
-    titleLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  get,
+} from "lodash-es";
+
+export default function UiTitleElementAPI(props) {
+  const dataItem = toRef(props, "dataItem");
+  const keyTitle = toRef(props, "keyTitle");
+  const keyTitleCallback = toRef(props, "keyTitleCallback");
+
+  const titleLocal = computed(() => {
+    if (keyTitleCallback.value) {
+      return keyTitleCallback.value({ item: dataItem.value });
+    }
+    if (keyTitle.value) {
+      return get(dataItem.value, keyTitle.value);
+    }
+    return undefined;
+  });
+
+  return {
+    titleLocal,
+  };
+}