@chief-editor/brick-control/lib/brick/Panel/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)},__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")),ui_1=require("@chief-editor/ui"),use_1=require("@rc-hooks/use"),icons_1=require("@chief-editor/icons");function PanelBrick(e){var t=e.styles,r=e.layout,i=e.dispatchEvent,n=e.creator,a=e.renderPart,l=e.config,s=e.env,o=l.props,c=o.open,u=o.title,_=o.bind,f=use_1.useSingleton((function(){return c||"flow"!==s?[n]:[]}));return react_1.default.createElement(ui_1.Collapse,{openIds:f,"data-id":n,style:__assign(__assign({},t),r),onClick:i,type:"panel"},react_1.default.createElement(ui_1.Collapse.Item,{id:n,title:_?react_1.default.createElement("div",{style:{display:"flex",flex:1}},react_1.default.createElement("div",null,u),react_1.default.createElement("div",{style:{marginLeft:"auto"}},"flow"!==s?react_1.default.createElement("div",{style:{width:24,textAlign:"center"}},react_1.default.createElement(icons_1.More,{size:12})):a("bind"))):u,iconType:"arrow",iconPosition:"left"},a("content")))}exports.PanelBrick=PanelBrick;