@robot-admin/naive-ui-components 0.3.0

package/dist/useCalendarEvents.d.ts

@@ -0,0 +1,148 @@
+import * as vue from "vue";
+import { Ref } from "vue";
+import { CalendarOptions } from "@fullcalendar/core";
+
+//#region src/components/C_FullCalendar/types.d.ts
+interface CalendarEvent {
+  id: string;
+  title: string;
+  start: Date | string;
+  end?: Date | string;
+  color?: string;
+  editable?: boolean;
+  [key: string]: any;
+}
+type CalendarViewType = "dayGridMonth" | "dayGridWeek" | "dayGridDay" | "listWeek";
+interface CalendarEditForm {
+  id: string;
+  title: string;
+  date: number;
+  startTime: string;
+  endTime: string;
+  color: string;
+}
+interface CalendarProps {
+  events?: CalendarEvent[];
+  initialView?: CalendarViewType;
+  editable?: boolean;
+  showAddDialog?: boolean;
+  showEditDialog?: boolean;
+}
+interface CalendarEmits {
+  "update:events": [events: CalendarEvent[]];
+  "event-added": [event: CalendarEvent];
+  "event-updated": [event: Partial<CalendarEvent>];
+  "event-deleted": [event: {
+    id: string;
+    title: string;
+  }];
+  "event-dropped": [event: Partial<CalendarEvent>];
+}
+interface CalendarExpose {
+  getApi: () => any;
+  addEvent: (event: CalendarEvent) => void;
+  updateEvent: (eventData: Partial<CalendarEvent>) => void;
+  deleteEvent: (eventId: string) => void;
+  getEvents: () => CalendarEvent[];
+}
+//#endregion
+//#region src/components/C_FullCalendar/index.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  "update:events": (events: CalendarEvent[]) => any;
+  "event-added": (event: CalendarEvent) => any;
+  "event-updated": (event: Partial<CalendarEvent>) => any;
+  "event-deleted": (event: {
+    id: string;
+    title: string;
+  }) => any;
+  "event-dropped": (event: Partial<CalendarEvent>) => any;
+}, string, vue.PublicProps, Readonly<CalendarProps> & Readonly<{
+  "onUpdate:events"?: ((events: CalendarEvent[]) => any) | undefined;
+  "onEvent-added"?: ((event: CalendarEvent) => any) | undefined;
+  "onEvent-updated"?: ((event: Partial<CalendarEvent>) => any) | undefined;
+  "onEvent-deleted"?: ((event: {
+    id: string;
+    title: string;
+  }) => any) | undefined;
+  "onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
+}>, {
+  events: CalendarEvent[];
+  initialView: CalendarViewType;
+  editable: boolean;
+  showAddDialog: boolean;
+  showEditDialog: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+//#region src/components/C_FullCalendar/data.d.ts
+declare const EVENT_COLORS: string[];
+declare const DEFAULT_EDIT_FORM: CalendarEditForm;
+declare const HEADER_TOOLBAR: {
+  left: string;
+  center: string;
+  right: string;
+};
+declare const BUTTON_TEXT: {
+  today: string;
+  month: string;
+  week: string;
+  day: string;
+  list: string;
+};
+//#endregion
+//#region src/components/C_FullCalendar/composables/useCalendarEvents.d.ts
+type EmitFn = {
+  (event: "update:events", events: CalendarEvent[]): void;
+  (event: "event-added", eventData: CalendarEvent): void;
+  (event: "event-updated", eventData: Partial<CalendarEvent>): void;
+  (event: "event-deleted", eventData: {
+    id: string;
+    title: string;
+  }): void;
+  (event: "event-dropped", eventData: Partial<CalendarEvent>): void;
+};
+declare function useCalendarEvents(props: CalendarProps, emit: EmitFn): {
+  calendarRef: Ref<any, any>;
+  calendarOptions: Ref<CalendarOptions, CalendarOptions>;
+  showActionDialog: Ref<boolean, boolean>;
+  showEditModal: Ref<boolean, boolean>;
+  isEditing: Ref<boolean, boolean>;
+  selectedEvent: Ref<any, any>;
+  editForm: Ref<{
+    id: string;
+    title: string;
+    date: number;
+    startTime: string;
+    endTime: string;
+    color: string;
+  }, CalendarEditForm | {
+    id: string;
+    title: string;
+    date: number;
+    startTime: string;
+    endTime: string;
+    color: string;
+  }>;
+  eventColors: string[];
+  openEditModal: () => void;
+  saveEvent: () => boolean;
+  deleteEvent: () => void;
+  expose: {
+    getApi: () => any;
+    addEvent: (event: CalendarEvent) => void;
+    updateEvent: (eventData: Partial<CalendarEvent>) => void;
+    deleteEvent: (eventId: string) => void;
+    getEvents: () => {
+      [x: string]: any;
+      id: string;
+      title: string;
+      start: Date | string;
+      end?: (Date | string) | undefined;
+      color?: string | undefined;
+      editable?: boolean | undefined;
+    }[];
+  };
+};
+//#endregion
+export { HEADER_TOOLBAR as a, CalendarEmits as c, CalendarProps as d, CalendarViewType as f, EVENT_COLORS as i, CalendarEvent as l, BUTTON_TEXT as n, _default as o, DEFAULT_EDIT_FORM as r, CalendarEditForm as s, useCalendarEvents as t, CalendarExpose as u };
+//# sourceMappingURL=useCalendarEvents.d.ts.map

package/dist/useCalendarEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarEvents.d.ts","names":[],"sources":["../src/components/C_FullCalendar/types.ts","../src/components/C_FullCalendar/index.vue","../src/components/C_FullCalendar/data.ts","../src/components/C_FullCalendar/composables/useCalendarEvents.ts"],"mappings":";;;;;UAAiB,aAAA;EACf,EAAA;EACA,KAAA;EACA,KAAA,EAAO,IAAA;EACP,GAAA,GAAM,IAAA;EACN,KAAA;EACA,QAAA;EAAA,CACC,GAAA;AAAA;AAAA,KAGS,gBAAA;AAAA,UAMK,gBAAA;EACf,EAAA;EACA,KAAA;EACA,IAAA;EACA,SAAA;EACA,OAAA;EACA,KAAA;AAAA;AAAA,UAGe,aAAA;EACf,MAAA,GAAS,aAAA;EACT,WAAA,GAAc,gBAAA;EACd,QAAA;EACA,aAAA;EACA,cAAA;AAAA;AAAA,UAGe,aAAA;EACf,eAAA,GAAkB,MAAA,EAAQ,aAAA;EAC1B,aAAA,GAAgB,KAAA,EAAO,aAAA;EACvB,eAAA,GAAkB,KAAA,EAAO,OAAA,CAAQ,aAAA;EACjC,eAAA,GAAkB,KAAA;IAAS,EAAA;IAAY,KAAA;EAAA;EACvC,eAAA,GAAkB,KAAA,EAAO,OAAA,CAAQ,aAAA;AAAA;AAAA,UAGlB,cAAA;EACf,MAAA;EACA,QAAA,GAAW,KAAA,EAAO,aAAA;EAClB,WAAA,GAAc,SAAA,EAAW,OAAA,CAAQ,aAAA;EACjC,WAAA,GAAc,OAAA;EACd,SAAA,QAAiB,aAAA;AAAA;;;cCibb,YAAA,MAAY,eAAA,CAAA,aAAA,EAAA,cAAA,cAAA,GAAA,CAAA,qBAAA,EAAA,GAAA,CAAA,qBAAA;4BAAA,aAAA;;;;;;;;;;;;;;;;;;;;;;;;+BAMU,YAAA;;;cCnef,YAAA;AAAA,cAUA,iBAAA,EAAmB,gBAAA;AAAA,cASnB,cAAA;;;;;cAMA,WAAA;;;;;;;;;KCXR,MAAA;EAAA,CACF,KAAA,mBAAwB,MAAA,EAAQ,aAAA;EAAA,CAChC,KAAA,iBAAsB,SAAA,EAAW,aAAA;EAAA,CACjC,KAAA,mBAAwB,SAAA,EAAW,OAAA,CAAQ,aAAA;EAAA,CAC3C,KAAA,mBAAwB,SAAA;IAAa,EAAA;IAAY,KAAA;EAAA;EAAA,CACjD,KAAA,mBAAwB,SAAA,EAAW,OAAA,CAAQ,aAAA;AAAA;AAAA,iBAG9B,iBAAA,CAAkB,KAAA,EAAO,aAAA,EAAe,IAAA,EAAM,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAY5B,aAAA;6BAKO,OAAA,CAAQ,aAAA"}

package/dist/useCollapsePanel.d.ts

@@ -0,0 +1,132 @@
+import * as vue from "vue";
+import { Ref } from "vue";
+
+//#region src/components/C_CollapsePanel/types.d.ts
+type CollapsePanelVariant = "default" | "card" | "ghost";
+type ExpandIconPosition = "left" | "right";
+interface CollapsePanelItem {
+  key: string;
+  title: string;
+  subtitle?: string;
+  icon?: string;
+  disabled?: boolean;
+  lazy?: boolean;
+  destroyOnCollapse?: boolean;
+}
+interface CollapsePanelProps {
+  items: CollapsePanelItem[];
+  activeKeys?: string[];
+  defaultActiveKeys?: string[];
+  accordion?: boolean;
+  variant?: CollapsePanelVariant;
+  expandIconPosition?: ExpandIconPosition;
+  bordered?: boolean;
+  persistKey?: string;
+}
+interface CollapsePanelExpose {
+  expandAll: () => void;
+  collapseAll: () => void;
+  toggle: (key: string) => void;
+  getActiveKeys: () => string[];
+  scrollToPanel: (key: string) => void;
+}
+interface CollapsePanelEmits {
+  "update:activeKeys": [keys: string[]];
+  expand: [key: string];
+  collapse: [key: string];
+  change: [activeKeys: string[]];
+}
+//#endregion
+//#region src/components/C_CollapsePanel/index.vue.d.ts
+interface Props {
+  /** 面板项配置数组 */
+  items: CollapsePanelItem[];
+  /** 当前激活面板的 key 数组（v-model） */
+  activeKeys?: string[];
+  /** 默认展开的面板 key 数组 */
+  defaultActiveKeys?: string[];
+  /** 是否手风琴模式 */
+  accordion?: boolean;
+  /** 面板样式变体 */
+  variant?: CollapsePanelVariant;
+  /** 展开图标位置 */
+  expandIconPosition?: ExpandIconPosition;
+  /** 是否显示边框 */
+  bordered?: boolean;
+  /** 展开状态 localStorage 持久化 key */
+  persistKey?: string;
+}
+declare var __VLS_7: `header-${string}`, __VLS_8: {
+    item: CollapsePanelItem;
+    expanded: boolean;
+  }, __VLS_16: `extra-${string}`, __VLS_17: {
+    item: CollapsePanelItem;
+    expanded: boolean;
+  }, __VLS_31: `panel-${string}`, __VLS_32: {
+    item: CollapsePanelItem;
+    expanded: boolean;
+  };
+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;
+  collapse: (key: string) => any;
+  "update:activeKeys": (keys: string[]) => any;
+  expand: (key: string) => any;
+}, string, vue.PublicProps, Readonly<Props> & Readonly<{
+  onChange?: ((activeKeys: string[]) => any) | undefined;
+  onCollapse?: ((key: string) => any) | undefined;
+  "onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
+  onExpand?: ((key: string) => any) | undefined;
+}>, {
+  bordered: boolean;
+  activeKeys: string[];
+  defaultActiveKeys: string[];
+  accordion: boolean;
+  variant: CollapsePanelVariant;
+  expandIconPosition: ExpandIconPosition;
+  persistKey: string;
+}, {}, {}, {}, 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;
+  };
+}; //# sourceMappingURL=index.vue.d.ts.map
+//#endregion
+//#region src/components/C_CollapsePanel/composables/useCollapsePanel.d.ts
+interface UseCollapsePanelOptions {
+  /** 面板项配置 */
+  items: Ref<CollapsePanelItem[]>;
+  /** 外部 v-model activeKeys */
+  activeKeys: Ref<string[] | undefined>;
+  /** 非受控时的默认激活 key */
+  defaultActiveKeys: string[];
+  /** 是否手风琴模式 */
+  accordion: Ref<boolean>;
+  /** localStorage 持久化 key */
+  persistKey: Ref<string | undefined>;
+  /** activeKeys 变化回调 */
+  onChange?: (keys: string[]) => void;
+  /** 单面板展开回调 */
+  onExpand?: (key: string) => void;
+  /** 单面板折叠回调 */
+  onCollapse?: (key: string) => void;
+}
+/**
+ * 折叠面板展开/折叠核心逻辑
+ */
+declare function useCollapsePanel(options: UseCollapsePanelOptions): {
+  currentKeys: vue.WritableComputedRef<string[], string[]>;
+  renderedOnce: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+  isExpanded: (key: string) => boolean;
+  shouldRender: (item: CollapsePanelItem) => boolean;
+  toggle: (key: string) => void;
+  expandAll: () => void;
+  collapseAll: () => void;
+  getActiveKeys: () => string[];
+  handleKeyDown: (e: KeyboardEvent, key: string) => void;
+};
+//#endregion
+export { CollapsePanelItem as a, ExpandIconPosition as c, CollapsePanelExpose as i, _default as n, CollapsePanelProps as o, CollapsePanelEmits as r, CollapsePanelVariant as s, useCollapsePanel as t };
+//# sourceMappingURL=useCollapsePanel.d.ts.map

