aloha-vue 1.2.44 → 1.2.46

package/docs/src/views/Form/PageRadio/PageRadio.js

@@ -8,6 +8,7 @@ import PageRadioKeyDisabled from "./PageRadioKeyDisabled/PageRadioKeyDisabled.vu
 import PageRadioSearch from "./PageRadioSearch/PageRadioSearch.vue";
 import PageRadioTranslateData from "./PageRadioTranslateData/PageRadioTranslateData.vue";
 import PageRadioTwoColumns from "./PageRadioTwoColumns/PageRadioTwoColumns.vue";
+import PageRadioIsModelArray from "./PageRadioIsModelArray/PageRadioIsModelArray.vue";
 
 import PageTitleAPI from "./compositionAPI/PageTitleAPI";
 import PropsAPI from "./compositionAPI/PropsAPI";
@@ -28,6 +29,7 @@ export default {
     PageRadioSearch,
     PageRadioTranslateData,
     PageRadioTwoColumns,
+    PageRadioIsModelArray,
   },
   setup() {
     const {

package/docs/src/views/Form/PageRadio/PageRadio.pug

@@ -22,3 +22,5 @@ aloha-page(
     page-radio-collapse
 
     page-radio-data-extra
+
+    page-radio-is-model-array

package/docs/src/views/Form/PageRadio/PageRadioIsModelArray/PageRadioIsModelArray.js

@@ -0,0 +1,91 @@
+import {
+  ref,
+} from "vue";
+
+import AlohaExample from "../../../../global/components/AlohaExample/AlohaExample.vue";
+import ARadio from "../../../../../../src/ui/ARadio/ARadio";
+
+import HtmlAPI from "./compositionAPI/HtmlAPI";
+import JsAPI from "./compositionAPI/JsAPI";
+
+export default {
+  name: "PageRadioIsModelArray",
+  components: {
+    AlohaExample,
+    ARadio,
+  },
+  setup() {
+    const {
+      codeHtml,
+    } = HtmlAPI();
+
+    const {
+      codeJs,
+    } = JsAPI();
+
+    const data = [
+      {
+        label: "Aloha 0",
+        id: "aloha_0",
+        aloha: "",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 1",
+        id: "aloha_1",
+        aloha: "Buba",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 2",
+        id: "aloha_2",
+        aloha: "Buba",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 3",
+        id: "aloha_3",
+        aloha: "Sandra",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 4",
+        id: "aloha_4",
+        aloha: "Sandra",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 5",
+        id: "aloha_5",
+        aloha: "Coco",
+        alohaBR: "Düsseldorf",
+      },
+      {
+        label: "Aloha 6",
+        id: "aloha_6",
+        aloha: "Coco",
+        alohaBR: "Düsseldorf",
+      },
+      {
+        label: "Aloha 7",
+        id: "aloha_7",
+        aloha: "Alex",
+        alohaBR: "Düsseldorf",
+      },
+      {
+        label: "Aloha 8",
+        id: "aloha_8",
+        aloha: "Alex",
+        alohaBR: "Düsseldorf",
+      },
+    ];
+    const model = ref(undefined);
+
+    return {
+      codeHtml,
+      codeJs,
+      data,
+      model,
+    };
+  },
+};

package/docs/src/views/Form/PageRadio/PageRadioIsModelArray/PageRadioIsModelArray.pug

@@ -0,0 +1,20 @@
+aloha-example(
+  :code-html="codeHtml"
+  :code-js="codeJs"
+  header="_A_RADIO_GROUP_IS_MODEL_ARRAY_HEADER_"
+  description="_A_RADIO_GROUP_IS_MODEL_ARRAY_DESCRIPTION_"
+  props="isModelArray"
+)
+  .a_columns.a_columns_count_12
+    .a_column.a_column_6.a_columns_count_12_touch
+      a-radio(
+        v-model="model"
+        :data="data"
+        key-id="id"
+        key-label="label"
+        :key-group="['alohaBR', 'aloha']"
+        label="Aloha group"
+        :is-model-array="true"
+      )
+      div model: {{ model }}
+

package/docs/src/views/Form/PageRadio/PageRadioIsModelArray/PageRadioIsModelArray.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageRadioIsModelArray.pug"></template>
+<script src="./PageRadioIsModelArray.js"></script>

package/docs/src/views/Form/PageRadio/PageRadioIsModelArray/compositionAPI/HtmlAPI.js

@@ -0,0 +1,26 @@
+export default function HtmlAPI() {
+  const codeHtml = `<a-radio
+  v-model="model"
+  :data="data"
+  key-id="id"
+  key-label="label"
+  :key-group="['alohaBR', 'aloha']"
+  label="Aloha group"
+  :search="true"
+></a-radio>
+<div>model: {{ model }}</div>
+<a-radio
+  v-model="model"
+  class="a_mt_3"
+  :data="data"
+  key-id="id"
+  key-label="label"
+  label="Aloha"
+  :search="true"
+></a-radio>
+<div>model: {{ model }}</div>`;
+
+  return {
+    codeHtml,
+  };
+}

package/docs/src/views/Form/PageRadio/PageRadioIsModelArray/compositionAPI/JsAPI.js

@@ -0,0 +1,82 @@
+export default function JsAPI() {
+  const codeJs = `import {
+  ref,
+} from "vue";
+
+import ARadio from "aloha-vue/src/ui/ARadio/ARadio";
+    
+export default {
+  name: "PageRadioSearch",
+  components: {
+    ARadio,
+  },
+  setup() {
+    const data = [
+      {
+        label: "Aloha 0",
+        id: "aloha_0",
+        aloha: "",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 1",
+        id: "aloha_1",
+        aloha: "Buba",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 2",
+        id: "aloha_2",
+        aloha: "Buba",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 3",
+        id: "aloha_3",
+        aloha: "Sandra",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 4",
+        id: "aloha_4",
+        aloha: "Sandra",
+        alohaBR: "Köln",
+      },
+      {
+        label: "Aloha 5",
+        id: "aloha_5",
+        aloha: "Coco",
+        alohaBR: "Düsseldorf",
+      },
+      {
+        label: "Aloha 6",
+        id: "aloha_6",
+        aloha: "Coco",
+        alohaBR: "Düsseldorf",
+      },
+      {
+        label: "Aloha 7",
+        id: "aloha_7",
+        aloha: "Alex",
+        alohaBR: "Düsseldorf",
+      },
+      {
+        label: "Aloha 8",
+        id: "aloha_8",
+        aloha: "Alex",
+        alohaBR: "Düsseldorf",
+      },
+    ];
+    const model = ref(undefined);
+
+    return {
+      data,
+      model,
+    };
+  },
+};`;
+
+  return {
+    codeJs,
+  };
+}

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.44",
+  "version": "1.2.46",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/ui/ARadio/ARadio.js

@@ -398,6 +398,7 @@ export default {
       onChangeModelValue,
     } = ChangeAPI(props, {
       changeModel,
+      dataKeyByKeyIdLocal,
     });
 
     const {

package/src/ui/ARadio/ARadioItem/ARadioItem.js

@@ -68,7 +68,7 @@ export default {
       required: true,
     },
     modelValue: {
-      type: [String, Number, Boolean],
+      type: [String, Number, Boolean, Array],
       required: false,
     },
     searching: {

package/src/ui/ARadio/ARadioItem/compositionAPI/CheckedAPI.js

@@ -3,12 +3,19 @@ import {
   toRef,
 } from "vue";
 
+import {
+  isArray,
+} from "lodash-es";
+
 export default function CheckedAPI(props, {
   valueLocal = computed(() => undefined),
 }) {
   const modelValue = toRef(props, "modelValue");
 
   const isChecked = computed(() => {
+    if (isArray(modelValue.value)) {
+      return modelValue.value.indexOf(valueLocal.value) !== -1;
+    }
     return modelValue.value === valueLocal.value;
   });