mediacube-ui-v2 0.0.9 → 0.0.11

package/dist/components/templates/McTable/McTable/McTable.vue.js

@@ -1,862 +0,0 @@
-import { computed, defineAsyncComponent, onBeforeUnmount, onMounted, reactive, ref, useSlots } from 'vue';
-import { useHelper } from '@/composables/useHelper';
-import { ChipSize, Weights } from '@/enums';
-import { TABLE } from '@/consts/table';
-import McInfinityLoadingTrigger from '@/components/elements/McInfinityLoadingTrigger/McInfinityLoadingTrigger.vue';
-import McTitle from '@/components/elements/McTitle/McTitle.vue';
-import McChip from '@/components/elements/McChip/McChip.vue';
-import McTableSort from '@/components/templates/McTable/McTableSort/McTableSort.vue';
-import McTableSkeletonLoading from '@/components/templates/McTable/McTableSkeletonLoading/McTableSkeletonLoading.vue';
-import McNoData from '@/components/elements/McNodata/McNoData.vue';
-const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
-const McBottomLoader = defineAsyncComponent(() => import('@/components/elements/McBottomLoader/McBottomLoader.vue'));
-const McOverlay = defineAsyncComponent(() => import('@/components/patterns/McOverlay/McOverlay.vue'));
-import { useThrottleFn } from '@vueuse/core';
-//@ts-ignore
-import noTableDataImg from '../../../../assets/img/no_table_data.png';
-const defaultPlaceholders = {
-    no_data: 'No data',
-    loading: 'Loading...',
-    all_loaded: 'All loaded',
-    total: 'Total'
-};
-const emit = defineEmits();
-/**
- * Слоты
- *
- * #header-cell - Заголовок колонки, каждая колонка
- * #`{column.field}-header-right` - Справа от заголовка колонки, именной слот, работает по имени колонки, что бы добавлять в конкретную колонку
- * #`{column.field}-total` - Тотал колонки, именной слот, работает по имени колонки, что бы добавлять в конкретную колонку
- * #column.field - Тело ячейки таблицы. Если не использовать слот, просто будут выводиться данные по названию поля
- * #`{column.field}-right` - Справа от контента колонки, именной слот, работает по имени колонки, что бы добавлять в конкретную колонку
- * №footer-cell - тотал колонки (строка внизу таблицы), каждая колонка
- * */
-const helper = useHelper();
-const slots = useSlots();
-const props = defineProps({
-    columns: {
-        type: Array,
-        required: true,
-        default: () => []
-    },
-    data: {
-        type: Array,
-        required: true,
-        default: () => []
-    },
-    /**
-     * Тоталы таблицы (отображаются в футере), обьект ключи которого = поле field из массива колонок
-     * */
-    totals: {
-        type: Object,
-        default: () => ({})
-    },
-    sort: {
-        type: Object,
-        default: () => ({})
-    },
-    /**
-     * Фиксировать ли первую колонку таблицы
-     * */
-    fixedFirstColumn: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * Фиксировать ли последнюю колонку таблицы
-     * */
-    fixedLastColumn: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * Есть ли у таблицы еще данные, если true, при полном пролистывании таблицы вниз, будет вызываться метод @loading
-     * */
-    hasLoadMore: {
-        type: Boolean,
-        default: true
-    },
-    height: {
-        type: [Number, String],
-        default: 'auto'
-    },
-    /**
-     * Высота строки в шапке
-     * */
-    headerRowHeight: {
-        type: Number,
-        default: TABLE.defaultHeaderHeight
-    },
-    /**
-     * Высота строки в теле таблицы
-     * */
-    rowHeight: {
-        type: Number,
-        default: TABLE.defaultRowHeight
-    },
-    /**
-     * Высота строки в подвале (строка с тоталами)
-     * */
-    footerRowHeight: {
-        type: Number,
-        default: TABLE.defaultFooterRowHeight
-    },
-    /**
-     *  Отрисовка всей таблицы и полоса загрузки в каждой ячейке (скелетная загрузка)
-     */
-    skeletonLoading: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * Лоадинг внизу таблицы
-     * */
-    bottomLoading: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * Оверлей с затемнение на всю таблицу
-     * */
-    loading: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     *  Переводы плейсхолеров и текстов
-     */
-    placeholders: {
-        type: Object,
-        default: () => ({})
-    },
-    noDataIcon: {
-        type: String,
-        default: null
-    },
-    noDataImg: {
-        type: String,
-        default: noTableDataImg
-    },
-    /**
-     * Любые данные что бы передать их в карточку из таблицы
-     * */
-    toTableCardProps: {
-        type: Object,
-        default: () => ({})
-    }
-});
-const openCardState = ref({ state: false });
-const mcTable = ref(null);
-const hasData = computed(() => {
-    return !helper.isEmpty(props.data);
-});
-const hasTotals = computed(() => {
-    return !helper.isEmpty(props.totals);
-});
-const hasFixedColumn = computed(() => {
-    return props.fixedFirstColumn || props.fixedLastColumn;
-});
-const placeholders = reactive(helper.deepMerge(defaultPlaceholders, props.placeholders));
-const shadows = reactive({
-    firstColHasShadow: false,
-    lastColHasShadow: false
-});
-const computedColumns = computed(() => {
-    const [first] = props.columns;
-    return (openCardState.value.state ? [first] : props.columns).map((column, index) => {
-        const fixedFirst = props.fixedFirstColumn && index === 0;
-        const fixedLast = props.fixedLastColumn && index === props.columns.length - 1;
-        return {
-            ...column,
-            fixedFirst,
-            fixedLast,
-            style: {
-                ...(column.width
-                    ? {
-                        '--mc-table-cell-width': `${column.width}px`,
-                        '--mc-table-cell-max-width': `${column.width}px`,
-                        '--mc-table-cell-min-width': `${column.width}px`
-                    }
-                    : {
-                        '--mc-table-cell-min-width': column.minWidth && `${column.minWidth}px`,
-                        '--mc-table-cell-width': '100%'
-                    })
-            }
-        };
-    });
-});
-const computedHeaderColumns = computed(() => {
-    return computedColumns.value.map((column) => ({
-        ...column,
-        class: {
-            'mc-table__table_header-cell': true,
-            'mc-table__table_header-cell--fixed-first': column.fixedFirst,
-            'mc-table__table_header-cell--fixed-last': column.fixedLast,
-            'mc-table__table_header-cell--shadow-first': column.fixedFirst && shadows.firstColHasShadow,
-            'mc-table__table_header-cell--shadow-last': column.fixedLast && shadows.lastColHasShadow
-        }
-    }));
-});
-const computedBodyColumns = computed(() => {
-    return computedColumns.value.map((column) => ({
-        ...column,
-        class: {
-            'mc-table__table_body-cell': true,
-            'mc-table__table_body-cell--fixed-first': column.fixedFirst,
-            'mc-table__table_body-cell--fixed-last': column.fixedLast,
-            'mc-table__table_body-cell--shadow-first': column.fixedFirst && shadows.firstColHasShadow,
-            'mc-table__table_body-cell--shadow-last': column.fixedLast && shadows.lastColHasShadow
-        }
-    }));
-});
-const computedFooterColumns = computed(() => {
-    return computedColumns.value.map((column) => ({
-        ...column,
-        class: {
-            'mc-table__table_footer-cell': true,
-            'mc-table__table_footer-cell--fixed-first': column.fixedFirst,
-            'mc-table__table_footer-cell--fixed-last': column.fixedLast,
-            'mc-table__table_footer-cell--shadow-first': column.fixedFirst && shadows.firstColHasShadow,
-            'mc-table__table_footer-cell--shadow-last': column.fixedLast && shadows.lastColHasShadow
-        }
-    }));
-});
-const containerStyle = computed(() => {
-    return {
-        '--mc-table-height': typeof props.height === 'number' ? `${props.height}px` : props.height,
-        '--mc-table-header-row-height': helper.isNumber(props.headerRowHeight) ? `${props.headerRowHeight}px` : '40px',
-        '--mc-table-row-height': helper.isNumber(props.rowHeight) ? `${props.rowHeight}px` : '40px',
-        '--mc-table-footer-row-height': helper.isNumber(props.footerRowHeight) ? `${props.footerRowHeight}px` : '40px'
-    };
-});
-const computedTableCardProps = computed(() => {
-    return {
-        tableColumns: props.columns,
-        tableData: props.data,
-        tableTotals: props.totals,
-        tableSort: props.sort,
-        tableHeaderRowHeight: props.headerRowHeight,
-        tableFooterRowHeight: props.footerRowHeight,
-        tableFixedFirstColumn: props.fixedFirstColumn,
-        tableCardProps: props.toTableCardProps
-    };
-});
-const onBodyScroll = useThrottleFn(() => {
-    if (mcTable.value) {
-        const { scrollLeft, scrollWidth, clientWidth } = mcTable.value;
-        const firstColShadow = props.fixedFirstColumn && scrollLeft > 0;
-        const lastColShadow = props.fixedLastColumn && scrollLeft + clientWidth < scrollWidth;
-        if (shadows.firstColHasShadow !== firstColShadow)
-            shadows.firstColHasShadow = firstColShadow;
-        if (shadows.lastColHasShadow !== lastColShadow)
-            shadows.lastColHasShadow = lastColShadow;
-    }
-}, 10);
-const addListeners = () => {
-    if (hasFixedColumn.value && mcTable.value) {
-        onBodyScroll();
-        mcTable.value.addEventListener('scroll', onBodyScroll);
-    }
-};
-const removeListeners = () => {
-    if (hasFixedColumn.value && mcTable.value)
-        mcTable.value.removeEventListener('scroll', onBodyScroll);
-};
-const handleRowClick = (row) => {
-    emit('row-click', row);
-};
-const handleSetCardState = (payload) => {
-    openCardState.value = payload;
-    emit('table-card-opened', payload);
-};
-onMounted(() => {
-    addListeners();
-});
-onBeforeUnmount(() => {
-    removeListeners();
-}); /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_fnComponent = (await import('vue')).defineComponent({
-    props: {
-        columns: {
-            type: Array,
-            required: true,
-            default: () => []
-        },
-        data: {
-            type: Array,
-            required: true,
-            default: () => []
-        },
-        /**
-         * Тоталы таблицы (отображаются в футере), обьект ключи которого = поле field из массива колонок
-         * */
-        totals: {
-            type: Object,
-            default: () => ({})
-        },
-        sort: {
-            type: Object,
-            default: () => ({})
-        },
-        /**
-         * Фиксировать ли первую колонку таблицы
-         * */
-        fixedFirstColumn: {
-            type: Boolean,
-            default: true
-        },
-        /**
-         * Фиксировать ли последнюю колонку таблицы
-         * */
-        fixedLastColumn: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Есть ли у таблицы еще данные, если true, при полном пролистывании таблицы вниз, будет вызываться метод @loading
-         * */
-        hasLoadMore: {
-            type: Boolean,
-            default: true
-        },
-        height: {
-            type: [Number, String],
-            default: 'auto'
-        },
-        /**
-         * Высота строки в шапке
-         * */
-        headerRowHeight: {
-            type: Number,
-            default: TABLE.defaultHeaderHeight
-        },
-        /**
-         * Высота строки в теле таблицы
-         * */
-        rowHeight: {
-            type: Number,
-            default: TABLE.defaultRowHeight
-        },
-        /**
-         * Высота строки в подвале (строка с тоталами)
-         * */
-        footerRowHeight: {
-            type: Number,
-            default: TABLE.defaultFooterRowHeight
-        },
-        /**
-         *  Отрисовка всей таблицы и полоса загрузки в каждой ячейке (скелетная загрузка)
-         */
-        skeletonLoading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Лоадинг внизу таблицы
-         * */
-        bottomLoading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Оверлей с затемнение на всю таблицу
-         * */
-        loading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         *  Переводы плейсхолеров и текстов
-         */
-        placeholders: {
-            type: Object,
-            default: () => ({})
-        },
-        noDataIcon: {
-            type: String,
-            default: null
-        },
-        noDataImg: {
-            type: String,
-            default: noTableDataImg
-        },
-        /**
-         * Любые данные что бы передать их в карточку из таблицы
-         * */
-        toTableCardProps: {
-            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;
-    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__container") }, ...{ style: ((__VLS_ctx.containerStyle)) }, });
-    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ref: ("mcTable"), ...{ class: ("mc-table") }, });
-    // @ts-ignore navigation for `const mcTable = ref()`
-    __VLS_ctx.mcTable;
-    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table") }, });
-    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_header") }, });
-    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_header-row") }, });
-    for (const [column, cI] of __VLS_getVForSourceType((__VLS_ctx.computedHeaderColumns))) {
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ key: ((cI)), ...{ class: ((column.class)) }, ...{ style: ((column.style)) }, });
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_header-cell_content") }, });
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_header-cell_content-left") }, });
-        if (column.sortable) {
-            // @ts-ignore
-            [McTableSort,];
-            // @ts-ignore
-            const __VLS_0 = __VLS_asFunctionalComponent(McTableSort, new McTableSort({ ...{ 'onChange': {} }, column: ((column.field)), sort: ((__VLS_ctx.sort)), }));
-            const __VLS_1 = __VLS_0({ ...{ 'onChange': {} }, column: ((column.field)), sort: ((__VLS_ctx.sort)), }, ...__VLS_functionalComponentArgsRest(__VLS_0));
-            let __VLS_5;
-            const __VLS_6 = {
-                onChange: ((val) => __VLS_ctx.emit('sort', val))
-            };
-            let __VLS_2;
-            let __VLS_3;
-            var __VLS_4;
-        }
-        var __VLS_7 = {
-            column: ((column)), cellIndex: ((cI)),
-        };
-        // @ts-ignore
-        [McTitle, McTitle,];
-        // @ts-ignore
-        const __VLS_8 = __VLS_asFunctionalComponent(McTitle, new McTitle({ textAlign: ((column.align)), weight: ((__VLS_ctx.Weights.SemiBold)), preLine: (true), }));
-        const __VLS_9 = __VLS_8({ textAlign: ((column.align)), weight: ((__VLS_ctx.Weights.SemiBold)), preLine: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
-        (column.header);
-        __VLS_nonNullable(__VLS_12.slots).default;
-        var __VLS_12;
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_header-cell_content-right") }, });
-        var __VLS_13 = {
-            column: ((column)), cellIndex: ((cI)),
-        };
-        var __VLS_14 = (`${column.field}-header-right`);
-        var __VLS_15 = {
-            column: ((column)), cellIndex: ((cI)),
-        };
-        var __VLS_16 = (`${column.field}-total`);
-        if (column.total) {
-            // @ts-ignore
-            [McChip,];
-            // @ts-ignore
-            const __VLS_17 = __VLS_asFunctionalComponent(McChip, new McChip({ title: ((column.total)), variation: ("hover-gray"), textColor: ("gray"), size: ((__VLS_ctx.ChipSize.S)), }));
-            const __VLS_18 = __VLS_17({ title: ((column.total)), variation: ("hover-gray"), textColor: ("gray"), size: ((__VLS_ctx.ChipSize.S)), }, ...__VLS_functionalComponentArgsRest(__VLS_17));
-        }
-    }
-    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_body") }, });
-    if (props.skeletonLoading) {
-        // @ts-ignore
-        [McTableSkeletonLoading,];
-        // @ts-ignore
-        const __VLS_22 = __VLS_asFunctionalComponent(McTableSkeletonLoading, new McTableSkeletonLoading({ columns: ((__VLS_ctx.computedBodyColumns)), }));
-        const __VLS_23 = __VLS_22({ columns: ((__VLS_ctx.computedBodyColumns)), }, ...__VLS_functionalComponentArgsRest(__VLS_22));
-    }
-    if (__VLS_ctx.hasData) {
-        for (const [row, rI] of __VLS_getVForSourceType((__VLS_ctx.data))) {
-            __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ onClick: (() => __VLS_ctx.handleRowClick(row)) }, key: ((rI)), ...{ class: ("mc-table__table_body-row") }, ...{ class: (({ 'mc-table__table_body-row--active': String(__VLS_ctx.openCardState.id) === String(row.id) })) }, });
-            for (const [column, cI] of __VLS_getVForSourceType((__VLS_ctx.computedBodyColumns))) {
-                __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ key: ((cI)), ...{ class: ((column.class)) }, ...{ style: ((column.style)) }, });
-                __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_body-cell_content") }, });
-                __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_body-cell_content-left") }, });
-                var __VLS_27 = {
-                    row: ((row)), rowIndex: ((rI)), column: ((column)), cellIndex: ((cI)), cellValue: ((row[column.field])),
-                };
-                var __VLS_28 = (column.field);
-                // @ts-ignore
-                [McTitle, McTitle,];
-                // @ts-ignore
-                const __VLS_29 = __VLS_asFunctionalComponent(McTitle, new McTitle({ textAlign: ((column.align)), ellipsis: (true), }));
-                const __VLS_30 = __VLS_29({ textAlign: ((column.align)), ellipsis: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_29));
-                (row[column.field]);
-                __VLS_nonNullable(__VLS_33.slots).default;
-                var __VLS_33;
-                if (__VLS_ctx.slots[`${column.field}-right`]) {
-                    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_body-cell_content-right") }, });
-                    var __VLS_34 = {};
-                    var __VLS_35 = (`${column.field}-right`);
-                }
-            }
-        }
-    }
-    // @ts-ignore
-    [McInfinityLoadingTrigger,];
-    // @ts-ignore
-    const __VLS_36 = __VLS_asFunctionalComponent(McInfinityLoadingTrigger, new McInfinityLoadingTrigger({ ...{ 'onLoading': {} }, active: ((props.hasLoadMore)), }));
-    const __VLS_37 = __VLS_36({ ...{ 'onLoading': {} }, active: ((props.hasLoadMore)), }, ...__VLS_functionalComponentArgsRest(__VLS_36));
-    let __VLS_41;
-    const __VLS_42 = {
-        onLoading: (...[$event]) => {
-            __VLS_ctx.emit('loading');
-        }
-    };
-    let __VLS_38;
-    let __VLS_39;
-    var __VLS_40;
-    if (__VLS_ctx.hasTotals) {
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_footer") }, });
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-table__table_footer-row") }, });
-        for (const [column, cI] of __VLS_getVForSourceType((__VLS_ctx.computedFooterColumns))) {
-            __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ key: ((cI)), ...{ class: ((column.class)) }, ...{ style: ((column.style)) }, });
-            var __VLS_43 = {
-                column: ((column)), cellIndex: ((cI)), cellValue: ((__VLS_ctx.totals[column.field])),
-            };
-            // @ts-ignore
-            [McTitle, McTitle,];
-            // @ts-ignore
-            const __VLS_44 = __VLS_asFunctionalComponent(McTitle, new McTitle({ textAlign: ((column.align)), weight: ((__VLS_ctx.Weights.SemiBold)), }));
-            const __VLS_45 = __VLS_44({ textAlign: ((column.align)), weight: ((__VLS_ctx.Weights.SemiBold)), }, ...__VLS_functionalComponentArgsRest(__VLS_44));
-            (__VLS_ctx.totals[column.field]);
-            __VLS_nonNullable(__VLS_48.slots).default;
-            var __VLS_48;
-        }
-    }
-    var __VLS_49 = {
-        ...{ onSetTableCardState: (__VLS_ctx.handleSetCardState) }, ...(__VLS_ctx.computedTableCardProps),
-    };
-    const __VLS_50 = __VLS_resolvedLocalAndGlobalComponents.RouterView;
-    /** @type { [typeof __VLS_components.RouterView, typeof __VLS_components.routerView, ] } */
-    // @ts-ignore
-    const __VLS_51 = __VLS_asFunctionalComponent(__VLS_50, new __VLS_50({ ...{ 'onSetTableCardState': {} }, ...(__VLS_ctx.computedTableCardProps), }));
-    const __VLS_52 = __VLS_51({ ...{ 'onSetTableCardState': {} }, ...(__VLS_ctx.computedTableCardProps), }, ...__VLS_functionalComponentArgsRest(__VLS_51));
-    let __VLS_56;
-    const __VLS_57 = {
-        onSetTableCardState: (__VLS_ctx.handleSetCardState)
-    };
-    let __VLS_53;
-    let __VLS_54;
-    var __VLS_55;
-    if (__VLS_ctx.bottomLoading) {
-        const __VLS_58 = __VLS_resolvedLocalAndGlobalComponents.McBottomLoader;
-        /** @type { [typeof __VLS_components.McBottomLoader, typeof __VLS_components.mcBottomLoader, ] } */
-        // @ts-ignore
-        const __VLS_59 = __VLS_asFunctionalComponent(__VLS_58, new __VLS_58({}));
-        const __VLS_60 = __VLS_59({}, ...__VLS_functionalComponentArgsRest(__VLS_59));
-    }
-    if (__VLS_ctx.loading) {
-        const __VLS_64 = __VLS_resolvedLocalAndGlobalComponents.McOverlay;
-        /** @type { [typeof __VLS_components.McOverlay, typeof __VLS_components.mcOverlay, ] } */
-        // @ts-ignore
-        const __VLS_65 = __VLS_asFunctionalComponent(__VLS_64, new __VLS_64({}));
-        const __VLS_66 = __VLS_65({}, ...__VLS_functionalComponentArgsRest(__VLS_65));
-    }
-    if (!__VLS_ctx.hasData) {
-        // @ts-ignore
-        [McNoData,];
-        // @ts-ignore
-        const __VLS_70 = __VLS_asFunctionalComponent(McNoData, new McNoData({ variation: ("small"), title: ((__VLS_ctx.placeholders.no_data)), img: ((props.noDataImg)), icon: ((props.noDataIcon)), }));
-        const __VLS_71 = __VLS_70({ variation: ("small"), title: ((__VLS_ctx.placeholders.no_data)), img: ((props.noDataImg)), icon: ((props.noDataIcon)), }, ...__VLS_functionalComponentArgsRest(__VLS_70));
-    }
-    __VLS_styleScopedClasses['mc-table__container'];
-    __VLS_styleScopedClasses['mc-table'];
-    __VLS_styleScopedClasses['mc-table__table'];
-    __VLS_styleScopedClasses['mc-table__table_header'];
-    __VLS_styleScopedClasses['mc-table__table_header-row'];
-    __VLS_styleScopedClasses['mc-table__table_header-cell_content'];
-    __VLS_styleScopedClasses['mc-table__table_header-cell_content-left'];
-    __VLS_styleScopedClasses['mc-table__table_header-cell_content-right'];
-    __VLS_styleScopedClasses['mc-table__table_body'];
-    __VLS_styleScopedClasses['mc-table__table_body-row'];
-    __VLS_styleScopedClasses['mc-table__table_body-row--active'];
-    __VLS_styleScopedClasses['mc-table__table_body-cell_content'];
-    __VLS_styleScopedClasses['mc-table__table_body-cell_content-left'];
-    __VLS_styleScopedClasses['mc-table__table_body-cell_content-right'];
-    __VLS_styleScopedClasses['mc-table__table_footer'];
-    __VLS_styleScopedClasses['mc-table__table_footer-row'];
-    var __VLS_slots;
-    var __VLS_inheritedAttrs;
-    const __VLS_refs = {
-        "mcTable": __VLS_nativeElements['div'],
-    };
-    var $refs;
-    var $el;
-    return {
-        attrs: {},
-        slots: __VLS_slots,
-        refs: $refs,
-        rootEl: $el,
-    };
-}
-;
-const __VLS_self = (await import('vue')).defineComponent({
-    setup() {
-        return {
-            ChipSize: ChipSize,
-            Weights: Weights,
-            McInfinityLoadingTrigger: McInfinityLoadingTrigger,
-            McTitle: McTitle,
-            McChip: McChip,
-            McTableSort: McTableSort,
-            McTableSkeletonLoading: McTableSkeletonLoading,
-            McNoData: McNoData,
-            McBottomLoader: McBottomLoader,
-            McOverlay: McOverlay,
-            emit: emit,
-            slots: slots,
-            openCardState: openCardState,
-            mcTable: mcTable,
-            hasData: hasData,
-            hasTotals: hasTotals,
-            placeholders: placeholders,
-            computedHeaderColumns: computedHeaderColumns,
-            computedBodyColumns: computedBodyColumns,
-            computedFooterColumns: computedFooterColumns,
-            containerStyle: containerStyle,
-            computedTableCardProps: computedTableCardProps,
-            handleRowClick: handleRowClick,
-            handleSetCardState: handleSetCardState,
-        };
-    },
-    __typeEmits: {},
-    props: {
-        columns: {
-            type: Array,
-            required: true,
-            default: () => []
-        },
-        data: {
-            type: Array,
-            required: true,
-            default: () => []
-        },
-        /**
-         * Тоталы таблицы (отображаются в футере), обьект ключи которого = поле field из массива колонок
-         * */
-        totals: {
-            type: Object,
-            default: () => ({})
-        },
-        sort: {
-            type: Object,
-            default: () => ({})
-        },
-        /**
-         * Фиксировать ли первую колонку таблицы
-         * */
-        fixedFirstColumn: {
-            type: Boolean,
-            default: true
-        },
-        /**
-         * Фиксировать ли последнюю колонку таблицы
-         * */
-        fixedLastColumn: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Есть ли у таблицы еще данные, если true, при полном пролистывании таблицы вниз, будет вызываться метод @loading
-         * */
-        hasLoadMore: {
-            type: Boolean,
-            default: true
-        },
-        height: {
-            type: [Number, String],
-            default: 'auto'
-        },
-        /**
-         * Высота строки в шапке
-         * */
-        headerRowHeight: {
-            type: Number,
-            default: TABLE.defaultHeaderHeight
-        },
-        /**
-         * Высота строки в теле таблицы
-         * */
-        rowHeight: {
-            type: Number,
-            default: TABLE.defaultRowHeight
-        },
-        /**
-         * Высота строки в подвале (строка с тоталами)
-         * */
-        footerRowHeight: {
-            type: Number,
-            default: TABLE.defaultFooterRowHeight
-        },
-        /**
-         *  Отрисовка всей таблицы и полоса загрузки в каждой ячейке (скелетная загрузка)
-         */
-        skeletonLoading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Лоадинг внизу таблицы
-         * */
-        bottomLoading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Оверлей с затемнение на всю таблицу
-         * */
-        loading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         *  Переводы плейсхолеров и текстов
-         */
-        placeholders: {
-            type: Object,
-            default: () => ({})
-        },
-        noDataIcon: {
-            type: String,
-            default: null
-        },
-        noDataImg: {
-            type: String,
-            default: noTableDataImg
-        },
-        /**
-         * Любые данные что бы передать их в карточку из таблицы
-         * */
-        toTableCardProps: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-});
-const __VLS_component = (await import('vue')).defineComponent({
-    setup() {
-        return {};
-    },
-    __typeEmits: {},
-    props: {
-        columns: {
-            type: Array,
-            required: true,
-            default: () => []
-        },
-        data: {
-            type: Array,
-            required: true,
-            default: () => []
-        },
-        /**
-         * Тоталы таблицы (отображаются в футере), обьект ключи которого = поле field из массива колонок
-         * */
-        totals: {
-            type: Object,
-            default: () => ({})
-        },
-        sort: {
-            type: Object,
-            default: () => ({})
-        },
-        /**
-         * Фиксировать ли первую колонку таблицы
-         * */
-        fixedFirstColumn: {
-            type: Boolean,
-            default: true
-        },
-        /**
-         * Фиксировать ли последнюю колонку таблицы
-         * */
-        fixedLastColumn: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Есть ли у таблицы еще данные, если true, при полном пролистывании таблицы вниз, будет вызываться метод @loading
-         * */
-        hasLoadMore: {
-            type: Boolean,
-            default: true
-        },
-        height: {
-            type: [Number, String],
-            default: 'auto'
-        },
-        /**
-         * Высота строки в шапке
-         * */
-        headerRowHeight: {
-            type: Number,
-            default: TABLE.defaultHeaderHeight
-        },
-        /**
-         * Высота строки в теле таблицы
-         * */
-        rowHeight: {
-            type: Number,
-            default: TABLE.defaultRowHeight
-        },
-        /**
-         * Высота строки в подвале (строка с тоталами)
-         * */
-        footerRowHeight: {
-            type: Number,
-            default: TABLE.defaultFooterRowHeight
-        },
-        /**
-         *  Отрисовка всей таблицы и полоса загрузки в каждой ячейке (скелетная загрузка)
-         */
-        skeletonLoading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Лоадинг внизу таблицы
-         * */
-        bottomLoading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         * Оверлей с затемнение на всю таблицу
-         * */
-        loading: {
-            type: Boolean,
-            default: false
-        },
-        /**
-         *  Переводы плейсхолеров и текстов
-         */
-        placeholders: {
-            type: Object,
-            default: () => ({})
-        },
-        noDataIcon: {
-            type: String,
-            default: null
-        },
-        noDataImg: {
-            type: String,
-            default: noTableDataImg
-        },
-        /**
-         * Любые данные что бы передать их в карточку из таблицы
-         * */
-        toTableCardProps: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    __typeEl: {},
-});
-export default {};
-; /* PartiallyEnd: #4569/main.vue */