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.
89 lines (88 loc) • 4.5 kB
JavaScript
/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
import { computed } from "vue";
import { cn } from "../../utils/cn";
import { alertTheme } from "./alertTheme";
import { useAlert } from "./useAlert";
const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
let __VLS_typeProps;
const props = defineProps();
const restProps = computed(() => {
const { class: _, ...rest } = props;
return rest;
});
const { color } = useAlert();
const { title } = alertTheme;
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;
let __VLS_resolvedLocalAndGlobalComponents;
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...(__VLS_ctx.restProps), ref: ("HTMLDivElement"), });
// @ts-ignore navigation for `const HTMLDivElement = ref()`
__VLS_ctx.HTMLDivElement;
if (__VLS_ctx.color === 'error') {
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ref: ("alertIconRef"), ...{ class: ((__VLS_ctx.cn([__VLS_ctx.title.color[__VLS_ctx.color], props.class]))) }, });
// @ts-ignore navigation for `const alertIconRef = ref()`
__VLS_ctx.alertIconRef;
__VLS_elementAsFunction(__VLS_intrinsicElements.svg, __VLS_intrinsicElements.svg)({ xmlns: ("http://www.w3.org/2000/svg"), width: ("24"), height: ("24"), fill: ("currentColor"), viewBox: ("0 0 256 256"), });
__VLS_elementAsFunction(__VLS_intrinsicElements.path, __VLS_intrinsicElements.path)({ d: ("M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z"), });
}
else if (__VLS_ctx.color === 'success') {
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ref: ("alertIconRef"), ...{ class: ((__VLS_ctx.cn([__VLS_ctx.title.color[__VLS_ctx.color], props.class]))) }, });
// @ts-ignore navigation for `const alertIconRef = ref()`
__VLS_ctx.alertIconRef;
__VLS_elementAsFunction(__VLS_intrinsicElements.svg, __VLS_intrinsicElements.svg)({ xmlns: ("http://www.w3.org/2000/svg"), width: ("24"), height: ("24"), fill: ("currentColor"), viewBox: ("0 0 256 256"), });
__VLS_elementAsFunction(__VLS_intrinsicElements.path, __VLS_intrinsicElements.path)({ d: ("M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"), });
}
else {
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ref: ("alertIconRef"), ...{ class: ((__VLS_ctx.cn([__VLS_ctx.title.color[__VLS_ctx.color], props.class]))) }, });
// @ts-ignore navigation for `const alertIconRef = ref()`
__VLS_ctx.alertIconRef;
__VLS_elementAsFunction(__VLS_intrinsicElements.svg, __VLS_intrinsicElements.svg)({ xmlns: ("http://www.w3.org/2000/svg"), width: ("24"), height: ("24"), fill: ("currentColor"), viewBox: ("0 0 256 256"), });
__VLS_elementAsFunction(__VLS_intrinsicElements.path, __VLS_intrinsicElements.path)({ d: ("M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z"), });
}
var __VLS_slots;
var __VLS_inheritedAttrs;
const __VLS_refs = {
"HTMLDivElement": __VLS_nativeElements['div'],
"alertIconRef": __VLS_nativeElements['div'],
};
var $refs;
return {
slots: __VLS_slots,
refs: $refs,
attrs: {},
};
}
;
const __VLS_self = (await import('vue')).defineComponent({
setup() {
return {
cn: cn,
restProps: restProps,
color: color,
title: title,
};
},
__typeProps: {},
});
export default (await import('vue')).defineComponent({
setup() {
return {};
},
__typeProps: {},
});
;