clickgo 3.1.5-dev14 → 3.1.6-dev15

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

@@ -1,6 +1,29 @@
 "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;
+};
 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/control/nav/nav.js

@@ -0,0 +1,52 @@
+"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) {
+        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 {
+    constructor() {
+        super(...arguments);
+        this.layer = false;
+        this.label = '';
+        this.isShow = false;
+        this.loading = false;
+    }
+    onMounted() {
+        this.watch('label', () => __awaiter(this, void 0, void 0, function* () {
+            this.loading = true;
+            yield clickgo.tool.sleep(300);
+            this.loading = false;
+        }));
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,43 @@
+<form width="600" height="500" title="Nav" :loading="loading">
+    <nav v-model="label" v-model:show="isShow" @layer="layer = $event" style="flex: 1; width: 0;">
+        <nav-item label="Title1">
+            <nav-title>group1</nav-title>
+            <nav-item label="Sub1">
+                <nav-item label="Action1"></nav-item>
+                <nav-item label="Action2"></nav-item>
+            </nav-item>
+            <nav-item label="Sub2">
+                <nav-item label="Action3"></nav-item>
+                <nav-item label="Action4"></nav-item>
+            </nav-item>
+            <nav-title>group2</nav-title>
+            <nav-item label="Sub3">
+                <nav-item label="Action5"></nav-item>
+                <nav-item label="Action6"></nav-item>
+            </nav-item>
+            <nav-item label="Sub4">
+                <nav-item label="Action7"></nav-item>
+                <nav-item label="Action8"></nav-item>
+            </nav-item>
+        </nav-item>
+        <nav-item label="Title2">
+            <nav-item label="Sub5">
+                <nav-item label="Action9"></nav-item>
+                <nav-item label="Action10"></nav-item>
+            </nav-item>
+            <nav-item label="Sub6">
+                <nav-item label="Action11"></nav-item>
+                <nav-item label="Action12"></nav-item>
+            </nav-item>
+        </nav-item>
+        <template v-slot:content>
+            <layout direction="v" gutter="10" style="padding: 10px; flex: 1;">
+                <label>Change the size of the form to see the effect.</label>
+                <label>Now select: {{label}}</label>
+                <label>Layer show: {{isShow ? 'true' : 'false'}}</label>
+                <button v-if="layer" @click="isShow = true" style="height: 30px;">Open</button>
+                <button @click="label = 'Action11'" style="height: 30px;">Select "Action11"</button>
+            </layout>
+        </template>
+    </nav>
+</form>

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

@@ -0,0 +1,67 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const clickgo = __importStar(require("clickgo"));
+const test1_1 = __importDefault(require("./test1"));
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.selected = ['none'];
+    }
+    go() {
+        this.refs.panel.go(test1_1.default, {
+            'type': 'show'
+        });
+    }
+    ssend() {
+        this.refs.panel.send({
+            'type': 'send'
+        });
+    }
+    onMounted() {
+        this.watch('selected', () => {
+            switch (this.selected[0]) {
+                case 'none': {
+                    break;
+                }
+                case './test1': {
+                    this.refs.panel.go(test1_1.default);
+                    break;
+                }
+                case './test2': {
+                    this.refs.panel.go('./test2');
+                    break;
+                }
+            }
+        }, {
+            'deep': true,
+            'immediate': true
+        });
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,11 @@
+<form width="600" height="500" title="Panel">
+    <layout direction="v" gutter="10" style="padding: 10px; flex: 1;">
+        <label>Form ID: {{formId}}</label>
+        <select v-model="selected" :data="['none', './test1', './test2']"></select>
+        <layout gutter="10">
+            <button v-if="selected[0] !== './test1'" style="height: 30px; flex: 1;" @click="go">Go test1 with {'type': 'show'}</button>
+            <button style="height: 30px; flex: 1;" @click="ssend">send {'type': 'send'}</button>
+        </layout>
+        <panel ref="panel" style="flex: 1;"></panel>
+    </layout>
+</form>

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

@@ -0,0 +1,58 @@
+"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) {
+        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.AbstractPanel {
+    constructor() {
+        super(...arguments);
+        this.scount = 0;
+        this.data = {};
+    }
+    onShow(d) {
+        ++this.scount;
+        this.data = d;
+    }
+    onReceive(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.data = data;
+            yield clickgo.form.dialog('test1 got data.');
+        });
+    }
+    click() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('Hello panel!');
+        });
+    }
+}
+exports.default = default_1;

package/dist/app/demo/form/control/panel/test1.xml

@@ -0,0 +1,16 @@
+<panel direction="v" gutter="10" style="padding: 10px; border: solid 2px #000; border-color: #777 #DDD #DDD #777;">
+    <label>Hello, this is test1.</label>
+    <label>onShow count: {{scount}}</label>
+    <label>data: {{data}}</label>
+    <button @click="click" style="height: 30px;">Hi</button>
+    <layout>
+        <button style="padding: 15px 30px;" area="split">
+            Padding 10px 20px with pop
+            <template v-slot:pop>
+                <menulist>
+                    <menulist-item alt="T">Test 1</menulist-item>
+                </menulist>
+            </template>
+        </button>
+    </layout>
+</panel>

