它只是一个拆分器。试试这个，找出你的个人价值，而不是30。

defaults: {
            collapsible: true,
            split: {width: 30, height: 30},
            bodyPadding: 10
        },

谢谢你提供的所有代码！
实际上，这是一个很好的问题：最初我认为问题是您使用的是不同版本的框架（屏幕截图中的Kitchen Sink是版本7.0.0，而您在Fiddle中使用的是ExtJs7.5.1）。
但使用相同的框架版本并没有解决截断拆分器的大小问题。
在小提琴中测试的一个解决方法是，在呈现容器面板时，手动设置高度（对于水平拆分器）和宽度（对于垂直拆分器而言），如下所示：

listeners: {
        afterrender: function(panel){
            Ext.ComponentQuery.query(panel.xtype + " splitter").forEach(splitter => {
                splitter.vertical ? splitter.setWidth(15) : splitter.setHeight(15);
            });
        }
    }