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

Control Brick for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]])}return r},__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")),type_1=require("./type"),pixelStyleKeys=["paddingTop","paddingBottom","paddingLeft","paddingRight"];function FlexBrick(e){var t=e.styles,r=e.layout,i=e.dispatchEvent,n=e.creator,a=e.renderPart,l=e.config.itemConfigs,o=void 0===l?[]:l;return react_1.default.createElement("div",{"data-id":n,style:__assign(__assign({display:"flex",width:"100%"},t),r),onClick:i},o.map((function(e){return react_1.default.createElement(FlexBrickItem,__assign({},e,{key:e.key}),a(e.key))})))}function FlexBrickItem(e){var t=e.widthType,r=e.widthFlex,i=e.width,n=e.children,a=__rest(e,["widthType","widthFlex","width","children"]),l={};return t===type_1.IFlexItemType.Flex?l.flex=r:l.flex="0 0 "+i,pixelStyleKeys.forEach((function(e){var t=a[e];l[e]=t&&t+"px"})),react_1.default.createElement("div",{style:l},n)}exports.FlexBrick=FlexBrick;