clickgo 3.1.4-dev13 → 3.1.6-dev15

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

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    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) {
@@ -8,206 +31,229 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = require("clickgo");
-const button_1 = require("./control/button/button");
-const check_1 = require("./control/check/check");
-const dialog_1 = require("./control/dialog/dialog");
-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");
+const clickgo = __importStar(require("clickgo"));
+const box_1 = __importDefault(require("./control/box/box"));
+const button_1 = __importDefault(require("~c/button/button"));
+const check_1 = __importDefault(require("./control/check/check"));
+const dialog_1 = __importDefault(require("./control/dialog/dialog"));
+const file_1 = __importDefault(require("./control/file/file"));
+const form_1 = __importDefault(require("./control/form/form"));
+const layout_1 = __importDefault(require("./control/layout/layout"));
+const list_1 = __importDefault(require("./control/list/list"));
+const marquee_1 = __importDefault(require("./control/marquee/marquee"));
+const menu_1 = __importDefault(require("./control/menu/menu"));
+const monaco_1 = __importDefault(require("./control/monaco/monaco"));
+const nav_1 = __importDefault(require("./control/nav/nav"));
+const panel_1 = __importDefault(require("./control/panel/panel"));
+const flow_1 = __importDefault(require("./control/flow/flow"));
+const property_1 = __importDefault(require("./control/property/property"));
+const radio_1 = __importDefault(require("./control/radio/radio"));
+const scroll_1 = __importDefault(require("./control/scroll/scroll"));
+const select_1 = __importDefault(require("./control/select/select"));
+const tab_1 = __importDefault(require("./control/tab/tab"));
+const table_1 = __importDefault(require("./control/table/table"));
+const text_1 = __importDefault(require("./control/text/text"));
+const vflow_1 = __importDefault(require("./control/vflow/vflow"));
+const form_2 = __importDefault(require("./event/form/form"));
+const other_1 = __importDefault(require("./event/other/other"));
+const screen_1 = __importDefault(require("./event/screen/screen"));
+const task_1 = __importDefault(require("./event/task/task"));
+const aform_1 = __importDefault(require("./method/aform/aform"));
+const core_1 = __importDefault(require("./method/core/core"));
+const dom_1 = __importDefault(require("./method/dom/dom"));
+const form_3 = __importDefault(require("./method/form/form"));
+const fs_1 = __importDefault(require("./method/fs/fs"));
+const native_1 = __importDefault(require("./method/native/native"));
+const system_1 = __importDefault(require("./method/system/system"));
+const task_2 = __importDefault(require("./method/task/task"));
+const theme_1 = __importDefault(require("./method/theme/theme"));
+const tool_1 = __importDefault(require("./method/tool/tool"));
+const zip_1 = __importDefault(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* () {
-            let frm = 0;
+            let frm;
             switch (name) {
                 case 'cblock': {
-                    frm = yield this.createForm('control/block/block');
+                    frm = yield clickgo.form.create('control/block/block', undefined, {
+                        'path': this.filename
+                    });
+                    break;
+                }
+                case 'cbox': {
+                    frm = yield clickgo.form.create(box_1.default);
                     break;
                 }
                 case 'cbutton': {
-                    frm = yield button_1.default.create();
+                    frm = yield clickgo.form.create(button_1.default);
                     break;
                 }
                 case 'ccheck': {
-                    frm = yield check_1.default.create();
+                    frm = yield clickgo.form.create(check_1.default);
                     break;
                 }
                 case 'cdialog': {
-                    frm = yield dialog_1.default.create();
+                    frm = yield clickgo.form.create(dialog_1.default);
                     break;
                 }
                 case 'cfile': {
-                    frm = yield file_1.default.create();
+                    frm = yield clickgo.form.create(file_1.default);
                     break;
                 }
                 case 'cform': {
-                    frm = yield form_1.default.create();
+                    frm = yield clickgo.form.create(form_1.default);
                     break;
                 }
                 case 'cvflow': {
-                    frm = yield vflow_1.default.create();
+                    frm = yield clickgo.form.create(vflow_1.default);
                     break;
                 }
                 case 'cimg': {
-                    frm = yield this.createForm('control/img/img');
+                    frm = yield clickgo.form.create('control/img/img', undefined, {
+                        'path': this.filename
+                    });
                     break;
                 }
                 case 'clabel': {
-                    frm = yield this.createForm('control/label/label');
+                    frm = yield clickgo.form.create('control/label/label', undefined, {
+                        'path': this.filename
+                    });
+                    break;
+                }
+                case 'clayout': {
+                    frm = yield clickgo.form.create(layout_1.default);
                     break;
                 }
                 case 'clist': {
-                    frm = yield list_1.default.create();
+                    frm = yield clickgo.form.create(list_1.default);
                     break;
                 }
                 case 'cloading': {
-                    frm = yield this.createForm('control/loading/loading');
+                    frm = yield clickgo.form.create('control/loading/loading', undefined, {
+                        'path': this.filename
+                    });
                     break;
                 }
                 case 'cmarquee': {
-                    frm = yield marquee_1.default.create();
+                    frm = yield clickgo.form.create(marquee_1.default);
                     break;
                 }
                 case 'cmenu': {
-                    frm = yield menu_1.default.create();
+                    frm = yield clickgo.form.create(menu_1.default);
                     break;
                 }
                 case 'cmonaco': {
-                    frm = yield monaco_1.default.create();
+                    frm = yield clickgo.form.create(monaco_1.default);
+                    break;
+                }
+                case 'cnav': {
+                    frm = yield clickgo.form.create(nav_1.default);
+                    break;
+                }
+                case 'cpanel': {
+                    frm = yield clickgo.form.create(panel_1.default);
                     break;
                 }
                 case 'cflow': {
-                    frm = yield flow_1.default.create();
+                    frm = yield clickgo.form.create(flow_1.default);
                     break;
                 }
                 case 'cproperty': {
-                    frm = yield property_1.default.create();
+                    frm = yield clickgo.form.create(property_1.default);
                     break;
                 }
                 case 'cradio': {
-                    frm = yield radio_1.default.create();
+                    frm = yield clickgo.form.create(radio_1.default);
                     break;
                 }
                 case 'cscroll': {
-                    frm = yield scroll_1.default.create();
+                    frm = yield clickgo.form.create(scroll_1.default);
                     break;
                 }
                 case 'cselect': {
-                    frm = yield select_1.default.create();
+                    frm = yield clickgo.form.create(select_1.default);
                     break;
                 }
                 case 'ctab': {
-                    frm = yield tab_1.default.create();
+                    frm = yield clickgo.form.create(tab_1.default);
+                    break;
+                }
+                case 'ctable': {
+                    frm = yield clickgo.form.create(table_1.default);
                     break;
                 }
                 case 'ctext': {
-                    frm = yield text_1.default.create();
+                    frm = yield clickgo.form.create(text_1.default);
                     break;
                 }
                 case 'eform': {
-                    frm = yield form_2.default.create();
+                    frm = yield clickgo.form.create(form_2.default);
                     break;
                 }
                 case 'eother': {
-                    frm = yield other_1.default.create();
+                    frm = yield clickgo.form.create(other_1.default);
                     break;
                 }
                 case 'escreen': {
-                    frm = yield screen_1.default.create();
+                    frm = yield clickgo.form.create(screen_1.default);
                     break;
                 }
                 case 'etask': {
-                    frm = yield task_1.default.create();
+                    frm = yield clickgo.form.create(task_1.default);
                     break;
                 }
                 case 'aform': {
-                    frm = yield aform_1.default.create();
+                    frm = yield clickgo.form.create(aform_1.default);
                     break;
                 }
                 case 'mcore': {
-                    frm = yield core_1.default.create();
+                    frm = yield clickgo.form.create(core_1.default);
                     break;
                 }
                 case 'mdom': {
-                    frm = yield dom_1.default.create();
+                    frm = yield clickgo.form.create(dom_1.default);
                     break;
                 }
                 case 'mform': {
-                    frm = yield form_3.default.create();
+                    frm = yield clickgo.form.create(form_3.default);
                     break;
                 }
                 case 'mfs': {
-                    frm = yield fs_1.default.create();
+                    frm = yield clickgo.form.create(fs_1.default);
                     break;
                 }
                 case 'mnative': {
-                    frm = yield native_1.default.create();
+                    frm = yield clickgo.form.create(native_1.default);
                     break;
                 }
                 case 'msystem': {
-                    frm = yield system_1.default.create();
+                    frm = yield clickgo.form.create(system_1.default);
                     break;
                 }
                 case 'mtask': {
-                    frm = yield task_2.default.create();
+                    frm = yield clickgo.form.create(task_2.default);
                     break;
                 }
                 case 'mtheme': {
-                    frm = yield theme_1.default.create();
+                    frm = yield clickgo.form.create(theme_1.default);
                     break;
                 }
                 case 'mtool': {
-                    frm = yield tool_1.default.create();
+                    frm = yield clickgo.form.create(tool_1.default);
                     break;
                 }
-                case 'mzip': {
-                    frm = yield zip_1.default.create();
-                    break;
+                default: {
+                    frm = yield clickgo.form.create(zip_1.default);
                 }
             }
-            if (typeof frm === 'number') {
-                return;
-            }
             frm.show();
         });
     }

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

@@ -3,6 +3,7 @@
         <flow v-if="ntab === 'control'" class="inner" direction="v">
             <layout class="buttons" gutter="10" direction="v">
                 <button @click="openForm('cform')">Form</button>
+                <button @click="openForm('clayout')">Layout</button>
                 <button @click="openForm('cimg')">Img</button>
                 <button @click="openForm('cbutton')">Button</button>
                 <button @click="openForm('ccheck')">Check</button>
@@ -21,7 +22,11 @@
                 <button @click="openForm('cmenu')">Menu</button>
                 <button @click="openForm('clist')">List</button>
                 <button @click="openForm('cselect')">Select</button>
+                <button @click="openForm('cpanel')">Panel</button>
                 <button @click="openForm('cproperty')">Property</button>
+                <button @click="openForm('ctable')">Table</button>
+                <button @click="openForm('cnav')">Nav</button>
+                <button @click="openForm('cbox')">Box</button>
                 <button @click="openForm('cmonaco')">Monaco</button>
             </layout>
         </flow>

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

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    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) {
@@ -8,9 +31,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = require("clickgo");
-const sd_1 = require("./sd");
+const clickgo = __importStar(require("clickgo"));
+const sd_1 = __importDefault(require("./sd"));
 class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
@@ -19,15 +45,6 @@ class default_1 extends clickgo.form.AbstractForm {
         this.test = 'A';
         this.dr = '';
     }
-    ccreateForm() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const frm = yield this.createForm('test');
-            if (typeof frm === 'number') {
-                return;
-            }
-            frm.show();
-        });
-    }
     ssend() {
         this.send(parseInt(this.fid), {
             'key': this.sendValue
@@ -42,10 +59,7 @@ class default_1 extends clickgo.form.AbstractForm {
     }
     sshowDialog() {
         return __awaiter(this, void 0, void 0, function* () {
-            const frm = yield sd_1.default.create();
-            if (typeof frm === 'number') {
-                return;
-            }
+            const frm = yield clickgo.form.create(sd_1.default);
             this.dr = yield frm.showDialog();
         });
     }

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

@@ -13,7 +13,6 @@
                 <label>test: {{test}}</label>
                 <button @click="test = test === 'A' ? 'B' : 'A'" style="height: 30px; flex: 1;">watch('test', () => { dialog })</button>
             </layout>
-            <button @click="ccreateForm" style="height: 30px;">createForm('test')</button>
             <button @click="topMost = !topMost" style="height: 30px;">topMost: {{topMost ? 'true' : 'false'}}</button>
             <layout gutter="10" align-v="center">
                 <label>Form ID:</label>

package/dist/app/demo/form/method/aform/sd.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    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) {
@@ -9,7 +32,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = require("clickgo");
+const clickgo = __importStar(require("clickgo"));
 class Sd extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
@@ -17,10 +40,7 @@ class Sd extends clickgo.form.AbstractForm {
     }
     newDialog() {
         return __awaiter(this, void 0, void 0, function* () {
-            const frm = yield Sd.create();
-            if (typeof frm === 'number') {
-                return;
-            }
+            const frm = yield clickgo.form.create(Sd);
             this.dr = yield frm.showDialog();
         });
     }

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

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    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) {
@@ -9,7 +32,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = require("clickgo");
+const clickgo = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);

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

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    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) {
@@ -9,7 +32,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = require("clickgo");
+const clickgo = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
@@ -25,6 +48,8 @@ class default_1 extends clickgo.form.AbstractForm {
         this.moveTop = 0;
         this.moveWidth = 25;
         this.moveHeight = 25;
+        this.getWatchInfoDisabled = false;
+        this.getWatchInfoText = '{}';
     }
     get isMove() {
         return clickgo.dom.is.move;
@@ -44,6 +69,11 @@ class default_1 extends clickgo.form.AbstractForm {
     getStyleCount() {
         clickgo.form.dialog(clickgo.dom.getStyleCount(this.taskId, 'form').toString()).catch((e) => { throw e; });
     }
+    getWatchSizeCount(taskId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(clickgo.dom.getWatchSizeCount(taskId).toString());
+        });
+    }
     watchSize() {
         this.watchSizeText = !this.watchSizeText;
         if (this.watchSizeText) {
@@ -63,15 +93,31 @@ class default_1 extends clickgo.form.AbstractForm {
         if (this.watchText) {
             clickgo.dom.watch(this.refs.watch.$el, () => {
                 clickgo.form.dialog('Changed.').catch((e) => { throw e; });
-            });
+            }, 'text');
         }
         else {
             clickgo.dom.unwatch(this.refs.watch.$el);
         }
     }
+    getWatchCount(taskId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(clickgo.dom.getWatchCount(taskId).toString());
+        });
+    }
     isWatchStyle() {
         clickgo.form.dialog(clickgo.dom.isWatchStyle(this.refs.watchStyle.$el) ? 'true' : 'false').catch((e) => { throw e; });
     }
+    getWatchInfo() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.getWatchInfoDisabled = true;
+            for (let i = 0; i < 40; ++i) {
+                const rtn = clickgo.dom.getWatchInfo();
+                this.getWatchInfoText = JSON.stringify(rtn, undefined, 4);
+                yield clickgo.tool.sleep(500);
+            }
+            this.getWatchInfoDisabled = false;
+        });
+    }
     bindGesture(e) {
         clickgo.dom.bindGesture(e, (ne, dir) => {
             if (['top', 'bottom'].includes(dir)) {

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

@@ -9,13 +9,24 @@
                 <button @click="watchSize" ref="watchSize" :style="{'height': (watchSizeHeight ? 30 : 50) + 'px'}" style="padding: 0 5px; flex: 1;">{{watchSizeText ? '' : '!'}}watchSize</button>
                 <button @click="watchSizeHeight = !watchSizeHeight" style="padding: 0 5px; flex: 1;">Change</button>
             </layout>
+            <layout gutter="10">
+                <button style="height: 30px; flex: 1;" @click="getWatchSizeCount()">getWatchSizeCount()</button>
+                <button style="height: 30px; flex: 1;" @click="getWatchSizeCount(taskId)">getWatchSizeCount({{taskId}})</button>
+            </layout>
             <layout gutter="10">
                 <layout ref="watch" align-v="center" align-h="center" style="flex: 1; background: #FFF;">{{watchInner ? 'inner' : 'Inner'}}</layout>
                 <button @click="wwatch" style="height: 30px; padding: 0 5px;">{{watchText ? '' : '!'}}watch</button>
                 <button @click="watchInner = !watchInner" style="padding: 0 5px;">Change</button>
             </layout>
+            <layout gutter="10">
+                <button style="height: 30px; flex: 1;" @click="getWatchCount()">getWatchCount()</button>
+                <button style="height: 30px; flex: 1;" @click="getWatchCount(taskId)">getWatchCount({{taskId}})</button>
+            </layout>
             <button @click="watchStyleChange = !watchStyleChange" ref="watchStyle" style="height: 30px;" :style="{'font-size': watchStyleChange ? 'inherit' : '16px'}">watchStyle(this.refs.watchStyle.$el, 'font-size', (n, v) => { ... })</button>
             <button @click="isWatchStyle" style="height: 30px;">isWatchStyle(this.refs.watchStyle.$el)</button>
+            <!-- getWatchInfo -->
+            <text :model-value="getWatchInfoText" readonly multi style="height: 300px;"></text>
+            <button @click="getWatchInfo" :disabled="getWatchInfoDisabled" style="height: 30px; padding: 0 10px;">getWatchInfo 20s</button>
             <block @mousedown="bindGesture" @touchstart="bindGesture" style="height: 50px; background: #FFF; display: flex; justify-content: center; align-items: center; color: rgba(0, 0, 0, .5); font-size: 14px;">{{bindGestureText ? bindGestureText : 'bindGesture(e: Touch | Mouse, { ... })'}}</block>
             <block @wheel="bindGestureWheel" style="height: 50px; background: #FFF; display: flex; justify-content: center; align-items: center; color: rgba(0, 0, 0, .5); font-size: 14px;">{{bindGestureWheelText ? bindGestureWheelText : 'bindGesture(e: Wheel, { ... })'}}</block>
             <button @click="bindLong" ref="bindLong" @mousedown="bindLongDown" @touchstart="bindLongDown" style="height: 30px;">{{bindLongText ? 'Yeah!' : 'bindLong(e, () => { ... })'}}</button>