clickgo 3.1.0-dev9 → 3.1.2-dev11

package/dist/app/demo/app.js

@@ -60,12 +60,13 @@ class default_1 extends clickgo.core.AbstractApp {
                     '/form/event/form/form.xml',
                     '/form/event/screen/screen.xml',
                     '/form/event/task/task.xml',
+                    '/form/method/aform/aform.xml',
+                    '/form/method/aform/test.xml',
                     '/form/method/core/core.xml',
                     '/form/method/dom/dom.css',
                     '/form/method/dom/dom.xml',
                     '/form/method/form/form.css',
                     '/form/method/form/form.xml',
-                    '/form/method/form/test.xml',
                     '/form/method/fs/fs.xml',
                     '/form/method/fs/text.xml',
                     '/form/method/task/locale1.json',

package/dist/app/demo/form/control/dialog/dialog.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.data = void 0;
-exports.data = {
-    'message': 'message',
-    'buttons': ['OK'],
-    'btn': 'none'
-};
+const clickgo = require("clickgo");
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.message = 'message';
+        this.buttons = ['OK'];
+        this.btn = 'none';
+    }
+}
+exports.default = default_1;

package/dist/app/demo/form/main.js

@@ -11,6 +11,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 const clickgo = require("clickgo");
 const form_1 = require("./control/form/form");
+const dialog_1 = require("./control/dialog/dialog");
+const form_2 = require("./method/form/form");
+const aform_1 = require("./method/aform/aform");
 class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
@@ -20,10 +23,26 @@ class default_1 extends clickgo.form.AbstractForm {
         return __awaiter(this, void 0, void 0, function* () {
             let frm = 0;
             switch (name) {
+                case 'cblock': {
+                    frm = yield this.createForm('control/block/block');
+                    break;
+                }
                 case 'cform': {
                     frm = yield form_1.default.create();
                     break;
                 }
+                case 'cdialog': {
+                    frm = yield dialog_1.default.create();
+                    break;
+                }
+                case 'mform': {
+                    frm = yield form_2.default.create();
+                    break;
+                }
+                case 'aform': {
+                    frm = yield aform_1.default.create();
+                    break;
+                }
             }
             if (typeof frm === 'number') {
                 return;

package/dist/app/demo/form/main.xml

@@ -11,9 +11,9 @@
                 <button @click="openForm('control', 'tab')">Tab</button>
                 <button @click="openForm('control', 'label')">Label</button>
                 <button @click="openForm('control', 'loading')">Loading</button>
-                <button @click="openForm('control', 'dialog')">Dialog</button>
+                <button @click="openForm('cdialog')">Dialog</button>
                 <button @click="openForm('control', 'file')">File</button>
-                <button @click="openForm('control', 'block')">Block</button>
+                <button @click="openForm('cblock')">Block</button>
                 <button @click="openForm('control', 'overflow')">Overflow</button>
                 <button @click="openForm('control', 'view')">View</button>
                 <button @click="openForm('control', 'greatview')">Greatview</button>
@@ -30,12 +30,13 @@
             <layout class="buttons" gutter="10" direction="v">
                 <button @click="openForm('method', 'core')">Library core</button>
                 <button @click="openForm('method', 'dom')">Library dom</button>
-                <button @click="openForm('method', 'form')">Library form</button>
+                <button @click="openForm('mform')">Library form</button>
                 <button @click="openForm('method', 'fs')">Library fs</button>
                 <button @click="openForm('method', 'task')">Library task</button>
                 <button @click="openForm('method', 'theme')">Library theme</button>
                 <button @click="openForm('method', 'tool')">Library tool</button>
                 <button @click="openForm('method', 'zip')">Library zip</button>
+                <button @click="openForm('aform')">Abstract Form</button>
             </layout>
         </overflow>
         <overflow v-else class="inner" direction="v">

package/dist/app/demo/form/method/aform/aform.js

@@ -0,0 +1,57 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const clickgo = require("clickgo");
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.fid = '0';
+        this.sendValue = 'sendValue';
+        this.test = 'A';
+        this.dr = '';
+    }
+    ccreateForm() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const frm = yield this.createForm('test');
+            if (typeof frm === 'number') {
+                return;
+            }
+            frm.show();
+        });
+    }
+    ssend() {
+        this.send(parseInt(this.fid), {
+            'key': this.sendValue
+        });
+    }
+    hhide() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.hide();
+            yield clickgo.tool.sleep(1000);
+            this.show();
+        });
+    }
+    sshowDialog() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const frm = yield this.createForm('test');
+            if (typeof frm === 'number') {
+                return;
+            }
+            this.dr = yield frm.showDialog();
+        });
+    }
+    onMounted() {
+        this.watch('test', () => __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('test changed.');
+        }));
+    }
+}
+exports.default = default_1;

