clickgo 3.11.12 → 3.11.14

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.12'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.1/dist/loader.min.js?path=index&npm={'clickgo':'3.11.14'}"></script>
 ```
 
 **index.js**

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

@@ -6,10 +6,20 @@
     <drawer title="Drawer" gutter="10" v-model="drawer" direction="v" width="50%">
         <label>123</label>
         <button @click="drawer2 = true">456</button>
+        <tuieditor style="height: 200px;"></tuieditor>
     </drawer>
     <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/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

@@ -52,6 +52,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.nowSort = [];
         this.index = false;
         this.split = false;
+        this.virtual = false;
     }
     get sizes() {
         const rtn = {};

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

@@ -1,45 +1,46 @@
-<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>
-                </layout>
+<form width="450" 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" 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>
-            <button v-else @click="load">Load</button>
-        </layout>
-    </flow>
+            <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="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>
+            </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/solution/backpanel/backpanel.xml

@@ -6,7 +6,7 @@
             <button @click="formHash = fh">Change</button>
             <button @click="formHashBack">Back</button>
         </layout>
-        <nav v-model="name" default="list" hash style="flex: 1;">
+        <nav v-model="name" default="list" hash style="flex: 1; height: 0;">
             <nav-item label="User">
                 <nav-item label="All list" name="list"></nav-item>
                 <nav-item label="Available" name="list?avail=1"></nav-item>

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.12';
+const version = '3.11.14';
 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.12';
+const version = '3.11.14';
 export function getVersion(): string {
     return version;
 }

package/dist/global.css

@@ -1 +1 @@
-#cg-wrap{position:fixed;left:0;top:0;--g-padding:7px;--g-bpadding:18px;--g-margin:2px;--g-radius:0;--g-size:12px;--g-family:"Lucida Sans Unicode", "Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Noto Sans CJK","Source Han Sans","WenQuanYi Micro Hei","Microsoft YaHei",sans-serif;--g-line:1;--g-cubic:cubic-bezier(0.39, 0.575, 0.565, 1);--cg:hsl(20, 100%, 65%);--success:hsl(150, 100%, 40%);--success-hover:hsl(150, 100%, 45%);--success-active:hsl(150, 100%, 30%);--success-focus:hsl(150, 100%, 35%);--success-disabled:hsl(150, 0%, 40%);--success-bg:hsl(150, 100%, 98%);--info:hsl(210, 100%, 50%);--info-hover:hsl(210, 100%, 60%);--info-active:hsl(210, 100%, 40%);--info-focus:hsl(210, 100%, 45%);--info-disabled:hsl(210, 0%, 50%);--success-bg:hsl(210, 100%, 98%);--warning:hsl(20, 100%, 70%);--warning-hover:hsl(20, 100%, 80%);--warning-active:hsl(20, 100%, 60%);--warning-focus:hsl(20, 100%, 65%);--warning-disabled:hsl(20, 0%, 70%);--warning-bg:hsl(20, 100%, 98%);--danger:hsl(350, 100%, 50%);--danger-hover:hsl(350, 100%, 70%);--danger-active:hsl(350, 100%, 40%);--danger-focus:hsl(350, 100%, 45%);--danger-disabled:hsl(350, 0%, 50%);--danger-bg:hsl(350, 100%, 98%);--system-color:hsl(0, 0%, 95%);--system-background:hsla(0, 0%, 0%, .35);--system-control-background:hsla(0, 0%, 100%, .03);--system-background-hover:hsla(0, 0%, 100%, .06);--system-background-active:hsla(0, 0%, 100%, .1);--system-border-color:hsla(0, 0%, 100%, .03);--system-border-color-hover:hsla(0, 0%, 100%, .06);--system-placeholder-color: hsla(0, 0%, 100%, .2);--face:hsl(0, 0%, 95%);--g-color:hsl(0, 0%, 20%);--g-color-hover:hsl(0, 0%, 30%);--g-color-active:hsl(0, 0%, 10%);--g-color-focus:hsl(0, 0%, 15%);--g-color-disabled:hsl(0, 0%, 60%);--g-background:hsl(0, 0%, 95%);--g-background-hover:hsl(0, 0%, 100%);--g-background-active:hsl(0, 0%, 85%);--g-background-kp:hsl(0, 0%, 80%);--g-background-opacity:hsl(0, 0%, 50%, .2);--g-background-focus:hsl(0, 0%, 97.5%);--g-background-disabled:hsl(0, 0%, 75%);--g-border-color:hsl(0, 0%, 40%);--g-border-color-hover:hsl(0, 0%, 50%);--g-border-color-active:hsl(0, 0%, 30%);--g-border-color-focus:hsl(0, 0%, 35%);--g-border-color-disabled:hsl(0, 0%, 60%);--g-focusbox-border-color:var(--g-plain-border-color);--g-plain-color:var(--g-color);--g-plain-color-hover:var(--g-color-hover);--g-plain-color-active:var(--g-color-active);--g-plain-color-focus:var(--g-color-focus);--g-plain-color-disabled:var(--g-color-disabled);--g-plain-background:hsl(0, 0%, 100%);--g-plain-background-hover:hsl(0, 0%, 98%);--g-plain-background-active:hsl(0, 0%, 95%);--g-plain-background-focus:var(--g-plain-background);--g-plain-background-disabled:hsl(0, 0%, 95%);--g-plain-border-color:hsl(0, 0%, 70%);--g-plain-border-color-hover:hsl(0, 0%, 80%);--g-plain-border-color-active:hsl(0, 0%, 60%);--g-plain-border-color-focus:hsl(0, 0%, 65%);--g-plain-border-color-disabled:hsl(0, 0%, 60%);--g-block-background:hsl(0, 0%, 85%);--g-block-background-hover:hsl(0, 0%, 75%)}#cg-form-list{z-index:20020000}#cg-pop-list{z-index:20020001}#cg-simpletask{z-index:20020002}#cg-rectangle{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.25);background:rgba(255,255,255,.05);pointer-events:none;opacity:0}#cg-circular{z-index:20020003;box-sizing:border-box;position:absolute;border:solid 3px var(--cg);border-radius:50%;filter:drop-shadow(0 0 3px var(--cg));pointer-events:none;opacity:0}#cg-gesture{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:50%;pointer-events:none;opacity:0;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);transform:scale(0);width:20px;height:20px}#cg-gesture.done{background:rgba(255,255,255,.3);border:solid 3px rgba(0,0,0,.3)}#cg-gesture.ani{transition:all .3s var(--g-cubic);transition-property:left,top,transform}#cg-drag{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;pointer-events:none;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 5px rgba(0,0,0,.1);opacity:0;display:flex;justify-content:center;align-items:center;border:solid 1px #fff;transition:all .3s var(--g-cubic);transition-property:transform,border;transform:initial}#cg-launcher{z-index:20020004;box-sizing:border-box;position:fixed;background:var(--system-background);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);width:100%;height:100%;left:0;top:0;color:var(--system-color);display:none;flex-direction:column;transition:all .3s var(--g-cubic);transform:scale(1.2);opacity:0}#cg-launcher:not(.cg-show){pointer-events:none}#cg-launcher.cg-show{transform:scale(1);opacity:1}.cg-launcher-search{text-align:center;padding:50px}.cg-launcher-sinput{-webkit-appearance:none;appearance:none;padding:15px;border:solid 1px rgba(0,0,0,0);background:var(--system-control-background);width:60%;border-radius:5px;color:var(--system-color);transition:all .3s var(--g-cubic)}.cg-launcher-sinput::placeholder{color:var(--system-placeholder-color)}.cg-launcher-sinput::selection{background-color:var(--system-background-hover)}.cg-launcher-sinput:focus{outline:none;border-color:var(--system-border-color-hover)}.cg-launcher-foldername{-webkit-appearance:none;appearance:none;height:50px;font-size:28px !important;border:none;background:rgba(0,0,0,0);width:50%;color:var(--system-color);text-align:center}.cg-launcher-foldername::selection{background-color:var(--system-background-hover)}.cg-launcher-foldername:focus{outline:none}.cg-launcher-item{width:190px;display:inline-flex;vertical-align:middle;margin-bottom:50px}.cg-launcher-inner{flex:1;width:0}.cg-launcher-icon{background-position:center;background-size:80px;height:80px;background-repeat:no-repeat}.cg-launcher-icon:active{filter:brightness(0.6)}.cg-launcher-name{font-size:13px;font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,.6);text-align:center;margin-top:20px}.cg-launcher-icon,.cg-launcher-name{transition:all .3s var(--g-cubic);transition-property:opacity}.cg-launcher-space{width:50px}.cg-launcher-folder{display:flex;justify-content:center;height:80px}.cg-launcher-folder>div{height:80px;width:80px;background:rgba(255,255,255,.3);border-radius:20px;padding:10px 4px 4px 10px;transition:all .3s var(--g-cubic);transition-property:left,top,width,height,opacity;overflow-y:auto}.cg-launcher-folder>div::-webkit-scrollbar{display:none}.cg-launcher-folder>div .cg-launcher-item,.cg-launcher-folder>div .cg-launcher-space{transition:all .3s var(--g-cubic)}.cg-launcher-folder>div.cg-show{padding:50px 0 0 50px}.cg-launcher-folder>div:not(.cg-show):active{filter:brightness(0.6)}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-item{width:22px;margin-bottom:6px}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-icon{background-size:16px;height:16px;pointer-events:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-name{display:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-space{width:6px}.cg-launcher-list{flex:1;height:0;overflow-y:auto;padding:0 0 0 50px}.cg-launcher-list::-webkit-scrollbar{display:none}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-icon,.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-name{opacity:0}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-folder>div:not(.cg-show){opacity:0}[data-cg-pop]{position:absolute;box-shadow:0px 5px 20px rgba(0,0,0,.25);transition:.3s var(--g-cubic);transition-property:transform,opacity;transform:translateY(-10px);opacity:0}[data-cg-pop]:not([data-cg-open]){pointer-events:none}[data-cg-pop][data-cg-open]{transform:translateY(0px);opacity:1}#cg-notify{z-index:20020005}.cg-notify-wrap{background:var(--system-background);position:fixed;padding:15px;border-radius:5px;right:0;top:0;width:280px;font-size:14px;display:flex;transition:.3s var(--g-cubic);transition-property:transform,opacity;overflow:hidden;color:var(--system-color);box-shadow:0 5px 20px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5)}.cg-notify-icon{margin-right:10px;width:16px;height:16px;border-radius:50%}.cg-notify-icon.cg-primary{background:var(--success)}.cg-notify-icon.cg-info{background:var(--info)}.cg-notify-icon.cg-warning{background:var(--warning)}.cg-notify-icon.cg-danger{background:var(--danger)}.cg-notify-icon.cg-progress{background:var(--cg)}.cg-notify-title{font-size:16px;font-weight:bold;padding-bottom:10px}.cg-notify-content{line-height:1.5;word-break:break-word}.cg-notify-progress{position:absolute;bottom:0;left:0;border-radius:1px;background:var(--cg);transition:width 1s ease-out;width:0%;height:2px}#cg-simpletask{left:0;bottom:-46px;width:100%;height:46px;top:initial;background:var(--system-background);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);padding:5px 0 5px 5px;display:flex;color:var(--system-color);transition:bottom .3s var(--g-cubic);overflow-x:auto;position:fixed}#cg-simpletask::-webkit-scrollbar{display:none}.cg-simpletask-item{background:rgba(0,0,0,.05);border-radius:3px;padding:10px;display:flex;align-items:center;margin-right:5px}.cg-simpletask-item:hover{background:rgba(0,0,0,.1)}.cg-simpletask-item:active{background:rgba(0,0,0,.2)}.cg-simpletask-icon{margin-right:5px;background-size:cover;width:16px;height:16px}#cg-confirm{z-index:20020006;position:fixed;left:0;top:0;width:100%;height:100%;background:var(--system-background);-webkit-backdrop-filter:blur(150px) saturate(1.5);backdrop-filter:blur(150px) saturate(1.5);justify-content:center;align-items:center}#cg-confirm .cg-confirm-box{background:var(--system-background);width:60%;box-shadow:0 5px 20px rgba(0,0,0,.25);font-size:14px;border-radius:3px;overflow:hidden;color:var(--system-color)}#cg-confirm .cg-confirm-box #cg-confirm-content{padding:25px;line-height:1.5}#cg-confirm .cg-confirm-box .cg-confirm-controls{border-top:solid .5px var(--system-border-color);display:flex}#cg-confirm .cg-confirm-box .cg-confirm-controls>div{padding:20px;flex:1;text-align:center}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:last-child{border-left:solid .5px var(--system-border-color)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:hover{background:var(--system-background-hover)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:active{background:var(--system-background-active)}
+#cg-wrap{position:fixed;left:0;top:0;--g-padding:7px;--g-bpadding:18px;--g-margin:2px;--g-radius:0;--g-size:12px;--g-family:"Lucida Sans Unicode", "Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Noto Sans CJK","Source Han Sans","WenQuanYi Micro Hei","Microsoft YaHei",sans-serif;--g-line:1;--g-cubic:cubic-bezier(0.39, 0.575, 0.565, 1);--cg:hsl(20, 100%, 65%);--success:hsl(150, 100%, 40%);--success-hover:hsl(150, 100%, 45%);--success-active:hsl(150, 100%, 30%);--success-focus:hsl(150, 100%, 35%);--success-disabled:hsl(150, 0%, 40%);--success-bg:hsl(150, 100%, 98%);--info:hsl(210, 100%, 50%);--info-hover:hsl(210, 100%, 60%);--info-active:hsl(210, 100%, 40%);--info-focus:hsl(210, 100%, 45%);--info-disabled:hsl(210, 0%, 50%);--success-bg:hsl(210, 100%, 98%);--warning:hsl(20, 100%, 70%);--warning-hover:hsl(20, 100%, 80%);--warning-active:hsl(20, 100%, 60%);--warning-focus:hsl(20, 100%, 65%);--warning-disabled:hsl(20, 0%, 70%);--warning-bg:hsl(20, 100%, 98%);--danger:hsl(350, 100%, 50%);--danger-hover:hsl(350, 100%, 70%);--danger-active:hsl(350, 100%, 40%);--danger-focus:hsl(350, 100%, 45%);--danger-disabled:hsl(350, 0%, 50%);--danger-bg:hsl(350, 100%, 98%);--system-color:hsl(0, 0%, 95%);--system-background:hsla(0, 0%, 0%, .35);--system-control-background:hsla(0, 0%, 100%, .03);--system-background-hover:hsla(0, 0%, 100%, .06);--system-background-active:hsla(0, 0%, 100%, .1);--system-border-color:hsla(0, 0%, 100%, .03);--system-border-color-hover:hsla(0, 0%, 100%, .06);--system-placeholder-color: hsla(0, 0%, 100%, .2);--face:hsl(0, 0%, 95%);--g-color:hsl(0, 0%, 20%);--g-color-hover:hsl(0, 0%, 30%);--g-color-active:hsl(0, 0%, 10%);--g-color-focus:hsl(0, 0%, 15%);--g-color-disabled:hsl(0, 0%, 60%);--g-background:hsl(0, 0%, 95%);--g-background-hover:hsl(0, 0%, 100%);--g-background-active:hsl(0, 0%, 85%);--g-background-kp:hsl(0, 0%, 80%);--g-background-opacity:hsl(0, 0%, 50%, .2);--g-background-focus:hsl(0, 0%, 97.5%);--g-background-disabled:hsl(0, 0%, 75%);--g-border-color:hsl(0, 0%, 40%);--g-border-color-hover:hsl(0, 0%, 50%);--g-border-color-active:hsl(0, 0%, 30%);--g-border-color-focus:hsl(0, 0%, 35%);--g-border-color-disabled:hsl(0, 0%, 60%);--g-focusbox-border-color:var(--g-plain-border-color);--g-plain-color:var(--g-color);--g-plain-color-hover:var(--g-color-hover);--g-plain-color-active:var(--g-color-active);--g-plain-color-focus:var(--g-color-focus);--g-plain-color-disabled:var(--g-color-disabled);--g-plain-background:hsl(0, 0%, 100%);--g-plain-background-hover:hsl(0, 0%, 98%);--g-plain-background-active:hsl(0, 0%, 95%);--g-plain-background-focus:var(--g-plain-background);--g-plain-background-disabled:hsl(0, 0%, 95%);--g-plain-border-color:hsl(0, 0%, 70%);--g-plain-border-color-hover:hsl(0, 0%, 80%);--g-plain-border-color-active:hsl(0, 0%, 60%);--g-plain-border-color-focus:hsl(0, 0%, 65%);--g-plain-border-color-disabled:hsl(0, 0%, 60%);--g-block-background:hsl(0, 0%, 85%);--g-block-background-hover:hsl(0, 0%, 75%)}[data-cg-disabled]{cursor:not-allowed}#cg-form-list{z-index:20020000}#cg-pop-list{z-index:20020001}#cg-simpletask{z-index:20020002}#cg-rectangle{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.25);background:rgba(255,255,255,.05);pointer-events:none;opacity:0}#cg-circular{z-index:20020003;box-sizing:border-box;position:absolute;border:solid 3px var(--cg);border-radius:50%;filter:drop-shadow(0 0 3px var(--cg));pointer-events:none;opacity:0}#cg-gesture{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:50%;pointer-events:none;opacity:0;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);transform:scale(0);width:20px;height:20px}#cg-gesture.done{background:rgba(255,255,255,.3);border:solid 3px rgba(0,0,0,.3)}#cg-gesture.ani{transition:all .3s var(--g-cubic);transition-property:left,top,transform}#cg-drag{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;pointer-events:none;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 5px rgba(0,0,0,.1);opacity:0;display:flex;justify-content:center;align-items:center;border:solid 1px #fff;transition:all .3s var(--g-cubic);transition-property:transform,border;transform:initial}#cg-launcher{z-index:20020004;box-sizing:border-box;position:fixed;background:var(--system-background);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);width:100%;height:100%;left:0;top:0;color:var(--system-color);display:none;flex-direction:column;transition:all .3s var(--g-cubic);transform:scale(1.2);opacity:0}#cg-launcher:not(.cg-show){pointer-events:none}#cg-launcher.cg-show{transform:scale(1);opacity:1}.cg-launcher-search{text-align:center;padding:50px}.cg-launcher-sinput{-webkit-appearance:none;appearance:none;padding:15px;border:solid 1px rgba(0,0,0,0);background:var(--system-control-background);width:60%;border-radius:5px;color:var(--system-color);transition:all .3s var(--g-cubic)}.cg-launcher-sinput::placeholder{color:var(--system-placeholder-color)}.cg-launcher-sinput::selection{background-color:var(--system-background-hover)}.cg-launcher-sinput:focus{outline:none;border-color:var(--system-border-color-hover)}.cg-launcher-foldername{-webkit-appearance:none;appearance:none;height:50px;font-size:28px !important;border:none;background:rgba(0,0,0,0);width:50%;color:var(--system-color);text-align:center}.cg-launcher-foldername::selection{background-color:var(--system-background-hover)}.cg-launcher-foldername:focus{outline:none}.cg-launcher-item{width:190px;display:inline-flex;vertical-align:middle;margin-bottom:50px}.cg-launcher-inner{flex:1;width:0}.cg-launcher-icon{background-position:center;background-size:80px;height:80px;background-repeat:no-repeat}.cg-launcher-icon:active{filter:brightness(0.6)}.cg-launcher-name{font-size:13px;font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,.6);text-align:center;margin-top:20px}.cg-launcher-icon,.cg-launcher-name{transition:all .3s var(--g-cubic);transition-property:opacity}.cg-launcher-space{width:50px}.cg-launcher-folder{display:flex;justify-content:center;height:80px}.cg-launcher-folder>div{height:80px;width:80px;background:rgba(255,255,255,.3);border-radius:20px;padding:10px 4px 4px 10px;transition:all .3s var(--g-cubic);transition-property:left,top,width,height,opacity;overflow-y:auto}.cg-launcher-folder>div::-webkit-scrollbar{display:none}.cg-launcher-folder>div .cg-launcher-item,.cg-launcher-folder>div .cg-launcher-space{transition:all .3s var(--g-cubic)}.cg-launcher-folder>div.cg-show{padding:50px 0 0 50px}.cg-launcher-folder>div:not(.cg-show):active{filter:brightness(0.6)}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-item{width:22px;margin-bottom:6px}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-icon{background-size:16px;height:16px;pointer-events:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-name{display:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-space{width:6px}.cg-launcher-list{flex:1;height:0;overflow-y:auto;padding:0 0 0 50px}.cg-launcher-list::-webkit-scrollbar{display:none}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-icon,.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-name{opacity:0}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-folder>div:not(.cg-show){opacity:0}[data-cg-pop]{position:absolute;box-shadow:0px 5px 20px rgba(0,0,0,.25);transition:.3s var(--g-cubic);transition-property:transform,opacity;transform:translateY(-10px);opacity:0}[data-cg-pop]:not([data-cg-open]){pointer-events:none}[data-cg-pop][data-cg-open]{transform:translateY(0px);opacity:1}#cg-notify{z-index:20020005}.cg-notify-wrap{background:var(--system-background);position:fixed;padding:15px;border-radius:5px;right:0;top:0;width:280px;font-size:14px;display:flex;transition:.3s var(--g-cubic);transition-property:transform,opacity;overflow:hidden;color:var(--system-color);box-shadow:0 5px 20px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5)}.cg-notify-icon{margin-right:10px;width:16px;height:16px;border-radius:50%}.cg-notify-icon.cg-primary{background:var(--success)}.cg-notify-icon.cg-info{background:var(--info)}.cg-notify-icon.cg-warning{background:var(--warning)}.cg-notify-icon.cg-danger{background:var(--danger)}.cg-notify-icon.cg-progress{background:var(--cg)}.cg-notify-title{font-size:16px;font-weight:bold;padding-bottom:10px}.cg-notify-content{line-height:1.5;word-break:break-word}.cg-notify-progress{position:absolute;bottom:0;left:0;border-radius:1px;background:var(--cg);transition:width 1s ease-out;width:0%;height:2px}#cg-simpletask{left:0;bottom:-46px;width:100%;height:46px;top:initial;background:var(--system-background);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);padding:5px 0 5px 5px;display:flex;color:var(--system-color);transition:bottom .3s var(--g-cubic);overflow-x:auto;position:fixed}#cg-simpletask::-webkit-scrollbar{display:none}.cg-simpletask-item{background:rgba(0,0,0,.05);border-radius:3px;padding:10px;display:flex;align-items:center;margin-right:5px}.cg-simpletask-item:hover{background:rgba(0,0,0,.1)}.cg-simpletask-item:active{background:rgba(0,0,0,.2)}.cg-simpletask-icon{margin-right:5px;background-size:cover;width:16px;height:16px}#cg-confirm{z-index:20020006;position:fixed;left:0;top:0;width:100%;height:100%;background:var(--system-background);-webkit-backdrop-filter:blur(150px) saturate(1.5);backdrop-filter:blur(150px) saturate(1.5);justify-content:center;align-items:center}#cg-confirm .cg-confirm-box{background:var(--system-background);width:60%;box-shadow:0 5px 20px rgba(0,0,0,.25);font-size:14px;border-radius:3px;overflow:hidden;color:var(--system-color)}#cg-confirm .cg-confirm-box #cg-confirm-content{padding:25px;line-height:1.5}#cg-confirm .cg-confirm-box .cg-confirm-controls{border-top:solid .5px var(--system-border-color);display:flex}#cg-confirm .cg-confirm-box .cg-confirm-controls>div{padding:20px;flex:1;text-align:center}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:last-child{border-left:solid .5px var(--system-border-color)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:hover{background:var(--system-background-hover)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:active{background:var(--system-background-active)}

package/dist/lib/control.js

@@ -288,7 +288,7 @@ function read(blob) {
     });
 }
 exports.read = read;
-function init(taskId, invoke) {
+function init(taskId, invoke, cache) {
     return __awaiter(this, void 0, void 0, function* () {
         const t = task.list[taskId];
         if (!t) {
@@ -299,7 +299,9 @@ function init(taskId, invoke) {
                 path += '.cgc';
             }
             path = tool.urlResolve('/', path);
-            const file = yield fs.getContent(path, undefined, taskId);
+            const file = yield fs.getContent(path, {
+                'cache': cache
+            }, taskId);
             if (file && typeof file !== 'string') {
                 const c = yield read(file);
                 if (c) {

package/dist/lib/control.ts

@@ -415,7 +415,8 @@ export async function read(blob: Blob): Promise<false | types.TControlPackage> {
  */
 export async function init(
     taskId: number,
-    invoke: Record<string, any>
+    invoke: Record<string, any>,
+    cache?: string
 ): Promise<number> {
     const t = task.list[taskId];
     if (!t) {
@@ -426,7 +427,9 @@ export async function init(
             path += '.cgc';
         }
         path = tool.urlResolve('/', path);
-        const file = await fs.getContent(path, undefined, taskId);
+        const file = await fs.getContent(path, {
+            'cache': cache
+        }, taskId);
         if (file && typeof file !== 'string') {
             const c = await read(file);
             if (c) {

package/dist/lib/core.js

@@ -633,7 +633,8 @@ function fetchApp(url, opt = {}, taskId) {
                         if (opt.progress) {
                             opt.progress(loaded, total);
                         }
-                    }
+                    },
+                    'cache': opt.cache
                 }, taskId);
                 if ((blob === null) || typeof blob === 'string') {
                     return null;
@@ -650,7 +651,9 @@ function fetchApp(url, opt = {}, taskId) {
         let config;
         const files = {};
         try {
-            const blob = yield fs.getContent(url + 'config.json', undefined, taskId);
+            const blob = yield fs.getContent(url + 'config.json', {
+                'cache': opt.cache
+            }, taskId);
             if (blob === null || typeof blob === 'string') {
                 return null;
             }
@@ -665,7 +668,9 @@ function fetchApp(url, opt = {}, taskId) {
                     opt.progress(loaded + 1, total + 1);
                 }
                 for (const file of config.files) {
-                    fs.getContent(url + file.slice(1), undefined, taskId).then(function (blob) {
+                    fs.getContent(url + file.slice(1), {
+                        'cache': opt.cache
+                    }, taskId).then(function (blob) {
                         return __awaiter(this, void 0, void 0, function* () {
                             if (blob === null || typeof blob === 'string') {
                                 clickgo.form.notify({

package/dist/lib/core.ts

@@ -735,7 +735,8 @@ export async function fetchApp(
                     if (opt.progress) {
                         opt.progress(loaded, total) as unknown;
                     }
-                }
+                },
+                'cache': opt.cache
             }, taskId);
             if ((blob === null) || typeof blob === 'string') {
                 return null;
@@ -754,7 +755,9 @@ export async function fetchApp(
     /** --- 已加载的 files --- */
     const files: Record<string, Blob | string> = {};
     try {
-        const blob = await fs.getContent(url + 'config.json', undefined, taskId);
+        const blob = await fs.getContent(url + 'config.json', {
+            'cache': opt.cache
+        }, taskId);
         if (blob === null || typeof blob === 'string') {
             return null;
         }
@@ -769,7 +772,9 @@ export async function fetchApp(
                 opt.progress(loaded + 1, total + 1) as unknown;
             }
             for (const file of config.files) {
-                fs.getContent(url + file.slice(1), undefined, taskId).then(async function(blob) {
+                fs.getContent(url + file.slice(1), {
+                    'cache': opt.cache
+                }, taskId).then(async function(blob) {
                     if (blob === null || typeof blob === 'string') {
                         clickgo.form.notify({
                             'title': 'File not found',

package/dist/lib/form.js

@@ -1816,52 +1816,52 @@ window.addEventListener('touchstart', doFocusAndPopEvent, {
 window.addEventListener('mousedown', doFocusAndPopEvent);
 function remove(formId) {
     const taskId = getTaskId(formId);
-    let title = '';
-    let icon = '';
-    if (task.list[taskId].forms[formId]) {
-        title = task.list[taskId].forms[formId].vroot.$refs.form.title;
-        icon = task.list[taskId].forms[formId].vroot.$refs.form.iconDataUrl;
-        const io = task.list[taskId].runtime.dialogFormIds.indexOf(formId);
-        if (io > -1) {
-            task.list[taskId].runtime.dialogFormIds.splice(io, 1);
-        }
-        task.list[taskId].forms[formId].vroot.$refs.form.$data.isShow = false;
-        setTimeout(function () {
-            var _a;
-            const fid = getMaxZIndexID({
-                'formIds': [formId]
-            });
-            if (fid) {
-                changeFocus(fid);
-            }
-            else {
-                changeFocus();
-            }
-            if (!task.list[taskId]) {
-                return true;
-            }
-            task.list[taskId].forms[formId].vapp.unmount();
-            task.list[taskId].forms[formId].vapp._container.remove();
-            (_a = exports.elements.popList.querySelector('[data-form-id="' + formId.toString() + '"]')) === null || _a === void 0 ? void 0 : _a.remove();
-            if (io > -1) {
-                task.list[taskId].forms[formId].vroot.cgDialogCallback();
-            }
-            delete task.list[taskId].forms[formId];
-            dom.removeStyle(taskId, 'form', formId);
-            core.trigger('formRemoved', taskId, formId, title, icon);
-            dom.clearWatchStyle(formId);
-            dom.clearWatchProperty(formId);
-            native.clear(formId, taskId);
-            delete exports.activePanels[formId];
-            if (Object.keys(task.list[taskId].forms).length === 0) {
-                task.end(taskId);
-            }
-        }, 300);
-        return true;
+    if (!task.list[taskId].forms[formId]) {
+        return false;
     }
-    else {
+    if (task.list[taskId].forms[formId].closed) {
         return false;
     }
+    task.list[taskId].forms[formId].closed = true;
+    const title = task.list[taskId].forms[formId].vroot.$refs.form.title;
+    const icon = task.list[taskId].forms[formId].vroot.$refs.form.iconDataUrl;
+    const io = task.list[taskId].runtime.dialogFormIds.indexOf(formId);
+    if (io > -1) {
+        task.list[taskId].runtime.dialogFormIds.splice(io, 1);
+    }
+    task.list[taskId].forms[formId].vroot.$refs.form.$data.isShow = false;
+    setTimeout(function () {
+        var _a;
+        const fid = getMaxZIndexID({
+            'formIds': [formId]
+        });
+        if (fid) {
+            changeFocus(fid);
+        }
+        else {
+            changeFocus();
+        }
+        if (!task.list[taskId]) {
+            return true;
+        }
+        task.list[taskId].forms[formId].vapp.unmount();
+        task.list[taskId].forms[formId].vapp._container.remove();
+        (_a = exports.elements.popList.querySelector('[data-form-id="' + formId.toString() + '"]')) === null || _a === void 0 ? void 0 : _a.remove();
+        if (io > -1) {
+            task.list[taskId].forms[formId].vroot.cgDialogCallback();
+        }
+        delete task.list[taskId].forms[formId];
+        dom.removeStyle(taskId, 'form', formId);
+        core.trigger('formRemoved', taskId, formId, title, icon);
+        dom.clearWatchStyle(formId);
+        dom.clearWatchProperty(formId);
+        native.clear(formId, taskId);
+        delete exports.activePanels[formId];
+        if (Object.keys(task.list[taskId].forms).length === 0) {
+            task.end(taskId);
+        }
+    }, 300);
+    return true;
 }
 exports.remove = remove;
 function removePanel(id, vapp, el) {
@@ -2562,7 +2562,8 @@ function create(cls, data, opt = {}, taskId) {
         const nform = {
             'id': formId,
             'vapp': rtn.vapp,
-            'vroot': rtn.vroot
+            'vroot': rtn.vroot,
+            'closed': false
         };
         t.forms[formId] = nform;
         yield tool.sleep(34);

package/dist/lib/form.ts

@@ -2370,59 +2370,59 @@ window.addEventListener('mousedown', doFocusAndPopEvent);
  */
 export function remove(formId: number): boolean {
     const taskId: number = getTaskId(formId);
-    let title = '';
-    let icon = '';
-    if (task.list[taskId].forms[formId]) {
-        title = task.list[taskId].forms[formId].vroot.$refs.form.title;
-        icon = task.list[taskId].forms[formId].vroot.$refs.form.iconDataUrl;
-        const io = task.list[taskId].runtime.dialogFormIds.indexOf(formId);
-        if (io > -1) {
-            // --- 取消 dialog mask 记录 ---
-            task.list[taskId].runtime.dialogFormIds.splice(io, 1);
-        }
-        task.list[taskId].forms[formId].vroot.$refs.form.$data.isShow = false;
-        setTimeout(function() {
-            // --- 获取最大的 z index 窗体，并让他获取焦点 ---
-            const fid = getMaxZIndexID({
-                'formIds': [formId]
-            });
-            if (fid) {
-                changeFocus(fid);
-            }
-            else {
-                changeFocus();
-            }
-            // --- 延长 100 秒是为了响应 100 毫秒的动画 ---
-            if (!task.list[taskId]) {
-                // --- 可能这时候 task 已经被结束了 ---
-                return true;
-            }
-            task.list[taskId].forms[formId].vapp.unmount();
-            task.list[taskId].forms[formId].vapp._container.remove();
-            elements.popList.querySelector('[data-form-id="' + formId.toString() + '"]')?.remove();
-            if (io > -1) {
-                // --- 如果是 dialog 则要执行回调 ---
-                task.list[taskId].forms[formId].vroot.cgDialogCallback();
-            }
-            delete task.list[taskId].forms[formId];
-            // --- 移除 form 的 style ---
-            dom.removeStyle(taskId, 'form', formId);
-            // --- 触发 formRemoved 事件 ---
-            core.trigger('formRemoved', taskId, formId, title, icon);
-            dom.clearWatchStyle(formId);
-            dom.clearWatchProperty(formId);
-            native.clear(formId, taskId);
-            delete activePanels[formId];
-            // --- 检测是否已经没有窗体了，如果没有了的话就要结束任务了 ---
-            if (Object.keys(task.list[taskId].forms).length === 0) {
-                task.end(taskId);
-            }
-        }, 300);
-        return true;
+    if (!task.list[taskId].forms[formId]) {
+        return false;
     }
-    else {
+    if (task.list[taskId].forms[formId].closed) {
         return false;
     }
+    task.list[taskId].forms[formId].closed = true;
+    const title = task.list[taskId].forms[formId].vroot.$refs.form.title;
+    const icon = task.list[taskId].forms[formId].vroot.$refs.form.iconDataUrl;
+    const io = task.list[taskId].runtime.dialogFormIds.indexOf(formId);
+    if (io > -1) {
+        // --- 取消 dialog mask 记录 ---
+        task.list[taskId].runtime.dialogFormIds.splice(io, 1);
+    }
+    task.list[taskId].forms[formId].vroot.$refs.form.$data.isShow = false;
+    setTimeout(function() {
+        // --- 获取最大的 z index 窗体，并让他获取焦点 ---
+        const fid = getMaxZIndexID({
+            'formIds': [formId]
+        });
+        if (fid) {
+            changeFocus(fid);
+        }
+        else {
+            changeFocus();
+        }
+        // --- 延长 100 秒是为了响应 100 毫秒的动画 ---
+        if (!task.list[taskId]) {
+            // --- 可能这时候 task 已经被结束了 ---
+            return true;
+        }
+        task.list[taskId].forms[formId].vapp.unmount();
+        task.list[taskId].forms[formId].vapp._container.remove();
+        elements.popList.querySelector('[data-form-id="' + formId.toString() + '"]')?.remove();
+        if (io > -1) {
+            // --- 如果是 dialog 则要执行回调 ---
+            task.list[taskId].forms[formId].vroot.cgDialogCallback();
+        }
+        delete task.list[taskId].forms[formId];
+        // --- 移除 form 的 style ---
+        dom.removeStyle(taskId, 'form', formId);
+        // --- 触发 formRemoved 事件 ---
+        core.trigger('formRemoved', taskId, formId, title, icon);
+        dom.clearWatchStyle(formId);
+        dom.clearWatchProperty(formId);
+        native.clear(formId, taskId);
+        delete activePanels[formId];
+        // --- 检测是否已经没有窗体了，如果没有了的话就要结束任务了 ---
+        if (Object.keys(task.list[taskId].forms).length === 0) {
+            task.end(taskId);
+        }
+    }, 300);
+    return true;
 }
 
 /**
@@ -3265,7 +3265,8 @@ export async function create<T extends AbstractForm>(
     const nform: types.IForm = {
         'id': formId,
         'vapp': rtn.vapp,
-        'vroot': rtn.vroot
+        'vroot': rtn.vroot,
+        'closed': false
     };
     // --- 挂载 form ---
     t.forms[formId] = nform;

package/dist/lib/fs.js

@@ -119,7 +119,7 @@ function unmount(name) {
 }
 exports.unmount = unmount;
 function getContent(path, options, taskId) {
-    var _a, _b;
+    var _a, _b, _c;
     return __awaiter(this, void 0, void 0, function* () {
         path = tool.urlResolve('/', path);
         const fpath = path.slice(8);
@@ -146,21 +146,21 @@ function getContent(path, options, taskId) {
                 ourl = path;
             }
             try {
-                const rand = Math.random().toString();
+                const rand = '?' + ((_a = options.cache) !== null && _a !== void 0 ? _a : Math.random().toString());
                 let blob = null;
                 const headers = {};
                 if (start || end) {
                     headers['range'] = `bytes=${start === undefined ? '0' : start}-${end === undefined ? '' : end}`;
                 }
                 if (options.progress) {
-                    blob = yield tool.request(ourl + (!ourl.startsWith(loader.cdn) ? ('?' + rand) : ''), {
+                    blob = yield tool.request(ourl + (!ourl.startsWith(loader.cdn) ? rand : ''), {
                         'headers': headers,
                         'progress': options.progress,
                         'responseType': 'blob'
                     });
                 }
                 else {
-                    blob = yield (yield fetch(ourl + (!ourl.startsWith(loader.cdn) ? ('?' + rand) : ''), {
+                    blob = yield (yield fetch(ourl + (!ourl.startsWith(loader.cdn) ? rand : ''), {
                         'headers': headers
                     })).blob();
                 }
@@ -178,7 +178,7 @@ function getContent(path, options, taskId) {
                     fr.readAsText(blob, encoding);
                 });
             }
-            catch (_c) {
+            catch (_d) {
                 return null;
             }
         }
@@ -193,7 +193,7 @@ function getContent(path, options, taskId) {
                 if (!hanlder) {
                     return null;
                 }
-                return (_b = (_a = hanlder.getContent) === null || _a === void 0 ? void 0 : _a.call(hanlder, path.slice(9 + name.length), options)) !== null && _b !== void 0 ? _b : null;
+                return (_c = (_b = hanlder.getContent) === null || _b === void 0 ? void 0 : _b.call(hanlder, path.slice(9 + name.length), options)) !== null && _c !== void 0 ? _c : null;
             }
             if (options.progress) {
                 delete options.progress;

package/dist/lib/fs.ts

@@ -113,12 +113,14 @@ export async function getContent(path: string, options?: {
     'start'?: number;
     'end'?: number;
     'progress'?: (loaded: number, total: number) => void | Promise<void>;
+    'cache'?: string;
 }, taskId?: number): Promise<string | Blob | null>;
 export async function getContent(path: string, options: BufferEncoding | {
     'encoding': BufferEncoding;
     'start'?: number;
     'end'?: number;
     'progress'?: (loaded: number, total: number) => void | Promise<void>;
+    'cache'?: string;
 }, taskId?: number): Promise<string | null>;
 /**
  * --- 读取完整文件或一段 ---
@@ -131,6 +133,7 @@ export async function getContent(path: string, options?: BufferEncoding | {
     'start'?: number;
     'end'?: number;
     'progress'?: (loaded: number, total: number) => void | Promise<void>;
+    'cache'?: string;
 }, taskId?: number): Promise<Blob | string | null> {
     path = tool.urlResolve('/', path);
     const fpath = path.slice(8);
@@ -157,21 +160,22 @@ export async function getContent(path: string, options?: BufferEncoding | {
             ourl = path;
         }
         try {
-            const rand = Math.random().toString();
+            /** --- 后缀 --- */
+            const rand = '?' + (options.cache ?? Math.random().toString());
             let blob: Blob | null = null;
             const headers: Record<string, string> = {};
             if (start || end) {
                 headers['range'] = `bytes=${start === undefined ? '0' : start}-${end === undefined ? '' : end}`;
             }
             if (options.progress) {
-                blob = await tool.request(ourl + (!ourl.startsWith(loader.cdn) ? ('?' + rand) : ''), {
+                blob = await tool.request(ourl + (!ourl.startsWith(loader.cdn) ? rand : ''), {
                     'headers': headers,
                     'progress': options.progress,
                     'responseType': 'blob'
                 });
             }
             else {
-                blob = await (await fetch(ourl + (!ourl.startsWith(loader.cdn) ? ('?' + rand) : ''), {
+                blob = await (await fetch(ourl + (!ourl.startsWith(loader.cdn) ? rand : ''), {
                     'headers': headers
                 })).blob();
             }

package/dist/lib/task.js

@@ -248,7 +248,8 @@ function run(url, opt = {}, ntid) {
             }
             app = yield core.fetchApp(url, {
                 'notifyId': notifyId,
-                'progress': opt.progress
+                'progress': opt.progress,
+                'cache': opt.cache
             }, ntid);
             if (notifyId) {
                 setTimeout(function () {
@@ -1159,7 +1160,7 @@ function run(url, opt = {}, ntid) {
         }
         dom.createToStyleList(taskId);
         yield ((_f = opt.initProgress) === null || _f === void 0 ? void 0 : _f.call(opt, 'Control initialization ...'));
-        const r = yield control.init(taskId, invoke);
+        const r = yield control.init(taskId, invoke, opt.cache);
         if (r < 0) {
             dom.removeFromStyleList(taskId);
             delete exports.list[taskId];

package/dist/lib/task.ts

@@ -290,7 +290,8 @@ export async function run(url: string | types.IApp, opt: types.ITaskRunOptions =
         // --- 获取并加载 app 对象 ---
         app = await core.fetchApp(url, {
             'notifyId': notifyId,
-            'progress': opt.progress
+            'progress': opt.progress,
+            'cache': opt.cache
         }, ntid);
         // --- 无论是否成功，都可以先隐藏 notify 了 ---
         if (notifyId) {
@@ -1305,7 +1306,7 @@ export async function run(url: string | types.IApp, opt: types.ITaskRunOptions =
     dom.createToStyleList(taskId);
     // --- 加载 control ---
     await opt.initProgress?.('Control initialization ...');
-    const r = await control.init(taskId, invoke);
+    const r = await control.init(taskId, invoke, opt.cache);
     if (r < 0) {
         dom.removeFromStyleList(taskId);
         delete list[taskId];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clickgo",
-  "version": "3.11.12",
+  "version": "3.11.14",
   "description": "Background interface, software interface, mobile phone APP interface operation library.",
   "keywords": [
     "deskrt",

package/types/index.d.ts

@@ -92,6 +92,7 @@ export type TGlobalEvent = 'error' | 'screenResize' | 'configChanged' | 'formCre
 export interface ICoreFetchAppOptions {
     'notifyId'?: number;
     'progress'?: (loaded: number, total: number) => void | Promise<void>;
+    'cache'?: string;
 }
 
 /** --- 应用包解包后对象 --- */
@@ -303,6 +304,8 @@ export interface IForm {
     'id': number;
     'vapp': IVApp;
     'vroot': IVue;
+    /** --- 是否已经执行过了关闭窗体方法，此处加判断为了防止重复执行 close 导致的 bug --- */
+    'closed': boolean;
 }
 
 /** --- Form 的简略情况，通常在 list 当中 --- */
@@ -329,6 +332,7 @@ export interface IMountHandler {
         'start'?: number;
         'end'?: number;
         'progress'?: (loaded: number, total: number) => void | Promise<void>;
+        'cache'?: string;
     }) => Blob | string | null | Promise<Blob | string | null>;
     putContent?: (path: string, data: string | Blob, options?: {
         'encoding'?: BufferEncoding | null;
@@ -439,6 +443,8 @@ export interface ITaskRunOptions {
     'data'?: Record<string, any>;
     /** --- 执行文件的基路径，一般在传入 APP 包时使用，以 .cga 结尾或以 / 结尾的路径 --- */
     'path'?: string;
+    /** --- 是否禁用缓存加载，默认禁用 --- */
+    'cache'?: string;
 }
 
 export interface ICreateTimerOptions {