package/dist/useCollapsePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapsePanel.d.ts","names":[],"sources":["../src/components/C_CollapsePanel/types.ts","../src/components/C_CollapsePanel/index.vue","../src/components/C_CollapsePanel/composables/useCollapsePanel.ts"],"mappings":";;;;KAAY,oBAAA;AAAA,KACA,kBAAA;AAAA,UAEK,iBAAA;EACf,GAAA;EACA,KAAA;EACA,QAAA;EACA,IAAA;EACA,QAAA;EACA,IAAA;EACA,iBAAA;AAAA;AAAA,UAGe,kBAAA;EACf,KAAA,EAAO,iBAAA;EACP,UAAA;EACA,iBAAA;EACA,SAAA;EACA,OAAA,GAAU,oBAAA;EACV,kBAAA,GAAqB,kBAAA;EACrB,QAAA;EACA,UAAA;AAAA;AAAA,UAGe,mBAAA;EACf,SAAA;EACA,WAAA;EACA,MAAA,GAAS,GAAA;EACT,aAAA;EACA,aAAA,GAAgB,GAAA;AAAA;AAAA,UAGD,kBAAA;EACf,mBAAA,GAAsB,IAAA;EACtB,MAAA,GAAS,GAAA;EACT,QAAA,GAAW,GAAA;EACX,MAAA,GAAS,UAAA;AAAA;;;UCiOD,KAAA;;EAER,KAAA,EAAO,iBAAA;EDvQG;ECyQV,UAAA;;EAEA,iBAAA;ED3Q8B;EC6Q9B,SAAA;ED5Q4B;EC8Q5B,OAAA,GAAU,oBAAA;ED9QkB;ECgR5B,kBAAA,GAAqB,kBAAA;ED9QN;ECgRf,QAAA;;EAEA,UAAA;AAAA;AAAA,YA6TE,OAAA,sBAAmB,OAAA;;;KAAmB,QAAA,qBAAqB,QAAA;;;KAAqB,QAAA,qBAAqB,QAAA;;;;KACpG,WAAA,gBACK,WAAA,QAAmB,OAAA,MAAa,KAAA,SAAc,OAAA,qBAC9C,WAAA,QAAmB,QAAA,MAAc,KAAA,SAAc,QAAA,qBAC/C,WAAA,QAAmB,QAAA,MAAc,KAAA,SAAc,QAAA;AAAA,cAOnD,UAAA,MAAU,eAAA,CAAA,KAAA,EAAA,mBAAA,cAAA,GAAA,CAAA,qBAAA,EAAA,GAAA,CAAA,qBAAA;;;;;WAAA,GAAA,CAAA,WAAA;;;;;;;;;;WA9UJ,oBAAA;sBAEW,kBAAA;;uBAAkB,GAAA,CAAA,uBAAA;AAAA,cAkVnC,YAAA,EAAqB,eAAA,QAAuB,UAAA,EAAY,WAAA;AAAA,cAAW,QAAA,SAC7C,YAAA;AAAA,KAWvB,eAAA,SAAwB,CAAA;EAAA;IAE3B,MAAA,EAAQ,CAAA;EAAA;AAAA;;;UC7mBA,uBAAA;;EAER,KAAA,EAAO,GAAA,CAAI,iBAAA;EFNmB;EEQ9B,UAAA,EAAY,GAAA;EFRkB;EEU9B,iBAAA;EFTU;EEWV,SAAA,EAAW,GAAA;;EAEX,UAAA,EAAY,GAAA;EFbgB;EEe5B,QAAA,IAAY,IAAA;EFboB;EEehC,QAAA,IAAY,GAAA;EFfoB;EEiBhC,UAAA,IAAc,GAAA;AAAA;;;;iBAMA,gBAAA,CAAiB,OAAA,EAAS,uBAAA;eAAuB,GAAA,CAAA,mBAAA;;;uBAyEnC,iBAAA;;;;;qBA8DF,aAAA,EAAa,GAAA;AAAA"}