package/dist/app/demo/form/method/aform/aform.xml

@@ -0,0 +1,34 @@
+<form width="350" height="400" title="Abstract Form">
+    <overflow direction="v" style="flex: 1; padding: 10px;">
+        <layout gutter="10" direction="v" style="flex: 1;">
+            <label>filename: {{filename}}</label>
+            <label>controlName: {{controlName}}</label>
+            <label>taskId: {{taskId}}</label>
+            <label>formId: {{formId}}</label>
+            <label>formFocus: {{formFocus}}</label>
+            <label>path: {{path}}</label>
+            <label>locale: {{locale}}</label>
+            <label>isMask: {{isMask}}</label>
+            <layout gutter="10" align-v="center">
+                <label>test: {{test}}</label>
+                <button @click="test = test === 'A' ? 'B' : 'A'" style="height: 30px; flex: 1;">watch('test', () => { dialog })</button>
+            </layout>
+            <button @click="ccreateForm" style="height: 30px;">createForm('test')</button>
+            <button @click="topMost = !topMost" style="height: 30px;">topMost: {{topMost ? 'true' : 'false'}}</button>
+            <layout gutter="10" align-v="center">
+                <label>Form ID:</label>
+                <text v-model="fid" style="flex: 1; width: 0; height: 30px;"></text>
+            </layout>
+            <layout gutter="10" align-v="center">
+                <label>Send: </label>
+                <text v-model="sendValue" style="flex: 1; width: 0; height: 30px;"></text>
+                <button @click="ssend" style="padding: 0 10px; height: 30px;">send({{fid}}, { 'key': '{{sendValue}}' })</button>
+            </layout>
+            <button @click="hhide" style="height: 30px;">hide() and show()</button>
+            <layout gutter="10" align-v="center">
+                <button @click="sshowDialog" style="height: 30px; flex: 1;">showDialog()</button>
+                <label>result: {{dr}}</label>
+            </layout>
+        </layout>
+    </overflow>
+</form>

package/dist/app/demo/form/method/aform/test.xml

@@ -0,0 +1,6 @@
+<form width="200" height="200" title="From path">
+    <layout align-v="center" align-h="center" direction="v" gutter="10" style="flex: 1; width: 0;">
+        <label>Haha!</label>
+        <button @click="dialogResult = dialogResult ? '' : 'Done'" style="padding: 10px;">{{dialogResult ? 'Remove' : 'Set'}} dialogResult</button>
+    </layout>
+</form>

package/dist/app/demo/form/method/form/form.js

@@ -9,76 +9,70 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mounted = exports.receive = exports.methods = exports.data = void 0;
 const clickgo = require("clickgo");
