@bildvitta/quasar-ui-asteroid 3.17.0-beta.13 → 3.17.0-beta.15

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.17.0-beta.13",
+  "version": "3.17.0-beta.15",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",

package/src/components/avatar/QasAvatar.vue

@@ -19,12 +19,7 @@ defineOptions({
 const props = defineProps({
   color: {
     type: String,
-    default: AvatarColors.Primary,
-    validator: value => {
-      const availableColors = Object.values(AvatarColors)
-
-      return availableColors.includes(value)
-    }
+    default: AvatarColors.Primary
   },
 
   size: {
@@ -42,6 +37,11 @@ const props = defineProps({
     type: String
   },
 
+  textColor: {
+    default: '',
+    type: String
+  },
+
   title: {
     default: '',
     type: String
@@ -62,7 +62,6 @@ const attributes = computed(() => {
     rounded,
     square,
     fontSize,
-    textColor,
     ...attributes
   } = attrs
 
@@ -76,7 +75,7 @@ const attributes = computed(() => {
   return {
     size: props.size,
     color: props.color,
-    textColor: colors[props.color],
+    textColor: colors[props.color] || props.textColor,
     ...attributes
   }
 })

package/src/components/board-generator/QasBoardGenerator.vue

@@ -167,7 +167,7 @@ const onConfirmDrop = ref(() => {})
 /**
  * Variável auxiliar que controla quando estou atualizando o header em caso de drag and drop
  */
-const isUpdatePosition = ref(false)
+const isUpdatingPosition = ref(false)
 
 // Consts
 const hasDragAndDrop = !!props.useDragAndDropX || !!props.useDragAndDropY
@@ -186,8 +186,9 @@ watch(
   value => {
     /**
      * isFetchSuccessHeader é uma variavel que pego do listView por inject/provide, no qual caso eu faça request do header e dê sucesso, eu chamo as demais funções.
+     * Valido se não houve sucesso na requisição do header ou se não é uma atualização de posição, para assim não bater novamente nas colunas apenas no header.
      */
-    if (!value) return
+    if (!value || isUpdatingPosition.value) return
 
     fetchColumnsValues()
   }
@@ -196,9 +197,9 @@ watch(
 watch(
   () => props.headers,
   () => {
-    if (!isUpdatePosition.value) return
+    if (isUpdatingPosition.value) return
 
-    isUpdatePosition.value = false
+    isUpdatingPosition.value = false
   }
 )
 
@@ -531,12 +532,16 @@ function onDropCard (event) {
   onConfirmDrop.value = () => confirmDrop(event)
 
   hasConfirmDialogProps.value
-    ? toggleConfirmDialog()
+    ? openConfirmDialog()
     : confirmDrop(event)
 }
 
-function toggleConfirmDialog () {
-  showConfirmDialog.value = !showConfirmDialog.value
+function openConfirmDialog () {
+  showConfirmDialog.value = true
+}
+
+function closeConfirmDialog () {
+  showConfirmDialog.value = false
 }
 
 /**
@@ -568,7 +573,7 @@ function cancelDrop (event) {
     event.from.insertBefore(event.item, insertBeforeElement)
   }
 
-  if (hasConfirmDialogProps.value) toggleConfirmDialog()
+  if (hasConfirmDialogProps.value) closeConfirmDialog()
 
   toggleIsDragging()
 }
@@ -652,10 +657,11 @@ async function updatePosition ({ newHeaderKey, oldHeaderKey, itemId, event }) {
 
   setItemList({ headerKey: newHeaderKey, data: data.data, index: event.newIndex })
 
-  isUpdatePosition.value = true
+  isUpdatingPosition.value = true
 
   toggleIsDragging()
-  toggleConfirmDialog()
+
+  closeConfirmDialog()
 
   emit('update-success')
 }

package/src/components/chart-view/QasChartView.vue

@@ -350,7 +350,7 @@ export default {
     this.handleFetchData()
   },
 
-  unmounted () {
+  beforeUnmount () {
     this.unregisterChartJS()
   },