mediacube-ui-v2 0.0.8 → 0.0.9

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

@@ -0,0 +1,326 @@
+import McSvgIcon from '../McSvgIcon/McSvgIcon.vue';
+import { computed } from 'vue';
+import { Colors } from '@/types/styles/Colors';
+import { ChipModifiers } from '@/enums';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits(['close', 'click']);
+const props = defineProps({
+    /**
+     *  Text content
+     *
+     */
+    title: {
+        type: [String, Number],
+        default: '',
+    },
+    /**
+     *  Кнопка закрытия
+     *
+     */
+    closable: {
+        type: Boolean,
+        default: false,
+    },
+    /**
+     *  Дизайн:
+     *  `purple, purple-invert т.д.`
+     */
+    variation: {
+        type: String,
+        default: 'transparent',
+    },
+    /**
+     *  Счетчик
+     *
+     */
+    counter: {
+        type: [String, Number],
+        default: null,
+    },
+    /**
+     *  Размер
+     */
+    size: {
+        type: String,
+        default: 'm',
+    },
+    /**
+     *  Если нужен
+     *  иной цвет текста
+     */
+    textColor: {
+        type: String,
+        default: '',
+    },
+});
+const classes = computed(() => ({
+    [`mc-chip--variation-${chipOptions.value.variation}`]: !!props.variation,
+    [`mc-chip--size-${props.size}`]: !!props.size,
+}));
+const chipOptions = computed(() => {
+    const variationProps = props.variation?.split('-');
+    const currentVariation = variationProps[variationProps.length - 1];
+    let color;
+    let variation;
+    switch (currentVariation) {
+        case ChipModifiers.Outline:
+        case ChipModifiers.Invert: {
+            variation = currentVariation;
+            color = props.variation.replace(`-${currentVariation}`, '');
+            break;
+        }
+        default: {
+            variation = 'default';
+            color = props.variation;
+            break;
+        }
+    }
+    return {
+        color: color,
+        variation,
+    };
+});
+const styles = computed(() => {
+    const textColor = props.textColor || 'white';
+    return {
+        '--mc-chip-color': Colors[chipOptions.value.color],
+        '--mc-chip-text-color': Colors[textColor],
+    };
+});
+const handleCloseClick = (e) => {
+    emit('close', e);
+};
+const handleClick = (e) => {
+    emit('click', e);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Text content
+         *
+         */
+        title: {
+            type: [String, Number],
+            default: '',
+        },
+        /**
+         *  Кнопка закрытия
+         *
+         */
+        closable: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         *  Дизайн:
+         *  `purple, purple-invert т.д.`
+         */
+        variation: {
+            type: String,
+            default: 'transparent',
+        },
+        /**
+         *  Счетчик
+         *
+         */
+        counter: {
+            type: [String, Number],
+            default: null,
+        },
+        /**
+         *  Размер
+         */
+        size: {
+            type: String,
+            default: 'm',
+        },
+        /**
+         *  Если нужен
+         *  иной цвет текста
+         */
+        textColor: {
+            type: String,
+            default: '',
+        },
+    },
+    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.section, __VLS_intrinsicElements.section)({ ...{ onClick: (__VLS_ctx.handleClick) }, ...{ class: ("mc-chip") }, tabindex: ("0"), ...{ class: ((__VLS_ctx.classes)) }, ...{ style: ((__VLS_ctx.styles)) }, });
+    if (__VLS_ctx.$slots.icon) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-chip__icon") }, });
+        var __VLS_0 = {};
+    }
+    if (__VLS_ctx.title || __VLS_ctx.$slots.default) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-chip__title") }, });
+        var __VLS_1 = {};
+        (__VLS_ctx.title);
+    }
+    if (__VLS_ctx.counter || __VLS_ctx.counter === 0) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-chip__counter") }, });
+        (__VLS_ctx.counter);
+    }
+    if (__VLS_ctx.closable) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({ ...{ onClick: (__VLS_ctx.handleCloseClick) }, ...{ class: ("mc-chip__button") }, type: ("button"), });
+        var __VLS_2 = {};
+        // @ts-ignore
+        [McSvgIcon,];
+        // @ts-ignore
+        const __VLS_3 = __VLS_asFunctionalComponent(McSvgIcon, new McSvgIcon({ size: ("200"), name: ("cancel"), }));
+        const __VLS_4 = __VLS_3({ size: ("200"), name: ("cancel"), }, ...__VLS_functionalComponentArgsRest(__VLS_3));
+    }
+    __VLS_styleScopedClasses['mc-chip'];
+    __VLS_styleScopedClasses['mc-chip__icon'];
+    __VLS_styleScopedClasses['mc-chip__title'];
+    __VLS_styleScopedClasses['mc-chip__counter'];
+    __VLS_styleScopedClasses['mc-chip__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 {
+            McSvgIcon: McSvgIcon,
+            classes: classes,
+            styles: styles,
+            handleCloseClick: handleCloseClick,
+            handleClick: handleClick,
+        };
+    },
+    emits: {},
+    props: {
+        /**
+         *  Text content
+         *
+         */
+        title: {
+            type: [String, Number],
+            default: '',
+        },
+        /**
+         *  Кнопка закрытия
+         *
+         */
+        closable: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         *  Дизайн:
+         *  `purple, purple-invert т.д.`
+         */
+        variation: {
+            type: String,
+            default: 'transparent',
+        },
+        /**
+         *  Счетчик
+         *
+         */
+        counter: {
+            type: [String, Number],
+            default: null,
+        },
+        /**
+         *  Размер
+         */
+        size: {
+            type: String,
+            default: 'm',
+        },
+        /**
+         *  Если нужен
+         *  иной цвет текста
+         */
+        textColor: {
+            type: String,
+            default: '',
+        },
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    emits: {},
+    props: {
+        /**
+         *  Text content
+         *
+         */
+        title: {
+            type: [String, Number],
+            default: '',
+        },
+        /**
+         *  Кнопка закрытия
+         *
+         */
+        closable: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         *  Дизайн:
+         *  `purple, purple-invert т.д.`
+         */
+        variation: {
+            type: String,
+            default: 'transparent',
+        },
+        /**
+         *  Счетчик
+         *
+         */
+        counter: {
+            type: [String, Number],
+            default: null,
+        },
+        /**
+         *  Размер
+         */
+        size: {
+            type: String,
+            default: 'm',
+        },
+        /**
+         *  Если нужен
+         *  иной цвет текста
+         */
+        textColor: {
+            type: String,
+            default: '',
+        },
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -0,0 +1,98 @@
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+// import { ref, watch } from 'vue'
+// //@ts-ignore
+// import VueCropper from 'vue3-cropperjs'
+// import 'vue3-cropperjs/dist/v3cropper.css'
+//
+// const emit = defineEmits(['crop', 'ready'])
+// const props = defineProps({
+//   /**
+//    *  Путь к изображению
+//    *
+//    */
+//   imgSrc: {
+//     type: String,
+//     default: null
+//   }
+// })
+// const cropper = ref<InstanceType<VueCropper>>(null)
+// const timeout = ref<number | null>(null)
+//
+// watch(
+//   () => props.imgSrc,
+//   (value) => {
+//     setImage(value)
+//   }
+// )
+// const setImage = (value: string): void => {
+//   cropper.value.replace(props.imgSrc || value)
+// }
+//
+// const debounce = (method: TimerHandler): void => {
+//   clearDebounce()
+//   timeout.value = setTimeout(method, 200)
+// }
+//
+// const cropImage = (e: any): void => {
+//   e.target?.cropper
+//     ?.getCroppedCanvas({
+//       maxWidth: 650,
+//       maxHeight: 650
+//     })
+//     .toBlob((blob: Blob) => {
+//       /**
+//        * Событие по обрезке
+//        * @property {blob}
+//        */
+//       emit('crop', blob)
+//     })
+//   clearDebounce()
+// }
+// const clearDebounce = (): void => {
+//   timeout.value && clearTimeout(timeout.value)
+// }
+; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({});
+;
+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;
+    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 {};
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */