@chief-editor/ui/es/components/multiple-select/MultipleSelect.js

UI Component for chief editor

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