65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
import { Err, Ok, type Result } from "~~/types/result";
|
|
|
|
export enum DialogType {
|
|
Textbox = 'textbox',
|
|
QuickSwitcher = 'quick-switcher',
|
|
Confirm = 'confirm',
|
|
ChangePassword = 'change-password',
|
|
TwoFactor = 'two-factor',
|
|
DeleteAccount = 'delete-account',
|
|
CreateUser = 'create-user',
|
|
CreateInvite = 'create-invite',
|
|
RecoverAccount = 'recover-account',
|
|
}
|
|
|
|
interface DialogOptions {
|
|
title?: string;
|
|
initialValue?: string;
|
|
[key: string]: any;
|
|
}
|
|
|
|
let actionCallback: ((value: any) => void) | undefined;
|
|
|
|
export const useDialog = () => {
|
|
const page = useState<DialogType | null>('dialog:page', () => null);
|
|
const open = useState('dialog:open', () => false);
|
|
const data = useState<DialogOptions>('dialog:data', () => ({}));
|
|
|
|
const openDialog = <T = any>(type: DialogType, cb?: (value: Result<T, string>) => void, options: DialogOptions = {}) => {
|
|
page.value = type;
|
|
data.value = options;
|
|
open.value = true;
|
|
actionCallback = cb;
|
|
};
|
|
|
|
const setOptions = (options: DialogOptions) => {
|
|
data.value = options;
|
|
};
|
|
|
|
const confirm = (result: any) => {
|
|
open.value = false;
|
|
if (actionCallback === undefined) return;
|
|
|
|
actionCallback?.(Ok(result));
|
|
actionCallback = undefined;
|
|
};
|
|
|
|
const close = () => {
|
|
open.value = false;
|
|
if (actionCallback === undefined) return;
|
|
|
|
actionCallback?.(Err('closed'));
|
|
actionCallback = undefined;
|
|
};
|
|
|
|
return {
|
|
open: readonly(open),
|
|
page: readonly(page),
|
|
data: readonly(data),
|
|
openDialog,
|
|
setOptions,
|
|
confirm,
|
|
close,
|
|
};
|
|
};
|