-exports.data = {
-    'fid': '0',
-    'sendValue': 'sendValue',
-    'tid': '0',
-    'type': 'primary',
-    'progress': 'noraml',
-    'dialogResult': '',
-    'setTopMostValue': false
-};
-exports.methods = {
-    min: function () {
-        clickgo.form.min();
-    },
-    max: function () {
-        clickgo.form.max();
-    },
-    close: function () {
-        clickgo.form.close();
-    },
-    bindResize: function (e) {
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.fid = '0';
+        this.tid = '0';
+        this.type = 'primary';
+        this.progress = 'noraml';
+        this.dr = '';
+        this.setTopMostValue = false;
+    }
+    min() {
+        clickgo.form.min(this.formId);
+    }
+    max() {
+        clickgo.form.max(this.formId);
+    }
+    close() {
+        clickgo.form.close(this.formId);
+    }
+    bindResize(e) {
         clickgo.form.bindResize(e, 'rb');
-    },
-    bindDrag: function (e) {
+    }
+    bindDrag(e) {
         clickgo.form.bindDrag(e);
-    },
-    getTaskId: function () {
+    }
+    getTaskId() {
         clickgo.form.dialog(clickgo.form.getTaskId(parseInt(this.fid)).toString()).catch((e) => { throw e; });
-    },
-    get: function () {
+    }
+    get() {
         clickgo.form.dialog(JSON.stringify(clickgo.form.get(parseInt(this.fid)))).catch((e) => { throw e; });
-    },
-    send: function () {
-        clickgo.form.send(parseInt(this.fid), {
-            'key': this.sendValue
-        });
-    },
-    changeFocus: function () {
+    }
+    changeFocus() {
         clickgo.form.changeFocus(parseInt(this.fid));
-    },
-    getList: function () {
+    }
+    getList() {
         let str = JSON.stringify(clickgo.form.getList(this.taskId));
         str = str.replace(/"icon":"(.*?)"/g, function (t, t1) {
             return `"icon":"${t1 ? (t1.slice(0, 10) + '...') : t1}"`;
         });
         clickgo.form.dialog(`<overflow direction="v" style="width: 200px; height: 80px;">${str}</overflow>`).catch((e) => { throw e; });
-    },
-    getMaxZIndexID: function () {
+    }
+    getMaxZIndexID() {
         const fid = clickgo.form.getMaxZIndexID();
         clickgo.form.dialog(JSON.stringify(fid)).catch((e) => { throw e; });
-    },
-    getRectByBorder: function () {
+    }
+    getRectByBorder() {
         const size = clickgo.form.getRectByBorder('rb');
         clickgo.form.dialog(JSON.stringify(size)).catch((e) => { throw e; });
-    },
-    showCircular: function (e) {
+    }
+    showCircular(e) {
         clickgo.form.showCircular(e.clientX, e.clientY);
-    },
-    showRectangle: function (e) {
+    }
+    showRectangle(e) {
         return __awaiter(this, void 0, void 0, function* () {
             clickgo.form.showRectangle(e.clientX, e.clientY, 'rb');
             yield clickgo.tool.sleep(1000);
             clickgo.form.hideRectangle();
         });
-    },
-    showDrag: function () {
+    }
+    showDrag() {
         return __awaiter(this, void 0, void 0, function* () {
             clickgo.form.showDrag();
-            const rect = this.$refs.showDrag.$el.getBoundingClientRect();
+            const rect = this.refs.showDrag.$el.getBoundingClientRect();
             clickgo.form.moveDrag({
                 'left': rect.left,
                 'top': rect.top,
@@ -88,8 +82,8 @@ exports.methods = {
             yield clickgo.tool.sleep(1000);
             clickgo.form.hideDrag();
         });
-    },
-    notify: function () {
+    }
+    notify() {
         return __awaiter(this, void 0, void 0, function* () {
             let icon = null;
             if (this.progress === 'progress + icon') {
@@ -117,56 +111,51 @@ exports.methods = {
                 clickgo.form.notifyProgress(nid, 100);
             }
         });
-    },
-    showPop: function (e) {
+    }
+    showPop(e) {
         if (!e.currentTarget) {
             return;
         }
-        clickgo.form.showPop(e.currentTarget, this.$refs.pop, 'v');
-    },
-    createParam: function () {
-        clickgo.form.create({
-            'layout': '<form width=\'300\' height=\'300\' title=\'normal\'></form>'
-        }).catch((e) => { throw e; });
-    },
-    createPath: function () {
-        clickgo.form.create('test').then((e) => { console.log(e); }).catch((e) => { throw e; });
-    },
-    createTop: function () {
-        clickgo.form.create({
-            'layout': '<form width=\'300\' height=\'300\' title=\'normal\'></form>',
-            'topMost': true
-        }).catch((e) => { throw e; });
-    },
-    dialog: function () {
+        clickgo.form.showPop(e.currentTarget, this.refs.pop, 'v');
+    }
+    createTop() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.dialogResult = yield clickgo.form.dialog('Hello world!');
+            const frm = yield this.createForm('test');
+            if (typeof frm === 'number') {
+                return;
+            }
+            frm.topMost = true;
         });
-    },
-    dialogLong: function () {
+    }
+    dialog() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.dialogResult = yield clickgo.form.dialog('longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong');
+            this.dr = yield clickgo.form.dialog('Hello world!');
         });
