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

Control Brick for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importDefault(require("react")),ui_1=require("@chief-editor/ui"),icons_1=require("@chief-editor/icons");function AlignBrick(t){var e=t.styles,n=t.layout,i=t.creator,r=t.dispatchEvent,l={width:"25px",height:"24px",lineHeight:"24px",fontSize:"12px",textAlign:"center",marginLeft:0,padding:0};return react_1.default.createElement("div",{"data-id":i,style:__assign(__assign({},e),n)},react_1.default.createElement(ui_1.Button.Group,null,react_1.default.createElement(ui_1.Button,{type:"text",style:l,onClick:function(){return r("align",{direction:"left"})}},react_1.default.createElement(icons_1.LayoutAlignLeft,null)),react_1.default.createElement(ui_1.Button,{type:"text",style:l,onClick:function(){return r("align",{direction:"h_center"})}},react_1.default.createElement(icons_1.LayoutAlign,null)),react_1.default.createElement(ui_1.Button,{type:"text",style:l,onClick:function(){return r("align",{direction:"right"})}},react_1.default.createElement(icons_1.LayoutAlignRight,null)),react_1.default.createElement(ui_1.Button,{type:"text",style:l,onClick:function(){return r("align",{direction:"top"})}},react_1.default.createElement(icons_1.LayoutAlignTop,null)),react_1.default.createElement(ui_1.Button,{type:"text",style:l,onClick:function(){return r("align",{direction:"v_center"})}},react_1.default.createElement(icons_1.LayoutAlignVerticalCenter,null)),react_1.default.createElement(ui_1.Button,{type:"text",style:l,onClick:function(){return r("align",{direction:"bottom"})}},react_1.default.createElement(icons_1.LayoutAlignBottom,null)),react_1.default.createElement(ui_1.Button,{type:"text",style:l,onClick:function(){return r("align",{direction:"hSpace"})}},react_1.default.createElement(icons_1.LayoutAlignCenter,null)),react_1.default.createElement(ui_1.Button,{type:"text",style:l,onClick:function(){return r("align",{direction:"vSpace"})}},react_1.default.createElement(icons_1.LayoutAlignVertical,null))))}exports.AlignBrick=AlignBrick;