SearchPanes 2.0.0 cannot set select to 'multi' inside pane.

the js and css version I use:

  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/searchpanes/2.0.0/css/searchPanes.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/1.3.4/css/select.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css"/>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/searchpanes/2.0.0/js/dataTables.searchPanes.min.js"> </script>
    <script type="text/javascript" src="https://cdn.datatables.net/select/1.3.4/js/dataTables.select.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>

The table settings I use:

var table = $('#example').DataTable({
    searchPanes: {
            layout: 'columns-3',
            cascadePanes: true,
            columns: [2],
            viewTotal: false,
            initCollapsed: true,
            clear: false,
            emptyMessage: "</i></b>EMPTY</b></i>",
            preSelect: [{
                column: 2,
                rows: ['Edinburgh','London']
            }],
            dtOpts:{
                searching: false,
                select:{
                    style: 'multi'
                }
            }
        },
    dom: 'Plfrtip',
});

Finally the select inside SearchPanes is still single not multi.