haex/haex-hub-mirror
1
0
Fork 0
mirror of https://github.com/haexhub/haex-hub.git synced 2025-12-17 14:30:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

zwischenstand

Browse Source
This commit is contained in:
haex
2025-05-28 11:35:02 +02:00
parent 07ff15aba0
commit 4774d3fdc1
105 changed files with 4129 additions and 1438 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ui/input/index.vue
View File

@ -1,14 +1,15 @@
<template>
<div>
<fieldset class="join w-full pt-0.5">
<fieldset class="join w-full pt-1.5 " v-bind="$attrs">
<slot name="prepend" />
<div class="input join-item">
<Icon v-if="prependIcon" :name="prependIcon" class="my-auto shrink-0" />
<div class="input-floating grow">
<input :id :name="name ?? id" :placeholder="placeholder || label" :type :autofocus class="ps-3"
v-bind="$attrs" v-model="input" ref="inputRef" :readonly="read_only" />
<input
:id ref="inputRef" v-model="input" :name="name ?? id" :placeholder="placeholder || label" :type
:autofocus class="ps-3" :readonly="read_only" >
<label class="input-floating-label" :for="id">{{ label }}</label>
</div>
@ -17,13 +18,14 @@
<slot name="append" class="h-auto" />
<UiButton v-if="withCopyButton" class="btn-outline btn-accent btn-square join-item h-auto"
<UiButton
v-if="withCopyButton" class="btn-outline btn-accent btn-square join-item h-auto"
@click="copy(`${input}`)">
<Icon :name="copied ? 'mdi:check' : 'mdi:content-copy'" />
</UiButton>
</fieldset>
<span class="flex flex-col px-2 pt-0.5" v-show="errors">
<span v-show="errors" class="flex flex-col px-2 pt-0.5">
<span v-for="error in errors" class="label-text-alt text-error">
{{ error }}
</span>
@ -32,7 +34,7 @@
</template>
<script setup lang="ts">
import { type ZodSchema } from "zod";
import type { ZodSchema } from "zod";
const inputRef = useTemplateRef("inputRef");
defineExpose({ inputRef });

5
src/components/ui/input/password.vue
View File

@ -1,6 +1,7 @@
<template>
<UiInput :check-input :label="label || t('password')" :placeholder="placeholder || t('password')" :rules :type="type"
:autofocus v-model="value">
<UiInput
v-model="value" :check-input :label="label || t('password')" :placeholder="placeholder || t('password')" :rules
:type="type" :autofocus>
<template #append>
<UiButton class="btn-outline btn-accent btn-square h-auto" @click="tooglePasswordType">
<Icon :name="type === 'password' ? 'mdi:eye-off' : 'mdi:eye'" />