From e9fdc6ef736660be28a1db8aba8b4e9b8e433473 Mon Sep 17 00:00:00 2001
From: Yongtae Park <samuel.park@megazone.com>
Date: Sat, 4 Jan 2025 00:26:05 +0900
Subject: [PATCH] fix(pivot): fix pivot fixed fiels bug

Signed-off-by: samuel.park <samuel.park@megazone.com>
---
 ...dgetFormDataTableCardTransformPivotForm.vue | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardTransformPivotForm.vue b/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardTransformPivotForm.vue
index 1d38025cda..0727dc3c65 100644
--- a/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardTransformPivotForm.vue
+++ b/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardTransformPivotForm.vue
@@ -73,7 +73,7 @@ const state = reactive({
         if (!state.proxyOperatorOptions.fields?.labels?.length) return true;
         if (!state.proxyOperatorOptions.fields?.column) return true;
         if (!state.proxyOperatorOptions.fields?.data) return true;
-        if (!state.proxyOperatorOptions.select && !state.proxyOperatorOptions.limit && state.proxyOperatorOptions?.fields?.column !== 'Date') return true;
+        if (!state.proxyOperatorOptions.select?.length && !state.proxyOperatorOptions.limit && state.proxyOperatorOptions?.fields?.column !== 'Date') return true;
         return false;
     }),
     columnFieldInvalid: computed<boolean>(() => {
@@ -150,15 +150,8 @@ const handleChangeValueType = (value: string) => {
     }
 };
 
-const handleSelectDynamicFields = (value?: MenuItem) => {
-    if (!value || !value.name) {
-        selectInfo.value = [];
-        return;
-    }
-    selectInfo.value = [
-        ...(selectInfo.value ?? []),
-        value.name,
-    ];
+const handleSelectDynamicFields = (value?: MenuItem[]) => {
+    selectInfo.value = value?.map((item) => item.name as string) ?? [];
 };
 const handleUpdateLimit = (value: string) => {
     limitInfo.value = parseInt(value);
@@ -316,14 +309,15 @@ onMounted(() => {
                                            :menu="state.dynamicFieldItems"
                                            :selected="state.selectedDynamicFieldMenuItems"
                                            :loading="state.dynamicFieldLoading"
+                                           :invalid="!state.selectedDynamicFieldMenuItems.length"
                                            use-fixed-menu-style
                                            multi-selectable
                                            appearance-type="badge"
                                            show-select-marker
                                            show-clear-selection
                                            block
-                                           @select="handleSelectDynamicFields"
-                                           @clear-selection="handleSelectDynamicFields()"
+                                           @update:selected="handleSelectDynamicFields"
+                                           @clear-selection="handleSelectDynamicFields([])"
                         />
                         <p-text-input v-else-if="state.proxyOperatorOptions.fields?.column !== 'Date'"
                                       type="number"