-    },
-    dialogTitle: function () {
+    }
+    dialogLong() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dr = yield clickgo.form.dialog('longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong');
+        });
+    }
+    dialogTitle() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.dialogResult = yield clickgo.form.dialog({
+            this.dr = yield clickgo.form.dialog({
                 'title': 'Title',
                 'content': 'Hello world!'
             });
         });
-    },
-    dialogButtons: function () {
+    }
+    dialogButtons() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.dialogResult = yield clickgo.form.dialog({
+            this.dr = yield clickgo.form.dialog({
                 'content': 'Hello world!',
                 'buttons': ['A', 'B', 'C']
             });
         });
-    },
-    dialogCannot: function () {
+    }
+    dialogCannot() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.dialogResult = yield clickgo.form.dialog({
+            this.dr = yield clickgo.form.dialog({
                 'content': 'Hello world!',
                 'buttons': ['Do not close', 'Close'],
                 'select': (e, button) => {
@@ -176,42 +165,37 @@ exports.methods = {
                 }
             });
         });
-    },
-    confirm: function (cancel) {
+    }
+    confirm(cancel) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.dialogResult = yield clickgo.form.confirm({
+            this.dr = yield clickgo.form.confirm({
                 'content': 'Hello world?',
                 'cancel': cancel
             });
-            if (typeof this.dialogResult === 'boolean') {
-                this.dialogResult = this.dialogResult ? 'true (boolean)' : 'false (boolean)';
+            if (typeof this.dr === 'boolean') {
+                this.dr = this.dr ? 'true (boolean)' : 'false (boolean)';
             }
             else {
-                this.dialogResult = this.dialogResult.toString() + ' (number)';
+                this.dr = this.dr.toString() + ' (number)';
             }
         });
-    },
-    setTopMost: function () {
+    }
+    setTopMost() {
         this.setTopMostValue = !this.setTopMostValue;
-        clickgo.form.setTopMost(this.setTopMostValue);
-    },
-    flash: function () {
-        clickgo.form.flash();
-    },
-    hide: function () {
-        return __awaiter(this, void 0, void 0, function* () {
-            clickgo.form.hide();
-            yield clickgo.tool.sleep(1000);
-            clickgo.form.show();
-        });
+        this.topMost = this.setTopMostValue;
     }
-};
-const receive = function (obj) {
-    clickgo.form.dialog(JSON.stringify(obj)).catch((e) => { throw e; });
-};
-exports.receive = receive;
-const mounted = function () {
-    this.fid = this.formId;
-    this.tid = this.taskId;
-};
-exports.mounted = mounted;
+    flash() {
+        clickgo.form.flash(this.formId);
+    }
+    showLauncher() {
+        clickgo.form.showLauncher();
+    }
+    onReceive(obj) {
+        clickgo.form.dialog(JSON.stringify(obj)).catch((e) => { throw e; });
+    }
+    onMounted() {
+        this.fid = this.formId.toString();
+        this.tid = this.taskId.toString();
+    }
+}
+exports.default = default_1;

package/dist/app/demo/form/method/form/form.xml

@@ -1,28 +1,24 @@
-<form width="350" height="400" title="Library form" padding="10">
-    <overflow direction="v" style="flex: 1;">
+<form width="350" height="400" title="Library form">
+    <overflow direction="v" style="flex: 1; padding: 10px;">
         <layout gutter="10" direction="v" style="flex: 1;">
