@chief-editor/editor
Version:
FlowEditor Editor
1 lines • 949 B
JavaScript
"use strict";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 AuxiliaryLine(e){var t=e.auxiliaryLine,i=t.x,r=t.y,a=t.xPos,l=t.yPos,s=useEditorCls_1.useEditorCls("template-auxiliary-line-mask"),u=useEditorCls_1.useEditorCls("template-auxiliary-line-item");return react_1.default.createElement("div",{className:s},i.map((function(e){var t=a[e],i=t[0],r=t[1];return react_1.default.createElement("div",{key:"x_"+e,className:u,style:{position:"absolute",top:e+"px",left:i+"px",width:r-i+"px",height:"1px"}})})),r.map((function(e){var t=l[e],i=t[0],r=t[1];return react_1.default.createElement("div",{key:"y_"+e,className:u,style:{position:"absolute",left:e+"px",top:i+"px",height:r-i+"px",width:"1px"}})})))}exports.AuxiliaryLine=AuxiliaryLine;