@v1nt1248/3nclient-lib 0.2.90 → 0.2.91

package/dist/components/ui3n-list/types.d.ts

@@ -3,6 +3,7 @@ export interface Ui3nListProps<T> {
     title?: string;
     sticky?: boolean;
     items: T[];
+    keyField?: keyof T;
     disabled?: boolean;
 }
 export interface Ui3nListEmits<T> {

package/dist/components/ui3n-list/ui3n-list.vue.d.ts

@@ -1,7 +1,5 @@
 import { Ui3nListEmits, Ui3nListProps, Ui3nListSlots } from './types';
-declare const _default: <T extends {
-    id?: string;
-}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSelect?: ((value: {
             value: T;

package/dist/ui3n-components.js

@@ -16902,6 +16902,7 @@ const qJ = /* @__PURE__ */ Bg({
     title: { default: "" },
     sticky: { type: Boolean, default: !0 },
     items: {},
+    keyField: { default: "id" },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["select"],
@@ -16925,15 +16926,18 @@ const qJ = /* @__PURE__ */ Bg({
         class: IA(B.$style.ui3nListContent)
       }, [
         (oA(!0), aA(cI, null, zI(I.items, (E, t) => (oA(), aA("div", {
-          key: E.id ?? t,
-          class: IA(B.$style.item)
+          key: E[I.keyField],
+          class: IA(B.$style.ui3nListItem)
         }, [
           _A(B.$slots, "item", {
             item: E,
             index: t
           }, () => [
             FA("div", {
-              class: IA([B.$style.ui3nListItemContent, I.disabled && B.$style.ui3nListItemContentDisabled]),
+              class: IA([
+                B.$style.ui3nListItemContent,
+                I.disabled && B.$style.ui3nListItemContentDisabled
+              ]),
               onClick: Hg((a) => Q("select", { value: E, index: t }), ["stop"])
             }, Dg(E), 11, XJ)
           ])

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.2.90",
+  "version": "0.2.91",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/ui3n-list/types.ts

@@ -4,6 +4,7 @@ export interface Ui3nListProps<T> {
   title?: string;
   sticky?: boolean;
   items: T[];
+  keyField?: keyof T;
   disabled?: boolean;
 }
 

package/src/components/ui3n-list/ui3n-list.vue

@@ -1,9 +1,10 @@
-<script lang="ts" setup generic="T extends { id?: string }">
+<script lang="ts" setup generic="T">
   import type { Ui3nListEmits, Ui3nListProps, Ui3nListSlots } from './types';
 
   withDefaults(defineProps<Ui3nListProps<T>>(), {
     title: '',
     sticky: true,
+    keyField: 'id' as keyof T,
     disabled: false,
   });
 
@@ -30,8 +31,8 @@
     <div :class="$style.ui3nListContent">
       <div
         v-for="(item, index) in items"
-        :key="item.id ?? index"
-        :class="$style.item"
+        :key="item[keyField as keyof T] as PropertyKey"
+        :class="$style.ui3nListItem "
       >
         <slot
           name="item"
@@ -39,7 +40,10 @@
           :index="index"
         >
           <div
-            :class="[$style.ui3nListItemContent, disabled && $style.ui3nListItemContentDisabled]"
+            :class="[
+              $style.ui3nListItemContent,
+              disabled && $style.ui3nListItemContentDisabled,
+            ]"
             @click.stop="emits('select', { value: item, index })"
           >
             {{ item }}