clickgo 3.1.1-dev10 → 3.1.3-dev12

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;">
+    <flow 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>
-            <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>
+            <button @click="showPop" style="height: 30px;">showPop(e.currentTarget, this.refs.pop)</button>
+            <teleport to="system">
+                <block ref="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>
+    </flow>
 </form>

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

@@ -9,15 +9,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mounted = exports.methods = exports.data = void 0;
 const clickgo = require("clickgo");
-exports.data = {
-    'path': '/',
-    'list': [],
-    'val': ''
-};
-exports.methods = {
-    open: function (path) {
+const text_1 = require("./text");
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.ppath = '/';
+        this.list = [];
+        this.val = [];
+    }
+    open(path) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!path.endsWith('/')) {
                 path += '/';
@@ -30,21 +31,21 @@ exports.methods = {
                     'value': path + item.name
                 });
             }
-            this.path = path;
+            this.ppath = path;
         });
-    },
-    dblclick: function () {
+    }
+    dblclick() {
         return __awaiter(this, void 0, void 0, function* () {
-            const r = yield clickgo.fs.isFile(this.val);
+            const r = yield clickgo.fs.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)) {
-                    let content = yield clickgo.fs.getContent(this.val);
+                    let content = yield clickgo.fs.getContent(this.val[0]);
                     if (!content) {
                         yield clickgo.form.dialog('This file cannot be opened.');
                         return;
@@ -52,37 +53,37 @@ exports.methods = {
                     if (content instanceof Blob) {
                         content = yield clickgo.tool.blob2Text(content);
                     }
-                    const f = yield clickgo.form.create('text');
+                    const f = yield text_1.default.create({
+                        'title': this.val[0].slice(this.val[0].lastIndexOf('/') + 1),
+                        'content': content
+                    });
                     if (typeof f === 'number') {
                         return;
                     }
-                    clickgo.form.send(f.id, {
-                        'title': this.val.slice(this.val.lastIndexOf('/') + 1),
-                        'content': content
-                    });
+                    f.show();
                     return;
                 }
-                yield clickgo.form.dialog('This extension is not supported.');
+                yield clickgo.form.dialog('The extension "' + ext + '" is not supported.');
                 return;
             }
-            yield this.open(this.val);
+            yield this.open(this.val[0]);
         });
-    },
-    up: function () {
+    }
+    up() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.path === '/') {
+            if (this.ppath === '/') {
                 return;
             }
-            const path = this.path.slice(0, -1);
+            const path = this.ppath.slice(0, -1);
             const lif = path.lastIndexOf('/');
             const npath = path.slice(0, lif + 1);
             yield this.open(npath);
         });
     }
-};
-const mounted = function () {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield this.open('/');
-    });
-};
-exports.mounted = mounted;
+    onMounted() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.open('/');
+        });
+    }
+}
+exports.default = default_1;

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

@@ -1,7 +1,7 @@
 <form width="350" height="400" title="Library fs" padding="10">
     <layout gutter="10" direction="v" style="flex: 1;">
         <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/demo/form/method/fs/text.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.receive = exports.data = void 0;
-exports.data = {
-    'title': 'Text viewer',
-    'content': ''
-};
-const receive = function (obj) {
-    if (obj.taskId !== this.taskId) {
-        return;
+const clickgo = require("clickgo");
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.title = 'Text viewer';
+        this.content = '';
     }
-    this.title = obj.title + ' - Text viewer';
-    this.content = obj.content;
-};
-exports.receive = receive;
+    onMounted(obj) {
+        this.title = obj.title + ' - Text viewer';
+        this.content = obj.content;
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,50 @@
+"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.val = 'test';
+    }
+    getListenerList() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(JSON.stringify(clickgo.native.getListenerList()));
+        });
+    }
+    max() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.native.max();
+        });
+    }
+    min() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.native.min();
+        });
+    }
+    restore() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.native.restore();
+        });
+    }
+    ping() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog((_a = yield clickgo.native.ping(this.val)) !== null && _a !== void 0 ? _a : 'undefined');
+        });
+    }
+    isMax() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog((yield clickgo.native.isMax()) ? 'true' : 'false');
+        });
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,12 @@
+<form width="350" height="400" title="Library native" padding="10">
+    <layout gutter="10" direction="v" style="flex: 1;">
+        <button @click="getListenerList" style="height: 30px;">getListenerList</button>
+        <button @click="max" style="height: 30px;">max</button>
+        <button @click="min" style="height: 30px;">min</button>
+        <layout gutter="10" align-v="center">
+            <text style="flex: 1;" v-model="val"></text>
+            <button @click="ping" style="height: 30px; padding: 0 10px;">ping("{{val}}")</button>
+        </layout>
+        <button @click="isMax" style="height: 30px;">isMax</button>
+    </layout>
+</form>

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

