clickgo 3.11.26 → 3.11.27

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

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

@@ -47,7 +47,7 @@ class default_1 extends clickgo.form.AbstractForm {
     <li id="li">li</li>
 </ol>
 <script>alert('b');</script>
-<style>li{background:red;}div{background:blue;}#li{background:yellow;}</style>`,
+<style>ul{background:hsl(0,100%,98%)}</style>`,
             `<h2>123</h2>
 <button>Test</button>`
         ];

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

@@ -254,6 +254,12 @@ class default_1 extends clickgo.form.AbstractForm {
             'content': 'value: ' + e.detail.value.toString()
         });
     }
+    onGChange(e) {
+        console.log('onGChange', e);
+    }
+    onGChanged(e) {
+        console.log('onGChanged', e);
+    }
     onLAdd(e) {
         clickgo.form.notify({
             'type': 'info',

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'] : []" :virtual="virtual" @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" @change="onGChange" @changed="onGChanged" :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>

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

@@ -109,6 +109,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.level3 = [];
         this.s3other = false;
         this.slist3r = ['a', 'b', 'c', 'haha3'];
+        this.editableData = true;
         this.padding = false;
         this.fontSize = false;
         this.background = false;
@@ -194,6 +195,12 @@ class default_1 extends clickgo.form.AbstractForm {
             'content': 'value: ' + e.detail.value.toString()
         });
     }
+    onGChange(e) {
+        console.log('onGChange', e);
+    }
+    onGChanged(e) {
+        console.log('onGChanged', e);
+    }
     onAdd(e) {
         this.addRemoveList.unshift('@add, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
     }
@@ -206,6 +213,15 @@ class default_1 extends clickgo.form.AbstractForm {
     onRemoved(e) {
         this.addRemoveList.unshift('@removed, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value + ', mode: ' + e.detail.mode);
     }
+    onChange(e) {
+        console.log('onChange', e);
+        if (e.detail.value[0] === 'title') {
+            e.preventDefault();
+        }
+    }
+    onChanged(e) {
+        console.log('onChanged', e);
+    }
     onTagclick(e) {
         this.addRemoveList.unshift('@tagclick, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
     }

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" :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">
+                <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" @change="onGChange" @changed="onGChanged">
                     <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,16 +45,17 @@
                 <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" :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>
+                    <select v-model="select2" @label="label2 = $event" :data="slist2" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :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" @change="onChange" @changed="onChanged" @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" :plain="plain" :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>
                     <label>Always editable: {{aemodel}}</label>
                     <layout gutter="10">
-                        <select v-model="aemodel" :data="['1','2','3','4','5']" :disabled="disabled" editable :multi="multi" :plain="plain" :tree="tree" :async="async" :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, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
+                        <select v-model="aemodel" :data="editableData ? ['1','2','3','4','5'] : ['6','7','8','9','10']" :disabled="disabled" editable :multi="multi" :plain="plain" :tree="tree" :async="async" :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, 'padding': padding ? '15px' : 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>
+                        <button @click="editableData = !editableData">Change</button>
                     </layout>
                     <layout gutter="10">
                         <button @click="icon = !icon" style="flex: 1;">{{icon ? '' : '!'}}icon</button>

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

package/package.json

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

package/types/index.d.ts

@@ -717,6 +717,18 @@ export interface IFormMinEvent {
 
 // --- Greatlist Control ---
 
+export interface IGreatlistChangeEvent extends ICustomEvent {
+    'detail': {
+        'value': number[];
+    };
+}
+
+export interface IGreatlistChangedEvent {
+    'detail': {
+        'value': number[];
+    };
+}
+
 export interface IGreatlistRemoveEvent extends ICustomEvent {
     'detail': {
         'index': number;
@@ -741,6 +753,18 @@ export interface IGreatlistItemclickedEvent {
 
 // --- Greatselect Control ---
 
+export interface IGreatselectChangeEvent extends ICustomEvent {
+    'detail': {
+        'value': number[];
+    };
+}
+
+export interface IGreatselectChangedEvent {
+    'detail': {
+        'value': number[];
+    };
+}
+
 export interface IGreatselectRemoveEvent extends ICustomEvent {
     'detail': {
         'value': number;
@@ -839,6 +863,18 @@ export interface IChecklistItemclickedEvent {
 
 // --- List Control ---
 
+export interface IListChangeEvent extends ICustomEvent {
+    'detail': {
+        'value': string[];
+    };
+}
+
+export interface IListChangedEvent {
+    'detail': {
+        'value': string[];
+    };
+}
+
 export interface IListRemoveEvent extends ICustomEvent {
     'detail': {
         'index': number;
@@ -930,6 +966,18 @@ export interface ISelectRemovedEvent {
     };
 }
 
+export interface ISelectChangeEvent extends ICustomEvent {
+    'detail': {
+        'value': string[];
+    };
+}
+
+export interface ISelectChangedEvent {
+    'detail': {
+        'value': string[];
+    };
+}
+
 export interface ISelectTagclickEvent {
     'detail': {
         'index': number;