create-mettle-app 1.2.0 → 1.3.2
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/package.json +1 -1
- package/template-mettle/package.json +1 -1
- package/template-mettle/src/components/list.jsx +6 -9
- package/template-mettle/src/template/home.jsx +2 -3
- package/template-mettle-apps/package.json +1 -1
- package/template-mettle-apps/src/template/home.jsx +4 -5
- package/template-mettle-apps-ts/package.json +1 -1
- package/template-mettle-apps-ts/src/template/home.tsx +5 -6
- package/template-mettle-ts/package.json +1 -1
- package/template-mettle-ts/src/components/list.tsx +7 -10
- package/template-mettle-ts/src/template/home.tsx +3 -4
package/package.json
CHANGED
|
@@ -7,21 +7,18 @@ export default function List({ setData }) {
|
|
|
7
7
|
let count = 3;
|
|
8
8
|
|
|
9
9
|
function usePush() {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
});
|
|
10
|
+
listState.arr.push(count++);
|
|
11
|
+
setData();
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
function useUnshift() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
});
|
|
15
|
+
listState.arr.unshift(count++);
|
|
16
|
+
setData();
|
|
19
17
|
}
|
|
20
18
|
|
|
21
19
|
function useDel() {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
});
|
|
20
|
+
listState.arr.splice(1, 1);
|
|
21
|
+
setData();
|
|
25
22
|
}
|
|
26
23
|
|
|
27
24
|
return () => (
|
|
@@ -18,11 +18,10 @@ export default function Home({ setData }) {
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
function useChange() {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
});
|
|
21
|
+
state.msg = 'world';
|
|
22
|
+
state.count++;
|
|
23
|
+
state.arr.unshift(state.count);
|
|
24
|
+
setData();
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
return () => (
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { linkTo } from 'mettle-router';
|
|
2
2
|
|
|
3
|
-
export default function Home({ setData }:any) {
|
|
3
|
+
export default function Home({ setData }: any) {
|
|
4
4
|
const state = {
|
|
5
5
|
msg: 'hello',
|
|
6
6
|
arr: [1, 2],
|
|
@@ -18,11 +18,10 @@ export default function Home({ setData }:any) {
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
function useChange() {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
});
|
|
21
|
+
state.msg = 'world';
|
|
22
|
+
state.count++;
|
|
23
|
+
state.arr.unshift(state.count);
|
|
24
|
+
setData();
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
return () => (
|
|
@@ -1,27 +1,24 @@
|
|
|
1
1
|
import style from '../style/list.module.css';
|
|
2
2
|
|
|
3
|
-
export default function List({ setData }:any) {
|
|
3
|
+
export default function List({ setData }: any) {
|
|
4
4
|
const listState = {
|
|
5
5
|
arr: [1, 2],
|
|
6
6
|
};
|
|
7
7
|
let count = 3;
|
|
8
8
|
|
|
9
9
|
function usePush() {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
});
|
|
10
|
+
listState.arr.push(count++);
|
|
11
|
+
setData();
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
function useUnshift() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
});
|
|
15
|
+
listState.arr.unshift(count++);
|
|
16
|
+
setData();
|
|
19
17
|
}
|
|
20
18
|
|
|
21
19
|
function useDel() {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
});
|
|
20
|
+
listState.arr.splice(1, 1);
|
|
21
|
+
setData();
|
|
25
22
|
}
|
|
26
23
|
|
|
27
24
|
return () => (
|