@@ -0,0 +1,50 @@
+"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 {
+    getVersion() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('Version: ' + clickgo.getVersion());
+        });
+    }
+    isNative() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('Native: ' + (clickgo.isNative() ? 'true' : 'false'));
+        });
+    }
+    getPlatform() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('Platform: ' + clickgo.getPlatform());
+        });
+    }
+    isImmersion() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('Immersion: ' + (clickgo.isImmersion() ? 'true' : 'false'));
+        });
+    }
+    hasFrame() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('hasFrame: ' + (clickgo.hasFrame() ? 'true' : 'false'));
+        });
+    }
+    unblock() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('typeof sessionStorage: ' + typeof sessionStorage);
+        });
+    }
+    ls() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('typeof localStorage: ' + typeof localStorage);
+        });
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,11 @@
+<form width="350" height="400" title="System">
+    <layout direction="v" gutter="10" style="flex: 1; padding: 10px;">
+        <button @click="getVersion" style="height: 30px;">clickgo.getVersion()</button>
+        <button @click="isNative" style="height: 30px;">clickgo.isNative()</button>
+        <button @click="getPlatform" style="height: 30px;">clickgo.getPlatform()</button>
+        <button @click="isImmersion" style="height: 30px;">clickgo.isImmersion()</button>
+        <button @click="hasFrame" style="height: 30px;">clickgo.hasFrame()</button>
+        <button @click="unblock" style="height: 30px;">unblock: ['sessionStorage']</button>
+        <button @click="ls" style="height: 30px;">typeof localStorage</button>
+    </layout>
+</form>

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

@@ -9,24 +9,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mounted = exports.methods = exports.computed = exports.data = void 0;
 const clickgo = require("clickgo");
