clickgo 3.11.13 → 3.11.15

package/README.md

@@ -28,7 +28,7 @@ Load the module loader first, and then load it using the module loader.
 **index.html**
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.1/dist/loader.min.js?path=index&npm={'clickgo':'3.11.13'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.1/dist/loader.min.js?path=index&npm={'clickgo':'3.11.15'}"></script>
 ```
 
 **index.js**

package/dist/app/demo/app.js

@@ -39,8 +39,8 @@ const clickgo = __importStar(require("clickgo"));
 const main_1 = __importDefault(require("./form/main"));
 class default_1 extends clickgo.core.AbstractApp {
     main(data) {
-        var _a;
         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'
             }));

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

@@ -11,6 +11,15 @@
     <drawer title="Drawer2" gutter="10" v-model="drawer2" direction="v">
         <label>789</label>
         <button>012</button>
+        <button>012</button>
+        <button>012</button>
+        <button>012</button>
+        <button>012</button>
+        <button>012</button>
+        <button>012</button>
+        <button>012</button>
+        <button>012</button>
+        <button>012</button>
         <template v-slot:footer>
             <layout align-h="end" style="flex: 1;">
                 <button type="info" @click="drawer2 = false">OK</button>

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

@@ -48,15 +48,14 @@ class default_1 extends clickgo.form.AbstractForm {
         this.minWidth = 200;
         this.minHeight = 100;
         this.resize = true;
-        this.floading = false;
         this.border = 'normal';
         this.banClose = false;
     }
     showLoading() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.floading = true;
+            this.loading = true;
             yield clickgo.tool.sleep(1000);
-            this.floading = false;
+            this.loading = false;
         });
     }
     onClose(e) {

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

@@ -1,4 +1,4 @@
-<form v-model:width="width" v-model:height="height" :icon="icon" :title="title" :min="min" :max="max" :close="close" v-model:state-max="stateMax" v-model:state-min="stateMin" :min-width="minWidth" :min-height="minHeight" :resize="resize" :loading="floading" :border="border" direction="v" @close="onClose">
+<form v-model:width="width" v-model:height="height" :icon="icon" :title="title" :min="min" :max="max" :close="close" v-model:state-max="stateMax" v-model:state-min="stateMin" :min-width="minWidth" :min-height="minHeight" :resize="resize" :border="border" direction="v" @close="onClose">
     <flow direction="v">
         <layout direction="v" gutter="10" style="padding: 10px;">
             <label>focus: {{formFocus}}, width: {{width}}, height: {{height}}, state-max: {{stateMax}}, state-min: {{stateMin}}.</label>

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

@@ -28,6 +28,8 @@ class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
         this.title = 'The title';
+        this.slotTitle = false;
+        this.slotFooter = false;
     }
 }
 exports.default = default_1;

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

@@ -1,7 +1,13 @@
-<form title="Group" width="450" height="500" padding="10" background="hsl(0, 0%, 90%)">
+<form title="Group" width="450" height="550" padding="10" background="hsl(0, 0%, 90%)">
     <layout gutter="10" direction="v" style="flex: 1; width: 0;">
         <flow direction="v" style="flex: 1; height: 0;">
             <group :title="title" direction="v" gutter="10">
+                <template v-if="slotTitle" v-slot:title>
+                    <layout align-v="center" style="flex: 1;">
+                        <label style="flex: 1;">slot title</label>
+                        <button>test</button>
+                    </layout>
+                </template>
                 <label>123</label>
                 <button>abc</button>
                 <title>Small title</title>
@@ -14,11 +20,20 @@
                 <label>123</label>
                 <title type="danger">Danger title</title>
                 <label>123</label>
+                <template v-if="slotFooter" v-slot:footer>
+                    <layout align-h="end" style="flex: 1;">
+                        <button>OK</button>
+                    </layout>
+                </template>
             </group>
         </flow>
         <layout gutter="10">
             <button style="flex: 1;" @click="title = title === 'The title' ? 'Changed title' : 'The title'">Change title</button>
             <button style="flex: 1;" @click="title = ''">Set empty</button>
         </layout>
+        <layout gutter="10">
+            <button style="flex: 1;" @click="slotTitle = !slotTitle">{{slotTitle ? '' : '!'}}slotTitle</button>
+            <button style="flex: 1;" @click="slotFooter = !slottFooter">{{slottFooter ? '' : '!'}}slotFooter</button>
+        </layout>
     </layout>
 </form>

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

@@ -91,6 +91,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.async = false;
         this.icon = false;
         this.scroll = 'auto';
+        this.virtual = false;
     }
     get sizes() {
         const rtn = {};
@@ -253,7 +254,6 @@ class default_1 extends clickgo.form.AbstractForm {
         });
     }
     onLAdd(e) {
-        console.log('x', e.detail);
         clickgo.form.notify({
             'type': 'info',
             'title': 'List @add',

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

@@ -3,7 +3,7 @@
     <tab v-model="ntab" :tabs="['greatlist', 'adaptation', 'beyond', 'list', 'object', 'async']" style="flex: 1; height: 0;">
         <!-- 默认 -->
         <layout v-if="ntab === 'greatlist'" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <greatlist v-model="select" :data="slist" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" @add="onGAdd" @Remove="onGRemove" :scroll="scroll" :sizes="sizes" @select="onSelect" style="line-height: 1.3; flex: 1; height: 0;">
+            <greatlist v-model="select" :data="slist" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" :virtual="virtual" @gesture="onGesture" @add="onGAdd" @Remove="onGRemove" :scroll="scroll" :sizes="sizes" @select="onSelect" style="line-height: 1.3; flex: 1; height: 0;">
                 <template v-slot="data">
                     <layout v-if="data.row.type === 0" align-v="center" gutter="5" style="flex: 1;">
                         <img :src="data.row.src" style="width: 32px; height: 32px;"></img>
@@ -31,7 +31,7 @@
         </layout>
         <!-- 自适应 -->
         <layout v-else-if="ntab === 'adaptation'" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <greatlist :data="adData" v-model="select" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll">
+            <greatlist :data="adData" v-model="select" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual">
                 <template v-slot="data">type: {{data.row.type}}, index: {{data.index}}. {{(data.index === 20) ? 'long test long test long test long test long test' : ''}}</template>
                 <template v-slot:itempop>
                     <menulist>
@@ -42,7 +42,7 @@
         </layout>
         <!-- beyond -->
         <layout v-else-if="ntab === 'beyond'" gutter="10" style="flex: 1; width: 0; padding: 10px;">
-            <greatlist :data="adData" v-model="select" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" content-width="max" style="flex: 1; width: 0; white-space: nowrap;">
+            <greatlist :data="adData" v-model="select" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual" content-width="max" style="flex: 1; width: 0; white-space: nowrap;">
                 <template v-slot="data">index: {{data.index}}. long long long long long long long long long long long.</template>
             </greatlist>
         </layout>
@@ -51,12 +51,19 @@
             <label>Raw data:</label>
             <flow direction="v" style="border: solid 1px #b3b3b3; line-height: 1.5; height: 50px; padding: 5px;">{{listData}}</flow>
             <layout gutter="10" style="flex: 1; height: 0;">
-                <list v-model="select2" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData" @label="label2 = $event" style="flex: 2; width: 0;" :tree="tree" :async="async" :icon="icon" icon-default="../../../res/txt.svg" @load="onSelectLoad" @add="onLAdd" @Remove="onLRemove">
+                <list v-model="select2" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData" @label="label2 = $event" style="flex: 2; width: 0;" :tree="tree" :async="async" :icon="icon" icon-default="../../../res/txt.svg" :virtual="virtual" @load="onSelectLoad" @add="onLAdd" @Remove="onLRemove">
                     <menulist>
                         <menulist-item alt="I" @click="showIndex2">Show select</menulist-item>
                     </menulist>
                 </list>
-                <list :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData2" style="flex: 1; width: 0;"></list>
+                <list :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual" :data="listData2" style="flex: 1; width: 0;">
+                    <template v-slot:row="data">
+                        <layout gutter="10" align-v="center">
+                            <label style="flex: 1;">{{data.row.label}}</label>
+                            <button v-if="data.index === 4">abc</button>
+                        </layout>
+                    </template>
+                </list>
             </layout>
             <label class="tip">Right-click (computer) or press and hold (phone) to open the universal menu.</label>
         </layout>
@@ -65,20 +72,20 @@
             <label>Select value: {{selectObject}}</label>
             <label>Raw data:</label>
             <flow direction="v" style="border: solid 1px #b3b3b3; line-height: 1.5; height: 50px; padding: 5px;">{{listDataObject}}</flow>
-            <list v-model="selectObject" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listDataObject" style="flex: 1;"></list>
+            <list v-model="selectObject" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listDataObject" :virtual="virtual" style="flex: 1;"></list>
         </layout>
         <!-- async -->
         <layout v-else gutter="10" style="flex: 1; width: 0; padding: 10px;">
             <layout direction="v" gutter="10" style="flex: 1; width: 0;">
                 <label>greatlist: {{select3}}</label>
-                <greatlist v-model="select3" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData3" v-slot="data" style="flex: 1; height: 0;">
+                <greatlist v-model="select3" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData3" :virtual="virtual" v-slot="data" style="flex: 1; height: 0;">
                     {{data.row.value ? data.row.value : data.row}}
                 </greatlist>
                 <button v-if="listData3.length === 0" @click="listData3 = [{'value': 'A', disabled: true}, 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N'];select3 = [12]">Load data</button>
             </layout>
             <layout direction="v" gutter="10" style="flex: 1; width: 0;">
                 <label>list: {{select4}}</label>
-                <list v-model="select4" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData4" style="flex: 1; height: 0;"></list>
+                <list v-model="select4" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual" :data="listData4" style="flex: 1; height: 0;"></list>
                 <button v-if="listData4.length === 0" @click="listData4 = [{'value': 'A', disabled: true}, 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N'];select4 = ['M']">Load data</button>
             </layout>
         </layout>
@@ -104,5 +111,6 @@
         <button @click="must = !must">{{must ? '' : '!'}}must</button>
         <button @click="selection = !selection">{{selection ? '' : '!'}}selection</button>
         <button @click="gesture = !gesture">{{gesture ? '' : '!'}}gesture</button>
+        <button @click="virtual = !virtual">{{virtual ? '' : '!'}}virtual</button>
     </layout>
 </form>

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

@@ -33,6 +33,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.p4 = 50;
         this.p5 = 1;
         this.total5 = 0;
+        this.control = 2;
     }
 }
 exports.default = default_1;

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

@@ -1,11 +1,17 @@
-<form width="650" height="400" title="Page">
+<form width="700" height="400" title="Page">
     <layout direction="v" gutter="10" style="flex: 1; padding: 10px;">
-        <page max="10" />
-        <page v-model="p1" max="10" />
-        <page v-model="p2" max="30" />
-        <page v-model="p3" total="1282" />
-        <page v-model="p4" total="1282" count="20" />
-        <page v-model="p5" :total="total5" count="20" />
-        <button @click="total5 = total5 ? 0 : 300">Set total = {{total5 ? 0 : 300}}</button>
+        <page max="10" :control="control" />
+        <page v-model="p1" max="10" :control="control" />
+        <page v-model="p2" max="30" :control="control" />
+        <page v-model="p3" total="1282" :control="control" />
+        <page v-model="p4" total="1282" count="20" :control="control" />
+        <page v-model="p5" :total="total5" count="20" :control="control" />
+        <layout gutter="10">
+            <button @click="total5 = total5 ? 0 : 300" style="flex: 2;">total to {{total5 ? 0 : 300}}</button>
+            <button @click="control=2" style="flex: 2;">control to 2</button>
+            <button @click="control=5" style="flex: 1;">to 5</button>
+            <button @click="control=0" style="flex: 1;">to 0</button>
+            <button @click="control=1" style="flex: 1;">to 1</button>
+        </layout>
     </layout>
 </form>

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

@@ -122,6 +122,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.remote = false;
         this.remoteDelay = [0];
         this.plain = false;
+        this.virtual = false;
     }
     get sizes() {
         const rtn = {};

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

@@ -4,7 +4,7 @@
             <!-- greatselect -->
             <layout v-if="ntab === 'greatselect'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
                 <label>Now select value is {{select}}:</label>
-                <greatselect v-model="select" :data="slist" :area="area" :disabled="disabled" :multi="multi" :plain="plain" :sizes="sizes" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" style="line-height: 1.3;" @add="onGAdd" @remove="onGRemove">
+                <greatselect v-model="select" :data="slist" :area="area" :disabled="disabled" :multi="multi" :plain="plain" :sizes="sizes" :virtual="virtual" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" style="line-height: 1.3;" @add="onGAdd" @remove="onGRemove">
                     <layout align-v="center" gutter="5" style="flex: 1;">
                         <img :src="slist[select[0]] ? slist[select[0]].src : ''" style="width: 32px; height: 32px;"></img>
                         <block>
@@ -29,7 +29,7 @@
                     </template>
                 </greatselect>
                 <label>Custom pop:</label>
-                <greatselect pop="custom" :area="area" :plain="plain" :disabled="disabled" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}">
+                <greatselect pop="custom" :area="area" :plain="plain" :disabled="disabled" :virtual="virtual" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}">
                     <label>Pop is button.</label>
                     <template v-slot:pop>
                         <button>Nothing</button>
@@ -81,7 +81,7 @@
                     <label>Now select value is {{select3}}</label>
                     <label>Label: {{label3}}</label>
                     <label>Level: {{level3}}</label>
-                    <levelselect ref="lese" v-model="select3" @label="label3 = $event" @level="level3 = $event" :data="s3other ? slist3r : slist2" :disabled="disabled" :plain="plain" :async="async" placeholder="Please enter" @load="onLoad" @loaded="onLoaded" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></levelselect>
+                    <levelselect ref="lese" v-model="select3" @label="label3 = $event" @level="level3 = $event" :data="s3other ? slist3r : slist2" :disabled="disabled" :plain="plain" :async="async" :virtual="virtual" placeholder="Please enter" @load="onLoad" @loaded="onLoaded" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></levelselect>
                     <button @click="async = !async">{{async ? '' : '!'}}async</button>
                     <layout gutter="10">
                         <button @click="select3 = 'title'" style="flex: 1;">Set: 'title'</button>
@@ -110,8 +110,9 @@
             <button @click="padding = !padding" style="flex: 1;">Change padding</button>
         </layout>
         <layout gutter="10">
-            <button @click="background = !background" style="flex: 1;">Change bg &amp; color</button>
+            <button @click="background = !background" style="flex: 1;">Change bg color</button>
             <button v-if="ntab !== 'levelselect'" @click="multi = !multi" style="flex: 1;">{{multi ? '' : '!'}}multi</button>
+            <button @click="virtual = !virtual" style="flex: 1;">{{virtual ? '' : '!'}}virtual</button>
         </layout>
     </layout>
 </form>

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

@@ -49,9 +49,50 @@ class default_1 extends clickgo.form.AbstractForm {
         this.selectionArea = {};
         this.scroll = 'auto';
         this.sort = undefined;
-        this.nowSort = [];
         this.index = false;
         this.split = false;
+        this.virtual = false;
+        this.slot = false;
+        this.checkinfo = {
+            'total': 0,
+            'selected': 0
+        };
+        this.sortinfo = {
+            'index': -1,
+            'sort': 'desc'
+        };
+    }
+    refreshCheckinfo() {
+        this.checkinfo.total = 0;
+        this.checkinfo.selected = 0;
+        for (const item of this.data) {
+            if (item.check === undefined) {
+                continue;
+            }
+            ++this.checkinfo.total;
+            if (item.check) {
+                ++this.checkinfo.selected;
+            }
+        }
+    }
+    onHeaderCheck(e) {
+        if (e.detail.value && !e.detail.indeterminate) {
+            for (const item of this.data) {
+                if (item.check === undefined) {
+                    continue;
+                }
+                item.check = false;
+            }
+            this.checkinfo.selected = 0;
+            return;
+        }
+        for (const item of this.data) {
+            if (item.check === undefined) {
+                continue;
+            }
+            item.check = true;
+        }
+        this.checkinfo.selected = this.checkinfo.total;
     }
     get sizes() {
         const rtn = {};
@@ -71,22 +112,21 @@ class default_1 extends clickgo.form.AbstractForm {
     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');
+    onSort(e) {
+        this.sortinfo.index = e.detail.index;
+        this.sortinfo.sort = e.detail.sort;
         this.refreshSort();
     }
     refreshSort() {
-        if (this.nowSort[0] === 'name') {
+        if (this.sortinfo.index === -1) {
+            return;
+        }
+        if (this.sortinfo.index === (this.index ? 1 : 0)) {
             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') {
+                if (this.sortinfo.sort === 'asc') {
                     return aname.localeCompare(bname);
                 }
                 else {
@@ -99,7 +139,7 @@ class default_1 extends clickgo.form.AbstractForm {
             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') {
+            if (this.sortinfo.sort === 'asc') {
                 return atype - btype;
             }
             else {
@@ -145,14 +185,17 @@ class default_1 extends clickgo.form.AbstractForm {
     load() {
         this.data = [
             {
+                'check': false,
                 'type': 0,
                 'name': 'Appraise'
             },
             {
+                'check': false,
                 'type': 0,
                 'name': 'Card',
             },
             {
+                'check': false,
                 'type': 0,
                 'name': 'Appraise2',
                 'disabled': true
@@ -161,6 +204,7 @@ class default_1 extends clickgo.form.AbstractForm {
                 'control': 'split'
             },
             {
+                'check': false,
                 'type': 1
             }
         ];

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

@@ -1,45 +1,54 @@
-<form width="400" height="500" title="Table" padding="10">
-    <flow direction="v" style="flex: 1; width: 0;">
-        <layout direction="v" gutter="10" style="flex: 1;">
-            <label>Value: {{val}}</label>
-            <table :data="data" :style="{'flex': adaptation ? undefined : '1'}" v-model="val" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" :split="split" @gesture="onGesture" :scroll="scroll" :sizes="sizes" :sort="sort" @select="onSelect" @sort="onSort">
-                <template v-slot="d">
-                    <table-item v-if="index" label="index" width="80" sort="false">{{d.index}}</table-item>
-                    <table-item label="name">{{d.row.name ?? 'name'}}</table-item>
-                    <table-item label="size" width="50" align-v="center" align-h="center">{{d.row.type ?? '0'}}</table-item>
-                    <table-item label="col" width="100" direction="v" gutter="5">
-                        <label>line1</label>
-                        <button>line2</button>
-                    </table-item>
-                </template>
-                <template v-slot:pop>
-                    <menulist>
-                        <menulist-item alt="S" @click="showIndex">Show select</menulist-item>
-                    </menulist>
-                </template>
-            </table>
-            <template v-if="loadFirst">
-                <layout gutter="10">
-                    <button style="flex: 1;" @click="data.splice(-2, 0, {'type': 0, 'name': 'Card' + data.length, 'disabled': false});refreshSort()">Add</button>
-                    <button style="flex: 1;" @click="data.splice(-3, 1);refreshSort()">Remove</button>
-                    <button style="flex: 1;" @click="scrollChange">Scroll {{scroll}}</button>
-                    <button style="flex: 1;" @click="adaptation = !adaptation">{{adaptation ? '' : '!'}}adaptation</button>
-                </layout>
-                <layout gutter="10">
-                    <button style="flex: 1;" @click="disabled = !disabled">{{disabled ? '' : '!'}}disabled</button>
-                    <button style="flex: 1;" @click="multi = !multi">{{multi ? '' : '!'}}multi</button>
-                    <button style="flex: 1;" @click="ctrl = !ctrl">{{ctrl ? '' : '!'}}ctrl</button>
-                    <button style="flex: 1;" @click="must = !must">{{must ? '' : '!'}}must</button>
-                    <button style="flex: 1;" @click="index = !index">{{index ? '' : '!'}}index</button>
-                </layout>
-                <layout gutter="10">
-                    <button style="flex: 1;" @click="sortChange">sort {{sort ? 'true' : (sort === false ? 'false' : 'undefined')}}</button>
-                    <button style="flex: 1;" @click="selection = !selection">{{selection ? '' : '!'}}selection</button>
-                    <button style="flex: 1;" @click="gesture = !gesture">{{gesture ? '' : '!'}}gesture</button>
-                    <button style="flex: 1;" @click="split = !split">{{split ? '' : '!'}}split</button>
+<form width="500" height="500" title="Table" padding="10">
+    <layout direction="v" gutter="10" style="flex: 1; width: 0;">
+        <label>Value: {{val}}</label>
+        <table :data="data" :style="{'flex': adaptation ? undefined : '1'}" v-model="val" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" :split="split" @gesture="onGesture" :scroll="scroll" :sizes="sizes" :sort="sort" :virtual="virtual" @select="onSelect" @sort="onSort">
+            <template v-slot="d">
+                <table-item v-if="index" width="100" sort="false" align-h="center" align-v="center">
+                    <check v-model="d.row.check" @changed="refreshCheckinfo">{{d.index}}</check>
+                </table-item>
+                <table-item label="name">{{d.row.name ?? 'name'}}</table-item>
+                <table-item label="size" width="80" align-v="center" align-h="center">{{d.row.type ?? '0'}}</table-item>
+                <table-item label="col" width="100" direction="v" gutter="5" sort="false">
+                    <label>line1</label>
+                    <button>line2</button>
+                </table-item>
+            </template>
+            <template v-slot:pop>
+                <menulist>
+                    <menulist-item alt="S" @click="showIndex">Show select</menulist-item>
+                </menulist>
+            </template>
+            <template v-if="slot" v-slot:label="d">
+                <layout align-h="center" style="flex: 1;">
+                    <check :modelValue="checkinfo.selected > 0" @change="onHeaderCheck" :indeterminate="checkinfo.selected > 0 && checkinfo.selected < checkinfo.total">index</check>
                 </layout>
             </template>
-            <button v-else @click="load">Load</button>
-        </layout>
-    </flow>
+        </table>
+        <template v-if="loadFirst">
+            <layout gutter="10">
+                <button style="flex: 1;" @click="data.splice(-2, 0, {'type': 0, 'name': 'Card' + data.length, 'disabled': false});refreshSort()">Add</button>
+                <button style="flex: 1;" @click="data.splice(-3, 1);refreshSort()">Remove</button>
+                <button style="flex: 1;" @click="scrollChange">Scroll {{scroll}}</button>
+                <button style="flex: 1;" @click="adaptation = !adaptation">{{adaptation ? '' : '!'}}adaptation</button>
+            </layout>
+            <layout gutter="10">
+                <button style="flex: 1;" @click="sortChange">sort {{sort ? 'true' : (sort === false ? 'false' : 'undefined')}}</button>
+                <button style="flex: 1;" @click="selection = !selection">{{selection ? '' : '!'}}selection</button>
+                <button style="flex: 1;" @click="gesture = !gesture">{{gesture ? '' : '!'}}gesture</button>
+                <button style="flex: 1;" @click="split = !split">{{split ? '' : '!'}}split</button>
+            </layout>
+            <layout gutter="10">
+                <button style="flex: 1;" @click="disabled = !disabled">{{disabled ? '' : '!'}}disabled</button>
+                <button style="flex: 1;" @click="multi = !multi">{{multi ? '' : '!'}}multi</button>
+                <button style="flex: 1;" @click="ctrl = !ctrl">{{ctrl ? '' : '!'}}ctrl</button>
+            </layout>
+            <layout gutter="10">
+                <button style="flex: 1;" @click="must = !must">{{must ? '' : '!'}}must</button>
+                <button style="flex: 1;" @click="index = !index">{{index ? '' : '!'}}index</button>
+                <button style="flex: 1;" @click="virtual = !virtual">{{virtual ? '' : '!'}}virtual</button>
+                <button style="flex: 1;" @click="slot = !slot">{{slot ? '' : '!'}}slot</button>
+            </layout>
+        </template>
+        <button v-else @click="load">Load</button>
+    </layout>
 </form>

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

@@ -14,7 +14,7 @@
                 <layout gutter="10">
                     <button @click="openForm('ccheck')">Check</button>
                     <button @click="openForm('cradio')">Radio</button>
-                    <button @click="openForm('cswitch')">switch</button>
+                    <button @click="openForm('cswitch')">Switch</button>
                 </layout>
                 <layout gutter="10">
                     <button @click="openForm('ctext')">Text</button>

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

@@ -59,8 +59,8 @@ class default_1 extends clickgo.form.AbstractForm {
         });
     }
     ping() {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             yield clickgo.form.dialog((_a = yield clickgo.native.ping(this.val)) !== null && _a !== void 0 ? _a : 'undefined');
         });
     }

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

@@ -42,8 +42,8 @@ class default_1 extends clickgo.form.AbstractForm {
         this.ppath = '';
     }
     get() {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             yield clickgo.form.dialog((_a = clickgo.storage.get(this.key)) !== null && _a !== void 0 ? _a : 'null');
         });
     }

package/dist/clickgo.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.zip = exports.tool = exports.theme = exports.task = exports.storage = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.vue = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = void 0;
-const version = '3.11.13';
+const version = '3.11.15';
 function getVersion() {
     return version;
 }

package/dist/clickgo.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const version = '3.11.13';
+const version = '3.11.15';
 export function getVersion(): string {
     return version;
 }