@avakhula/ui 0.0.38 → 0.0.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "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

@@ -235,9 +235,6 @@ export default {
   name: "IbTreeSelect",
   inject: ["LANG_COMPONENTS"],
   props: {
-    // LANG_COMPONENTS: {
-      // type: Object,
-    // },
     placeholder: {
       type: String,
       default: "",
@@ -438,7 +435,6 @@ export default {
     },
   },
   mounted() {
-    console.log(lang, typeof(lang), 'lang', this.LANG_COMPONENTS, 'LANG_COMPONENTS')
     this.marker = new Mark(this.$refs.list.$el);
 
     this.registerDependency();
@@ -486,41 +482,33 @@ export default {
       uid: `f${(~~(Math.random() * 1e8)).toString(16)}`,
       actualStrings: {
         ...{
-          // searchPlaceholder: "Search placeholder",
           searchPlaceholder: lang(
             this.searchPlaceholderText.length
               ? this.searchPlaceholderText
               : "search_placeholder",
             this.LANG_COMPONENTS?.COMPONENT_SELECT
           ),
-          // emptyTitle: "Empty title",
           emptyTitle: lang(
             "empty_title",
             this.LANG_COMPONENTS?.COMPONENT_SELECT
           ),
-          // selectAllOptions: "All Options",
           selectAllOptions: lang(
             "all_options",
             this.LANG_COMPONENTS?.COMPONENT_SELECT
           ),
-          // allSelected: "All selected",
           allSelected: lang(
             "all_selected",
             this.LANG_COMPONENTS?.COMPONENT_SELECT
           ),
-          // loading: "loading",
           loading:
             lang("loading", this.LANG_COMPONENTS?.COMPONENT_SELECT) + "...",
-          // selectedCount: "Selected {selected} of {all} items",
           selectedCount: lang(
             "selected_count",
             this.LANG_COMPONENTS?.COMPONENT_SELECT
           ),
-          // buttonTitle: "Button title",
           buttonTitle:
             this.buttonTitle ||
             lang("button_title", this.LANG_COMPONENTS?.COMPONENT_SELECT),
-          // requiredDependencyNotFilled: "Required dependency are not filled",
           requiredDependencyNotFilled:
             // eslint-disable-next-line vue/no-computed-properties-in-data
             this.requiredDependencyNotFilled ||

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");