@chief-editor/ui/es/components/dropdown/DropdownInput.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 o in t=arguments[s])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(s[r[o]]=e[r[o]])}return s};import{Down}from"@byte-design/icons";import{classnames,pick,tuple}from"@co-hooks/util";import React from"react";import{Input}from"../input";import{usePrefixCls}from"../../hooks";import{useDropdown}from"./useDropdown";export function DropdownInput(e){var t=e.disabled,s=e.children,r=e.style,o=e.buttonStyle,n=e.placeholder,a=e.className,l=e.offset,i=void 0===l?{x:0,y:-24}:l,p=e.value,c=__rest(e,["disabled","children","style","buttonStyle","placeholder","className","offset","value"]),f=tuple("trigger","placement","offset","popoverStyle","menu","arrow","arrowOffset","popoverClassName"),u=pick(__assign(__assign({},c),{offset:i}),f)[0],d=classnames(usePrefixCls("dropdown-input",{disabled:t}),a),m=classnames(usePrefixCls("dropdown-input-button",{disabled:t})),y=useDropdown(__assign(__assign({disabled:t},u),{offset:i}),React.createElement("div",{className:m,style:o},s," ",React.createElement(Down,null)));return React.createElement(Input,{value:p,placeholder:n,readOnly:!0,disabled:t,style:__assign({width:"208px"},r),append:y,className:d})}