clickgo 3.3.3 → 3.3.5
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/list/list.js +7 -0
- package/dist/app/demo/form/control/list/list.xml +10 -3
- package/dist/app/demo/form/control/svg/svg.js +10 -1
- package/dist/app/demo/form/control/svg/svg.xml +11 -2
- package/dist/clickgo.js +1 -1
- package/dist/clickgo.ts +1 -1
- package/dist/control/common.cgc +0 -0
- package/package.json +1 -1
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.0/dist/loader.min.js?path=index&npm={'clickgo':'3.3.
|
|
31
|
+
<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.3.5'}"></script>
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
**index.js**
|
|
@@ -68,6 +68,13 @@ class default_1 extends clickgo.form.AbstractForm {
|
|
|
68
68
|
this.select = [];
|
|
69
69
|
this.select2 = ['Appraise'];
|
|
70
70
|
this.label2 = [''];
|
|
71
|
+
this.selectObject = ['test'];
|
|
72
|
+
this.listDataObject = {
|
|
73
|
+
'test': 'This is test',
|
|
74
|
+
'-1': 'This is number',
|
|
75
|
+
'other': 'This is other',
|
|
76
|
+
'same': 'same'
|
|
77
|
+
};
|
|
71
78
|
this.sub6children = [];
|
|
72
79
|
this.select3 = [0];
|
|
73
80
|
this.listData3 = [];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<form title="List" width="400" height="450" min-width="300" min-height="400" padding="10" direction="v">
|
|
2
2
|
<label>Greatlist: {{select}}, list: {{select2}}, label: {{label2}}</label>
|
|
3
|
-
<tab v-model="ntab" :tabs="['greatlist', 'adaptation', 'beyond', 'list', 'async']" style="flex: 1; height: 0;">
|
|
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
6
|
<greatlist v-model="select" :data="slist" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :sizes="sizes" @select="onSelect" style="line-height: 1.3; flex: 1; height: 0;">
|
|
@@ -60,6 +60,13 @@
|
|
|
60
60
|
</layout>
|
|
61
61
|
<label class="tip">Right-click (computer) or press and hold (phone) to open the universal menu.</label>
|
|
62
62
|
</layout>
|
|
63
|
+
<!-- object -->
|
|
64
|
+
<layout v-else-if="ntab === 'object'" direction="v" gutter="10" style="flex: 1; width: 0; padding: 10px;">
|
|
65
|
+
<label>Select value: {{selectObject}}</label>
|
|
66
|
+
<label>Raw data:</label>
|
|
67
|
+
<flow direction="v" style="border: solid 1px #b3b3b3; line-height: 1.5; height: 50px; padding: 5px;">{{listDataObject}}</flow>
|
|
68
|
+
<list v-model="selectObject" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listDataObject" style="flex: 1;"></list>
|
|
69
|
+
</layout>
|
|
63
70
|
<!-- async -->
|
|
64
71
|
<layout v-else gutter="10" style="flex: 1; width: 0; padding: 10px;">
|
|
65
72
|
<layout direction="v" gutter="10" style="flex: 1; width: 0;">
|
|
@@ -76,13 +83,13 @@
|
|
|
76
83
|
</layout>
|
|
77
84
|
</layout>
|
|
78
85
|
</tab>
|
|
79
|
-
<layout class="ctr" gutter="10" v-show="ntab !== 'async'">
|
|
86
|
+
<layout class="ctr" gutter="10" v-show="ntab !== 'async' && ntab !== 'object'">
|
|
80
87
|
<button @click="slist.splice(-2, 0, {'type': 0, 'name': 'Card' + slist.length, 'path': 'Bob >> folder >> Card', 'src': '/package/res/r-2.svg','disabled': false})">Add</button>
|
|
81
88
|
<button @click="slist.splice(-3, 1)">Remove</button>
|
|
82
89
|
<button @click="scrollChange">Scroll {{scroll}}</button>
|
|
83
90
|
<button @click="icon = !icon" v-show="ntab === 'list'">{{icon ? '' : '!'}}icon</button>
|
|
84
91
|
</layout>
|
|
85
|
-
<layout class="ctr" gutter="10" v-show="ntab !== 'async'">
|
|
92
|
+
<layout class="ctr" gutter="10" v-show="ntab !== 'async' && ntab !== 'object'">
|
|
86
93
|
<button @click="selectButton">Select {{ntab === 'list' ? 'item1' : 'item2'}}</button>
|
|
87
94
|
<button @click="selectButtonList" v-show="ntab === 'list'">Select Sub3</button>
|
|
88
95
|
<button @click="tree = !tree" v-show="ntab === 'list'">{{tree ? '' : '!'}}tree</button>
|
|
@@ -28,15 +28,24 @@ class default_1 extends clickgo.form.AbstractForm {
|
|
|
28
28
|
constructor() {
|
|
29
29
|
super(...arguments);
|
|
30
30
|
this.i = 0;
|
|
31
|
+
this.f = 0;
|
|
31
32
|
this.layouts = [
|
|
32
33
|
`<path d="M9.5 2h-6A1.502 1.502 0 0 0 2 3.5v6A1.502 1.502 0 0 0 3.5 11h6A1.502 1.502 0 0 0 11 9.5v-6A1.502 1.502 0 0 0 9.5 2zm.5 7.5a.501.501 0 0 1-.5.5h-6a.501.501 0 0 1-.5-.5v-6a.501.501 0 0 1 .5-.5h6a.501.501 0 0 1 .5.5zM20.5 2h-6A1.502 1.502 0 0 0 13 3.5v6a1.502 1.502 0 0 0 1.5 1.5h6A1.502 1.502 0 0 0 22 9.5v-6A1.502 1.502 0 0 0 20.5 2zm.5 7.5a.501.501 0 0 1-.5.5h-6a.501.501 0 0 1-.5-.5v-6a.501.501 0 0 1 .5-.5h6a.501.501 0 0 1 .5.5zM9.5 13h-6A1.502 1.502 0 0 0 2 14.5v6A1.502 1.502 0 0 0 3.5 22h6a1.502 1.502 0 0 0 1.5-1.5v-6A1.502 1.502 0 0 0 9.5 13zm.5 7.5a.501.501 0 0 1-.5.5h-6a.501.501 0 0 1-.5-.5v-6a.501.501 0 0 1 .5-.5h6a.501.501 0 0 1 .5.5zM20.5 13h-6a1.502 1.502 0 0 0-1.5 1.5v6a1.502 1.502 0 0 0 1.5 1.5h6a1.502 1.502 0 0 0 1.5-1.5v-6a1.502 1.502 0 0 0-1.5-1.5zm.5 7.5a.501.501 0 0 1-.5.5h-6a.501.501 0 0 1-.5-.5v-6a.501.501 0 0 1 .5-.5h6a.501.501 0 0 1 .5.5z"/><path fill="none" d="M0 0h24v24H0z"/>`,
|
|
33
34
|
`<path d="M24 12a4.99 4.99 0 0 1-2.15 4.101l-.85-.495v-.163a3.974 3.974 0 0 0-1.377-7.377l-.79-.124-.052-.798a5.293 5.293 0 0 0-10.214-1.57L8.17 6.59l-.977-.483A2.277 2.277 0 0 0 6.19 5.87a2.18 2.18 0 0 0-1.167.339 2.206 2.206 0 0 0-.98 1.395l-.113.505-.476.2A4 4 0 0 0 5 16h2v1H5a5 5 0 0 1-1.934-9.611 3.21 3.21 0 0 1 1.422-2.025 3.17 3.17 0 0 1 1.702-.493 3.269 3.269 0 0 1 1.446.34 6.293 6.293 0 0 1 12.143 1.867A4.988 4.988 0 0 1 24 12zm-5.437 7.5l-4.016 2.342-4.015-2.342.587-.342-.993-.579-1.578.92 6 3.501 6-3.5-1.579-.92-.992.578zm1.985-3l-1.579-.92-.992.578.586.342-4.016 2.342-4.015-2.342.587-.342-.993-.579-1.578.921 6 3.5zm-12-3l6-3.5 6 3.5-6 3.5zm6 2.342l4.015-2.342-4.016-2.343-4.015 2.343z"/>`,
|
|
34
35
|
`<path d="M4 4H3v1h2V2h1v20H5v-1H4v2h18V1H4zm3-2h14v20H7zM5 20H3v-1h1v-1h1zm0-6H3v-1h1v-1h1zm0-6H3V7h1V6h1zm0 3H3v-1h1V9h1zm0 6H3v-1h1v-1h1zm10.5-5h-3A3.504 3.504 0 0 0 9 15.5V18h10v-2.5a3.504 3.504 0 0 0-3.5-3.5zm2.5 5h-8v-1.5a2.503 2.503 0 0 1 2.5-2.5h3a2.503 2.503 0 0 1 2.5 2.5zm-4-6a3 3 0 1 0-3-3 3.003 3.003 0 0 0 3 3zm0-5a2 2 0 1 1-2 2 2.002 2.002 0 0 1 2-2z"/>`
|
|
35
36
|
];
|
|
37
|
+
this.files = [
|
|
38
|
+
'../../../res/icon.svg',
|
|
39
|
+
'../../../res/r-1.svg',
|
|
40
|
+
'../../../res/r-2.svg'
|
|
41
|
+
];
|
|
36
42
|
this.color = undefined;
|
|
37
43
|
}
|
|
38
44
|
get layout() {
|
|
39
|
-
return this.layouts[this.i];
|
|
45
|
+
return this.i >= 3 ? '' : this.layouts[this.i];
|
|
46
|
+
}
|
|
47
|
+
get file() {
|
|
48
|
+
return this.f >= 3 ? '' : this.files[this.f];
|
|
40
49
|
}
|
|
41
50
|
}
|
|
42
51
|
exports.default = default_1;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<form title="Svg" width="400" height="450" min-width="400" min-height="400" padding="10" direction="v">
|
|
2
|
-
<layout
|
|
3
|
-
|
|
2
|
+
<label>Shape: {{layout ? layout.slice(0, 30) + '...' : ''}}</label>
|
|
3
|
+
<label style="margin-top: 10px;">File: {{file ? file : ''}}</label>
|
|
4
|
+
<layout align-v="center" align-h="center" style="margin-top: 10px; flex: 1;" :style="{'fill': color}">
|
|
5
|
+
<svg :layout="layout" :src="file" style="width: 64px; height: 64px;" />
|
|
4
6
|
</layout>
|
|
5
7
|
<layout gutter="10" style="margin-top: 10px;">
|
|
6
8
|
<button @click="color = undefined" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">Default</button>
|
|
@@ -11,5 +13,12 @@
|
|
|
11
13
|
<button @click="i = 0" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">Shape 0</button>
|
|
12
14
|
<button @click="i = 1" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">1</button>
|
|
13
15
|
<button @click="i = 2" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">2</button>
|
|
16
|
+
<button @click="i = 3" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">None</button>
|
|
17
|
+
</layout>
|
|
18
|
+
<layout gutter="10" style="margin-top: 10px;">
|
|
19
|
+
<button @click="f = 0" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">File 0</button>
|
|
20
|
+
<button @click="f = 1" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">1</button>
|
|
21
|
+
<button @click="f = 2" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">2</button>
|
|
22
|
+
<button @click="f = 3" style="padding: 0 10px; flex: 1; width: 0; height: 30px;">None</button>
|
|
14
23
|
</layout>
|
|
15
24
|
</form>
|
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.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.3.
|
|
27
|
+
const version = '3.3.5';
|
|
28
28
|
function getVersion() {
|
|
29
29
|
return version;
|
|
30
30
|
}
|
package/dist/clickgo.ts
CHANGED
package/dist/control/common.cgc
CHANGED
|
Binary file
|