@vtj/ui 0.0.6 → 0.4.0

package/types/components/dialog/dialog.d.ts

@@ -0,0 +1,155 @@
+import { Ref, RendererNode, RendererElement, PropType, ExtractPropTypes, DefineComponent, VNode, InjectionKey, ComponentInternalInstance } from 'vue';
+import { Emits, UseDraggableOptions, UseResizableOptions, IconParam, ToolbarItem, ToolMenu, ToolValue } from '../..';
+import type Dialog from './Dialog.vue';
+export interface DialogState {
+    maximized: boolean;
+    minimized: boolean;
+    visible: boolean;
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    zIndex: number;
+}
+export declare const DIALOG_CLOSE_VALUE: unique symbol;
+export declare const DIALOG_MAXIMIZABLE_VALUE: unique symbol;
+export declare const DIALOG_MINIMIZABLE_VALUE: unique symbol;
+export declare const DIALOG_POPUP_VALUE: unique symbol;
+export declare const dialogContextKey: InjectionKey<ComponentInternalInstance>;
+export declare const dialogZIndex: Ref<number>;
+/**
+ * 定义组件属性参数
+ */
+export declare const dialogProps: {
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    autoFit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<IconParam>;
+    };
+    small: {
+        type: BooleanConstructor;
+    };
+    draggable: {
+        type: PropType<boolean | UseDraggableOptions>;
+        default: boolean;
+    };
+    resizable: {
+        type: PropType<boolean | UseResizableOptions>;
+        default: boolean;
+    };
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maximizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minimizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tools: {
+        type: PropType<ToolbarItem[]>;
+        default: () => never[];
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+    };
+    confirmText: {
+        type: PropType<string | false>;
+        default: string;
+    };
+    confirm: {
+        type: PropType<() => Promise<boolean>>;
+    };
+    cancelText: {
+        type: PropType<string | false>;
+        default: string;
+    };
+    cancel: {
+        type: PropType<() => Promise<boolean>>;
+    };
+    beforeClose: {
+        type: PropType<() => Promise<boolean>>;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    content: {
+        type: PropType<VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | DefineComponent>;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default(): number;
+    };
+    bodyPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: {
+        type: PropType<"default" | "newpearl">;
+        default: string;
+    };
+};
+/**
+ * 定义组件事件
+ */
+export declare const dialogEmits: {
+    dragStart: (e: DialogState) => boolean;
+    dragEnd: (e: DialogState) => boolean;
+    dragging: (e: DialogState) => boolean;
+    resizeStart: (e: DialogState) => boolean;
+    resizeEnd: (e: DialogState) => boolean;
+    resizing: (e: DialogState) => boolean;
+    'update:modelValue': (e: boolean) => boolean;
+    toolClick: (e: ToolValue) => boolean;
+    toolCommand: (v: ToolValue, menu: ToolMenu) => boolean;
+    toolClose: (v: ToolValue, menu: ToolMenu) => boolean;
+    open: () => boolean;
+    show: () => boolean;
+    close: () => boolean;
+    hide: () => boolean;
+    maximized: () => boolean;
+    restore: () => boolean;
+    stateChange: (state: DialogState) => boolean;
+    confirm: () => boolean;
+    cancel: () => boolean;
+};
+/**
+ * 组件属性类型
+ */
+export type DialogProps = Partial<ExtractPropTypes<typeof dialogProps>>;
+/**
+ * 组件事件类型
+ */
+export type DialogEmits = Emits<typeof dialogEmits>;
+export type DialogInstance = InstanceType<typeof Dialog>;