@chief-editor/editor/lib/components/EditorTemplateMask.js

FlowEditor 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 preset_1=require("@chief-editor/preset"),react_1=__importStar(require("react")),util_1=require("@co-hooks/util"),use_1=require("@rc-hooks/use"),portal_1=require("@rc-hooks/portal"),useEditorCls_1=require("../hooks/useEditorCls"),useTemplate_1=require("../hooks/useTemplate"),useEditor_1=require("../hooks/useEditor"),AuxiliaryLine_1=require("./mask/AuxiliaryLine"),BrickRectMask_1=require("./mask/BrickRectMask"),GroupRect_1=require("./mask/GroupRect"),Equidistance_1=require("./mask/Equidistance"),RegionRect_1=require("./mask/RegionRect");function EditorTemplateMask(){var e=useEditor_1.useEditor(),t=useTemplate_1.useTemplate(),r=t.getMask(),i=use_1.useUpdate(),a=react_1.useState(e.getZoom()),s=(a[0],a[1],useEditorCls_1.useEditorCls("template-mask")),o=useEditorCls_1.useEditorCls("template-brick-mask"),u=useEditorCls_1.useEditorCls("template-mask-wrapper");react_1.useEffect((function(){return r.addListener("repaint",i),function(){r.removeListener("repaint",i)}}),[r]);var l=r.getActiveBrickRectMap(),c=r.getAuxiliaryLine(),n=r.getEquidistance(),d=r.getGroupRectPos(),_=r.getRegionRect(),p=t.getPosition(),m=t.getActiveBoard(),k=(null==m?void 0:m.id)||"",E=!!(null==m?void 0:m.isLayerBoard())&&m.isDragging();return preset_1.useCanvasZoom(),react_1.default.createElement(portal_1.RcPortal,null,react_1.default.createElement("div",{className:s,style:{position:"fixed",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:50}},react_1.default.createElement("div",{className:u,style:{position:"absolute",top:p.top+"px",left:p.left+"px",width:p.width+"px",height:p.height+"px"}},!E&&react_1.default.createElement("div",{className:o},util_1.getKeys(l).map((function(e){return react_1.default.createElement(BrickRectMask_1.BrickRectMask,{key:"brick-mask-"+e,boardId:k,data:l[e]})}))),react_1.default.createElement(AuxiliaryLine_1.AuxiliaryLine,{auxiliaryLine:c}),!!d&&react_1.default.createElement(GroupRect_1.GroupRect,{info:d}),react_1.default.createElement(Equidistance_1.Equidistance,{data:n})),react_1.default.createElement(RegionRect_1.RegionRect,{data:_})))}exports.EditorTemplateMask=EditorTemplateMask;