package/dist/app/demo/form/control/panel/test2.xml

@@ -0,0 +1,3 @@
+<panel style="padding: 10px; border: solid 2px #000; border-color: #777 #DDD #DDD #777; background: #FFF;">
+    <label>Hello, test2!</label>
+</panel>

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

@@ -1,6 +1,29 @@
 "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;
+};
 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/control/radio/radio.js

@@ -1,6 +1,29 @@
 "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;
+};
 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/control/scroll/scroll.js

@@ -1,6 +1,29 @@
 "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;
+};
 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);
@@ -13,6 +36,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.count = 3;
         this.float = false;
         this.disabled = false;
+        this.isShow = true;
     }
 }
 exports.default = default_1;

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

@@ -24,10 +24,13 @@
                     <block v-for="line of count">Line {{line}}.</block>
                 </block>
             </flow>
-            <scroll :length="sh2" :client="c2" v-model:offset="so2" :float="float" :disabled="disabled" style="width: 20px;"></scroll>
+            <scroll :length="sh2" :client="c2" v-model:offset="so2" :float="float" :disabled="disabled" @show="isShow = $event" style="width: 20px;"></scroll>
         </layout>
         <layout gutter="10" align-v="center">
-            <label style="flex: 1;">On the left is the flow control.</label>
+            <layout direction="v" gutter="10" style="flex: 1; width: 0;">
+                <label>On the left is the flow control.</label>
+                <label>isShow: {{isShow}}</label>
+            </layout>
             <button @click="float = !float" style="padding: 0 10px; height: 30px;">{{float ? 'Remove' : 'Set'}} float</button>
             <button @click="count += 10" style="padding: 0 10px; height: 30px;">Add 10 lines</button>
         </layout>

package/dist/app/demo/form/control/select/select.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/control/tab/tab.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/control/table/table.js

@@ -0,0 +1,164 @@
+"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) {
+        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 {
+    constructor() {
+        super(...arguments);
+        this.val = [];
+        this.data = [
+            {
+                'type': 0,
+                'name': 'Appraise'
+            },
+            {
+                'type': 0,
+                'name': 'Card',
+            },
+            {
+                'type': 0,
+                'name': 'Appraise2',
+                'disabled': true
+            },
+            {
+                'control': 'split'
+            },
+            {
+                'type': 1
+            }
+        ];
+        this.disabled = false;
+        this.must = true;
+        this.multi = false;
+        this.ctrl = true;
+        this.selection = false;
+        this.gesture = false;
+        this.selectionArea = {};
+        this.scroll = 'auto';
+        this.sort = undefined;
+        this.nowSort = [];
+        this.index = false;
+        this.split = false;
+    }
+    get sizes() {
+        const rtn = {};
+        for (let i = 0; i < this.data.length; ++i) {
+            if (this.data[i].control === 'split') {
+                rtn[i] = 3;
+                continue;
+            }
+        }
+        return rtn;
+    }
+    onGesture(dir) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('onGesture: ' + dir);
+        });
+    }
+    onSelect(area) {
+        this.selectionArea = area;
+    }
+    onSort(label, sort) {
+        this.nowSort.length = 0;
+        if (!label) {
+            return;
+        }
+        this.nowSort.push(label);
+        this.nowSort.push(sort !== null && sort !== void 0 ? sort : 'asc');
+        this.refreshSort();
+    }
+    refreshSort() {
+        if (this.nowSort[0] === 'name') {
+            this.data.sort((a, b) => {
+                var _a, _b;
+                const aname = (_a = a.name) !== null && _a !== void 0 ? _a : 'name';
+                const bname = (_b = b.name) !== null && _b !== void 0 ? _b : 'name';
+                if (this.nowSort[1] === 'asc') {
+                    return aname.localeCompare(bname);
+                }
+                else {
+                    return bname.localeCompare(aname);
+                }
+            });
+            return;
+        }
+        this.data.sort((a, b) => {
+            var _a, _b;
+            const atype = (_a = a.type) !== null && _a !== void 0 ? _a : 0;
+            const btype = (_b = b.type) !== null && _b !== void 0 ? _b : 0;
+            if (this.nowSort[1] === 'asc') {
+                return atype - btype;
+            }
+            else {
+                return btype - atype;
+            }
+        });
+    }
+    showIndex() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('Index is ' + this.val[0].toString() + '.');
+        });
+    }
+    scrollChange() {
+        switch (this.scroll) {
+            case 'auto': {
+                this.scroll = 'visible';
+                break;
+            }
+            case 'visible': {
+                this.scroll = 'hidden';
+                break;
+            }
+            default: {
+                this.scroll = 'auto';
+            }
+        }
+    }
+    sortChange() {
+        switch (this.sort) {
+            case true: {
+                this.sort = false;
+                break;
+            }
+            case false: {
+                this.sort = undefined;
+                break;
+            }
+            default: {
+                this.sort = true;
+            }
+        }
+    }
+}
+exports.default = default_1;