@avakhula/ui 0.0.39 → 0.0.41

package/package.json

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

package/src/App.vue

@@ -1,20 +1,14 @@
 <template>
-  <ib-select
-    :options="connections"
-    :is-required="true"
-    :is-multiple="false"
-    :show-clear-button="false"
-  >
-  </ib-select>
-
   <ib-select
     :options="roles"
     :is-required="true"
     :is-multiple="false"
     :show-clear-button="false"
-    :model-value="val"
+    v-model:model-value="value"
   >
   </ib-select>
+
+  <button @click="() => value = null">test</button>
 </template>
 
 <script>
@@ -23,7 +17,8 @@ import IbSelect from "./components/TreeSelect/Select.vue";
 export default {
   data() {
     return {
-      val: 1,
+      value: 1,
+      value1: "123",
       connections: [
         {
           id: 5,
@@ -85,6 +80,11 @@ export default {
   components: {
     IbSelect,
   },
+  watch: {
+    value(val) {
+      console.log('testsetset')
+    },
+  },
 };
 </script>
 

package/src/components/Form/Textarea/Textarea.vue

@@ -31,6 +31,9 @@ import IbCharacterCount from "../CharactersCount.vue";
 export default {
   name: "IbTextarea",
   props: {
+    modelValue: {
+      type: String,
+    },
     disabled: {
       type: Boolean,
       default: false,
@@ -58,9 +61,15 @@ export default {
       default: "",
     },
   },
+  watch: {
+    val(val) {
+      console.log('test')
+      this.$emit("update:modelValue", val);
+    }
+  },
   data() {
     return {
-      val: "",
+      val: this.modelValue,
     };
   },
   methods: {

package/src/components/TreeSelect/Select.vue

@@ -379,7 +379,9 @@ export default {
       this.setPreparedValues();
     },
     modelValue(value) {
+      this.selected = [];
       this.val = value;
+      console.log('modelValue changet')
       this.setPreparedValues();
     },
     val(value) {
@@ -731,12 +733,9 @@ export default {
       const values = Object.keys(this.selected);
       if (this.isMultiple) {
         this.$emit("update:modelValue", values);
-        console.log('value updated', values)
         this.$emit("input", values);
       } else {
         this.$emit("update:modelValue", values[0]);
-        console.log('value updated', values[0])
-
         this.$emit("input", values[0]);
       }
       this.$globalEvents.$emit("select-" + this.filterId + ":update", {
@@ -757,8 +756,6 @@ export default {
           ) {
             this.selected[option.id] = option;
             this.$emit("input", Object.keys(this.selected));
-        console.log('value updated', Object.keys(this.selected))
-
             this.$emit("update:modelValue", Object.keys(this.selected));
           }
         } else {
@@ -775,8 +772,6 @@ export default {
         delete this.selected[option.id];
         option.checked = false;
         this.$emit("input", Object.keys(this.selected));
-        console.log('value updated', Object.keys(this.selected))
-        
         this.$emit("update:modelValue", Object.keys(this.selected));
       }
 

package/src/main.js

@@ -2,10 +2,11 @@ import { createApp } from "vue";
 import App from "./App.vue";
 import EventEmitter from "./EventEmmiter";
 
+window.lang = (key, component, params = {}) => key;
 const app = createApp(App);
 app.config.globalProperties.$globalEvents = new EventEmitter();
 app.config.globalProperties.$emitEvent = function (event, ...args) {
   this.$emit.apply(this, arguments);
   this.$emit("all", { event, args });
 };
-app.mount("#app");
+app.mount("#app");