aloha-vue 2.7.0 → 2.7.2

package/src/ui/ARouterLinkConfig/compositionAPI/DataFormAPI.js

@@ -1,100 +1,100 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function DataFormAPI(props, {
-  changeQueryModel = () => {},
-  changeRouteModel = () => {},
-  changeTargetModel = () => {},
-  childrenForParam = computed(() => []),
-  hasParam = computed(() => false),
-  htmlIdLocal = computed(() => ""),
-  routesLocal = computed(() => []),
-}) {
-  const helpTextParam = toRef(props, "helpTextParam");
-  const helpTextQuery = toRef(props, "helpTextQuery");
-  const helpTextRoute = toRef(props, "helpTextRoute");
-  const helpTextTarget = toRef(props, "helpTextTarget");
-  const keyIdRoute = toRef(props, "keyIdRoute");
-  const keyLabelCallbackRoute = toRef(props, "keyLabelCallbackRoute");
-  const keyLabelRoute = toRef(props, "keyLabelRoute");
-  const labelParam = toRef(props, "labelParam");
-  const labelQuery = toRef(props, "labelQuery");
-  const labelRoute = toRef(props, "labelRoute");
-  const labelTarget = toRef(props, "labelTarget");
-  const modelValue = toRef(props, "modelValue");
-  const readonlyDefaultParam = toRef(props, "readonlyDefaultParam");
-  const readonlyDefaultQuery = toRef(props, "readonlyDefaultQuery");
-  const readonlyDefaultRoute = toRef(props, "readonlyDefaultRoute");
-  const readonlyDefaultTarget = toRef(props, "readonlyDefaultTarget");
-  const required = toRef(props, "required");
-  const sortOrderRoute = toRef(props, "sortOrderRoute");
-  const targets = toRef(props, "targets");
-
-
-  const dataFormChildren = computed(() => {
-    return [
-      {
-        id: "route",
-        change: changeRouteModel,
-        data: routesLocal.value,
-        deselectable: true,
-        helpText: helpTextRoute.value,
-        idPrefix: htmlIdLocal.value,
-        isLabelFloat: false,
-        keyId: keyIdRoute.value,
-        keyLabel: keyLabelRoute.value,
-        keyLabelCallback: keyLabelCallbackRoute.value,
-        label: labelRoute.value,
-        readonlyDefault: readonlyDefaultRoute.value,
-        required: required.value,
-        search: true,
-        sortOrder: sortOrderRoute.value,
-        type: "select",
-      },
-      {
-        id: "param",
-        children: childrenForParam.value,
-        helpText: helpTextParam.value,
-        idPrefix: htmlIdLocal.value,
-        isRender: hasParam.value,
-        label: labelParam.value,
-        readonlyDefault: readonlyDefaultParam.value,
-        required: required.value,
-        type: "fieldset",
-      },
-      {
-        isHide: !modelValue.value?.route,
-        id: "query",
-        change: changeQueryModel,
-        heightCss: "100px",
-        helpText: helpTextQuery.value,
-        idPrefix: htmlIdLocal.value,
-        label: labelQuery.value,
-        readonlyDefault: readonlyDefaultQuery.value,
-        type: "json",
-      },
-      {
-        isHide: !modelValue.value?.route,
-        id: "target",
-        change: changeTargetModel,
-        data: targets.value,
-        deselectable: true,
-        helpText: helpTextTarget.value,
-        idPrefix: htmlIdLocal.value,
-        isLabelFloat: false,
-        keyId: "id",
-        keyLabel: "label",
-        label: labelTarget.value,
-        readonlyDefault: readonlyDefaultTarget.value,
-        translateData: true,
-        type: "select",
-      },
-    ];
-  });
-
-  return {
-    dataFormChildren,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function DataFormAPI(props, {
+  changeQueryModel = () => {},
+  changeRouteModel = () => {},
+  changeTargetModel = () => {},
+  childrenForParam = computed(() => []),
+  hasParam = computed(() => false),
+  htmlIdLocal = computed(() => ""),
+  routesLocal = computed(() => []),
+}) {
+  const helpTextParam = toRef(props, "helpTextParam");
+  const helpTextQuery = toRef(props, "helpTextQuery");
+  const helpTextRoute = toRef(props, "helpTextRoute");
+  const helpTextTarget = toRef(props, "helpTextTarget");
+  const keyIdRoute = toRef(props, "keyIdRoute");
+  const keyLabelCallbackRoute = toRef(props, "keyLabelCallbackRoute");
+  const keyLabelRoute = toRef(props, "keyLabelRoute");
+  const labelParam = toRef(props, "labelParam");
+  const labelQuery = toRef(props, "labelQuery");
+  const labelRoute = toRef(props, "labelRoute");
+  const labelTarget = toRef(props, "labelTarget");
+  const modelValue = toRef(props, "modelValue");
+  const readonlyDefaultParam = toRef(props, "readonlyDefaultParam");
+  const readonlyDefaultQuery = toRef(props, "readonlyDefaultQuery");
+  const readonlyDefaultRoute = toRef(props, "readonlyDefaultRoute");
+  const readonlyDefaultTarget = toRef(props, "readonlyDefaultTarget");
+  const required = toRef(props, "required");
+  const sortOrderRoute = toRef(props, "sortOrderRoute");
+  const targets = toRef(props, "targets");
+
+
+  const dataFormChildren = computed(() => {
+    return [
+      {
+        id: "route",
+        change: changeRouteModel,
+        data: routesLocal.value,
+        deselectable: true,
+        helpText: helpTextRoute.value,
+        idPrefix: htmlIdLocal.value,
+        isLabelFloat: false,
+        keyId: keyIdRoute.value,
+        keyLabel: keyLabelRoute.value,
+        keyLabelCallback: keyLabelCallbackRoute.value,
+        label: labelRoute.value,
+        readonlyDefault: readonlyDefaultRoute.value,
+        required: required.value,
+        search: true,
+        sortOrder: sortOrderRoute.value,
+        type: "select",
+      },
+      {
+        id: "param",
+        children: childrenForParam.value,
+        helpText: helpTextParam.value,
+        idPrefix: htmlIdLocal.value,
+        isRender: hasParam.value,
+        label: labelParam.value,
+        readonlyDefault: readonlyDefaultParam.value,
+        required: required.value,
+        type: "fieldset",
+      },
+      {
+        isHide: !modelValue.value?.route,
+        id: "query",
+        change: changeQueryModel,
+        heightCss: "100px",
+        helpText: helpTextQuery.value,
+        idPrefix: htmlIdLocal.value,
+        label: labelQuery.value,
+        readonlyDefault: readonlyDefaultQuery.value,
+        type: "json",
+      },
+      {
+        isHide: !modelValue.value?.route,
+        id: "target",
+        change: changeTargetModel,
+        data: targets.value,
+        deselectable: true,
+        helpText: helpTextTarget.value,
+        idPrefix: htmlIdLocal.value,
+        isLabelFloat: false,
+        keyId: "id",
+        keyLabel: "label",
+        label: labelTarget.value,
+        readonlyDefault: readonlyDefaultTarget.value,
+        translateData: true,
+        type: "select",
+      },
+    ];
+  });
+
+  return {
+    dataFormChildren,
+  };
+}

package/src/ui/ASelect/ASelectElement/compositionAPI/CheckedAPI.js

@@ -1,22 +1,22 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function CheckedAPI(props, {
-  valueLocal = computed(() => undefined),
-}) {
-  const type = toRef(props, "type");
-  const modelValue = toRef(props, "modelValue");
-
-  const isChecked = computed(() => {
-    if (type.value === "multiselect") {
-      return !!(modelValue.value && modelValue.value.indexOf(valueLocal.value) !== -1);
-    }
-    return modelValue.value === valueLocal.value;
-  });
-
-  return {
-    isChecked,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function CheckedAPI(props, {
+  valueLocal = computed(() => undefined),
+}) {
+  const type = toRef(props, "type");
+  const modelValue = toRef(props, "modelValue");
+
+  const isChecked = computed(() => {
+    if (type.value === "multiselect") {
+      return !!(modelValue.value && modelValue.value.indexOf(valueLocal.value) !== -1);
+    }
+    return modelValue.value === valueLocal.value;
+  });
+
+  return {
+    isChecked,
+  };
+}

package/src/ui/ASelect/ASelectElement/compositionAPI/EventsAPI.js

@@ -1,39 +1,39 @@
-import {
-  computed,
-} from "vue";
-
-import AKeysCode from "../../../../const/AKeysCode";
-
-export default function EventsAPI(props, { emit }, {
-  disabledElement = computed(() => undefined),
-  isChecked = computed(() => false),
-  valueLocal = computed(() => undefined),
-}) {
-  const onClick = $event => {
-    if (disabledElement.value) {
-      return;
-    }
-    emit("changeModelValue", {
-      currentValue: valueLocal.value,
-      $event,
-      isSelected: isChecked.value,
-    });
-    $event.stopPropagation();
-    $event.preventDefault();
-  };
-
-  const onKeydown = $event => {
-    if (disabledElement.value) {
-      return;
-    }
-    if ($event.keyCode === AKeysCode.enter ||
-      $event.keyCode === AKeysCode.space) {
-      onClick($event);
-    }
-  };
-
-  return {
-    onClick,
-    onKeydown,
-  };
-}
+import {
+  computed,
+} from "vue";
+
+import AKeysCode from "../../../../const/AKeysCode";
+
+export default function EventsAPI(props, { emit }, {
+  disabledElement = computed(() => undefined),
+  isChecked = computed(() => false),
+  valueLocal = computed(() => undefined),
+}) {
+  const onClick = $event => {
+    if (disabledElement.value) {
+      return;
+    }
+    emit("changeModelValue", {
+      currentValue: valueLocal.value,
+      $event,
+      isSelected: isChecked.value,
+    });
+    $event.stopPropagation();
+    $event.preventDefault();
+  };
+
+  const onKeydown = $event => {
+    if (disabledElement.value) {
+      return;
+    }
+    if ($event.keyCode === AKeysCode.enter ||
+      $event.keyCode === AKeysCode.space) {
+      onClick($event);
+    }
+  };
+
+  return {
+    onClick,
+    onKeydown,
+  };
+}

package/src/ui/ASelect/compositionAPI/DividerAPI.js

@@ -1,19 +1,19 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function DividerAPI(props, {
-  isMultiselect = computed(() => false),
-}) {
-  const isSelectAll = toRef(props, "isSelectAll");
-  const isDeselectAll = toRef(props, "isDeselectAll");
-
-  const isDividerSelectDeselectVisible = computed(() => {
-    return isMultiselect.value && (isSelectAll.value || isDeselectAll.value);
-  });
-
-  return {
-    isDividerSelectDeselectVisible,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function DividerAPI(props, {
+  isMultiselect = computed(() => false),
+}) {
+  const isSelectAll = toRef(props, "isSelectAll");
+  const isDeselectAll = toRef(props, "isDeselectAll");
+
+  const isDividerSelectDeselectVisible = computed(() => {
+    return isMultiselect.value && (isSelectAll.value || isDeselectAll.value);
+  });
+
+  return {
+    isDividerSelectDeselectVisible,
+  };
+}

package/src/ui/ASelect/i18n/ASelectI18n.js

@@ -1,19 +1,19 @@
-import ar from "./ar.json";
-import de from "./de.json";
-import en from "./en.json";
-import es from "./es.json";
-import fr from "./fr.json";
-import hr from "./hr.json";
-import it from "./it.json";
-import ru from "./ru.json";
-
-export default {
-  ar,
-  de,
-  en,
-  es,
-  fr,
-  hr,
-  it,
-  ru,
-};
+import ar from "./ar.json";
+import de from "./de.json";
+import en from "./en.json";
+import es from "./es.json";
+import fr from "./fr.json";
+import hr from "./hr.json";
+import it from "./it.json";
+import ru from "./ru.json";
+
+export default {
+  ar,
+  de,
+  en,
+  es,
+  fr,
+  hr,
+  it,
+  ru,
+};

package/src/ui/ASwitch/compositionAPI/CheckedAPI.js

@@ -1,22 +1,22 @@
-import {
-  computed,
-} from "vue";
-
-export default function CheckedAPI({
-  isModelFalse = computed(() => false),
-  isModelTrue = computed(() => false),
-}) {
-  const isChecked = computed(() => {
-    if (isModelTrue.value) {
-      return true;
-    }
-    if (isModelFalse.value) {
-      return false;
-    }
-    return undefined;
-  });
-
-  return {
-    isChecked,
-  };
-}
+import {
+  computed,
+} from "vue";
+
+export default function CheckedAPI({
+  isModelFalse = computed(() => false),
+  isModelTrue = computed(() => false),
+}) {
+  const isChecked = computed(() => {
+    if (isModelTrue.value) {
+      return true;
+    }
+    if (isModelFalse.value) {
+      return false;
+    }
+    return undefined;
+  });
+
+  return {
+    isChecked,
+  };
+}

package/src/ui/ASwitch/compositionAPI/ModelAPI.js

@@ -1,30 +1,30 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function ModelAPI(props) {
-  const modelValue = toRef(props, "modelValue");
-  const trueValue = toRef(props, "trueValue");
-  const falseValue = toRef(props, "falseValue");
-
-  const isModelTrue = computed(() => {
-    return modelValue.value === trueValue.value ||
-      modelValue.value === "true";
-  });
-
-  const isModelFalse = computed(() => {
-    return modelValue.value === falseValue.value ||
-      modelValue.value === "false";
-  });
-
-  const isModelDefault = computed(() => {
-    return !isModelTrue.value && !isModelFalse.value;
-  });
-
-  return {
-    isModelDefault,
-    isModelFalse,
-    isModelTrue,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function ModelAPI(props) {
+  const modelValue = toRef(props, "modelValue");
+  const trueValue = toRef(props, "trueValue");
+  const falseValue = toRef(props, "falseValue");
+
+  const isModelTrue = computed(() => {
+    return modelValue.value === trueValue.value ||
+      modelValue.value === "true";
+  });
+
+  const isModelFalse = computed(() => {
+    return modelValue.value === falseValue.value ||
+      modelValue.value === "false";
+  });
+
+  const isModelDefault = computed(() => {
+    return !isModelTrue.value && !isModelFalse.value;
+  });
+
+  return {
+    isModelDefault,
+    isModelFalse,
+    isModelTrue,
+  };
+}

package/src/ui/ASwitch/compositionAPI/OnInputAPI.js

@@ -1,51 +1,51 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import AKeysCode from "../../../const/AKeysCode";
-
-export default function OnInputAPI(props, {
-  changeModel = () => {},
-  isModelFalse = computed(() => false),
-  isModelTrue = computed(() => false),
-}) {
-  const defaultValue = toRef(props, "defaultValue");
-  const disabled = toRef(props, "disabled");
-  const falseValue = toRef(props, "falseValue");
-  const isThreeState = toRef(props, "isThreeState");
-  const trueValue = toRef(props, "trueValue");
-
-  const onInput = $event => {
-    if (disabled.value) {
-      return;
-    }
-    let model;
-    if (isModelTrue.value) {
-      model = falseValue.value;
-    } else if (isThreeState.value && isModelFalse.value) {
-      model = defaultValue.value;
-    } else {
-      model = trueValue.value;
-    }
-
-    changeModel({
-      model,
-      $event,
-    });
-  };
-
-  const onKeydown = $event => {
-    if ($event.keyCode === AKeysCode.enter ||
-      $event.keyCode === AKeysCode.space) {
-      onInput($event);
-      $event.stopPropagation();
-      $event.preventDefault();
-    }
-  };
-
-  return {
-    onInput,
-    onKeydown,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import AKeysCode from "../../../const/AKeysCode";
+
+export default function OnInputAPI(props, {
+  changeModel = () => {},
+  isModelFalse = computed(() => false),
+  isModelTrue = computed(() => false),
+}) {
+  const defaultValue = toRef(props, "defaultValue");
+  const disabled = toRef(props, "disabled");
+  const falseValue = toRef(props, "falseValue");
+  const isThreeState = toRef(props, "isThreeState");
+  const trueValue = toRef(props, "trueValue");
+
+  const onInput = $event => {
+    if (disabled.value) {
+      return;
+    }
+    let model;
+    if (isModelTrue.value) {
+      model = falseValue.value;
+    } else if (isThreeState.value && isModelFalse.value) {
+      model = defaultValue.value;
+    } else {
+      model = trueValue.value;
+    }
+
+    changeModel({
+      model,
+      $event,
+    });
+  };
+
+  const onKeydown = $event => {
+    if ($event.keyCode === AKeysCode.enter ||
+      $event.keyCode === AKeysCode.space) {
+      onInput($event);
+      $event.stopPropagation();
+      $event.preventDefault();
+    }
+  };
+
+  return {
+    onInput,
+    onKeydown,
+  };
+}