mediacube-ui-v2 0.0.37 → 0.0.38

package/dist/src/components/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue.js

@@ -0,0 +1,356 @@
+import { McButton, McTitle, McFieldSelect, McFieldText } from '@/components';
+import { computed, ref, watch, nextTick } from 'vue';
+import { FilterRelations } from '@/enums';
+import { useHelper } from '@/composables';
+import { useDebounceFn } from '@vueuse/core';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const helper = useHelper();
+const emit = defineEmits();
+const props = defineProps({
+    /**
+     *  Значение
+     */
+    modelValue: {
+        type: Object,
+        default: () => ({})
+    },
+    /**
+     *  Объект выбранного
+     *  фильтра
+     */
+    filter: {
+        type: Object,
+        default: () => ({})
+    },
+    /**
+     *  Переводы локализаций
+     */
+    placeholders: {
+        type: Object,
+        required: true
+    },
+    /**
+     *  Текущее значение
+     *  добавленных фильтров
+     */
+    currentValues: {
+        type: Object,
+        default: () => ({})
+    }
+});
+const debounce = useDebounceFn((method) => {
+    method();
+}, 100);
+const relations = ref(Object.values(FilterRelations));
+const relationType = ref(FilterRelations.Is);
+const ajaxOptions = ref([]);
+const loading = ref(false);
+const component = computed(() => {
+    return props.filter.is_text ? McFieldText : McFieldSelect;
+});
+const computedPlaceholder = computed(() => {
+    return props.filter.placeholder || props.filter.is_text ? props.placeholders.enter : props.placeholders.choose;
+});
+const isAjax = computed(() => {
+    return props.filter.getAjaxOptions?.constructor === Function;
+});
+const computedOptions = computed(() => {
+    let options = isAjax.value ? ajaxOptions.value : props.filter.options || [];
+    if (props.currentValues[props.filter.value]) {
+        const category = props.currentValues[props.filter.value] || {};
+        let selected = [];
+        for (let [key, val] of Object.entries(category)) {
+            if (key === FilterRelations.Exists) {
+                return [];
+            }
+            selected = [...selected, ...(Array.isArray(val) ? val : [[val]])];
+        }
+        options = options.filter((o) => !selected.includes(String(o.value)));
+    }
+    return options;
+});
+const selectedOptionValue = computed({
+    get() {
+        let val = props.modelValue;
+        if (val) {
+            for (let [relationKey, relationVal] of Object.entries(props.modelValue)) {
+                let _relationKey = relationKey;
+                let _relationVal = relationVal;
+                if (_relationKey === FilterRelations.Exists) {
+                    val = '';
+                }
+                else {
+                    val = _relationVal?.[0] || '';
+                }
+            }
+            if (isAjax.value && val) {
+                addAjaxOption(val);
+            }
+        }
+        return val;
+    },
+    set(val) {
+        if (relationType.value === FilterRelations.Exists)
+            return;
+        setValue(val);
+    }
+});
+const changeRelationType = (relation) => {
+    if (relationType.value === relation)
+        return;
+    relationType.value = relation;
+    setValue(selectedOptionValue.value);
+};
+const setAjaxOptions = async (value) => {
+    loading.value = true;
+    ajaxOptions.value = props.filter.getAjaxOptions && (await props.filter.getAjaxOptions(value));
+    loading.value = false;
+};
+const addAjaxOption = async (value) => {
+    const option = props.filter.getAjaxOne && (await props.filter.getAjaxOne(value));
+    ajaxOptions.value = helper.uniqWith([...ajaxOptions.value, option], helper.isEqual);
+};
+const handleSearchChange = (value) => {
+    if (!isAjax.value || !value)
+        return;
+    debounce(() => setAjaxOptions(value));
+};
+const setValue = (value) => {
+    let currentValue = null;
+    let currentValueName = null;
+    const hasVal = value || Number.isInteger(value);
+    if (relationType.value !== FilterRelations.Exists && hasVal) {
+        const name = props.filter.is_text
+            ? value
+            : computedOptions.value.find((o) => String(o.value) === String(value))?.name;
+        currentValue = { [relationType.value]: [String(value)] };
+        currentValueName = { [relationType.value]: { [String(value)]: name } };
+    }
+    if (relationType.value === FilterRelations.Exists && !props.currentValues[props.filter.value]) {
+        currentValue = { [FilterRelations.Exists]: 0 };
+        currentValueName = { [FilterRelations.Exists]: null };
+    }
+    /**
+     * Событие по изменению значения
+     */
+    const payload = {
+        value: currentValue,
+        valueName: currentValueName
+    };
+    emit('update:modelValue', payload);
+};
+watch(() => props.modelValue, (val) => {
+    if (val) {
+        for (let relationKey of Object.keys(val)) {
+            relationType.value = relationKey;
+        }
+    }
+}, { immediate: true });
+watch(() => props.filter, () => {
+    relationType.value = FilterRelations.Is;
+    nextTick(() => (ajaxOptions.value = []));
+}); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        },
+        /**
+         *  Текущее значение
+         *  добавленных фильтров
+         */
+        currentValues: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    __typeEmits: {},
+});
+;
+let __VLS_functionalComponentProps;
+function __VLS_template() {
+    const __VLS_ctx = {};
+    const __VLS_localComponents = {
+        ...{},
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_components;
+    const __VLS_localDirectives = {
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_directives;
+    let __VLS_styleScopedClasses;
+    // CSS variable injection 
+    // CSS variable injection end 
+    let __VLS_resolvedLocalAndGlobalComponents;
+    const __VLS_0 = ((__VLS_ctx.component));
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ 'onSearchChange': {} }, modelValue: __VLS_ctx.selectedOptionValue, options: ((__VLS_ctx.computedOptions)), internalSearch: ((!__VLS_ctx.isAjax)), placeholder: ((__VLS_ctx.computedPlaceholder)), loading: ((__VLS_ctx.loading)), disabled: ((__VLS_ctx.relationType === __VLS_ctx.FilterRelations.Exists)), hideSelected: (true), ...{ class: ("mc-filter-type-relation") }, name: ((`relation_${props.filter.type}`)), }));
+    const __VLS_2 = __VLS_1({ ...{ 'onSearchChange': {} }, modelValue: __VLS_ctx.selectedOptionValue, options: ((__VLS_ctx.computedOptions)), internalSearch: ((!__VLS_ctx.isAjax)), placeholder: ((__VLS_ctx.computedPlaceholder)), loading: ((__VLS_ctx.loading)), disabled: ((__VLS_ctx.relationType === __VLS_ctx.FilterRelations.Exists)), hideSelected: (true), ...{ class: ("mc-filter-type-relation") }, name: ((`relation_${props.filter.type}`)), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    var __VLS_6 = {};
+    let __VLS_7;
+    const __VLS_8 = {
+        onSearchChange: (__VLS_ctx.handleSearchChange)
+    };
+    let __VLS_3;
+    let __VLS_4;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+    {
+        const { header: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-filter-type-relation__header") }, });
+        const __VLS_9 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+        /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+        // @ts-ignore
+        const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({}));
+        const __VLS_11 = __VLS_10({}, ...__VLS_functionalComponentArgsRest(__VLS_10));
+        (__VLS_ctx.placeholders.condition);
+        __VLS_nonNullable(__VLS_14.slots).default;
+        var __VLS_14;
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-filter-type-relation__buttons") }, });
+        for (const [relation] of __VLS_getVForSourceType((__VLS_ctx.relations))) {
+            const __VLS_15 = __VLS_resolvedLocalAndGlobalComponents.McButton;
+            /** @type { [typeof __VLS_components.McButton, typeof __VLS_components.mcButton, typeof __VLS_components.McButton, typeof __VLS_components.mcButton, ] } */
+            // @ts-ignore
+            const __VLS_16 = __VLS_asFunctionalComponent(__VLS_15, new __VLS_15({ ...{ 'onClick': {} }, key: ((relation)), variation: ((__VLS_ctx.relationType === relation ? 'purple' : 'dark-gray-outline')), }));
+            const __VLS_17 = __VLS_16({ ...{ 'onClick': {} }, key: ((relation)), variation: ((__VLS_ctx.relationType === relation ? 'purple' : 'dark-gray-outline')), }, ...__VLS_functionalComponentArgsRest(__VLS_16));
+            let __VLS_21;
+            const __VLS_22 = {
+                onClick: (() => __VLS_ctx.changeRelationType(relation))
+            };
+            let __VLS_18;
+            let __VLS_19;
+            (__VLS_ctx.placeholders.actions[`${relation === __VLS_ctx.FilterRelations.Exists ? 'empty' : relation}`]);
+            __VLS_nonNullable(__VLS_20.slots).default;
+            var __VLS_20;
+        }
+    }
+    var __VLS_5;
+    __VLS_styleScopedClasses['mc-filter-type-relation'];
+    __VLS_styleScopedClasses['mc-filter-type-relation__header'];
+    __VLS_styleScopedClasses['mc-filter-type-relation__buttons'];
+    var __VLS_slots;
+    var __VLS_inheritedAttrs;
+    const __VLS_refs = {};
+    var $refs;
+    var $el;
+    return {
+        attrs: {},
+        slots: __VLS_slots,
+        refs: $refs,
+        rootEl: $el,
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            McButton: McButton,
+            McTitle: McTitle,
+            FilterRelations: FilterRelations,
+            relations: relations,
+            relationType: relationType,
+            loading: loading,
+            component: component,
+            computedPlaceholder: computedPlaceholder,
+            isAjax: isAjax,
+            computedOptions: computedOptions,
+            selectedOptionValue: selectedOptionValue,
+            changeRelationType: changeRelationType,
+            handleSearchChange: handleSearchChange,
+        };
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        },
+        /**
+         *  Текущее значение
+         *  добавленных фильтров
+         */
+        currentValues: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        },
+        /**
+         *  Текущее значение
+         *  добавленных фильтров
+         */
+        currentValues: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

