diff --git a/en/application-dev/reference/arkui-js-lite/figures/lite_line.PNG b/en/application-dev/reference/arkui-js-lite/figures/lite_line.PNG index 664ade98b38a3b6ac2b3e96dc4af8b75b6749a72..6fc94377d0df58e97d531dd11695c105bf161cd8 100644 Binary files a/en/application-dev/reference/arkui-js-lite/figures/lite_line.PNG and b/en/application-dev/reference/arkui-js-lite/figures/lite_line.PNG differ diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-chart.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-chart.md index 2c8f4c0550f7794d975eb7014e30506c034e9a1d..fe9c388615090bcc09f42ea162063ea2f2fa0d1b 100644 --- a/en/application-dev/reference/arkui-js-lite/js-components-basic-chart.md +++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-chart.md @@ -165,7 +165,7 @@ Not supported strokeColor: '#0081ff', fillColor: '#cce5ff', data: [763, 550, 551, 554, 731, 654, 525, 696, 595, 628, 791, 505, 613, 575, 475, 553, 491, 680, 657, 716], - gradient: true, + gradient: false, } ], lineOps: { diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-qrcode.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-qrcode.md index 84bbace4425c18e8ccabd8ee757f8c2fbfb3eb60..579b0a22a26b38c43513ce49bea4dc9c85e9fdb5 100644 --- a/en/application-dev/reference/arkui-js-lite/js-components-basic-qrcode.md +++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-qrcode.md @@ -28,9 +28,9 @@ Not supported | Name| Parameter| Description| | -------- | -------- | -------- | -| click | - | Triggered when the component is clicked. | -| longpress | - | Triggered when the component is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component. | +| click | - | Triggered when the component is clicked.| +| longpress | - | Triggered when the component is long pressed.| +| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles @@ -39,8 +39,8 @@ Not supported | -------- | -------- | -------- | -------- | -------- | | color | <color> | \#000000 | No| Color of the QR code.| | background-color | <color> | \#ffffff | No| Background color of the QR code.| -| width | <length> \| <percentage>5+ | - | No| Component width.
If this attribute is not set, the default value **0** is used. | -| height | <length> \| <percentage>5+ | - | No| Component height.
If this attribute is not set, the default value **0** is used. | +| width | <length> \| <percentage>5+ | - | No| Component width.
If this attribute is not set, the default value **0** is used.| +| height | <length> \| <percentage>5+ | - | No| Component height.
If this attribute is not set, the default value **0** is used.| | padding | <length> | 0 | No| Shorthand attribute to set the padding for all sides.
The attribute can have one to four values:
- If you set only one value, it specifies the padding for all the four sides.
- If you set two values, the first value specifies the top and bottom padding, and the second value specifies the left and right padding.
- If you set three values, the first value specifies the top padding, the second value specifies the left and right padding, and the third value specifies the bottom padding.
- If you set four values, they respectively specify the padding for top, right, bottom, and left sides (in clockwise order).| | padding-[left\|top\|right\|bottom] | <length> | 0 | No| Left, top, right, and bottom padding.| | margin | <length> \| <percentage>5+ | 0 | No| Shorthand attribute to set the margin for all sides. The attribute can have one to four values:
- If you set only one value, it specifies the margin for all the four sides.
- If you set two values, the first value specifies the top and bottom margins, and the second value specifies the left and right margins.
- If you set three values, the first value specifies the top margin, the second value specifies the left and right margins, and the third value specifies the bottom margin.
- If you set four values, they respectively specify the margin for top, right, bottom, and left sides (in clockwise order).| @@ -49,7 +49,7 @@ Not supported | border-color | <color> | black | No| Shorthand attribute to set the color for all borders.| | border-radius | <length> | - | No| Radius of round-corner borders.| | display | string | flex | No| How and whether to display the box containing an element. Available values are as follows:
- **flex**: flexible layout
- **none**: not rendered| -| [left\|top] | <length> \| <percentage>6+ | - | No| Edge of the element.
- **left**: left edge position of the element. This attribute defines the offset between the left edge of the margin area of a positioned element and left edge of its containing block.
- **top**: top edge position of the element. This attribute defines the offset between the top edge of a positioned element and that of a block included in the element. | +| [left\|top] | <length> \| <percentage>6+ | - | No| Edge of the element.
- **left**: left edge position of the element. This attribute defines the offset between the left edge of the margin area of a positioned element and left edge of its containing block.
- **top**: top edge position of the element. This attribute defines the offset between the top edge of a positioned element and that of a block included in the element.| > **NOTE** > - If the values of **width** and **height** are different, the smaller value is used as the length of the QR code. The generated QR code is center displayed. @@ -63,10 +63,10 @@ Not supported ```html
- - Color - BackgroundColor - Value + + Color + BackgroundColor + Value
``` @@ -93,32 +93,32 @@ Not supported ```javascript // xxx.js export default { - data: { - qr_col: '#87ceeb', - qr_bcol: '#f0ffff', - qr_value: 'value' - }, - changeColor() { - if (this.qr_col == '#87ceeb') { - this.qr_col = '#fa8072'; - } else { - this.qr_col = '#87ceeb'; + data: { + qr_col: '#87ceeb', + qr_bcol: '#f0ffff', + qr_value: 'value' + }, + changeColor() { + if (this.qr_col == '#87ceeb') { + this.qr_col = '#fa8072'; + } else { + this.qr_col = '#87ceeb'; + } + }, + changeBackgroundColor() { + if (this.qr_bcol == '#f0ffff') { + this.qr_bcol = '#ffffe0'; + } else { + this.qr_bcol = '#f0ffff'; + } + }, + changeValue() { + if (this.qr_value == 'value') { + this.qr_value = 'change'; + } else { + this.qr_value = 'value'; + } } - }, - changeBackgroundColor() { - if (this.qr_bcol == '#f0ffff') { - this.qr_bcol = '#ffffe0'; - } else { - this.qr_bcol = '#f0ffff'; - } - }, - changeValue() { - if (this.qr_value == 'value') { - this.qr_value = 'change'; - } else { - this.qr_value = 'value'; - } - } } ``` diff --git a/en/application-dev/reference/arkui-ts/figures/alphabet.gif b/en/application-dev/reference/arkui-ts/figures/alphabet.gif index 5a5a3e4bab1f7f104afd27199125972c6cb611c0..de8b8bdaa8ea2cfdcef45e9620e517b49c71b18a 100644 Binary files a/en/application-dev/reference/arkui-ts/figures/alphabet.gif and b/en/application-dev/reference/arkui-ts/figures/alphabet.gif differ diff --git a/en/readme/figures/input-method-framework.PNG b/en/readme/figures/input-method-framework.PNG new file mode 100644 index 0000000000000000000000000000000000000000..c09276180ffd1365ca7e4de80456d0d288516062 Binary files /dev/null and b/en/readme/figures/input-method-framework.PNG differ diff --git a/en/readme/input-method-framework.md b/en/readme/input-method-framework.md new file mode 100644 index 0000000000000000000000000000000000000000..0b8957e7f16bc1e68efefd49569696ead0ab81c5 --- /dev/null +++ b/en/readme/input-method-framework.md @@ -0,0 +1,79 @@ +# Input Method Framework + +## Introduction + +The input method framework is responsible for establishing a communication channel between the application in which the edit box is located and the input method application, to ensure that the two can jointly provide text input, and also enables system applications to manage the input method application. + +The input method framework has four modules: + +1. Application + + Path: /base/inputmethod/imf/frameworks/native/inputmethod_controller + + Function: enables an application to request the use of and interaction with the input method application. + +2. Input method application + + Path: /base/inputmethod/imf/frameworks/native/inputmethod_ability + + Function: provides an input method application implementation framework. Based on the framework, the input method application can be correctly started, and collaborates with the edit box application to complete text input. + +3. Input method engine + + Path: /base/inputmethod/imf/services + + Function: responsible for establishing secure and reliable connections with the input method and providing features such as input method switching and query. + +4. Input method JS API implementation + + Path: /base/inputmethod/imf/frameworks/js + + - JS API implementation provided for input method applications: /base/inputmethod/imf/frameworks/js/napi/inputmethodability + + - JS API implementation provided for the self-drawing components: /base/inputmethod/imf/frameworks/js/napi/inputmethodclient. + + Function: provides specific implementation for TS-related APIs. + +## System Architecture + +**Figure 1** Architecture + + +![Input method framework](./figures/input-method-framework.PNG) + +## Directory Structure + +``` +/base/inputmethod/imf +├── figures # Architecture diagram +├── frameworks +│ └── js/napi # Native APIs of the input method framework +│ └──inputmethod_extention_ability # InputMethodExtentionAbility related APIs for input method applications +│ └──inputmethod_extention_context # InputMethodExtentionContext related APIs for input method applications +│ └──inputmethodability # APIs provided for input method applications +│ └──inputmethodclient # APIs provided by the system applications and self-drawing components +│ └── native +│ └──inputmethod_ability # APIs provided for input method applications +│ └──inputmethod_controller # APIs provided for the application +├── interfaces # APIs provided by the components for external systems +│ └── inner_api # Inner APIs +├── profile # Configuration files of system services and processes contained in the components +├── services # Input method engine +├── test # Tests +│ └── fuzztest # Fuzz test of APIs +│ └── unitest # Unit test of APIs +│ └──cpp_test # CPP unit test of APIs +│ └──napi_test # JS unit test of APIs +``` + +## How to Use + +* [InputMethodExtentionAbility](../application-dev/application-models/inputmethodextentionability.md) +* [@ohos.inputMethod (Input Method Framework)](../application-dev/reference/apis/js-apis-inputmethod.md) +* [@ohos.inputMethodEngine (Input Method Service)](../application-dev/reference/apis/js-apis-inputmethodengine.md) + +## Repositories Involved + +Input method framework + +[inputmethod_imf](https://gitee.com/openharmony/inputmethod_imf) diff --git a/en/readme/misc-services.md b/en/readme/misc-services.md deleted file mode 100755 index cbe1e1f2ef965cf24bbf0baab75904c81ddf728f..0000000000000000000000000000000000000000 --- a/en/readme/misc-services.md +++ /dev/null @@ -1,21 +0,0 @@ -# Misc Services - -## Introduction - -The Misc services subsystem provides APIs for setting the system time. - -**Figure 1** Subsystem architecture -![](figures/subsystem-architecture.png "subsystem-architecture") - -## Directory Structure - -``` -/base/miscservices -└── time # Time service module -``` - -## Repositories Involved - -**Misc services subsystem** - -[time_time_service](https://gitee.com/openharmony/time_time_service) diff --git a/en/release-notes/changelogs/OpenHarmony_4.0.8.3/changelogs-arkui.md b/en/release-notes/changelogs/OpenHarmony_4.0.8.3/changelogs-arkui.md new file mode 100644 index 0000000000000000000000000000000000000000..825cc9d2bdfd172d92e3948fdb57a338fe2155a6 --- /dev/null +++ b/en/release-notes/changelogs/OpenHarmony_4.0.8.3/changelogs-arkui.md @@ -0,0 +1,52 @@ +# ArkUI Subsystem Changelog + +## cl.arkui.1 Disabling of Online Images for JS Widgets in \ + +Disabled online images for JS widgets in the **\**. + +**Change Impact** + +After the change, JS widgets in the **\** cannot load or display online images. You are advised to save online images to the memory to display them in JS widgets. +## cl.arkui.2 Behavior Change of \, \