-            <button @click="min" style="height: 30px;">min()</button>
-            <button @click="max" style="height: 30px;">max()</button>
-            <button @click="close" style="height: 30px;">close()</button>
+            <label>This form id: {{formId}}</label>
+            <button @click="min" style="height: 30px;">min({{formId}})</button>
+            <button @click="max" style="height: 30px;">max({{formId}})</button>
+            <button @click="close" style="height: 30px;">close({{formId}})</button>
             <label @mousedown="bindResize" @touchstart="bindResize" style="padding: 20px; background: rgba(0, 0, 0, .1); cursor: se-resize;">bindResize(e, 'rb')</label>
-            <label @mousedown="bindDrag" @touchstart="bindDrag" style="padding: 20px; background: rgba(0, 0, 0, .1);">bindDrag(e)</label>
+            <label @mousedown="bindDrag" @touchstart="bindDrag" style="padding: 20px; background: rgba(0, 0, 0, .1); cursor: move;">bindDrag(e)</label>
             <layout gutter="10" align-v="center">
                 <label>Form ID:</label>
                 <text v-model="fid" style="flex: 1; width: 0; height: 30px;"></text>
             </layout>
             <button @click="getTaskId" style="height: 30px;">getTaskId({{fid}})</button>
             <button @click="get" style="height: 30px;">get({{fid}})</button>
-            <layout gutter="10" align-v="center">
-                <label>Send: </label>
-                <text v-model="sendValue" style="flex: 1; width: 0; height: 30px;"></text>
-                <button @click="send" style="padding: 0 10px;">send({{fid}}, {'key': '{{sendValue}}'})</button>
-            </layout>
-            <button @click="changeFocus" style="height: 30px;">changeFocus({{fid}})</button>
             <layout gutter="10" align-v="center">
                 <label>Task ID:</label>
                 <text v-model="tid" style="flex: 1; width: 0; height: 30px;"></text>
                 <button @click="getList" style="padding: 0 10px;">getList({{tid}})</button>
             </layout>
+            <button @click="changeFocus" style="height: 30px;">changeFocus({{fid}})</button>
             <button @click="getMaxZIndexID" style="height: 30px;">getMaxZIndexID()</button>
             <button @click="getRectByBorder" style="height: 30px;">getRectByBorder('rb')</button>
             <button @click="showCircular" style="height: 30px;">showCircular(x, y)</button>
@@ -33,14 +29,11 @@
                 <select v-model="progress" :data="['normal', 'progress + icon']" style="flex: 1; width: 0;"></select>
                 <button @click="notify" style="padding: 0 10px;">notify({ ... })</button>
             </layout>
-            <button @click="showPop" style="height: 30px;">showPop(e.currentTarget, this.$refs.pop)</button>
+            <button @click="showPop" style="height: 30px;">showPop(e.currentTarget, this.refs.pop)</button>
             <teleport to="#cg-pop-list">
-                <block ref="pop" data-cg-pop style="border: solid 1px #000; background: #FFF; width: 200px; height: 100px; display: flex; justify-content: center; align-items: center;">$refs.pop</block>
+                <block ref="pop" data-cg-pop style="border: solid 1px #000; background: #FFF; width: 200px; height: 100px; display: flex; justify-content: center; align-items: center;">refs.pop</block>
             </teleport>
-            <button @click="createParam" style="height: 30px;">create({'layout':'xxx'})</button>
-            <button @click="createPath" style="height: 30px;">create('test')</button>
-            <button @click="createTop" style="height: 30px;">create({'layout':'xxx','topMost':true})</button>
-            <label>Dialog result: {{dialogResult}}.</label>
+            <label>Dialog result: {{dr}}.</label>
             <button @click="dialog" style="height: 30px;">dialog('Hello world!')</button>
             <button @click="dialogLong">dialog('long...')</button>
             <button @click="dialogTitle" style="height: 30px;">dialog({'title':'Title','content':'Hello world!'})</button>
