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.
Files changed (114) hide show
  1. package/components/alert/input-alert.ts +5 -7
  2. package/components/alert/login-alert.ts +7 -7
  3. package/components/alert/plain-alert.ts +3 -3
  4. package/components/alert/uialert.ts +14 -6
  5. package/components/base.ts +12 -8
  6. package/components/custom-navigation-bar.ts +106 -88
  7. package/components/dialogs/dialog-sheet.ts +12 -8
  8. package/components/dialogs/form-dialog.ts +29 -16
  9. package/components/dialogs/list-dialog.ts +26 -20
  10. package/components/dialogs/text-dialog.ts +13 -8
  11. package/components/dynamic-contextmenu-view.ts +57 -25
  12. package/components/dynamic-itemsize-matrix.ts +45 -40
  13. package/components/dynamic-preference-listview.ts +135 -117
  14. package/components/dynamic-rowheight-list.ts +32 -20
  15. package/components/enhanced-imageview.ts +37 -28
  16. package/components/flowlayout.ts +61 -42
  17. package/components/image-pager.ts +33 -29
  18. package/components/page-control.ts +15 -11
  19. package/components/pageviewer-titlebar.ts +29 -22
  20. package/components/pageviewer.ts +33 -23
  21. package/components/refresh-button.ts +8 -8
  22. package/components/rotating-view.ts +24 -20
  23. package/components/searchbar.ts +113 -65
  24. package/components/sheet.ts +23 -17
  25. package/components/single-views.ts +228 -72
  26. package/components/spinners/loading-dual-ring.ts +21 -15
  27. package/components/spinners/loading-wedges.ts +24 -18
  28. package/components/spinners/spinner-androidstyle.ts +58 -47
  29. package/components/static-preference-listview.ts +197 -151
  30. package/components/symbol-button.ts +23 -22
  31. package/components/tabbar.ts +80 -64
  32. package/controller/base-controller.ts +42 -35
  33. package/controller/controller-router.ts +4 -4
  34. package/controller/pageviewer-controller.ts +41 -27
  35. package/controller/presented-page-controller.ts +27 -15
  36. package/controller/splitview-controller.ts +77 -44
  37. package/controller/tabbar-controller.ts +33 -23
  38. package/dist/components/alert/input-alert.js +3 -3
  39. package/dist/components/alert/login-alert.js +5 -5
  40. package/dist/components/alert/plain-alert.js +1 -1
  41. package/dist/components/alert/uialert.js +4 -4
  42. package/dist/components/base.js +2 -1
  43. package/dist/components/custom-navigation-bar.js +61 -59
  44. package/dist/components/dialogs/dialog-sheet.js +5 -5
  45. package/dist/components/dialogs/form-dialog.js +2 -2
  46. package/dist/components/dialogs/list-dialog.js +15 -15
  47. package/dist/components/dialogs/text-dialog.js +6 -6
  48. package/dist/components/dynamic-contextmenu-view.js +11 -8
  49. package/dist/components/dynamic-itemsize-matrix.js +15 -13
  50. package/dist/components/dynamic-preference-listview.js +95 -90
  51. package/dist/components/dynamic-rowheight-list.js +7 -6
  52. package/dist/components/enhanced-imageview.js +18 -16
  53. package/dist/components/flowlayout.js +15 -14
  54. package/dist/components/image-pager.js +22 -21
  55. package/dist/components/page-control.js +2 -2
  56. package/dist/components/pageviewer-titlebar.js +20 -17
  57. package/dist/components/pageviewer.js +13 -12
  58. package/dist/components/refresh-button.js +5 -5
  59. package/dist/components/rotating-view.js +11 -11
  60. package/dist/components/searchbar.js +53 -41
  61. package/dist/components/sheet.js +4 -4
  62. package/dist/components/single-views.js +68 -68
  63. package/dist/components/spinners/loading-dual-ring.js +10 -10
  64. package/dist/components/spinners/loading-wedges.js +15 -15
  65. package/dist/components/spinners/spinner-androidstyle.js +45 -43
  66. package/dist/components/static-preference-listview.js +101 -102
  67. package/dist/components/symbol-button.js +14 -13
  68. package/dist/components/tabbar.js +54 -50
  69. package/dist/controller/base-controller.js +17 -14
  70. package/dist/controller/pageviewer-controller.js +13 -11
  71. package/dist/controller/presented-page-controller.js +6 -4
  72. package/dist/controller/splitview-controller.js +48 -31
  73. package/dist/controller/tabbar-controller.js +13 -12
  74. package/dist/test/custom-navigation-bar.js +11 -9
  75. package/dist/test/dynamic-contextmenu-view.js +16 -14
  76. package/dist/test/dynamic-itemsize-matrix.js +18 -17
  77. package/dist/test/dynamic-preference-listview.js +29 -29
  78. package/dist/test/flowlayout.js +33 -27
  79. package/dist/test/form-dialog.js +15 -13
  80. package/dist/test/pageviewer-controller.js +10 -7
  81. package/dist/test/pageviewer-titlebar.js +3 -3
  82. package/dist/test/pageviewer.js +16 -7
  83. package/dist/test/refresh-button.js +4 -4
  84. package/dist/test/searchbar.js +7 -7
  85. package/dist/test/splitview-controller.js +14 -11
  86. package/dist/test/static-preference-listview.js +29 -30
  87. package/dist/test/tabbar-controller.js +15 -12
  88. package/dist/utils/colors.js +1 -2
  89. package/dist/utils/l10n.js +28 -28
  90. package/dist/utils/path.js +2 -2
  91. package/dist/utils/rect.js +30 -8
  92. package/dist/utils/uitools.js +29 -19
  93. package/index.ts +43 -43
  94. package/package.json +2 -2
  95. package/test/custom-navigation-bar.ts +28 -28
  96. package/test/dynamic-contextmenu-view.ts +23 -21
  97. package/test/dynamic-itemsize-matrix.ts +27 -22
  98. package/test/dynamic-preference-listview.ts +35 -35
  99. package/test/flowlayout.ts +43 -33
  100. package/test/form-dialog.ts +44 -43
  101. package/test/pageviewer-controller.ts +13 -11
  102. package/test/pageviewer-titlebar.ts +4 -5
  103. package/test/pageviewer.ts +17 -8
  104. package/test/refresh-button.ts +5 -5
  105. package/test/searchbar.ts +8 -8
  106. package/test/splitview-controller.ts +31 -30
  107. package/test/static-preference-listview.ts +35 -34
  108. package/test/tabbar-controller.ts +32 -29
  109. package/utils/colors.ts +7 -8
  110. package/utils/cvid.ts +1 -2
  111. package/utils/l10n.ts +32 -32
  112. package/utils/path.ts +9 -9
  113. package/utils/rect.ts +31 -8
  114. 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.find(item => item.controller.status === 2)) === null || _a === void 0 ? void 0 : _a.controller.disappear();
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)) * matrix.columns);
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
  });
