clickgo 3.1.2-dev11 → 3.1.4-dev13

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

@@ -9,42 +9,42 @@ 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 = {
-    'flist': {},
-    'list': []
-};
-exports.methods = {
-    'pushConsole': function (name, text) {
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.flist = {};
+        this.list = [];
+    }
+    pushConsole(name, text) {
         const date = new Date();
         this.list.unshift({
             'time': date.getHours().toString() + ':' + date.getMinutes().toString() + ':' + date.getSeconds().toString(),
             'name': name,
             'text': text
         });
-    },
-    'changeFocus': function (fid) {
+    }
+    changeFocus(fid) {
         clickgo.form.changeFocus(parseInt(fid));
     }
-};
-const mounted = function () {
-    const list = clickgo.task.getList();
-    for (const taskId in list) {
-        const flist = clickgo.form.getList(parseInt(taskId));
-        for (const fid in flist) {
-            this.flist[fid] = {
-                'title': flist[fid].title,
-                'icon': flist[fid].icon,
-                'stateMax': flist[fid].stateMax,
-                'stateMin': flist[fid].stateMin,
-                'show': flist[fid].show,
-                'focus': flist[fid].focus,
-                'flash': false
-            };
+    onMounted() {
+        const list = clickgo.task.getList();
+        for (const taskId in list) {
+            const flist = clickgo.form.getList(parseInt(taskId));
+            for (const fid in flist) {
+                this.flist[fid] = {
+                    'title': flist[fid].title,
+                    'icon': flist[fid].icon,
+                    'stateMax': flist[fid].stateMax,
+                    'stateMin': flist[fid].stateMin,
+                    'show': flist[fid].show,
+                    'focus': flist[fid].focus,
+                    'flash': false
+                };
+            }
         }
     }
-    clickgo.core.setSystemEventListener('formCreated', (taskId, formId, title, icon) => {
+    onFormCreated(taskId, formId, title, icon) {
         this.flist[formId] = {
             'title': title,
             'icon': icon,
@@ -55,75 +55,77 @@ const mounted = function () {
             'flash': false
         };
         this.pushConsole('formCreated', `taskId: ${taskId}, formId: ${formId}, title: ${title}, icon: ${icon ? icon.slice(0, 10) + '...' : 'null'}`);
-    });
-    clickgo.core.setSystemEventListener('formRemoved', (taskId, formId, title, icon) => {
+    }
+    onFormRemoved(taskId, formId, title, icon) {
         if (!this.flist[formId]) {
             return;
         }
         this.flist[formId] = undefined;
         delete this.flist[formId];
         this.pushConsole('formRemoved', `taskId: ${taskId}, formId: ${formId}, title: ${title}, icon: ${icon ? icon.slice(0, 10) + '...' : 'null'}`);
-    });
-    clickgo.core.setSystemEventListener('formTitleChanged', (taskId, formId, title) => {
+    }
+    onFormTitleChanged(taskId, formId, title) {
         if (!this.flist[formId]) {
             return;
         }
         this.flist[formId].title = title;
         this.pushConsole('formTitleChanged', `taskId: ${taskId}, formId: ${formId}, title: ${title}`);
-    });
-    clickgo.core.setSystemEventListener('formIconChanged', (taskId, formId, icon) => {
+    }
+    onFormIconChanged(taskId, formId, icon) {
         if (!this.flist[formId]) {
             return;
         }
         this.flist[formId].icon = icon;
         this.pushConsole('formIconChanged', `taskId: ${taskId}, formId: ${formId}, icon: ${icon ? icon.slice(0, 10) + '...' : 'null'}`);
-    });
-    clickgo.core.setSystemEventListener('formStateMinChanged', (taskId, formId, state) => {
+    }
+    onFormStateMinChanged(taskId, formId, state) {
         if (!this.flist[formId]) {
             return;
         }
         this.flist[formId].min = state;
         this.pushConsole('formStateMinChanged', `taskId: ${taskId}, formId: ${formId}, state: ${state ? 'true' : 'false'}`);
-    });
-    clickgo.core.setSystemEventListener('formStateMaxChanged', (taskId, formId, state) => {
+    }
+    onFormStateMaxChanged(taskId, formId, state) {
         if (!this.flist[formId]) {
             return;
         }
         this.flist[formId].max = state;
         this.pushConsole('formStateMaxChanged', `taskId: ${taskId}, formId: ${formId}, state: ${state ? 'true' : 'false'}`);
-    });
-    clickgo.core.setSystemEventListener('formShowChanged', (taskId, formId, state) => {
+    }
+    onFormShowChanged(taskId, formId, state) {
         if (!this.flist[formId]) {
             return;
         }
         this.flist[formId].show = state;
         this.pushConsole('formShowChanged', `taskId: ${taskId}, formId: ${formId}, state: ${state ? 'true' : 'false'}`);
-    });
-    clickgo.core.setSystemEventListener('formFocused', (taskId, formId) => {
+    }
+    onFormFocused(taskId, formId) {
         if (!this.flist[formId]) {
             return;
         }
         this.flist[formId].focus = true;
         this.pushConsole('formFocused', `taskId: ${taskId}, formId: ${formId}`);
-    });
-    clickgo.core.setSystemEventListener('formBlurred', (taskId, formId) => {
+    }
+    onFormBlurred(taskId, formId) {
         if (!this.flist[formId]) {
             return;
         }
         this.flist[formId].focus = false;
         this.pushConsole('formBlurred', `taskId: ${taskId}, formId: ${formId}`);
-    });
-    clickgo.core.setSystemEventListener('formFlash', (taskId, formId) => __awaiter(this, void 0, void 0, function* () {
-        if (!this.flist[formId]) {
-            return;
-        }
-        if (this.flist[formId].flash) {
-            clickgo.task.removeTimer(this.flist[formId].flash);
-        }
-        this.pushConsole('formFlash', `taskId: ${taskId}, formId: ${formId}`);
-        this.flist[formId].flash = true;
-        yield clickgo.tool.sleep(1000);
-        this.flist[formId].flash = false;
-    }));
-};
-exports.mounted = mounted;
+    }
+    onFormFlash(taskId, formId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.flist[formId]) {
+                return;
+            }
+            if (this.flist[formId].flash) {
+                clickgo.task.removeTimer(this.flist[formId].flash);
+            }
+            this.pushConsole('formFlash', `taskId: ${taskId}, formId: ${formId}`);
+            this.flist[formId].flash = true;
+            yield clickgo.tool.sleep(1000);
+            this.flist[formId].flash = false;
+        });
+    }
+}
+exports.default = default_1;

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

