@chief-editor/editor
Version:
FlowEditor Editor
1 lines • 1.94 kB
JavaScript
;var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,t=1,i=arguments.length;t<i;t++)for(var c in r=arguments[t])Object.prototype.hasOwnProperty.call(r,c)&&(e[c]=r[c]);return e}).apply(this,arguments)},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var DirectType,core_1=require("@chief-editor/core"),react_1=__importDefault(require("react")),useEditorCls_1=require("../../hooks/useEditorCls"),useDraggerMask_1=require("../../hooks/useDraggerMask"),DirectDragger_1=require("./DirectDragger");function DirectDragMask(e){var r,t=e.directType,i=e.rotate,c=e.skew,a=e.onDragStart,o=e.onDragging,s=e.onDragEnd,D=e.ratio,_=useEditorCls_1.useEditorCls("direct-drag-mask");switch(t){case DirectType.ALL:r=exports.DirectTypeAll;break;case DirectType.SIDE:r=exports.DirectTypeSide;break;case DirectType.ANGLE:r=exports.DirectTypeAngle;break;default:r=t}var T=useDraggerMask_1.useDraggerMask({onDragStart:a,onDragging:o,onDragEnd:s,rotate:i,ratio:D});return react_1.default.createElement("div",{className:_,style:{width:"100%",height:"100%"}},r.map((function(e){return react_1.default.createElement(DirectDragger_1.DirectDragger,__assign({key:e,data:{direct:e},style:{transform:"skew(-"+c+"deg, 0)"}},T))})))}!function(e){e.ALL="all",e.SIDE="side",e.ANGLE="angle"}(DirectType=exports.DirectType||(exports.DirectType={})),exports.DirectTypeAll=[core_1.Direct.LEFT_TOP,core_1.Direct.TOP,core_1.Direct.RIGHT_TOP,core_1.Direct.LEFT,core_1.Direct.RIGHT,core_1.Direct.LEFT_BOTTOM,core_1.Direct.BOTTOM,core_1.Direct.RIGHT_BOTTOM],exports.DirectTypeSide=[core_1.Direct.TOP,core_1.Direct.LEFT,core_1.Direct.RIGHT,core_1.Direct.BOTTOM],exports.DirectTypeAngle=[core_1.Direct.LEFT_TOP,core_1.Direct.RIGHT_TOP,core_1.Direct.LEFT_BOTTOM,core_1.Direct.RIGHT_BOTTOM],exports.DirectDragMask=DirectDragMask;