jsbox-cview 1.5.21 → 1.5.23
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/components/alert/input-alert.ts +5 -7
- package/components/alert/login-alert.ts +7 -7
- package/components/alert/plain-alert.ts +3 -3
- package/components/alert/uialert.ts +14 -6
- package/components/base.ts +12 -8
- package/components/custom-navigation-bar.ts +106 -88
- package/components/dialogs/dialog-sheet.ts +12 -8
- package/components/dialogs/form-dialog.ts +29 -16
- package/components/dialogs/list-dialog.ts +26 -20
- package/components/dialogs/text-dialog.ts +13 -8
- package/components/dynamic-contextmenu-view.ts +57 -25
- package/components/dynamic-itemsize-matrix.ts +45 -40
- package/components/dynamic-preference-listview.ts +135 -117
- package/components/dynamic-rowheight-list.ts +32 -20
- package/components/enhanced-imageview.ts +37 -28
- package/components/flowlayout.ts +61 -42
- package/components/image-pager.ts +33 -29
- package/components/page-control.ts +15 -11
- package/components/pageviewer-titlebar.ts +29 -22
- package/components/pageviewer.ts +33 -23
- package/components/refresh-button.ts +8 -8
- package/components/rotating-view.ts +24 -20
- package/components/searchbar.ts +113 -65
- package/components/sheet.ts +23 -17
- package/components/single-views.ts +228 -72
- package/components/spinners/loading-dual-ring.ts +21 -15
- package/components/spinners/loading-wedges.ts +24 -18
- package/components/spinners/spinner-androidstyle.ts +58 -47
- package/components/static-preference-listview.ts +197 -151
- package/components/symbol-button.ts +23 -22
- package/components/tabbar.ts +80 -64
- package/controller/base-controller.ts +42 -35
- package/controller/controller-router.ts +4 -4
- package/controller/pageviewer-controller.ts +41 -27
- package/controller/presented-page-controller.ts +27 -15
- package/controller/splitview-controller.ts +77 -44
- package/controller/tabbar-controller.ts +33 -23
- package/dist/components/alert/input-alert.js +3 -3
- package/dist/components/alert/login-alert.js +5 -5
- package/dist/components/alert/plain-alert.js +1 -1
- package/dist/components/alert/uialert.js +4 -4
- package/dist/components/base.js +2 -1
- package/dist/components/custom-navigation-bar.js +61 -59
- package/dist/components/dialogs/dialog-sheet.js +5 -5
- package/dist/components/dialogs/form-dialog.js +2 -2
- package/dist/components/dialogs/list-dialog.js +15 -15
- package/dist/components/dialogs/text-dialog.js +6 -6
- package/dist/components/dynamic-contextmenu-view.js +11 -8
- package/dist/components/dynamic-itemsize-matrix.js +15 -13
- package/dist/components/dynamic-preference-listview.js +95 -90
- package/dist/components/dynamic-rowheight-list.js +7 -6
- package/dist/components/enhanced-imageview.js +18 -16
- package/dist/components/flowlayout.js +15 -14
- package/dist/components/image-pager.js +22 -21
- package/dist/components/page-control.js +2 -2
- package/dist/components/pageviewer-titlebar.js +20 -17
- package/dist/components/pageviewer.js +13 -12
- package/dist/components/refresh-button.js +5 -5
- package/dist/components/rotating-view.js +11 -11
- package/dist/components/searchbar.js +53 -41
- package/dist/components/sheet.js +4 -4
- package/dist/components/single-views.js +68 -68
- package/dist/components/spinners/loading-dual-ring.js +10 -10
- package/dist/components/spinners/loading-wedges.js +15 -15
- package/dist/components/spinners/spinner-androidstyle.js +45 -43
- package/dist/components/static-preference-listview.js +101 -102
- package/dist/components/symbol-button.js +14 -13
- package/dist/components/tabbar.js +54 -50
- package/dist/controller/base-controller.js +17 -14
- package/dist/controller/pageviewer-controller.js +13 -11
- package/dist/controller/presented-page-controller.js +6 -4
- package/dist/controller/splitview-controller.js +48 -31
- package/dist/controller/tabbar-controller.js +13 -12
- package/dist/test/custom-navigation-bar.js +11 -9
- package/dist/test/dynamic-contextmenu-view.js +16 -14
- package/dist/test/dynamic-itemsize-matrix.js +18 -17
- package/dist/test/dynamic-preference-listview.js +29 -29
- package/dist/test/flowlayout.js +33 -27
- package/dist/test/form-dialog.js +15 -13
- package/dist/test/pageviewer-controller.js +10 -7
- package/dist/test/pageviewer-titlebar.js +3 -3
- package/dist/test/pageviewer.js +16 -7
- package/dist/test/refresh-button.js +4 -4
- package/dist/test/searchbar.js +7 -7
- package/dist/test/splitview-controller.js +14 -11
- package/dist/test/static-preference-listview.js +29 -30
- package/dist/test/tabbar-controller.js +15 -12
- package/dist/utils/colors.js +1 -2
- package/dist/utils/l10n.js +28 -28
- package/dist/utils/path.js +2 -2
- package/dist/utils/rect.js +30 -8
- package/dist/utils/uitools.js +29 -19
- package/index.ts +43 -43
- package/package.json +2 -2
- package/test/custom-navigation-bar.ts +28 -28
- package/test/dynamic-contextmenu-view.ts +23 -21
- package/test/dynamic-itemsize-matrix.ts +27 -22
- package/test/dynamic-preference-listview.ts +35 -35
- package/test/flowlayout.ts +43 -33
- package/test/form-dialog.ts +44 -43
- package/test/pageviewer-controller.ts +13 -11
- package/test/pageviewer-titlebar.ts +4 -5
- package/test/pageviewer.ts +17 -8
- package/test/refresh-button.ts +5 -5
- package/test/searchbar.ts +8 -8
- package/test/splitview-controller.ts +31 -30
- package/test/static-preference-listview.ts +35 -34
- package/test/tabbar-controller.ts +32 -29
- package/utils/colors.ts +7 -8
- package/utils/cvid.ts +1 -2
- package/utils/l10n.ts +32 -32
- package/utils/path.ts +9 -9
- package/utils/rect.ts +31 -8
- package/utils/uitools.ts +30 -22
|
@@ -20,11 +20,11 @@ const tabbar_1 = require("../components/tabbar");
|
|
|
20
20
|
* - index: number = 0
|
|
21
21
|
*/
|
|
22
22
|
class TabBarController extends base_controller_1.BaseController {
|
|
23
|
-
constructor({ props, layout, events = {} }) {
|
|
23
|
+
constructor({ props, layout, events = {}, }) {
|
|
24
24
|
super({
|
|
25
25
|
props: {
|
|
26
26
|
id: props.id,
|
|
27
|
-
bgcolor: props.bgcolor
|
|
27
|
+
bgcolor: props.bgcolor,
|
|
28
28
|
},
|
|
29
29
|
layout,
|
|
30
30
|
events: Object.assign(Object.assign({}, events), { didAppear: () => {
|
|
@@ -35,48 +35,49 @@ class TabBarController extends base_controller_1.BaseController {
|
|
|
35
35
|
var _a;
|
|
36
36
|
this._props.items[this.index].controller.disappear();
|
|
37
37
|
(_a = events.didDisappear) === null || _a === void 0 ? void 0 : _a.call(events, this);
|
|
38
|
-
} })
|
|
38
|
+
} }),
|
|
39
39
|
});
|
|
40
40
|
this._props = {
|
|
41
41
|
items: props.items,
|
|
42
|
-
index: props.index || 0
|
|
42
|
+
index: props.index || 0,
|
|
43
43
|
};
|
|
44
44
|
this.cviews = {};
|
|
45
45
|
this.cviews.tabbar = new tabbar_1.TabBar({
|
|
46
46
|
props: {
|
|
47
47
|
items: this._props.items,
|
|
48
|
-
index: this._props.index
|
|
48
|
+
index: this._props.index,
|
|
49
49
|
},
|
|
50
50
|
events: {
|
|
51
51
|
changed: (cview, index) => {
|
|
52
52
|
var _a, _b;
|
|
53
53
|
this.index = index;
|
|
54
|
-
(_a = this._props.items
|
|
54
|
+
(_a = this._props.items
|
|
55
|
+
.find((item) => item.controller.status === 2)) === null || _a === void 0 ? void 0 : _a.controller.disappear();
|
|
55
56
|
this._props.items[index].controller.appear();
|
|
56
57
|
(_b = events.changed) === null || _b === void 0 ? void 0 : _b.call(events, this, index);
|
|
57
58
|
},
|
|
58
59
|
doubleTapped: (cview, index) => {
|
|
59
60
|
var _a;
|
|
60
61
|
(_a = events.doubleTapped) === null || _a === void 0 ? void 0 : _a.call(events, this, index);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
62
|
+
},
|
|
63
|
+
},
|
|
63
64
|
});
|
|
64
65
|
this.pages = this._props.items.map((n, i) => {
|
|
65
66
|
return new single_views_1.ContentView({
|
|
66
67
|
props: {
|
|
67
68
|
bgcolor: n.bgcolor || this._props.bgcolor,
|
|
68
|
-
hidden: i !== this._props.index
|
|
69
|
+
hidden: i !== this._props.index,
|
|
69
70
|
},
|
|
70
71
|
layout: $layout.fill,
|
|
71
|
-
views: [n.controller.rootView.definition]
|
|
72
|
+
views: [n.controller.rootView.definition],
|
|
72
73
|
});
|
|
73
74
|
});
|
|
74
75
|
this.cviews.pageContentView = new single_views_1.ContentView({
|
|
75
76
|
props: {
|
|
76
|
-
bgcolor: $color("clear")
|
|
77
|
+
bgcolor: $color("clear"),
|
|
77
78
|
},
|
|
78
79
|
layout: $layout.fill,
|
|
79
|
-
views: this.pages.map(n => n.definition)
|
|
80
|
+
views: this.pages.map((n) => n.definition),
|
|
80
81
|
});
|
|
81
82
|
this.rootView.views = [this.cviews.pageContentView, this.cviews.tabbar];
|
|
82
83
|
}
|
|
@@ -9,20 +9,21 @@ const navbar = new custom_navigation_bar_1.CustomNavigationBar({
|
|
|
9
9
|
rightBarButtonItems: [
|
|
10
10
|
{
|
|
11
11
|
symbol: "gear",
|
|
12
|
-
handler: (sender) => console.log(sender)
|
|
13
|
-
}
|
|
14
|
-
]
|
|
15
|
-
}
|
|
12
|
+
handler: (sender) => console.log(sender),
|
|
13
|
+
},
|
|
14
|
+
],
|
|
15
|
+
},
|
|
16
16
|
});
|
|
17
17
|
$ui.render({
|
|
18
|
-
views: [
|
|
18
|
+
views: [
|
|
19
|
+
{
|
|
19
20
|
type: "button",
|
|
20
21
|
props: {},
|
|
21
22
|
layout: $layout.fill,
|
|
22
23
|
events: {
|
|
23
24
|
tapped: () => {
|
|
24
25
|
$ui.push({
|
|
25
|
-
views: [navbar.definition]
|
|
26
|
+
views: [navbar.definition],
|
|
26
27
|
});
|
|
27
28
|
$delay(1, () => {
|
|
28
29
|
navbar.cviews.bgview.view.alpha = 0.5;
|
|
@@ -32,7 +33,8 @@ $ui.render({
|
|
|
32
33
|
navbar.cviews.bgview.view.alpha = 0;
|
|
33
34
|
navbar.cviews.separator.view.alpha = 0;
|
|
34
35
|
});
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
],
|
|
38
40
|
});
|
|
@@ -11,7 +11,7 @@ const menuList = [
|
|
|
11
11
|
symbol: "plus",
|
|
12
12
|
handler: () => {
|
|
13
13
|
menuIndex = 0;
|
|
14
|
-
}
|
|
14
|
+
},
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
title: "变成菜单2",
|
|
@@ -19,9 +19,9 @@ const menuList = [
|
|
|
19
19
|
destructive: true,
|
|
20
20
|
handler: () => {
|
|
21
21
|
menuIndex = 1;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
]
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
],
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
title: "菜单2",
|
|
@@ -31,17 +31,17 @@ const menuList = [
|
|
|
31
31
|
symbol: "plus",
|
|
32
32
|
handler: () => {
|
|
33
33
|
menuIndex = 0;
|
|
34
|
-
}
|
|
34
|
+
},
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
37
|
title: "变成菜单2",
|
|
38
38
|
symbol: "plus",
|
|
39
39
|
handler: () => {
|
|
40
40
|
menuIndex = 1;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
]
|
|
44
|
-
}
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
],
|
|
44
|
+
},
|
|
45
45
|
];
|
|
46
46
|
const view = new dynamic_contextmenu_view_1.DynamicContextMenuView({
|
|
47
47
|
generateContextMenu: (sender) => {
|
|
@@ -52,16 +52,18 @@ const view = new dynamic_contextmenu_view_1.DynamicContextMenuView({
|
|
|
52
52
|
make.center.equalTo(view.super);
|
|
53
53
|
make.size.equalTo($size(100, 100));
|
|
54
54
|
},
|
|
55
|
-
views: [
|
|
55
|
+
views: [
|
|
56
|
+
{
|
|
56
57
|
type: "label",
|
|
57
58
|
props: {
|
|
58
59
|
text: "长按我",
|
|
59
60
|
textColor: $color("black"),
|
|
60
|
-
align: $align.center
|
|
61
|
+
align: $align.center,
|
|
61
62
|
},
|
|
62
|
-
layout: $layout.center
|
|
63
|
-
}
|
|
63
|
+
layout: $layout.center,
|
|
64
|
+
},
|
|
65
|
+
],
|
|
64
66
|
});
|
|
65
67
|
$ui.render({
|
|
66
|
-
views: [view.definition]
|
|
68
|
+
views: [view.definition],
|
|
67
69
|
});
|
|
@@ -13,62 +13,63 @@ const matrix = new dynamic_itemsize_matrix_1.DynamicItemSizeMatrix({
|
|
|
13
13
|
props: {
|
|
14
14
|
id: "label",
|
|
15
15
|
align: $align.center,
|
|
16
|
-
font: $font(13)
|
|
16
|
+
font: $font(13),
|
|
17
17
|
},
|
|
18
18
|
layout: (make, view) => {
|
|
19
19
|
make.left.right.bottom.inset(0);
|
|
20
20
|
make.height.equalTo(20);
|
|
21
|
-
}
|
|
21
|
+
},
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
24
|
type: "image",
|
|
25
25
|
props: {
|
|
26
26
|
symbol: "sun.dust",
|
|
27
27
|
bgcolor: $color("backgroundColor", "secondarySurface"),
|
|
28
|
-
contentMode: $contentMode.scaleAspectFit
|
|
28
|
+
contentMode: $contentMode.scaleAspectFit,
|
|
29
29
|
},
|
|
30
30
|
layout: (make, view) => {
|
|
31
31
|
make.top.left.right.equalTo(0);
|
|
32
32
|
make.bottom.equalTo(view.prev.top);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
]
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
],
|
|
36
36
|
},
|
|
37
37
|
data: [...Array(100)].map((n, i) => {
|
|
38
38
|
return {
|
|
39
|
-
label: { text: i + 1 }
|
|
39
|
+
label: { text: i + 1 },
|
|
40
40
|
};
|
|
41
41
|
}),
|
|
42
42
|
footer: {
|
|
43
43
|
type: "view",
|
|
44
44
|
props: {
|
|
45
|
-
height: 20
|
|
46
|
-
}
|
|
47
|
-
}
|
|
45
|
+
height: 20,
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
48
|
},
|
|
49
49
|
layout: (make, view) => {
|
|
50
50
|
make.left.right.equalTo(view.super.safeArea);
|
|
51
51
|
make.top.bottom.equalTo(view.super);
|
|
52
52
|
},
|
|
53
53
|
events: {
|
|
54
|
-
itemHeight: width => width * 1.414 + 20,
|
|
54
|
+
itemHeight: (width) => width * 1.414 + 20,
|
|
55
55
|
didSelect: (sender, indexPath, data) => { },
|
|
56
|
-
didScroll: sender => {
|
|
56
|
+
didScroll: (sender) => {
|
|
57
57
|
matrix.columns;
|
|
58
58
|
console.log(sender.contentOffset.y);
|
|
59
59
|
console.log(Math.ceil(sender.contentOffset.y / (matrix.itemSize.height + 5)));
|
|
60
|
-
console.log(Math.ceil(sender.contentOffset.y / (matrix.itemSize.height + 5)) *
|
|
60
|
+
console.log(Math.ceil(sender.contentOffset.y / (matrix.itemSize.height + 5)) *
|
|
61
|
+
matrix.columns);
|
|
61
62
|
},
|
|
62
|
-
}
|
|
63
|
+
},
|
|
63
64
|
});
|
|
64
65
|
$ui.render({
|
|
65
66
|
props: {
|
|
66
67
|
navButtons: [
|
|
67
68
|
{
|
|
68
69
|
symbol: "plus",
|
|
69
|
-
handler: () => matrix.data = [{ label: { text: "New" } }]
|
|
70
|
-
}
|
|
71
|
-
]
|
|
70
|
+
handler: () => (matrix.data = [{ label: { text: "New" } }]),
|
|
71
|
+
},
|
|
72
|
+
],
|
|
72
73
|
},
|
|
73
74
|
views: [matrix.definition],
|
|
74
75
|
});
|
|
@@ -9,19 +9,19 @@ const sections = [
|
|
|
9
9
|
type: "string",
|
|
10
10
|
title: "string",
|
|
11
11
|
key: "string",
|
|
12
|
-
value: "测试一号测试二号测试三号测试四号测试五号测试六号"
|
|
12
|
+
value: "测试一号测试二号测试三号测试四号测试五号测试六号",
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
15
|
type: "number",
|
|
16
16
|
title: "number",
|
|
17
17
|
key: "number",
|
|
18
|
-
value: 1111.1
|
|
18
|
+
value: 1111.1,
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
type: "integer",
|
|
22
22
|
title: "integer",
|
|
23
23
|
key: "integer",
|
|
24
|
-
value: 1111
|
|
24
|
+
value: 1111,
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
type: "stepper",
|
|
@@ -29,9 +29,9 @@ const sections = [
|
|
|
29
29
|
key: "stepper",
|
|
30
30
|
value: 2,
|
|
31
31
|
min: 2,
|
|
32
|
-
max: 5
|
|
33
|
-
}
|
|
34
|
-
]
|
|
32
|
+
max: 5,
|
|
33
|
+
},
|
|
34
|
+
],
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
37
|
title: "Section 2",
|
|
@@ -40,7 +40,7 @@ const sections = [
|
|
|
40
40
|
type: "boolean",
|
|
41
41
|
title: "boolean",
|
|
42
42
|
key: "boolean",
|
|
43
|
-
value: true
|
|
43
|
+
value: true,
|
|
44
44
|
},
|
|
45
45
|
{
|
|
46
46
|
type: "slider",
|
|
@@ -49,29 +49,29 @@ const sections = [
|
|
|
49
49
|
value: 1,
|
|
50
50
|
decimal: 0,
|
|
51
51
|
min: 0,
|
|
52
|
-
max: 2
|
|
52
|
+
max: 2,
|
|
53
53
|
},
|
|
54
54
|
{
|
|
55
55
|
type: "list",
|
|
56
56
|
title: "list",
|
|
57
57
|
key: "list",
|
|
58
58
|
items: ["测试一号", "测试bbb"],
|
|
59
|
-
value: 0
|
|
59
|
+
value: 0,
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
62
|
type: "tab",
|
|
63
63
|
title: "tab",
|
|
64
64
|
key: "tab",
|
|
65
65
|
items: ["测试aaa", "测试bbb"],
|
|
66
|
-
value: 0
|
|
66
|
+
value: 0,
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
type: "date",
|
|
70
70
|
title: "date",
|
|
71
71
|
key: "date",
|
|
72
|
-
mode: 1
|
|
73
|
-
}
|
|
74
|
-
]
|
|
72
|
+
mode: 1,
|
|
73
|
+
},
|
|
74
|
+
],
|
|
75
75
|
},
|
|
76
76
|
{
|
|
77
77
|
title: "Section 3",
|
|
@@ -79,20 +79,20 @@ const sections = [
|
|
|
79
79
|
{
|
|
80
80
|
type: "info",
|
|
81
81
|
title: "info",
|
|
82
|
-
value: "this is info"
|
|
82
|
+
value: "this is info",
|
|
83
83
|
},
|
|
84
84
|
{
|
|
85
85
|
type: "link",
|
|
86
86
|
title: "link",
|
|
87
|
-
value: "https://apple.com"
|
|
87
|
+
value: "https://apple.com",
|
|
88
88
|
},
|
|
89
89
|
{
|
|
90
90
|
type: "action",
|
|
91
91
|
title: "action",
|
|
92
|
-
value: () => console.info(0)
|
|
93
|
-
}
|
|
94
|
-
]
|
|
95
|
-
}
|
|
92
|
+
value: () => console.info(0),
|
|
93
|
+
},
|
|
94
|
+
],
|
|
95
|
+
},
|
|
96
96
|
];
|
|
97
97
|
const v = new dynamic_preference_listview_1.DynamicPreferenceListView({
|
|
98
98
|
props: { data: [] },
|
|
@@ -102,8 +102,8 @@ const v = new dynamic_preference_listview_1.DynamicPreferenceListView({
|
|
|
102
102
|
changed: (values) => {
|
|
103
103
|
console.info(values);
|
|
104
104
|
console.info(values.date);
|
|
105
|
-
}
|
|
106
|
-
}
|
|
105
|
+
},
|
|
106
|
+
},
|
|
107
107
|
});
|
|
108
108
|
$ui.render({
|
|
109
109
|
props: {
|
|
@@ -119,21 +119,21 @@ $ui.render({
|
|
|
119
119
|
type: "interactive-info",
|
|
120
120
|
title: "interactive-info",
|
|
121
121
|
key: "interactive-info",
|
|
122
|
-
value: "测试一号测试二号测试三号测试四号测试五号测试六号"
|
|
122
|
+
value: "测试一号测试二号测试三号测试四号测试五号测试六号",
|
|
123
123
|
},
|
|
124
124
|
{
|
|
125
125
|
type: "interactive-info",
|
|
126
126
|
title: "interactive-info2",
|
|
127
127
|
key: "interactive-info2",
|
|
128
128
|
value: "测试一号测试二号测试三号测试四号测试五号测试六号",
|
|
129
|
-
copyable: true
|
|
130
|
-
}
|
|
131
|
-
]
|
|
129
|
+
copyable: true,
|
|
130
|
+
},
|
|
131
|
+
],
|
|
132
132
|
});
|
|
133
133
|
v.sections = sections;
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
]
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
],
|
|
137
137
|
},
|
|
138
|
-
views: [v.definition]
|
|
138
|
+
views: [v.definition],
|
|
139
139
|
});
|
package/dist/test/flowlayout.js
CHANGED
|
@@ -9,7 +9,7 @@ class FlowlayoutItem extends single_views_1.Label {
|
|
|
9
9
|
text: text,
|
|
10
10
|
borderWidth: 1,
|
|
11
11
|
},
|
|
12
|
-
layout: $layout.fill
|
|
12
|
+
layout: $layout.fill,
|
|
13
13
|
});
|
|
14
14
|
this._text = text;
|
|
15
15
|
}
|
|
@@ -19,17 +19,23 @@ class FlowlayoutItem extends single_views_1.Label {
|
|
|
19
19
|
}
|
|
20
20
|
const flowlayout = new flowlayout_1.Flowlayout({
|
|
21
21
|
props: {
|
|
22
|
-
items: [
|
|
22
|
+
items: [
|
|
23
|
+
new FlowlayoutItem("Hello"),
|
|
24
|
+
new FlowlayoutItem("World"),
|
|
25
|
+
new FlowlayoutItem("Flowlayout"),
|
|
26
|
+
],
|
|
23
27
|
spacing: 10,
|
|
24
28
|
itemHeight: 30,
|
|
25
29
|
fixedRows: 2,
|
|
26
30
|
fixedHeight: true,
|
|
27
31
|
menu: {
|
|
28
|
-
items: [
|
|
32
|
+
items: [
|
|
33
|
+
{
|
|
29
34
|
symbol: "plus",
|
|
30
|
-
handler: sender => console.log("here")
|
|
31
|
-
}
|
|
32
|
-
|
|
35
|
+
handler: (sender) => console.log("here"),
|
|
36
|
+
},
|
|
37
|
+
],
|
|
38
|
+
},
|
|
33
39
|
},
|
|
34
40
|
layout: (make, view) => {
|
|
35
41
|
make.left.right.inset(10);
|
|
@@ -39,8 +45,8 @@ const flowlayout = new flowlayout_1.Flowlayout({
|
|
|
39
45
|
events: {
|
|
40
46
|
didSelect: (sender, index, item) => {
|
|
41
47
|
$ui.alert(item.view.text);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
48
|
+
},
|
|
49
|
+
},
|
|
44
50
|
});
|
|
45
51
|
$ui.render({
|
|
46
52
|
props: {
|
|
@@ -49,26 +55,26 @@ $ui.render({
|
|
|
49
55
|
symbol: "plus",
|
|
50
56
|
handler: () => {
|
|
51
57
|
flowlayout.items = [
|
|
52
|
-
new FlowlayoutItem(
|
|
53
|
-
new FlowlayoutItem(
|
|
54
|
-
new FlowlayoutItem(
|
|
55
|
-
new FlowlayoutItem(
|
|
56
|
-
new FlowlayoutItem(
|
|
57
|
-
new FlowlayoutItem(
|
|
58
|
-
new FlowlayoutItem(
|
|
59
|
-
new FlowlayoutItem(
|
|
60
|
-
new FlowlayoutItem(
|
|
61
|
-
new FlowlayoutItem(
|
|
62
|
-
new FlowlayoutItem(
|
|
63
|
-
new FlowlayoutItem(
|
|
64
|
-
new FlowlayoutItem(
|
|
65
|
-
new FlowlayoutItem(
|
|
66
|
-
new FlowlayoutItem(
|
|
67
|
-
new FlowlayoutItem(
|
|
58
|
+
new FlowlayoutItem("Hello"),
|
|
59
|
+
new FlowlayoutItem("World"),
|
|
60
|
+
new FlowlayoutItem("Flowlayout"),
|
|
61
|
+
new FlowlayoutItem("New Item"),
|
|
62
|
+
new FlowlayoutItem("Hello"),
|
|
63
|
+
new FlowlayoutItem("World"),
|
|
64
|
+
new FlowlayoutItem("FlowlayoutFlowlayoutFlowlayout"),
|
|
65
|
+
new FlowlayoutItem("New Item"),
|
|
66
|
+
new FlowlayoutItem("Hello"),
|
|
67
|
+
new FlowlayoutItem("World"),
|
|
68
|
+
new FlowlayoutItem("FlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayout"),
|
|
69
|
+
new FlowlayoutItem("New Item"),
|
|
70
|
+
new FlowlayoutItem("Hello"),
|
|
71
|
+
new FlowlayoutItem("World"),
|
|
72
|
+
new FlowlayoutItem("FlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayout"),
|
|
73
|
+
new FlowlayoutItem("New Item"),
|
|
68
74
|
];
|
|
69
|
-
}
|
|
70
|
-
}
|
|
75
|
+
},
|
|
76
|
+
},
|
|
71
77
|
],
|
|
72
78
|
},
|
|
73
|
-
views: [flowlayout.definition]
|
|
79
|
+
views: [flowlayout.definition],
|
|
74
80
|
});
|
package/dist/test/form-dialog.js
CHANGED
|
@@ -11,10 +11,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
12
|
const form_dialog_1 = require("../components/dialogs/form-dialog");
|
|
13
13
|
$ui.render({
|
|
14
|
-
views: [
|
|
14
|
+
views: [
|
|
15
|
+
{
|
|
15
16
|
type: "button",
|
|
16
17
|
props: {
|
|
17
|
-
title: "Show Form Dialog"
|
|
18
|
+
title: "Show Form Dialog",
|
|
18
19
|
},
|
|
19
20
|
layout: $layout.center,
|
|
20
21
|
events: {
|
|
@@ -28,31 +29,32 @@ $ui.render({
|
|
|
28
29
|
type: "boolean",
|
|
29
30
|
title: "Switch",
|
|
30
31
|
key: "switch",
|
|
31
|
-
value: true
|
|
32
|
+
value: true,
|
|
32
33
|
},
|
|
33
34
|
{
|
|
34
35
|
type: "string",
|
|
35
36
|
title: "String",
|
|
36
37
|
key: "string",
|
|
37
|
-
value: "Hello, World!"
|
|
38
|
-
}
|
|
39
|
-
]
|
|
40
|
-
}
|
|
38
|
+
value: "Hello, World!",
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
},
|
|
41
42
|
],
|
|
42
43
|
title: "Form Dialog",
|
|
43
|
-
checkHandler: values => {
|
|
44
|
+
checkHandler: (values) => {
|
|
44
45
|
console.log(values);
|
|
45
46
|
if (values.switch)
|
|
46
47
|
return true;
|
|
47
48
|
else
|
|
48
49
|
return false;
|
|
49
|
-
}
|
|
50
|
+
},
|
|
50
51
|
});
|
|
51
52
|
$ui.alert({
|
|
52
53
|
title: "Values",
|
|
53
|
-
message: JSON.stringify(values, null, 2)
|
|
54
|
+
message: JSON.stringify(values, null, 2),
|
|
54
55
|
});
|
|
55
|
-
})
|
|
56
|
-
}
|
|
57
|
-
}
|
|
56
|
+
}),
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
],
|
|
58
60
|
});
|
|
@@ -2,16 +2,19 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const pageviewer_controller_1 = require("../controller/pageviewer-controller");
|
|
4
4
|
const base_controller_1 = require("../controller/base-controller");
|
|
5
|
-
const items = [
|
|
5
|
+
const items = [
|
|
6
|
+
{
|
|
6
7
|
controller: new base_controller_1.BaseController({ props: { bgcolor: $color("red") } }),
|
|
7
|
-
title: "Page 1"
|
|
8
|
-
},
|
|
8
|
+
title: "Page 1",
|
|
9
|
+
},
|
|
10
|
+
{
|
|
9
11
|
controller: new base_controller_1.BaseController({ props: { bgcolor: $color("yellow") } }),
|
|
10
|
-
title: "Page 2"
|
|
11
|
-
}
|
|
12
|
+
title: "Page 2",
|
|
13
|
+
},
|
|
14
|
+
];
|
|
12
15
|
const pageViewerController = new pageviewer_controller_1.PageViewerController({
|
|
13
16
|
props: {
|
|
14
|
-
items
|
|
15
|
-
}
|
|
17
|
+
items,
|
|
18
|
+
},
|
|
16
19
|
});
|
|
17
20
|
pageViewerController.uirender({});
|
|
@@ -4,15 +4,15 @@ const pageviewer_titlebar_1 = require("../components/pageviewer-titlebar");
|
|
|
4
4
|
const pageViewerTitleBar = new pageviewer_titlebar_1.PageViewerTitleBar({
|
|
5
5
|
props: {
|
|
6
6
|
items: ["Page 1", "Page 2", "Page 3"],
|
|
7
|
-
index: 0
|
|
7
|
+
index: 0,
|
|
8
8
|
},
|
|
9
9
|
layout: (make, view) => {
|
|
10
10
|
make.left.right.inset(0);
|
|
11
11
|
make.top.equalTo(view.super.safeAreaTop);
|
|
12
12
|
make.height.equalTo(44);
|
|
13
13
|
},
|
|
14
|
-
events: {}
|
|
14
|
+
events: {},
|
|
15
15
|
});
|
|
16
16
|
$ui.render({
|
|
17
|
-
views: [pageViewerTitleBar.definition]
|
|
17
|
+
views: [pageViewerTitleBar.definition],
|
|
18
18
|
});
|
package/dist/test/pageviewer.js
CHANGED
|
@@ -6,18 +6,27 @@ const pageViewer = new pageviewer_1.PageViewer({
|
|
|
6
6
|
props: {
|
|
7
7
|
page: 0,
|
|
8
8
|
cviews: [
|
|
9
|
-
new single_views_1.ContentView({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
new single_views_1.ContentView({
|
|
10
|
+
props: { bgcolor: $color("red") },
|
|
11
|
+
layout: $layout.fill,
|
|
12
|
+
}),
|
|
13
|
+
new single_views_1.ContentView({
|
|
14
|
+
props: { bgcolor: $color("green") },
|
|
15
|
+
layout: $layout.fill,
|
|
16
|
+
}),
|
|
17
|
+
new single_views_1.ContentView({
|
|
18
|
+
props: { bgcolor: $color("blue") },
|
|
19
|
+
layout: $layout.fill,
|
|
20
|
+
}),
|
|
21
|
+
],
|
|
13
22
|
},
|
|
14
23
|
layout: $layout.fill,
|
|
15
24
|
events: {
|
|
16
25
|
floatPageChanged: (cview, floatPage) => {
|
|
17
26
|
console.log(floatPage);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
27
|
+
},
|
|
28
|
+
},
|
|
20
29
|
});
|
|
21
30
|
$ui.render({
|
|
22
|
-
views: [pageViewer.definition]
|
|
31
|
+
views: [pageViewer.definition],
|
|
23
32
|
});
|
|
@@ -14,7 +14,7 @@ const refreshButton = new refresh_button_1.RefreshButton({
|
|
|
14
14
|
props: {
|
|
15
15
|
tintColor: $color("primaryText"),
|
|
16
16
|
enabled: true,
|
|
17
|
-
hidden: false
|
|
17
|
+
hidden: false,
|
|
18
18
|
},
|
|
19
19
|
layout: (make, view) => {
|
|
20
20
|
make.width.equalTo(50);
|
|
@@ -27,9 +27,9 @@ const refreshButton = new refresh_button_1.RefreshButton({
|
|
|
27
27
|
refreshButton.loading = true;
|
|
28
28
|
yield $wait(2);
|
|
29
29
|
refreshButton.loading = false;
|
|
30
|
-
})
|
|
31
|
-
}
|
|
30
|
+
}),
|
|
31
|
+
},
|
|
32
32
|
});
|
|
33
33
|
$ui.render({
|
|
34
|
-
views: [refreshButton.definition]
|
|
34
|
+
views: [refreshButton.definition],
|
|
35
35
|
});
|