@chief-editor/ui/es/components/rimless-select/RimlessSelect.js

UI Component for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var l in t=arguments[o])Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(o[r[l]]=e[r[l]])}return o};import{RcSelectProvider,useCreateSelect}from"@rc-hooks/select";import{useRefCallback,useToggle}from"@rc-hooks/use";import React,{useCallback}from"react";import{SelectBase}from"../select/components/SelectBase";import{Option}from"../select/Option";import{OptionGroup}from"../select/OptionGroup";export function RimlessSelect(e){var t=e.value,o=e.disabled,r=e.readonly,l=e.filterOption,n=e.onChange,a=e.onValueChange,s=e.onDisplayInfoChange,i=__rest(e,["value","disabled","readonly","filterOption","onChange","onValueChange","onDisplayInfoChange"]),c=useToggle(!1),p=c[0],u=c[1],f=c[2],m=useRefCallback(n),O=useRefCallback(a),g=useRefCallback(s),h=useCallback((function(e,t){m(e[0]),O(e[0]),g(t),f()}),[]),b=useCreateSelect({value:null==t?[]:[t],onChange:h,disabled:o,readonly:r,filterOption:l,multiple:!1,extraProps:{}}).select;return React.createElement(RcSelectProvider,{select:b},React.createElement(SelectBase,__assign({},i,{rimless:!0,show:p,onShow:u,onHide:f})))}RimlessSelect.Option=Option,RimlessSelect.OptionGroup=OptionGroup;