@webitel/ui-datalist 26.8.9 → 26.8.11

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-datalist",
-	"version": "26.8.9",
+	"version": "26.8.11",
 	"description": "Toolkit for building data lists in webitel ui system",
 	"scripts": {
 		"build:types": "vue-tsc -b tsconfig.build.json",

package/src/modules/filters/modules/filterConfig/components/agent/agent-filter-value-field.vue

@@ -1,6 +1,6 @@
 <template>
   <wt-multi-select
-    :label="t('webitelUI.filters.filterValue')"
+    :label="labelValue"
     :search-method="searchMethod"
     :model-value="model"
     :v="!disableValidation && v$.model"
@@ -13,19 +13,21 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
-import { computed, watch } from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const model = defineModel<ModelValue>();
+
 const props = defineProps<{
+	filterConfig?: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
-const model = defineModel<ModelValue>();
-
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,
@@ -34,6 +36,13 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const labelValue = computed(() => {
+	const value = props?.filterConfig?.showFilterName
+		? props?.filterConfig.name
+		: 'filterValue';
+	return t(`webitelUI.filters.${value}`);
+});
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {
@@ -48,7 +57,10 @@ const v$ = useVuelidate(
 	},
 );
 
-if (!props?.disableValidation) v$.value.$touch();
+onMounted(() => {
+	if (!props.disableValidation) v$.value.$touch();
+});
+
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

package/src/modules/filters/modules/filterConfig/components/call-direction/call-direction-filter-value-field.vue

@@ -1,7 +1,7 @@
 <template>
   <wt-single-select
     :clearable="false"
-    :label="t('webitelUI.filters.filterValue')"
+    :label="labelValue"
     :options="CallDirectionFilterOptions"
     v-model:model-value="model"
     :v="!disableValidation && v$.model"
@@ -14,17 +14,26 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtSingleSelect } from '@webitel/ui-sdk/components';
-import { computed, watch } from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
 import { CallDirectionFilterOptions } from '../../enums/options/CallDirectionFilterOptions';
 
+const model = defineModel<string>();
+const { t } = useI18n();
+
 const props = defineProps<{
+	filterConfig?: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
-const model = defineModel<string>();
-const { t } = useI18n();
+const labelValue = computed(() => {
+	const value = props?.filterConfig?.showFilterName
+		? props?.filterConfig.name
+		: 'filterValue';
+	return t(`webitelUI.filters.${value}`);
+});
 
 const v$ = useVuelidate(
 	computed(() => ({
@@ -40,13 +49,16 @@ const v$ = useVuelidate(
 	},
 );
 
-if (!props?.disableValidation) v$.value.$touch();
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,
 	];
 }>();
 
+onMounted(() => {
+	if (!props.disableValidation) v$.value.$touch();
+});
+
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

package/src/modules/filters/modules/filterConfig/components/gateway/gateway-filter-value-field.vue

@@ -1,6 +1,6 @@
 <template>
   <wt-multi-select
-    :label="t('webitelUI.filters.filterValue')"
+    :label="labelValue"
     :search-method="searchGateway"
     :v="!disableValidation && v$.model"
     :model-value="model"
@@ -13,19 +13,21 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
-import { computed, watch } from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const model = defineModel<ModelValue>();
+
 const props = defineProps<{
+	filterConfig?: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
-const model = defineModel<ModelValue>();
-
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,
@@ -33,6 +35,13 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const labelValue = computed(() => {
+	const value = props?.filterConfig?.showFilterName
+		? props?.filterConfig.name
+		: 'filterValue';
+	return t(`webitelUI.filters.${value}`);
+});
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {
@@ -46,7 +55,11 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-if (!props?.disableValidation) v$.value.$touch();
+
+onMounted(() => {
+	if (!props.disableValidation) v$.value.$touch();
+});
+
 const searchGateway = async (params: { search?: string }) => {
 	return params.search
 		? await searchMethod({

package/src/modules/filters/modules/filterConfig/components/user/user-filter-value-field.vue

@@ -1,6 +1,6 @@
 <template>
   <wt-multi-select
-    :label="t('webitelUI.filters.filterValue')"
+    :label="labelValue"
     :search-method="searchMethod"
     :model-value="model"
     :v="!disableValidation && v$.model"
@@ -13,19 +13,21 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
-import { computed, watch } from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const model = defineModel<ModelValue>();
+
 const props = defineProps<{
+	filterConfig?: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
-const model = defineModel<ModelValue>();
-
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,
@@ -33,6 +35,13 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const labelValue = computed(() => {
+	const value = props?.filterConfig?.showFilterName
+		? props?.filterConfig.name
+		: 'filterValue';
+	return t(`webitelUI.filters.${value}`);
+});
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {
@@ -46,7 +55,11 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-if (!props?.disableValidation) v$.value.$touch();
+
+onMounted(() => {
+	if (!props.disableValidation) v$.value.$touch();
+});
+
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {