clickgo 3.16.26 → 3.16.28

package/README.md

@@ -35,7 +35,7 @@ First, load the module loader, then load your app with it.
 **index.html**
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.8/dist/loader.min.js?path=index&npm={'clickgo':'3.16.26'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.8/dist/loader.min.js?path=index&npm={'clickgo':'3.16.28'}"></script>
 ```
 
 **index.js**

package/dist/app/demo/app.js

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -48,13 +39,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const clickgo = __importStar(require("clickgo"));
 const main_1 = __importDefault(require("./form/main"));
 class default_1 extends clickgo.core.AbstractApp {
-    main(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            this.run(yield clickgo.form.create(main_1.default, {
-                'param': (_a = data.param) !== null && _a !== void 0 ? _a : 'none',
-            }));
-        });
+    async main(data) {
+        this.run(await clickgo.form.create(main_1.default, {
+            'param': data.param ?? 'none',
+        }));
     }
 }
 exports.default = default_1;

package/dist/app/demo/config.json

@@ -28,7 +28,8 @@
         "/clickgo/control/jodit",
         "/clickgo/control/qrcode",
         "/clickgo/control/mpegts",
-        "/clickgo/control/tplink"
+        "/clickgo/control/tplink",
+        "/clickgo/control/novnc"
     ],
     "style": "/package/global",
 
@@ -121,6 +122,8 @@
         "/form/control/mpegts/mpegts.xml",
         "/form/control/nav/nav.js",
         "/form/control/nav/nav.xml",
+        "/form/control/novnc/novnc.js",
+        "/form/control/novnc/novnc.xml",
         "/form/control/page/page.js",
         "/form/control/page/page.xml",
         "/form/control/palette/palette.js",

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -61,15 +52,13 @@ class default_1 extends clickgo.form.AbstractForm {
             }
         ];
     }
-    imgselect(cb) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const frm = yield clickgo.form.create(img_1.default);
-            const path = yield frm.showDialog();
-            if (!path) {
-                return;
-            }
-            cb(path);
-        });
+    async imgselect(cb) {
+        const frm = await clickgo.form.create(img_1.default);
+        const path = await frm.showDialog();
+        if (!path) {
+            return;
+        }
+        cb(path);
     }
 }
 exports.default = default_1;

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -53,10 +44,8 @@ class default_1 extends clickgo.form.AbstractForm {
         this.plain = ['not'];
         this.sizeh = false;
     }
-    dialog(text) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog(text);
-        });
+    async dialog(text) {
+        await clickgo.form.dialog(text);
     }
 }
 exports.default = default_1;

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -55,11 +46,9 @@ class default_1 extends clickgo.form.AbstractForm {
         this.indeterminate4 = false;
         this.disabled = false;
     }
-    onChange(e) {
-        return __awaiter(this, void 0, void 0, function* () {
-            e.preventDefault();
-            yield clickgo.form.dialog('v: ' + (e.detail.value ? 'true' : 'false') + ', i: ' + (e.detail.indeterminate ? 'true' : 'false'));
-        });
+    async onChange(e) {
+        e.preventDefault();
+        await clickgo.form.dialog('v: ' + (e.detail.value ? 'true' : 'false') + ', i: ' + (e.detail.indeterminate ? 'true' : 'false'));
     }
 }
 exports.default = default_1;

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -48,11 +39,9 @@ class default_1 extends clickgo.form.AbstractForm {
         super(...arguments);
         this.fill = false;
     }
-    check() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const res = this.refs.content.check();
-            yield clickgo.form.dialog(res ? 'true' : 'false');
-        });
+    async check() {
+        const res = this.refs.content.check();
+        await clickgo.form.dialog(res ? 'true' : 'false');
     }
 }
 exports.default = default_1;

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

@@ -48,7 +48,7 @@ class default_1 extends clickgo.form.AbstractForm {
     }
     settime() {
         this.ts[0] = clickgo.tool.rand(1504304812000, 1704304812000);
-        this.ts[1] = this.ts[0] + 60000 * 60 * 24 * 30;
+        this.ts[1] = this.ts[0] + 60_000 * 60 * 24 * 30;
     }
 }
 exports.default = default_1;

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -48,11 +39,9 @@ class default_1 extends clickgo.form.AbstractForm {
         super(...arguments);
         this.list = [0, 1, 2];
     }
-    check() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const res = this.refs.content.check();
-            yield clickgo.form.dialog(res ? 'true' : 'false');
-        });
+    async check() {
+        const res = this.refs.content.check();
+        await clickgo.form.dialog(res ? 'true' : 'false');
     }
 }
 exports.default = default_1;

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

@@ -41,7 +41,9 @@ class default_1 extends clickgo.form.AbstractForm {
         this.buttons = ['OK'];
         this.btn = 'none';
         this.width = false;
+        this.fwidth = false;
         this.padding = true;
+        this.fill = false;
     }
 }
 exports.default = default_1;

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

@@ -1,15 +1,5 @@
-<form title="Dialog" width="450" height="550" min-width="400" min-height="400" padding="10">
+<form title="Dialog" width="550" height="700" min-width="400" min-height="400" padding="10">
     <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-        <layout align-h="center" align-v="center" style="flex: 1;">
-            <form title="Title" :min="false" :max="false" :resize="false" width="auto" height="auto" direction="v">
-                <dialog @select="btn = $event" :buttons="buttons" :direction="message === 'lines' ? 'v' : 'h'" :width="width ? 300 : undefined" :height="width ? 300 : undefined" :padding="padding">
-                    <template v-if="message === 'message'">Message</template>
-                    <template v-else-if="message === 'buttons'"><button style="flex: 1;">Button1</button><button style="margin-left: 10px; flex: 1;">Button2</button></template>
-                    <template v-else-if="message === 'lines'"><block v-for="i of 5">Line {{i}}.</block></template>
-                    <template v-else>longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong</template>
-                </dialog>
-            </form>
-        </layout>
         <layout gutter="10">
             <button style="flex: 1;" @click="buttons = ['A', 'B', 'C']">['A', 'B', 'C']</button>
             <button style="flex: 1;" @click="buttons = ['Cancel', 'OK']">['Cancel', 'OK']</button>
@@ -23,10 +13,34 @@
         <layout gutter="10">
             <button style="flex: 1;" @click="padding = !padding">padding</button>
             <button style="flex: 1;" @click="message = 'lines'">Multiple lines</button>
-            <button @click="width = !width">{{width ? '' : '!'}}w/h300</button>
+            <button style="flex: 1;" @click="message = 'many'">Too many lines</button>
+        </layout>
+        <layout gutter="10">
+            <button style="flex: 1;" @click="fill = !fill">{{fill ? '' : '!'}}fill</button>
+            <button style="flex: 1;" @click="width = !width" :disabled="fill">Dialog {{width ? '' : '!'}}w/h300</button>
+
+            <button style="flex: 1;" @click="fwidth = !fwidth" :disabled="fill">Form {{fwidth ? '' : '!'}}w/h400</button>
         </layout>
         <layout gutter="10" align-v="center">
             <label style="flex: 1;">You click: {{btn}}.</label>
         </layout>
+        <layout align-h="center" align-v="center" style="flex: 1;">
+            <form title="Title" :min="false" :max="false" :resize="false" :width="fwidth ? 400 : 'auto'" :height="fwidth ? 400 : 'auto'" direction="v">
+                <dialog @select="btn = $event" :buttons="buttons" :direction="message === 'lines' || message === 'many' ? 'v' : 'h'" :width="fill ? undefined : (width ? 300 : undefined)" :height="fill ? 'fill' : (width ? 300 : undefined)" :padding="padding">
+
+                    <template v-if="message === 'message'">Message</template>
+                    <template v-else-if="message === 'buttons'"><button style="flex: 1;">Button1</button><button style="margin-left: 10px; flex: 1;">Button2</button></template>
+                    <template v-else-if="message === 'lines'"><block v-for="i of 5">Line {{i}}.</block></template>
+                    <template v-else-if="message === 'many'">
+                        <flow direction="v">
+                            <block v-for="i of 100">
+                                Line {{i}}.
+                            </block>
+                        </flow>
+                    </template>
+                    <template v-else>longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong</template>
+                </dialog>
+            </form>
+        </layout>
     </layout>
 </form>

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -88,10 +79,8 @@ class default_1 extends clickgo.form.AbstractForm {
         this.sub = false;
         this.area = {};
     }
-    onGesture(dir) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog('onGesture: ' + dir);
-        });
+    async onGesture(dir) {
+        await clickgo.form.dialog('onGesture: ' + dir);
     }
 }
 exports.default = default_1;

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -61,12 +52,10 @@ class default_1 extends clickgo.form.AbstractForm {
         this.border = 'normal';
         this.banClose = false;
     }
-    showLoading() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.loading = true;
-            yield clickgo.tool.sleep(1000);
-            this.loading = false;
-        });
+    async showLoading() {
+        this.loading = true;
+        await clickgo.tool.sleep(1000);
+        this.loading = false;
     }
     onClose(e) {
         if (this.banClose) {

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -145,27 +136,21 @@ class default_1 extends clickgo.form.AbstractForm {
             });
         }
     }
-    remove() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.list.length === 3) {
-                yield clickgo.form.dialog('It cannot be removed at this time.');
-                return;
-            }
-            this.list.splice(-1, 1);
-        });
+    async remove() {
+        if (this.list.length === 3) {
+            await clickgo.form.dialog('It cannot be removed at this time.');
+            return;
+        }
+        this.list.splice(-1, 1);
     }
-    drop(e) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog(JSON.stringify(e.detail));
-        });
+    async drop(e) {
+        await clickgo.form.dialog(JSON.stringify(e.detail));
     }
     onSelect(e) {
         this.selectionArea = e.detail.area;
     }
-    onOpen(e) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog('onOpen: ' + e.detail.value.toString());
-        });
+    async onOpen(e) {
+        await clickgo.form.dialog('onOpen: ' + e.detail.value.toString());
     }
     scrollChange() {
         switch (this.scroll) {
@@ -182,10 +167,8 @@ class default_1 extends clickgo.form.AbstractForm {
             }
         }
     }
-    onGesture(dir) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog('onGesture: ' + dir);
-        });
+    async onGesture(dir) {
+        await clickgo.form.dialog('onGesture: ' + dir);
     }
 }
 exports.default = default_1;

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

@@ -32,15 +32,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -61,15 +52,13 @@ class default_1 extends clickgo.form.AbstractForm {
         this.html = '<p align="center">123</p>';
         this.htmlc = '';
     }
-    imgselect(cb) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const frm = yield clickgo.form.create(img_1.default);
-            const path = yield frm.showDialog();
-            if (!path) {
-                return;
-            }
-            cb('https://cdn.jsdelivr.net/npm/clickgo@3.7.0/dist/app/demo/' + path);
-        });
+    async imgselect(cb) {
+        const frm = await clickgo.form.create(img_1.default);
+        const path = await frm.showDialog();
+        if (!path) {
+            return;
+        }
+        cb('https://cdn.jsdelivr.net/npm/clickgo@3.7.0/dist/app/demo/' + path);
     }
 }
 exports.default = default_1;

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

@@ -32,22 +32,11 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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 = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
-    alert() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog('Alert');
-        });
+    async alert() {
+        await clickgo.form.dialog('Alert');
     }
 }
 exports.default = default_1;