@chief-editor/runtime/lib/util/layout.js

React Runtime for Flow Editor

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var base_1=require("@chief-editor/base");function getBrickLayout(t,e,r){if(!t)return{};var i=t.width,o=t.height;if(e===base_1.NodeType.LAYER)return getLayerBrickStyle(t);var a={};return null!=t.width&&(a.width=i+"px"),null!=t.height&&(a.height=o+"px"),r&&Object.assign(a,{flexGrow:0,flexShrink:0}),a}function getLayerBrickStyle(t){var e=t.width,r=t.height,i=t.horizontal,o=void 0===i?"left":i,a=t.vertical,s=void 0===a?"top":a,n=t.rotate,c=t.skewX,l=void 0===c?0:c,d=t.skewY,h=void 0===d?0:d,g=t.scaleX,f=void 0===g?1:g,u=t.scaleY,p=void 0===u?1:u,v={width:e+"px",height:r+"px",position:"absolute"};return"dock"===o?Object.assign(v,{left:0,right:0,width:void 0}):"center"===o?Object.assign(v,{left:"50%",transform:"translateX(-50%)"}):v[o]=(t[o]||0)+"px","dock"===s?Object.assign(v,{top:0,bottom:0,height:void 0}):"center"===s?Object.assign(v,{top:"50%",transform:"translateY(-50%)"}):v[s]=(t[s]||0)+"px","center"===o&&"center"===s&&(v.transform="translate(-50%, -50%)"),n&&(v.transform=(v.transform||"")+" rotate("+n+"deg)"),v.transform=(v.transform||"")+" skew("+l+"deg, "+h+") scale("+f+", "+p+")",v}exports.getBrickLayout=getBrickLayout,exports.getLayerBrickStyle=getLayerBrickStyle;