aloha-vue 2.1.13 → 2.3.0

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

@@ -15,6 +15,7 @@ export default function ModelAPI(props, {
   dataKeyByKeyIdLocal = computed(() => ({})),
 }) {
   const countMultiselect = toRef(props, "countMultiselect");
+  const exclusiveOptionValue = toRef(props, "exclusiveOptionValue");
   const modelValue = toRef(props, "modelValue");
   const type = toRef(props, "type");
 
@@ -28,7 +29,7 @@ export default function ModelAPI(props, {
     }
 
     return filter(modelValue.value, currentModel => {
-      return dataKeyByKeyIdLocal.value[currentModel];
+      return dataKeyByKeyIdLocal.value[currentModel] || currentModel === exclusiveOptionValue.value;
     });
   });
 

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

@@ -16,11 +16,15 @@ export default function ModelChangeAPI(props, {
   changeModel = () => {},
   dataAll = computed(() => []),
   dataKeyByKeyIdLocal = computed(() => ({})),
+  disabledLocal = computed(() => false),
   isMultiselect = computed(() => false),
   togglePopover = () => {},
 }) {
   const countMultiselect = toRef(props, "countMultiselect");
+  const disabled = toRef(props, "disabled");
+  const exclusiveOptionValue = toRef(props, "exclusiveOptionValue");
   const isCloseByClick = toRef(props, "isCloseByClick");
+  const isExclusiveOptionEnabled = toRef(props, "isExclusiveOptionEnabled");
   const deselectable = toRef(props, "deselectable");
   const maxCountMultiselect = toRef(props, "maxCountMultiselect");
   const modelValue = toRef(props, "modelValue");
@@ -47,6 +51,11 @@ export default function ModelChangeAPI(props, {
       if (isSelected) {
         const INDEX = modelValueLocal.indexOf(currentValue);
         modelValueLocal.splice(INDEX, 1);
+        if (isExclusiveOptionEnabled.value && currentValue === exclusiveOptionValue.value) {
+          modelValueLocal = [];
+        }
+      } else if (isExclusiveOptionEnabled.value && currentValue === exclusiveOptionValue.value) {
+        modelValueLocal = [currentValue];
       } else {
         if (isMaxSelected.value) {
           return;
@@ -83,6 +92,10 @@ export default function ModelChangeAPI(props, {
   };
 
   const onSelectAll = () => {
+    if (disabledLocal.value) {
+      return;
+    }
+
     const MODEL = dataAll.value.map(item => item[AKeyId]);
     changeModel({
       model: MODEL,
@@ -99,6 +112,10 @@ export default function ModelChangeAPI(props, {
   };
 
   const onDeselectAll = () => {
+    if (disabled.value) {
+      return;
+    }
+
     changeModel({
       model: [],
     });

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

@@ -25,6 +25,10 @@ const ELEMENTS_FOR_ARROWS = ".a_select__element_clickable:not([disabled]):not([d
 
 export default function ToggleAPI(props, {
   emit,
+}, {
+  closePopup = () => {},
+  htmlIdLocal = computed(() => ""),
+  openPopup = () => {},
 }) {
   const disabled = toRef(props, "disabled");
   const menuWidthType = toRef(props, "menuWidthType");
@@ -113,6 +117,9 @@ export default function ToggleAPI(props, {
   };
 
   const onOpen = () => {
+    openPopup({
+      id: htmlIdLocal.value,
+    });
     emit("open");
   };
 
@@ -228,6 +235,9 @@ export default function ToggleAPI(props, {
     destroyPopover();
     destroyEventClickOutside();
     destroyEventPressArrows();
+    closePopup({
+      id: htmlIdLocal.value,
+    });
   }
 
   onBeforeUnmount(() => destroyEventPressArrows());

package/src/ui/ASelect/i18n/ar.json

@@ -1,6 +1,7 @@
 {
+  "_A_SELECT_EXCLUSIVE_": "اختر هذا الخيار فقط",
   "_A_SELECT_HAS_NOT_ELEMENTS_WITH_SEARCH_": "[No choices]",
-  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_MORE_SELECTED_{{count}}_": "+ {{count}} selected",
+  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_SELECTED_{{count}}_": "{{count}} selected"
 }

package/src/ui/ASelect/i18n/de.json

@@ -1,6 +1,7 @@
 {
+  "_A_SELECT_EXCLUSIVE_": "Nur diese Option auswählen",
   "_A_SELECT_HAS_NOT_ELEMENTS_WITH_SEARCH_": "[Keine Auswahl]",
-  "_A_SELECT_SEARCH_": "Suche",
   "_A_SELECT_MORE_SELECTED_{{count}}_": "+ {{count}} ausgewählt",
+  "_A_SELECT_SEARCH_": "Suche",
   "_A_SELECT_SELECTED_{{count}}_": "{{count}} ausgewählt"
 }

package/src/ui/ASelect/i18n/en.json

@@ -1,6 +1,7 @@
 {
+  "_A_SELECT_EXCLUSIVE_": "Select only this option",
   "_A_SELECT_HAS_NOT_ELEMENTS_WITH_SEARCH_": "[No choices]",
-  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_MORE_SELECTED_{{count}}_": "+ {{count}} selected",
+  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_SELECTED_{{count}}_": "{{count}} selected"
 }

package/src/ui/ASelect/i18n/es.json

@@ -1,6 +1,7 @@
 {
+  "_A_SELECT_EXCLUSIVE_": "Seleccionar solo esta opción",
   "_A_SELECT_HAS_NOT_ELEMENTS_WITH_SEARCH_": "[No choices]",
-  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_MORE_SELECTED_{{count}}_": "+ {{count}} selected",
+  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_SELECTED_{{count}}_": "{{count}} selected"
 }

package/src/ui/ASelect/i18n/fr.json

@@ -1,6 +1,7 @@
 {
+  "_A_SELECT_EXCLUSIVE_": "Sélectionner uniquement cette option",
   "_A_SELECT_HAS_NOT_ELEMENTS_WITH_SEARCH_": "[No choices]",
-  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_MORE_SELECTED_{{count}}_": "+ {{count}} selected",
+  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_SELECTED_{{count}}_": "{{count}} selected"
 }

package/src/ui/ASelect/i18n/hr.json

@@ -1,6 +1,7 @@
 {
+  "_A_SELECT_EXCLUSIVE_": "Odaberi samo ovu opciju",
   "_A_SELECT_HAS_NOT_ELEMENTS_WITH_SEARCH_": "[No choices]",
-  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_MORE_SELECTED_{{count}}_": "+ {{count}} selected",
+  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_SELECTED_{{count}}_": "{{count}} selected"
 }

package/src/ui/ASelect/i18n/it.json

@@ -1,6 +1,7 @@
 {
+  "_A_SELECT_EXCLUSIVE_": "Seleziona solo questa opzione",
   "_A_SELECT_HAS_NOT_ELEMENTS_WITH_SEARCH_": "[No choices]",
-  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_MORE_SELECTED_{{count}}_": "+ {{count}} selected",
+  "_A_SELECT_SEARCH_": "Search",
   "_A_SELECT_SELECTED_{{count}}_": "{{count}} selected"
 }

package/src/ui/ASelect/i18n/ru.json

@@ -1,6 +1,7 @@
 {
+  "_A_SELECT_EXCLUSIVE_": "Выбрать только этот вариант",
   "_A_SELECT_HAS_NOT_ELEMENTS_WITH_SEARCH_": "[Нет элементов для выбора]",
-  "_A_SELECT_SEARCH_": "Поиск",
   "_A_SELECT_MORE_SELECTED_{{count}}_": "+ {{count}} выбрано",
+  "_A_SELECT_SEARCH_": "Поиск",
   "_A_SELECT_SELECTED_{{count}}_": "{{count}} выбрано"
 }

package/src/ui/compositionApi/UiSearchAPI.js

@@ -18,6 +18,7 @@ import {
 export default function UiSearchAPI(props, { emit }, {
   data = computed(() => []),
   dataExtra = computed(() => []),
+  exclusiveOption = computed(() => undefined),
   groupsForLever = computed(() => undefined),
   hasKeyGroup = computed(() => false),
   htmlIdLocal = computed(() => ""),
@@ -35,6 +36,7 @@ export default function UiSearchAPI(props, { emit }, {
   const searching = ref(false);
   const searchingElements = ref({});
   const searchingElementsExtra = ref({});
+  const searchingElementsExclusive = ref({});
   const searchingGroups = ref({});
   const searchingGroupsWithSearchInGroup = ref({});
   const searchOutsideRef = ref(undefined);
@@ -107,6 +109,7 @@ export default function UiSearchAPI(props, { emit }, {
   const setElementsVisibleWithSearch = () => {
     const ELEMENTS_EXTRA_VISIBLE = {};
     const ELEMENTS_VISIBLE = {};
+    const ELEMENTS_EXCLUSIVE_VISIBLE = {};
     const GROUPS_VISIBLE = {};
     if (modelSearch.value) {
       searching.value = true;
@@ -144,14 +147,27 @@ export default function UiSearchAPI(props, { emit }, {
           ELEMENTS_EXTRA_VISIBLE[ELEMENT_ID] = true;
         }
       });
+      if (exclusiveOption.value) {
+        const ELEMENT_LABEL = exclusiveOption.value[AKeyLabel];
+        const ELEMENT_ID = exclusiveOption.value[AKeyId];
+        if (`${ ELEMENT_LABEL }`.search(modelSearchRE.value) !== -1) {
+          ELEMENTS_EXCLUSIVE_VISIBLE[ELEMENT_ID] = true;
+        }
+      }
     } else {
       searching.value = false;
     }
     searchingElements.value = ELEMENTS_VISIBLE;
     searchingElementsExtra.value = ELEMENTS_EXTRA_VISIBLE;
+    searchingElementsExclusive.value = ELEMENTS_EXCLUSIVE_VISIBLE;
     searchingGroups.value = GROUPS_VISIBLE;
   };
 
+  const hasNotElementsExclusiveWithSearch = computed(() => {
+    return !!(searching.value &&
+      isEmpty(searchingElementsExclusive.value));
+  });
+
   const hasNotElementsExtraWithSearch = computed(() => {
     return !!(searching.value &&
       isEmpty(searchingElementsExtra.value));
@@ -161,6 +177,7 @@ export default function UiSearchAPI(props, { emit }, {
     return !!(searching.value &&
       isEmpty(searchingElements.value) &&
       hasNotElementsExtraWithSearch.value &&
+      hasNotElementsExclusiveWithSearch.value &&
       !hasAtLeastOneElementInGroupSearch.value);
   });
 
@@ -193,6 +210,7 @@ export default function UiSearchAPI(props, { emit }, {
   };
 
   return {
+    hasNotElementsExclusiveWithSearch,
     hasNotElementsExtraWithSearch,
     hasNotElementsWithSearch,
     idForButtonSearchOutside,
@@ -202,6 +220,7 @@ export default function UiSearchAPI(props, { emit }, {
     onSearchOutside,
     searching,
     searchingElements,
+    searchingElementsExclusive,
     searchingElementsExtra,
     searchingGroups,
     searchingGroupsWithSearchInGroup,