@@ -3,14 +3,14 @@
     <layout align-h="center" align-v="center" style="margin-top: 10px; flex: 1; height: 0;">
         <layout gutter="10" direction="v">
             <layout align-v="center" v-for="(form, fid) of flist" gutter="5" @click="changeFocus(fid)" class="item" :class="{'flash': form.flash, 'focus': form.focus}">
-                <img v-if="form.icon" :src="form.icon" width="16" height="16" /><label>{{form.title}}{{form.max ? ' (max)' : ''}}{{form.min ? ' (min)' : ''}}</label>
+                <img v-if="form.icon" :src="form.icon" style="width: 16px; height: 16px;" /><label>{{form.title}}{{form.max ? ' (max)' : ''}}{{form.min ? ' (min)' : ''}}</label>
             </layout>
         </layout>
     </layout>
     <layout gutter="10" style="margin-top: 10px; height: 80px;">
         <list :data="['formCreated', 'formRemoved', 'formTitleChanged', 'formIconChanged', 'formStateMinChanged', 'formStateMaxChanged', 'formShowChanged', 'formFocused', 'formBlurred', 'formFlash']" style="width: 150px;"></list>
-        <greatview v-slot="data" :data="list" direction="v" style="color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; flex: 1; width: 0; padding: 10px;" same>
+        <vflow v-slot="data" :data="list" direction="v" style="color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; flex: 1; width: 0; padding: 10px;" same>
             <label>[{{data.row.time}}] {{data.row.name}}, {{data.row.text}}.</label>
-        </greatview>
+        </vflow>
     </layout>
 </form>

package/dist/app/demo/form/event/other/other.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const clickgo = require("clickgo");
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.list = [];
+    }
+    onLauncherFolderNameChanged(id, name) {
+        const date = new Date();
+        this.list.unshift({
+            'time': date.getHours().toString() + ':' + date.getMinutes().toString() + ':' + date.getSeconds().toString(),
+            'name': 'launcherFolderNameChanged',
+            'content': JSON.stringify({
+                'id': id,
+                'name': name
+            })
+        });
+    }
+    onHashChanged(hash) {
+        const date = new Date();
+        this.list.unshift({
+            'time': date.getHours().toString() + ':' + date.getMinutes().toString() + ':' + date.getSeconds().toString(),
+            'name': 'hashChanged',
+            'content': hash
+        });
+    }
+}
+exports.default = default_1;

