nuxt-hs-ui 2.12.6 → 4.0.0

package/dist/runtime/components/form/radio.vue.d.ts

@@ -0,0 +1,62 @@
+import { type ClassType } from '../../utils/class-style.js';
+import type { SelectItem } from '../../utils/select-item.js';
+import type { MultiLang } from '../../utils/multi-lang.js';
+declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<{
+        list: SelectItem<IdType>[];
+        order?: boolean;
+        image?: boolean;
+        loading?: boolean;
+        nullText?: MultiLang;
+        classCol?: ClassType;
+        classRow?: ClassType;
+        classImg?: ClassType;
+        classImgTag?: ClassType;
+        nullable?: boolean;
+        data: IdType | null;
+        diff?: IdType | null | undefined;
+        tabindex?: string | undefined;
+        class?: ClassType;
+        classHeader?: ClassType;
+        classInput?: ClassType;
+        focusColor?: string;
+        changeColor?: string;
+        error?: boolean;
+        errorColor?: string;
+        disabled?: boolean;
+        disabledColor?: string;
+        readonly?: boolean;
+        headerless?: boolean;
+        label?: MultiLang;
+        require?: boolean;
+        requireText?: MultiLang;
+        warn?: string;
+        warnTimeOut?: number;
+        size?: "s" | "m" | "l";
+    } & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", elm: HTMLElement) => void) & ((evt: "focus", elm: HTMLElement) => void) & ((evt: "keydown", event: KeyboardEvent) => void) & ((evt: "keyup", event: KeyboardEvent) => void) & ((evt: "ref", element: HTMLElement) => void) & ((evt: "update:data", value: (IdType extends string ? string : number) | null) => void) & ((evt: "value-change", after: (IdType extends string ? string : number) | null, before: (IdType extends string ? string : number) | null) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default(props: {
+            msg: string;
+        }): any;
+        overlay?(): any;
+        'right-icons'?(): any;
+        'left-icons'?(): any;
+        'label-prepend'?(): any;
+        'label-append'?(): any;
+        'header-right'?(): any;
+    };
+    emit: ((evt: "blur", elm: HTMLElement) => void) & ((evt: "focus", elm: HTMLElement) => void) & ((evt: "keydown", event: KeyboardEvent) => void) & ((evt: "keyup", event: KeyboardEvent) => void) & ((evt: "ref", element: HTMLElement) => void) & ((evt: "update:data", value: (IdType extends string ? string : number) | null) => void) & ((evt: "value-change", after: (IdType extends string ? string : number) | null, before: (IdType extends string ? string : number) | null) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/form/select-img-icon.vue

@@ -1,53 +1,38 @@
-<script setup lang="ts">
-/* ----------------------------------------------------------------------------
-// src\runtime\components\form\select-img-icon.vue
-// ----------------------------------------------------------------------------
-// SelectImgIcon
-// SelectImgIconSelectImgIcon
------------------------------------------------------------------------------ */
-
-// [ tailwind ]
-import { twMerge } from "tailwind-merge";
-// [ NUXT ]
-import { computed } from "#imports";
-// [ utils ]
-import { type ClassType, ClassTypeToString } from "../../utils/class-style";
-// ----------------------------------------------------------------------------
-type Props = {
-  imgUrl?: string | null;
-  classImg?: ClassType;
-  classImgTag?: ClassType;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  imgUrl: null,
-  classImg: "",
-  classImgTag: "",
-});
-
-const imgClass = computed(() => {
-  return twMerge(
-    //
-    "border border-gray-700",
-    "h-[18px] w-[36px]",
-    ClassTypeToString(props.classImg)
-  );
-});
-
-const imgTagClass = computed(() => {
-  return twMerge(
-    "object-contain w-full h-full",
-    ClassTypeToString(props.classImgTag)
-  );
-});
-</script>
-
-<template>
-  <div class="flex-cc border border-gray-300 me-[4px]" :class="imgClass">
-    <img v-if="props.imgUrl" :src="props.imgUrl" alt="" :class="imgTagClass" />
-    <div v-else class="text-center leading-[1em]" style="transform: scale(0.5)">
-      <div>NO</div>
-      <div>IMG</div>
-    </div>
-  </div>
-</template>
+<script setup>
+import { twMerge } from "tailwind-merge";
+import { computed } from "#imports";
+import { ClassTypeToString } from "../../utils/class-style";
+const props = defineProps({
+  imgUrl: { type: [String, null], required: false, default: null },
+  classImg: { type: [String, Object, Array], required: false, default: "" },
+  classImgTag: { type: [String, Object, Array], required: false, default: "" },
+  imgMode: { type: String, required: false, default: "contain" }
+});
+const imgClass = computed(() => {
+  return twMerge(
+    //
+    "border border-gray-700",
+    "h-[18px] w-[36px]",
+    ClassTypeToString(props.classImg)
+  );
+});
+const imgTagClass = computed(() => {
+  return twMerge(
+    "object-contain w-full h-full",
+    //
+    props.imgMode === "contain" ? "object-contain" : "",
+    props.imgMode === "cover" ? "object-cover" : "",
+    ClassTypeToString(props.classImgTag)
+  );
+});
+</script>
+
+<template>
+  <div class="flex items-center justify-center border border-gray-300 me-1" :class="imgClass">
+    <img v-if="props.imgUrl" :src="props.imgUrl" alt="" :class="imgTagClass" />
+    <div v-else class="text-center leading-[1em]" style="transform: scale(0.5)">
+      <div>NO</div>
+      <div>IMG</div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/form/select-img-icon.vue.d.ts

@@ -0,0 +1,15 @@
+import { type ClassType } from '../../utils/class-style.js';
+type Props = {
+    imgUrl?: string | null;
+    classImg?: ClassType;
+    classImgTag?: ClassType;
+    imgMode?: 'cover' | 'contain';
+};
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    imgUrl: string | null;
+    classImg: ClassType;
+    classImgTag: ClassType;
+    imgMode: "cover" | "contain";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;