clickgo 3.9.1 → 3.10.1

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.0/dist/loader.min.js?path=index&npm={'clickgo':'3.9.1'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.10.1'}"></script>
 ```
 
 **index.js**
@@ -117,6 +117,10 @@ This library is published under [Apache-2.0](./LICENSE) license.
 [Border Radius SVG Vector](https://www.svgrepo.com/svg/446973/border-radius)  
 [Copy SVG Vector](https://www.svgrepo.com/svg/446994/copy)
 
+#### Select
+
+[Close SVG Vector](https://www.svgrepo.com/svg/446990/close)
+
 ### **LICENSE:** MIT License **AUTHOR:** developmentseed
 
 #### Map

package/dist/app/demo/config.json

@@ -157,6 +157,8 @@
         "/form/method/tool/tool.xml",
         "/form/method/zip/zip.js",
         "/form/method/zip/zip.xml",
+        "/form/solution/backpanel/backpanel.js",
+        "/form/solution/backpanel/backpanel.xml",
         "/form/main.css",
         "/form/main.js",
         "/form/main.xml",

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

@@ -31,6 +31,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.multi = 'false';
         this.dir = 'false';
         this.list = [];
+        this.fd = new FormData();
     }
     select() {
         this.refs.file.select();
@@ -42,6 +43,7 @@ class default_1 extends clickgo.form.AbstractForm {
         }
         for (const file of files) {
             this.list.push((file.webkitRelativePath || file.name) + ' (' + file.size.toString() + ')');
+            this.fd.append('file', file, file.name);
         }
     }
 }

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

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

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="loading" :border="border" direction="v">
+<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">
     <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

@@ -235,5 +235,34 @@ class default_1 extends clickgo.form.AbstractForm {
             yield clickgo.form.dialog('onGesture: ' + dir);
         });
     }
+    onGAdd(e) {
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'Greatlist @add',
+            'content': 'value: ' + e.detail.value.toString()
+        });
+    }
+    onGRemove(e) {
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'Greatlist @remove',
+            'content': 'value: ' + e.detail.value.toString()
+        });
+    }
+    onLAdd(e) {
+        console.log('x', e.detail);
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'List @add',
+            'content': 'value: ' + e.detail.value
+        });
+    }
+    onLRemove(e) {
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'List @remove',
+            'content': 'value: ' + e.detail.value
+        });
+    }
 }
 exports.default = default_1;

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" :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'] : []" @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>
@@ -51,7 +51,7 @@
             <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">
+                <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">
                     <menulist>
                         <menulist-item alt="I" @click="showIndex2">Show select</menulist-item>
                     </menulist>

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

@@ -37,15 +37,16 @@ class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
         this.layer = false;
+        this.qs = {};
         this.name = '';
         this.isShow = true;
-        this.loading = false;
         this.logo = '';
+        this.hash = false;
     }
-    onSelect(e, o, v) {
+    onSelect(e) {
         return __awaiter(this, void 0, void 0, function* () {
             e.preventDefault();
-            yield clickgo.form.dialog('Not nav, o: ' + o + ', v: ' + v);
+            yield clickgo.form.dialog('Not nav, selected: ' + e.detail.selected + ', name: ' + e.detail.name);
         });
     }
     onMounted() {

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

@@ -1,5 +1,5 @@
-<form width="600" height="500" title="Nav" :loading="loading">
-    <nav v-model="name" v-model:show="isShow" :logo="logo" @layer="layer = $event" style="flex: 1; width: 0;">
+<form width="600" height="500" title="Nav">
+    <nav v-model="name" default="Action1" v-model:show="isShow" :logo="logo" @layer="layer = $event" @qs="qs = $event" :hash="hash" style="flex: 1; width: 0;">
         <nav-item label="Title1">
             <nav-title>group1</nav-title>
             <nav-item label="Sub1">
@@ -39,9 +39,10 @@
         <nav-item label="Root2"></nav-item>
         <nav-item label="Root3" name="root?id=1"></nav-item>
         <nav-item label="Root4" name="root?id=2"></nav-item>
+        <nav-item label="Root5" name="root"></nav-item>
         <nav-item label="Event" @select="onSelect"></nav-item>
-        <nav-item label="Root3" icon="/package/res/icon.svg"></nav-item>
-        <nav-item label="Root4" icon="/package/res/marker.svg"></nav-item>
+        <nav-item label="Root6" name="root6" icon="/package/res/icon.svg"></nav-item>
+        <nav-item label="Root7" icon="/package/res/marker.svg"></nav-item>
         <template v-slot:header>
             <label style="flex: 1; padding-left: 10px;">Test</label>
             <menu>
@@ -78,10 +79,17 @@
                 <label>Now select: {{name}}</label>
                 <label>Show: {{isShow ? 'true' : 'false'}}</label>
                 <label>Layer: {{layer ? 'true' : 'false'}}</label>
+                <label>Qs: {{qs}}</label>
+                <label>formHash: {{formHash}}</label>
                 <button v-if="layer" @click="isShow = true">Open</button>
                 <button @click="name = 'Action11'">Select "Action11"</button>
                 <button @click="name = 'hasname'">Select "hasname"</button>
+                <button @click="name = 'root6?id=8'">Select "root6?id=8"</button>
                 <button @click="logo = logo ? '' : '/clickgo/icon.png'">{{logo ? 'Remove' : 'Set'}} logo</button>
+                <layout gutter="10">
+                    <button @click="hash = !hash" style="flex: 1;">{{hash ? '' : '!'}}hash</button>
+                    <button v-if="hash" @click="formHashBack" style="flex: 1;">hashBack</button>
+                </layout>
             </layout>
         </template>
     </nav>

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

@@ -41,8 +41,9 @@ class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
         this.selected = ['none'];
+        this.panelv = '';
         this.parentData = 'yeah!';
-        this.loading = false;
+        this.map = null;
     }
     go() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -58,22 +59,41 @@ class default_1 extends clickgo.form.AbstractForm {
             'type': 'send'
         });
     }
+    changeMap() {
+        this.map = this.map ? null : {
+            'test1': test1_1.default,
+            'test2': './test2'
+        };
+    }
     onMounted() {
         this.watch('selected', () => __awaiter(this, void 0, void 0, function* () {
             switch (this.selected[0]) {
                 case 'none': {
+                    if (this.map) {
+                        this.panelv = '';
+                    }
                     break;
                 }
                 case './test1': {
-                    this.loading = true;
-                    yield this.refs.panel.go(test1_1.default);
-                    this.loading = false;
+                    if (this.map) {
+                        this.panelv = 'test1';
+                    }
+                    else {
+                        this.loading = true;
+                        yield this.refs.panel.go(test1_1.default);
+                        this.loading = false;
+                    }
                     break;
                 }
                 case './test2': {
-                    this.loading = true;
-                    yield this.refs.panel.go('./test2');
-                    this.loading = false;
+                    if (this.map) {
+                        this.panelv = 'test2';
+                    }
+                    else {
+                        this.loading = true;
+                        yield this.refs.panel.go('./test2');
+                        this.loading = false;
+                    }
                     break;
                 }
             }

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

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

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

@@ -57,6 +57,12 @@ class default_1 extends clickgo.form.AbstractPanel {
             yield clickgo.form.dialog('test1 got data.');
         });
     }
+    onQsChange() {
+        clickgo.form.notify({
+            'title': 'Test1 Panel',
+            'content': 'onQsChange: ' + Object.keys(this.qs).length.toString()
+        });
+    }
     click() {
         return __awaiter(this, void 0, void 0, function* () {
             yield clickgo.form.dialog('Hello panel!');

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

@@ -3,6 +3,7 @@
     <label>onShow count: {{scount}}</label>
     <label>Data: {{data}}</label>
     <label>Parent data: {{rootForm.parentData}}</label>
+    <label>Qs: {{qs}}</label>
     <button @click="click" style="height: 30px;">Hi</button>
     <layout>
         <button style="padding: 15px 30px;" area="split">

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

@@ -153,11 +153,7 @@ class default_1 extends clickgo.form.AbstractForm {
     onRemote(value, resolve) {
         return __awaiter(this, void 0, void 0, function* () {
             yield clickgo.tool.sleep(300);
-            if (value === '') {
-                resolve(['1', '3', '5']);
-                return;
-            }
-            if (value === '8') {
+            if (!value || value === '8') {
                 resolve();
                 return;
             }
@@ -170,11 +166,37 @@ class default_1 extends clickgo.form.AbstractForm {
                 }]);
         });
     }
-    onAdd(index, value) {
-        this.addRemoveList.unshift('@add, index: ' + index.toString() + ', value: ' + value);
+    onGAdd(e) {
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'Greatselect @add',
+            'content': 'value: ' + e.detail.value.toString()
+        });
+        if (this.slist[e.detail.value].type === 1) {
+            e.preventDefault();
+        }
+    }
+    onGRemove(e) {
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'Greaselect @remove',
+            'content': 'value: ' + e.detail.value.toString()
+        });
+    }
+    onAdd(e) {
+        this.addRemoveList.unshift('@add, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
     }
-    onRemove(index, value) {
-        this.addRemoveList.unshift('@remove, index: ' + index.toString() + ', value: ' + value);
+    onAdded(e) {
+        this.addRemoveList.unshift('@added, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
+    }
+    onRemove(e) {
+        this.addRemoveList.unshift('@remove, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value + ', mode: ' + e.detail.mode);
+    }
+    onRemoved(e) {
+        this.addRemoveList.unshift('@removed, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value + ', mode: ' + e.detail.mode);
+    }
+    onTagclick(e) {
+        this.addRemoveList.unshift('@tagclick, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
     }
     changeArea() {
         switch (this.area) {
@@ -202,25 +224,13 @@ class default_1 extends clickgo.form.AbstractForm {
     }
     onMounted() {
         this.watch(() => this.select.join(','), (n, o) => {
-            let select = [];
-            const now = n.split(',');
-            const old = o.split(',');
-            for (const item of now) {
-                if (this.slist[parseInt(item)].type !== 0) {
-                    continue;
-                }
-                select.push(parseInt(item));
-            }
-            if (select.length === now.length) {
+            if (this.multi) {
                 return;
             }
-            select = [];
-            for (const item of old) {
-                select.push(parseInt(item));
+            if (this.slist[parseInt(n)].type === 0) {
+                return;
             }
-            this.select = select;
-        }, {
-            'deep': true
+            this.select = [parseInt(o)];
         });
     }
 }

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" :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;">
+                <greatselect v-model="select" :data="slist" :area="area" :disabled="disabled" :multi="multi" :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">
                     <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>
@@ -45,7 +45,7 @@
                 <layout gutter="10" direction="v" style="padding: 10px;">
                     <label>Now select value is {{select2}}</label>
                     <label>Label: {{label2}}</label>
-                    <select v-model="select2" @label="label2 = $event" :data="slist2" :disabled="disabled" :editable="editable" :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
+                    <select v-model="select2" @label="label2 = $event" :data="slist2" :disabled="disabled" :editable="editable" :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" @added="onAdded" @removed="onRemoved" @tagclick="onTagclick" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
                     <list :data="addRemoveList" style="height: 100px;"></list>
                     <label>Custom height:</label>
                     <select :data="['1','2','3','4','5']" :disabled="disabled" :editable="editable" :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" style="height: 60px;" @load="onLoad" @remote="onRemote" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>

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

@@ -48,10 +48,10 @@ class default_1 extends clickgo.form.AbstractForm {
         this.drag = false;
         this.cclose = false;
     }
-    onClose(e, i, v) {
+    onClose(e) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (i !== 10) {
-                yield clickgo.form.dialog('Closed, index: ' + i.toString() + ', value: ' + v);
+            if (e.detail.index !== 10) {
+                yield clickgo.form.dialog('Closed, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
                 return;
             }
             e.preventDefault();

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

@@ -90,6 +90,7 @@ const task_2 = __importDefault(require("./method/task/task"));
 const theme_1 = __importDefault(require("./method/theme/theme"));
 const tool_1 = __importDefault(require("./method/tool/tool"));
 const zip_1 = __importDefault(require("./method/zip/zip"));
+const backpanel_1 = __importDefault(require("./solution/backpanel/backpanel"));
 class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
@@ -330,8 +331,12 @@ class default_1 extends clickgo.form.AbstractForm {
                     frm = yield clickgo.form.create(tool_1.default);
                     break;
                 }
-                default: {
+                case 'mzip': {
                     frm = yield clickgo.form.create(zip_1.default);
+                    break;
+                }
+                default: {
+                    frm = yield clickgo.form.create(backpanel_1.default);
                 }
             }
             frm.show();

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

@@ -1,5 +1,5 @@
 <form width="400" height="550" title="ClickGo demo" icon="/package/res/icon.svg">
-    <tab v-model="ntab" :tabs="['control', 'method', 'event']" style="margin: 10px; flex: 1;">
+    <tab v-model="ntab" :tabs="['control', 'method', 'event', 'solution']" style="margin: 10px; flex: 1;">
         <flow v-if="ntab === 'control'" class="inner" direction="v">
             <layout class="buttons" gutter="10" direction="v">
                 <label>App data: {{adata}}</label>
@@ -104,7 +104,7 @@
                 <button @click="openForm('msystem')">System</button>
             </layout>
         </flow>
-        <flow v-else class="inner" direction="v">
+        <flow v-else-if="ntab === 'event'" class="inner" direction="v">
             <layout gutter="10" direction="v">
                 <button @click="openForm('escreen')">About screen</button>
                 <button @click="openForm('eform')">About form</button>
@@ -112,5 +112,10 @@
                 <button @click="openForm('eother')">About other</button>
             </layout>
         </flow>
+        <flow v-else class="inner" direction="v">
+            <layout gutter="10" direction="v">
+                <button @click="openForm('sbackpanel')">Backend panel</button>
+            </layout>
+        </flow>
     </tab>
 </form>

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

@@ -64,6 +64,13 @@ class default_1 extends clickgo.form.AbstractForm {
             this.dr = yield frm.showDialog();
         });
     }
+    showLoading() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.loading = true;
+            yield clickgo.tool.sleep(1000);
+            this.loading = false;
+        });
+    }
     onMounted() {
         this.watch('test', () => __awaiter(this, void 0, void 0, function* () {
             yield clickgo.form.dialog('test changed.');

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

@@ -30,6 +30,7 @@
                 <label>{{formHash}}</label>
             </layout>
             <button @click="formHashBack">formHashBack()</button>
+            <button @click="showLoading">Show loading</button>
             <layout gutter="10" align-v="center">
                 <label>Form Hash:</label>
                 <text v-model="hash" style="flex: 1; width: 0;"></text>

package/dist/app/demo/form/solution/backpanel/backpanel.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const clickgo = __importStar(require("clickgo"));
+const test1_1 = __importDefault(require("../../control/panel/test1"));
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.fh = '';
+        this.name = '';
+        this.map = {
+            'test1': test1_1.default,
+            'test2': '../../control/panel/test2'
+        };
+    }
+    onFormHashChange(taskId, formId, value) {
+        if (formId !== this.formId) {
+            return;
+        }
+        this.fh = value;
+    }
+    onSelect(e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.preventDefault();
+            yield clickgo.form.dialog('Show form');
+        });
+    }
+}
+exports.default = default_1;

package/dist/app/demo/form/solution/backpanel/backpanel.xml

@@ -0,0 +1,29 @@
+<form width="800" height="500" title="Backend Panel" padding="10">
+    <layout direction="v" gutter="10" style="flex: 1;">
+        <layout gutter="10" align-v="center">
+            <label>formHash:</label>
+            <text v-model="fh" style="flex: 1;" />
+            <button @click="formHash = fh">Change</button>
+        </layout>
+        <nav v-model="name" default="list" hash style="flex: 1;">
+            <nav-item label="User">
+                <nav-item label="All list" name="list"></nav-item>
+                <nav-item label="Available" name="list?avail=1"></nav-item>
+            </nav-item>
+            <nav-item label="Goods">
+                <nav-item label="Available" name="goodslist?avail=1"></nav-item>
+                <nav-item label="Unavailable" name="goodslist?avail=0"></nav-item>
+            </nav-item>
+            <nav-item label="Form" name="form" @select="onSelect"></nav-item>
+            <nav-item label="Test1" name="test1"></nav-item>
+            <nav-item label="Test1QS" name="test1?a=1&b=2"></nav-item>
+            <nav-item label="Test2" name="test2"></nav-item>
+            <template v-slot:header>
+                <label style="flex: 1; text-align: right; padding-right: var(--g-padding);">Panel</label>
+            </template>
+            <template v-slot:content>
+                <panel :map="map" style="flex: 1;" @go="loading = true" @went="loading = false"></panel>
+            </template>
+        </nav>
+    </layout>
+</form>

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

package/dist/index.js

@@ -101,7 +101,7 @@ function launcher(boot) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const paths = [
-                loader.cdn + '/npm/vue@3.3.13/dist/vue.global.prod.min.js'
+                loader.cdn + '/npm/vue@3.4.15/dist/vue.global.prod.min.js'
             ];
             let ro = true;
             if (!(window.ResizeObserver)) {

package/dist/index.ts

@@ -176,7 +176,7 @@ export function launcher(boot: AbstractBoot): void {
     (async function() {
         // --- 通过标签加载库 ---
         const paths: string[] = [
-            loader.cdn + '/npm/vue@3.3.13/dist/vue.global.prod.min.js'
+            loader.cdn + '/npm/vue@3.4.15/dist/vue.global.prod.min.js'
         ];
         // --- 判断 ResizeObserver 是否存在 ---
         let ro = true;