clickgo 3.1.2-dev11 → 3.1.4-dev13

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

@@ -1,5 +1,5 @@
-<form width="350" height="400" title="Library tool" padding="10">
-    <overflow direction="v" style="flex: 1;">
+<form width="350" height="400" title="Library tool">
+    <flow direction="v" style="flex: 1; padding: 10px;">
         <layout direction="v" gutter="10">
             <button @click="sleep" style="height: 30px;">{{sleeping ? 'Waiting...' : 'sleep(1000)'}}</button>
             <text v-model="purifyTxt" multi style="height: 100px;"></text>
@@ -22,5 +22,5 @@
             <text v-model="url2" style="height: 30px;"></text>
             <button @click="urlResolve" style="height: 30px;">urlResolve('{{url1.slice(0, 5)}}...', '{{url2.slice(0, 5)}}...')</button>
         </layout>
-    </overflow>
+    </flow>
 </form>

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

@@ -9,18 +9,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.methods = exports.data = void 0;
 const clickgo = require("clickgo");
-exports.data = {
-    'path': '/',
-    'list': [],
-    'val': ''
-};
-exports.methods = {
-    select: function () {
-        this.$refs.file.select();
-    },
-    change: function (files) {
+const text_1 = require("../fs/text");
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.ppath = '/';
+        this.list = [];
+        this.val = [];
+        this.access = {
+            'zip': undefined
+        };
+    }
+    select() {
+        this.refs.file.select();
+    }
+    change(files) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!files) {
                 return;
@@ -30,51 +34,53 @@ exports.methods = {
                 yield clickgo.form.dialog('File failed to open.');
                 return;
             }
-            this.zip = zip;
+            this.access.zip = zip;
             this.open('/');
         });
-    },
-    open: function (path) {
-        const zip = this.zip;
+    }
+    open(path) {
+        if (!this.access.zip) {
+            return;
+        }
         if (!path.endsWith('/')) {
             path += '/';
         }
         this.list = [];
-        const ls = zip.readDir(path);
+        const ls = this.access.zip.readDir(path);
         for (const item of ls) {
             this.list.push({
                 'label': (item.isDirectory ? '[FOLD]' : '[FILE]') + ' ' + item.name,
                 'value': path + item.name
             });
         }
-        this.path = path;
-    },
-    dblclick: function () {
+        this.ppath = path;
+    }
+    dblclick() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this.zip) {
+            if (!this.access.zip) {
                 return;
             }
-            const zip = this.zip;
-            const r = zip.isFile(this.val);
+            const r = this.access.zip.isFile(this.val[0]);
             if (r) {
-                const extlio = this.val.lastIndexOf('.');
+                const extlio = this.val[0].lastIndexOf('.');
                 if (extlio === -1) {
                     yield clickgo.form.dialog('This extension is not supported.');
                     return;
                 }
-                const ext = this.val.toLowerCase().slice(extlio + 1);
+                const ext = this.val[0].toLowerCase().slice(extlio + 1);
                 if (['xml', 'js', 'ts', 'json', 'css', 'html', 'php'].includes(ext)) {
-                    const content = yield zip.getContent(this.val);
+                    const content = yield this.access.zip.getContent(this.val[0]);
                     if (!content) {
                         yield clickgo.form.dialog('This file cannot be opened.');
                         return;
                     }
-                    const f = yield clickgo.form.create('../fs/text');
+                    const f = yield text_1.default.create();
                     if (typeof f === 'number') {
                         return;
                     }
-                    clickgo.form.send(f.id, {
-                        'title': this.val.slice(this.val.lastIndexOf('/') + 1),
+                    f.show();
+                    this.send(f.formId, {
+                        'title': this.val[0].slice(this.val[0].lastIndexOf('/') + 1),
                         'content': content
                     });
                     return;
@@ -82,18 +88,17 @@ exports.methods = {
                 yield clickgo.form.dialog('This extension is not supported.');
                 return;
             }
-            this.open(this.val);
-        });
-    },
-    up: function () {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.path === '/') {
-                return;
-            }
-            const path = this.path.slice(0, -1);
-            const lif = path.lastIndexOf('/');
-            const npath = path.slice(0, lif + 1);
-            yield this.open(npath);
+            this.open(this.val[0]);
         });
     }
