@avakhula/ui 0.0.17 → 0.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/App.vue

@@ -8,10 +8,15 @@
 
   <button @click="changeValue">Change value</button>
   <button @click="changeValueInProps">Change value in props</button>
+
+  <ib-checkbox  @input="test1" class="hello"/>
 </template>
 
 <script>
 import IbSelect from "./components/TreeSelect/Select.vue";
+import IbCheckbox from "./components/Form/Checkbox/Checkbox.vue"
+
+
 const testData = [
   {
     id: "1",
@@ -69,8 +74,13 @@ export default {
   },
   components: {
     IbSelect,
+    IbCheckbox
   },
   methods: {
+    test1() {
+      console.log('test 1')
+    },
+
     changeValue() {
         console.log('test')
         this.test = testData[2].id

package/src/components/Form/Checkbox/Checkbox.vue

@@ -1,6 +1,6 @@
 <template>
   <label
-    :class="classes"
+    v-bind="attrs"
     :for="id"
     :tabindex="disabled ? -1 : 0"
     @keypress.prevent="onChange"
@@ -47,6 +47,7 @@
 </template>
 <script>
 import generateUID from "../../../helpers/generateUID";
+import removeEvents from "../../../helpers/removeEvents";
 import IbIcon from "../../Icon.vue";
 
 export default {
@@ -100,6 +101,7 @@ export default {
   methods: {
     onChange() {
       this.checked = !this.checked;
+      console.log('input')
       this.$emit("input", this.checked);
     },
   },
@@ -116,10 +118,18 @@ export default {
     indeterminate() {
       return this.isChecked === null;
     },
+    attrs() {
+      const attrsList = { ...removeEvents({ ...this.$attrs }) };
+
+      attrsList.class = [this.classes, attrsList.class];
+
+      return attrsList;
+    },
   },
   components: {
     IbIcon,
   },
+  inheritAttrs: false,
 };
 </script>