@@ -48,9 +41,8 @@
             <button @click="dialogCannot" style="height: 30px;">Dialog can not be close</button>
             <button @click="confirm(false)" style="height: 30px;">confirm('confirm')</button>
             <button @click="confirm(true)" style="height: 30px;">confirm({'content':'confirm','cancel':true})</button>
-            <button @click="setTopMost" style="height: 30px;">setTopMost({{setTopMostValue ? 'false' : 'true'}})</button>
-            <button @click="flash" style="height: 30px;">flash()</button>
-            <button @click="hide" style="height: 30px;">hide() and show()</button>
+            <button @click="flash" style="height: 30px;">flash({{formId}})</button>
+            <button @click="showLauncher" style="height: 30px;">showLauncher()</button>
         </layout>
     </overflow>
 </form>

package/dist/app/task/form/bar/bar.js

@@ -81,7 +81,7 @@ class default_1 extends clickgo.form.AbstractForm {
             return;
         }
         for (const formId in app.forms) {
-            clickgo.form.remove(parseInt(formId));
+            clickgo.form.close(parseInt(formId));
         }
     }
     changeFocus(formId) {

package/dist/clickgo.js

@@ -1,27 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.zip = exports.tool = exports.theme = exports.task = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.vue = exports.getPlatform = exports.getNative = exports.getVersion = void 0;
+exports.zip = exports.tool = exports.theme = exports.task = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.vue = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = void 0;
 const version = '3.0.0';
 function getVersion() {
     return version;
 }
 exports.getVersion = getVersion;
 const native = navigator.userAgent.includes('electron') ? true : false;
-function getNative() {
+function isNative() {
     return native;
 }
-exports.getNative = getNative;
+exports.isNative = isNative;
 let platform = 'web';
+let immersion = false;
+let frame = false;
 if (native) {
-    const reg = /electron\/(.+?) (.+?)\//.exec(navigator.userAgent);
+    const reg = /electron\/(.+?) (.+?)\/(.+?) immersion\/([0-9]) frame\/([0-9])/.exec(navigator.userAgent);
     if (reg) {
         platform = reg[2];
+        immersion = reg[4] === '0' ? false : true;
+        frame = reg[5] === '0' ? false : true;
     }
 }
 function getPlatform() {
     return platform;
 }
 exports.getPlatform = getPlatform;
+function isImmersion() {
+    return immersion;
+}
+exports.isImmersion = isImmersion;
+function hasFrame() {
+    return frame;
+}
+exports.hasFrame = hasFrame;
 exports.vue = window.Vue;
 exports.control = require("./lib/control");
 exports.core = require("./lib/core");

package/dist/clickgo.ts

@@ -19,21 +19,40 @@ export function getVersion(): string {
 }
 
 const native = navigator.userAgent.includes('electron') ? true : false;
-export function getNative(): boolean {
+export function isNative(): boolean {
     return native;
 }
 
 let platform: NodeJS.Platform | 'web' = 'web';
+let immersion: boolean = false;
+let frame: boolean = false;
+
 if (native) {
-    const reg = /electron\/(.+?) (.+?)\//.exec(navigator.userAgent);
+    const reg = /electron\/(.+?) (.+?)\/(.+?) immersion\/([0-9]) frame\/([0-9])/.exec(navigator.userAgent);
     if (reg) {
         platform = reg[2] as any;
+        immersion = reg[4] === '0' ? false : true;
+        frame = reg[5] === '0' ? false : true;
     }
 }
 export function getPlatform(): NodeJS.Platform | 'web' {
     return platform;
 }
 
+/**
+ * --- 获取当前 native 是否是沉浸式 ---
+ */
+export function isImmersion(): boolean {
+    return immersion;
+}
+
+/**
+ * --- 是否含有窗体外边框 ---
+ */
+export function hasFrame(): boolean {
+    return frame;
+}
+
 export const vue: import('../types/index').IVueObject = (window as any).Vue;
 
 export * as control from './lib/control';