@chief-editor/ui
Version:
UI Component for chief editor
1 lines • 1.78 kB
JavaScript
var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,l=1,o=arguments.length;l<o;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var l={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(l[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(l[o[r]]=e[o[r]])}return l};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 MultipleRimlessSelect(e){var t=e.value,l=void 0===t?[]:t,o=e.disabled,r=e.readonly,a=e.filterOption,n=e.onChange,s=e.onValueChange,i=e.onDisplayInfoChange,c=e.showAll,p=(e.checkType,e.autoClearSearchValue),u=__rest(e,["value","disabled","readonly","filterOption","onChange","onValueChange","onDisplayInfoChange","showAll","checkType","autoClearSearchValue"]),f=useToggle(!1),h=f[0],m=f[1],O=f[2],g=useRefCallback(n),y=useRefCallback(s),b=useRefCallback(i),C=useCallback((function(e,t){g(e),y(e),b(t)}),[]),S=useCreateSelect({value:l,onChange:C,disabled:o,readonly:r,filterOption:a,multiple:!0,showAll:c,autoClearSearchValue:p,extraProps:{}}).select;return React.createElement(RcSelectProvider,{select:S},React.createElement(SelectBase,__assign({},u,{rimless:!0,show:h,onShow:m,onHide:O})))}MultipleRimlessSelect.Option=Option,MultipleRimlessSelect.OptionGroup=OptionGroup;