1# ArkUI Subsystem Changelog
2
3## cl.arkui.1 Visibility Change of the menus Attribute in \<Navigation>
4
5**Change Impact**
6
7The **value** sub-attribute of the **menus** attribute is not displayed. To display the value, you can use a custom builder.
8
9**Example**
10```ts
11@Entry
12@Component
13struct Index {
14  build() {
15    Column() {
16      Navigation() {
17        Text('Navigation')
18      }.title("Navigation Menu")
19      .menus([
20        {icon: 'common/image/icon.png', value: 'menu1'},
21        {icon: 'common/image/icon.png', value: 'menu2'},
22        {icon: 'common/image/icon.png', value: 'menu3'}
23      ])
24    }
25  }
26}
27```
28In API version 9, the **value** sub-attribute of the **menus** attribute is displayed.
29
30![Navigation](figures/navigation_menu_api9.png)
31
32In API version 10, the **value** sub-attribute of the **menus** attribute is not displayed.
33
34![Navigation](figures/navigation_menu_api10.png)
35
36## cl.arkui.2 Change of the Default Display Position for Free Mode of the titleMode Attribute in \<Navigation>
37
38**Change Impact**
391. In the **\<Navigation>** component, the display position of a custom title with **titleMode** set to **Full** is the same as that with **titleMode** set to **Free**.
402. If a custom title is used with a label in Free mode, the label is deviated rightwards.
41
42**Example**
43```ts
44@Entry
45@Component
46struct Index {
47  @Builder NavigationTile() {
48    Column() {
49      Text('title').fontColor('#182431').fontSize(30).lineHeight(41)
50      Text('subTitle').fontColor('#182431').fontSize(14).lineHeight(19).margin(top:2, bottom: 20)
51    }
52  }
53
54  build() {
55    Column() {
56      Navigation() {
57        Text('Navigation')
58      }.title(this.NavigationTitle)
59       .titleMode(NavigationTitleMode.Free)
60       .menus([
61        {icon: 'common/image/icon.png', value: 'menu1'}
62       ])
63    }
64  }
65}
66```
67
68Display position in Free mode in API version 9
69
70![Navigation](figures/navigation_title_mode_free_sdk9.png)
71
72Display position in Free mode in API version 10, which is the same as that in Full mode
73
74![Navigation](figures/navigation_title_mode_free_sdk10.png)
75
76## cl.arkui.3 Change of Advanced Animation APIs to System APIs
77
78**Change Impact**
79The **sphericalEffect**, **lightUpEffect**, and **pixelStretchEffect** APIs are changed from public APIs to system APIs, which are not exposed to external developers.
80
81## cl.arkui.4 Specification Change of the onClick Event
82
83**Change Impact**
841. If a component is bound to both onClick/TapGesture and PanGesture, it responds to PanGesture, but not onClick/TapGesture, when the finger slides beyond the allowed distance.
852. If a component is bound to only onClick/TapGesture, it responds to onClick/TapGesture when the finger is lifted up after having moved within the component area.
863. If a component is bound to only onClick/TapGesture, it does not respond to onClick/TapGesture when the finger is lifted up after having moved beyond the component area.
87