@chief-editor/ui/lib/components/dropdown/DropdownInput.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,s=arguments.length;r<s;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var r={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(r[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(s=Object.getOwnPropertySymbols(e);o<s.length;o++)t.indexOf(s[o])<0&&Object.prototype.propertyIsEnumerable.call(e,s[o])&&(r[s[o]]=e[s[o]])}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")),input_1=require("../input"),hooks_1=require("../../hooks"),useDropdown_1=require("./useDropdown");function DropdownInput(e){var t=e.disabled,r=e.children,s=e.style,o=e.buttonStyle,n=e.placeholder,a=e.className,l=e.offset,i=void 0===l?{x:0,y:-24}:l,u=e.value,p=__rest(e,["disabled","children","style","buttonStyle","placeholder","className","offset","value"]),_=util_1.tuple("trigger","placement","offset","popoverStyle","menu","arrow","arrowOffset","popoverClassName"),d=util_1.pick(__assign(__assign({},p),{offset:i}),_)[0],c=util_1.classnames(hooks_1.usePrefixCls("dropdown-input",{disabled:t}),a),f=util_1.classnames(hooks_1.usePrefixCls("dropdown-input-button",{disabled:t})),y=useDropdown_1.useDropdown(__assign(__assign({disabled:t},d),{offset:i}),react_1.default.createElement("div",{className:f,style:o},r," ",react_1.default.createElement(icons_1.Down,null)));return react_1.default.createElement(input_1.Input,{value:u,placeholder:n,readOnly:!0,disabled:t,style:__assign({width:"208px"},s),append:y,className:c})}exports.DropdownInput=DropdownInput;