first commit

This commit is contained in:
2025-05-23 15:36:39 +07:00
commit 692ffdf2f1
129 changed files with 12232 additions and 0 deletions

View File

@@ -0,0 +1,24 @@
<script setup lang="ts">
const props = defineProps({
title: String
});
</script>
<template>
<!-- -------------------------------------------------------------------- -->
<!-- Card with Header & Footer -->
<!-- -------------------------------------------------------------------- -->
<v-card variant="outlined" elevation="0" >
<v-card-item>
<v-card-title class="text-18">{{ title }}</v-card-title>
</v-card-item>
<v-divider></v-divider>
<v-card-text>
<slot />
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<slot name="footer" />
</v-card-actions>
</v-card>
</template>

View File

@@ -0,0 +1,17 @@
<script setup lang="ts">
const props = defineProps({
title: String
});
</script>
<template>
<v-card variant="outlined">
<v-card-item class="py-4 px-6">
<v-card-title class="text-h5 mb-0">{{ title }}</v-card-title>
</v-card-item>
<v-divider />
<v-card-text>
<slot />
</v-card-text>
</v-card>
</template>

View File

@@ -0,0 +1,21 @@
<script setup lang="ts">
const props = defineProps({
title: String
});
</script>
// ===============================|| Ui Parent Card||=============================== //
<template>
<v-card elevation="10" >
<v-card-item>
<div class="d-sm-flex align-center justify-space-between">
<v-card-title class="text-h5 mb-0">{{ title }}</v-card-title>
<slot name="action"></slot>
<!-- </template> -->
</div>
</v-card-item>
<v-card-text>
<slot />
</v-card-text>
</v-card>
</template>

View File

@@ -0,0 +1,22 @@
<script setup lang="ts">
import { ref } from 'vue';
import Logo from "@/layouts/full/logo/Logo.vue";
</script>
// ===============================|| Ui Parent Card||=============================== //
<template>
<v-card elevation="10" >
<v-card-item>
<div class="d-sm-flex align-center justify-space-between">
<v-card-title class="text-h5"><Logo/></v-card-title>
<!-- <template v-slot:append> -->
<slot name="action"></slot>
<!-- </template> -->
</div>
</v-card-item>
<v-divider></v-divider>
<v-card-text>
<slot />
</v-card-text>
</v-card>
</template>

View File

@@ -0,0 +1,19 @@
<script setup lang="ts">
const props = defineProps({
title: String
});
</script>
<template>
<!-- ---------------------------------------------------- -->
<!-- Table Card -->
<!-- ---------------------------------------------------- -->
<v-card variant="outlined" elevation="0" >
<v-card-item>
<v-card-title class="text-18">{{ title }}</v-card-title>
</v-card-item>
<v-divider></v-divider>
<slot />
</v-card>
</template>

View File

@@ -0,0 +1,9 @@
<script setup lang="ts">
// const props = defineProps({
// title: String,
// });
</script>
<template>
<v-text-field color="primary"><slot /></v-text-field>
</template>

View File

@@ -0,0 +1,20 @@
<script setup lang="ts">
const props = defineProps({
title: String
});
</script>
<template>
<!-- -------------------------------------------------------------------- -->
<!-- Card with Header & Footer -->
<!-- -------------------------------------------------------------------- -->
<v-card variant="outlined" elevation="0" class=" mb-6 overflow-hidden">
<v-card-item>
<v-card-title class="text-18">{{ title }}</v-card-title>
</v-card-item>
<v-divider></v-divider>
<v-card-text>
<slot />
</v-card-text>
</v-card>
</template>

View File

@@ -0,0 +1,23 @@
<script setup lang="ts">
const props = defineProps({
title: String,
hideaction: Boolean
});
</script>
<template>
<!-- -------------------------------------------------------------------- -->
<!-- Card with Header & Footer -->
<!-- -------------------------------------------------------------------- -->
<v-card variant="outlined" elevation="0" class=" mb-6 overflow-hidden">
<v-card-item>
<v-card-title class="text-18">{{ title }}</v-card-title>
</v-card-item>
<v-divider></v-divider>
<slot />
<v-divider></v-divider>
<v-card-actions :class="`${hideaction ? 'd-none' : ''}`">
<slot name="footer" />
</v-card-actions>
</v-card>
</template>