61:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 62:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 63:T14fd,"use client"; import { useEffect, useId, useRef, useState, type ReactNode } from "react"; import { MenuCtx, items, menuKeyDown } from "./DropdownMenu"; import { cx } from "./cx"; import { useKashi } from "./KashiProvider"; export interface ContextMenuProps { /** ناحیه‌ای که راست‌کلیک روی آن منو را باز می‌کند */ children: ReactNode; /** گزینه‌ها: MenuItem، MenuSeparator و MenuLabel */ menu: ReactNode; /** نام منو برای صفحه‌خوان @default «گزینه‌ها» */ label?: string; className?: string; } /** * منوی راست‌کلیک؛ با کیبورد هم: کلید ContextMenu یا Shift+F10 روی ناحیهٔ فوکوس‌شده. * همان گزینه‌ها و پیمایش منوی کشویی را دارد. */ export function ContextMenu({ children, menu, label, className }: ContextMenuProps) { const { messages: M } = useKashi(); label ??= M.contextMenu.label; const id = useId(); const [pos, setPos] = useState<{ x: number; y: number } | null>(null); const area = useRef(null); const list = useRef(null); const returnTo = useRef(null); const placed = useRef(false); // نگه‌داشتن انگشت روی صفحهٔ لمسی؛ Safari در iOS رویداد contextmenu نمی‌فرستد const press = useRef<{ t: ReturnType; x: number; y: number } | null>(null); const cancelPress = () => { if (press.current) clearTimeout(press.current.t); press.current = null; }; const close = (focusBack = true) => { placed.current = false; setPos(null); if (focusBack) returnTo.current?.focus(); }; useEffect(() => cancelPress, []); const openAt = (x: number, y: number) => { returnTo.current = (document.activeElement as HTMLElement) ?? area.current; setPos({ x, y }); }; useEffect(() => { const el = list.current!; const pop = el as HTMLElement & { showPopover?: () => void; hidePopover?: () => void }; if (!pos) { if (el.matches?.(":popover-open")) pop.hidePopover?.(); return; } if (pop.showPopover && !el.matches(":popover-open")) pop.showPopover(); // یک بار جای‌گذاری: در RTL منو سمت چپ نشانگر باز می‌شود (مثل منوی بومی) و از صفحه بیرون نمی‌رود if (!placed.current) { placed.current = true; const r = el.getBoundingClientRect(); const rtl = getComputedStyle(area.current!).direction === "rtl"; let nx = rtl ? pos.x - r.width : pos.x; if (nx < 8) nx = rtl ? pos.x : 8; nx = Math.max(8, Math.min(nx, innerWidth - r.width - 8)); const ny = Math.max(8, pos.y + r.height > innerHeight - 8 ? pos.y - r.height : pos.y); if (nx !== pos.x || ny !== pos.y) return setPos({ x: nx, y: Math.min(ny, innerHeight - r.height - 8) }); } items(el)[0]?.focus({ preventScroll: true }); const onDown = (e: PointerEvent) => !el.contains(e.target as Node) && close(false); const onScroll = () => close(false); document.addEventListener("pointerdown", onDown); // اسکرولی که همین حالا در جریان است منو را نبندد const t = setTimeout(() => addEventListener("scroll", onScroll, { passive: true, once: true }), 150); return () => { clearTimeout(t); document.removeEventListener("pointerdown", onDown); removeEventListener("scroll", onScroll); }; }, [pos?.x, pos?.y]); return (

{ e.preventDefault(); openAt(e.clientX, e.clientY); }} onPointerDown={(e) => { if (e.pointerType !== "touch") return; cancelPress(); const { clientX: x, clientY: y } = e; press.current = { x, y, t: setTimeout(() => { press.current = null; openAt(x, y); }, 500) }; }} onPointerMove={(e) => { if (press.current && Math.hypot(e.clientX - press.current.x, e.clientY - press.current.y) > 10) cancelPress(); }} onPointerUp={cancelPress} onPointerCancel={cancelPress} onKeyDown={(e) => { if (e.key === "ContextMenu" || (e.shiftKey && e.key === "F10")) { e.preventDefault(); const r = (document.activeElement as HTMLElement).getBoundingClientRect(); openAt(r.left + r.width / 2, r.top + r.height / 2); } }} > {children} {M.contextMenu.hint}

)} role="menu" aria-label={label} className="k-menu k-menu--context" hidden={!pos} style={pos ? ({ "--_x": `${pos.x}px`, "--_y": `${pos.y}px` } as React.CSSProperties) : undefined} onKeyDown={(e) => menuKeyDown(e, list.current, () => close(), () => close(false))} > {menu}

); } 60:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L61",null,{"namespace":"@kashi","registryDependencies":["https://kashi.sepantapouya.com/r/cx.json","https://kashi.sepantapouya.com/r/dropdown-menu.json","https://kashi.sepantapouya.com/r/kashi-provider.json"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"registry/kashi/ContextMenu.tsx","content":"$63","type":"registry:ui","target":"components/kashi/ContextMenu.tsx"}],"className":"h-[70svh] min-h-80"}]]}]