@webitel/ui-sdk 2.0.3-1 → 2.0.3-4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "2.0.3-1",
+  "version": "2.0.3-4",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/modules/QueryFilters/components/abstract-api-filter.vue

@@ -1,7 +1,7 @@
 <template>
   <wt-select
     :value="filterSchema.value"
-    :label="$t(filterSchema.locale.label)"
+    :label="label"
     :track-by="filterSchema.storedProp"
     :multiple="filterSchema.multiple"
     :search-method="search"

package/src/modules/QueryFilters/components/abstract-enum-filter.vue

@@ -2,7 +2,7 @@
   <wt-select
     :value="value"
     :options="localizedOptions"
-    :label="$t(filterSchema.locale.label)"
+    :label="label"
     :track-by="filterSchema.storedProp"
     :multiple="filterSchema.multiple"
     v-bind="$attrs"

package/src/modules/QueryFilters/components/filter-from-to.vue

@@ -71,7 +71,6 @@ export default {
       const queryValue = this.$route.query[`${this.filterQuery}To`];
       // this.value.to = +queryValue || to;
       const value = { from: this.value.from, to: +queryValue || to };
-      console.info(value);
       this.setValue({ filter: this.filterQuery, value });
     },
 
@@ -101,11 +100,6 @@ export default {
 
 <style lang="scss" scoped>
 .filter-from-to {
-
-  & > .wt-label {
-    margin-bottom: 10px;
-  }
-
   &:hover > .wt-label {
     color: var(--form-label--hover-color);
   }

package/src/modules/QueryFilters/mixins/apiFilterMixin.js

@@ -15,6 +15,11 @@ export default {
     closeOnSelect() {
       return this.filterSchema?.storedProp;
     },
+    label() {
+      return Array.isArray(this.locale.label)
+        ? this.$tc(...this.locale.label)
+        : this.$t(this.locale.label);
+    },
   },
   methods: {
     async restoreValue(id) {

package/src/modules/QueryFilters/mixins/enumFilterMixin.js

@@ -18,6 +18,11 @@ export default {
     closeOnSelect() {
       return this.filterSchema?.storedProp;
     },
+    label() {
+      return Array.isArray(this.locale.label)
+        ? this.$tc(...this.locale.label)
+        : this.$t(this.locale.label);
+    },
     localizedOptions() {
       const optsHaveLocale = this.options.length && this.options[0].locale; // just check 1st el
       if (optsHaveLocale) {