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

UI Component for chief editor

"use strict";var __importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importStar(require("react")),use_1=require("@rc-hooks/use"),hooks_1=require("../../hooks"),popover_1=require("../popover"),useContextMenu_1=require("./useContextMenu");exports.DropdownContextMenu=function(e){var t=e.menu,r=e.onContextMenu,o=e.children,n=react_1.useRef(null),u=hooks_1.usePrefixCls("contextmenu-trigger-area"),s=hooks_1.usePrefixCls("contextmenu-drop-list"),a=use_1.useToggle(!1),l=a[0],i=a[1],c=a[2],p=useContextMenu_1.useContextMenu({triggerArea:n,show:l,onContextMenu:r}),_=p.popoverStyle,f=p.offset,m=react_1.default.createElement("div",{className:s,onClick:c},"function"==typeof t?t():t);return react_1.default.createElement(react_1.Fragment,null,react_1.default.createElement(popover_1.Popover,{style:{flex:1},show:l,trigger:"contextmenu",placement:"bottom-start",popoverClassName:"slides-context-menu",getPopper:l?m:null,popoverStyle:_,offset:f,onShow:i,onHide:c},react_1.default.createElement("div",{className:u,ref:n,style:{height:"100%",width:"100%"}},o)))};