-};
+    up() {
+        if (this.ppath === '/') {
+            return;
+        }
+        const path = this.ppath.slice(0, -1);
+        const lif = path.lastIndexOf('/');
+        const npath = path.slice(0, lif + 1);
+        this.open(npath);
+    }
+}
+exports.default = default_1;

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

@@ -5,7 +5,7 @@
             <file ref="file" @change="change" :accept="['zip', 'apk']"></file>
         </button>
         <label>Double click the item below:</label>
-        <block style="background: #000; color: #FFF; padding: 5px;">{{path}}</block>
+        <block style="background: #000; color: #FFF; padding: 5px;">{{ppath}}</block>
         <list v-model="val" :data="list" @dblclick="dblclick" style="flex: 1; height: 0;"></list>
         <button style="height: 30px;" @click="up">Up</button>
     </layout>

package/dist/app/task/app.js

@@ -14,31 +14,6 @@ const bar_1 = require("./form/bar/bar");
 class default_1 extends clickgo.core.AbstractApp {
     main() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.config({
-                'name': 'Clickgo Task',
-                'ver': 1,
-                'version': '0.1',
-                'author': 'clickgo',
-                'controls': [
-                    '/clickgo/control/common',
-                    '/clickgo/control/form',
-                    '/clickgo/control/task'
-                ],
-                'locales': {
-                    '/package/locale/sc': 'sc',
-                    '/package/locale/tc': 'tc',
-                    '/package/locale/en': 'en',
-                    '/package/locale/ja': 'ja'
-                },
-                'files': [
-                    '/form/bar/bar.xml',
-                    '/form/desktop/desktop.xml',
-                    '/locale/en.json',
-                    '/locale/ja.json',
-                    '/locale/sc.json',
-                    '/locale/tc.json'
-                ]
-            });
             this.run(yield bar_1.default.create());
         });
     }

package/dist/app/task/config.json

@@ -0,0 +1,29 @@
+{
+    "name": "Clickgo Task",
+    "ver": 1,
+    "version": "0.1",
+    "author": "clickgo",
+
+    "controls": [
+        "/clickgo/control/common",
+        "/clickgo/control/form",
+        "/clickgo/control/task"
+    ],
+    "locales": {
+        "/package/locale/sc": "sc",
+        "/package/locale/tc": "tc",
+        "/package/locale/en": "en",
+        "/package/locale/ja": "ja"
+    },
+
+    "files": [
+        "/form/bar/bar.js",
+        "/form/bar/bar.xml",
+        "/form/desktop/desktop.xml",
+        "/locale/en.json",
+        "/locale/ja.json",
+        "/locale/sc.json",
+        "/locale/tc.json",
+        "/app.js"
+    ]
+}

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

@@ -75,7 +75,7 @@ class default_1 extends clickgo.form.AbstractForm {
             };
         }
     }
