@robot-admin/naive-ui-components 0.10.2 → 0.11.0

package/dist/useCropperCore.d.cts

@@ -0,0 +1,104 @@
+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;
+  cancel: () => any;
+  crop: (result: any) => any;
+  ready: () => any;
+  confirm: (result: any) => any;
+}, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
+  onError?: ((error: Event) => any) | undefined;
+  onCancel?: (() => any) | undefined;
+  onCrop?: ((result: any) => any) | undefined;
+  onReady?: (() => any) | undefined;
+  onConfirm?: ((result: any) => any) | undefined;
+}>, {
+  disabled: boolean;
+  height: string | number;
+  aspectRatio: number;
+  showPreview: boolean;
+  src: string;
+  showToolbar: boolean;
+  outputFormat: CropOutputFormat;
+  outputQuality: number;
+  maxOutputWidth: number;
+  maxOutputHeight: number;
+  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 };

package/dist/useCropperCore.d.ts

@@ -51,24 +51,24 @@ 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: Event) => any;
-  ready: () => any;
+  cancel: () => any;
   crop: (result: any) => any;
+  ready: () => any;
   confirm: (result: any) => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
-  onCancel?: (() => any) | undefined;
   onError?: ((error: Event) => any) | undefined;
-  onReady?: (() => any) | undefined;
+  onCancel?: (() => any) | undefined;
   onCrop?: ((result: any) => any) | undefined;
+  onReady?: (() => any) | undefined;
   onConfirm?: ((result: any) => any) | undefined;
 }>, {
   disabled: boolean;
-  showPreview: boolean;
   height: string | number;
-  showToolbar: boolean;
-  src: string;
   aspectRatio: number;
+  showPreview: boolean;
+  src: string;
+  showToolbar: boolean;
   outputFormat: CropOutputFormat;
   outputQuality: number;
   maxOutputWidth: number;
@@ -86,6 +86,9 @@ interface UseCropperCoreOptions {
   maxWidth?: Ref<number>;
   maxHeight?: Ref<number>;
 }
+/**
+ *
+ */
 declare function useCropperCore(options?: UseCropperCoreOptions): {
   cropperRef: Ref<any, any>;
   rotate: (angle: number) => void;
@@ -98,5 +101,4 @@ declare function useCropperCore(options?: UseCropperCoreOptions): {
   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
+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 };

package/dist/useDraggableLayout.d.cts

@@ -0,0 +1,196 @@
+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;
+  modelValue: DraggableItem[];
+  disabled: boolean;
+  direction: "vertical" | "horizontal";
+  delay: number;
+  emptyText: string;
+  layout: LayoutMode;
+  itemClass: string;
+  animation: number;
+  gap: string | number;
+  group: string | GroupOptions;
+  handle: string;
+  showHandle: boolean;
+  ghostClass: string;
+  chosenClass: string;
+  dragClass: string;
+  wrapperClass: string;
+  listClass: string;
+  showEmptyState: boolean;
+  swapThreshold: number;
+  invertSwap: boolean;
+  gridColumns: number;
+  gridRows: number;
+  flexWrap: boolean;
+  justifyContent: JustifyContent;
+  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;
+  };
+};
+//#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: () => (string | {
+    'is-disabled': boolean | undefined;
+  } | undefined)[];
+  handleStart: (event: any) => void;
+  handleEnd: (event: any) => void;
+  handleAdd: (event: any) => void;
+  handleRemove: (event: any) => void;
+  handleUpdate: () => 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 };

package/dist/useDraggableLayout.d.ts

@@ -117,15 +117,15 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   "onList-change"?: ((list: DraggableItem[]) => any) | undefined;
 }>, {
   sort: boolean;
-  animation: number;
   modelValue: DraggableItem[];
   disabled: boolean;
   direction: "vertical" | "horizontal";
+  delay: number;
+  emptyText: string;
   layout: LayoutMode;
   itemClass: string;
-  delay: number;
+  animation: number;
   gap: string | number;
-  emptyText: string;
   group: string | GroupOptions;
   handle: string;
   showHandle: boolean;
@@ -154,33 +154,36 @@ type __VLS_WithSlots<T, S> = T & {
 //#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;
+  (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;
+    '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;
+  getItemClass: () => (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;
+  handleUpdate: () => void;
   addItem: (item: DraggableItem, index?: number) => void;
   removeItem: (index: number) => DraggableItem | null;
   moveItem: (fromIndex: number, toIndex: number) => boolean;
@@ -190,5 +193,4 @@ declare function useDraggableLayout(props: DraggableProps, emit: EmitFn): {
   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
+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 };