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

UI Component for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var icons_1=require("@byte-design/icons"),util_1=require("@co-hooks/util"),react_1=__importDefault(require("react")),hooks_1=require("../../hooks"),button_1=require("../button"),useDropdown_1=require("./useDropdown");function DropdownButton(e){var t=e.disabled,r=e.children,o=e.className,n=__rest(e,["disabled","children","className"]),s=util_1.classnames(hooks_1.usePrefixCls("dropdown-button",{disabled:t}),o),i=util_1.tuple("trigger","placement","offset","popoverStyle","menu","arrow","arrowOffset","popoverClassName","preventOverflow","overflowBoundaries"),a=util_1.pick(n,i),u=a[0],l=a[1];return useDropdown_1.useDropdown(__assign(__assign({disabled:t},u),{className:s}),react_1.default.createElement(button_1.Button,__assign({},l,{disabled:t,needGrouped:!1}),r," ",react_1.default.createElement(icons_1.Down,null)))}exports.DropdownButton=DropdownButton;