@nativescript-community/ui-material-tabs 7.0.28 → 7.0.30
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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [7.0.30](https://github.com/nativescript-community/ui-material-components/compare/v7.0.29...v7.0.30) (2022-11-18)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @nativescript-community/ui-material-tabs
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [7.0.29](https://github.com/nativescript-community/ui-material-components/compare/v7.0.28...v7.0.29) (2022-10-24)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @nativescript-community/ui-material-tabs
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
## [7.0.28](https://github.com/nativescript-community/ui-material-components/compare/v7.0.27...v7.0.28) (2022-09-16)
|
|
7
23
|
|
|
8
24
|
**Note:** Version bump only for package @nativescript-community/ui-material-tabs
|
package/README.md
CHANGED
|
@@ -17,11 +17,6 @@ Material Design's [Tabs](https://material.io/components/tabs) component for Nati
|
|
|
17
17
|
- [React](#nativescript--react)
|
|
18
18
|
5. [API](#api)
|
|
19
19
|
|
|
20
|
-
## Installation
|
|
21
|
-
|
|
22
|
-
### :warning: Warning :warning:
|
|
23
|
-
From NativeScript 5.x using this component will break the [NativeScript tab component](https://docs.nativescript.org/ui/components/tabs) on iOS (which is bound to be removed). This is needed to allow using the latest native iOS features. If needed you can use either [bottomnavigationbar](https://www.npmjs.com/package/@nativescript-community/ui-material-bottomnavigationbar) (this one is the best choice, closest to material design) or [material-tabs](https://www.npmjs.com/package/@nativescript-community/ui-material-tabs) (clone of the NativeScript one, but with a little less features).
|
|
24
|
-
|
|
25
20
|
##
|
|
26
21
|
|
|
27
22
|
```
|
|
@@ -44,73 +39,73 @@ IMPORTANT: _Make sure you include `xmlns:mds="@nativescript-community/ui-materia
|
|
|
44
39
|
|
|
45
40
|
```XML
|
|
46
41
|
<Page xmlns:mdt="@nativescript-community/ui-material-tabs">
|
|
47
|
-
<mdt:
|
|
42
|
+
<mdt:Tabs selectedIndex="1">
|
|
48
43
|
<!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
|
|
49
|
-
<mdt:
|
|
50
|
-
<mdt:
|
|
44
|
+
<mdt:TabStrip>
|
|
45
|
+
<mdt:TabStripItem>
|
|
51
46
|
<Label text="Home"></Label>
|
|
52
47
|
<Image src="font://" class="fas"></Image>
|
|
53
|
-
</
|
|
54
|
-
<mdt:
|
|
48
|
+
</TabStripItem>
|
|
49
|
+
<mdt:TabStripItem> class="special">
|
|
55
50
|
<Label text="Account"></Label>
|
|
56
51
|
<Image src="font://" class="fas"></Image>
|
|
57
|
-
</
|
|
58
|
-
<mdt:
|
|
52
|
+
</mdt:TabStripItem>
|
|
53
|
+
<mdt:TabStripItem> class="special">
|
|
59
54
|
<Label text="Search"></Label>
|
|
60
55
|
<Image src="font://" class="fas"></Image>
|
|
61
|
-
</
|
|
62
|
-
</
|
|
56
|
+
</mdt:TabStripItem>
|
|
57
|
+
</mdt:TabStrip>
|
|
63
58
|
|
|
64
59
|
<!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
|
|
65
|
-
<mdt:
|
|
60
|
+
<mdt:TabContentItem>
|
|
66
61
|
<GridLayout>
|
|
67
62
|
<Label text="Home Page" class="h2 text-center"></Label>
|
|
68
63
|
</GridLayout>
|
|
69
|
-
</
|
|
70
|
-
<mdt:
|
|
64
|
+
</mdt:TabContentItem>
|
|
65
|
+
<mdt:TabContentItem>
|
|
71
66
|
<GridLayout>
|
|
72
67
|
<Label text="Account Page" class="h2 text-center"></Label>
|
|
73
68
|
</GridLayout>
|
|
74
|
-
</
|
|
75
|
-
<mdt:
|
|
69
|
+
</mdt:TabContentItem>
|
|
70
|
+
<mdt:TabContentItem>
|
|
76
71
|
<GridLayout>
|
|
77
72
|
<Label text="Search Page" class="h2 text-center"></Label>
|
|
78
73
|
</GridLayout>
|
|
79
|
-
</
|
|
80
|
-
</Tabs>
|
|
74
|
+
</mdt:TabContentItem>
|
|
75
|
+
</mdt:Tabs>
|
|
81
76
|
</Page>
|
|
82
77
|
```
|
|
83
78
|
|
|
84
79
|
#### CSS
|
|
85
80
|
|
|
86
81
|
```CSS
|
|
87
|
-
|
|
82
|
+
Tabs.bottom-nav {
|
|
88
83
|
background-color: orangered;
|
|
89
84
|
color: gold;
|
|
90
85
|
font-size: 18;
|
|
91
86
|
}
|
|
92
87
|
|
|
93
|
-
|
|
88
|
+
TabStripItem.tabstripitem-active {
|
|
94
89
|
background-color: teal;
|
|
95
90
|
}
|
|
96
91
|
|
|
97
|
-
|
|
92
|
+
TabStripItem.tabstripitem-active:active {
|
|
98
93
|
background-color: yellowgreen;
|
|
99
94
|
}
|
|
100
95
|
|
|
101
|
-
|
|
96
|
+
TabContentItem.first-tabcontent {
|
|
102
97
|
background-color: seashell;
|
|
103
98
|
color: olive;
|
|
104
99
|
}
|
|
105
|
-
|
|
100
|
+
TabContentItem.second-tabcontent {
|
|
106
101
|
background-color: slategray;
|
|
107
102
|
color: aquamarine;
|
|
108
103
|
}
|
|
109
|
-
|
|
104
|
+
TabContentItem.third-tabcontent {
|
|
110
105
|
background-color: blueviolet;
|
|
111
106
|
color: antiquewhite;
|
|
112
107
|
}
|
|
113
|
-
|
|
108
|
+
Tabs MDTabStrip {
|
|
114
109
|
highlight-color: red;
|
|
115
110
|
}
|
|
116
111
|
```
|
package/angular/package.json
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
"esm2020": "esm2020/nativescript-community-ui-material-tabs-angular.mjs",
|
|
7
7
|
"fesm2020": "fesm2020/nativescript-community-ui-material-tabs-angular.mjs",
|
|
8
8
|
"fesm2015": "fesm2015/nativescript-community-ui-material-tabs-angular.mjs",
|
|
9
|
-
"typings": "
|
|
9
|
+
"typings": "index.d.ts",
|
|
10
10
|
"exports": {
|
|
11
11
|
"./package.json": {
|
|
12
12
|
"default": "./package.json"
|
|
13
13
|
},
|
|
14
14
|
".": {
|
|
15
|
-
"types": "./
|
|
15
|
+
"types": "./index.d.ts",
|
|
16
16
|
"esm2020": "./esm2020/nativescript-community-ui-material-tabs-angular.mjs",
|
|
17
17
|
"es2020": "./fesm2020/nativescript-community-ui-material-tabs-angular.mjs",
|
|
18
18
|
"es2015": "./fesm2015/nativescript-community-ui-material-tabs-angular.mjs",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nativescript-community/ui-material-tabs",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.30",
|
|
4
4
|
"description": "Material Design Tabs organize content across different screens, data sets, and other interactions.",
|
|
5
5
|
"main": "./index",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -9,11 +9,12 @@
|
|
|
9
9
|
"tsc": "../../node_modules/.bin/cpy ../../src/tabs/index.d.ts ./ && ../../node_modules/.bin/tsc -d",
|
|
10
10
|
"tsc-win": "..\\..\\node_modules\\.bin\\cpy ..\\..\\src\\tabs\\index.d.ts .\\ && ..\\..\\node_modules\\.bin\\tsc -d",
|
|
11
11
|
"build": "npm run tsc",
|
|
12
|
+
"setup.yarn": "yarn install",
|
|
12
13
|
"build.win": "npm run tsc-win",
|
|
13
14
|
"build.watch": "npm run tsc -- -w",
|
|
14
15
|
"build.all": "npm run build && npm run build.angular",
|
|
15
16
|
"build.all.win": "npm run build.win && npm run build.angular.win",
|
|
16
|
-
"build.angular": "
|
|
17
|
+
"build.angular": "ng-packagr -p ../../src/tabs/angular/ng-package.json -c ../../src/tabs/angular/tsconfig.json",
|
|
17
18
|
"build.angular.win": "..\\..\\node_modules\\.bin\\ng-packagr -p ..\\..\\src\\tabs\\angular\\package.json -c ..\\..\\src\\tabs\\angular\\tsconfig.json",
|
|
18
19
|
"clean": "../../node_modules/.bin/rimraf ./*.d.ts ./*.js ./*.js.map"
|
|
19
20
|
},
|
|
@@ -46,8 +47,8 @@
|
|
|
46
47
|
},
|
|
47
48
|
"readmeFilename": "README.md",
|
|
48
49
|
"dependencies": {
|
|
49
|
-
"@nativescript-community/ui-material-core": "^7.0.
|
|
50
|
-
"@nativescript-community/ui-material-core-tabs": "^7.0.
|
|
50
|
+
"@nativescript-community/ui-material-core": "^7.0.30",
|
|
51
|
+
"@nativescript-community/ui-material-core-tabs": "^7.0.30"
|
|
51
52
|
},
|
|
52
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "7c7b46517fbe800a3fbb141780e99ec5d4cfe5f0"
|
|
53
54
|
}
|