clickgo 3.11.26 → 3.11.28
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/flow/flow.xml +1 -1
- package/dist/app/demo/form/control/html/html.js +2 -1
- package/dist/app/demo/form/control/html/html.xml +9 -4
- package/dist/app/demo/form/control/list/list.js +6 -0
- package/dist/app/demo/form/control/list/list.xml +1 -1
- package/dist/app/demo/form/control/select/select.js +16 -0
- package/dist/app/demo/form/control/select/select.xml +4 -3
- package/dist/clickgo.js +1 -1
- package/dist/clickgo.ts +1 -1
- package/dist/control/common.cgc +0 -0
- package/dist/control/markdownit.cgc +0 -0
- package/dist/lib/tool.ts +17 -0
- package/package.json +1 -1
- package/types/index.d.ts +48 -0
package/README.md
CHANGED
|
@@ -28,7 +28,7 @@ Load the module loader first, and then load it using the module loader.
|
|
|
28
28
|
**index.html**
|
|
29
29
|
|
|
30
30
|
```html
|
|
31
|
-
<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.1/dist/loader.min.js?path=index&npm={'clickgo':'3.11.
|
|
31
|
+
<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.1/dist/loader.min.js?path=index&npm={'clickgo':'3.11.28'}"></script>
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
**index.js**
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
<!-- button list -->
|
|
41
41
|
<layout gutter="10">
|
|
42
42
|
<select v-model="lineValue" :data="[10, 50, 500, 5000]" style="flex: 1; width: 0;"></select>
|
|
43
|
-
<button @click="lineCount += parseInt(lineValue[0])" style="height: 30px;padding: 0 10px;">Add lines</button>
|
|
43
|
+
<button @click="lineCount += parseInt(lineValue[0])" style="height: 30px; padding: 0 10px;">Add lines</button>
|
|
44
44
|
<button @click="lineCount -= parseInt(lineValue[0]);if(lineCount < 0) {lineCount = 0;}" style="height: 30px; padding: 0 10px;">Remove lines</button>
|
|
45
45
|
</layout>
|
|
46
46
|
<layout gutter="10">
|
|
@@ -27,6 +27,7 @@ const clickgo = __importStar(require("clickgo"));
|
|
|
27
27
|
class default_1 extends clickgo.form.AbstractForm {
|
|
28
28
|
constructor() {
|
|
29
29
|
super(...arguments);
|
|
30
|
+
this.adaptation = false;
|
|
30
31
|
this.htmlIndex = 0;
|
|
31
32
|
this.html = [
|
|
32
33
|
`<h1>Hello world!</h1>
|
|
@@ -47,7 +48,7 @@ class default_1 extends clickgo.form.AbstractForm {
|
|
|
47
48
|
<li id="li">li</li>
|
|
48
49
|
</ol>
|
|
49
50
|
<script>alert('b');</script>
|
|
50
|
-
<style>
|
|
51
|
+
<style>ul{background:hsl(0,100%,98%)}</style>`,
|
|
51
52
|
`<h2>123</h2>
|
|
52
53
|
<button>Test</button>`
|
|
53
54
|
];
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
<form title="Html" width="450" height="500" padding="10">
|
|
2
2
|
<layout gutter="10" direction="v" style="flex: 1; width: 0;">
|
|
3
|
-
<layout gutter="10" style="flex: 1; height: 0;">
|
|
4
|
-
<html :html="html[htmlIndex]" :css="lcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px; flex: 1; width: 0;"></html>
|
|
5
|
-
<html :html="html[htmlIndex]" :css="rcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px; flex: 1; width: 0;"></html>
|
|
6
|
-
</layout>
|
|
7
3
|
<layout gutter="10">
|
|
8
4
|
<button style="flex: 1;" @click="lcss = lcss ? '' : css">Left {{lcss ? 'remove' : 'add'}} css</button>
|
|
9
5
|
<button style="flex: 1;" @click="htmlIndex = htmlIndex ? 0 : 1">Toogle html</button>
|
|
6
|
+
<button style="flex: 1;" @click="adaptation = !adaptation">{{adaptation ? '' : '!'}}Adaptation</button>
|
|
10
7
|
<button style="flex: 1;" @click="rcss = rcss ? '' : css">Right {{rcss ? 'remove' : 'add'}} css</button>
|
|
11
8
|
</layout>
|
|
9
|
+
<layout gutter="10" style="flex: 1; height: 0;">
|
|
10
|
+
<flow direction="v" style="flex: 1;">
|
|
11
|
+
<html :html="html[htmlIndex]" :css="lcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px;" :style="{'flex': adaptation ? undefined : '1'}"></html>
|
|
12
|
+
</flow>
|
|
13
|
+
<flow direction="v" style="flex: 1;">
|
|
14
|
+
<html :html="html[htmlIndex]" :css="rcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px;" :style="{'flex': adaptation ? undefined : '1'}"></html>
|
|
15
|
+
</flow>
|
|
16
|
+
</layout>
|
|
12
17
|
</layout>
|
|
13
18
|
</form>
|
|
@@ -254,6 +254,12 @@ class default_1 extends clickgo.form.AbstractForm {
|
|
|
254
254
|
'content': 'value: ' + e.detail.value.toString()
|
|
255
255
|
});
|
|
256
256
|
}
|
|
257
|
+
onGChange(e) {
|
|
258
|
+
console.log('onGChange', e);
|
|
259
|
+
}
|
|
260
|
+
onGChanged(e) {
|
|
261
|
+
console.log('onGChanged', e);
|
|
262
|
+
}
|
|
257
263
|
onLAdd(e) {
|
|
258
264
|
clickgo.form.notify({
|
|
259
265
|
'type': 'info',
|
|
@@ -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" :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" @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>
|
|
@@ -109,6 +109,7 @@ class default_1 extends clickgo.form.AbstractForm {
|
|
|
109
109
|
this.level3 = [];
|
|
110
110
|
this.s3other = false;
|
|
111
111
|
this.slist3r = ['a', 'b', 'c', 'haha3'];
|
|
112
|
+
this.editableData = true;
|
|
112
113
|
this.padding = false;
|
|
113
114
|
this.fontSize = false;
|
|
114
115
|
this.background = false;
|
|
@@ -194,6 +195,12 @@ class default_1 extends clickgo.form.AbstractForm {
|
|
|
194
195
|
'content': 'value: ' + e.detail.value.toString()
|
|
195
196
|
});
|
|
196
197
|
}
|
|
198
|
+
onGChange(e) {
|
|
199
|
+
console.log('onGChange', e);
|
|
200
|
+
}
|
|
201
|
+
onGChanged(e) {
|
|
202
|
+
console.log('onGChanged', e);
|
|
203
|
+
}
|
|
197
204
|
onAdd(e) {
|
|
198
205
|
this.addRemoveList.unshift('@add, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
|
|
199
206
|
}
|
|
@@ -206,6 +213,15 @@ class default_1 extends clickgo.form.AbstractForm {
|
|
|
206
213
|
onRemoved(e) {
|
|
207
214
|
this.addRemoveList.unshift('@removed, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value + ', mode: ' + e.detail.mode);
|
|
208
215
|
}
|
|
216
|
+
onChange(e) {
|
|
217
|
+
console.log('onChange', e);
|
|
218
|
+
if (e.detail.value[0] === 'title') {
|
|
219
|
+
e.preventDefault();
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
onChanged(e) {
|
|
223
|
+
console.log('onChanged', e);
|
|
224
|
+
}
|
|
209
225
|
onTagclick(e) {
|
|
210
226
|
this.addRemoveList.unshift('@tagclick, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
|
|
211
227
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<!-- greatselect -->
|
|
5
5
|
<layout v-if="ntab === 'greatselect'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
|
|
6
6
|
<label>Now select value is {{select}}:</label>
|
|
7
|
-
<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">
|
|
7
|
+
<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">
|
|
8
8
|
<layout align-v="center" gutter="5" style="flex: 1;">
|
|
9
9
|
<img :src="slist[select[0]] ? slist[select[0]].src : ''" style="width: 32px; height: 32px;"></img>
|
|
10
10
|
<block>
|
|
@@ -45,16 +45,17 @@
|
|
|
45
45
|
<layout gutter="10" direction="v" style="padding: 10px;">
|
|
46
46
|
<label>Now select value is {{select2}}</label>
|
|
47
47
|
<label>Label: {{label2}}</label>
|
|
48
|
-
<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>
|
|
48
|
+
<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>
|
|
49
49
|
<list :data="addRemoveList" style="height: 100px;"></list>
|
|
50
50
|
<label>Custom height:</label>
|
|
51
51
|
<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>
|
|
52
52
|
<label>Always editable: {{aemodel}}</label>
|
|
53
53
|
<layout gutter="10">
|
|
54
|
-
<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>
|
|
54
|
+
<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>
|
|
55
55
|
<button @click="aemodel.length=0">clear</button>
|
|
56
56
|
<button @click="aemodel[0] = '4'">4</button>
|
|
57
57
|
<button @click="aemodel[0] = '22'">22</button>
|
|
58
|
+
<button @click="editableData = !editableData">Change</button>
|
|
58
59
|
</layout>
|
|
59
60
|
<layout gutter="10">
|
|
60
61
|
<button @click="icon = !icon" style="flex: 1;">{{icon ? '' : '!'}}icon</button>
|
package/dist/clickgo.js
CHANGED
|
@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
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;
|
|
27
|
-
const version = '3.11.
|
|
27
|
+
const version = '3.11.27';
|
|
28
28
|
function getVersion() {
|
|
29
29
|
return version;
|
|
30
30
|
}
|
package/dist/clickgo.ts
CHANGED
package/dist/control/common.cgc
CHANGED
|
Binary file
|
|
Binary file
|
package/dist/lib/tool.ts
CHANGED
|
@@ -802,6 +802,23 @@ export function post(url: string, data: Record<string, any> | FormData, opt?: {
|
|
|
802
802
|
return loader.post(url, data, opt);
|
|
803
803
|
}
|
|
804
804
|
|
|
805
|
+
/** --- 发送响应为 json 的网络数据,无需 try,失败返回 null --- */
|
|
806
|
+
export async function postResponseJson(url: string, data: Record<string, any> | FormData, opt?: {
|
|
807
|
+
'credentials'?: 'include' | 'same-origin' | 'omit';
|
|
808
|
+
'headers'?: HeadersInit;
|
|
809
|
+
}): Promise<any | null> {
|
|
810
|
+
const res = await loader.post(url, data, opt);
|
|
811
|
+
if (!res) {
|
|
812
|
+
return null;
|
|
813
|
+
}
|
|
814
|
+
try {
|
|
815
|
+
return await res.json();
|
|
816
|
+
}
|
|
817
|
+
catch {
|
|
818
|
+
return null;
|
|
819
|
+
}
|
|
820
|
+
}
|
|
821
|
+
|
|
805
822
|
export function parseUrl(url: string): ILoaderUrl {
|
|
806
823
|
return loader.parseUrl(url);
|
|
807
824
|
}
|
package/package.json
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -717,6 +717,18 @@ export interface IFormMinEvent {
|
|
|
717
717
|
|
|
718
718
|
// --- Greatlist Control ---
|
|
719
719
|
|
|
720
|
+
export interface IGreatlistChangeEvent extends ICustomEvent {
|
|
721
|
+
'detail': {
|
|
722
|
+
'value': number[];
|
|
723
|
+
};
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
export interface IGreatlistChangedEvent {
|
|
727
|
+
'detail': {
|
|
728
|
+
'value': number[];
|
|
729
|
+
};
|
|
730
|
+
}
|
|
731
|
+
|
|
720
732
|
export interface IGreatlistRemoveEvent extends ICustomEvent {
|
|
721
733
|
'detail': {
|
|
722
734
|
'index': number;
|
|
@@ -741,6 +753,18 @@ export interface IGreatlistItemclickedEvent {
|
|
|
741
753
|
|
|
742
754
|
// --- Greatselect Control ---
|
|
743
755
|
|
|
756
|
+
export interface IGreatselectChangeEvent extends ICustomEvent {
|
|
757
|
+
'detail': {
|
|
758
|
+
'value': number[];
|
|
759
|
+
};
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
export interface IGreatselectChangedEvent {
|
|
763
|
+
'detail': {
|
|
764
|
+
'value': number[];
|
|
765
|
+
};
|
|
766
|
+
}
|
|
767
|
+
|
|
744
768
|
export interface IGreatselectRemoveEvent extends ICustomEvent {
|
|
745
769
|
'detail': {
|
|
746
770
|
'value': number;
|
|
@@ -839,6 +863,18 @@ export interface IChecklistItemclickedEvent {
|
|
|
839
863
|
|
|
840
864
|
// --- List Control ---
|
|
841
865
|
|
|
866
|
+
export interface IListChangeEvent extends ICustomEvent {
|
|
867
|
+
'detail': {
|
|
868
|
+
'value': string[];
|
|
869
|
+
};
|
|
870
|
+
}
|
|
871
|
+
|
|
872
|
+
export interface IListChangedEvent {
|
|
873
|
+
'detail': {
|
|
874
|
+
'value': string[];
|
|
875
|
+
};
|
|
876
|
+
}
|
|
877
|
+
|
|
842
878
|
export interface IListRemoveEvent extends ICustomEvent {
|
|
843
879
|
'detail': {
|
|
844
880
|
'index': number;
|
|
@@ -930,6 +966,18 @@ export interface ISelectRemovedEvent {
|
|
|
930
966
|
};
|
|
931
967
|
}
|
|
932
968
|
|
|
969
|
+
export interface ISelectChangeEvent extends ICustomEvent {
|
|
970
|
+
'detail': {
|
|
971
|
+
'value': string[];
|
|
972
|
+
};
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
export interface ISelectChangedEvent {
|
|
976
|
+
'detail': {
|
|
977
|
+
'value': string[];
|
|
978
|
+
};
|
|
979
|
+
}
|
|
980
|
+
|
|
933
981
|
export interface ISelectTagclickEvent {
|
|
934
982
|
'detail': {
|
|
935
983
|
'index': number;
|