@chief-editor/ui/es/components/dropdown/DropdownButton.js

UI Component for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)r.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(t[o[s]]=e[o[s]])}return t};import{Down}from"@byte-design/icons";import{classnames,pick,tuple}from"@co-hooks/util";import React from"react";import{usePrefixCls}from"../../hooks";import{Button}from"../button";import{useDropdown}from"./useDropdown";export function DropdownButton(e){var r=e.disabled,t=e.children,o=e.className,s=__rest(e,["disabled","children","className"]),n=classnames(usePrefixCls("dropdown-button",{disabled:r}),o),a=tuple("trigger","placement","offset","popoverStyle","menu","arrow","arrowOffset","popoverClassName","preventOverflow","overflowBoundaries"),i=pick(s,a),l=i[0],p=i[1];return useDropdown(__assign(__assign({disabled:r},l),{className:n}),React.createElement(Button,__assign({},p,{disabled:r,needGrouped:!1}),t," ",React.createElement(Down,null)))}