clickgo 3.15.13 → 3.15.15

package/README.md

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

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

@@ -121,6 +121,12 @@
                     </template>
                 </button>
             </layout>
+            <label>Bgroup:</label>
+            <bgroup plain>
+                <button>Btn1</button>
+                <button>Btn2</button>
+                <button>Btn3</button>
+            </bgroup>
         </layout>
     </flow>
 </form>

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

@@ -32,6 +32,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.time = true;
         this.zone = true;
         this.tz = ['08'];
+        this.copy = false;
     }
     addDate() {
         this.daten += clickgo.tool.rand(0, 3600);

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

@@ -1,28 +1,31 @@
-<form width="390" height="550" title="Label">
+<form width="390" height="580" title="Label">
     <layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
         <label>You can use CSS to customize the label:</label>
-        <label>Normal</label>
-        <label style="text-align: center;">Center</label>
-        <label style="color: red;">Color</label>
-        <label style="background: rgba(0, 0, 0, .1);">Background</label>
-        <label style="background: rgba(0, 0, 0, .1); padding: 10px;">Padding</label>
-        <label style="font-size: 36px;">Font size</label>
-        <label mode="tip">mode: tip</label>
-        <label mode="mtip">mode: mtip</label>
-        <label mode="important">mode: important</label>
-        <label mode="click">mode: click</label>
-        <label size="m">size m</label>
-        <label size="l">size l</label>
-        <label size="xl">size xl</label>
+        <label :copy="copy">Normal</label>
+        <label :copy="copy" style="text-align: center;">Center</label>
+        <label :copy="copy" style="color: red;">Color</label>
+        <label :copy="copy" style="background: rgba(0, 0, 0, .1);">Background</label>
+        <label :copy="copy" style="background: rgba(0, 0, 0, .1); padding: 10px;">Padding</label>
+        <label :copy="copy" style="font-size: 36px;">Font size</label>
+        <label :copy="copy" mode="tip">mode: tip</label>
+        <label :copy="copy" mode="mtip">mode: mtip</label>
+        <label :copy="copy" mode="important">mode: important</label>
+        <label :copy="copy" mode="click">mode: click</label>
+        <label :copy="copy" size="m">size m</label>
+        <label :copy="copy" size="l">size l</label>
+        <label :copy="copy" size="xl">size xl</label>
         <layout gutter="10" align-v="center">
             <label>mode: date</label>
-            <label mode="date" :date="date" :time="time" :zone="zone" :tz="tz[0]" :content="daten" style="flex: 1;"></label>
+            <label :copy="copy" mode="date" :date="date" :time="time" :zone="zone" :tz="tz[0]" :content="daten" style="flex: 1;"></label>
             <button @click="daten = 0">Set 0</button>
             <button @click="addDate">Add</button>
         </layout>
         <layout gutter="10">
             <button @click="date = !date" style="flex: 1;">{{date ? '' : '!'}}date</button>
             <button @click="time = !time" style="flex: 1;">{{time ? '' : '!'}}time</button>
+        </layout>
+        <layout gutter="10">
+            <button @click="copy = !copy" style="flex: 1;">{{copy ? '' : '!'}}copy</button>
             <button @click="zone = !zone" style="flex: 1;">{{zone ? '' : '!'}}zone</button>
             <select :data="['01', '02', '08', '09']" v-model="tz"></select>
         </layout>

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

@@ -2,6 +2,7 @@
     <layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
         <label>You can use CSS to customize the link:</label>
         <link>Normal</link>
+        <link line>Line</link>
         <link plain>Plain</link>
         <link style="text-align: center;">Center</link>
         <link style="color: red;">Color</link>

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

@@ -118,6 +118,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.scroll = 'auto';
         this.virtual = false;
         this.check = false;
+        this.mode = ['default'];
         this.listDataEmpty = false;
     }
     get sizes() {

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" @change="onGChange" @changed="onGChanged" :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" :mode="mode[0]" @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>
@@ -32,7 +32,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" :virtual="virtual">
+            <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" :mode="mode[0]">
                 <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>
@@ -43,7 +43,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" :virtual="virtual" 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" :mode="mode[0]" 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>
@@ -53,7 +53,7 @@
             <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;">
                 <layout direction="v" gutter="10" style="flex: 2; width: 0;">
-                    <list v-model="select2" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listDataEmpty ? [] : listData" :check="check" @label="label2 = $event" style="flex: 1; height: 0;" :tree="tree" :async="async" :icon="icon" icon-default="../../../res/txt.svg" :virtual="virtual" @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="listDataEmpty ? [] : listData" :check="check" @label="label2 = $event" style="flex: 1; height: 0;" :tree="tree" :async="async" :icon="icon" icon-default="../../../res/txt.svg" :virtual="virtual" :mode="mode[0]" @load="onSelectLoad" @add="onLAdd" @Remove="onLRemove">
                         <menulist>
                             <menulist-item alt="I" @click="showIndex2">Show select</menulist-item>
                         </menulist>
@@ -61,7 +61,7 @@
                     <button @click="listDataEmpty = !listDataEmpty">{{listDataEmpty ? '' : '!'}}empty</button>
                 </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" :data="listData2" :check="check" :disabledList="disabledList" style="flex: 1;">
+                    <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="listData2" :check="check" :disabledList="disabledList" style="flex: 1;">
                         <template v-slot:row="data">
                             <layout gutter="10" align-v="center">
                                 <label style="flex: 1;">{{data.row.label}}</label>
@@ -73,7 +73,7 @@
                     <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":data="listData5" :check="check" :map="listMap5" style="flex: 1;"></list>
+                    <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" style="flex: 1;"></list>
                     <button v-if="listMap5===undefined" @click="listMap5={'label':'name','value':'id','children':'sub'}">Set map</button>
                 </layout>
             </layout>
@@ -84,20 +84,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" :virtual="virtual" 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" :mode="mode[0]" 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" :virtual="virtual" 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" :mode="mode[0]" 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" :virtual="virtual" :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" :mode="mode[0]" :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>
@@ -119,6 +119,7 @@
         <button @click="multi = !multi">{{multi ? '' : '!'}}multi</button>
         <button @click="ctrl = !ctrl">{{ctrl ? '' : '!'}}ctrl</button>
         <button v-show="ntab === 'list'" @click="check = !check">{{check ? '' : '!'}}check</button>
+        <select v-model="mode" :data="['default','view']"></select>
     </layout>
     <layout class="ctr" gutter="10">
         <button @click="must = !must">{{must ? '' : '!'}}must</button>

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

@@ -55,6 +55,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.virtual = false;
         this.slot = false;
         this.fixed = ['undefined'];
+        this.mode = ['default'];
         this.checkinfo = {
             'total': 0,
             'selected': 0

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

@@ -1,7 +1,7 @@
 <form width="500" height="500" title="Table" padding="10">
     <layout direction="v" gutter="10" style="flex: 1; width: 0;">
         <label>Value: {{val}}</label>
-        <table :data="data" :style="{'flex': adaptation ? undefined : '1'}" v-model="val" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" :split="split" @gesture="onGesture" :scroll="scroll" :sizes="sizes" :sort="sort" :virtual="virtual" :fixed="fixed[0]==='undefined'?undefined:fixed[0]" @select="onSelect" @sort="onSort">
+        <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" :mode="mode" :fixed="fixed[0]==='undefined'?undefined:fixed[0]" @select="onSelect" @sort="onSort">
             <template v-slot="d">
                 <table-item v-if="index" width="100" sort="false" align-h="center" align-v="center">
                     <check v-model="d.row.check" @changed="refreshCheckinfo">{{d.index}}</check>
@@ -80,6 +80,8 @@
             <layout gutter="10" align-v="center">
                 <label>fixed</label>
                 <select v-model="fixed" :data="['undefined', 'left', 'right', 'both']" style="flex: 1;"></select>
+                <label>mode</label>
+                <select v-model="mode" :data="['default','view']" style="flex: 1;"></select>
             </layout>
         </template>
         <button v-else @click="load">Load</button>

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

@@ -40,6 +40,11 @@
             <tag :close="vclose" v-for="item, index of list" type="cg" rsize="xl" size="lh" plain @close="list.splice(index, 1)">{{item}}</tag>
             <button v-if="list.length < 6" @click="list.push('tag' + list.length)">Add</button>
         </layout>
+        <label>Inline:</label>
+        <layout gutter="10" align-v="center">
+            <label>label</label>
+            <tag inline>abc</tag>
+        </layout>
         <layout gutter="10">
             <button @click="vclose = !vclose" style="flex: 1;">{{vclose ? '' : '!'}}close</button>
         </layout>

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

@@ -9,8 +9,8 @@
                     <button @click="openForm('cempty')">Empty</button>
                 </layout>
                 <layout gutter="10">
+                    <button @click="openForm('cbutton')">Button + Bgroup</button>
                     <button @click="openForm('cimg')">Img</button>
-                    <button @click="openForm('cbutton')">Button</button>
                     <button @click="openForm('ctext')">Text</button>
                 </layout>
                 <layout gutter="10">

package/dist/clickgo.js

@@ -29,7 +29,7 @@ exports.isNative = isNative;
 exports.getPlatform = getPlatform;
 exports.isImmersion = isImmersion;
 exports.hasFrame = hasFrame;
-const version = '3.15.13';
+const version = '3.15.15';
 function getVersion() {
     return version;
 }

package/dist/clickgo.ts

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

package/dist/lib/control.ts

@@ -298,7 +298,7 @@ export abstract class AbstractControl {
     /**
      * --- 获取上层控件 ---
      */
-    public get parent(): AbstractControl & form.AbstractForm {
+    public get parent(): AbstractControl & form.AbstractForm & Record<string, any> {
         return (this as any).$parent;
     }
 

package/package.json

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