@chief-editor/editor
Version:
FlowEditor Editor
1 lines • 1.01 kB
JavaScript
;var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importDefault(require("react")),useEditorCls_1=require("../../hooks/useEditorCls");function Equidistance(e){var t=e.data,s=t.x,a=t.y,i=useEditorCls_1.useEditorCls("template-equidistance"),r=useEditorCls_1.useEditorCls("template-equidistance-x"),u=useEditorCls_1.useEditorCls("template-equidistance-y");return react_1.default.createElement("div",{className:i},s.map((function(e){var t=e.vPos,s=e.start,a=e.end,i={position:"absolute",top:t+"px",left:s+"px",width:a-s+"px",height:"1px"};return react_1.default.createElement("div",{className:r,key:"x_"+t+"_"+s+"_"+a,style:i})})),a.map((function(e){var t=e.vPos,s=e.start,a=e.end,i={position:"absolute",left:t+"px",top:s+"px",height:a-s+"px",width:"1px"};return react_1.default.createElement("div",{className:u,key:"y_"+t+"_"+s+"_"+a,style:i})})))}exports.Equidistance=Equidistance;