@chief-editor/ui/es/components/sidebar/SidebarContent.js

UI Component for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,s=1,r=arguments.length;s<r;s++)for(var a in t=arguments[s])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var s={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(s[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(s[r[a]]=e[r[a]])}return s};import React from"react";import{classnames}from"@co-hooks/util";import{CloseSmall}from"@byte-design/icons";import{useRefCallback}from"@rc-hooks/use";import{usePrefixCls}from"../../hooks/usePrefixCls";export function SidebarContent(e){var t,s,r=e.title,a=e.id,l=e.closeable,i=void 0!==l&&l,n=e.onClose,o=e.children,c=e.className,m=e.extraTitle,f=__rest(e,["title","id","closeable","onClose","children","className","extraTitle"]),u=useRefCallback(n),b=classnames(usePrefixCls("sidebar-content"),c),d=usePrefixCls("sidebar-content-title",((t={})[a]=!0,t)),p=usePrefixCls("sidebar-content-title-inner"),C=usePrefixCls("sidebar-content-title-text"),x=usePrefixCls("sidebar-content-title-extra"),h=usePrefixCls("sidebar-content-title-close"),v=usePrefixCls("sidebar-content-main",((s={})[a]=!0,s));return React.createElement("div",__assign({},f,{className:b}),(i||r)&&React.createElement("div",{className:d},React.createElement("div",{className:p},React.createElement("div",{className:C},r),m&&React.createElement("div",{className:x},m)),i&&React.createElement(CloseSmall,{className:h,onClick:u})),React.createElement("div",{className:v},o))}