classcard-ui 0.2.251 → 0.2.252

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.251",
+  "version": "0.2.252",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CSelect/CSelect.vue

@@ -43,9 +43,9 @@
             :type="icon.type"
             >
           </c-icon>
-          <span :class="showImage ? 'ml-3' : ''" class="block truncate">
-            {{ selectedValue ? selectedValue : 
-              selectSearch && selectSearch.length > 0 ? null : placeholder  
+          <span :class="showImage ? 'ml-3' : ''" class="block truncate text-sm">
+             {{ selectedValue ? selectedValue : 
+              !selectSearch || selectSearch == '' ? placeholder : null
             }}
           </span>
         </span>
@@ -136,6 +136,7 @@
 <script>
 import CIcon from "../CIcon/CIcon.vue";
 import CAvatar from "../CAvatar/CAvatar.vue";
+import { isNumber } from 'lodash';
 export default {
   name: "CSelect",
   components: { CIcon, CAvatar },
@@ -216,6 +217,7 @@ export default {
   },
   methods: {
     handleSelect(event, option) {
+      this.selectSearch = null;
       this.selectedValue = option[this.renderOptionName];
       this.$emit("onChangeValue", option);
       this.toggleDropdown = false;
@@ -224,18 +226,21 @@ export default {
       this.$emit("listAction", event);
     },
     close() {
+      this.selectSearch = null;
       this.toggleDropdown = false;
       this.type === "tertiary" ? (this.showFocus = false) : "";
     },
     search() {
+      this.selectedValue = null;
       if(!this.selectSearch && this.selectSearch == '') {
           this.renderOptions = this.options;
+          return;
       }
       let options = [...this.options];
       this.renderOptions = options.filter((option) => {
+        isNumber(option[this.renderOptionName]) ? option[this.renderOptionName] = option[this.renderOptionName].toString() : "";
         return option[this.renderOptionName].toLowerCase().includes(this.selectSearch.toLowerCase());
       });
-      console.log(this.renderOptions);
     }
   },
   watch: {