Demo

useMobileBackDialog

မိုဘိုင်းတွင် back နှိပ်သည့်အခါ page ထွက်မည့်အစား open dialog ကို ပိတ်စေပါသည်။ @quan-erp/shared-ui မှ import လုပ်ပါ။

Signature

Dialog open state နှင့် setter ပေးပါ။ key သည် dialog အများအပြားအတွက် optional ဖြစ်ပါသည်။

  • open — dialog ဖွင့်/ပိတ်
  • onOpenChange — Dialog သို့ ပေးသည့် callback
  • key? — dialog များစွာရှိလျှင် ခွဲရန်
TSsignature
1function useMobileBackDialog(options: { 2 open: boolean; 3 onOpenChange: (open: boolean) => void; 4 key?: string; 5}): void;

အသုံးပြုပုံ

Dialog state အနီးတွင် တစ်ခါ ခေါ်ပါ။ Desktop တွင် အပြုအမူ မပြောင်းပါ။

TSXdialog
1import { 2 Dialog, 3 DialogContent, 4 useMobileBackDialog, 5} from "@quan-erp/shared-ui"; 6import { useState } from "react"; 7 8export function EditBranchDialog() { 9 const [open, setOpen] = useState(false); 10 useMobileBackDialog({ open, onOpenChange: setOpen }); 11 12 return ( 13 <Dialog open={open} onOpenChange={setOpen}> 14 <DialogContent>{/* form */}</DialogContent> 15 </Dialog> 16 ); 17}

မှတ်ချက်များ

  • Mobile WebView / Capacitor back အတွက် အထူးသင့်တော်ပါသည်
  • Dialog တစ်ခုချင်းစီအတွက် hook တစ်ခု သုံးပါ