@robot-admin/naive-ui-components 0.17.6 → 0.19.0

package/dist/types.d.ts

@@ -0,0 +1,51 @@
+//#region src/components/C_Date/types.d.ts
+type DatePickerMode = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'smart-range';
+type DateValue = string | null;
+type DateRangeValue = [string, string] | null;
+/** 静态 mode 保留单值或范围；动态 mode 使用完整联合类型。 */
+type DateModelValue<M extends DatePickerMode | undefined = DatePickerMode> = M extends 'date' | 'datetime' | undefined ? DateValue : DateRangeValue;
+interface DateRuntimeProps<M extends DatePickerMode | undefined = DatePickerMode> {
+  modelValue?: DateModelValue<NoInfer<M>>;
+  mode?: M;
+  placeholder?: string;
+  startPlaceholder?: string;
+  endPlaceholder?: string;
+  disabled?: boolean;
+  disabledBeforeToday?: boolean;
+  disabledAfterToday?: boolean;
+  valueFormat?: string;
+  startDateProps?: Record<string, unknown>;
+  endDateProps?: Record<string, unknown>;
+  /** @deprecated Use modelValue. */
+  singleDate?: DateValue;
+  /** @deprecated Use modelValue. */
+  singleDateTime?: DateValue;
+  /** @deprecated Use modelValue. */
+  dateRange?: DateRangeValue;
+  /** @deprecated Use modelValue. */
+  dateTimeRange?: DateRangeValue;
+  /** @deprecated Use modelValue. */
+  smartRange?: DateRangeValue;
+}
+/** 显式模式保留 undefined；省略模式时只允许默认分支的模型。 */
+type DateProps<M extends DatePickerMode | undefined = DatePickerMode> = Omit<DateRuntimeProps<M>, 'mode' | 'modelValue'> & ({
+  mode: M;
+  modelValue?: DateModelValue<NoInfer<M>>;
+} | ('date' extends M ? {
+  mode?: undefined;
+  modelValue?: DateValue;
+} : never));
+interface DateEmits<M extends DatePickerMode | undefined = DatePickerMode> {
+  'update:modelValue': [value: DateModelValue<M>];
+  'update:singleDate': [value: DateValue];
+  'update:singleDateTime': [value: DateValue];
+  'update:dateRange': [value: DateRangeValue];
+  'update:dateTimeRange': [value: DateRangeValue];
+  'update:smartRange': [value: DateRangeValue];
+  change: [value: DateModelValue<M>];
+}
+interface DateExpose {
+  clearAll: () => void;
+}
+//#endregion
+export { DateProps as a, DatePickerMode as i, DateExpose as n, DateRangeValue as o, DateModelValue as r, DateValue as s, DateEmits as t };

package/dist/types2.d.cts

@@ -0,0 +1,51 @@
+//#region src/components/C_Date/types.d.ts
+type DatePickerMode = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'smart-range';
+type DateValue = string | null;
+type DateRangeValue = [string, string] | null;
+/** 静态 mode 保留单值或范围；动态 mode 使用完整联合类型。 */
+type DateModelValue<M extends DatePickerMode | undefined = DatePickerMode> = M extends 'date' | 'datetime' | undefined ? DateValue : DateRangeValue;
+interface DateRuntimeProps<M extends DatePickerMode | undefined = DatePickerMode> {
+  modelValue?: DateModelValue<NoInfer<M>>;
+  mode?: M;
+  placeholder?: string;
+  startPlaceholder?: string;
+  endPlaceholder?: string;
+  disabled?: boolean;
+  disabledBeforeToday?: boolean;
+  disabledAfterToday?: boolean;
+  valueFormat?: string;
+  startDateProps?: Record<string, unknown>;
+  endDateProps?: Record<string, unknown>;
+  /** @deprecated Use modelValue. */
+  singleDate?: DateValue;
+  /** @deprecated Use modelValue. */
+  singleDateTime?: DateValue;
+  /** @deprecated Use modelValue. */
+  dateRange?: DateRangeValue;
+  /** @deprecated Use modelValue. */
+  dateTimeRange?: DateRangeValue;
+  /** @deprecated Use modelValue. */
+  smartRange?: DateRangeValue;
+}
+/** 显式模式保留 undefined；省略模式时只允许默认分支的模型。 */
+type DateProps<M extends DatePickerMode | undefined = DatePickerMode> = Omit<DateRuntimeProps<M>, 'mode' | 'modelValue'> & ({
+  mode: M;
+  modelValue?: DateModelValue<NoInfer<M>>;
+} | ('date' extends M ? {
+  mode?: undefined;
+  modelValue?: DateValue;
+} : never));
+interface DateEmits<M extends DatePickerMode | undefined = DatePickerMode> {
+  'update:modelValue': [value: DateModelValue<M>];
+  'update:singleDate': [value: DateValue];
+  'update:singleDateTime': [value: DateValue];
+  'update:dateRange': [value: DateRangeValue];
+  'update:dateTimeRange': [value: DateRangeValue];
+  'update:smartRange': [value: DateRangeValue];
+  change: [value: DateModelValue<M>];
+}
+interface DateExpose {
+  clearAll: () => void;
+}
+//#endregion
+export { DateProps as a, DatePickerMode as i, DateExpose as n, DateRangeValue as o, DateModelValue as r, DateValue as s, DateEmits as t };

