@chief-editor/ui/es/components/dropdown/DropdownContextMenu.js

UI Component for chief editor

import React,{Fragment,useRef}from"react";import{useToggle}from"@rc-hooks/use";import{usePrefixCls}from"../../hooks";import{Popover}from"../popover";import{useContextMenu}from"./useContextMenu";export var DropdownContextMenu=function(e){var t=e.menu,o=e.onContextMenu,r=e.children,n=useRef(null),s=usePrefixCls("contextmenu-trigger-area"),l=usePrefixCls("contextmenu-drop-list"),u=useToggle(!1),m=u[0],a=u[1],c=u[2],i=useContextMenu({triggerArea:n,show:m,onContextMenu:o}),p=i.popoverStyle,f=i.offset,x=React.createElement("div",{className:l,onClick:c},"function"==typeof t?t():t);return React.createElement(Fragment,null,React.createElement(Popover,{style:{flex:1},show:m,trigger:"contextmenu",placement:"bottom-start",popoverClassName:"slides-context-menu",getPopper:m?x:null,popoverStyle:p,offset:f,onShow:a,onHide:c},React.createElement("div",{className:s,ref:n,style:{height:"100%",width:"100%"}},r)))};