@@ -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: [new FlowlayoutItem('Hello'), new FlowlayoutItem('World'), new FlowlayoutItem('Flowlayout')],
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('Hello'),
53
- new FlowlayoutItem('World'),
54
- new FlowlayoutItem('Flowlayout'),
55
- new FlowlayoutItem('New Item'),
56
- new FlowlayoutItem('Hello'),
57
- new FlowlayoutItem('World'),
58
- new FlowlayoutItem('FlowlayoutFlowlayoutFlowlayout'),
59
- new FlowlayoutItem('New Item'),
60
- new FlowlayoutItem('Hello'),
61
- new FlowlayoutItem('World'),
62
- new FlowlayoutItem('FlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayout'),
63
- new FlowlayoutItem('New Item'),
64
- new FlowlayoutItem('Hello'),
65
- new FlowlayoutItem('World'),
66
- new FlowlayoutItem('FlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayout'),
67
- new FlowlayoutItem('New Item'),
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
  });
@@ -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
  });
@@ -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({ props: { bgcolor: $color("red") }, layout: $layout.fill }),
10
- new single_views_1.ContentView({ props: { bgcolor: $color("green") }, layout: $layout.fill }),
11
- new single_views_1.ContentView({ props: { bgcolor: $color("blue") }, layout: $layout.fill })
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
  });