@usssa/component-library 1.0.0-alpha.176 → 1.0.0-alpha.178

package/README.md

@@ -1,4 +1,4 @@
-# Component Library v1.0.0-alpha.176
+# Component Library v1.0.0-alpha.177
 
 **This library provides custom UI components for USSSA applications**
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usssa/component-library",
-  "version": "1.0.0-alpha.176",
+  "version": "1.0.0-alpha.178",
   "description": "A Quasar component library project",
   "productName": "Quasar component library App",
   "author": "Engineering Team <engineering@usssa.com>",

package/src/components/core/UMultiSelectStd.vue

@@ -118,7 +118,7 @@ const selectedTab = defineModel('selectedTab', {
 
 const $screen = useScreenType()
 
-const cloneOptions = JSON.parse(JSON.stringify(options.value))
+let cloneOptions = JSON.parse(JSON.stringify(options.value))
 
 const chipModelVal = ref(true)
 const dialogs = ref([])
@@ -138,7 +138,7 @@ const filterSheetOptions = (val, update) => {
 
   const typeValue = val.toLowerCase()
   update(() => {
-    options.value = options.value.filter((option) =>
+    options.value = cloneOptions.filter((option) =>
       option.label.toLowerCase().includes(typeValue)
     )
   })
@@ -178,6 +178,7 @@ const handleClick = (event) => {
 const handleClose = () => {
   dialogs.value[0].open = false
   selectedItems.value = props.modelValue.length ? props.modelValue : []
+  options.value = cloneOptions
 }
 
 const handleSheetItemClick = (val) => {
@@ -229,6 +230,13 @@ const updateVal = (val) => {
   placeholderText.value = val.length ? '' : props.placeholder
 }
 
+watch(
+  () => dialogs.value[0]?.open,
+  () => {
+    options.value = cloneOptions
+  }
+)
+
 watch(
   () => props.placeholder,
   (value) => {
@@ -244,6 +252,10 @@ watch(
     }
   }
 )
+
+watch(selectedTab, () => {
+  cloneOptions = JSON.parse(JSON.stringify(options.value))
+})
 </script>
 
 <template>
@@ -564,6 +576,9 @@ watch(
   .q-field__prepend
     padding-right: $xs
 
+  .q-chip
+    padding-left: $xs !important
+
 .u-option-menu
   border-radius: $xs
   box-shadow: $shadow-2