@chief-editor/ui/es/components/select/Select.js

UI Component for chief editor

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