@chief-editor/brick-control/es/brick/MultipleSelect/Brick.js

Control Brick for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,a=1,l=arguments.length;a<l;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};import React,{useCallback,useMemo}from"react";import{MultipleSelect}from"@chief-editor/ui";export function MultipleSelectBrick(e){var t=e.config.props,a=t.readonly,l=t.disabled,r=t.clearable,i=t.placeholder,n=e.styles,o=e.setValue,c=e.layout,s=e.value,u=e.datasource,p=e.creator,d=useCallback((function(e){return e&&o(e)}),[]),h=useMemo((function(){return parseFloat(String(n.width||c.width)).toString()+"px"}),[n.width,c.width]);return React.createElement(MultipleSelect,{"data-id":p,style:__assign(__assign({},c),n),value:s,width:h,placeholder:i,clearable:r,onValueChange:d,disabled:l||a},(u||[]).map((function(e){var t=e.value,a=e.label;return React.createElement(MultipleSelect.Option,{key:t,value:t,label:a})})))}