mediacube-ui-v2 0.0.7 → 0.0.9

package/dist/components/elements/McNodata/McNoData.vue.js

@@ -0,0 +1,319 @@
+import McTitle from '@/components/elements/McTitle/McTitle.vue';
+import McSvgIcon from '@/components/elements/McSvgIcon/McSvgIcon.vue';
+import McButton from '@/components/elements/McButton/McButton.vue';
+import { computed } from 'vue';
+import { HorizontalAlignment, TitleVariations, Weights } from '@/enums';
+//@ts-ignore
+import noTableDataImg from '../../../assets/img/no_table_data.png';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits();
+const props = defineProps({
+    img: {
+        type: String,
+        default: noTableDataImg,
+    },
+    icon: {
+        type: String,
+        default: null
+    },
+    title: {
+        type: String,
+        default: ''
+    },
+    text: {
+        type: String,
+        default: ''
+    },
+    href: {
+        type: String,
+        default: ''
+    },
+    btnName: {
+        type: String,
+        default: ''
+    },
+    noAction: {
+        type: Boolean,
+        default: false
+    },
+    loading: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * Вариант блока
+     * small - стандартный, небольшие отступы
+     * large - большие отступы (напр. для табов в админке) + немного меняются дефолтные шрифты тайтла
+     * */
+    variation: {
+        type: String,
+        default: 'small'
+    }
+});
+const btnAttrs = computed(() => {
+    return {
+        class: 'mt-200',
+        loading: props.loading,
+        ...(props.href ? { href: props.href } : {})
+    };
+});
+const btnListeners = computed(() => {
+    return !props.href
+        ? {
+            click: () => handleClick()
+        }
+        : {};
+});
+const titleExtraProps = computed(() => {
+    return props.variation === 'large'
+        ? {
+            variation: TitleVariations.Subtitle,
+            weight: Weights.SemiBold
+        }
+        : {};
+});
+const classes = computed(() => {
+    return {
+        'mc-no-data': true,
+        [`mc-no-data--variation-${props.variation}`]: !!props.variation
+    };
+});
+const handleClick = () => {
+    emit('click');
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        img: {
+            type: String,
+            default: noTableDataImg,
+        },
+        icon: {
+            type: String,
+            default: null
+        },
+        title: {
+            type: String,
+            default: ''
+        },
+        text: {
+            type: String,
+            default: ''
+        },
+        href: {
+            type: String,
+            default: ''
+        },
+        btnName: {
+            type: String,
+            default: ''
+        },
+        noAction: {
+            type: Boolean,
+            default: false
+        },
+        loading: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Вариант блока
+         * small - стандартный, небольшие отступы
+         * large - большие отступы (напр. для табов в админке) + немного меняются дефолтные шрифты тайтла
+         * */
+        variation: {
+            type: String,
+            default: 'small'
+        }
+    },
+    __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-no-data__wrapper") }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.section, __VLS_intrinsicElements.section)({ ...{ class: ((__VLS_ctx.classes)) }, });
+    if (props.icon) {
+        // @ts-ignore
+        [McSvgIcon,];
+        // @ts-ignore
+        const __VLS_0 = __VLS_asFunctionalComponent(McSvgIcon, new McSvgIcon({ weight: ((0.5)), name: ((props.icon)), size: ("1000"), color: ("outline-gray"), }));
+        const __VLS_1 = __VLS_0({ weight: ((0.5)), name: ((props.icon)), size: ("1000"), color: ("outline-gray"), }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    }
+    if (props.img) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.img)({ src: ((props.img)), alt: ("no_entity"), });
+    }
+    if (__VLS_ctx.title || __VLS_ctx.$slots.title) {
+        var __VLS_5 = {};
+        if (props.title) {
+            // @ts-ignore
+            [McTitle,];
+            // @ts-ignore
+            const __VLS_6 = __VLS_asFunctionalComponent(McTitle, new McTitle({ ...(__VLS_ctx.titleExtraProps), color: ("gray"), textAlign: ((__VLS_ctx.HorizontalAlignment.Center)), htmlData: ((props.title)), }));
+            const __VLS_7 = __VLS_6({ ...(__VLS_ctx.titleExtraProps), color: ("gray"), textAlign: ((__VLS_ctx.HorizontalAlignment.Center)), htmlData: ((props.title)), }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+        }
+    }
+    if (__VLS_ctx.text || __VLS_ctx.$slots.text) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-no-data__text") }, });
+        var __VLS_11 = {};
+        // @ts-ignore
+        [McTitle,];
+        // @ts-ignore
+        const __VLS_12 = __VLS_asFunctionalComponent(McTitle, new McTitle({ color: ("gray"), variation: ((__VLS_ctx.TitleVariations.Article)), textAlign: ((__VLS_ctx.HorizontalAlignment.Center)), htmlData: ((__VLS_ctx.text)), }));
+        const __VLS_13 = __VLS_12({ color: ("gray"), variation: ((__VLS_ctx.TitleVariations.Article)), textAlign: ((__VLS_ctx.HorizontalAlignment.Center)), htmlData: ((__VLS_ctx.text)), }, ...__VLS_functionalComponentArgsRest(__VLS_12));
+    }
+    if ((__VLS_ctx.btnName && !__VLS_ctx.noAction) || __VLS_ctx.$slots.action) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-no-data__actions") }, });
+        var __VLS_17 = {};
+        // @ts-ignore
+        [McButton, McButton,];
+        // @ts-ignore
+        const __VLS_18 = __VLS_asFunctionalComponent(McButton, new McButton({ ...(__VLS_ctx.btnAttrs), }));
+        const __VLS_19 = __VLS_18({ ...(__VLS_ctx.btnAttrs), }, ...__VLS_functionalComponentArgsRest(__VLS_18));
+        (__VLS_ctx.btnListeners);
+        (__VLS_ctx.btnName);
+        __VLS_nonNullable(__VLS_22.slots).default;
+        var __VLS_22;
+    }
+    __VLS_styleScopedClasses['mc-no-data__wrapper'];
+    __VLS_styleScopedClasses['mc-no-data__text'];
+    __VLS_styleScopedClasses['mc-no-data__actions'];
+    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 {
+            McTitle: McTitle,
+            McSvgIcon: McSvgIcon,
+            McButton: McButton,
+            HorizontalAlignment: HorizontalAlignment,
+            TitleVariations: TitleVariations,
+            btnAttrs: btnAttrs,
+            btnListeners: btnListeners,
+            titleExtraProps: titleExtraProps,
+            classes: classes,
+        };
+    },
+    __typeEmits: {},
+    props: {
+        img: {
+            type: String,
+            default: noTableDataImg,
+        },
+        icon: {
+            type: String,
+            default: null
+        },
+        title: {
+            type: String,
+            default: ''
+        },
+        text: {
+            type: String,
+            default: ''
+        },
+        href: {
+            type: String,
+            default: ''
+        },
+        btnName: {
+            type: String,
+            default: ''
+        },
+        noAction: {
+            type: Boolean,
+            default: false
+        },
+        loading: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Вариант блока
+         * small - стандартный, небольшие отступы
+         * large - большие отступы (напр. для табов в админке) + немного меняются дефолтные шрифты тайтла
+         * */
+        variation: {
+            type: String,
+            default: 'small'
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeEmits: {},
+    props: {
+        img: {
+            type: String,
+            default: noTableDataImg,
+        },
+        icon: {
+            type: String,
+            default: null
+        },
+        title: {
+            type: String,
+            default: ''
+        },
+        text: {
+            type: String,
+            default: ''
+        },
+        href: {
+            type: String,
+            default: ''
+        },
+        btnName: {
+            type: String,
+            default: ''
+        },
+        noAction: {
+            type: Boolean,
+            default: false
+        },
+        loading: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Вариант блока
+         * small - стандартный, небольшие отступы
+         * large - большие отступы (напр. для табов в админке) + немного меняются дефолтные шрифты тайтла
+         * */
+        variation: {
+            type: String,
+            default: 'small'
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

package/dist/components/elements/McNotification/McNotification.vue.js

@@ -0,0 +1,367 @@
+import McTitle from '@/components/elements/McTitle/McTitle.vue';
+import McSvgIcon from '@/components/elements/McSvgIcon/McSvgIcon.vue';
+import McButton from '@/components/elements/McButton/McButton.vue';
+import McPreview from '@/components/patterns/McPreview/McPreview.vue';
+import { computed } from 'vue';
+import { Colors } from '@/types/styles/Colors';
+import { Weights } from '@/enums/ui/Weights';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits(['click']);
+const props = defineProps({
+    /**
+     * Дизайн:
+     * purple, red, orange и т.д.
+     */
+    variation: {
+        type: String,
+        default: 'purple',
+    },
+    /**
+     * Заголовок блока
+     */
+    title: {
+        type: String,
+    },
+    /**
+     * Содержимое блока
+     */
+    content: {
+        type: String,
+        default: null,
+    },
+    /**
+     * Отобразить кнопку внтури блока
+     */
+    buttonVisible: {
+        type: Boolean,
+        default: false,
+    },
+    /**
+     * Текст кнопки
+     */
+    buttonText: {
+        type: String,
+        default: '',
+    },
+    /**
+     * Название иконки
+     */
+    iconName: {
+        type: String,
+        default: 'info',
+    },
+    /**
+     * Отображать иконку
+     */
+    iconVisible: {
+        type: Boolean,
+        default: true,
+    },
+});
+const styles = computed(() => {
+    return {
+        '--mc-notification-color': Colors[props.variation],
+    };
+});
+const handleClick = (e) => {
+    /**
+     * Событие клика по кнопке
+     */
+    emit('click', e);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple',
+        },
+        /**
+         * Заголовок блока
+         */
+        title: {
+            type: String,
+        },
+        /**
+         * Содержимое блока
+         */
+        content: {
+            type: String,
+            default: null,
+        },
+        /**
+         * Отобразить кнопку внтури блока
+         */
+        buttonVisible: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Текст кнопки
+         */
+        buttonText: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Название иконки
+         */
+        iconName: {
+            type: String,
+            default: 'info',
+        },
+        /**
+         * Отображать иконку
+         */
+        iconVisible: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    emits: {},
+});
+;
+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-notification") }, ...{ style: ((__VLS_ctx.styles)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-notification__inner") }, });
+    // @ts-ignore
+    [McPreview, McPreview,];
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(McPreview, new McPreview({}));
+    const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    if (props.iconVisible && (__VLS_ctx.$slots.left || props.iconName)) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { left: __VLS_thisSlot } = __VLS_nonNullable(__VLS_4.slots);
+            var __VLS_5 = {};
+            // @ts-ignore
+            [McSvgIcon,];
+            // @ts-ignore
+            const __VLS_6 = __VLS_asFunctionalComponent(McSvgIcon, new McSvgIcon({ name: ((props.iconName)), size: ("300"), }));
+            const __VLS_7 = __VLS_6({ name: ((props.iconName)), size: ("300"), }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+            __VLS_nonNullable(__VLS_4.slots).default;
+        }
+    }
+    if (__VLS_ctx.$slots.header || props.title) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { top: __VLS_thisSlot } = __VLS_nonNullable(__VLS_4.slots);
+            var __VLS_11 = {};
+            if (props.title) {
+                // @ts-ignore
+                [McTitle, McTitle,];
+                // @ts-ignore
+                const __VLS_12 = __VLS_asFunctionalComponent(McTitle, new McTitle({ color: ((props.variation)), weight: ((__VLS_ctx.Weights.SemiBold)), ...{ class: ("mc-notification__title") }, }));
+                const __VLS_13 = __VLS_12({ color: ((props.variation)), weight: ((__VLS_ctx.Weights.SemiBold)), ...{ class: ("mc-notification__title") }, }, ...__VLS_functionalComponentArgsRest(__VLS_12));
+                (props.title);
+                __VLS_nonNullable(__VLS_16.slots).default;
+                var __VLS_16;
+            }
+            __VLS_nonNullable(__VLS_4.slots).default;
+        }
+    }
+    if (props.content || __VLS_ctx.$slots.default) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { bottom: __VLS_thisSlot } = __VLS_nonNullable(__VLS_4.slots);
+            __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-notification__text") }, });
+            var __VLS_17 = {};
+            // @ts-ignore
+            [McTitle, McTitle,];
+            // @ts-ignore
+            const __VLS_18 = __VLS_asFunctionalComponent(McTitle, new McTitle({ color: ((props.variation)), }));
+            const __VLS_19 = __VLS_18({ color: ((props.variation)), }, ...__VLS_functionalComponentArgsRest(__VLS_18));
+            (props.content);
+            __VLS_nonNullable(__VLS_22.slots).default;
+            var __VLS_22;
+            __VLS_nonNullable(__VLS_4.slots).default;
+        }
+    }
+    if (__VLS_ctx.$slots.right || props.buttonVisible) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { right: __VLS_thisSlot } = __VLS_nonNullable(__VLS_4.slots);
+            var __VLS_23 = {};
+            if (props.buttonVisible) {
+                // @ts-ignore
+                [McButton, McButton,];
+                // @ts-ignore
+                const __VLS_24 = __VLS_asFunctionalComponent(McButton, new McButton({ ...{ 'onClick': {} }, variation: ((props.variation)), ...{ class: ("mc-notification__button") }, }));
+                const __VLS_25 = __VLS_24({ ...{ 'onClick': {} }, variation: ((props.variation)), ...{ class: ("mc-notification__button") }, }, ...__VLS_functionalComponentArgsRest(__VLS_24));
+                let __VLS_29;
+                const __VLS_30 = {
+                    onClick: (__VLS_ctx.handleClick)
+                };
+                let __VLS_26;
+                let __VLS_27;
+                (props.buttonText);
+                __VLS_nonNullable(__VLS_28.slots).default;
+                var __VLS_28;
+            }
+            __VLS_nonNullable(__VLS_4.slots).default;
+        }
+    }
+    var __VLS_4;
+    __VLS_styleScopedClasses['mc-notification'];
+    __VLS_styleScopedClasses['mc-notification__inner'];
+    __VLS_styleScopedClasses['mc-notification__title'];
+    __VLS_styleScopedClasses['mc-notification__text'];
+    __VLS_styleScopedClasses['mc-notification__button'];
+    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 {
+            McTitle: McTitle,
+            McSvgIcon: McSvgIcon,
+            McButton: McButton,
+            McPreview: McPreview,
+            Weights: Weights,
+            styles: styles,
+            handleClick: handleClick,
+        };
+    },
+    emits: {},
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple',
+        },
+        /**
+         * Заголовок блока
+         */
+        title: {
+            type: String,
+        },
+        /**
+         * Содержимое блока
+         */
+        content: {
+            type: String,
+            default: null,
+        },
+        /**
+         * Отобразить кнопку внтури блока
+         */
+        buttonVisible: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Текст кнопки
+         */
+        buttonText: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Название иконки
+         */
+        iconName: {
+            type: String,
+            default: 'info',
+        },
+        /**
+         * Отображать иконку
+         */
+        iconVisible: {
+            type: Boolean,
+            default: true,
+        },
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    emits: {},
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple',
+        },
+        /**
+         * Заголовок блока
+         */
+        title: {
+            type: String,
+        },
+        /**
+         * Содержимое блока
+         */
+        content: {
+            type: String,
+            default: null,
+        },
+        /**
+         * Отобразить кнопку внтури блока
+         */
+        buttonVisible: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Текст кнопки
+         */
+        buttonText: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Название иконки
+         */
+        iconName: {
+            type: String,
+            default: 'info',
+        },
+        /**
+         * Отображать иконку
+         */
+        iconVisible: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */