mediacube-ui-v2 0.0.7 → 0.0.9

package/dist/components/patterns/McFilter/McFilterTypeDate/McFilterTypeDate.vue.js

@@ -0,0 +1,188 @@
+import McDatepicker from '@/components/elements/McDatepicker/McDatepicker.vue';
+import { computed } from 'vue';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits();
+const props = defineProps({
+    /**
+     *  Значение
+     */
+    modelValue: {
+        type: Object,
+        default: () => ({})
+    },
+    /**
+     *  Объект выбранного
+     *  фильтра
+     */
+    filter: {
+        type: Object,
+        default: () => ({})
+    },
+    /**
+     *  Переводы локализаций
+     */
+    placeholders: {
+        type: Object,
+        required: true
+    },
+    useTimezone: {
+        type: Boolean,
+        default: true
+    }
+});
+const period = computed({
+    get() {
+        return props.modelValue ? [props.modelValue.more, props.modelValue.less] : [];
+    },
+    set(val) {
+        const period = { more: val?.[0], less: val?.[1] };
+        /**
+         * Событие по изменению периода
+         */
+        emit('update:modelValue', { value: period });
+    }
+}); /* 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
+        },
+        useTimezone: {
+            type: Boolean,
+            default: 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;
+    // @ts-ignore
+    [McDatepicker,];
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(McDatepicker, new McDatepicker({ modelValue: ((__VLS_ctx.period)), placeholders: ((__VLS_ctx.placeholders.calendar)), placeholder: ((__VLS_ctx.filter.placeholder || __VLS_ctx.placeholders.choose)), useTimezone: ((props.useTimezone)), name: ("condition_dates"), ...{ class: ("mc-filter-type-date") }, range: (true), }));
+    const __VLS_1 = __VLS_0({ modelValue: ((__VLS_ctx.period)), placeholders: ((__VLS_ctx.placeholders.calendar)), placeholder: ((__VLS_ctx.filter.placeholder || __VLS_ctx.placeholders.choose)), useTimezone: ((props.useTimezone)), name: ("condition_dates"), ...{ class: ("mc-filter-type-date") }, range: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    var __VLS_5 = {};
+    var __VLS_4;
+    __VLS_styleScopedClasses['mc-filter-type-date'];
+    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 {
+            McDatepicker: McDatepicker,
+            period: period,
+        };
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        },
+        useTimezone: {
+            type: Boolean,
+            default: true
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        },
+        useTimezone: {
+            type: Boolean,
+            default: true
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

package/dist/components/patterns/McFilter/McFilterTypeRange/McFilterTypeRange.vue.js

@@ -0,0 +1,238 @@
+import McFieldText from '@/components/elements/McFieldText/McFieldText.vue';
+import { computed, ref, watch } from 'vue';
+import { InputTypes } from '@/enums';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits();
+const props = defineProps({
+    /**
+     *  Значение
+     */
+    modelValue: {
+        type: Object,
+        default: () => ({
+            more: null,
+            less: null
+        })
+    },
+    /**
+     *  Объект выбранного
+     *  фильтра
+     */
+    filter: {
+        type: Object,
+        default: () => ({})
+    },
+    /**
+     *  Переводы локализаций
+     */
+    placeholders: {
+        type: Object,
+        required: true
+    }
+});
+const currentMore = ref(null);
+const currentLess = ref(null);
+const more = computed({
+    get() {
+        return props.modelValue?.more;
+    },
+    set(val) {
+        currentMore.value = val || null;
+        emitValue();
+    }
+});
+const less = computed({
+    get() {
+        return props.modelValue?.less;
+    },
+    set(val) {
+        currentLess.value = val || null;
+        emitValue();
+    }
+});
+watch(() => props.modelValue, (val) => {
+    if (val) {
+        currentMore.value = props.modelValue.more || null;
+        currentLess.value = props.modelValue.less || null;
+    }
+}, { deep: true });
+const hasValue = (val) => {
+    return val || Number.isInteger(val);
+};
+const emitValue = () => {
+    const hasMore = hasValue(currentMore.value);
+    const hasLess = hasValue(currentLess.value);
+    const hasMin = props.filter.min && hasValue(props.filter.min);
+    const hasMax = props.filter.max && hasValue(props.filter.max);
+    let more = hasMore ? Number(currentMore.value) : null;
+    let less = hasLess ? Number(currentLess.value) : null;
+    if (props.filter.min && more && more < props.filter.min && hasMin) {
+        more = props.filter.min;
+    }
+    if (props.filter.max && less && less > props.filter.max && hasMax) {
+        less = props.filter.max;
+    }
+    if (props.filter.max && more && more > props.filter.max && hasMax) {
+        more = props.filter.max;
+    }
+    if (props.filter.min && less && less < props.filter.min && hasMin) {
+        less = props.filter.min;
+    }
+    const result = {
+        more: more || null,
+        less: less || null
+    };
+    currentLess.value = less;
+    currentMore.value = more;
+    /**
+     * Событие по изменению интервала
+     */
+    emit('update:modelValue', { value: result });
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: Object,
+            default: () => ({
+                more: null,
+                less: 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;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-filter-type-range") }, });
+    // @ts-ignore
+    [McFieldText,];
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(McFieldText, new McFieldText({ modelValue: ((__VLS_ctx.more)), placeholder: ((__VLS_ctx.placeholders.from.toLowerCase())), type: ((__VLS_ctx.InputTypes.AmountFormat)), name: ("range_more"), }));
+    const __VLS_1 = __VLS_0({ modelValue: ((__VLS_ctx.more)), placeholder: ((__VLS_ctx.placeholders.from.toLowerCase())), type: ((__VLS_ctx.InputTypes.AmountFormat)), name: ("range_more"), }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    // @ts-ignore
+    [McFieldText,];
+    // @ts-ignore
+    const __VLS_5 = __VLS_asFunctionalComponent(McFieldText, new McFieldText({ modelValue: ((__VLS_ctx.less)), placeholder: ((__VLS_ctx.placeholders.to.toLowerCase())), type: ((__VLS_ctx.InputTypes.AmountFormat)), name: ("range_less"), }));
+    const __VLS_6 = __VLS_5({ modelValue: ((__VLS_ctx.less)), placeholder: ((__VLS_ctx.placeholders.to.toLowerCase())), type: ((__VLS_ctx.InputTypes.AmountFormat)), name: ("range_less"), }, ...__VLS_functionalComponentArgsRest(__VLS_5));
+    __VLS_styleScopedClasses['mc-filter-type-range'];
+    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,
+            InputTypes: InputTypes,
+            more: more,
+            less: less,
+        };
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: Object,
+            default: () => ({
+                more: null,
+                less: null
+            })
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: Object,
+            default: () => ({
+                more: null,
+                less: null
+            })
+        },
+        /**
+         *  Объект выбранного
+         *  фильтра
+         */
+        filter: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Переводы локализаций
+         */
+        placeholders: {
+            type: Object,
+            required: true
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */