mediacube-ui-v2 0.0.37 → 0.0.38

package/dist/src/components/elements/McFieldRadioGroup/McFieldRadioGroup.vue.js

@@ -0,0 +1,470 @@
+import { McTitle, McFieldRadio } from '@/components';
+import { computed } from 'vue';
+import { useFieldErrors } from '@/composables';
+import { Directions } from '@/enums/ui/Directions';
+import { RadioGroupDirection } from '@/enums/RadioGroup';
+import { TitleVariations } from '@/enums';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits(['update:modelValue', 'change']);
+//@ts-ignore
+const props = defineProps({
+    modelValue: [String, Number],
+    /**
+     *  Объект или массив данных
+     */
+    options: {
+        type: [Array],
+        default: () => []
+    },
+    /**
+     *  Заголовок:
+     *
+     */
+    title: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Вспомогательный текст под инпутом:
+     *
+     */
+    helpText: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: Array,
+        default: () => []
+    },
+    /**
+     *  Name
+     */
+    name: {
+        type: String,
+        required: true
+    },
+    /**
+     *  Отключенное состояние
+     *  всего списка
+     */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Добавление пользовательского
+     *  класса к radio
+     */
+    radioClassName: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Направление списка
+     *  `column`, `row`
+     */
+    direction: {
+        type: String,
+        default: RadioGroupDirection.Column
+    },
+    dir: {
+        type: String,
+        default: Directions.Ltr
+    },
+    /**
+     * Вариант активного состояния
+     * circle - внутри круг
+     * checkmark - внутри галочка
+     * */
+    variation: {
+        type: String,
+        default: 'circle'
+    }
+});
+const fieldErrors = useFieldErrors(props.errors);
+const computedOptions = computed(() => {
+    if (!props.options.length)
+        return [];
+    return props.options.map((o, i) => {
+        const optionData = typeof o === 'object' ? o : { label: o, value: o };
+        return {
+            id: Date.now() + i,
+            ...optionData,
+            disabled: props.disabled || optionData.disabled,
+            value: optionData.value,
+            modelValue: props.modelValue,
+            class: props.radioClassName,
+            dir: props.dir,
+            variation: props.variation
+        };
+    });
+});
+const classes = computed(() => {
+    return {
+        [`mc-field-radio-group--direction-${props.direction}`]: !!props.direction
+    };
+});
+/**
+ * Событие по смене выбора
+ * @property {event}
+ */
+const handleInput = (e) => {
+    fieldErrors.toggleErrorVisible();
+    emit('update:modelValue', e);
+    emit('change', e);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        modelValue: [String, Number],
+        /**
+         *  Объект или массив данных
+         */
+        options: {
+            type: [Array],
+            default: () => []
+        },
+        /**
+         *  Заголовок:
+         *
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: () => []
+        },
+        /**
+         *  Name
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         *  Отключенное состояние
+         *  всего списка
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Добавление пользовательского
+         *  класса к radio
+         */
+        radioClassName: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Направление списка
+         *  `column`, `row`
+         */
+        direction: {
+            type: String,
+            default: RadioGroupDirection.Column
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        },
+        /**
+         * Вариант активного состояния
+         * circle - внутри круг
+         * checkmark - внутри галочка
+         * */
+        variation: {
+            type: String,
+            default: 'circle'
+        }
+    },
+    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)({ dir: ((props.dir)), ...{ class: ("mc-field-radio-group") }, ...{ class: ((__VLS_ctx.classes)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-field-radio-group__header") }, });
+    var __VLS_0 = {};
+    if (props.title) {
+        const __VLS_1 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+        /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+        // @ts-ignore
+        const __VLS_2 = __VLS_asFunctionalComponent(__VLS_1, new __VLS_1({}));
+        const __VLS_3 = __VLS_2({}, ...__VLS_functionalComponentArgsRest(__VLS_2));
+        (props.title);
+        __VLS_nonNullable(__VLS_6.slots).default;
+        var __VLS_6;
+    }
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-field-radio-group__buttons") }, });
+    for (const [radio] of __VLS_getVForSourceType((__VLS_ctx.computedOptions))) {
+        const __VLS_7 = __VLS_resolvedLocalAndGlobalComponents.McFieldRadio;
+        /** @type { [typeof __VLS_components.McFieldRadio, typeof __VLS_components.mcFieldRadio, ] } */
+        // @ts-ignore
+        const __VLS_8 = __VLS_asFunctionalComponent(__VLS_7, new __VLS_7({ ...{ 'onUpdate:modelValue': {} }, key: ((radio.id)), ...(radio), name: ((props.name)), }));
+        const __VLS_9 = __VLS_8({ ...{ 'onUpdate:modelValue': {} }, key: ((radio.id)), ...(radio), name: ((props.name)), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+        let __VLS_13;
+        const __VLS_14 = {
+            'onUpdate:modelValue': (__VLS_ctx.handleInput)
+        };
+        let __VLS_10;
+        let __VLS_11;
+        var __VLS_12;
+    }
+    if (__VLS_ctx.fieldErrors.errorText.value || props.helpText || __VLS_ctx.$slots.footer) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-field-radio-group__footer") }, });
+        if (__VLS_ctx.fieldErrors.errorText.value) {
+            const __VLS_15 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+            /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+            // @ts-ignore
+            const __VLS_16 = __VLS_asFunctionalComponent(__VLS_15, new __VLS_15({ tagName: ("div"), color: ("red"), variation: ((__VLS_ctx.TitleVariations.Overline)), maxWidth: ("100%"), }));
+            const __VLS_17 = __VLS_16({ tagName: ("div"), color: ("red"), variation: ((__VLS_ctx.TitleVariations.Overline)), maxWidth: ("100%"), }, ...__VLS_functionalComponentArgsRest(__VLS_16));
+            (__VLS_ctx.fieldErrors.errorText.value);
+            __VLS_nonNullable(__VLS_20.slots).default;
+            var __VLS_20;
+        }
+        if (__VLS_ctx.fieldErrors.errorText.value) {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.br)({});
+        }
+        var __VLS_21 = {};
+        if (props.helpText) {
+            const __VLS_22 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+            /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+            // @ts-ignore
+            const __VLS_23 = __VLS_asFunctionalComponent(__VLS_22, new __VLS_22({ tagName: ("div"), variation: ((__VLS_ctx.TitleVariations.Overline)), color: ("gray"), maxWidth: ("100%"), }));
+            const __VLS_24 = __VLS_23({ tagName: ("div"), variation: ((__VLS_ctx.TitleVariations.Overline)), color: ("gray"), maxWidth: ("100%"), }, ...__VLS_functionalComponentArgsRest(__VLS_23));
+            (props.helpText);
+            __VLS_nonNullable(__VLS_27.slots).default;
+            var __VLS_27;
+        }
+    }
+    __VLS_styleScopedClasses['mc-field-radio-group'];
+    __VLS_styleScopedClasses['mc-field-radio-group__header'];
+    __VLS_styleScopedClasses['mc-field-radio-group__buttons'];
+    __VLS_styleScopedClasses['mc-field-radio-group__footer'];
+    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,
+            McFieldRadio: McFieldRadio,
+            TitleVariations: TitleVariations,
+            fieldErrors: fieldErrors,
+            computedOptions: computedOptions,
+            classes: classes,
+            handleInput: handleInput,
+        };
+    },
+    emits: {},
+    props: {
+        modelValue: [String, Number],
+        /**
+         *  Объект или массив данных
+         */
+        options: {
+            type: [Array],
+            default: () => []
+        },
+        /**
+         *  Заголовок:
+         *
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: () => []
+        },
+        /**
+         *  Name
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         *  Отключенное состояние
+         *  всего списка
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Добавление пользовательского
+         *  класса к radio
+         */
+        radioClassName: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Направление списка
+         *  `column`, `row`
+         */
+        direction: {
+            type: String,
+            default: RadioGroupDirection.Column
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        },
+        /**
+         * Вариант активного состояния
+         * circle - внутри круг
+         * checkmark - внутри галочка
+         * */
+        variation: {
+            type: String,
+            default: 'circle'
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    emits: {},
+    props: {
+        modelValue: [String, Number],
+        /**
+         *  Объект или массив данных
+         */
+        options: {
+            type: [Array],
+            default: () => []
+        },
+        /**
+         *  Заголовок:
+         *
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: () => []
+        },
+        /**
+         *  Name
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         *  Отключенное состояние
+         *  всего списка
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Добавление пользовательского
+         *  класса к radio
+         */
+        radioClassName: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Направление списка
+         *  `column`, `row`
+         */
+        direction: {
+            type: String,
+            default: RadioGroupDirection.Column
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        },
+        /**
+         * Вариант активного состояния
+         * circle - внутри круг
+         * checkmark - внутри галочка
+         * */
+        variation: {
+            type: String,
+            default: 'circle'
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

package/dist/{types/src → src}/components/elements/McFieldRange/McFieldRange.vue.d.ts

@@ -1,7 +1,7 @@
-import { PropType } from 'vue';
-import { TooltipPositionsUnion } from '../../../types/ITooltip';
+import { type PropType } from 'vue';
+import type { TooltipPositionsUnion } from '@/types/ITooltip';
 type RangeValue = string[] | number[] | number | string | null;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Значение
      */
@@ -92,10 +92,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<string[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     dragging: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Значение
      */
@@ -204,7 +204,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     coloredTooltip: boolean;
     smooth: boolean;
     showLabels: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     header?(_: {}): any;
     footer?(_: {}): any;
 }>;

package/dist/src/components/elements/McFieldRange/McFieldRange.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McFieldRange.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McFieldRange/McFieldRange.vue"],"names":[],"mappings":"AA0RA,OAAO,EAAY,KAAK,QAAQ,EAAY,MAAM,KAAK,CAAA;AAEvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAO7D,KAAK,UAAU,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;;IAue5D;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;IAaH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;IArEH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;IAaH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBL,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}