@chief-editor/brick-control/es/brick/Layout/Brick.js

Control Brick for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++)for(var i in t=arguments[a])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};import React,{useCallback}from"react";import{InputNumber}from"@chief-editor/ui";import{Refresh}from"@chief-editor/icons";import{useRefGetter}from"@rc-hooks/use";import{SizeComponent}from"../Size/Brick";export function LayoutBrick(e){var t=e.styles,a=e.setValue,n=e.layout,i=e.value,r=e.creator,l=useRefGetter(i),o=useCallback((function(e){a(__assign(__assign({},l()),e))}),[]),s=useCallback((function(e){o({left:e})}),[]),c=useCallback((function(e){o({top:e})}),[]),u=useCallback((function(e){o({rotate:e})}),[]);return React.createElement("div",{"data-id":r,style:__assign(__assign({display:"flex",flexDirection:"column"},n),t)},React.createElement("div",{className:"position",style:{marginBottom:"16px"}},React.createElement(InputNumber,{prefix:"X",value:i.left,onValueChange:s,style:{width:100,flex:"none",marginRight:8}}),React.createElement(InputNumber,{prefix:"Y",value:i.top,onValueChange:c,style:{width:100,flex:"none"}})),React.createElement("div",{style:{marginBottom:"16px"}},React.createElement(SizeComponent,{value:{height:i.height,width:i.width},onValueChange:o})),React.createElement("div",{className:"rotate",style:{marginBottom:"16px",display:"flex",alignItems:"center"}},React.createElement(InputNumber,{prefix:React.createElement(Refresh,{style:{fontSize:14,display:"flex",alignItems:"center",marginLeft:"-3px"}}),suffix:"DEG",value:i.rotate,onValueChange:u,style:{width:100,flex:"none",marginRight:8}})))}