package/dist/app/demo/form/event/other/other.xml

@@ -0,0 +1,5 @@
+<form width="500" height="550" title="About other" padding="10">
+    <vflow v-slot="data" :data="list" direction="v" style="color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; padding: 10px; flex: 1;">
+        <label>[{{data.row.time}}] {{data.row.name}}, {{data.row.content}}.</label>
+    </vflow>
+</form>

package/dist/app/demo/form/event/screen/screen.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mounted = exports.data = void 0;
 const clickgo = require("clickgo");
-exports.data = {
-    'width': 0,
-    'height': 0,
-    'scale': 4,
-    'list': []
-};
-const mounted = function () {
-    clickgo.core.setSystemEventListener('screenResize', () => {
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.width = 0;
+        this.height = 0;
+        this.scale = 4;
+        this.list = [];
+    }
+    onScreenResize() {
         const area = clickgo.core.getAvailArea();
         this.width = area.width;
         this.height = area.height;
@@ -28,24 +28,26 @@ const mounted = function () {
             'width': area.width,
             'height': area.height
         });
-    });
-    const area = clickgo.core.getAvailArea();
-    this.width = area.width;
-    this.height = area.height;
-    if (this.width > 1100 || this.height > 1100) {
-        this.scale = 5;
-    }
-    else if (this.width < 420 || this.height < 420) {
-        this.scale = 3;
     }
-    else {
-        this.scale = 4;
+    onMounted() {
+        const area = clickgo.core.getAvailArea();
+        this.width = area.width;
+        this.height = area.height;
+        if (this.width > 1100 || this.height > 1100) {
+            this.scale = 5;
+        }
+        else if (this.width < 420 || this.height < 420) {
+            this.scale = 3;
+        }
+        else {
+            this.scale = 4;
+        }
+        const date = new Date();
+        this.list.unshift({
+            'time': date.getHours().toString() + ':' + date.getMinutes().toString() + ':' + date.getSeconds().toString(),
+            'width': this.width,
+            'height': this.height
+        });
     }
-    const date = new Date();
-    this.list.unshift({
-        'time': date.getHours().toString() + ':' + date.getMinutes().toString() + ':' + date.getSeconds().toString(),
-        'width': this.width,
-        'height': this.height
-    });
-};
-exports.mounted = mounted;
+}
+exports.default = default_1;

package/dist/app/demo/form/event/screen/screen.xml

@@ -3,7 +3,7 @@
     <layout align-h="center" align-v="center" style="margin-top: 10px; flex: 1; height: 0;">
         <block style="border: solid 1px hsl(0, 0%, 20%); display: flex; align-items: center; justify-content: center; font-size: 20px;" :style="{'width': width / scale + 'px', 'height': height / scale + 'px'}">{{width}} x {{height}}</block>
     </layout>
-    <greatview v-slot="data" :data="list" direction="v" style="margin-top: 10px; color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; height: 80px; padding: 10px;" same>
+    <vflow v-slot="data" :data="list" direction="v" style="margin-top: 10px; color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; height: 80px; padding: 10px;">
         <label>[{{data.row.time}}] screenResize, width: {{data.row.width}}, height: {{data.row.height}}.</label>
-    </greatview>
+    </vflow>
 </form>

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

@@ -9,36 +9,36 @@ 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 = {
-    'tlist': [],
-    'list': [],
-    'tid': 0
-};
-exports.methods = {
-    'pushConsole': function (name, text) {
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.tlist = [];
+        this.list = [];
+        this.tid = [];
+    }
+    pushConsole(name, text) {
         const date = new Date();
         this.list.unshift({
             'time': date.getHours().toString() + ':' + date.getMinutes().toString() + ':' + date.getSeconds().toString(),
             'name': name,
             'text': text
         });
-    },
-    'run': function () {
+    }
+    run() {
         return __awaiter(this, void 0, void 0, function* () {
             const taskId = yield clickgo.task.run('/clickgo/app/demo/');
             yield clickgo.form.dialog(`Successfully run, task id is: ${taskId}.`);
         });
-    },
-    'end': function () {
+    }
+    end() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (yield clickgo.form.confirm(`Are you sure to end Task ${this.tid}?`)) {
-                clickgo.task.end(parseInt(this.tid));
+            if (yield clickgo.form.confirm(`Are you sure to end Task ${this.tid[0]}?`)) {
+                clickgo.task.end(this.tid[0]);
             }
         });
