UNPKG

@chief-editor/ui

Version:

UI Component for chief editor

1 lines 2.42 kB
"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var u in r=arguments[t])Object.prototype.hasOwnProperty.call(r,u)&&(e[u]=r[u]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var u=0;for(n=Object.getOwnPropertySymbols(e);u<n.length;u++)r.indexOf(n[u])<0&&Object.prototype.propertyIsEnumerable.call(e,n[u])&&(t[n[u]]=e[n[u]])}return t},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)Object.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r.default=e,r};Object.defineProperty(exports,"__esModule",{value:!0});var menu_1=require("@rc-hooks/menu"),popper_1=require("@rc-hooks/popper"),use_1=require("@rc-hooks/use"),util_1=require("@co-hooks/util"),react_1=__importStar(require("react")),usePrefixCls_1=require("../../hooks/usePrefixCls"),ItemGroup_1=require("./components/ItemGroup"),MenuItem_1=require("./components/MenuItem"),SubMenu_1=require("./components/SubMenu"),MenuDivider_1=require("./components/MenuDivider");function Menu(e){var r,t=e.type,n=void 0===t?"vertical":t,u=e.openIds,o=e.collapse,s=void 0!==o&&o,i=e.showLine,l=void 0!==i&&i,a=e.children,p=e.style,c=e.theme,_=void 0===c?"dark":c,m=e.onOpenChange,f=e.onClick,h=__rest(e,["type","openIds","collapse","showLine","children","style","theme","onOpenChange","onClick"]),v={theme:_,collapse:s,showLine:l},d="vertical"===n||s,M=s?"collapse":"uncollapse",y=s?[]:u,b=react_1.useState(y),O=b[0],P=b[1],C=use_1.useRefCallback((function(e){P(e),m&&m(e)})),I=use_1.useRefCallback((function(e){d&&P([]),f&&f(e)})),g=use_1.usePrevProp(s)[0];use_1.usePrevProp(y,util_1.shallowEqual)[0]||P(y),g||P(y);var k=util_1.classnames(usePrefixCls_1.usePrefixCls("menu",((r={})[M]=!0,r)),usePrefixCls_1.usePrefixCls("menu-"+_));return react_1.default.createElement(popper_1.RcPopper,null,react_1.default.createElement(menu_1.RcMenu,__assign({type:n,openIds:O,collapse:s,onOpenChange:C,onClick:I,extraProps:v},h),react_1.default.createElement("div",{className:k,style:p},a)))}exports.Menu=Menu,Menu.SubMenu=SubMenu_1.SubMenu,Menu.Item=MenuItem_1.MenuItem,Menu.ItemGroup=ItemGroup_1.ItemGroup,Menu.Divider=MenuDivider_1.MenuDivider;