package/dist/useCalendarEvents.d.cts

@@ -97,7 +97,7 @@ declare const BUTTON_TEXT: {
 };
 //#endregion
 //#region src/components/C_FullCalendar/composables/useCalendarEvents.d.ts
-type EmitFn = {
+type EmitFn$1 = {
   (event: 'update:events', events: CalendarEvent[]): void;
   (event: 'event-added', eventData: CalendarEvent): void;
   (event: 'event-updated', eventData: Partial<CalendarEvent>): void;
@@ -110,7 +110,7 @@ type EmitFn = {
 /**
  *
  */
-declare function useCalendarEvents(props: CalendarProps, emit: EmitFn): {
+declare function useCalendarEvents(props: CalendarProps, emit: EmitFn$1): {
   calendarRef: vue.Ref<{
     getApi: () => CalendarApi;
   } | null, {

package/dist/useCalendarEvents.d.ts

@@ -97,7 +97,7 @@ declare const BUTTON_TEXT: {
 };
 //#endregion
 //#region src/components/C_FullCalendar/composables/useCalendarEvents.d.ts
-type EmitFn = {
+type EmitFn$1 = {
   (event: 'update:events', events: CalendarEvent[]): void;
   (event: 'event-added', eventData: CalendarEvent): void;
   (event: 'event-updated', eventData: Partial<CalendarEvent>): void;
@@ -110,7 +110,7 @@ type EmitFn = {
 /**
  *
  */
-declare function useCalendarEvents(props: CalendarProps, emit: EmitFn): {
+declare function useCalendarEvents(props: CalendarProps, emit: EmitFn$1): {
   calendarRef: vue.Ref<{
     getApi: () => CalendarApi;
   } | null, {

package/dist/useCollapsePanel.d.cts

@@ -71,21 +71,21 @@ declare var __VLS_7: `header-${string}`, __VLS_8: {
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any } & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any } & { [K in NonNullable<typeof __VLS_31>]?: (props: typeof __VLS_32) => any };
 declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (activeKeys: string[]) => any;
-  expand: (key: string) => any;
   collapse: (key: string) => any;
+  expand: (key: string) => any;
   "update:activeKeys": (keys: string[]) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onChange?: ((activeKeys: string[]) => any) | undefined;
-  onExpand?: ((key: string) => any) | undefined;
   onCollapse?: ((key: string) => any) | undefined;
+  onExpand?: ((key: string) => any) | undefined;
   "onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
 }>, {
-  accordion: boolean;
-  bordered: boolean;
   activeKeys: string[];
   defaultActiveKeys: string[];
+  accordion: boolean;
   variant: CollapsePanelVariant;
   expandIconPosition: ExpandIconPosition;
+  bordered: boolean;
   persistKey: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/useCollapsePanel.d.ts

@@ -71,21 +71,21 @@ declare var __VLS_7: `header-${string}`, __VLS_8: {
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any } & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any } & { [K in NonNullable<typeof __VLS_31>]?: (props: typeof __VLS_32) => any };
 declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (activeKeys: string[]) => any;
-  expand: (key: string) => any;
   collapse: (key: string) => any;
+  expand: (key: string) => any;
   "update:activeKeys": (keys: string[]) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onChange?: ((activeKeys: string[]) => any) | undefined;
-  onExpand?: ((key: string) => any) | undefined;
   onCollapse?: ((key: string) => any) | undefined;
+  onExpand?: ((key: string) => any) | undefined;
   "onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
 }>, {
-  accordion: boolean;
-  bordered: boolean;
   activeKeys: string[];
   defaultActiveKeys: string[];
+  accordion: boolean;
   variant: CollapsePanelVariant;
   expandIconPosition: ExpandIconPosition;
+  bordered: boolean;
   persistKey: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/useCropperCore.d.cts

@@ -51,31 +51,31 @@ interface ImageCropperEmits {
 //#endregion
 //#region src/components/C_ImageCropper/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  cancel: () => any;
-  error: (error: Error) => any;
   ready: () => any;
-  confirm: (result: CropResult) => any;
+  error: (error: Error) => any;
   crop: (result: CropResult) => any;
+  confirm: (result: CropResult) => any;
+  cancel: () => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
-  onCancel?: (() => any) | undefined;
-  onError?: ((error: Error) => any) | undefined;
   onReady?: (() => any) | undefined;
-  onConfirm?: ((result: CropResult) => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
   onCrop?: ((result: CropResult) => any) | undefined;
+  onConfirm?: ((result: CropResult) => any) | undefined;
+  onCancel?: (() => any) | undefined;
 }>, {
   height: string | number;
-  disabled: boolean;
-  showToolbar: boolean;
   src: string;
-  modalTitle: string;
+  disabled: boolean;
   aspectRatio: number;
   outputFormat: CropOutputFormat;
   outputQuality: number;
   maxOutputWidth: number;
   maxOutputHeight: number;
   showPreview: boolean;
+  showToolbar: boolean;
   circular: boolean;
   modal: boolean;
+  modalTitle: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/useCropperCore.d.ts

@@ -51,31 +51,31 @@ interface ImageCropperEmits {
 //#endregion
 //#region src/components/C_ImageCropper/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  cancel: () => any;
-  error: (error: Error) => any;
   ready: () => any;
-  confirm: (result: CropResult) => any;
+  error: (error: Error) => any;
   crop: (result: CropResult) => any;
+  confirm: (result: CropResult) => any;
+  cancel: () => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
-  onCancel?: (() => any) | undefined;
-  onError?: ((error: Error) => any) | undefined;
   onReady?: (() => any) | undefined;
-  onConfirm?: ((result: CropResult) => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
   onCrop?: ((result: CropResult) => any) | undefined;
+  onConfirm?: ((result: CropResult) => any) | undefined;
+  onCancel?: (() => any) | undefined;
 }>, {
   height: string | number;
-  disabled: boolean;
-  showToolbar: boolean;
   src: string;
-  modalTitle: string;
+  disabled: boolean;
   aspectRatio: number;
   outputFormat: CropOutputFormat;
   outputQuality: number;
   maxOutputWidth: number;
   maxOutputHeight: number;
   showPreview: boolean;
+  showToolbar: boolean;
   circular: boolean;
   modal: boolean;
+  modalTitle: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/useDraggableLayout.d.cts

@@ -1,4 +1,5 @@
 import * as vue from "vue";
+import { DeepReadonly, VNodeChild } from "vue";
 import { DraggableEvent } from "vue-draggable-plus";
 
 //#region src/components/C_Draggable/types.d.ts
@@ -8,12 +9,12 @@ interface DraggableItem {
   name?: string;
   label?: string;
   description?: string;
-  [key: string]: any;
+  [key: string]: unknown;
 }
-interface DragEvent {
+interface DragEvent<T extends object = DraggableItem> {
   oldIndex: number;
   newIndex: number;
-  item: DraggableItem;
+  item: T;
 }
 interface GroupOptions {
   name: string;
@@ -21,11 +22,11 @@ interface GroupOptions {
   put?: boolean | string | string[];
   revertClone?: boolean;
 }
-type LayoutMode = "vertical" | "horizontal" | "grid" | "flex-wrap";
-type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
-type AlignItems = "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
-interface DraggableProps {
-  modelValue?: DraggableItem[];
+type LayoutMode = 'vertical' | 'horizontal' | 'grid' | 'flex-wrap';
+type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+interface DraggableProps<T extends object = DraggableItem> {
+  modelValue?: T[];
   disabled?: boolean;
   group?: string | GroupOptions;
   sort?: boolean;
@@ -41,12 +42,12 @@ interface DraggableProps {
   itemClass?: string;
   showEmptyState?: boolean;
   emptyText?: string;
-  itemKey?: (item: DraggableItem, index: number) => string | number;
-  itemTitle?: (item: DraggableItem) => string;
-  itemDescription?: (item: DraggableItem) => string;
+  itemKey?: (item: T, index: number) => string | number;
+  itemTitle?: (item: T) => string;
+  itemDescription?: (item: T) => string;
   swapThreshold?: number;
   invertSwap?: boolean;
-  direction?: "vertical" | "horizontal";
+  direction?: 'vertical' | 'horizontal';
   layout?: LayoutMode;
   gridColumns?: number;
   gridRows?: number;
@@ -56,143 +57,111 @@ interface DraggableProps {
   alignItems?: AlignItems;
   customStyles?: Record<string, string | number>;
 }
-interface DraggableEmits {
-  "update:modelValue": [value: DraggableItem[]];
-  "drag-start": [event: DragEvent];
-  "drag-end": [event: DragEvent];
-  "item-add": [item: DraggableItem, index: number];
-  "item-remove": [item: DraggableItem, index: number];
-  "list-change": [list: DraggableItem[]];
+interface DraggableEmits<T extends object = DraggableItem> {
+  'update:modelValue': [value: T[]];
+  'drag-start': [event: DragEvent<T>];
+  'drag-end': [event: DragEvent<T>];
+  'item-add': [item: T, index: number];
+  'item-remove': [item: T, index: number];
+  'list-change': [list: T[]];
 }
-//#endregion
-//#region src/components/C_Draggable/index.vue.d.ts
-declare var __VLS_13: {
-    item: DraggableItem;
+/** 插槽直接保留 v-model 的业务项类型。 */
+interface DraggableSlots<T extends object = DraggableItem> {
+  default?: (context: {
+    item: T;
     index: number;
     isDragging: boolean;
     isDisabled: boolean;
-  }, __VLS_15: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_13) => any;
-} & {
-  empty?: (props: typeof __VLS_15) => any;
-};
-declare const __VLS_base: vue.DefineComponent<DraggableProps, {
-  isDragging: Readonly<vue.Ref<boolean, boolean>>;
-  list: Readonly<vue.Ref<readonly {
-    readonly [x: string]: any;
-    readonly id: string | number;
-    readonly title?: string | undefined;
-    readonly name?: string | undefined;
-    readonly label?: string | undefined;
-    readonly description?: string | undefined;
-  }[], readonly {
-    readonly [x: string]: any;
-    readonly id: string | number;
-    readonly title?: string | undefined;
-    readonly name?: string | undefined;
-    readonly label?: string | undefined;
-    readonly description?: string | undefined;
-  }[]>>;
-  isEmpty: Readonly<vue.Ref<boolean, boolean>>;
-  addItem: (item: DraggableItem, index?: number) => void;
-  removeItem: (index: number) => DraggableItem | null;
+  }) => VNodeChild;
+  empty?: () => VNodeChild;
+}
+/** Vue 公开实例中的状态已经解包；列表只读，修改统一通过方法。 */
+interface DraggableExpose<T extends object = DraggableItem> {
+  isDragging: boolean;
+  list: readonly DeepReadonly<T>[];
+  isEmpty: boolean;
+  addItem: (item: T, index?: number) => void;
+  removeItem: (index: number) => T | null;
   moveItem: (fromIndex: number, toIndex: number) => boolean;
-  updateList: (newList: DraggableItem[]) => void;
+  updateList: (list: T[]) => void;
   clear: () => void;
-  getItem: (index: number) => DraggableItem | undefined;
-  findIndex: (predicate: (item: DraggableItem) => boolean) => number;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: DraggableItem[]) => any;
-  "drag-start": (event: DragEvent) => any;
-  "drag-end": (event: DragEvent) => any;
-  "item-add": (item: DraggableItem, index: number) => any;
-  "item-remove": (item: DraggableItem, index: number) => any;
-  "list-change": (list: DraggableItem[]) => any;
-}, string, vue.PublicProps, Readonly<DraggableProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: DraggableItem[]) => any) | undefined;
-  "onDrag-start"?: ((event: DragEvent) => any) | undefined;
-  "onDrag-end"?: ((event: DragEvent) => any) | undefined;
-  "onItem-add"?: ((item: DraggableItem, index: number) => any) | undefined;
-  "onItem-remove"?: ((item: DraggableItem, index: number) => any) | undefined;
-  "onList-change"?: ((list: DraggableItem[]) => any) | undefined;
-}>, {
-  modelValue: DraggableItem[];
-  disabled: boolean;
-  sort: boolean;
-  delay: number;
-  justifyContent: JustifyContent;
-  animation: number;
-  emptyText: string;
-  direction: "vertical" | "horizontal";
-  layout: LayoutMode;
-  group: string | GroupOptions;
-  handle: string;
-  showHandle: boolean;
-  ghostClass: string;
-  chosenClass: string;
-  dragClass: string;
-  wrapperClass: string;
-  listClass: string;
-  itemClass: string;
-  showEmptyState: boolean;
-  swapThreshold: number;
-  invertSwap: boolean;
-  gridColumns: number;
-  gridRows: number;
-  gap: string | number;
-  flexWrap: boolean;
-  alignItems: AlignItems;
-  customStyles: Record<string, string | number>;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
+  getItem: (index: number) => T | undefined;
+  findIndex: (predicate: (item: T) => boolean) => number;
+}
+//#endregion
+//#region src/components/C_Draggable/index.vue.d.ts
+declare const __VLS_export: <T extends object = DraggableItem>(__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: vue.PublicProps & __VLS_PrettifyLocal<DraggableProps<T> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    "onDrag-start"?: ((event: DragEvent<T>) => any) | undefined;
+    "onDrag-end"?: ((event: DragEvent<T>) => any) | undefined;
+    "onItem-add"?: ((item: T, index: number) => any) | undefined;
+    "onItem-remove"?: ((item: T, index: number) => any) | undefined;
+    "onList-change"?: ((list: T[]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: vue.ShallowUnwrapRef<{
+    isDragging: Readonly<vue.Ref<boolean, boolean>>;
+    list: Readonly<vue.Ref<readonly vue.DeepReadonly<T>[], readonly vue.DeepReadonly<T>[]>>;
+    isEmpty: Readonly<vue.Ref<boolean, boolean>>;
+    addItem: (item: T, index?: number) => void;
+    removeItem: (index: number) => T | null;
+    moveItem: (fromIndex: number, toIndex: number) => boolean;
+    updateList: (newList: T[]) => void;
+    clear: () => void;
+    getItem: (index: number) => T | undefined;
+    findIndex: (predicate: (item: T) => boolean) => number;
+  }>) => void;
+  attrs: any;
+  slots: DraggableSlots<T>;
+  emit: ((evt: "update:modelValue", value: T[]) => void) & ((evt: "drag-start", event: DragEvent<T>) => void) & ((evt: "drag-end", event: DragEvent<T>) => void) & ((evt: "item-add", item: T, index: number) => void) & ((evt: "item-remove", item: T, index: number) => void) & ((evt: "list-change", list: T[]) => void);
+}>) => vue.VNode & {
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 //#region src/components/C_Draggable/composables/useDraggableLayout.d.ts
-type LayoutDragEvent = Partial<Pick<DraggableEvent<DraggableItem>, 'data' | 'clonedData' | 'oldIndex' | 'newIndex' | 'oldDraggableIndex' | 'newDraggableIndex' | 'from' | 'to' | 'pullMode'>>;
-type EmitFn = {
-  (event: 'update:modelValue', value: DraggableItem[]): void;
-  (event: 'drag-start', dragEvent: DragEvent): void;
-  (event: 'drag-end', dragEvent: DragEvent): void;
-  (event: 'item-add', item: DraggableItem, index: number): void;
-  (event: 'item-remove', item: DraggableItem, index: number): void;
-  (event: 'list-change', list: DraggableItem[]): void;
+type LayoutDragEvent<T extends object> = Partial<Pick<DraggableEvent<T>, 'data' | 'clonedData' | 'oldIndex' | 'newIndex' | 'oldDraggableIndex' | 'newDraggableIndex' | 'from' | 'to' | 'pullMode'>>;
+type EmitFn$1<T extends object> = {
+  (event: 'update:modelValue', value: T[]): void;
+  (event: 'drag-start', dragEvent: DragEvent<T>): void;
+  (event: 'drag-end', dragEvent: DragEvent<T>): void;
+  (event: 'item-add', item: T, index: number): void;
+  (event: 'item-remove', item: T, index: number): void;
+  (event: 'list-change', list: T[]): void;
 };
 /**
  *
  */
-declare function useDraggableLayout(props: DraggableProps, emit: EmitFn): {
+declare function useDraggableLayout<T extends object = DraggableItem>(props: DraggableProps<T>, emit: EmitFn$1<T>): {
   isDragging: vue.Ref<boolean, boolean>;
-  internalList: vue.WritableComputedRef<DraggableItem[], DraggableItem[]>;
+  internalList: vue.WritableComputedRef<T[], T[]>;
   isEmpty: vue.ComputedRef<boolean>;
   listClasses: vue.ComputedRef<(string | {
     'flex-wrap': boolean | undefined;
   } | undefined)[]>;
   listStyles: vue.ComputedRef<Record<string, string | number>>;
-  draggableOptions: vue.ComputedRef<Record<string, any>>;
-  getItemKey: (item: DraggableItem, index: number) => string | number;
-  getItemTitle: (item: DraggableItem) => string;
-  getItemDescription: (item: DraggableItem) => string;
+  draggableOptions: vue.ComputedRef<Record<string, unknown>>;
+  getItemKey: (item: T, index: number) => string | number;
+  getItemTitle: (item: T) => string;
+  getItemDescription: (item: T) => string;
   getItemClass: () => (string | {
     'is-disabled': boolean | undefined;
   } | undefined)[];
-  handleStart: (event: LayoutDragEvent) => void;
-  handleEnd: (event: LayoutDragEvent) => void;
-  handleAdd: (event: LayoutDragEvent) => void;
-  handleRemove: (event: LayoutDragEvent) => void;
+  handleStart: (event: LayoutDragEvent<T>) => void;
+  handleEnd: (event: LayoutDragEvent<T>) => void;
+  handleAdd: (event: LayoutDragEvent<T>) => void;
+  handleRemove: (event: LayoutDragEvent<T>) => void;
   handleUpdate: () => void;
-  addItem: (item: DraggableItem, index?: number) => void;
-  removeItem: (index: number) => DraggableItem | null;
+  addItem: (item: T, index?: number) => void;
+  removeItem: (index: number) => T | null;
   moveItem: (fromIndex: number, toIndex: number) => boolean;
-  updateList: (newList: DraggableItem[]) => void;
+  updateList: (newList: T[]) => void;
   clear: () => void;
-  getItem: (index: number) => DraggableItem | undefined;
-  findIndex: (predicate: (item: DraggableItem) => boolean) => number;
+  getItem: (index: number) => T | undefined;
+  findIndex: (predicate: (item: T) => boolean) => number;
 };
 //#endregion
-export { DraggableEmits as a, GroupOptions as c, DragEvent as i, JustifyContent as l, _default as n, DraggableItem as o, AlignItems as r, DraggableProps as s, useDraggableLayout as t, LayoutMode as u };
+export { DraggableEmits as a, DraggableProps as c, JustifyContent as d, LayoutMode as f, DragEvent as i, DraggableSlots as l, _default as n, DraggableExpose as o, AlignItems as r, DraggableItem as s, useDraggableLayout as t, GroupOptions as u };