@robot-admin/naive-ui-components 0.12.1 → 0.13.1

package/dist/useCalendarEvents.d.cts

@@ -1,6 +1,6 @@
 import * as vue from "vue";
 import { Ref } from "vue";
-import { CalendarOptions } from "@fullcalendar/core";
+import { CalendarApi, CalendarOptions, EventApi } from "@fullcalendar/core";
 
 //#region src/components/C_FullCalendar/types.d.ts
 interface CalendarEvent {
@@ -12,11 +12,11 @@ interface CalendarEvent {
   editable?: boolean;
   [key: string]: any;
 }
-type CalendarViewType = "dayGridMonth" | "dayGridWeek" | "dayGridDay" | "listWeek";
+type CalendarViewType = 'dayGridMonth' | 'dayGridWeek' | 'dayGridDay' | 'listWeek';
 interface CalendarEditForm {
   id: string;
   title: string;
-  date: number;
+  date: number | null;
   startTime: string;
   endTime: string;
   color: string;
@@ -29,17 +29,17 @@ interface CalendarProps {
   showEditDialog?: boolean;
 }
 interface CalendarEmits {
-  "update:events": [events: CalendarEvent[]];
-  "event-added": [event: CalendarEvent];
-  "event-updated": [event: Partial<CalendarEvent>];
-  "event-deleted": [event: {
+  '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>];
+  'event-dropped': [event: Partial<CalendarEvent>];
 }
 interface CalendarExpose {
-  getApi: () => any;
+  getApi: () => CalendarApi | undefined;
   addEvent: (event: CalendarEvent) => void;
   updateEvent: (eventData: Partial<CalendarEvent>) => void;
   deleteEvent: (eventId: string) => void;
@@ -66,9 +66,9 @@ declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {
   }) => any) | undefined;
   "onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
 }>, {
-  events: CalendarEvent[];
   initialView: CalendarViewType;
   editable: boolean;
+  events: CalendarEvent[];
   showAddDialog: boolean;
   showEditDialog: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
@@ -105,23 +105,29 @@ type EmitFn = {
  *
  */
 declare function useCalendarEvents(props: CalendarProps, emit: EmitFn): {
-  calendarRef: Ref<any, any>;
+  calendarRef: Ref<{
+    getApi: () => CalendarApi;
+  } | null, {
+    getApi: () => CalendarApi;
+  } | {
+    getApi: () => CalendarApi;
+  } | null>;
   calendarOptions: Ref<CalendarOptions, CalendarOptions>;
   showActionDialog: Ref<boolean, boolean>;
   showEditModal: Ref<boolean, boolean>;
   isEditing: Ref<boolean, boolean>;
-  selectedEvent: Ref<any, any>;
+  selectedEvent: vue.ShallowRef<EventApi | null, EventApi | null>;
   editForm: Ref<{
     id: string;
     title: string;
-    date: number;
+    date: number | null;
     startTime: string;
     endTime: string;
     color: string;
   }, CalendarEditForm | {
     id: string;
     title: string;
-    date: number;
+    date: number | null;
     startTime: string;
     endTime: string;
     color: string;
@@ -131,16 +137,15 @@ declare function useCalendarEvents(props: CalendarProps, emit: EmitFn): {
   saveEvent: () => boolean;
   deleteEvent: () => void;
   expose: {
-    getApi: () => any;
+    getApi: () => CalendarApi | undefined;
     addEvent: (event: CalendarEvent) => void;
     updateEvent: (eventData: Partial<CalendarEvent>) => void;
     deleteEvent: (eventId: string) => void;
     getEvents: () => {
-      [x: string]: any;
+      start: string | Date;
+      end: string | Date | undefined;
       id: string;
       title: string;
-      start: Date | string;
-      end?: (Date | string) | undefined;
       color?: string | undefined;
       editable?: boolean | undefined;
     }[];

package/dist/useCalendarEvents.d.ts

@@ -1,6 +1,6 @@
 import * as vue from "vue";
 import { Ref } from "vue";
-import { CalendarOptions } from "@fullcalendar/core";
+import { CalendarApi, CalendarOptions, EventApi } from "@fullcalendar/core";
 
 //#region src/components/C_FullCalendar/types.d.ts
 interface CalendarEvent {
@@ -12,11 +12,11 @@ interface CalendarEvent {
   editable?: boolean;
   [key: string]: any;
 }
-type CalendarViewType = "dayGridMonth" | "dayGridWeek" | "dayGridDay" | "listWeek";
+type CalendarViewType = 'dayGridMonth' | 'dayGridWeek' | 'dayGridDay' | 'listWeek';
 interface CalendarEditForm {
   id: string;
   title: string;
-  date: number;
+  date: number | null;
   startTime: string;
   endTime: string;
   color: string;
@@ -29,17 +29,17 @@ interface CalendarProps {
   showEditDialog?: boolean;
 }
 interface CalendarEmits {
-  "update:events": [events: CalendarEvent[]];
-  "event-added": [event: CalendarEvent];
-  "event-updated": [event: Partial<CalendarEvent>];
-  "event-deleted": [event: {
+  '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>];
+  'event-dropped': [event: Partial<CalendarEvent>];
 }
 interface CalendarExpose {
-  getApi: () => any;
+  getApi: () => CalendarApi | undefined;
   addEvent: (event: CalendarEvent) => void;
   updateEvent: (eventData: Partial<CalendarEvent>) => void;
   deleteEvent: (eventId: string) => void;
@@ -66,9 +66,9 @@ declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {
   }) => any) | undefined;
   "onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
 }>, {
-  events: CalendarEvent[];
   initialView: CalendarViewType;
   editable: boolean;
+  events: CalendarEvent[];
   showAddDialog: boolean;
   showEditDialog: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
@@ -105,23 +105,29 @@ type EmitFn = {
  *
  */
 declare function useCalendarEvents(props: CalendarProps, emit: EmitFn): {
-  calendarRef: Ref<any, any>;
+  calendarRef: Ref<{
+    getApi: () => CalendarApi;
+  } | null, {
+    getApi: () => CalendarApi;
+  } | {
+    getApi: () => CalendarApi;
+  } | null>;
   calendarOptions: Ref<CalendarOptions, CalendarOptions>;
   showActionDialog: Ref<boolean, boolean>;
   showEditModal: Ref<boolean, boolean>;
   isEditing: Ref<boolean, boolean>;
-  selectedEvent: Ref<any, any>;
+  selectedEvent: vue.ShallowRef<EventApi | null, EventApi | null>;
   editForm: Ref<{
     id: string;
     title: string;
-    date: number;
+    date: number | null;
     startTime: string;
     endTime: string;
     color: string;
   }, CalendarEditForm | {
     id: string;
     title: string;
-    date: number;
+    date: number | null;
     startTime: string;
     endTime: string;
     color: string;
@@ -131,16 +137,15 @@ declare function useCalendarEvents(props: CalendarProps, emit: EmitFn): {
   saveEvent: () => boolean;
   deleteEvent: () => void;
   expose: {
-    getApi: () => any;
+    getApi: () => CalendarApi | undefined;
     addEvent: (event: CalendarEvent) => void;
     updateEvent: (eventData: Partial<CalendarEvent>) => void;
     deleteEvent: (eventId: string) => void;
     getEvents: () => {
-      [x: string]: any;
+      start: string | Date;
+      end: string | Date | undefined;
       id: string;
       title: string;
-      start: Date | string;
-      end?: (Date | string) | undefined;
       color?: string | undefined;
       editable?: boolean | undefined;
     }[];

package/dist/useCollapsePanel.d.cts

@@ -115,6 +115,7 @@ interface UseCollapsePanelOptions {
   /** 单面板折叠回调 */
   onCollapse?: (key: string) => void;
 }
+/** Decode persisted keys without trusting localStorage JSON shape. */
 /**
  * 折叠面板展开/折叠核心逻辑
  */

package/dist/useCollapsePanel.d.ts

@@ -115,6 +115,7 @@ interface UseCollapsePanelOptions {
   /** 单面板折叠回调 */
   onCollapse?: (key: string) => void;
 }
+/** Decode persisted keys without trusting localStorage JSON shape. */
 /**
  * 折叠面板展开/折叠核心逻辑
  */

package/dist/useCropperCore.d.cts

@@ -2,7 +2,7 @@ import * as vue from "vue";
 import { Ref } from "vue";
 
 //#region src/components/C_ImageCropper/types.d.ts
-type CropOutputFormat = "png" | "jpeg" | "webp";
+type CropOutputFormat = 'png' | 'jpeg' | 'webp';
 interface AspectRatioPreset {
   label: string;
   value: number;
@@ -44,59 +44,74 @@ interface ImageCropperExpose {
 interface ImageCropperEmits {
   crop: [result: CropResult];
   ready: [];
-  error: [error: Event];
+  error: [error: Error];
   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;
-  confirm: (result: any) => any;
+  confirm: (result: CropResult) => any;
+  crop: (result: CropResult) => any;
   ready: () => any;
-  crop: (result: any) => any;
+  error: (error: Error) => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
-  onError?: ((error: Event) => any) | undefined;
   onCancel?: (() => any) | undefined;
-  onConfirm?: ((result: any) => any) | undefined;
+  onConfirm?: ((result: CropResult) => any) | undefined;
+  onCrop?: ((result: CropResult) => any) | undefined;
   onReady?: (() => any) | undefined;
-  onCrop?: ((result: any) => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
 }>, {
-  height: string | number;
-  aspectRatio: number;
   disabled: boolean;
+  showPreview: boolean;
+  height: string | number;
   modalTitle: string;
   showToolbar: boolean;
   src: string;
+  aspectRatio: number;
   outputFormat: CropOutputFormat;
   outputQuality: number;
   maxOutputWidth: number;
   maxOutputHeight: number;
-  showPreview: boolean;
   circular: boolean;
   modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 //#region src/components/C_ImageCropper/composables/useCropperCore.d.ts
+interface CropperInstance {
+  rotateLeft: () => void;
+  rotateRight: () => void;
+  changeScale: (step: number) => void;
+  refresh: () => void;
+  getCropChecked: (callback: (canvas: HTMLCanvasElement) => void) => void;
+}
 interface UseCropperCoreOptions {
   format?: Ref<CropOutputFormat>;
   quality?: Ref<number>;
   maxWidth?: Ref<number>;
   maxHeight?: Ref<number>;
 }
-/**
- *
- */
+/** Manage the vue-cropper instance and serialize a single crop snapshot. */
 declare function useCropperCore(options?: UseCropperCoreOptions): {
-  cropperRef: Ref<any, any>;
+  cropperRef: Ref<{
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    changeScale: (step: number) => void;
+    refresh: () => void;
+    getCropChecked: (callback: (canvas: HTMLCanvasElement) => void) => void;
+  } | null, CropperInstance | {
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    changeScale: (step: number) => void;
+    refresh: () => void;
+    getCropChecked: (callback: (canvas: HTMLCanvasElement) => void) => void;
+  } | null>;
   rotate: (angle: number) => void;
   rotateLeft: () => void;
   rotateRight: () => void;
   zoom: (scale: number) => void;
-  flipX: () => void;
-  flipY: () => void;
   reset: () => void;
   getCropResult: () => Promise<CropResult>;
 };

package/dist/useCropperCore.d.ts

@@ -2,7 +2,7 @@ import * as vue from "vue";
 import { Ref } from "vue";
 
 //#region src/components/C_ImageCropper/types.d.ts
-type CropOutputFormat = "png" | "jpeg" | "webp";
+type CropOutputFormat = 'png' | 'jpeg' | 'webp';
 interface AspectRatioPreset {
   label: string;
   value: number;
@@ -44,59 +44,74 @@ interface ImageCropperExpose {
 interface ImageCropperEmits {
   crop: [result: CropResult];
   ready: [];
-  error: [error: Event];
+  error: [error: Error];
   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;
-  confirm: (result: any) => any;
+  confirm: (result: CropResult) => any;
+  crop: (result: CropResult) => any;
   ready: () => any;
-  crop: (result: any) => any;
+  error: (error: Error) => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
-  onError?: ((error: Event) => any) | undefined;
   onCancel?: (() => any) | undefined;
-  onConfirm?: ((result: any) => any) | undefined;
+  onConfirm?: ((result: CropResult) => any) | undefined;
+  onCrop?: ((result: CropResult) => any) | undefined;
   onReady?: (() => any) | undefined;
-  onCrop?: ((result: any) => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
 }>, {
-  height: string | number;
-  aspectRatio: number;
   disabled: boolean;
+  showPreview: boolean;
+  height: string | number;
   modalTitle: string;
   showToolbar: boolean;
   src: string;
+  aspectRatio: number;
   outputFormat: CropOutputFormat;
   outputQuality: number;
   maxOutputWidth: number;
   maxOutputHeight: number;
-  showPreview: boolean;
   circular: boolean;
   modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 //#region src/components/C_ImageCropper/composables/useCropperCore.d.ts
+interface CropperInstance {
+  rotateLeft: () => void;
+  rotateRight: () => void;
+  changeScale: (step: number) => void;
+  refresh: () => void;
+  getCropChecked: (callback: (canvas: HTMLCanvasElement) => void) => void;
+}
 interface UseCropperCoreOptions {
   format?: Ref<CropOutputFormat>;
   quality?: Ref<number>;
   maxWidth?: Ref<number>;
   maxHeight?: Ref<number>;
 }
-/**
- *
- */
+/** Manage the vue-cropper instance and serialize a single crop snapshot. */
 declare function useCropperCore(options?: UseCropperCoreOptions): {
-  cropperRef: Ref<any, any>;
+  cropperRef: Ref<{
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    changeScale: (step: number) => void;
+    refresh: () => void;
+    getCropChecked: (callback: (canvas: HTMLCanvasElement) => void) => void;
+  } | null, CropperInstance | {
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    changeScale: (step: number) => void;
+    refresh: () => void;
+    getCropChecked: (callback: (canvas: HTMLCanvasElement) => void) => void;
+  } | null>;
   rotate: (angle: number) => void;
   rotateLeft: () => void;
   rotateRight: () => void;
   zoom: (scale: number) => void;
-  flipX: () => void;
-  flipY: () => void;
   reset: () => void;
   getCropResult: () => Promise<CropResult>;
 };

package/dist/useDraggableLayout.d.cts

@@ -117,13 +117,11 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   "onList-change"?: ((list: DraggableItem[]) => any) | undefined;
 }>, {
   sort: boolean;
-  direction: "vertical" | "horizontal";
   modelValue: DraggableItem[];
   disabled: boolean;
-  delay: number;
-  layout: LayoutMode;
   group: string | GroupOptions;
   animation: number;
+  delay: number;
   handle: string;
   showHandle: boolean;
   ghostClass: string;
@@ -136,6 +134,8 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   emptyText: string;
   swapThreshold: number;
   invertSwap: boolean;
+  direction: "vertical" | "horizontal";
+  layout: LayoutMode;
   gridColumns: number;
   gridRows: number;
   gap: string | number;

package/dist/useDraggableLayout.d.ts

@@ -117,13 +117,11 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   "onList-change"?: ((list: DraggableItem[]) => any) | undefined;
 }>, {
   sort: boolean;
-  direction: "vertical" | "horizontal";
   modelValue: DraggableItem[];
   disabled: boolean;
-  delay: number;
-  layout: LayoutMode;
   group: string | GroupOptions;
   animation: number;
+  delay: number;
   handle: string;
   showHandle: boolean;
   ghostClass: string;
@@ -136,6 +134,8 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   emptyText: string;
   swapThreshold: number;
   invertSwap: boolean;
+  direction: "vertical" | "horizontal";
+  layout: LayoutMode;
   gridColumns: number;
   gridRows: number;
   gap: string | number;

package/dist/useDynamicFormState.d.cts

@@ -352,9 +352,14 @@ interface FormStepActionsSlotProps {
   nextStep: () => Promise<void>;
   previousStep: () => void;
   goToStep: (stepIndex: number) => Promise<void>;
+  /** Validate and submit the complete form, including fields in other steps. */
+  submit: () => Promise<boolean>;
+  submitting: boolean;
 }
 /** C_Form 对外公开的具名插槽。 */
 interface FormSlots<T extends object = FormRecord> {
+  /** Field-specific named slots are intentionally open-ended. */
+  [slotName: string]: ((props: any) => unknown) | undefined;
   action?: (props: FormActionSlotProps<T>) => unknown;
   'tab-actions'?: (props: FormTabActionsSlotProps) => unknown;
   'step-actions'?: (props: FormStepActionsSlotProps) => unknown;

package/dist/useDynamicFormState.d.ts

@@ -352,9 +352,14 @@ interface FormStepActionsSlotProps {
   nextStep: () => Promise<void>;
   previousStep: () => void;
   goToStep: (stepIndex: number) => Promise<void>;
+  /** Validate and submit the complete form, including fields in other steps. */
+  submit: () => Promise<boolean>;
+  submitting: boolean;
 }
 /** C_Form 对外公开的具名插槽。 */
 interface FormSlots<T extends object = FormRecord> {
+  /** Field-specific named slots are intentionally open-ended. */
+  [slotName: string]: ((props: any) => unknown) | undefined;
   action?: (props: FormActionSlotProps<T>) => unknown;
   'tab-actions'?: (props: FormTabActionsSlotProps) => unknown;
   'step-actions'?: (props: FormStepActionsSlotProps) => unknown;

package/dist/useEdgeInteraction.d.cts

@@ -27,7 +27,7 @@ interface ERTable {
 }
 interface ERRelation {
   id: string;
-  type: "foreign-key" | "one-to-one" | "one-to-many" | "many-to-many";
+  type: 'foreign-key' | 'one-to-one' | 'one-to-many' | 'many-to-many';
   sourceTable: string;
   sourceField: string;
   targetTable: string;
@@ -41,7 +41,7 @@ interface ERDiagramData {
 }
 interface BPMNNode {
   id: string;
-  type: "start" | "end" | "task" | "gateway" | "event";
+  type: 'start' | 'end' | 'task' | 'gateway' | 'event';
   name: string;
   position: Position;
   properties: Record<string, any>;
@@ -60,13 +60,13 @@ interface BPMNDiagramData {
 interface UMLAttribute {
   name: string;
   type: string;
-  visibility: "public" | "private" | "protected";
+  visibility: 'public' | 'private' | 'protected';
   isStatic?: boolean;
 }
 interface UMLMethod {
   name: string;
   returnType: string;
-  visibility: "public" | "private" | "protected";
+  visibility: 'public' | 'private' | 'protected';
   parameters?: string[];
   isStatic?: boolean;
   isAbstract?: boolean;
@@ -81,7 +81,7 @@ interface UMLClass {
 }
 interface UMLRelation {
   id: string;
-  type: "inheritance" | "composition" | "aggregation" | "association" | "dependency";
+  type: 'inheritance' | 'implementation' | 'composition' | 'aggregation' | 'association' | 'dependency';
   source: string;
   target: string;
   name?: string;
@@ -92,7 +92,7 @@ interface UMLDiagramData {
   relations: UMLRelation[];
 }
 type DiagramData = ERDiagramData | BPMNDiagramData | UMLDiagramData;
-type DiagramType = "er" | "bpmn" | "uml";
+type DiagramType = 'er' | 'bpmn' | 'uml';
 interface DiagramConfig {
   type: DiagramType;
   data?: DiagramData;
@@ -100,16 +100,16 @@ interface DiagramConfig {
   height?: string | number;
   readonly?: boolean;
   showToolbar?: boolean;
-  theme?: "light" | "dark";
+  theme?: 'light' | 'dark';
 }
-type ToolbarAction = "new" | "open" | "save" | "save-as" | "import" | "export" | "undo" | "redo" | "copy" | "paste" | "delete" | "select-all" | "clear" | "zoom-in" | "zoom-out" | "zoom-fit" | "center" | "layout" | "align";
-type ExportFormat = "png" | "jpg" | "svg" | "pdf" | "json";
+type ToolbarAction = 'new' | 'open' | 'save' | 'save-as' | 'import' | 'export' | 'undo' | 'redo' | 'copy' | 'paste' | 'delete' | 'select-all' | 'clear' | 'zoom-in' | 'zoom-out' | 'zoom-fit' | 'center' | 'layout' | 'align';
+type ExportFormat = 'png' | 'jpg' | 'svg' | 'pdf' | 'json';
 interface MenuItem {
   label: string;
   key: string;
   icon?: string;
   shortcut?: string;
-  type?: "divider";
+  type?: 'divider';
 }
 interface ValidationResult {
   valid: boolean;
@@ -124,8 +124,8 @@ interface GraphEvents {
   selectionChange: (selectedIds: string[]) => void;
 }
 interface LayoutOptions {
-  type: "auto" | "hierarchical" | "force" | "grid" | "circular";
-  direction?: "TB" | "BT" | "LR" | "RL";
+  type: 'auto' | 'hierarchical' | 'force' | 'grid' | 'circular';
+  direction?: 'TB' | 'BT' | 'LR' | 'RL';
   spacing?: number;
   nodeSpacing?: number;
   layerSpacing?: number;
@@ -161,7 +161,7 @@ interface GraphExportOptions {
 }
 interface GridConfig {
   visible: boolean;
-  type: "dot" | "fixedDot" | "mesh" | "doubleMesh";
+  type: 'dot' | 'fixedDot' | 'mesh' | 'doubleMesh';
   size: number;
   color: string;
   thickness?: number;
@@ -241,28 +241,28 @@ interface GraphConfig {
 //#endregion
 //#region src/components/C_AntV/index.vue.d.ts
 interface Props extends DiagramConfig {
-  type: "er" | "bpmn" | "uml";
+  type: 'er' | 'bpmn' | 'uml';
   data?: DiagramData;
   width?: string | number;
   height?: string | number;
   readonly?: boolean;
   showToolbar?: boolean;
-  theme?: "light" | "dark";
+  theme?: 'light' | 'dark';
 }
 declare const __VLS_export: vue.DefineComponent<Props, {
   getGraph: () => any;
   getData: () => any;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
-  ready: (graph: any) => any;
+  ready: (graph: Graph) => any;
   "data-change": (data: DiagramData) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  onReady?: ((graph: any) => any) | undefined;
+  onReady?: ((graph: Graph) => any) | undefined;
   "onData-change"?: ((data: DiagramData) => any) | undefined;
 }>, {
-  width: string | number;
   height: string | number;
-  theme: "light" | "dark";
+  width: string | number;
   readonly: boolean;
+  theme: "light" | "dark";
   showToolbar: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;