vxe-table 最新版本 v4.7+版本 Modal 弹框组件 拖动窗口不允许拖出屏幕边界 办法

说明

由于vxe-table最新版本 把弹框组件分成单独的 vxe-pc-ui 组件库，顾实现代码需要进行调整

修改代码路径：

node_modules\vxe-pc-ui\es\modal\src\modal.js

修改代码地方：

1、定位到：const mousedownEvent = (evnt) 方法

2、修改 const maxX

把 const maxX = visibleWidth - offsetWidth - marginSize - 1;

改成

const maxX = Math.min( visibleWidth - 42,visibleWidth - offsetWidth - marginSize - 1); //往最右边拖动。不能超过边界

3、修改 const maxY

把 const maxY = visibleHeight - offsetHeight - marginSize - 1;

改成

const maxY = Math.min((visibleHeight - 42),visibleHeight - offsetHeight - marginSize - 1);//往下拖动。不能超过边界

最后，在 if (top < minY) { top = minY; } 后面添加如下代码

                    //自定义：拖动不能超过边界代码判断  --- 开始  hym 2024-7-3 --- 
                    if (top < 0)
                    {
                        top = 0;//上面不能超出边界