clickgo 3.16.25 → 3.16.27

package/README.md

@@ -35,7 +35,7 @@ First, load the module loader, then load your app with it.
 **index.html**
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.8/dist/loader.min.js?path=index&npm={'clickgo':'3.16.25'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.8/dist/loader.min.js?path=index&npm={'clickgo':'3.16.27'}"></script>
 ```
 
 **index.js**

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

@@ -131,6 +131,7 @@ class default_1 extends clickgo.form.AbstractForm {
                 ]
             }
         ];
+        this.listData6 = ['1', '2', '3', '4', '5'];
         this.listMap5 = undefined;
         this.listData5Index = false;
         this.disabledList = [];
@@ -293,6 +294,12 @@ class default_1 extends clickgo.form.AbstractForm {
             this.sub6children = ['Sub7', 'Sub8'];
         });
     }
+    onList6Load(value, resolve) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.tool.sleep(300);
+            resolve();
+        });
+    }
     onSelect(area) {
         this.selectionArea = area;
     }

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

@@ -75,16 +75,26 @@
                     <label v-else>{{disabledList}}</label>
                 </layout>
                 <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-                    <list :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual"  :mode="mode[0]" :data="listData5" :check="check" :map="listMap5" :tree="tree" :async="async" @load="onlist5Load" style="flex: 1;">
-                        <template v-slot:row="data">
-                            <layout gutter="10" align-v="center">
-                                <label style="flex: 1;">{{data.row.label}}</label>
-                                <button v-if="data.index === 1" @click="++data.row.data.count">abc({{data.row.data.count}})</button>
-                            </layout>
-                        </template>
-                    </list>
-                    <button v-if="listMap5===undefined" @click="listMap5={'label':'name','value':'id','children':'sub','disabled':'disabled1'}">Set map</button>
-                    <button v-if="listMap5!==undefined" @click="changelistData5Index">{{listData5Index ? '' : '!'}}index</button>
+                    <layout direction="v" gutter="10" style="flex: 1; height: 0;">
+                        <list :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual"  :mode="mode[0]" :data="listData5" :check="check" :map="listMap5" :tree="tree" :async="async" @load="onlist5Load" style="flex: 1;">
+                            <template v-slot:row="data">
+                                <layout gutter="10" align-v="center">
+                                    <label style="flex: 1;">{{data.row.label}}</label>
+                                    <button v-if="data.index === 1" @click="++data.row.data.count">abc({{data.row.data.count}})</button>
+                                </layout>
+                            </template>
+                        </list>
+                        <button v-if="listMap5===undefined" @click="listMap5={'label':'name','value':'id','children':'sub','disabled':'disabled1'}">Set map</button>
+                        <button v-if="listMap5!==undefined" @click="changelistData5Index">{{listData5Index ? '' : '!'}}index</button>
+                    </layout>
+                    <layout direction="v" gutter="10" style="flex: 1; height: 0;">
+                        <list :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual"  :mode="mode[0]" :data="listData6" :check="check" :tree="tree" :async="async" @load="onList6Load" style="flex: 1; height: 0;">
+                            <template v-slot:row="data">
+                                <label>{{data.row.label}}</label>
+                            </template>
+                        </list>
+                        <button @click="listData6=['1','2','3','4','5']">Set data</button>
+                    </layout>
                 </layout>
             </layout>
             <label class="mtip">Right-click (computer) or press and hold (phone) to open the universal menu.</label>

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

@@ -82,8 +82,8 @@ class default_1 extends clickgo.form.AbstractForm {
                 'label': 'tip',
                 'color': 'tip'
             }, 'haha4', {
-                'value': 'ha5',
-                'label': 'The value is ha5'
+                'value': 'hA5',
+                'label': 'The value is hA5'
             }, {
                 'value': 'ha6',
                 'label': 'Can not be selected',
@@ -144,6 +144,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.remoteDelay = [0];
         this.plain = false;
         this.virtual = false;
+        this.leftlabel = true;
     }
     get sizes() {
         const rtn = {};
@@ -240,7 +241,7 @@ class default_1 extends clickgo.form.AbstractForm {
         }
     }
     onChanged(e) {
-        console.log('onChanged', e);
+        console.log('onChanged', JSON.stringify(e, null, 4));
     }
     onTagclick(e) {
         this.addRemoveList.unshift('@tagclick, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);

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

@@ -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" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :disabledList="disabledList" :unavailableList="unavailableList" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" @added="onAdded" @removed="onRemoved" @change="onChange" @changed="onChanged" @tagclick="onTagclick" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : 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" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :disabledList="disabledList" :unavailableList="unavailableList" :leftlabel="leftlabel" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" @added="onAdded" @removed="onRemoved" @change="onChange" @changed="onChanged" @tagclick="onTagclick" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
                     <layout gutter="10">
                         <button @click="select2[0]='ha6'" style="flex: 1">Select disabled</button>
                         <button @click="disabledList = disabledList.length > 1 ? ['haha4'] : ['haha3', 'ha5']" style="flex: 1">{{disabledList.length ? disabledList : 'disabledList'}}</button>
@@ -53,17 +53,17 @@
                     <button @click="unavailableList = unavailableList.length > 1 ? ['haha4'] : ['haha3', 'ha5']">{{unavailableList.length ? unavailableList : 'unavailableList'}}</button>
                     <list :data="addRemoveList" style="height: 100px;"></list>
                     <label>Custom height:</label>
-                    <select :data="['1','2','3','4','5']" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :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, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" v-slot:row="data">
+                    <select :data="['1','2','3','4','5']" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :leftlabel="leftlabel" style="height: 60px;" @load="onLoad" @remote="onRemote" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" v-slot:row="data">
                         <layout gutter="5" align-v="center"><circle />{{data.row.label}}</layout>
                     </select>
                     <label>Always editable: {{aemodel}}</label>
                     <layout gutter="10" align-v="center">
-                        <select v-model="aemodel" :data="editableData[editableDataValue[0]]" :disabled="disabled" editable editablelabel :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" placeholder="Please enter" @load="onLoad" @remote="onRemote" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
+                        <select v-model="aemodel" :data="editableData[editableDataValue[0]]" :disabled="disabled" editable editablelabel :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :leftlabel="leftlabel" placeholder="Please enter" @load="onLoad" @remote="onRemote" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
                         <button @click="aemodel.length=0">clear</button>
                         <button @click="aemodel[0] = '4'">4</button>
                         <button @click="aemodel[0] = '22'">22</button>
                         <label>data</label>
-                        <select v-model="editableDataValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" />
+                        <select v-model="editableDataValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" />
                     </layout>
                     <layout gutter="10">
                         <button @click="icon = !icon" style="flex: 1;">{{icon ? '' : '!'}}icon</button>
@@ -74,25 +74,25 @@
                         <button @click="search = !search" style="flex: 1;">{{search ? '' : '!'}}search</button>
                         <template v-if="search">
                             <button @click="remote = !remote" style="flex: 1;">{{remote ? '' : '!'}}remote</button>
-                            <select :data="[0, 100, 500, 1000, 2000]" v-model="remoteDelay" :virtual="virtual" :padding="padding[0]" style="flex: 1;"></select>
+                            <select :data="[0, 100, 500, 1000, 2000]" v-model="remoteDelay" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
                         </template>
                     </layout>
                     <!-- async 延迟加载 data -->
                     <label>Async value: {{asyncModel}}</label>
                     <layout gutter="10">
-                        <select v-model="asyncModel" :data="asyncData" :virtual="virtual" :padding="padding[0]" style="flex: 1;"></select>
+                        <select v-model="asyncModel" :data="asyncData" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
                         <button v-if="!asyncData.length" @click="asyncLoad">Load</button>
                     </layout>
                     <!-- no value -->
                     <label>No value: {{noValue}}</label>
                     <layout gutter="10">
-                        <select v-model="noValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" search style="flex: 1;" />
+                        <select v-model="noValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" search :leftlabel="leftlabel" style="flex: 1;" />
                         <button @click="noValue = []">Clear</button>
                     </layout>
                     <!-- rearward -->
                     <label>Rearward: {{reward}}</label>
                     <layout gutter="10">
-                        <select v-model="reward" :data="['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'z']" :virtual="virtual" :padding="padding[0]" style="flex: 1;"></select>
+                        <select v-model="reward" :data="['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'z']" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
                         <button @click="reward[0] = 'z'">z</button>
                     </layout>
                 </layout>
@@ -130,6 +130,7 @@
         <layout gutter="10">
             <button @click="fontSize = !fontSize" style="flex: 1;">Change font size</button>
             <select v-model="padding" :data="['0', 'xs', 's', 'm', 'l', 'xl']" style="flex: 1;"></select>
+            <button v-if="ntab === 'select'" @click="leftlabel = !leftlabel" style="flex: 1;">{{leftlabel ? '' : '!'}}leftlabel</button>
         </layout>
         <layout gutter="10">
             <button @click="background = !background" style="flex: 1;">Change bg color</button>

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

@@ -10,7 +10,7 @@
                 <button @click="rand">rand({{min}}, {{max}})</button>
             </layout>
             <layout gutter="10">
-                <text v-model="length" style="width: 30px;"></text>
+                <text v-model="length" style="width: 60px;"></text>
                 <text v-model="block" style="flex: 1;"></text>
                 <button @click="random">random({{length}}, RANDOM_LUN, '{{block}}')</button>
             </layout>

package/dist/clickgo.js

@@ -40,7 +40,7 @@ exports.getPlatform = getPlatform;
 exports.getDevice = getDevice;
 exports.isImmersion = isImmersion;
 exports.hasFrame = hasFrame;
-const version = '3.16.25';
+const version = '3.16.27';
 function getVersion() {
     return version;
 }

package/package.json

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