keep-vue
Version:
Keep Vue is an open-source component library built on top of Vue3 and Tailwind CSS. It offers a collection of pre-designed UI components and styles that you can easily integrate into your web applications.
117 lines (116 loc) • 5.46 kB
JavaScript
/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits, } from "radix-vue";
import { computed } from "vue";
import { cn } from "../../utils/cn";
import SelectScrollDownButton from "./SelectScrollDownButton.vue";
import SelectScrollUpButton from "./SelectScrollUpButton.vue";
const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
defineOptions({
inheritAttrs: false,
});
let __VLS_typeProps;
const props = withDefaults(defineProps(), {
position: "popper",
});
const emits = defineEmits();
const restProps = computed(() => {
const { class: _, ...rest } = props;
return rest;
});
const forwarded = useForwardPropsEmits(restProps, emits);
const __VLS_withDefaultsArg = (function (t) { return t; })({
position: "popper",
});
const __VLS_fnComponent = (await import('vue')).defineComponent({
__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;
let __VLS_resolvedLocalAndGlobalComponents;
const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.SelectPortal;
/** @type { [typeof __VLS_components.SelectPortal, typeof __VLS_components.SelectPortal, ] } */
// @ts-ignore
const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.SelectContent;
/** @type { [typeof __VLS_components.SelectContent, typeof __VLS_components.SelectContent, ] } */
// @ts-ignore
const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ ...({ ...__VLS_ctx.forwarded, ...__VLS_ctx.$attrs }), ...{ class: ((__VLS_ctx.cn('relative z-50 max-h-[390px] overflow-hidden rounded-xl border bg-white p-4 text-metal-600 dark:border-metal-900 dark:bg-metal-900', __VLS_ctx.position === 'popper' &&
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', 'data-[state=open]:animate-fadeInUp', props.class))) }, }));
const __VLS_8 = __VLS_7({ ...({ ...__VLS_ctx.forwarded, ...__VLS_ctx.$attrs }), ...{ class: ((__VLS_ctx.cn('relative z-50 max-h-[390px] overflow-hidden rounded-xl border bg-white p-4 text-metal-600 dark:border-metal-900 dark:bg-metal-900', __VLS_ctx.position === 'popper' &&
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', 'data-[state=open]:animate-fadeInUp', props.class))) }, }, ...__VLS_functionalComponentArgsRest(__VLS_7));
// @ts-ignore
[SelectScrollUpButton,];
// @ts-ignore
const __VLS_12 = __VLS_asFunctionalComponent(SelectScrollUpButton, new SelectScrollUpButton({}));
const __VLS_13 = __VLS_12({}, ...__VLS_functionalComponentArgsRest(__VLS_12));
const __VLS_17 = __VLS_resolvedLocalAndGlobalComponents.SelectViewport;
/** @type { [typeof __VLS_components.SelectViewport, typeof __VLS_components.SelectViewport, ] } */
// @ts-ignore
const __VLS_18 = __VLS_asFunctionalComponent(__VLS_17, new __VLS_17({ ...{ class: ((__VLS_ctx.cn('p-1', __VLS_ctx.position === 'popper' &&
'h-[var(--radix-select-trigger-height)] w-full min-w-[calc(var(--radix-select-trigger-width)-32px)]'))) }, }));
const __VLS_19 = __VLS_18({ ...{ class: ((__VLS_ctx.cn('p-1', __VLS_ctx.position === 'popper' &&
'h-[var(--radix-select-trigger-height)] w-full min-w-[calc(var(--radix-select-trigger-width)-32px)]'))) }, }, ...__VLS_functionalComponentArgsRest(__VLS_18));
var __VLS_23 = {};
__VLS_nonNullable(__VLS_22.slots).default;
const __VLS_22 = __VLS_pickFunctionalComponentCtx(__VLS_17, __VLS_19);
// @ts-ignore
[SelectScrollDownButton,];
// @ts-ignore
const __VLS_24 = __VLS_asFunctionalComponent(SelectScrollDownButton, new SelectScrollDownButton({}));
const __VLS_25 = __VLS_24({}, ...__VLS_functionalComponentArgsRest(__VLS_24));
__VLS_nonNullable(__VLS_11.slots).default;
const __VLS_11 = __VLS_pickFunctionalComponentCtx(__VLS_6, __VLS_8);
__VLS_nonNullable(__VLS_5.slots).default;
const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
var __VLS_slots;
var __VLS_inheritedAttrs;
const __VLS_refs = {};
var $refs;
return {
slots: __VLS_slots,
refs: $refs,
attrs: {},
};
}
;
const __VLS_self = (await import('vue')).defineComponent({
setup() {
return {
SelectContent: SelectContent,
SelectPortal: SelectPortal,
SelectViewport: SelectViewport,
cn: cn,
SelectScrollDownButton: SelectScrollDownButton,
SelectScrollUpButton: SelectScrollUpButton,
forwarded: forwarded,
};
},
__typeEmits: {},
__typeProps: {},
props: {},
});
const __VLS_component = (await import('vue')).defineComponent({
setup() {
return {};
},
__typeEmits: {},
__typeProps: {},
props: {},
});
export default {};
;