From 97d5b42652de3fb98d6c241abbc2c1f41f11618c Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 27 Feb 2025 20:48:09 +0330
Subject: [PATCH] added loading for select

---
 frontend/components/global/Select.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/components/global/Select.vue b/frontend/components/global/Select.vue
index 45f9d9c..459509b 100644
--- a/frontend/components/global/Select.vue
+++ b/frontend/components/global/Select.vue
@@ -9,6 +9,7 @@ type Props = {
     options?: string[];
     placeholder?: string;
     triggerRootClass?: string;
+    loading?: boolean;
 };
 
 type Emits = {
@@ -21,6 +22,7 @@ const props = withDefaults(defineProps<Props>(), {
     variant: "solid",
     disabled: false,
     placeholder: "وارد نشده",
+    loading: false,
 });
 
 const { modelValue, variant, error, triggerRootClass } = toRefs(props);
@@ -53,15 +55,25 @@ const classes = computed(() => {
 </script>
 
 <template>
-    <SelectRoot v-model="selectedValue" dir="rtl">
+    <SelectRoot
+        v-model="selectedValue"
+        dir="rtl"
+        :disabled="disabled || loading"
+    >
         <SelectTrigger :class="classes">
+            <slot v-if="!!$slots.trigger" name="trigger" />
+
             <SelectValue
+                v-else
                 :placeholder="placeholder"
                 v-bind="$attrs"
-                :class="selectedValue ? 'text-black' : 'text-slate-400'"
+                :class="selectedValue ? '!text-black' : 'text-slate-400'"
                 class="font-iran-yekan-x text-sm text-start placeholder-slate-400"
             />
-            <Icon name="bi:chevron-down" size="16" />
+            <Icon
+                :name="loading ? 'svg-spinners:3-dots-fade' : 'bi:chevron-down'"
+                size="16"
+            />
         </SelectTrigger>
 
         <SelectPortal>