@avakhula/ui 0.0.36 → 0.0.38

package/package.json

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

package/src/components/TreeSelect/Select.vue

@@ -233,13 +233,10 @@ import List from "../List.vue";
 
 export default {
   name: "IbTreeSelect",
+  inject: ["LANG_COMPONENTS"],
   props: {
-    // lang: {
-    //   type: Function,
-    //   default: (key) => key,
-    // },
     // LANG_COMPONENTS: {
-    //   type: Object,
+      // type: Object,
     // },
     placeholder: {
       type: String,
@@ -441,7 +438,7 @@ export default {
     },
   },
   mounted() {
-    console.log(lang, typeof(lang), 'lang')
+    console.log(lang, typeof(lang), 'lang', this.LANG_COMPONENTS, 'LANG_COMPONENTS')
     this.marker = new Mark(this.$refs.list.$el);
 
     this.registerDependency();
@@ -489,48 +486,48 @@ export default {
       uid: `f${(~~(Math.random() * 1e8)).toString(16)}`,
       actualStrings: {
         ...{
-          searchPlaceholder: "Search placeholder",
-          // searchPlaceholder: this.lang(
-          //   this.searchPlaceholderText.length
-          //     ? this.searchPlaceholderText
-          //     : "search_placeholder",
-          //   this.LANG_COMPONENTS?.COMPONENT_SELECT
-          // ),
-          emptyTitle: "Empty title",
-          // emptyTitle: this.lang(
-          //   "empty_title",
-          //   this.LANG_COMPONENTS?.COMPONENT_SELECT
-          // ),
-          selectAllOptions: "All Options",
-          // selectAllOptions: this.lang(
-          //   "all_options",
-          //   this.LANG_COMPONENTS?.COMPONENT_SELECT
-          // ),
-          allSelected: "All selected",
-          // allSelected: this.lang(
-          //   "all_selected",
-          //   this.LANG_COMPONENTS?.COMPONENT_SELECT
-          // ),
-          loading: "loading",
-          // loading:
-          //   this.lang("loading", this.LANG_COMPONENTS?.COMPONENT_SELECT) + "...",
-          selectedCount: "Selected {selected} of {all} items",
-          // selectedCount: this.lang(
-          //   "selected_count",
-          //   this.LANG_COMPONENTS?.COMPONENT_SELECT
-          // ),
-          buttonTitle: "Button title",
-          // buttonTitle:
-          //   this.buttonTitle ||
-          //   this.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 ||
-          //   this.lang(
-          //     "required_dependency_are_not_filled",
-          //     this.LANG_COMPONENTS?.COMPONENT_SELECT
-          // ),
+          // 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 ||
+            lang(
+              "required_dependency_are_not_filled",
+              this.LANG_COMPONENTS?.COMPONENT_SELECT
+          ),
         },
         ...this.strings,
       },