@volverjs/ui-vue 0.0.10-beta.44 → 0.0.10-beta.45

package/dist/components/index.es.js

@@ -4668,15 +4668,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const localModelValue = computed({
       get: () => {
         if (Array.isArray(props.modelValue)) {
-          return new Set(props.modelValue);
+          return props.modelValue;
         }
-        return props.modelValue !== void 0 && props.modelValue !== null ? /* @__PURE__ */ new Set([props.modelValue]) : /* @__PURE__ */ new Set();
+        return props.modelValue !== void 0 && props.modelValue !== null ? [props.modelValue] : [];
       },
       set: (value) => {
-        emit("update:modelValue", props.multiple || Array.isArray(props.modelValue) ? [...value] : [...value].pop());
+        emit("update:modelValue", props.multiple || Array.isArray(props.modelValue) ? value : value.pop());
       }
     });
-    const sizeOfModelValue = computed(() => localModelValue.value.size);
+    const sizeOfModelValue = computed(() => localModelValue.value.length);
     const isDirty = computed(() => sizeOfModelValue.value > 0);
     const hasMaxValues = computed(() => {
       if (!props.multiple) {
@@ -4694,7 +4694,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       if (!props.unselectable) {
         return false;
       }
-      return sizeOfModelValue.value > Number(props.minValues);
+      return Number(props.minValues) === 0 || sizeOfModelValue.value > Number(props.minValues);
     });
     const isSelectable = computed(() => {
       if (isDisabledOrReadonly.value) {
@@ -4752,7 +4752,16 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       });
     });
     function isOptionSelected(option) {
-      return localModelValue.value.has(getOptionValue(option));
+      const optionValue = getOptionValue(option);
+      if (typeof optionValue === "object") {
+        return localModelValue.value.some((item) => {
+          if (typeof item === "object") {
+            return JSON.stringify(item) === JSON.stringify(optionValue);
+          }
+          return false;
+        });
+      }
+      return localModelValue.value.includes(optionValue);
     }
     const selectedOptions = computed(() => {
       const options = props.options.reduce(
@@ -4776,15 +4785,20 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     }
     function onInput(option) {
       const isSelected = isOptionSelected(option);
+      const optionValue = getOptionValue(option);
       if (isSelected && isUnselectable.value) {
-        localModelValue.value.delete(getOptionValue(option));
+        localModelValue.value = localModelValue.value.filter((item) => {
+          if (typeof optionValue === "object" && typeof item === "object") {
+            return JSON.stringify(item) !== JSON.stringify(optionValue);
+          }
+          return item !== optionValue;
+        });
       } else if (!isSelected && isSelectable.value) {
         if (!props.multiple) {
-          localModelValue.value.clear();
+          localModelValue.value = [];
         }
-        localModelValue.value.add(getOptionValue(option));
+        localModelValue.value = [...localModelValue.value, optionValue];
       }
-      localModelValue.value = new Set(localModelValue.value);
       if (!props.multiple && !props.keepOpen) {
         collapse();
       }