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

Control Brick for chief editor

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