cosey 0.7.4 → 0.7.6

package/components/form-dialog/form-dialog.api.d.ts

@@ -0,0 +1,237 @@
+import { type DialogInstance, type ButtonProps } from 'element-plus';
+import type { PropType, ExtractPropTypes, SlotsType } from 'vue';
+export declare const formDialogButtonProps: {
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmProps: {
+        type: PropType<ButtonProps>;
+    };
+    cancelProps: {
+        type: PropType<ButtonProps>;
+    };
+    hideConfirm: {
+        type: BooleanConstructor;
+    };
+    hideCancel: {
+        type: BooleanConstructor;
+    };
+};
+export type FormDialogPresetWidth = 'sm' | 'md' | 'lg' | 'xl';
+export declare const mapFormDialogWidth: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export type FormDialogButtonProps = ExtractPropTypes<typeof formDialogButtonProps>;
+export type FormDialogWidth = FormDialogPresetWidth | number | (string & {});
+export declare const formDialogProps: {
+    width: {
+        type: PropType<FormDialogWidth>;
+        default: string;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmProps: {
+        type: PropType<ButtonProps>;
+    };
+    cancelProps: {
+        type: PropType<ButtonProps>;
+    };
+    hideConfirm: {
+        type: BooleanConstructor;
+    };
+    hideCancel: {
+        type: BooleanConstructor;
+    };
+    appendToBody: BooleanConstructor;
+    appendTo: {
+        readonly type: PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "body";
+    };
+    beforeClose: {
+        readonly type: PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    destroyOnClose: BooleanConstructor;
+    lockScroll: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    modal: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    modalPenetrable: BooleanConstructor;
+    openDelay: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    closeDelay: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    top: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    zIndex: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    headerAriaLevel: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "2";
+    };
+    transition: {
+        readonly type: PropType<import("element-plus").DialogTransition>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    center: BooleanConstructor;
+    alignCenter: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    closeIcon: {
+        readonly type: PropType<string | import("vue").Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    draggable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    overflow: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    fullscreen: BooleanConstructor;
+    showClose: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    title: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    ariaLevel: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "2";
+    };
+};
+export type FormDialogProps = ExtractPropTypes<typeof formDialogProps>;
+export interface ElDialogSlots {
+    default: {};
+    header: {
+        close?: () => void;
+        titleId?: string;
+        titleClass?: string;
+    };
+    footer: {};
+}
+export interface FormDialogSlots extends ElDialogSlots {
+    button: {
+        submitting: boolean;
+        confirm: () => any | Promise<any>;
+        cancel: () => any;
+    };
+}
+export declare const formDialogSlots: SlotsType<FormDialogSlots>;
+export declare const formDialogEmits: {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+};
+export type FormDialogEmits = typeof formDialogEmits;
+export interface FormDialogExpose extends DialogInstance {
+}
+export declare const elFormDialogExposeKeys: string[];

package/components/form-dialog/form-dialog.api.js

@@ -0,0 +1,53 @@
+import { dialogEmits, dialogProps } from 'element-plus';
+
+const formDialogButtonProps = {
+  confirmText: {
+    type: String,
+    default: "co.common.confirm"
+  },
+  cancelText: {
+    type: String,
+    default: "co.common.cancel"
+  },
+  confirmProps: {
+    type: Object
+  },
+  cancelProps: {
+    type: Object
+  },
+  hideConfirm: {
+    type: Boolean
+  },
+  hideCancel: {
+    type: Boolean
+  }
+};
+const mapFormDialogWidth = {
+  sm: 420,
+  md: 640,
+  lg: 900,
+  xl: 1200
+};
+const formDialogProps = {
+  ...dialogProps,
+  ...formDialogButtonProps,
+  width: {
+    type: [String, Number],
+    default: "fit-content"
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: false
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: false
+  }
+};
+const formDialogSlots = {};
+const formDialogEmits = {
+  ...dialogEmits
+};
+const elFormDialogExposeKeys = ["resetPosition", "handleClose"];
+
+export { elFormDialogExposeKeys, formDialogButtonProps, formDialogEmits, formDialogProps, formDialogSlots, mapFormDialogWidth };