-    close(index) {
+    cclose(index) {
         const app = this.apps[index];
         if (!app) {
             return;

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

@@ -21,7 +21,7 @@
                     <menulist-item @click="pin(appIndex)">
                         <block style="width: 16px; height: 16px;"></block><label style="margin-left: 10px;">{{app.pin ? l('unpin from taskbar') : l('pin to taskbar')}}</label>
                     </menulist-item>
-                    <menulist-item v-if="app.formCount > 0" @click="close(appIndex)">
+                    <menulist-item v-if="app.formCount > 0" @click="cclose(appIndex)">
                         <block style="width: 16px; height: 16px;"></block><label style="margin-left: 10px;">{{app.formCount > 1 ? l('close all windows') : l('close window')}}</label>
                     </menulist-item>
                 </menulist>

package/dist/clickgo.js

@@ -1,7 +1,7 @@
 "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.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = void 0;
-const version = '3.0.0';
+const version = '3.1.3';
 function getVersion() {
     return version;
 }

package/dist/clickgo.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const version = '3.0.0';
+const version = '3.1.3';
 export function getVersion(): string {
     return version;
 }

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;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}
+#cg-wrap{position:fixed;left:0;top:0;--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-background-hover:hsla(0, 0%, 100%, .05);--system-background-active:hsla(0, 0%, 0%, .2);--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:absolute;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:absolute;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:absolute;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-gesture.ani{transition:all .1s ease-out;transition-property:left,top,transform}#cg-drag{z-index:20020003;box-sizing:border-box;position:absolute;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:absolute;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-notify{z-index:20020005}.cg-notify-wrap{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-notify-icon{margin-right:10px;width:16px;height:16px;border-radius:50%}.cg-notify-icon.cg-primary{background:var(--success)}.cg-notify-icon.cg-info{background:var(--info)}.cg-notify-icon.cg-warning{background:var(--warning)}.cg-notify-icon.cg-danger{background:var(--danger)}.cg-notify-icon.cg-progress{background:var(--cg)}.cg-notify-title{font-size:16px;font-weight:bold;padding-bottom:10px}.cg-notify-content{line-height:1.5;word-break:break-word}.cg-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;position:fixed}#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-confirm{z-index:20020006;position:fixed;left:0;top:0;width:100%;height:100%;background:var(--system-background);-webkit-backdrop-filter:blur(30px) brightness(1.2);backdrop-filter:blur(30px) brightness(1.2);justify-content:center;align-items:center}#cg-confirm .cg-confirm-box{background:var(--system-background);width:60%;box-shadow:0 5px 20px rgba(0,0,0,.25);font-size:14px;border-radius:3px;overflow:hidden;color:var(--system-color)}#cg-confirm .cg-confirm-box #cg-confirm-content{padding:25px}#cg-confirm .cg-confirm-box .cg-confirm-controls{border-top:solid .5px var(--system-border-color);display:flex}#cg-confirm .cg-confirm-box .cg-confirm-controls>div{padding:20px;flex:1;text-align:center}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:last-child{border-left:solid .5px var(--system-border-color)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:hover{background:var(--system-background-hover)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:active{background:var(--system-background-active)}

package/dist/index.js

@@ -79,6 +79,9 @@ class AbstractBoot {
     onLauncherFolderNameChanged() {
         return;
     }
+    onHashChanged() {
+        return;
+    }
     onRuntimeFileLoad() {
         return;
     }
@@ -92,7 +95,7 @@ function launcher(boot) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const paths = [
-                loader.cdn + '/npm/vue@3.2.40/dist/vue.global.prod.min.js'
+                loader.cdn + '/npm/vue@3.2.41/dist/vue.global.prod.min.js'
             ];
             let ro = true;
             if (!(window.ResizeObserver)) {
@@ -145,8 +148,8 @@ function launcher(boot) {
             exports.core.boot = boot;
             yield boot.main();
         });
-    })().catch(function () {
-        return;
+    })().catch(function (e) {
+        console.log('launcher', e);
     });
 }
 exports.launcher = launcher;

package/dist/index.ts

@@ -137,6 +137,12 @@ export abstract class AbstractBoot {
         return;
     }
 
