clickgo 3.15.14 → 3.15.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/app/demo/form/control/label/label.js +1 -0
- package/dist/app/demo/form/control/label/label.xml +18 -15
- package/dist/app/demo/form/control/link/link.xml +1 -0
- package/dist/app/demo/form/control/list/list.js +1 -0
- package/dist/app/demo/form/control/list/list.xml +10 -9
- package/dist/app/demo/form/control/table/table.js +1 -0
- package/dist/app/demo/form/control/table/table.xml +3 -1
- package/dist/app/demo/form/control/tag/tag.xml +5 -0
- package/dist/clickgo.js +1 -1
- package/dist/clickgo.ts +1 -1
- package/dist/control/arteditor.cgc +0 -0
- package/dist/control/box.cgc +0 -0
- package/dist/control/common.cgc +0 -0
- package/dist/control/desc.cgc +0 -0
- package/dist/control/drawer.cgc +0 -0
- package/dist/control/echarts.cgc +0 -0
- package/dist/control/form.cgc +0 -0
- package/dist/control/iconview.cgc +0 -0
- package/dist/control/jodit.cgc +0 -0
- package/dist/control/map.cgc +0 -0
- package/dist/control/monaco.cgc +0 -0
- package/dist/control/nav.cgc +0 -0
- package/dist/control/page.cgc +0 -0
- package/dist/control/property.cgc +0 -0
- package/dist/control/table.cgc +0 -0
- package/dist/control/task.cgc +0 -0
- package/dist/control/tuieditor.cgc +0 -0
- package/dist/control/tuiviewer.cgc +0 -0
- package/dist/control/xterm.cgc +0 -0
- package/dist/theme/byterun.cgt +0 -0
- package/dist/theme/familiar.cgt +0 -0
- package/dist/theme/light.cgt +0 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -25,7 +25,7 @@ Load the module loader first, and then load it using the module loader.
|
|
|
25
25
|
**index.html**
|
|
26
26
|
|
|
27
27
|
```html
|
|
28
|
-
<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.7/dist/loader.min.js?path=index&npm={'clickgo':'3.15.
|
|
28
|
+
<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.7/dist/loader.min.js?path=index&npm={'clickgo':'3.15.15'}"></script>
|
|
29
29
|
```
|
|
30
30
|
|
|
31
31
|
**index.js**
|
|
@@ -1,28 +1,31 @@
|
|
|
1
|
-
<form width="390" height="
|
|
1
|
+
<form width="390" height="580" title="Label">
|
|
2
2
|
<layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
|
|
3
3
|
<label>You can use CSS to customize the label:</label>
|
|
4
|
-
<label>Normal</label>
|
|
5
|
-
<label style="text-align: center;">Center</label>
|
|
6
|
-
<label style="color: red;">Color</label>
|
|
7
|
-
<label style="background: rgba(0, 0, 0, .1);">Background</label>
|
|
8
|
-
<label style="background: rgba(0, 0, 0, .1); padding: 10px;">Padding</label>
|
|
9
|
-
<label style="font-size: 36px;">Font size</label>
|
|
10
|
-
<label mode="tip">mode: tip</label>
|
|
11
|
-
<label mode="mtip">mode: mtip</label>
|
|
12
|
-
<label mode="important">mode: important</label>
|
|
13
|
-
<label mode="click">mode: click</label>
|
|
14
|
-
<label size="m">size m</label>
|
|
15
|
-
<label size="l">size l</label>
|
|
16
|
-
<label size="xl">size xl</label>
|
|
4
|
+
<label :copy="copy">Normal</label>
|
|
5
|
+
<label :copy="copy" style="text-align: center;">Center</label>
|
|
6
|
+
<label :copy="copy" style="color: red;">Color</label>
|
|
7
|
+
<label :copy="copy" style="background: rgba(0, 0, 0, .1);">Background</label>
|
|
8
|
+
<label :copy="copy" style="background: rgba(0, 0, 0, .1); padding: 10px;">Padding</label>
|
|
9
|
+
<label :copy="copy" style="font-size: 36px;">Font size</label>
|
|
10
|
+
<label :copy="copy" mode="tip">mode: tip</label>
|
|
11
|
+
<label :copy="copy" mode="mtip">mode: mtip</label>
|
|
12
|
+
<label :copy="copy" mode="important">mode: important</label>
|
|
13
|
+
<label :copy="copy" mode="click">mode: click</label>
|
|
14
|
+
<label :copy="copy" size="m">size m</label>
|
|
15
|
+
<label :copy="copy" size="l">size l</label>
|
|
16
|
+
<label :copy="copy" size="xl">size xl</label>
|
|
17
17
|
<layout gutter="10" align-v="center">
|
|
18
18
|
<label>mode: date</label>
|
|
19
|
-
<label mode="date" :date="date" :time="time" :zone="zone" :tz="tz[0]" :content="daten" style="flex: 1;"></label>
|
|
19
|
+
<label :copy="copy" mode="date" :date="date" :time="time" :zone="zone" :tz="tz[0]" :content="daten" style="flex: 1;"></label>
|
|
20
20
|
<button @click="daten = 0">Set 0</button>
|
|
21
21
|
<button @click="addDate">Add</button>
|
|
22
22
|
</layout>
|
|
23
23
|
<layout gutter="10">
|
|
24
24
|
<button @click="date = !date" style="flex: 1;">{{date ? '' : '!'}}date</button>
|
|
25
25
|
<button @click="time = !time" style="flex: 1;">{{time ? '' : '!'}}time</button>
|
|
26
|
+
</layout>
|
|
27
|
+
<layout gutter="10">
|
|
28
|
+
<button @click="copy = !copy" style="flex: 1;">{{copy ? '' : '!'}}copy</button>
|
|
26
29
|
<button @click="zone = !zone" style="flex: 1;">{{zone ? '' : '!'}}zone</button>
|
|
27
30
|
<select :data="['01', '02', '08', '09']" v-model="tz"></select>
|
|
28
31
|
</layout>
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
<layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
|
|
3
3
|
<label>You can use CSS to customize the link:</label>
|
|
4
4
|
<link>Normal</link>
|
|
5
|
+
<link line>Line</link>
|
|
5
6
|
<link plain>Plain</link>
|
|
6
7
|
<link style="text-align: center;">Center</link>
|
|
7
8
|
<link style="color: red;">Color</link>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<tab v-model="ntab" :tabs="['greatlist', 'adaptation', 'beyond', 'list', 'object', 'async']" style="flex: 1; height: 0;">
|
|
4
4
|
<!-- 默认 -->
|
|
5
5
|
<layout v-if="ntab === 'greatlist'" direction="v" style="flex: 1; width: 0; padding: 10px;">
|
|
6
|
-
<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;">
|
|
6
|
+
<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;">
|
|
7
7
|
<template v-slot="data">
|
|
8
8
|
<layout v-if="data.row.type === 0" align-v="center" gutter="5" style="flex: 1;">
|
|
9
9
|
<img :src="data.row.src" style="width: 32px; height: 32px;"></img>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
</layout>
|
|
33
33
|
<!-- 自适应 -->
|
|
34
34
|
<layout v-else-if="ntab === 'adaptation'" direction="v" style="flex: 1; width: 0; padding: 10px;">
|
|
35
|
-
<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">
|
|
35
|
+
<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]">
|
|
36
36
|
<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>
|
|
37
37
|
<template v-slot:itempop>
|
|
38
38
|
<menulist>
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
</layout>
|
|
44
44
|
<!-- beyond -->
|
|
45
45
|
<layout v-else-if="ntab === 'beyond'" gutter="10" style="flex: 1; width: 0; padding: 10px;">
|
|
46
|
-
<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;">
|
|
46
|
+
<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;">
|
|
47
47
|
<template v-slot="data">index: {{data.index}}. long long long long long long long long long long long.</template>
|
|
48
48
|
</greatlist>
|
|
49
49
|
</layout>
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
<flow direction="v" style="border: solid 1px #b3b3b3; line-height: 1.5; height: 50px; padding: 5px;">{{listData}}</flow>
|
|
54
54
|
<layout gutter="10" style="flex: 1; height: 0;">
|
|
55
55
|
<layout direction="v" gutter="10" style="flex: 2; width: 0;">
|
|
56
|
-
<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">
|
|
56
|
+
<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">
|
|
57
57
|
<menulist>
|
|
58
58
|
<menulist-item alt="I" @click="showIndex2">Show select</menulist-item>
|
|
59
59
|
</menulist>
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
<button @click="listDataEmpty = !listDataEmpty">{{listDataEmpty ? '' : '!'}}empty</button>
|
|
62
62
|
</layout>
|
|
63
63
|
<layout direction="v" gutter="10" style="flex: 1; width: 0;">
|
|
64
|
-
<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;">
|
|
64
|
+
<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;">
|
|
65
65
|
<template v-slot:row="data">
|
|
66
66
|
<layout gutter="10" align-v="center">
|
|
67
67
|
<label style="flex: 1;">{{data.row.label}}</label>
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
<label v-else>{{disabledList}}</label>
|
|
74
74
|
</layout>
|
|
75
75
|
<layout direction="v" gutter="10" style="flex: 1; width: 0;">
|
|
76
|
-
<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>
|
|
76
|
+
<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>
|
|
77
77
|
<button v-if="listMap5===undefined" @click="listMap5={'label':'name','value':'id','children':'sub'}">Set map</button>
|
|
78
78
|
</layout>
|
|
79
79
|
</layout>
|
|
@@ -84,20 +84,20 @@
|
|
|
84
84
|
<label>Select value: {{selectObject}}</label>
|
|
85
85
|
<label>Raw data:</label>
|
|
86
86
|
<flow direction="v" style="border: solid 1px #b3b3b3; line-height: 1.5; height: 50px; padding: 5px;">{{listDataObject}}</flow>
|
|
87
|
-
<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>
|
|
87
|
+
<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>
|
|
88
88
|
</layout>
|
|
89
89
|
<!-- async -->
|
|
90
90
|
<layout v-else gutter="10" style="flex: 1; width: 0; padding: 10px;">
|
|
91
91
|
<layout direction="v" gutter="10" style="flex: 1; width: 0;">
|
|
92
92
|
<label>greatlist: {{select3}}</label>
|
|
93
|
-
<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;">
|
|
93
|
+
<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;">
|
|
94
94
|
{{data.row.value ? data.row.value : data.row}}
|
|
95
95
|
</greatlist>
|
|
96
96
|
<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>
|
|
97
97
|
</layout>
|
|
98
98
|
<layout direction="v" gutter="10" style="flex: 1; width: 0;">
|
|
99
99
|
<label>list: {{select4}}</label>
|
|
100
|
-
<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>
|
|
100
|
+
<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>
|
|
101
101
|
<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>
|
|
102
102
|
</layout>
|
|
103
103
|
</layout>
|
|
@@ -119,6 +119,7 @@
|
|
|
119
119
|
<button @click="multi = !multi">{{multi ? '' : '!'}}multi</button>
|
|
120
120
|
<button @click="ctrl = !ctrl">{{ctrl ? '' : '!'}}ctrl</button>
|
|
121
121
|
<button v-show="ntab === 'list'" @click="check = !check">{{check ? '' : '!'}}check</button>
|
|
122
|
+
<select v-model="mode" :data="['default','view']"></select>
|
|
122
123
|
</layout>
|
|
123
124
|
<layout class="ctr" gutter="10">
|
|
124
125
|
<button @click="must = !must">{{must ? '' : '!'}}must</button>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<form width="500" height="500" title="Table" padding="10">
|
|
2
2
|
<layout direction="v" gutter="10" style="flex: 1; width: 0;">
|
|
3
3
|
<label>Value: {{val}}</label>
|
|
4
|
-
<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">
|
|
4
|
+
<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">
|
|
5
5
|
<template v-slot="d">
|
|
6
6
|
<table-item v-if="index" width="100" sort="false" align-h="center" align-v="center">
|
|
7
7
|
<check v-model="d.row.check" @changed="refreshCheckinfo">{{d.index}}</check>
|
|
@@ -80,6 +80,8 @@
|
|
|
80
80
|
<layout gutter="10" align-v="center">
|
|
81
81
|
<label>fixed</label>
|
|
82
82
|
<select v-model="fixed" :data="['undefined', 'left', 'right', 'both']" style="flex: 1;"></select>
|
|
83
|
+
<label>mode</label>
|
|
84
|
+
<select v-model="mode" :data="['default','view']" style="flex: 1;"></select>
|
|
83
85
|
</layout>
|
|
84
86
|
</template>
|
|
85
87
|
<button v-else @click="load">Load</button>
|
|
@@ -40,6 +40,11 @@
|
|
|
40
40
|
<tag :close="vclose" v-for="item, index of list" type="cg" rsize="xl" size="lh" plain @close="list.splice(index, 1)">{{item}}</tag>
|
|
41
41
|
<button v-if="list.length < 6" @click="list.push('tag' + list.length)">Add</button>
|
|
42
42
|
</layout>
|
|
43
|
+
<label>Inline:</label>
|
|
44
|
+
<layout gutter="10" align-v="center">
|
|
45
|
+
<label>label</label>
|
|
46
|
+
<tag inline>abc</tag>
|
|
47
|
+
</layout>
|
|
43
48
|
<layout gutter="10">
|
|
44
49
|
<button @click="vclose = !vclose" style="flex: 1;">{{vclose ? '' : '!'}}close</button>
|
|
45
50
|
</layout>
|
package/dist/clickgo.js
CHANGED
package/dist/clickgo.ts
CHANGED
|
Binary file
|
package/dist/control/box.cgc
CHANGED
|
Binary file
|
package/dist/control/common.cgc
CHANGED
|
Binary file
|
package/dist/control/desc.cgc
CHANGED
|
Binary file
|
package/dist/control/drawer.cgc
CHANGED
|
Binary file
|
package/dist/control/echarts.cgc
CHANGED
|
Binary file
|
package/dist/control/form.cgc
CHANGED
|
Binary file
|
|
Binary file
|
package/dist/control/jodit.cgc
CHANGED
|
Binary file
|
package/dist/control/map.cgc
CHANGED
|
Binary file
|
package/dist/control/monaco.cgc
CHANGED
|
Binary file
|
package/dist/control/nav.cgc
CHANGED
|
Binary file
|
package/dist/control/page.cgc
CHANGED
|
Binary file
|
|
Binary file
|
package/dist/control/table.cgc
CHANGED
|
Binary file
|
package/dist/control/task.cgc
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/control/xterm.cgc
CHANGED
|
Binary file
|
package/dist/theme/byterun.cgt
CHANGED
|
Binary file
|
package/dist/theme/familiar.cgt
CHANGED
|
Binary file
|
package/dist/theme/light.cgt
CHANGED
|
Binary file
|