classcard-ui 0.2.655 → 0.2.658

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.655",
+  "version": "0.2.658",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CTable/CTable.vue

@@ -356,6 +356,13 @@ export default {
       },
     });
     sortable.on("sortable:stop", (e) => this.rearrange(e.oldIndex, e.newIndex));
+    document.addEventListener("keydown", this.handleControlClick, true);
+    document.addEventListener("keyup", this.handleControlRelease, true);
+  },
+  destroyed() {
+    //to remove the event listener
+    document.removeEventListener("keydown", this.handleControlClick, true);
+    document.removeEventListener("keyup", this.handleControlRelease, true);
   },
   data() {
     return {
@@ -364,9 +371,22 @@ export default {
       searchTerm: "",
       paginationRecords: this.paginationData,
       reorderedArray: [...this.rows],
+      controlClick: false,
     };
   },
   methods: {
+    handleControlClick(event) {
+      if (event.keyCode === 17) {
+        event.preventDefault();
+        this.controlClick = true;
+      }
+    },
+    handleControlRelease(event) {
+      if (event.keyCode === 17) {
+        event.preventDefault();
+        this.controlClick = false;
+      }
+    },
     handleToggle() {
       this.toggleDropdown = !this.toggleDropdown;
     },
@@ -417,7 +437,11 @@ export default {
     },
     onRowClick(params) {
       if (params.event.target.type === undefined) {
-        this.$emit("onRowClickAction", params);
+        if (this.controlClick) {
+          this.$emit("onRowControlClickAction", params);
+        } else {
+          this.$emit("onRowClickAction", params);
+        }
       } else {
         return false;
       }