clickgo 3.1.1-dev10 → 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/main.js

@@ -13,6 +13,7 @@ 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);
@@ -38,6 +39,10 @@ class default_1 extends clickgo.form.AbstractForm {
                     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

@@ -36,6 +36,7 @@
                 <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

@@ -14,7 +14,6 @@ class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
         this.fid = '0';
-        this.sendValue = 'sendValue';
         this.tid = '0';
         this.type = 'primary';
         this.progress = 'noraml';
@@ -42,11 +41,6 @@ class default_1 extends clickgo.form.AbstractForm {
     get() {
         clickgo.form.dialog(JSON.stringify(clickgo.form.get(parseInt(this.fid)))).catch((e) => { throw e; });
     }
-    send() {
-        clickgo.form.send(parseInt(this.fid), {
-            'key': this.sendValue
-        });
-    }
     changeFocus() {
         clickgo.form.changeFocus(parseInt(this.fid));
     }
@@ -124,14 +118,6 @@ class default_1 extends clickgo.form.AbstractForm {
         }
         clickgo.form.showPop(e.currentTarget, this.refs.pop, 'v');
     }
-    createParam() {
-        clickgo.form.create({
-            'layout': '<form width=\'300\' height=\'300\' title=\'normal\'></form>'
-        }).catch((e) => { throw e; });
-    }
-    createPath() {
-        this.createForm('test').then((e) => { console.log(e); }).catch((e) => { throw e; });
-    }
     createTop() {
         return __awaiter(this, void 0, void 0, function* () {
             const frm = yield this.createForm('test');
@@ -201,12 +187,8 @@ class default_1 extends clickgo.form.AbstractForm {
     flash() {
         clickgo.form.flash(this.formId);
     }
-    hhide() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.hide();
-            yield clickgo.tool.sleep(1000);
-            this.show();
-        });
+    showLauncher() {
+        clickgo.form.showLauncher();
     }
     onReceive(obj) {
         clickgo.form.dialog(JSON.stringify(obj)).catch((e) => { throw e; });

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

@@ -1,6 +1,7 @@
 <form width="350" height="400" title="Library form">
     <overflow direction="v" style="flex: 1; padding: 10px;">
         <layout gutter="10" direction="v" style="flex: 1;">
+            <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>
@@ -12,17 +13,12 @@
             </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,12 +29,10 @@
                 <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="createPath" style="height: 30px;">create('test')</button>
-            <button @click="createTop" style="height: 30px;">create({'layout':'xxx','topMost':true})</button>
             <label>Dialog result: {{dr}}.</label>
             <button @click="dialog" style="height: 30px;">dialog('Hello world!')</button>
             <button @click="dialogLong">dialog('long...')</button>
@@ -47,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({{formId}})</button>
-            <button @click="hhide" style="height: 30px;">hide({{formId}}) and show({{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';

package/dist/global.css

@@ -1 +1 @@
-#cg-wrap{--cg:hsl(20, 100%, 65%);--success:hsl(150, 100%, 40%);--success-hover:hsl(150, 100%, 45%);--success-active:hsl(150, 100%, 30%);--success-focus:hsl(150, 100%, 35%);--success-disabled:hsl(150, 0%, 40%);--info:hsl(210, 100%, 50%);--info-hover:hsl(210, 100%, 60%);--info-active:hsl(210, 100%, 40%);--info-focus:hsl(210, 100%, 45%);--info-disabled:hsl(210, 0%, 50%);--warning:hsl(20, 100%, 70%);--warning-hover:hsl(20, 100%, 80%);--warning-active:hsl(20, 100%, 60%);--warning-focus:hsl(20, 100%, 65%);--warning-disabled:hsl(20, 0%, 70%);--danger:hsl(350, 100%, 50%);--danger-hover:hsl(350, 100%, 70%);--danger-active:hsl(350, 100%, 40%);--danger-focus:hsl(350, 100%, 45%);--danger-disabled:hsl(350, 0%, 50%);--system-color:hsl(0, 0%, 95%);--system-background:hsla(0, 0%, 0%, .5);--system-border-color:hsla(0, 0%, 100%, .2);--face:hsl(0, 0%, 95%);--g-color:hsl(0, 0%, 20%);--g-color-hover:hsl(0, 0%, 30%);--g-color-active:hsl(0, 0%, 10%);--g-color-focus:hsl(0, 0%, 15%);--g-color-disabled:hsl(0, 0%, 60%);--g-background:hsl(0, 0%, 95%);--g-background-hover:hsl(0, 0%, 100%);--g-background-active:hsl(0, 0%, 85%);--g-background-kp:hsl(0, 0%, 80%);--g-background-opacity:hsl(0, 0%, 50%, .2);--g-background-focus:hsl(0, 0%, 97.5%);--g-background-disabled:hsl(0, 0%, 75%);--g-border-color:hsl(0, 0%, 40%);--g-border-color-hover:hsl(0, 0%, 50%);--g-border-color-active:hsl(0, 0%, 30%);--g-border-color-focus:hsl(0, 0%, 35%);--g-border-color-disabled:hsl(0, 0%, 60%);--g-plain-color:var(--g-color);--g-plain-color-hover:var(--g-color-hover);--g-plain-color-active:var(--g-color-active);--g-plain-color-focus:var(--g-color-focus);--g-plain-color-disabled:var(--g-color-disabled);--g-plain-background:hsl(0, 0%, 100%);--g-plain-background-hover:hsl(0, 0%, 98%);--g-plain-background-active:hsl(0, 0%, 95%);--g-plain-background-focus:var(--g-plain-background);--g-plain-background-disabled:hsl(0, 0%, 95%);--g-plain-border-color:hsl(0, 0%, 70%);--g-plain-border-color-hover:hsl(0, 0%, 80%);--g-plain-border-color-active:hsl(0, 0%, 60%);--g-plain-border-color-focus:hsl(0, 0%, 65%);--g-plain-border-color-disabled:hsl(0, 0%, 60%)}#cg-form-list{z-index:20020000}#cg-pop-list{z-index:20020001}#cg-simpletask{z-index:20020002}#cg-rectangle{z-index:20020003;box-sizing:border-box;position:fixed;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.25);background:rgba(255,255,255,.05);pointer-events:none;opacity:0}#cg-circular{z-index:20020003;box-sizing:border-box;position:fixed;border:solid 3px var(--cg);border-radius:50%;filter:drop-shadow(0 0 3px var(--cg));pointer-events:none;opacity:0}#cg-gesture{z-index:20020003;box-sizing:border-box;position:fixed;border-radius:50%;pointer-events:none;opacity:0;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);transform:scale(0);width:20px;height:20px}#cg-gesture.done{background:rgba(255,255,255,.3);border:solid 3px rgba(0,0,0,.3)}#cg-drag{z-index:20020003;box-sizing:border-box;position:fixed;border-radius:3px;pointer-events:none;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);opacity:0;display:flex;justify-content:center;align-items:center}#cg-launcher{z-index:20020004;box-sizing:border-box;position:fixed;background:var(--system-background);-webkit-backdrop-filter:blur(30px) brightness(1.2);backdrop-filter:blur(30px) brightness(1.2);width:100%;height:100%;left:0;top:0;color:var(--system-color);display:none;flex-direction:column;transition:all .1s linear;transform:scale(1.2);opacity:0}#cg-launcher:not(.cg-show){pointer-events:none}#cg-launcher.cg-show{transform:scale(1);opacity:1}.cg-launcher-search{text-align:center;padding:50px}.cg-launcher-sinput{-webkit-appearance:none;padding:10px;height:38px;border:solid 1px var(--system-border-color);background:transparent;width:50%;border-radius:3px;color:var(--system-color)}.cg-launcher-sinput::placeholder{color:var(--system-border-color)}.cg-launcher-sinput::selection{background-color:var(--system-color);color:var(--g-color)}.cg-launcher-sinput:focus{outline:none;border-color:var(--system-color)}.cg-launcher-foldername{-webkit-appearance:none;height:38px;font-size:28px !important;border:none;background:transparent;width:50%;color:var(--system-color);text-align:center}.cg-launcher-foldername::selection{background-color:var(--system-color);color:var(--g-color)}.cg-launcher-foldername:focus{outline:none}.cg-launcher-item{width:190px;display:inline-flex;vertical-align:middle;margin-bottom:50px}.cg-launcher-inner{flex:1;width:0}.cg-launcher-icon{background-position:center;background-size:80px;height:80px;background-repeat:no-repeat}.cg-launcher-icon:active{filter:brightness(0.6)}.cg-launcher-name{font-size:13px;font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,.6);text-align:center;margin-top:20px}.cg-launcher-icon,.cg-launcher-name{transition:all .1s linear;transition-property:opacity}.cg-launcher-space{width:50px}.cg-launcher-folder{display:flex;justify-content:center;height:80px}.cg-launcher-folder>div{height:80px;width:80px;background:rgba(255,255,255,.3);border-radius:20px;padding:10px 4px 4px 10px;transition:all .1s linear;transition-property:left,top,width,height,opacity;overflow-y:auto}.cg-launcher-folder>div::-webkit-scrollbar{display:none}.cg-launcher-folder>div .cg-launcher-item,.cg-launcher-folder>div .cg-launcher-space{transition:all .1s linear}.cg-launcher-folder>div.cg-show{padding:50px 0 0 50px}.cg-launcher-folder>div:not(.cg-show):active{filter:brightness(0.6)}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-item{width:22px;margin-bottom:6px}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-icon{background-size:16px;height:16px;pointer-events:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-name{display:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-space{width:6px}.cg-launcher-list{flex:1;height:0;overflow-y:auto;padding:0 0 0 50px}.cg-launcher-list::-webkit-scrollbar{display:none}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-icon,.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-name{opacity:0}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-folder>div:not(.cg-show){opacity:0}[data-cg-pop]{position:fixed;box-shadow:0px 5px 20px rgba(0,0,0,.25);transition:.1s ease-out;transition-property:transform,opacity;transform:translateY(-10px);opacity:0}[data-cg-pop]:not([data-cg-open]){pointer-events:none}[data-cg-pop][data-cg-open]{transform:translateY(0px);opacity:1}#cg-system{z-index:20020005}.cg-system-notify{background:var(--system-background);position:fixed;padding:15px;border-radius:3px;right:0;top:0;width:280px;font-size:14px;display:flex;transition:.1s ease-out;transition-property:transform,opacity;overflow:hidden;color:var(--system-color);box-shadow:0 5px 20px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(30px) brightness(1.2);backdrop-filter:blur(30px) brightness(1.2)}.cg-system-icon{margin-right:10px;width:16px;height:16px;border-radius:50%}.cg-system-icon.cg-primary{background:var(--success)}.cg-system-icon.cg-info{background:var(--info)}.cg-system-icon.cg-warning{background:var(--warning)}.cg-system-icon.cg-danger{background:var(--danger)}.cg-system-icon.cg-progress{background:var(--cg)}.cg-system-notify-title{font-size:16px;font-weight:bold;padding-bottom:10px}.cg-system-notify-content{line-height:1.5;word-break:break-word}.cg-system-notify-progress{position:absolute;bottom:0;left:0;border-radius:1px;background:var(--cg);transition:width 1s ease-out;width:0%;height:2px}#cg-simpletask{left:0;bottom:-46px;width:100%;height:46px;top:initial;background:var(--system-background);-webkit-backdrop-filter:blur(30px) brightness(1.2);backdrop-filter:blur(30px) brightness(1.2);padding:5px 0 5px 5px;display:flex;color:var(--system-color);transition:bottom .1s ease-out;overflow-x:auto}#cg-simpletask::-webkit-scrollbar{display:none}.cg-simpletask-item{background:rgba(0,0,0,.05);border-radius:3px;padding:10px;display:flex;align-items:center;margin-right:5px}.cg-simpletask-item:hover{background:rgba(0,0,0,.1)}.cg-simpletask-item:active{background:rgba(0,0,0,.2)}.cg-simpletask-icon{margin-right:5px;background-size:cover;width:16px;height:16px}
+#cg-wrap{--cg:hsl(20, 100%, 65%);--success:hsl(150, 100%, 40%);--success-hover:hsl(150, 100%, 45%);--success-active:hsl(150, 100%, 30%);--success-focus:hsl(150, 100%, 35%);--success-disabled:hsl(150, 0%, 40%);--info:hsl(210, 100%, 50%);--info-hover:hsl(210, 100%, 60%);--info-active:hsl(210, 100%, 40%);--info-focus:hsl(210, 100%, 45%);--info-disabled:hsl(210, 0%, 50%);--warning:hsl(20, 100%, 70%);--warning-hover:hsl(20, 100%, 80%);--warning-active:hsl(20, 100%, 60%);--warning-focus:hsl(20, 100%, 65%);--warning-disabled:hsl(20, 0%, 70%);--danger:hsl(350, 100%, 50%);--danger-hover:hsl(350, 100%, 70%);--danger-active:hsl(350, 100%, 40%);--danger-focus:hsl(350, 100%, 45%);--danger-disabled:hsl(350, 0%, 50%);--system-color:hsl(0, 0%, 95%);--system-background:hsla(0, 0%, 0%, .5);--system-border-color:hsla(0, 0%, 100%, .2);--face:hsl(0, 0%, 95%);--g-color:hsl(0, 0%, 20%);--g-color-hover:hsl(0, 0%, 30%);--g-color-active:hsl(0, 0%, 10%);--g-color-focus:hsl(0, 0%, 15%);--g-color-disabled:hsl(0, 0%, 60%);--g-background:hsl(0, 0%, 95%);--g-background-hover:hsl(0, 0%, 100%);--g-background-active:hsl(0, 0%, 85%);--g-background-kp:hsl(0, 0%, 80%);--g-background-opacity:hsl(0, 0%, 50%, .2);--g-background-focus:hsl(0, 0%, 97.5%);--g-background-disabled:hsl(0, 0%, 75%);--g-border-color:hsl(0, 0%, 40%);--g-border-color-hover:hsl(0, 0%, 50%);--g-border-color-active:hsl(0, 0%, 30%);--g-border-color-focus:hsl(0, 0%, 35%);--g-border-color-disabled:hsl(0, 0%, 60%);--g-plain-color:var(--g-color);--g-plain-color-hover:var(--g-color-hover);--g-plain-color-active:var(--g-color-active);--g-plain-color-focus:var(--g-color-focus);--g-plain-color-disabled:var(--g-color-disabled);--g-plain-background:hsl(0, 0%, 100%);--g-plain-background-hover:hsl(0, 0%, 98%);--g-plain-background-active:hsl(0, 0%, 95%);--g-plain-background-focus:var(--g-plain-background);--g-plain-background-disabled:hsl(0, 0%, 95%);--g-plain-border-color:hsl(0, 0%, 70%);--g-plain-border-color-hover:hsl(0, 0%, 80%);--g-plain-border-color-active:hsl(0, 0%, 60%);--g-plain-border-color-focus:hsl(0, 0%, 65%);--g-plain-border-color-disabled:hsl(0, 0%, 60%)}#cg-form-list{z-index:20020000}#cg-pop-list{z-index:20020001}#cg-simpletask{z-index:20020002}#cg-rectangle{z-index:20020003;box-sizing:border-box;position:fixed;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.25);background:rgba(255,255,255,.05);pointer-events:none;opacity:0}#cg-circular{z-index:20020003;box-sizing:border-box;position:fixed;border:solid 3px var(--cg);border-radius:50%;filter:drop-shadow(0 0 3px var(--cg));pointer-events:none;opacity:0}#cg-gesture{z-index:20020003;box-sizing:border-box;position:fixed;border-radius:50%;pointer-events:none;opacity:0;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);transform:scale(0);width:20px;height:20px}#cg-gesture.done{background:rgba(255,255,255,.3);border:solid 3px rgba(0,0,0,.3)}#cg-drag{z-index:20020003;box-sizing:border-box;position:fixed;border-radius:3px;pointer-events:none;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);opacity:0;display:flex;justify-content:center;align-items:center}#cg-launcher{z-index:20020004;box-sizing:border-box;position:fixed;background:var(--system-background);-webkit-backdrop-filter:blur(30px) brightness(1.2);backdrop-filter:blur(30px) brightness(1.2);width:100%;height:100%;left:0;top:0;color:var(--system-color);display:none;flex-direction:column;transition:all .1s linear;transform:scale(1.2);opacity:0}#cg-launcher:not(.cg-show){pointer-events:none}#cg-launcher.cg-show{transform:scale(1);opacity:1}.cg-launcher-search{text-align:center;padding:50px}.cg-launcher-sinput{-webkit-appearance:none;appearance:none;padding:10px;height:38px;border:solid 1px var(--system-border-color);background:rgba(0,0,0,0);width:50%;border-radius:3px;color:var(--system-color)}.cg-launcher-sinput::placeholder{color:var(--system-border-color)}.cg-launcher-sinput::selection{background-color:var(--system-color);color:var(--g-color)}.cg-launcher-sinput:focus{outline:none;border-color:var(--system-color)}.cg-launcher-foldername{-webkit-appearance:none;appearance:none;height:38px;font-size:28px !important;border:none;background:rgba(0,0,0,0);width:50%;color:var(--system-color);text-align:center}.cg-launcher-foldername::selection{background-color:var(--system-color);color:var(--g-color)}.cg-launcher-foldername:focus{outline:none}.cg-launcher-item{width:190px;display:inline-flex;vertical-align:middle;margin-bottom:50px}.cg-launcher-inner{flex:1;width:0}.cg-launcher-icon{background-position:center;background-size:80px;height:80px;background-repeat:no-repeat}.cg-launcher-icon:active{filter:brightness(0.6)}.cg-launcher-name{font-size:13px;font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,.6);text-align:center;margin-top:20px}.cg-launcher-icon,.cg-launcher-name{transition:all .1s linear;transition-property:opacity}.cg-launcher-space{width:50px}.cg-launcher-folder{display:flex;justify-content:center;height:80px}.cg-launcher-folder>div{height:80px;width:80px;background:rgba(255,255,255,.3);border-radius:20px;padding:10px 4px 4px 10px;transition:all .1s linear;transition-property:left,top,width,height,opacity;overflow-y:auto}.cg-launcher-folder>div::-webkit-scrollbar{display:none}.cg-launcher-folder>div .cg-launcher-item,.cg-launcher-folder>div .cg-launcher-space{transition:all .1s linear}.cg-launcher-folder>div.cg-show{padding:50px 0 0 50px}.cg-launcher-folder>div:not(.cg-show):active{filter:brightness(0.6)}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-item{width:22px;margin-bottom:6px}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-icon{background-size:16px;height:16px;pointer-events:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-name{display:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-space{width:6px}.cg-launcher-list{flex:1;height:0;overflow-y:auto;padding:0 0 0 50px}.cg-launcher-list::-webkit-scrollbar{display:none}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-icon,.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-name{opacity:0}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-folder>div:not(.cg-show){opacity:0}[data-cg-pop]{position:fixed;box-shadow:0px 5px 20px rgba(0,0,0,.25);transition:.1s ease-out;transition-property:transform,opacity;transform:translateY(-10px);opacity:0}[data-cg-pop]:not([data-cg-open]){pointer-events:none}[data-cg-pop][data-cg-open]{transform:translateY(0px);opacity:1}#cg-system{z-index:20020005}.cg-system-notify{background:var(--system-background);position:fixed;padding:15px;border-radius:3px;right:0;top:0;width:280px;font-size:14px;display:flex;transition:.1s ease-out;transition-property:transform,opacity;overflow:hidden;color:var(--system-color);box-shadow:0 5px 20px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(30px) brightness(1.2);backdrop-filter:blur(30px) brightness(1.2)}.cg-system-icon{margin-right:10px;width:16px;height:16px;border-radius:50%}.cg-system-icon.cg-primary{background:var(--success)}.cg-system-icon.cg-info{background:var(--info)}.cg-system-icon.cg-warning{background:var(--warning)}.cg-system-icon.cg-danger{background:var(--danger)}.cg-system-icon.cg-progress{background:var(--cg)}.cg-system-notify-title{font-size:16px;font-weight:bold;padding-bottom:10px}.cg-system-notify-content{line-height:1.5;word-break:break-word}.cg-system-notify-progress{position:absolute;bottom:0;left:0;border-radius:1px;background:var(--cg);transition:width 1s ease-out;width:0%;height:2px}#cg-simpletask{left:0;bottom:-46px;width:100%;height:46px;top:initial;background:var(--system-background);-webkit-backdrop-filter:blur(30px) brightness(1.2);backdrop-filter:blur(30px) brightness(1.2);padding:5px 0 5px 5px;display:flex;color:var(--system-color);transition:bottom .1s ease-out;overflow-x:auto}#cg-simpletask::-webkit-scrollbar{display:none}.cg-simpletask-item{background:rgba(0,0,0,.05);border-radius:3px;padding:10px;display:flex;align-items:center;margin-right:5px}.cg-simpletask-item:hover{background:rgba(0,0,0,.1)}.cg-simpletask-item:active{background:rgba(0,0,0,.2)}.cg-simpletask-icon{margin-right:5px;background-size:cover;width:16px;height:16px}

package/dist/index.js

@@ -9,19 +9,27 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.launcher = exports.AbstractBoot = exports.getPlatform = exports.getNative = exports.getVersion = exports.vue = exports.zip = exports.tool = exports.theme = exports.task = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.clickgo = void 0;
+exports.launcher = exports.AbstractBoot = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = exports.vue = exports.zip = exports.tool = exports.theme = exports.task = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.clickgo = void 0;
 function getVersion() {
     return exports.clickgo.getVersion();
 }
 exports.getVersion = getVersion;
-function getNative() {
-    return exports.clickgo.getNative();
+function isNative() {
+    return exports.clickgo.isNative();
 }
-exports.getNative = getNative;
+exports.isNative = isNative;
 function getPlatform() {
     return exports.clickgo.getPlatform();
 }
 exports.getPlatform = getPlatform;
+function isImmersion() {
+    return exports.clickgo.isImmersion();
+}
+exports.isImmersion = isImmersion;
+function hasFrame() {
+    return exports.clickgo.hasFrame();
+}
+exports.hasFrame = hasFrame;
 class AbstractBoot {
     onError() {
         return;
@@ -71,6 +79,12 @@ class AbstractBoot {
     onLauncherFolderNameChanged() {
         return;
     }
+    onRuntimeFileLoad() {
+        return;
+    }
+    onRuntimeFileLoaded() {
+        return;
+    }
 }
 exports.AbstractBoot = AbstractBoot;
 function launcher(boot) {
@@ -98,7 +112,13 @@ function launcher(boot) {
                 'dir': __dirname + '/',
                 'after': after,
                 'afterIgnore': new RegExp('^' + loader.cdn.replace(/\./g, '\\.')),
-                'map': map
+                'map': map,
+                'load': (url) => {
+                    boot.onRuntimeFileLoad(url);
+                },
+                'loaded': (url, state) => {
+                    boot.onRuntimeFileLoaded(url, state);
+                }
             });
             const cg = loader.require('clickgo', files, {
                 'dir': __dirname + '/',

package/dist/index.ts

@@ -19,18 +19,26 @@ export function getVersion(): string {
     return clickgo.getVersion();
 }
 
-export function getNative(): boolean {
-    return clickgo.getNative();
+export function isNative(): boolean {
+    return clickgo.isNative();
 }
 
 export function getPlatform(): NodeJS.Platform | 'web' {
     return clickgo.getPlatform();
 }
 
+export function isImmersion(): boolean {
+    return clickgo.isImmersion();
+}
+
+export function hasFrame(): boolean {
+    return clickgo.hasFrame();
+}
+
 /** --- 全局类 --- */
 export abstract class AbstractBoot {
 
-    /** --- 入口文件 --- */
+    /** --- 入口方法 --- */
     public abstract main(): void | Promise<void>;
 
     /** --- 全局错误事件 --- */
@@ -129,6 +137,18 @@ export abstract class AbstractBoot {
         return;
     }
 
+    /** --- 环境文件准备加载时的事件 --- */
+    public onRuntimeFileLoad(url: string): void | Promise<void>;
+    public onRuntimeFileLoad(): void {
+        return;
+    }
+
+    /** --- 环境文件加载完成的事件 --- */
+    public onRuntimeFileLoaded(url: string, state: number): void | Promise<void>;
+    public onRuntimeFileLoaded(): void {
+        return;
+    }
+
 }
 
 export function launcher(boot: AbstractBoot): void {
@@ -161,7 +181,13 @@ export function launcher(boot: AbstractBoot): void {
             'dir': __dirname + '/',
             'after': after,
             'afterIgnore': new RegExp('^' + loader.cdn.replace(/\./g, '\\.')),
-            'map': map
+            'map': map,
+            'load': (url) => {
+                boot.onRuntimeFileLoad(url) as any;
+            },
+            'loaded': (url, state) => {
+                boot.onRuntimeFileLoaded(url, state) as any;
+            }
         });
         const cg = loader.require('clickgo', files, {
             'dir': __dirname + '/',

package/dist/lib/control.js

@@ -444,7 +444,11 @@ function buildComponents(taskId, formId, path) {
             'template': control.layout,
             'props': control.props,
             'data': function () {
-                return tool.clone(control.data);
+                const data = tool.clone(control.data);
+                if (data.props) {
+                    delete data.props;
+                }
+                return tool.clone(data);
             },
             'methods': control.methods,
             'computed': computed,

package/dist/lib/control.ts

@@ -603,7 +603,11 @@ export function buildComponents(
             'props': control.props,
 
             'data': function() {
-                return tool.clone(control.data);
+                const data = tool.clone(control.data);
+                if (data.props) {
+                    delete data.props;
+                }
+                return tool.clone(data);
             },
             'methods': control.methods,
             'computed': computed,