@chief-editor/editor
Version:
FlowEditor Editor
1 lines • 673 B
JavaScript
import React from"react";import{useEditorCls}from"../../hooks/useEditorCls";export function AuxiliaryLine(e){var t=e.auxiliaryLine,i=t.x,a=t.y,r=t.xPos,l=t.yPos,o=useEditorCls("template-auxiliary-line-mask"),s=useEditorCls("template-auxiliary-line-item");return React.createElement("div",{className:o},i.map((function(e){var t=r[e],i=t[0],a=t[1];return React.createElement("div",{key:"x_"+e,className:s,style:{position:"absolute",top:e+"px",left:i+"px",width:a-i+"px",height:"1px"}})})),a.map((function(e){var t=l[e],i=t[0],a=t[1];return React.createElement("div",{key:"y_"+e,className:s,style:{position:"absolute",left:e+"px",top:i+"px",height:a-i+"px",width:"1px"}})})))}