package/dist/{types/src → src}/components/patterns/McFilter/McFilterTypeText/McFilterTypeText.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { FilterTextValue, IBaseFilter, IFilterCondition, IFilterPlaceholders } from '../../../../types';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+import type { FilterTextValue, IBaseFilter, IFilterCondition, IFilterPlaceholders } from '@/types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Значение
      */
@@ -23,9 +23,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<IFilterPlaceholders>;
         required: true;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: IFilterCondition) => any;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Значение
      */
@@ -53,6 +53,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     filter: IBaseFilter;
     modelValue: FilterTextValue;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=McFilterTypeText.vue.d.ts.map

package/dist/src/components/patterns/McFilter/McFilterTypeText/McFilterTypeText.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McFilterTypeText.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/patterns/McFilter/McFilterTypeText/McFilterTypeText.vue"],"names":[],"mappings":"AAgEA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;;IAmKhG;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;IAjBH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;;;;AAxBL,wBA+BG"}

package/dist/src/components/patterns/McFilter/McFilterTypeText/McFilterTypeText.vue.js

@@ -0,0 +1,171 @@
+import { McFieldText } from '@/components';
+import { computed } from 'vue';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits();
+const props = defineProps({
+    /**
+     *  Значение
+     */
+    modelValue: {
+        type: [String, Number],
+        default: null
+    },
+    /**
+     *  Объект выбранного
+     *  фильтра
+     */
+    filter: {
+        type: Object,
+        default: () => ({})
+    },
+    /**
+     *  Переводы локализаций
+     */
+    placeholders: {
+        type: Object,
+        required: true
+    }
+});
+const text = computed({
+    get() {
+        return props.modelValue;
+    },
+    set(val) {
+        /**
+         * Событие по изменению значения
+         */
+        emit('update:modelValue', { value: val });
+    }
+}); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: [String, Number],
+            default: null
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        }
+    },
+    __typeEmits: {},
+});
+;
+let __VLS_functionalComponentProps;
+function __VLS_template() {
+    const __VLS_ctx = {};
+    const __VLS_localComponents = {
+        ...{},
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_components;
+    const __VLS_localDirectives = {
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_directives;
+    let __VLS_styleScopedClasses;
+    // CSS variable injection 
+    // CSS variable injection end 
+    let __VLS_resolvedLocalAndGlobalComponents;
+    const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.McFieldText;
+    /** @type { [typeof __VLS_components.McFieldText, typeof __VLS_components.mcFieldText, ] } */
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ modelValue: ((__VLS_ctx.text)), placeholder: ((__VLS_ctx.filter.placeholder || __VLS_ctx.placeholders.enter)), ...{ class: ("mc-filter-type-text") }, name: ("mc_filter_type_text"), }));
+    const __VLS_2 = __VLS_1({ modelValue: ((__VLS_ctx.text)), placeholder: ((__VLS_ctx.filter.placeholder || __VLS_ctx.placeholders.enter)), ...{ class: ("mc-filter-type-text") }, name: ("mc_filter_type_text"), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    var __VLS_6 = {};
+    var __VLS_5;
+    __VLS_styleScopedClasses['mc-filter-type-text'];
+    var __VLS_slots;
+    var __VLS_inheritedAttrs;
+    const __VLS_refs = {};
+    var $refs;
+    var $el;
+    return {
+        attrs: {},
+        slots: __VLS_slots,
+        refs: $refs,
+        rootEl: $el,
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            McFieldText: McFieldText,
+            text: text,
+        };
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: [String, Number],
+            default: null
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: [String, Number],
+            default: null
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

package/dist/{types/src → src}/components/patterns/McGridCol/McGridCol.vue.d.ts

@@ -1,5 +1,5 @@
-import { ColumnSpanUnion } from '../../../types/styles/Grid';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import type { ColumnSpanUnion } from '@/types/styles/Grid';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Кол-во колонок (всего 12)
      */
@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: StringConstructor;
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Кол-во колонок (всего 12)
      */
@@ -96,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
 }>> & Readonly<{}>, {
     stretchSelf: boolean;
     basis: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/src/components/patterns/McGridCol/McGridCol.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McGridCol.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/patterns/McGridCol/McGridCol.vue"],"names":[],"mappings":"AAoKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;;IAiPxD;;OAEG;;;;IAGH;;OAEG;;;;IAGH;;OAEG;;;;IAGH;;OAEG;;;;IAGH;;OAEG;;;;IAEH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IApCH;;OAEG;;;;IAGH;;OAEG;;;;IAGH;;OAEG;;;;IAGH;;OAEG;;;;IAGH;;OAEG;;;;IAEH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;AAQL,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}