IDE版本1.7.15这是我在编辑模式发布的一个对话框

var testUI=(function(_super){
		function testUI(){
			

			testUI.__super.call(this);
		}

		CLASS$(testUI,'ui.testUI',_super);
		var __proto__=testUI.prototype;
		__proto__.createChildren=function(){
		    
			laya.ui.Component.prototype.createChildren.call(this);
			this.createView(testUI.uiView);

		}

		testUI.uiView={"type":"Dialog","props":{"width":266,"height":720},"child":[{"type":"Image","props":{"y":0,"x":0,"skin":"poker/bottom_slider.png"}}]};
		return testUI;
	})(Dialog);

我定义了一个对象来使用它

var SelectColorDialog = (function () {
    function selectColorDialog() {
        SelectColorDialog.super(this);
        this.name = 'SelectColorDialog';
        Laya.stage.addChild(this);

        this.x = 1013;
    }
    
    Laya.class(selectColorDialog, "SelectColorDialog", testUI);
    return selectColorDialog;
}());

然后我使用下面的代码来弹出对话框

var dialog = new SelectColorDialog();            
            dialog.show();

对话框出现了，但没有显示在期望的位置，也没有办法点击空白处关闭
请帮助解决一下，谢谢