package/dist/useCropperCore.d.ts

@@ -0,0 +1,102 @@
+import * as vue from "vue";
+import { Ref } from "vue";
+
+//#region src/components/C_ImageCropper/types.d.ts
+type CropOutputFormat = "png" | "jpeg" | "webp";
+interface AspectRatioPreset {
+  label: string;
+  value: number;
+}
+interface CropResult {
+  base64: string;
+  blob: Blob;
+  width: number;
+  height: number;
+  format: CropOutputFormat;
+}
+interface ImageCropperProps {
+  src?: string;
+  aspectRatio?: number;
+  outputFormat?: CropOutputFormat;
+  outputQuality?: number;
+  maxOutputWidth?: number;
+  maxOutputHeight?: number;
+  showPreview?: boolean;
+  showToolbar?: boolean;
+  circular?: boolean;
+  disabled?: boolean;
+  height?: string | number;
+  modal?: boolean;
+  modalTitle?: string;
+}
+interface ImageCropperExpose {
+  getCropResult: () => Promise<CropResult>;
+  rotate: (angle: number) => void;
+  zoom: (scale: number) => void;
+  flipX: () => void;
+  flipY: () => void;
+  reset: () => void;
+  setAspectRatio: (ratio: number) => void;
+  loadFile: (file: File) => void;
+  open: (src?: string) => void;
+  close: () => void;
+}
+interface ImageCropperEmits {
+  crop: [result: CropResult];
+  ready: [];
+  error: [error: Event];
+  confirm: [result: CropResult];
+  cancel: [];
+}
+//#endregion
+//#region src/components/C_ImageCropper/index.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  error: (error: Event) => any;
+  ready: () => any;
+  cancel: () => any;
+  crop: (result: any) => any;
+  confirm: (result: any) => any;
+}, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
+  onError?: ((error: Event) => any) | undefined;
+  onReady?: (() => any) | undefined;
+  onCancel?: (() => any) | undefined;
+  onCrop?: ((result: any) => any) | undefined;
+  onConfirm?: ((result: any) => any) | undefined;
+}>, {
+  height: string | number;
+  aspectRatio: number;
+  disabled: boolean;
+  showToolbar: boolean;
+  src: string;
+  outputFormat: CropOutputFormat;
+  outputQuality: number;
+  maxOutputWidth: number;
+  maxOutputHeight: number;
+  showPreview: boolean;
+  circular: boolean;
+  modal: boolean;
+  modalTitle: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+//#region src/components/C_ImageCropper/composables/useCropperCore.d.ts
+interface UseCropperCoreOptions {
+  format?: Ref<CropOutputFormat>;
+  quality?: Ref<number>;
+  maxWidth?: Ref<number>;
+  maxHeight?: Ref<number>;
+}
+declare function useCropperCore(options?: UseCropperCoreOptions): {
+  cropperRef: Ref<any, any>;
+  rotate: (angle: number) => void;
+  rotateLeft: () => void;
+  rotateRight: () => void;
+  zoom: (scale: number) => void;
+  flipX: () => void;
+  flipY: () => void;
+  reset: () => void;
+  getCropResult: () => Promise<CropResult>;
+};
+//#endregion
+export { CropResult as a, ImageCropperProps as c, CropOutputFormat as i, _default as n, ImageCropperEmits as o, AspectRatioPreset as r, ImageCropperExpose as s, useCropperCore as t };
+//# sourceMappingURL=useCropperCore.d.ts.map

package/dist/useCropperCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCropperCore.d.ts","names":[],"sources":["../src/components/C_ImageCropper/types.ts","../src/components/C_ImageCropper/index.vue","../src/components/C_ImageCropper/composables/useCropperCore.ts"],"mappings":";;;;KAAY,gBAAA;AAAA,UAEK,iBAAA;EACf,KAAA;EACA,KAAA;AAAA;AAAA,UAGe,UAAA;EACf,MAAA;EACA,IAAA,EAAM,IAAA;EACN,KAAA;EACA,MAAA;EACA,MAAA,EAAQ,gBAAA;AAAA;AAAA,UAGO,iBAAA;EACf,GAAA;EACA,WAAA;EACA,YAAA,GAAe,gBAAA;EACf,aAAA;EACA,cAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EACA,MAAA;EACA,KAAA;EACA,UAAA;AAAA;AAAA,UAGe,kBAAA;EACf,aAAA,QAAqB,OAAA,CAAQ,UAAA;EAC7B,MAAA,GAAS,KAAA;EACT,IAAA,GAAO,KAAA;EACP,KAAA;EACA,KAAA;EACA,KAAA;EACA,cAAA,GAAiB,KAAA;EACjB,QAAA,GAAW,IAAA,EAAM,IAAA;EACjB,IAAA,GAAO,GAAA;EACP,KAAA;AAAA;AAAA,UAGe,iBAAA;EACf,IAAA,GAAO,MAAA,EAAQ,UAAA;EACf,KAAA;EACA,KAAA,GAAQ,KAAA,EAAO,KAAA;EACf,OAAA,GAAU,MAAA,EAAQ,UAAA;EAClB,MAAA;AAAA;;;cC86BI,YAAA,MAAY,eAAA,CAAA,iBAAA,EAAA,kBAAA,cAAA,GAAA,CAAA,qBAAA,EAAA,GAAA,CAAA,qBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAMU,YAAA;;;UCj+BlB,qBAAA;EACR,MAAA,GAAS,GAAA,CAAI,gBAAA;EACb,OAAA,GAAU,GAAA;EACV,QAAA,GAAW,GAAA;EACX,SAAA,GAAY,GAAA;AAAA;AAAA,iBAGE,cAAA,CAAe,OAAA,GAAS,qBAAA;;;;;;;;;uBAoEZ,OAAA,CAAQ,UAAA;AAAA"}

package/dist/useDraggableLayout.d.ts

@@ -0,0 +1,194 @@
+import * as vue from "vue";
+
+//#region src/components/C_Draggable/types.d.ts
+interface DraggableItem {
+  id: string | number;
+  title?: string;
+  name?: string;
+  label?: string;
+  description?: string;
+  [key: string]: any;
+}
+interface DragEvent {
+  oldIndex: number;
+  newIndex: number;
+  item: DraggableItem;
+}
+interface GroupOptions {
+  name: string;
+  pull?: boolean | string | string[];
+  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[];
+  disabled?: boolean;
+  group?: string | GroupOptions;
+  sort?: boolean;
+  animation?: number;
+  delay?: number;
+  handle?: string;
+  showHandle?: boolean;
+  ghostClass?: string;
+  chosenClass?: string;
+  dragClass?: string;
+  wrapperClass?: string;
+  listClass?: string;
+  itemClass?: string;
+  showEmptyState?: boolean;
+  emptyText?: string;
+  itemKey?: (item: DraggableItem, index: number) => string | number;
+  itemTitle?: (item: DraggableItem) => string;
+  itemDescription?: (item: DraggableItem) => string;
+  swapThreshold?: number;
+  invertSwap?: boolean;
+  direction?: "vertical" | "horizontal";
+  layout?: LayoutMode;
+  gridColumns?: number;
+  gridRows?: number;
+  gap?: string | number;
+  flexWrap?: boolean;
+  justifyContent?: JustifyContent;
+  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[]];
+}
+//#endregion
+//#region src/components/C_Draggable/index.vue.d.ts
+declare var __VLS_13: {
+    item: DraggableItem;
+    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;
+  moveItem: (fromIndex: number, toIndex: number) => boolean;
+  updateList: (newList: DraggableItem[]) => 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;
+}>, {
+  sort: boolean;
+  direction: "vertical" | "horizontal";
+  modelValue: DraggableItem[];
+  disabled: boolean;
+  layout: LayoutMode;
+  group: string | GroupOptions;
+  alignItems: AlignItems;
+  flexWrap: boolean;
+  justifyContent: JustifyContent;
+  animation: number;
+  gap: string | number;
+  itemClass: string;
+  delay: number;
+  handle: string;
+  showHandle: boolean;
+  ghostClass: string;
+  chosenClass: string;
+  dragClass: string;
+  wrapperClass: string;
+  listClass: string;
+  showEmptyState: boolean;
+  emptyText: string;
+  swapThreshold: number;
+  invertSwap: boolean;
+  gridColumns: number;
+  gridRows: number;
+  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;
+  };
+}; //# sourceMappingURL=index.vue.d.ts.map
+//#endregion
+//#region src/components/C_Draggable/composables/useDraggableLayout.d.ts
+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;
+};
+declare function useDraggableLayout(props: DraggableProps, emit: EmitFn): {
+  isDragging: vue.Ref<boolean, boolean>;
+  internalList: vue.WritableComputedRef<DraggableItem[], DraggableItem[]>;
+  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;
+  getItemClass: (_index: number) => (string | {
+    "is-disabled": boolean | undefined;
+  } | undefined)[];
+  handleStart: (event: any) => void;
+  handleEnd: (event: any) => void;
+  handleAdd: (event: any) => void;
+  handleRemove: (event: any) => void;
+  handleUpdate: (_event: any) => void;
+  addItem: (item: DraggableItem, index?: number) => void;
+  removeItem: (index: number) => DraggableItem | null;
+  moveItem: (fromIndex: number, toIndex: number) => boolean;
+  updateList: (newList: DraggableItem[]) => void;
+  clear: () => void;
+  getItem: (index: number) => DraggableItem | undefined;
+  findIndex: (predicate: (item: DraggableItem) => 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 };
+//# sourceMappingURL=useDraggableLayout.d.ts.map

package/dist/useDraggableLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggableLayout.d.ts","names":[],"sources":["../src/components/C_Draggable/types.ts","../src/components/C_Draggable/index.vue","../src/components/C_Draggable/composables/useDraggableLayout.ts"],"mappings":";;;UAAiB,aAAA;EACf,EAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA;EACA,WAAA;EAAA,CACC,GAAA;AAAA;AAAA,UAGc,SAAA;EACf,QAAA;EACA,QAAA;EACA,IAAA,EAAM,aAAA;AAAA;AAAA,UAGS,YAAA;EACf,IAAA;EACA,IAAA;EACA,GAAA;EACA,WAAA;AAAA;AAAA,KAGU,UAAA;AAAA,KAEA,cAAA;AAAA,KAQA,UAAA;AAAA,UAOK,cAAA;EACf,UAAA,GAAa,aAAA;EACb,QAAA;EACA,KAAA,YAAiB,YAAA;EACjB,IAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;EACA,UAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,YAAA;EACA,SAAA;EACA,SAAA;EACA,cAAA;EACA,SAAA;EACA,OAAA,IAAW,IAAA,EAAM,aAAA,EAAe,KAAA;EAChC,SAAA,IAAa,IAAA,EAAM,aAAA;EACnB,eAAA,IAAmB,IAAA,EAAM,aAAA;EACzB,aAAA;EACA,UAAA;EACA,SAAA;EACA,MAAA,GAAS,UAAA;EACT,WAAA;EACA,QAAA;EACA,GAAA;EACA,QAAA;EACA,cAAA,GAAiB,cAAA;EACjB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,MAAA;AAAA;AAAA,UAGA,cAAA;EACf,mBAAA,GAAsB,KAAA,EAAO,aAAA;EAC7B,YAAA,GAAe,KAAA,EAAO,SAAA;EACtB,UAAA,GAAa,KAAA,EAAO,SAAA;EACpB,UAAA,GAAa,IAAA,EAAM,aAAA,EAAe,KAAA;EAClC,aAAA,GAAgB,IAAA,EAAM,aAAA,EAAe,KAAA;EACrC,aAAA,GAAgB,IAAA,EAAM,aAAA;AAAA;;;YCyUpB,QAAA;UAAmB,aAAA;;;;KAAE,QAAA;AAAA,KACpB,WAAA;EACD,OAAA,IAAW,KAAA,SAAc,QAAA;AAAA;EACzB,KAAA,IAAS,KAAA,SAAc,QAAA;AAAA;AAAA,cAKrB,UAAA,MAAU,eAAA,CAAA,cAAA;uBAAA,GAAA,CAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAMV,YAAA,EAAqB,eAAA,QAAuB,UAAA,EAAY,WAAA;AAAA,cAAW,QAAA,SAC7C,YAAA;AAAA,KAWvB,eAAA,SAAwB,CAAA;EAAA;IAE3B,MAAA,EAAQ,CAAA;EAAA;AAAA;;;KChbL,MAAA;EAAA,CACF,KAAA,uBAA4B,KAAA,EAAO,aAAA;EAAA,CACnC,KAAA,gBAAqB,SAAA,EAAW,SAAA;EAAA,CAChC,KAAA,cAAmB,SAAA,EAAW,SAAA;EAAA,CAC9B,KAAA,cAAmB,IAAA,EAAM,aAAA,EAAe,KAAA;EAAA,CACxC,KAAA,iBAAsB,IAAA,EAAM,aAAA,EAAe,KAAA;EAAA,CAC3C,KAAA,iBAAsB,IAAA,EAAM,aAAA;AAAA;AAAA,iBAGf,kBAAA,CAAmB,KAAA,EAAO,cAAA,EAAgB,IAAA,EAAM,MAAA;cAAM,GAAA,CAAA,GAAA;;;;;;;;qBA8D1C,aAAA,EAAa,KAAA;uBAGX,aAAA;6BAOM,aAAA;;;;;;;;;kBAgDX,aAAA,EAAa,KAAA;iCAUA,aAAA;gCAUD,OAAA;wBAkBN,aAAA;;8BAQI,aAAA;0BAGF,IAAA,EAAM,aAAA;AAAA"}