@usssa/component-library 1.0.0-alpha.147 → 1.0.0-alpha.149

package/src/components/core/USelectStd.vue

@@ -173,7 +173,7 @@ const handleClose = () => {
 const handleInput = (event) => {
   if (event.type == 'input' && props.useInput && $screen.value.isMobile) {
     let inputElement = document.querySelector('.q-field__input')
-    event.preventDefault();
+    event.preventDefault()
     inputElement.value = ''
     handleClick(event)
   }
@@ -348,6 +348,7 @@ watch(
     <USheet
       v-if="$screen.isMobile"
       v-model:dialogs="dialogs"
+      dialogClass="select-sheet"
       :heading="sheetHeading"
       :heading-caption="caption"
       :show-action-buttons="true"
@@ -478,6 +479,27 @@ watch(
   .q-field__prepend
     padding-right: $xs
 
+.select-sheet
+  .sheet-card-wrapper .q-card__section .q-item
+    padding:$ba $ba !important
+    margin-bottom: $xs !important
+    border-radius: $sm !important
+    align-items: flex-start !important
+    .label
+      line-height: $ms !important
+    .q-icon
+      font-size: $ms !important
+    .q-focus-helper
+      display: none
+
+  .sheet-action-wrapper .action-buttons
+    gap: $ba !important
+    padding: $ba !important
+
+  .sheet-card-wrapper .main-content-dialog
+    padding-top: $xs !important
+    padding-bottom: $xs !important
+
 .u-options-menu
   border-radius: $xs
   box-shadow: $shadow-2
@@ -488,24 +510,4 @@ watch(
 .u-options-menu
   .q-item:last-child
     margin-bottom: $xxs
-
-.sheet-card-wrapper .q-card__section .q-item
-  padding:$ba $ba !important
-  margin-bottom: $xs !important
-  border-radius: $sm !important
-  align-items: flex-start !important
-  .label
-    line-height: $ms !important
-  .q-icon
-    font-size: $ms !important
-  .q-focus-helper
-    display: none
-
-.sheet-action-wrapper .action-buttons
-  gap: $ba !important
-  padding: $ba !important
-
-.sheet-card-wrapper .main-content-dialog
-  padding-top: $xs !important
-  padding-bottom: $xs !important
 </style>

package/src/components/core/USheet.vue

@@ -2,7 +2,7 @@
 import { onUnmounted, watch } from 'vue'
 import UBtnStd from './UBtnStd.vue'
 
-const emit = defineEmits(['onBackIconClick'])
+const emit = defineEmits(['onBackIconClick', 'onCloseDialog'])
 const dialogs = defineModel('dialogs', { default: () => [], type: Array })
 const props = defineProps({
   closeIcon: {
@@ -80,6 +80,7 @@ const handleCloseDialog = (index) => {
   setTimeout(() => {
     dialogs.value.splice(index, 1)
   }, 500)
+  emit('onCloseDialog')
 }
 
 const onDragEnd = () => {
@@ -194,7 +195,7 @@ watch(
       </div>
 
       <q-card-section class="column q-pt-none q-pb-xs q-px-ba q-mt-ba">
-        <div class="row items-start justify-between no-wrap">
+        <div class="row items-start justify-between no-wrap heading-row">
           <div class="heading-wrapper row">
             <div
               class="flex items-center justify-center dialog-heading-container"

package/src/components/core/UToolbar/UCustomMenuIcon.vue

@@ -9,8 +9,6 @@ const props = defineProps({
 const toggleDrawer = () => {
   emit('toggleDrawer')
 }
-
-console.log('menu', props.menuOpen)
 </script>
 
 <template>