-    },
-    'runTask': function () {
+    }
+    runTask() {
         return __awaiter(this, void 0, void 0, function* () {
             if (clickgo.task.systemTaskInfo.taskId > 0) {
                 yield clickgo.form.dialog('The Task APP is already running.');
@@ -48,23 +48,14 @@ exports.methods = {
             yield clickgo.form.dialog(`Successfully run, task id is: ${taskId}.`);
         });
     }
-};
-const mounted = function () {
-    const list = clickgo.task.getList();
-    for (const tid in list) {
-        this.tlist.push({
-            'label': 'Task ' + tid,
-            'value': parseInt(tid)
-        });
-    }
-    clickgo.core.setSystemEventListener('taskStarted', (taskId) => {
+    onTaskStarted(taskId) {
         this.tlist.push({
             'label': 'Task ' + taskId.toString(),
             'value': taskId
         });
         this.pushConsole('taskStarted', `taskId: ${taskId}`);
-    });
-    clickgo.core.setSystemEventListener('taskEnded', (taskId) => {
+    }
+    onTaskEnded(taskId) {
         for (let i = 0; i < this.tlist.length; ++i) {
             if (this.tlist[i].value !== taskId) {
                 continue;
@@ -73,6 +64,15 @@ const mounted = function () {
             break;
         }
         this.pushConsole('taskEnded', `taskId: ${taskId}`);
-    });
-};
-exports.mounted = mounted;
+    }
+    onMounted() {
+        const list = clickgo.task.getList();
+        for (const tid in list) {
+            this.tlist.push({
+                'label': 'Task ' + tid,
+                'value': parseInt(tid)
+            });
+        }
+    }
+}
+exports.default = default_1;

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

@@ -2,7 +2,7 @@
     <label>The task list:</label>
     <layout align-h="center" align-v="center" style="margin-top: 10px; flex: 1; height: 0;">
         <layout direction="v" gutter="10">
-            <label>Select task id: {{tid}}</label>
+            <label>Select task id: {{tid[0]}}</label>
             <list v-model="tid" :data="tlist" style="width: 200px; height: 200px;"></list>
             <button @click="runTask" style="height: 30px;">Run task app</button>
             <layout gutter="10">
@@ -13,8 +13,8 @@
     </layout>
     <layout gutter="10" style="margin-top: 10px; height: 80px;">
         <list :data="['taskStarted', 'taskEnded']" width="150" style="width: 150px;"></list>
-        <greatview v-slot="data" :data="list" direction="v" style="color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; flex: 1; width: 0; padding: 10px;" same>
+        <vflow v-slot="data" :data="list" direction="v" style="color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; flex: 1; width: 0; padding: 10px;" same>
             <label>[{{data.row.time}}] {{data.row.name}}, {{data.row.text}}.</label>
-        </greatview>
+        </vflow>
     </layout>
 </form>

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

@@ -10,14 +10,51 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const clickgo = require("clickgo");
-const form_1 = require("./control/form/form");
+const button_1 = require("./control/button/button");
+const check_1 = require("./control/check/check");
 const dialog_1 = require("./control/dialog/dialog");
-const form_2 = require("./method/form/form");
+const file_1 = require("./control/file/file");
+const form_1 = require("./control/form/form");
+const list_1 = require("./control/list/list");
+const marquee_1 = require("./control/marquee/marquee");
+const menu_1 = require("./control/menu/menu");
+const monaco_1 = require("./control/monaco/monaco");
+const flow_1 = require("./control/flow/flow");
+const property_1 = require("./control/property/property");
+const radio_1 = require("./control/radio/radio");
+const scroll_1 = require("./control/scroll/scroll");
+const select_1 = require("./control/select/select");
+const tab_1 = require("./control/tab/tab");
+const text_1 = require("./control/text/text");
+const vflow_1 = require("./control/vflow/vflow");
+const form_2 = require("./event/form/form");
+const other_1 = require("./event/other/other");
+const screen_1 = require("./event/screen/screen");
+const task_1 = require("./event/task/task");
 const aform_1 = require("./method/aform/aform");
+const core_1 = require("./method/core/core");
+const dom_1 = require("./method/dom/dom");
+const form_3 = require("./method/form/form");
+const fs_1 = require("./method/fs/fs");
+const native_1 = require("./method/native/native");
+const system_1 = require("./method/system/system");
+const task_2 = require("./method/task/task");
+const theme_1 = require("./method/theme/theme");
+const tool_1 = require("./method/tool/tool");
+const zip_1 = require("./method/zip/zip");
 class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
         this.ntab = '';
+        this.test = 0;
+    }
+    onMounted() {
+        return __awaiter(this, void 0, void 0, function* () {
+            while (true) {
+                yield clickgo.tool.sleep(2000);
+                this.test += 1;
+            }
+        });
     }
     openForm(name) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -27,22 +64,146 @@ class default_1 extends clickgo.form.AbstractForm {
                     frm = yield this.createForm('control/block/block');
                     break;
                 }
-                case 'cform': {
-                    frm = yield form_1.default.create();
+                case 'cbutton': {
+                    frm = yield button_1.default.create();
+                    break;
+                }
+                case 'ccheck': {
+                    frm = yield check_1.default.create();
                     break;
                 }
                 case 'cdialog': {
                     frm = yield dialog_1.default.create();
                     break;
                 }
-                case 'mform': {
+                case 'cfile': {
+                    frm = yield file_1.default.create();
+                    break;
+                }
+                case 'cform': {
+                    frm = yield form_1.default.create();
+                    break;
+                }
+                case 'cvflow': {
+                    frm = yield vflow_1.default.create();
+                    break;
+                }
+                case 'cimg': {
+                    frm = yield this.createForm('control/img/img');
+                    break;
+                }
+                case 'clabel': {
+                    frm = yield this.createForm('control/label/label');
+                    break;
+                }
+                case 'clist': {
+                    frm = yield list_1.default.create();
+                    break;
+                }
+                case 'cloading': {
+                    frm = yield this.createForm('control/loading/loading');
+                    break;
+                }
+                case 'cmarquee': {
+                    frm = yield marquee_1.default.create();
+                    break;
+                }
+                case 'cmenu': {
+                    frm = yield menu_1.default.create();
+                    break;
+                }
+                case 'cmonaco': {
+                    frm = yield monaco_1.default.create();
+                    break;
+                }
+                case 'cflow': {
+                    frm = yield flow_1.default.create();
+                    break;
+                }
+                case 'cproperty': {
+                    frm = yield property_1.default.create();
+                    break;
+                }
+                case 'cradio': {
+                    frm = yield radio_1.default.create();
+                    break;
+                }
+                case 'cscroll': {
+                    frm = yield scroll_1.default.create();
+                    break;
+                }
+                case 'cselect': {
+                    frm = yield select_1.default.create();
+                    break;
+                }
+                case 'ctab': {
+                    frm = yield tab_1.default.create();
+                    break;
+                }
+                case 'ctext': {
+                    frm = yield text_1.default.create();
+                    break;
+                }
+                case 'eform': {
                     frm = yield form_2.default.create();
                     break;
                 }
+                case 'eother': {
+                    frm = yield other_1.default.create();
+                    break;
+                }
+                case 'escreen': {
+                    frm = yield screen_1.default.create();
+                    break;
+                }
+                case 'etask': {
+                    frm = yield task_1.default.create();
+                    break;
+                }
                 case 'aform': {
                     frm = yield aform_1.default.create();
                     break;
                 }
+                case 'mcore': {
+                    frm = yield core_1.default.create();
+                    break;
+                }
+                case 'mdom': {
+                    frm = yield dom_1.default.create();
+                    break;
+                }
+                case 'mform': {
+                    frm = yield form_3.default.create();
+                    break;
+                }
+                case 'mfs': {
+                    frm = yield fs_1.default.create();
+                    break;
+                }
+                case 'mnative': {
+                    frm = yield native_1.default.create();
+                    break;
+                }
+                case 'msystem': {
+                    frm = yield system_1.default.create();
+                    break;
+                }
+                case 'mtask': {
+                    frm = yield task_2.default.create();
+                    break;
+                }
+                case 'mtheme': {
+                    frm = yield theme_1.default.create();
+                    break;
+                }
+                case 'mtool': {
+                    frm = yield tool_1.default.create();
+                    break;
+                }
+                case 'mzip': {
+                    frm = yield zip_1.default.create();
+                    break;
+                }
             }
             if (typeof frm === 'number') {
                 return;