优化了下

extensions/Previewer/browser.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.methods = {
+  open() {
+    Editor.Panel.open("previewer");
+  },
+};
+
+exports.load = function () {};
+
+exports.unload = function () {};

extensions/Previewer/i18n/en.js

@@ -0,0 +1,4 @@
+module.exports = {
+  title: "Previewer",
+  description: "Real time previewer, support version 3.0.0",
+};

extensions/Previewer/i18n/zh.js

@@ -0,0 +1,4 @@
+module.exports = {
+  title: "预览器",
+  description: "实时预览器，支持3.0.0版本",
+};

extensions/Previewer/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "previewer",
+  "package_version": 2,
+  "version": "3.0.2",
+  "description": "i18n:previewer.description",
+  "author": "rainrcn",
+  "main": "browser.js",
+  "panels": {
+    "default": {
+      "title": "i18n:previewer.title",
+      "type": "dockable",
+      "icon": "./static/icon.png",
+      "main": "./panels/default.js"
+    }
+  },
+  "contributions": {
+    "messages": {
+      "scene:ready": {
+        "methods": [
+          "default.sceneReady"
+        ]
+      },
+      "open": {
+        "methods": [
+          "open"
+        ]
+      },
+      "reload": {
+        "public": true,
+        "methods": [
+          "default.openFrame"
+        ]
+      }
+    },
+    "menu": [
+      {
+        "path": "i18n:menu.panel",
+        "label": "i18n:previewer.title",
+        "icon": "./static/icon.png",
+        "message": "open"
+      }
+    ]
+  },
+  "_storeId": "63edaf3705d076d4e8df2873c1b77b32"
+}

extensions/Previewer/panels/default.js

@@ -0,0 +1 @@
+const _0x2cb3=['\x20{\x0a\x20\x20\x20\x20width:\x20100%;\x0a\x20\x20\x20\x20height:\x20100%;\x0a\x20\x20\x20\x20border:\x20none;\x0a\x20\x20\x20\x20background-color:\x20transparent;\x0a\x20\x20\x20\x20z-index:\x200;\x0a\x20\x20\x20\x20opacity:\x200;\x0a\x20\x20\x20\x20transition:\x20opacity\x201s;\x0a\x20\x20}\x0a\x20\x20#previewer_loading_','style','is-hidden','query-ip-list','methods','classList','add','\x20{\x0a\x20\x20\x20\x20position:\x20absolute;\x0a\x20\x20\x20\x20z-index:\x201;\x0a\x20\x20\x20\x20display:\x20inline-block;\x0a\x20\x20\x20\x20left:\x20calc(50%\x20-\x206px);\x0a\x20\x20\x20\x20top:\x20calc(50%\x20-\x206px);\x0a\x20\x20}\x0a\x20\x20#previewer_loading_','getTime','Message','listeners','ready','.is-hidden\x20{\x0a\x20\x20\x20\x20display:\x20none;\x0a\x20\x20}\x0a','sceneLoading','hidden','$frame','openFrame','bind','\x20{\x0a\x20\x20\x20\x20position:\x20relative;\x0a\x20\x20\x20\x20width:\x20100%;\x0a\x20\x20\x20\x20height:\x20100%;\x0a\x20\x20\x20\x20overflow:\x20hidden;\x0a\x20\x20}\x0a\x20\x20#previewer_frame_','\x0a\x20\x20#previewer_','server','closeFrame','\x22\x20allowfullscreen=\x22true\x22\x20allowtransparency=\x22true\x22\x20scrolling=\x22no\x22\x20/>\x0a\x20\x20</div>\x0a','$loading','\x0a\x20\x20<div\x20id=\x22previewer_','\x22>\x0a\x20\x20\x20\x20<ui-loading\x20id=\x22previewer_loading_','query-is-ready','src','sceneReady','sceneOpened','request'];const _0x2687=function(_0x2cb323,_0x2687d5){_0x2cb323=_0x2cb323-0x0;let _0x4738a3=_0x2cb3[_0x2cb323];return _0x4738a3;};const _0x4cb620=new Date()[_0x2687('0x8')]();const _0x20c640={'sceneReady':![],'sceneOpened':![],'sceneLoading':![]};exports['template']=_0x2687('0x18')+_0x4cb620+_0x2687('0x19')+_0x4cb620+'\x22></ui-loading>\x0a\x20\x20\x20\x20<iframe\x20id=\x22previewer_frame_'+_0x4cb620+_0x2687('0x16');exports['style']=_0x2687('0x13')+_0x4cb620+_0x2687('0x12')+_0x4cb620+_0x2687('0x0')+_0x4cb620+_0x2687('0x7')+_0x4cb620+_0x2687('0xc');exports['$']={'$loading':'#previewer_loading_'+_0x4cb620,'$frame':'#previewer_frame_'+_0x4cb620};exports[_0x2687('0x4')]={'sceneReady'(){_0x20c640[_0x2687('0x1c')]=!![];if(_0x20c640['sceneOpened']){return;}this['openFrame']();},'closeFrame'(){if(!_0x20c640[_0x2687('0x1d')]){return;}this['$'][_0x2687('0xf')]['hidden']=!![];this['$'][_0x2687('0xf')]['src']='';_0x20c640['sceneOpened']=![];},async 'openFrame'(){if(this[_0x2687('0xe')]){return;}if(_0x20c640['sceneLoading']){return;}if(!_0x20c640['sceneReady']){const _0x30d7f1=await Editor[_0x2687('0x9')][_0x2687('0x1e')]('scene',_0x2687('0x1a'));if(!_0x30d7f1){return;}_0x20c640['sceneReady']=!![];}_0x20c640['sceneLoading']=!![];this['$'][_0x2687('0xf')][_0x2687('0xe')]=!![];this['$']['$frame'][_0x2687('0x1')]['opacity']=0x0;this['$'][_0x2687('0x17')][_0x2687('0x5')]['remove'](_0x2687('0x2'));const _0x476a78=setTimeout(async()=>{const _0x2f609a=await Editor[_0x2687('0x9')]['request'](_0x2687('0x14'),_0x2687('0x3'));const _0x5b4b00=await Editor['Message'][_0x2687('0x1e')]('server','query-port');this['$'][_0x2687('0xf')]['hidden']=![];this['$']['$frame'][_0x2687('0x1b')]='http://'+_0x2f609a[0x0]+':'+_0x5b4b00+'/';_0x20c640[_0x2687('0x1d')]=!![];clearTimeout(_0x476a78);},0x3e8);},'onloadFrame'(){if(!this['$'][_0x2687('0x17')][_0x2687('0x5')]['contains']('is-hidden')){this['$'][_0x2687('0x17')][_0x2687('0x5')][_0x2687('0x6')](_0x2687('0x2'));}_0x20c640[_0x2687('0xd')]=![];this['$'][_0x2687('0xf')][_0x2687('0x1')]['opacity']=0x1;}};exports[_0x2687('0xa')]={'hide'(){this[_0x2687('0x15')]();},'show'(){this[_0x2687('0x10')]();}};exports[_0x2687('0xb')]=function(){this['$'][_0x2687('0xf')]['onload']=this['onloadFrame'][_0x2687('0x11')](this);this['openFrame']();};exports['beforeClose']=function(){};exports['close']=function(){};