+    /** --- location hash 改变事件 --- */
+    public onHashChanged(hash: string): void | Promise<void>;
+    public onHashChanged(): void {
+        return;
+    }
+
     /** --- 环境文件准备加载时的事件 --- */
     public onRuntimeFileLoad(url: string): void | Promise<void>;
     public onRuntimeFileLoad(): void {
@@ -155,7 +161,7 @@ export function launcher(boot: AbstractBoot): void {
     (async function() {
         // --- 通过标签加载库 ---
         const paths: string[] = [
-            loader.cdn + '/npm/vue@3.2.40/dist/vue.global.prod.min.js'
+            loader.cdn + '/npm/vue@3.2.41/dist/vue.global.prod.min.js'
         ];
         // --- 判断 ResizeObserver 是否存在 ---
         let ro = true;
@@ -216,7 +222,7 @@ export function launcher(boot: AbstractBoot): void {
         core.boot = boot;
         // --- 执行回调 ---
         await boot.main();
-    })().catch(function() {
-        return;
+    })().catch(function(e) {
+        console.log('launcher', e);
     });
 }

package/dist/lib/control.js

@@ -20,6 +20,7 @@ const fs = require("./fs");
 class AbstractControl {
     constructor() {
         this.props = {};
+        this.slots = {};
     }
     get filename() {
         return '';
@@ -85,33 +86,32 @@ class AbstractControl {
         }
         core.trigger(name, this.taskId, this.formId, param1, param2);
     }
+    get propBoolean() {
+        return (name) => {
+            return tool.getBoolean(this.props[name]);
+        };
+    }
+    get propNumber() {
+        return (name) => {
+            return tool.getNumber(this.props[name]);
+        };
+    }
+    get propInt() {
+        return (name) => {
+            return Math.round(this.propNumber(name));
+        };
+    }
+    get propArray() {
+        return (name) => {
+            return tool.getArray(this.props[name]);
+        };
+    }
     get element() {
         return this.$el;
     }
     emit(name, ...v) {
         this.$emit(name, ...v);
     }
-    get slots() {
-        return (name = 'default') => {
-            const d = this.$slots[name];
-            if (!d) {
-                return [];
-            }
-            const slots = [];
-            const list = d();
-            for (const item of list) {
-                if (typeof item.type === 'symbol') {
-                    for (const item2 of item.children) {
-                        slots.push(item2);
-                    }
-                }
-                else {
-                    slots.push(item);
-                }
-            }
-            return slots;
-        };
-    }
     get parent() {
         return this.$parent;
     }
@@ -162,92 +162,56 @@ function read(blob) {
             return false;
         }
         const controlPkg = {};
-        let controlProcessed = 0;
-        const controls = z.readDir();
-        yield new Promise(function (resolve) {
-            const controlCb = function () {
-                ++controlProcessed;
-                if (controlProcessed < controls.length) {
-                    return;
-                }
-                resolve();
+        const list = z.readDir('/');
+        for (const sub of list) {
+            if (sub.isFile) {
+                continue;
+            }
+            const configContent = yield z.getContent('/' + sub.name + '/config.json');
+            if (!configContent) {
+                continue;
+            }
+            const config = JSON.parse(configContent);
+            controlPkg[config.name] = {
+                'type': 'control',
+                'config': config,
+                'files': {}
             };
-            for (const control of controls) {
-                if (control.isFile) {
-                    controlCb();
-                    continue;
+            const list = z.readDir('/' + sub.name + '/', {
+                'hasChildren': true
+            });
+            for (const file of list) {
+                const pre = file.path.slice(config.name.length + 1);
+                const mime = tool.getMimeByPath(file.name);
+                if (['txt', 'json', 'js', 'css', 'xml', 'html'].includes(mime.ext)) {
+                    const fab = yield z.getContent(file.path + file.name, 'string');
+                    if (!fab) {
+                        continue;
+                    }
+                    controlPkg[config.name].files[pre + file.name] = fab.replace(/^\ufeff/, '');
                 }
-                z.getContent('/' + control.name + '/config.json').then(function (configContent) {
-                    return __awaiter(this, void 0, void 0, function* () {
-                        if (!configContent) {
-                            controlCb();
-                            return;
-                        }
-                        const config = JSON.parse(configContent);
-                        const files = {};
-                        const filesLength = Object.keys(config.files).length;
-                        let fileLoadedLength = 0;
-                        yield new Promise(function (resolve) {
-                            const loadedCb = function () {
-                                ++fileLoadedLength;
-                                if (fileLoadedLength < filesLength) {
-                                    return;
-                                }
-                                resolve();
-                            };
-                            for (const file of config.files) {
-                                const mime = tool.getMimeByPath(file);
-                                if (['txt', 'json', 'js', 'css', 'xml', 'html'].includes(mime.ext)) {
-                                    z.getContent('/' + control.name + file, 'string').then(function (fab) {
-                                        if (!fab) {
-                                            loadedCb();
-                                            return;
-                                        }
-                                        files[file] = fab.replace(/^\ufeff/, '');
-                                        loadedCb();
-                                    }).catch(function () {
-                                        loadedCb();
-                                    });
-                                }
-                                else {
-                                    z.getContent('/' + control.name + file, 'arraybuffer').then(function (fab) {
-                                        if (!fab) {
-                                            loadedCb();
-                                            return;
-                                        }
-                                        files[file] = new Blob([fab], {
-                                            'type': mime.mime
-                                        });
-                                        loadedCb();
-                                    }).catch(function () {
-                                        loadedCb();
-                                    });
-                                }
-                            }
-                        });
-                        controlPkg[control.name] = {
-                            'type': 'control',
-                            'config': config,
-                            'files': files
-                        };
-                        controlCb();
+                else {
+                    const fab = yield z.getContent(file.path + file.name, 'arraybuffer');
+                    if (!fab) {
+                        continue;
+                    }
+                    controlPkg[config.name].files[pre + file.name] = new Blob([fab], {
+                        'type': mime.mime
                     });
-                }).catch(function () {
-                    controlCb();
-                });
+                }
             }
-        });
+        }
         return controlPkg;
     });
 }
 exports.read = read;
-function init(taskId) {
+function init(taskId, invoke) {
     return __awaiter(this, void 0, void 0, function* () {
         const t = task.list[taskId];
         if (!t) {
-            return false;
+            return -1;
         }
-        for (let path of t.config.controls) {
+        for (let path of t.app.config.controls) {
             if (!path.endsWith('.cgc')) {
                 path += '.cgc';
             }
@@ -276,7 +240,7 @@ function init(taskId) {
                         };
                         t.controls[name].layout = item.files[item.config.layout + '.html'];
                         if (t.controls[name].layout === undefined) {
-                            return false;
+                            return -2;
                         }
                         t.controls[name].layout = t.controls[name].layout.replace(/^(<[a-zA-Z0-9-]+)( |>)/, '$1 data-cg-control-' + name + '$2');
                         const style = item.files[item.config.style + '.css'];
@@ -299,6 +263,9 @@ function init(taskId) {
                             });
                         }
                         t.controls[name].layout = tool.eventsAttrWrap(t.controls[name].layout);
+                        if (t.controls[name].layout.includes('<teleport')) {
+                            t.controls[name].layout = tool.teleportGlue(t.controls[name].layout, '{{{formId}}}');
+                        }
                         let cls;
                         if (item.files[item.config.code + '.js']) {
                             item.files['/invoke/clickgo.js'] = `module.exports = invokeClickgo;`;
@@ -306,7 +273,7 @@ function init(taskId) {
                             try {
                                 expo = loader.require(item.config.code, item.files, {
                                     'dir': '/',
-                                    'invoke': t.invoke,
+                                    'invoke': invoke,
                                     'preprocess': function (code, path) {
                                         const exec = /eval\W/.exec(code);
                                         if (exec) {
@@ -329,12 +296,12 @@ function init(taskId) {
                             }
                             catch (e) {
                                 core.trigger('error', taskId, 0, e, e.message + '(-4)');
-                                return false;
+                                return -3;
                             }
                             if (!(expo === null || expo === void 0 ? void 0 : expo.default)) {
                                 const msg = '"default" not found on "' + item.config.code + '" of "' + name + '" control.';
                                 core.trigger('error', taskId, 0, new Error(msg), msg);
-                                return false;
+                                return -4;
                             }
                             cls = new expo.default();
                         }
@@ -397,13 +364,11 @@ function init(taskId) {
                         'content': 'Control failed to load.\nTask id: ' + t.id.toString() + '\nPath: ' + path,
                         'type': 'danger'
                     });
-                    return false;
+                    return -5;
                 }
             }
         }
-        t.invoke = undefined;
-        delete t.invoke;
-        return true;
+        return 1;
     });
 }
 exports.init = init;
@@ -441,7 +406,7 @@ function buildComponents(taskId, formId, path) {
             }
         };
         components['cg-' + name] = {
-            'template': control.layout,
+            'template': control.layout.replace(/{{{formId}}}/g, formId.toString()),
             'props': control.props,
             'data': function () {
                 const data = tool.clone(control.data);
@@ -455,6 +420,7 @@ function buildComponents(taskId, formId, path) {
             beforeCreate: control.methods.onBeforeCreate,
             created: function () {
                 this.props = this.$props;
+                this.slots = this.$slots;
                 this.access = tool.clone(control.access);
                 this.onCreated();
             },