@chief-editor/editor
Version:
FlowEditor Editor
1 lines • 719 B
JavaScript
import React from"react";import{useEditorCls}from"../../hooks/useEditorCls";export function Equidistance(e){var t=e.data,a=t.x,s=t.y,i=useEditorCls("template-equidistance"),o=useEditorCls("template-equidistance-x"),r=useEditorCls("template-equidistance-y");return React.createElement("div",{className:i},a.map((function(e){var t=e.vPos,a=e.start,s=e.end,i={position:"absolute",top:t+"px",left:a+"px",width:s-a+"px",height:"1px"};return React.createElement("div",{className:o,key:"x_"+t+"_"+a+"_"+s,style:i})})),s.map((function(e){var t=e.vPos,a=e.start,s=e.end,i={position:"absolute",left:t+"px",top:a+"px",height:s-a+"px",width:"1px"};return React.createElement("div",{className:r,key:"y_"+t+"_"+a+"_"+s,style:i})})))}