-exports.data = {
-    'tid': '0',
-    'frameTimer': 0,
-    'frameCount': 0,
-    'timer': 0,
-    'timerCount': 0,
-    'select': '',
-    'sleeping': false
-};
-exports.computed = {
-    globalLocale: function () {
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.tid = '0';
+        this.frameTimer = 0;
+        this.frameCount = 0;
+        this.timer = 0;
+        this.timerCount = 0;
+        this.select = [];
+        this.sleeping = false;
+    }
+    get globalLocale() {
         return clickgo.core.config.locale;
     }
-};
-exports.methods = {
-    frameStart: function (v) {
+    frameStart(v) {
         let opt = {};
         switch (v) {
             case 0: {
@@ -41,9 +39,9 @@ exports.methods = {
                 };
                 break;
             }
-            case 3: {
+            case 2: {
                 opt = {
-                    'scope': 'task'
+                    'formId': this.formId
                 };
                 break;
             }
@@ -51,13 +49,13 @@ exports.methods = {
         this.frameTimer = clickgo.task.onFrame(() => {
             ++this.frameCount;
         }, opt);
-    },
-    frameEnd: function () {
+    }
+    frameEnd() {
         clickgo.task.offFrame(this.frameTimer);
         this.frameCount = 0;
         this.frameTimer = 0;
-    },
-    timerStart: function (v) {
+    }
+    timerStart(v) {
         let opt = {};
         switch (v) {
             case 0: {
@@ -74,7 +72,7 @@ exports.methods = {
             }
             case 3: {
                 opt = {
-                    'scope': 'task'
+                    'formId': this.formId
                 };
                 break;
             }
@@ -82,58 +80,58 @@ exports.methods = {
         this.timer = clickgo.task.createTimer(() => {
             ++this.timerCount;
         }, 1, opt);
-    },
-    timerEnd: function () {
+    }
+    timerEnd() {
         clickgo.task.removeTimer(this.timer);
         this.timerCount = 0;
         this.timer = 0;
-    },
-    get: function () {
-        const r = clickgo.task.get(this.tid);
+    }
+    get() {
+        const r = clickgo.task.get(parseInt(this.tid));
         clickgo.form.dialog(r ? JSON.stringify(r) : 'null').catch((e) => { throw e; });
-    },
-    getList: function () {
+    }
+    getList() {
         clickgo.form.dialog(JSON.stringify(clickgo.task.getList())).catch((e) => { throw e; });
-    },
-    run: function () {
+    }
+    run() {
         return __awaiter(this, void 0, void 0, function* () {
             const tid = yield clickgo.task.run('/clickgo/app/demo/');
             yield clickgo.form.dialog('Task ID: ' + tid.toString());
         });
-    },
-    end: function () {
+    }
+    end() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog('Result: ' + (clickgo.task.end(this.tid) ? 'true' : 'false'));
+            yield clickgo.form.dialog('Result: ' + (clickgo.task.end(parseInt(this.tid)) ? 'true' : 'false'));
         });
-    },
-    loadLocale: function (lang, path) {
+    }
+    loadLocale(lang, path) {
         return __awaiter(this, void 0, void 0, function* () {
-            const r = yield clickgo.task.loadLocale(lang, path);
+            const r = yield clickgo.task.loadLocale(lang, '/package' + clickgo.tool.urlResolve(this.filename, path));
             yield clickgo.form.dialog('Result: ' + (r ? 'true' : 'false'));
         });
-    },
-    setLocale: function (lang, path) {
+    }
+    setLocale(lang, path) {
         return __awaiter(this, void 0, void 0, function* () {
-            const r = yield clickgo.task.setLocale(lang, path);
+            const r = yield clickgo.task.setLocale(lang, '/package' + clickgo.tool.urlResolve(this.filename, path));
             yield clickgo.form.dialog('Result: ' + (r ? 'true' : 'false'));
         });
-    },
-    clearLocale: function () {
+    }
+    clearLocale() {
         clickgo.task.clearLocale();
-    },
-    loadLocaleData: function (lang, data) {
+    }
+    loadLocaleData(lang, data) {
         clickgo.task.loadLocaleData(lang, data);
-    },
-    setLocaleLang: function (lang) {
+    }
+    setLocaleLang(lang) {
         clickgo.task.setLocaleLang(lang);
-    },
-    clearLocaleLang: function () {
+    }
+    clearLocaleLang() {
         clickgo.task.clearLocaleLang();
-    },
-    changeLocaleLang: function () {
-        clickgo.core.config.locale = this.select;
-    },
-    sleep: function () {
+    }
+    changeLocaleLang() {
+        clickgo.core.config.locale = this.select[0];
+    }
+    sleep() {
         if (this.sleeping) {
             return;
         }
@@ -141,13 +139,13 @@ exports.methods = {
         clickgo.task.sleep(() => {
             this.sleeping = false;
         }, 1000);
-    },
-    systemTaskInfo: function () {
+    }
+    systemTaskInfo() {
         clickgo.form.dialog(JSON.stringify(clickgo.task.systemTaskInfo)).catch((e) => { throw e; });
     }
-};
-const mounted = function () {
-    this.tid = this.taskId;
-    this.select = clickgo.core.config.locale;
-};
-exports.mounted = mounted;
+    onMounted() {
+        this.tid = this.taskId.toString();
+        this.select = [clickgo.core.config.locale];
+    }
+}
+exports.default = default_1;

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

@@ -1,5 +1,5 @@
-<form width="350" height="400" title="Library task" padding="10">
-    <overflow direction="v" style="flex: 1;">
+<form width="350" height="400" title="Library task">
+    <flow direction="v" style="flex: 1; padding: 10px;">
         <layout direction="v" gutter="10">
             <label>onFrame(): timer: {{frameTimer}}, count: {{frameCount}}</label>
             <layout gutter="10">
@@ -7,7 +7,6 @@
                     <button @click="frameStart(0)" style="height: 30px; flex: 1;">Once</button>
                     <button @click="frameStart(1)" style="height: 30px; flex: 1;">Count 100</button>
                     <button @click="frameStart(2)" style="height: 30px; flex: 1;">Form</button>
-                    <button @click="frameStart(3)" style="height: 30px; flex: 1;">Task</button>
                 </template>
                 <template v-else>
                     <button @click="frameEnd" style="height: 30px; flex: 1;">End</button>
@@ -19,7 +18,6 @@
                     <button @click="timerStart(0)" style="height: 30px; flex: 1;">Once</button>
                     <button @click="timerStart(1)" style="height: 30px; flex: 1;">Count 100</button>
                     <button @click="timerStart(2)" style="height: 30px; flex: 1;">Form</button>
-                    <button @click="timerStart(3)" style="height: 30px; flex: 1;">Task</button>
                 </template>
                 <template v-else>
                     <button @click="timerEnd" style="height: 30px; flex: 1;">End</button>
@@ -33,7 +31,7 @@
             <button @click="getList" style="height: 30px;">getList()</button>
             <button @click="run" style="height: 30px;">run('/clickgo/app/demo/')</button>
             <button @click="end" style="height: 30px;">end('{{tid}}')</button>
-            <label>Now locale: {{cgLocale}}, Global locale: {{globalLocale}}</label>
+            <label>Now locale: {{locale}}, Global locale: {{globalLocale}}</label>
             <label>l('File name'): {{l('File name')}}</label>
             <label>l('File size'): {{l('File size')}}</label>
             <button @click="loadLocale('en', 'locale1')" style="height: 30px;">loadLocale('en', 'locale1')</button>
@@ -53,5 +51,5 @@
             <button @click="sleep" style="height: 30px;">{{sleeping ? 'Waiting...' : 'sleep(() => { ... }, 1000)'}}</button>
             <button @click="systemTaskInfo()" style="height: 30px;">systemTaskInfo</button>
         </layout>
-    </overflow>
+    </flow>
 </form>

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

@@ -9,10 +9,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.methods = void 0;
 const clickgo = require("clickgo");
-exports.methods = {
-    get: function () {
+class default_1 extends clickgo.form.AbstractForm {
+    get() {
         return __awaiter(this, void 0, void 0, function* () {
             const f = yield clickgo.fs.getContent('/clickgo/theme/familiar.cgt');
             if (!f) {
@@ -27,8 +26,8 @@ exports.methods = {
             }
             return t;
         });
-    },
-    load: function () {
+    }
+    load() {
         return __awaiter(this, void 0, void 0, function* () {
             const n = clickgo.form.notify({
                 'title': 'Info',
@@ -44,14 +43,14 @@ exports.methods = {
             const r = yield clickgo.theme.load(t);
             yield clickgo.form.dialog('Result: ' + (r ? 'true' : 'false'));
         });
-    },
-    remove: function () {
+    }
+    remove() {
         clickgo.theme.remove('familiar').catch((e) => { throw e; });
-    },
-    clear: function () {
+    }
+    clear() {
         clickgo.theme.clear().catch((e) => { throw e; });
-    },
-    setGlobal: function () {
+    }
+    setGlobal() {
         return __awaiter(this, void 0, void 0, function* () {
             const n = clickgo.form.notify({
                 'title': 'Info',
@@ -67,8 +66,9 @@ exports.methods = {
             yield clickgo.theme.setGlobal(t);
             yield clickgo.form.dialog('Done.');
         });
-    },
-    clearGlobal: function () {
+    }
+    clearGlobal() {
         clickgo.theme.clearGlobal();
     }
-};
+}
+exports.default = default_1;