diff --git a/README.en.md b/README.en.md new file mode 100644 index 0000000000000000000000000000000000000000..34e4fdea763482e868eeab18f4db1250037c971b --- /dev/null +++ b/README.en.md @@ -0,0 +1,533 @@ +# Component Collection + +### Overview + +This sample shows the ArkUI component collection, which includes the **component**, **universal**, **animation**, and **global method** modules. + +### Preview + +| Component | Universal | Animation | Global Method | +|-----------------------------------------------|------------------------------------------------|---------------------------------------------------------------|----------------------------------------------------| +| ![image](screenshots/devices/component.en.png) | ![image](screenshots/devices/general.en.png) | ![image](screenshots/devices/animation.en.png) | ![image](screenshots/devices/global.en.png) | +|
p常规
字体大小35px,行高45px
' + - '' + - '
这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字
' // 为了更好的体现出富文本效果,所以此常量内容包括中文字符 +const RIGH_TEXT = getContext(this).resourceManager.getStringSync($r('app.string.H1_title')) + + getContext(this).resourceManager.getStringSync($r('app.string.H1_italic')) + + getContext(this).resourceManager.getStringSync($r('app.string.H1_underline')) + + getContext(this).resourceManager.getStringSync($r('app.string.H2_title')) + + getContext(this).resourceManager.getStringSync($r('app.string.H3_title')) + + getContext(this).resourceManager.getStringSync($r('app.string.P_common')) + + getContext(this).resourceManager.getStringSync($r('app.string.font_title_desc')) + + getContext(this).resourceManager.getStringSync($r('app.string.font_title')) + + getContext(this).resourceManager.getStringSync($r('app.string.font_content_desc')) + + getContext(this).resourceManager.getStringSync($r('app.string.font_content')) // Inorder to better reflect the rich text effect, this constant content includes Chinese characters @Extend(Text) function leftTitleStyle() { diff --git a/entry/src/main/ets/pages/components/textAndInput/textAreaSample/TextAreaSample.ets b/entry/src/main/ets/pages/components/textAndInput/textAreaSample/TextAreaSample.ets index 648193ee179e40408379e5fb41293d17d8e27842..2f5af5120d46679057c094c4488cae60ddda3d53 100644 --- a/entry/src/main/ets/pages/components/textAndInput/textAreaSample/TextAreaSample.ets +++ b/entry/src/main/ets/pages/components/textAndInput/textAreaSample/TextAreaSample.ets @@ -57,7 +57,7 @@ struct TextAreaSample { .copyOption(this.copyOptions) .borderRadius(16) .width('100%') - .height(80) + .height(85) .fontSize(20) .enableKeyboardOnFocus(false) .onChange(() => { diff --git a/entry/src/main/ets/pages/globalMethods/dialogs/customDialogSample/CustomDialog.ets b/entry/src/main/ets/pages/globalMethods/dialogs/customDialogSample/CustomDialog.ets index d3790295f42e9da32c376b4378043c3334005a93..bcb8627d5af5f39fcd3dcd29772722d1920a2079 100644 --- a/entry/src/main/ets/pages/globalMethods/dialogs/customDialogSample/CustomDialog.ets +++ b/entry/src/main/ets/pages/globalMethods/dialogs/customDialogSample/CustomDialog.ets @@ -35,7 +35,7 @@ export struct UpgradeDialog { }) } .margin(20) - .height(380) + .height(450) .borderRadius(24) .padding({ top: 20, bottom: 32 }) .backgroundColor($r('app.color.background_shallow_grey')) @@ -56,6 +56,7 @@ export struct UpgradeDialog { .fontColor($r('app.color.font_color_shallow')) .constraintSize({ maxWidth: 280 }) } + .margin({ right: 120}) .alignItems(HorizontalAlign.Start) } .width('100%') diff --git a/entry/src/main/ets/pages/globalMethods/dialogs/dateDialogSample/DateDialogSample.ets b/entry/src/main/ets/pages/globalMethods/dialogs/dateDialogSample/DateDialogSample.ets index b1e406b60f4e750a40816a942fe5308cc3b7aa30..801a9e253f7fbebb2514fe9fdfad9943ff42ed00 100644 --- a/entry/src/main/ets/pages/globalMethods/dialogs/dateDialogSample/DateDialogSample.ets +++ b/entry/src/main/ets/pages/globalMethods/dialogs/dateDialogSample/DateDialogSample.ets @@ -34,7 +34,7 @@ function rowStyle() { .padding(6) .width('100%') .borderRadius(24) - .margin({ top: 12, bottom: 12 }) + .margin({ top: 12, bottom: 12, right: 12 }) } @Entry diff --git a/entry/src/main/ets/pages/globalMethods/dialogs/menuSample/MenuSample.ets b/entry/src/main/ets/pages/globalMethods/dialogs/menuSample/MenuSample.ets index 8424aa29ea95407ad435f255879509a1e36ac052..7561cf36c9a5a3425aef83891d9dfd047f42eaa0 100644 --- a/entry/src/main/ets/pages/globalMethods/dialogs/menuSample/MenuSample.ets +++ b/entry/src/main/ets/pages/globalMethods/dialogs/menuSample/MenuSample.ets @@ -81,7 +81,7 @@ struct MenuSample { } .id('menu_scroll') .onClick(() => { - // 点击时关闭菜单 + // Close menu on click ShowToast.shortToast($r('app.string.global_menu_close')); ContextMenu.close(); }) diff --git a/entry/src/main/ets/pages/globalMethods/dialogs/textPickerDialogSample/TextPickerDialogSample.ets b/entry/src/main/ets/pages/globalMethods/dialogs/textPickerDialogSample/TextPickerDialogSample.ets index 60c375cbdc3e6a98f777898c03dffefa20e00439..6ca8626d7648f968e3750c972194ff588923f89f 100644 --- a/entry/src/main/ets/pages/globalMethods/dialogs/textPickerDialogSample/TextPickerDialogSample.ets +++ b/entry/src/main/ets/pages/globalMethods/dialogs/textPickerDialogSample/TextPickerDialogSample.ets @@ -62,7 +62,7 @@ struct TextDialogSample { range: this.fruits, selected: this.select, onAccept: (value: TextPickerResult) => { - // 设置select为按下确定按钮时候的选中项index,这样当弹窗再次弹出时显示选中的是上一次确定的选项 + // Set select to the index of the item selected when the OK button is pressed, so that when the popup window pops up again, the last selected option is displayed ShowToast.shortToast(String(value.index)); }, onCancel: () => { diff --git a/entry/src/main/ets/pages/universal/events/areaChangeEventSample/AreaChangeEventSample.ets b/entry/src/main/ets/pages/universal/events/areaChangeEventSample/AreaChangeEventSample.ets index 72ad5712d27290f3cb1687e3cc8ebeda845e96ca..8ae110e13822379d66819a0ffecf7cf556020d60 100644 --- a/entry/src/main/ets/pages/universal/events/areaChangeEventSample/AreaChangeEventSample.ets +++ b/entry/src/main/ets/pages/universal/events/areaChangeEventSample/AreaChangeEventSample.ets @@ -45,8 +45,8 @@ struct AreaChangeEventSample { private areaBottom: number = 0; private motionStartingCheckingTimer: number = 0; private motionTimer: number = 0; - private xDirection: number = 1; // 1 为正方向,-1 为负方向 - private yDirection: number = 1; // 1 为正方向,-1 为负方向 + private xDirection: number = 1; // 1 is positive direction, -1 is negative direction + private yDirection: number = 1; // 1 is positive direction, -1 is negative direction onPageShow() { this.startMotionControlling() @@ -129,7 +129,7 @@ struct AreaChangeEventSample { return; } - // 再以当前运动方向生成新的方向 + // Then generate a new direction based on the current movement direction if (reachedSide === AreaSideName.LEFT || reachedSide === AreaSideName.RIGHT) { this.xDirection = this.xDirection * -1; } else { diff --git a/entry/src/main/ets/pages/universal/events/dragEventSample/DragEventSample.ets b/entry/src/main/ets/pages/universal/events/dragEventSample/DragEventSample.ets index 581a45b4bd7ef43f07ba1449af0284912b97b1c1..7423cd0372ae95bd13aa32405ed6c835b64d6cbe 100644 --- a/entry/src/main/ets/pages/universal/events/dragEventSample/DragEventSample.ets +++ b/entry/src/main/ets/pages/universal/events/dragEventSample/DragEventSample.ets @@ -41,7 +41,7 @@ function columnStyle() { @Entry @Component struct DragEventSample { - // 是否可接收 + // Receivable @State isAreaValid: boolean = false; @State backgroundBlur: boolean = false; @State hideLeftIcon: boolean = true; @@ -51,7 +51,7 @@ struct DragEventSample { @State leftIconWidth: number = 64; @State rightIconWidth: number = 64; - // 自定义拖拽过程中显示的内容 + // Customize the content displayed during dragging @Builder pixelMapBuilder() { Stack({ alignContent: Alignment.TopEnd }) { @@ -114,7 +114,7 @@ struct DragEventSample { IntroductionTitle({ introduction: $r('app.string.drag_drop_action_tips') }) Stack() { Row() { - // 左侧绿色可接收区域 + // Green acceptable area on the left Row() { Stack({ alignContent: Alignment.TopEnd }) { Image($r('app.media.icon')) @@ -158,7 +158,7 @@ struct DragEventSample { Blank() - // 右侧红色不可接收区域 + // The red unacceptable area on the right Row() { Stack({ alignContent: Alignment.TopEnd }) { Image($r('app.media.icon')) @@ -201,11 +201,11 @@ struct DragEventSample { } .rowStyle() - // 模糊层 + // Fuzzy Layer Row() { Blank() - // 中间拖拽图标 + // Middle drag icon Column() { if (this.hideLeftIcon) { Row() { @@ -218,7 +218,7 @@ struct DragEventSample { .bindContextMenu(this.menuBuilder(), ResponseType.LongPress) .onDragStart(() => { this.backgroundBlur = false; - // 拖拽时关闭菜单 + // Close menu while dragging ContextMenu.close(); return this.pixelMapBuilder; }) diff --git a/entry/src/main/ets/pages/universal/events/dragEventSample/component/GridItemDrag.ets b/entry/src/main/ets/pages/universal/events/dragEventSample/component/GridItemDrag.ets index 2b31456e8b4c948e5cbc689b48d451c2e100483c..1c657757198df72dcb724a18d305a002d593a7f7 100644 --- a/entry/src/main/ets/pages/universal/events/dragEventSample/component/GridItemDrag.ets +++ b/entry/src/main/ets/pages/universal/events/dragEventSample/component/GridItemDrag.ets @@ -18,7 +18,7 @@ export struct GridItemDrag { @State numbers: string[] = Array.from({ length: 15 }, (item: string, i: number) => i.toString()); @State dragIndex: number = -1; - // 自定义拖拽过程中显示的内容 + // Customize the content displayed during dragging @Builder pixelMapBuilder(item: string) { Text(item) diff --git a/entry/src/main/ets/pages/universal/events/dragEventSample/component/HyperlinkDrag.ets b/entry/src/main/ets/pages/universal/events/dragEventSample/component/HyperlinkDrag.ets index 30b5414e163eb59b7189a5a926fd8e36b5f91815..de1327e653a8b8b04a2e806612f6acef3a47220a 100644 --- a/entry/src/main/ets/pages/universal/events/dragEventSample/component/HyperlinkDrag.ets +++ b/entry/src/main/ets/pages/universal/events/dragEventSample/component/HyperlinkDrag.ets @@ -17,7 +17,7 @@ export struct HyperlinkDrag { @State visible: boolean = true; - // 自定义拖拽过程中显示的内容 + // Customize the content displayed during dragging @Builder pixelMapBuilder() { Hyperlink("https://www.developer.huawei.com", 'HarmonyOS') diff --git a/entry/src/main/ets/pages/universal/events/dragEventSample/component/ImageDrag.ets b/entry/src/main/ets/pages/universal/events/dragEventSample/component/ImageDrag.ets index cb1ab392e818ceec868bc5840b7fe86e8c11b2f0..0ca314cb6f58db3dbf05610f8ffaf98660dfc217 100644 --- a/entry/src/main/ets/pages/universal/events/dragEventSample/component/ImageDrag.ets +++ b/entry/src/main/ets/pages/universal/events/dragEventSample/component/ImageDrag.ets @@ -17,7 +17,7 @@ export struct ImageDrag { @State visible: boolean = true; - // 自定义拖拽过程中显示的内容 + // Customize the content displayed during dragging @Builder pixelMapBuilder() { Image($r('app.media.icon')) diff --git a/entry/src/main/ets/pages/universal/events/dragEventSample/component/ListItemDrag.ets b/entry/src/main/ets/pages/universal/events/dragEventSample/component/ListItemDrag.ets index df1fdb0297abde24140283772fcd309deb7ee386..8865a0dcf83acb30e1f05fbf9703f56cb58c73c9 100644 --- a/entry/src/main/ets/pages/universal/events/dragEventSample/component/ListItemDrag.ets +++ b/entry/src/main/ets/pages/universal/events/dragEventSample/component/ListItemDrag.ets @@ -18,7 +18,7 @@ export struct ListItemDrag { @State numbers: string[] = ['one', 'two', 'three', 'four', 'five', 'six']; @State dragIndex: number = -1; - // 自定义拖拽过程中显示的内容 + // Customize the content displayed during dragging @Builder pixelMapBuilder(item: string) { Text(item) diff --git a/entry/src/main/ets/pages/universal/events/dragEventSample/component/TextDrag.ets b/entry/src/main/ets/pages/universal/events/dragEventSample/component/TextDrag.ets index 76c518309587faff369c715acd4456f1c31c064c..443b3944fc1b11717ffe7d6f22b79b860348834c 100644 --- a/entry/src/main/ets/pages/universal/events/dragEventSample/component/TextDrag.ets +++ b/entry/src/main/ets/pages/universal/events/dragEventSample/component/TextDrag.ets @@ -17,7 +17,7 @@ export struct TextDrag { @State visible: boolean = true; - // 自定义拖拽过程中显示的内容 + // Customize the content displayed during dragging @Builder pixelMapBuilder() { Text('HarmonyOS') diff --git a/entry/src/main/ets/pages/universal/events/dragEventSample/component/VideoDrag.ets b/entry/src/main/ets/pages/universal/events/dragEventSample/component/VideoDrag.ets index d46d4fbbd499faa2b65371da7b4a8e12b2058a53..85d4f373ef0f2a615cd0fd764858b1eb442ad19e 100644 --- a/entry/src/main/ets/pages/universal/events/dragEventSample/component/VideoDrag.ets +++ b/entry/src/main/ets/pages/universal/events/dragEventSample/component/VideoDrag.ets @@ -17,7 +17,7 @@ export struct VideoDrag { @State visible: boolean = true; - // 自定义拖拽过程中显示的内容 + // Customize the content displayed during dragging @Builder pixelMapBuilder() { Video({}) .width(400) diff --git a/entry/src/main/ets/pages/universal/events/focusEventSample/FocusEventSample.ets b/entry/src/main/ets/pages/universal/events/focusEventSample/FocusEventSample.ets index d5f535c055065a0e299b93bac68076f15dca5788..5ad07219189db8e16c5c6a7338d5b6d57cfc141d 100644 --- a/entry/src/main/ets/pages/universal/events/focusEventSample/FocusEventSample.ets +++ b/entry/src/main/ets/pages/universal/events/focusEventSample/FocusEventSample.ets @@ -33,7 +33,7 @@ struct FocusEventSample { Scroll() { Column({ space: 16 }) { IntroductionTitle({ introduction: $r('app.string.focus_event_description') }) - // 通过外接键盘的Tab可以让焦点在三个按钮间移动,按钮获焦时颜色变化,失焦时变回原背景色 + // The focus can be moved between the three buttons by pressing Tab on an external keyboard. The color of a button changes when it is in focus, and returns to the original background color when it loses focus Button($r('app.string.focus_event_button_one')) .backgroundColor(this.oneButtonColor) .width('100%') diff --git a/entry/src/main/ets/pages/universal/events/mouseEventSample/MouseEventSample.ets b/entry/src/main/ets/pages/universal/events/mouseEventSample/MouseEventSample.ets index a743b09813489da99a3ed616df59aeaada463b36..e23fc52d8ed0cd799789db5d96603f2e86d0913e 100644 --- a/entry/src/main/ets/pages/universal/events/mouseEventSample/MouseEventSample.ets +++ b/entry/src/main/ets/pages/universal/events/mouseEventSample/MouseEventSample.ets @@ -46,7 +46,7 @@ struct MouseEventSample { .width('90%') .height(40) .onHover((isHover: boolean) => { - // 通过onHover事件动态修改按钮在是否有鼠标悬浮时的文本内容与背景颜色 + // Dynamically modify the text content and background color of a button when the mouse is hovering through the onHover event if (isHover) { this.hoverText = $r('app.string.mouse_event_hover_description'); } else { diff --git a/entry/src/main/ets/pages/universal/gesture/bindGestureSample/BindGestureSample.ets b/entry/src/main/ets/pages/universal/gesture/bindGestureSample/BindGestureSample.ets index 7a284fc554af57f963ed3c4ca1905ff932c20ff4..cc5eec5f08c16a5c3fb6b7c1794592bcfdb0fa39 100644 --- a/entry/src/main/ets/pages/universal/gesture/bindGestureSample/BindGestureSample.ets +++ b/entry/src/main/ets/pages/universal/gesture/bindGestureSample/BindGestureSample.ets @@ -56,7 +56,7 @@ struct BindExample { .margin({ left: 12, right: 12 }) .width('100%') - Button($r('app.string.bind_click'))// 设置为priorityGesture时,点击文本会忽略Text组件的TapGesture手势事件,优先识别父组件Column的TapGesture手势事件 + Button($r('app.string.bind_click'))// When set to priorityGesture, clicking on the text will ignore the TapGesture gesture event of the Text component and give priority to the TapGesture gesture event of the parent component Column .priorityGesture( TapGesture() .onAction((event: GestureEvent) => { @@ -81,7 +81,7 @@ struct BindExample { Row() { Button($r('app.string.bind_click')) - .buttonStyle(0)// 设置为parallelGesture时,点击文本会同时触发子组件Text与父组件Column的TapGesture手势事件 + .buttonStyle(0)// When set to parallelGesture, clicking on the text will trigger the TapGesture gesture event of both the child component Text and the parent component Column .gesture( TapGesture() .onAction(() => { diff --git a/entry/src/main/ets/pages/universal/gesture/combinedSample/CombinedSample.ets b/entry/src/main/ets/pages/universal/gesture/combinedSample/CombinedSample.ets index 9cddfac686423bc0cb8ef82ce10b3e1ff06eeec8..255e9f68db47186870b4e3ad5f928e94092cee06 100644 --- a/entry/src/main/ets/pages/universal/gesture/combinedSample/CombinedSample.ets +++ b/entry/src/main/ets/pages/universal/gesture/combinedSample/CombinedSample.ets @@ -17,7 +17,7 @@ import { TitleBar } from '../../../../common/TitleBar'; import { getStringData } from '../../../../data/ResourceDataHandle'; import ShowToast from '../../../../util/ShowToast'; -const LEFT_UP_X = -80; // 限定距离 +const LEFT_UP_X = -80; // Limited distance const RIGHT_UP_X = 80; const LEFT_UP_Y = -130; const RIGHT_UP_Y = 130; @@ -49,7 +49,7 @@ struct CombinedExample { .margin(20) .border({ width: 3, style: this.borderStyles }) .gesture( - // 以下组合手势为顺序识别,当长按手势事件未正常触发时则不会触发拖动手势事件 + // The following combination gesture are recognized in sequence. If the long press gesture event is not triggered normally, the drag gesture event will not be triggered GestureGroup(GestureMode.Sequence, LongPressGesture({ repeat: true }) .onAction((event: GestureEvent) => { diff --git a/entry/src/main/ets/pages/universal/gesture/longPressSample/LongPressSample.ets b/entry/src/main/ets/pages/universal/gesture/longPressSample/LongPressSample.ets index 3fc51a726d6db4ba0f0f2aa8bcc3c7308ae7862c..b41705814f6853ee7182961e38cc18c4da006fe4 100644 --- a/entry/src/main/ets/pages/universal/gesture/longPressSample/LongPressSample.ets +++ b/entry/src/main/ets/pages/universal/gesture/longPressSample/LongPressSample.ets @@ -56,18 +56,18 @@ struct TapGestureExample { .width('100%') Button($r('app.string.long_press_text')) - .buttonStyle(0)// 单指长按文本触发该手势事件 + .buttonStyle(0)// Long press the text with one finger to trigger this gesture event .gesture( LongPressGesture({ fingers: 1, duration: 500, repeat: true - })// 由于repeat设置为true,长按动作存在时会连续触发,触发间隔为duration(默认值500ms) + })// Since repeat is set to true, the long press action will be triggered continuously when it exists, and the trigger interval is duration (the default value is 500ms) .onAction((event: GestureEvent) => { if (event.repeat) { this.count++; } - })// 长按动作一结束触发 + })// Triggered once the long press action ends .onActionEnd(() => { this.count = 0; }) diff --git a/entry/src/main/ets/pages/universal/gesture/panSample/PanSample.ets b/entry/src/main/ets/pages/universal/gesture/panSample/PanSample.ets index 770a66ae0469bea107b3b1b23e716be93dcaf039..9b8d02770a156aabeaae9d5463641f28347fde93 100644 --- a/entry/src/main/ets/pages/universal/gesture/panSample/PanSample.ets +++ b/entry/src/main/ets/pages/universal/gesture/panSample/PanSample.ets @@ -17,7 +17,7 @@ import { TitleBar } from '../../../../common/TitleBar'; import { getStringData } from '../../../../data/ResourceDataHandle'; import ShowToast from '../../../../util/ShowToast'; -const LEFT_UP_X = -110; // 限定距离 +const LEFT_UP_X = -110; // Limited distance const RIGHT_UP_X = 110; const LEFT_UP_Y = -118; const RIGHT_UP_Y = 118; @@ -59,7 +59,7 @@ struct PanExample { .padding(20) .margin(50) .border({ width: 3 }) - .translate({ x: this.offsetX, y: this.offsetY, z: 0 })// 左右拖动触发该手势事件 + .translate({ x: this.offsetX, y: this.offsetY, z: 0 })// Drag left or right to trigger this gesture event .gesture( PanGesture(this.panOption) .onActionStart((event: GestureEvent) => { @@ -104,7 +104,7 @@ struct PanExample { .buttonStyle(0) .onClick(() => { this.flag = !this.flag; - // 将PanGesture手势事件触发条件改为双指以任意方向拖动 + // Change the trigger condition of PanGesture event to dragging with two fingers in any direction this.panOption.setDirection(PanDirection.All); this.panOption.setFingers(2); if (this.flag === false) { diff --git a/entry/src/main/ets/pages/universal/gesture/pinchSample/PinchSample.ets b/entry/src/main/ets/pages/universal/gesture/pinchSample/PinchSample.ets index 503891b4dd1c6a07003d6c72da5b47ed29c6c1ab..1ba3aa2734f4707896d2c81977866a502e97cbec 100644 --- a/entry/src/main/ets/pages/universal/gesture/pinchSample/PinchSample.ets +++ b/entry/src/main/ets/pages/universal/gesture/pinchSample/PinchSample.ets @@ -43,7 +43,7 @@ struct PanExample { .padding(20) .border({ width: 3 }) .scale({ x: this.scaleValue, y: this.scaleValue, z: 1 }) - // 三指捏合触发该手势事件 + // Three-finger pinch triggers this gesture event .gesture( PinchGesture({ fingers: 3, distance: 5 }) .onActionStart((event: GestureEvent) => { diff --git a/entry/src/main/ets/pages/universal/gesture/rotationSample/RotationSample.ets b/entry/src/main/ets/pages/universal/gesture/rotationSample/RotationSample.ets index 9f7d93bbd10215fbb1a669b51a53417197d79ada..9e7fda018f1aeeaf1b68f154e766f4bf2b91daf6 100644 --- a/entry/src/main/ets/pages/universal/gesture/rotationSample/RotationSample.ets +++ b/entry/src/main/ets/pages/universal/gesture/rotationSample/RotationSample.ets @@ -37,7 +37,7 @@ struct RotationExample { .padding(20) .border({ width: 3 }) .rotate({ angle: this.angle }) - // 双指旋转触发该手势事件 + // Two-finger rotation triggers this gesture event .gesture( RotationGesture({ fingers: 2 }) .onActionStart((event: GestureEvent) => { diff --git a/entry/src/main/ets/pages/universal/gesture/swipeSample/SwipeSample.ets b/entry/src/main/ets/pages/universal/gesture/swipeSample/SwipeSample.ets index 95774f1012435fd7fd20f2aa3d7dabca3fadd65c..af0d219691574bd2541d6e431f2a7dbc811207fc 100644 --- a/entry/src/main/ets/pages/universal/gesture/swipeSample/SwipeSample.ets +++ b/entry/src/main/ets/pages/universal/gesture/swipeSample/SwipeSample.ets @@ -38,7 +38,7 @@ struct SwipeExample { .width(300) .height(150) .rotate({ angle: this.rotateAngle }) - // 单指竖直方向滑动时触发该事件 + // This event is triggered when a single finger slides vertically .gesture( SwipeGesture({ direction: SwipeDirection.All, fingers: 1, speed: 100 }) .onAction((event: GestureEvent) => { diff --git a/entry/src/main/ets/pages/universal/gesture/tapGestureSample/TapGestureSample.ets b/entry/src/main/ets/pages/universal/gesture/tapGestureSample/TapGestureSample.ets index ea6d0b4f6cc754291f8e7e04290933276be917fe..e3a442e22bb5a38bb38b26dadd2669150c926843 100644 --- a/entry/src/main/ets/pages/universal/gesture/tapGestureSample/TapGestureSample.ets +++ b/entry/src/main/ets/pages/universal/gesture/tapGestureSample/TapGestureSample.ets @@ -59,7 +59,7 @@ struct TapGestureExample { .justifyContent(FlexAlign.Center) .rowStyle() - // 单指双击文本触发手势事件 + // Double-click the text with one finger to trigger a gesture event Button($r('app.string.double_click')) .buttonStyle(0) .id('tap_click') diff --git a/entry/src/main/ets/pages/universal/properties/componentIDSample/ComponentIDSample.ets b/entry/src/main/ets/pages/universal/properties/componentIDSample/ComponentIDSample.ets index e71a9cc68db170764066a0814fd509221c3cf911..ea49147f2f4879130cfe2856c3661816392d68d6 100644 --- a/entry/src/main/ets/pages/universal/properties/componentIDSample/ComponentIDSample.ets +++ b/entry/src/main/ets/pages/universal/properties/componentIDSample/ComponentIDSample.ets @@ -22,8 +22,9 @@ class Utils { static rect_bottom: number; static rect_value: Recordp Common
font-size 35px,line-height 45px
" + }, + { + "name": "font_content_desc", + "value": "" + }, + { + "name": "font_content", + "value": "
This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text.
" + }, { "name": "reason_get_bundle_info", "value": "Allow the app to query information of other apps in component display scenarios" diff --git a/entry/src/main/resources/base/media/banner.png b/entry/src/main/resources/base/media/banner.png index 9e76d6c33be6f0e21059dbb046d3bc52694b1fbb..03ff211c5709806ba2532297692e63a72146085a 100644 Binary files a/entry/src/main/resources/base/media/banner.png and b/entry/src/main/resources/base/media/banner.png differ diff --git a/entry/src/main/resources/en_US/element/string.json b/entry/src/main/resources/en_US/element/string.json index 0fed81a9b5c91c53726473c19f9e353061f2d73a..b7caa37a9644297388fd952769d00574c0b9e767 100644 --- a/entry/src/main/resources/en_US/element/string.json +++ b/entry/src/main/resources/en_US/element/string.json @@ -36,10 +36,7 @@ "name": "prop_background", "value": "Background" }, - { - "name": "safe_area", - "value": "SafeArea" - }, + { "name": "prop_foreground", "value": "Foreground" @@ -139,7 +136,8 @@ { "name": "swipe_gesture", "value": "SwipeGesture" - }, { + }, + { "name": "combined_gestures", "value": "Combined Gestures" }, @@ -161,7 +159,7 @@ }, { "name": "information_presentation_and_dynamic_effects", - "value": "Information presentation and dynamic effects" + "value": "Information presentation and\ndynamic effects" }, { "name": "blank_and_divider", @@ -171,6 +169,26 @@ "name": "text_and_input", "value": "Text and input" }, + { + "name": "rows_and_columns", + "value": "Rows and columns" + }, + { + "name": "stack_flex_and_grid", + "value": "Stack, flex and grid" + }, + { + "name": "list_and_grid", + "value": "List and grid" + }, + { + "name": "navigation", + "value": "Navigation" + }, + { + "name": "canvas_and_graphic_drawing", + "value": "Canvas and graphic drawing" + }, { "name": "layout_animation_expansion", "value": "Layout animation" @@ -215,6 +233,30 @@ "name": "size_transition_expansion", "value": "Size transition" }, + { + "name": "size_transition_flex", + "value": "Flex" + }, + { + "name": "size_transition_grid_item", + "value": "GridItem" + }, + { + "name": "size_transition_list_item", + "value": "ListItem" + }, + { + "name": "size_transition_swiper_item", + "value": "SwiperItem" + }, + { + "name": "size_transition_font_size", + "value": "FontSize" + }, + { + "name": "size_transition_expansion_tabContent", + "value": "TabContent" + }, { "name": "alert_dialog", "value": "Alert dialog" @@ -345,11 +387,51 @@ }, { "name": "set_background_image_size", - "value": "Set background image size" + "value": "Set background\nimage size" }, { "name": "set_background_image_position", - "value": "Set background image position" + "value": "Set background\nimage position" + }, + { + "name": "set_background_blur_style_color_mode", + "value": "Set background blur\nstyle color mode" + }, + { + "name": "set_background_blur_style_adaptive_color", + "value": "Set background blur\nstyle adaptive color" + }, + { + "name": "blur_style_system", + "value": "System" + }, + { + "name": "blur_style_light", + "value": "Light" + }, + { + "name": "blur_style_dark", + "value": "Dark" + }, + { + "name": "blur_style_default", + "value": "Default" + }, + { + "name": "set_shadow_type", + "value": "Set shadow type" + }, + { + "name": "shadow_type_color", + "value": "COLOR" + }, + { + "name": "shadow_type_blur", + "value": "BLUR" + }, + { + "name": "blur_style_average", + "value": "Average" }, { "name": "background_image_size_cover", @@ -359,6 +441,7 @@ "name": "background_image_size_contain", "value": "Contain" }, + { "name": "background_image_position_top_start", "value": "TopStart" @@ -396,6 +479,7 @@ "name": "background_image_position_bottom_end", "value": "BottomEnd" }, + { "name": "background_image", "value": "Set background image" @@ -528,6 +612,10 @@ "name": "border_radius", "value": "Set the rounded corners of each of the four corners" }, + { + "name": "border_3D", + "value": "Set the border 3D" + }, { "name": "border_radius_left_top", "value": "Top left border" @@ -544,10 +632,6 @@ "name": "border_radius_right_bottom", "value": "Bottom right border" }, - { - "name": "border_3D", - "value": "Set the border 3D" - }, { "name": "button_title", "value": "Button" @@ -558,11 +642,11 @@ }, { "name": "button_confirm", - "value": "Confirm" + "value": "Confirm " }, { "name": "button_type_capsule", - "value": "Capsule" + "value": "Capsule " }, { "name": "button_type_normal", @@ -570,7 +654,7 @@ }, { "name": "button_type_circle", - "value": "Circle" + "value": "Circle " }, { "name": "button_state_effect", @@ -578,11 +662,11 @@ }, { "name": "button_state_effect_true", - "value": "Has effect" + "value": "Has effect " }, { "name": "button_state_effect_false", - "value": "No effect" + "value": "No effect " }, { "name": "button_disable_style", @@ -594,15 +678,19 @@ }, { "name": "button_border_radius", - "value": " Rounded button" + "value": " Rounded button " }, { "name": "button_with_icon", - "value": "Icon button" + "value": "Icon button " + }, + { + "name": "button_with_icon_en", + "value": "Icon\nbutton" }, { "name": "button_custom_bg_color", - "value": "Custom color" + "value": "Custom color " }, { "name": "button_click", @@ -772,6 +860,34 @@ "name": "divider_attribute", "value": "Divider" }, + { + "name": "divider_color_blue", + "value": "Blue" + }, + { + "name": "divider_color_green", + "value": "Green" + }, + { + "name": "divider_color_orange", + "value": "Orange" + }, + { + "name": "divider_color_pink", + "value": "Pink" + }, + { + "name": "divider_line_type_butt", + "value": "Butt" + }, + { + "name": "divider_line_type_round", + "value": "Round" + }, + { + "name": "divider_line_type_square", + "value": "Square" + }, { "name": "font_color", "value": "Color" @@ -908,6 +1024,54 @@ "name": "rotate_image_angle", "value": "Rotate 15°" }, + { + "name": "safe_area_type_and_safe_area_edge", + "value": "SafeAreaType And SafeAreaEdge" + }, + { + "name": "safe_area", + "value": "SafeArea" + }, + { + "name": "save_area_input_text", + "value": "input your word ..." + }, + { + "name": "safe_area_type", + "value": "SafeAreaType" + }, + { + "name": "safe_area_edge", + "value": "SafeAreaEdge" + }, + { + "name": "safe_area_edge_top", + "value": "TOP" + }, + { + "name": "safe_area_edge_bottom", + "value": "BOTTOM" + }, + { + "name": "safe_area_edge_start", + "value": "START" + }, + { + "name": "safe_area_edge_end", + "value": "END" + }, + { + "name": "safe_area_type_system", + "value": "SYSTEM" + }, + { + "name": "safe_area_type_cutout", + "value": "CUTOUT" + }, + { + "name": "safe_area_type_keyboard", + "value": "KEYBOARD" + }, { "name": "select_title", "value": "Select" @@ -980,6 +1144,10 @@ "name": "Shop_card_expansion", "value": "shop card expansion" }, + { + "name": "System_icon", + "value": "System Icon" + }, { "name": "Today", "value": "today" @@ -1236,6 +1404,14 @@ "name": "text_title", "value": "Text" }, + { + "name": "text_content", + "value": "Steel is tempered in fire and sharp cooling, so it can be hard and not afraid of anything. It is also in this way that our generation has been tempered in struggles and terrible trials, learning not to succumb to life." + }, + { + "name": "text_content_en", + "value": "Steel is tempered in fire and sharp cooling, so it can be hard and not afraid of anything. It is also in this way that our generation has been tempered in struggles and terrible trials, learning not to succumb to life." + }, { "name": "text_width", "value": "Text width" @@ -1245,8 +1421,12 @@ "value": "Text height" }, { - "name": "text_content", - "value": "Steel is tempered in fire and sharp cooling, so it can be hard and not afraid of anything. It is also in this way that our generation has been tempered in struggles and terrible trials, learning not to succumb to life." + "name": "text_content_en_first", + "value": "Steel is tempered in fire and sharp cooling, so it can be hard and not afraid of anything. " + }, + { + "name": "text_content_en_last", + "value": "It is also in this way that our generation has been tempered in struggles and terrible trials, learning not to succumb to life. " }, { "name": "text_text_align_center", @@ -1330,7 +1510,7 @@ }, { "name": "text_area_set_text_selection", - "value": "Set Text Selection" + "value": "Set Text\nSelection" }, { "name": "text_area_set_text_selection_start_select_error", @@ -1342,11 +1522,11 @@ }, { "name": "text_input_set_text_selection_start_select", - "value": "Start Select:" + "value": "Start:" }, { "name": "text_input_set_text_selection_end_select", - "value": "End Select:" + "value": "End:" }, { "name": "avoiding_input_method_testing", @@ -1420,14 +1600,14 @@ "name": "text_input_only_input_english", "value": "Only english letters can be entered" }, - { - "name": "text_input_caret_position", - "value": "Caret position" - }, { "name": "text_input_set_text_selection", "value": "Set Text Selection" }, + { + "name": "text_input_caret_position", + "value": "Caret position" + }, { "name": "text_input_max_length", "value": "Limit the input character length" @@ -1482,7 +1662,7 @@ }, { "name": "time_picker_options_usemilitarytime", - "value": "usemilitarytime" + "value": "useMilitaryTime" }, { "name": "time_picker_dialog_timeone", @@ -1508,10 +1688,6 @@ "name": "toggle_type_switch", "value": "Switch" }, - { - "name": "checkbox", - "value": "Checkbox" - }, { "name": "toggle_type_checkbox", "value": "Check box" @@ -1647,7 +1823,8 @@ { "name": "components_display_hidden", "value": "Hidden" - }, { + }, + { "name": "components_display_visible", "value": "Visible" }, @@ -1671,10 +1848,6 @@ "name": "background_blur_style", "value": "Background Blur Style" }, - { - "name": "set_shadow_type", - "value": "Set shadow type" - }, { "name": "shadow_effects", "value": "Shadow Effect" @@ -1729,7 +1902,7 @@ }, { "name": "hueRotate_change", - "value": "HueRoate" + "value": "Hue\nRoate" }, { "name": "color_blend_change", @@ -1737,15 +1910,15 @@ }, { "name": "spherical_effect_change", - "value": "sphericalEffect" + "value": "spherical\nEffect" }, { "name": "light_up_effect_change", - "value": "lightUpEffect" + "value": "lightUp\nEffect" }, { "name": "pixel_stretch_effect_change", - "value": "pixelStretchEffect" + "value": "pixelStretch\nEffect" }, { "name": "z_index", @@ -1771,6 +1944,10 @@ "name": "Red", "value": "Red" }, + { + "name": "Blue", + "value": "Blue" + }, { "name": "Yellow", "value": "Yellow" @@ -1904,308 +2081,160 @@ "value": "Touch test region" }, { - "name": "action_sheet_dialog", - "value": "ActionSheetDialog" + "name": "touch_hit_test", + "value": "Click the hot area: set the hot area as the green area" }, { - "name": "action_sheet_click_sheets", - "value": "Click options content" + "name": "response_region", + "value": "Response Region" }, { - "name": "action_sheet_dialog_click_content", - "value": "Click content" + "name": "touch_hit_subtitle", + "value": "Click the green area to trigger the blue area response" }, { - "name": "text_picker_dialog", - "value": "TextPickerDialog" + "name": "option", + "value": "option" }, { - "name": "text_picker_show", - "value": "Show text dialog" + "name": "hover_region", + "value": "Hover the mouse over the green area to observe the effect" }, { - "name": "text_picker_click_text", - "value": "Click text" + "name": "multistatus_region", + "value": "Switch status and observe the effect" }, { - "name": "text_picker_text_peach", - "value": "peach" + "name": "status_select", + "value": "Status selection" }, { - "name": "text_picker_text_apple", - "value": "apple" + "name": "side_bar_effects_title", + "value": "SideBar effects" }, { - "name": "text_picker_text_orange", - "value": "orange" + "name": "set_side_bar_type", + "value": "Set sideBarType" }, { - "name": "text_picker_text_grape", - "value": "grape" + "name": "side_bar_container_content", + "value": "SideBar container content" }, { - "name": "text_picker_text_banana", - "value": "banana" + "name": "hide_side_bar", + "value": "Hide sideBar" }, { - "name": "global_menu", - "value": "BindContextMenu" + "name": "show_side_bar", + "value": "Show sideBar" }, { - "name": "global_menu_create_way", - "value": "Create way" + "name": "side_bar_type_embed", + "value": "Embed" }, { - "name": "global_menu_click_right", - "value": "Right click" + "name": "side_bar_type_overlay", + "value": "Overlay" }, { - "name": "global_menu_long_press", - "value": "Long press" + "name": "side_bar_type_auto", + "value": "Auto" }, { - "name": "global_menu_close", - "value": "Click to close the menu" + "name": "scroll_bar", + "value": "ScrollBar" }, { - "name": "component_transition", - "value": "Component transition" + "name": "scroll_vertical_title", + "value": "vertical scroll" }, { - "name": "component_transition_show", - "value": " Show" + "name": "scroll_horizontal_title", + "value": "horizontal scroll" }, { - "name": "component_transition_hide", - "value": "Hide" + "name": "auxiliary_refresh", + "value": "Refresh" }, { - "name": "attribute_animation", - "value": "Property animation" + "name": "auxiliary_refresh_refreshing", + "value": "Refreshing" }, { - "name": "motion_path", - "value": "Path animation" + "name": "auxiliary_refresh_offset", + "value": "offset:" }, { - "name": "animate_to", - "value": "Display animation" + "name": "auxiliary_refresh_minvalue", + "value": "0" }, { - "name": "animate_over", - "value": "The animation finishes playing" + "name": "auxiliary_refresh_maxvalue", + "value": "100" }, { - "name": "attribute_animation_change_size", - "value": "Change size" + "name": "auxiliary_refresh_friction", + "value": "friction:" }, { - "name": "attribute_animation_play_complete", - "value": "Playback Complete" + "name": "auxiliary_panel", + "value": "Panel" }, { - "name": "attribute_animation_unlimited_playback", - "value": "Unlimited playback" + "name": "auxiliary_alphabetIndexer", + "value": "AlphabetIndexer" }, { - "name": "attribute_animation_play_speed", - "value": "Play the speed" + "name": "loading_progress", + "value": "LoadingProgress" }, { - "name": "attribute_animation_delay", - "value": "Delay 3 s" + "name": "marquee_name", + "value": "Marquee" }, { - "name": "attribute_animation_set_curve", - "value": "Set the curve" + "name": "marquee_src", + "value": "Hello ArkUI String Length Larger Than Content" }, { - "name": "attribute_animation_change_rotation", - "value": "Change the rotation" + "name": "marquee_fromstart", + "value": "fromStart" }, { - "name": "attribute_animation_play_count", - "value": "Play 2 times" + "name": "marquee_step", + "value": "step" }, { - "name": "motion_path_click_me", - "value": "click me" + "name": "marquee_loop", + "value": "loop" }, { - "name": "general_mount", - "value": "Mount unmount events" + "name": "text_timer", + "value": "TextTimer" }, { - "name": "general_mount_toast", - "value": "Mount the image" + "name": "text_timer_start", + "value": "start" }, { - "name": "general_unmount_toast", - "value": "Unmount the image" + "name": "text_timer_pause", + "value": "pause" }, { - "name": "general_mount_text", - "value": "Click I mount the unmounted image" + "name": "text_timer_reset", + "value": "reset" }, { - "name": "general_drag", - "value": "Drag and drop events" + "name": "text_timer_iscountdown", + "value": "isCountDown" }, { - "name": "general_drag_text_one", - "value": "There are three Text elements here, press and hold the text and drag it to the list below" + "name": "text_timer_timeformatone", + "value": "mm:ss:SS" }, { - "name": "general_drag_text_two", - "value": "This is a List element" - }, - { - "name": "drag_list_one", - "value": "One" - }, - { - "name": "drag_list_two", - "value": "Two" - }, - { - "name": "drag_list_three", - "value": "Three" - }, - { - "name": "drag_list_four", - "value": "Four" - }, - { - "name": "size_size", - "value": "size" - }, - { - "name": "size_padding", - "value": "padding" - }, - { - "name": "size_margin", - "value": "margin" - }, - { - "name": "size_constraintSize", - "value": "constraintSize" - }, - { - "name": "response_region", - "value": "Response Region" - }, - { - "name": "touch_hit_subtitle", - "value": "Click the green area to trigger the blue area response" - }, - { - "name": "option", - "value": "option" - }, - { - "name": "hover_region", - "value": "Hover the mouse over the green area to observe the effect" - }, - { - "name": "multistatus_region", - "value": "Switch status and observe the effect" - }, - { - "name": "status_select", - "value": "Status selection" - }, - { - "name": "scroll_bar", - "value": "ScrollBar" - }, - { - "name": "scroll_vertical_title", - "value": "vertical scroll" - }, - { - "name": "scroll_horizontal_title", - "value": "horizontal scroll" - }, - { - "name": "auxiliary_refresh", - "value": "Refresh" - }, - { - "name": "auxiliary_refresh_offset", - "value": "offset:" - }, - { - "name": "auxiliary_refresh_minvalue", - "value": "0" - }, - { - "name": "auxiliary_refresh_maxvalue", - "value": "100" - }, - { - "name": "auxiliary_refresh_friction", - "value": "friction:" - }, - { - "name": "auxiliary_panel", - "value": "Panel" - }, - { - "name": "auxiliary_alphabetIndexer", - "value": "AlphabetIndexer" - }, - { - "name": "loading_progress", - "value": "LoadingProgress" - }, - { - "name": "marquee_name", - "value": "Marquee" - }, - { - "name": "marquee_src", - "value": "Hello ArkUI String Length Larger Than Content" - }, - { - "name": "marquee_fromstart", - "value": "fromStart" - }, - { - "name": "marquee_step", - "value": "step" - }, - { - "name": "marquee_loop", - "value": "loop" - }, - { - "name": "text_timer", - "value": "TextTimer" - }, - { - "name": "text_timer_start", - "value": "start" - }, - { - "name": "text_timer_pause", - "value": "pause" - }, - { - "name": "text_timer_reset", - "value": "reset" - }, - { - "name": "text_timer_iscountdown", - "value": "isCountDown" - }, - { - "name": "text_timer_timeformatone", - "value": "mm:ss:SS" - }, - { - "name": "text_timer_groupformat", - "value": "format" + "name": "text_timer_groupformat", + "value": "format" }, { "name": "text_timer_timeformattwo", @@ -2275,6 +2304,10 @@ "name": "checkbox_checkboxgroup", "value": "Checkbox && CheckboxGroup" }, + { + "name": "checkbox", + "value": "Checkbox" + }, { "name": "checkbox_title", "value": "Checkbox" @@ -2343,6 +2376,34 @@ "name": "swiper_name", "value": "Swiper" }, + { + "name": "nav_router", + "value": "NavRouter" + }, + { + "name": "tabs_name", + "value": "Tabs" + }, + { + "name": "select_name", + "value": "Select" + }, + { + "name": "slider_name", + "value": "Slider" + }, + { + "name": "swiper_set_next_margin_and_previous_margin", + "value": "set next margin and previous margin" + }, + { + "name": "swiper_next_margin", + "value": "next margin" + }, + { + "name": "swiper_previous_margin", + "value": "previous margin" + }, { "name": "alphabetindexer_an", "value": "An" @@ -2375,6 +2436,10 @@ "name": "alphabetindexer_chen", "value": "Chen" }, + { + "name": "alphabetindexer_cheng", + "value": "Cheng" + }, { "name": "alphabetindexer_lv", "value": "Lv" @@ -2411,10 +2476,6 @@ "name": "alphabetindexer_cui", "value": "Cui" }, - { - "name": "alphabetindexer_cheng", - "value": "Cheng" - }, { "name": "alphabetindexer_list_display", "value": "List Display" @@ -2503,6 +2564,10 @@ "name": "checkbox_select_all", "value": "Select All" }, + { + "name": "delete_list_item", + "value": "Delete listItem" + }, { "name": "normal_display", "value": "Display" @@ -2576,113 +2641,2596 @@ "value": "Change arrowOffset:" }, { - "name": "interaction_showpopup", - "value": "Show Popup" + "name": "interaction_mask", + "value": "isMask:" }, { - "name": "interaction_showcustompopup", - "value": "Show Custom Popup" + "name": "component_transition", + "value": "Component transition" }, { - "name": "pan_start", - "value": "Start" + "name": "component_transition_show", + "value": "Show" }, { - "name": "pan_end", - "value": "End" + "name": "component_transition_hide", + "value": "Hide" }, { - "name": "pan_button", - "value": "Modify the PanGesture trigger condition" + "name": "motion_path", + "value": "MotionPath" }, { - "name": "pinch_description", - "value": "Pinch the black frame with three fingers" + "name": "animate_to", + "value": "AnimateTo" }, { - "name": "pinch_scale", - "value": "PinchGesture scale:\n" + "name": "attribute_animation", + "value": "AttributeAnimation" }, { - "name": "interaction_mask", - "value": "isMask:" + "name": "attribute_animation_change_size", + "value": "ChangeSize" }, { - "name": "rotation_description", - "value": "Rotate the black box with two fingers" + "name": "attribute_animation_change_rotation", + "value": "ChangeRotation" }, { - "name": "swipe_description", - "value": "Quickly slide the black box with one finger in either direction" + "name": "attribute_animation_set_curve", + "value": "SetCurve" }, { - "name": "combinded_description", - "value": "Press and hold and drag the black box" + "name": "attribute_animation_delay", + "value": "delay3s" }, { - "name": "transform_translate_invert", - "value": "Zoom in twice and invert (zoom in by a factor of two)" + "name": "attribute_animation_play_speed", + "value": "PlaySpeed" }, { - "name": "key_press_description", - "value": "Press the External Keyboard Tab key, and then press any key" + "name": "attribute_animation_unlimited_playback", + "value": "UnlimitedPlayback" }, { - "name": "april", - "value": "april" + "name": "attribute_animation_play_complete", + "value": "PlayComplete" }, { - "name": "bind_click", - "value": "Click me" + "name": "attribute_animation_play_count", + "value": "PlayCount" }, { - "name": "interaction_disable", - "value": "Disable Component:" + "name": "motion_path_click_me", + "value": "ClickMe" }, { - "name": "canvas_components", - "value": "Canvas components" + "name": "animate_over", + "value": "AnimateOver" + },{ + "name": "interaction_showpopup", + "value": "Show Popup" }, { - "name": "canvas_component_attributes", - "value": "Base attributes" + "name": "interaction_showcustompopup", + "value": "Show Custom Popup" }, { - "name": "canvas_component_image_bitmap", - "value": "ImageBitmap" + "name": "interaction_disable", + "value": "Disable Component:" }, { - "name": "canvas_component_gradient", - "value": "CanvasGradient" + "name": "action_sheet_dialog_click_content", + "value": "Click Content" }, { - "name": "canvas_component_method", - "value": "Base methods" + "name": "text_picker_click_text", + "value": "Click Text" }, { - "name": "canvas_component_path_2d", - "value": "Path2D" + "name": "global_menu", + "value": "BindContextMenu" }, { - "name": "canvas_component_transform", - "value": "Transform" + "name": "global_menu_create_way", + "value": "Create Way" }, { - "name": "canvas_canvasZone", - "value": "Canvas Zone" + "name": "global_menu_click_right", + "value": "Right Click" }, { - "name": "canvas_attributesOperations", - "value": "Attributes Operations" + "name": "global_menu_long_press", + "value": "Long Press" }, { - "name": "canvas_clearEffects", - "value": "Clear Effects" + "name": "global_menu_close", + "value": "Click to close the menu" + }, + { + "name": "general_mount", + "value": "Mount unmount events" + }, + { + "name": "general_mount_toast", + "value": "Mount the image" + }, + { + "name": "general_unmount_toast", + "value": "Unmount the image" + }, + { + "name": "general_mount_text", + "value": "点击我挂载卸载图片" + }, + { + "name": "general_drag", + "value": "拖拽事件" + }, + { + "name": "general_drag_text_one", + "value": "这里有三个文本元素,长按文本拖到下方列表中" + }, + { + "name": "general_drag_text_two", + "value": "这是一个列表元素" + }, + { + "name": "drag_list_one", + "value": "One" + }, + { + "name": "drag_list_two", + "value": "Two" + }, + { + "name": "drag_list_three", + "value": "Three" + }, + { + "name": "drag_list_four", + "value": "Four" + }, + { + "name": "size_size", + "value": "大小" + }, + { + "name": "size_padding", + "value": "内边距" + }, + { + "name": "size_margin", + "value": "外边距" + }, + { + "name": "size_constraintSize", + "value": "约束大小" + }, + { + "name": "size_size_description_one", + "value": "Width and height are 100vp" + }, + { + "name": "size_size_description_two", + "value": "宽高为100%" + }, + { + "name": "size_size_padding_one", + "value": "上下左右内边距10vp" + }, + { + "name": "size_size_padding_two", + "value": "上内边距20%" + }, + { + "name": "size_size_margin_one", + "value": "上下左右外边距10vp" + }, + { + "name": "size_size_margin_two", + "value": "上外距20%" + }, + { + "name": "size_size_constraintSize_one", + "value": "约束最大宽高90vp" + }, + { + "name": "size_size_constraintSize_two", + "value": "约束最小宽高80vp" + }, + { + "name": "keyPress_event", + "value": "Press Event" + }, + { + "name": "focus_event_description", + "value": "Press the Tab key on the external keyboard to get the focus, then press the up and down keys to switch the focus" + }, + { + "name": "focus_event_button_one", + "value": "The first button" + }, + { + "name": "focus_event_button_two", + "value": "The second button" + }, + { + "name": "focus_event_button_three", + "value": "The third button" + }, + { + "name": "focus_event_toast_text", + "value": "Trigger Focus" + }, + { + "name": "press_event_toast_text", + "value": "触发按键事件" + }, + { + "name": "press_event_toast_description", + "value": "按压外接键盘任何键" + }, + { + "name": "mouse_event_move_description", + "value": "Move into the button with an external mouse" + }, + { + "name": "mouse_event_click_description", + "value": "Click the button with an external mouse" + }, + { + "name": "mouse_event_hover_description", + "value": "The mouse is hovering" + }, + { + "name": "mouse_event_onHover_description", + "value": "The mouse is not hovering" + }, + { + "name": "mouse_event_onMouse_text", + "value": "onMouse" + }, + { + "name": "mouse_event_mouseBtn_none", + "value": "None" + }, + { + "name": "mouse_event_mouseBtn_left", + "value": "Left" + }, + { + "name": "mouse_event_mouseBtn_right", + "value": "Right" + }, + { + "name": "mouse_event_mouseBtn_back", + "value": "Back" + }, + { + "name": "mouse_event_mouseBtn_forward", + "value": "Forward" + }, + { + "name": "mouse_event_mouseBtn_middle", + "value": "Middle" + }, + { + "name": "mouse_event_mouseAction_hover", + "value": "Hover" + }, + { + "name": "mouse_event_mouseAction_press", + "value": "Press" + }, + { + "name": "mouse_event_mouseAction_move", + "value": "Move" + }, + { + "name": "mouse_event_mouseAction_release", + "value": "Release" + }, + { + "name": "scroll_event", + "value": "Component visible area change event" + }, + { + "name": "scroll_event_description", + "value": "Slide the list to make the picture disappear and appear" + }, + { + "name": "scroll_event_toast_visible", + "value": "The heart image is fully visible" + }, + { + "name": "scroll_event_toast_invisible", + "value": "The heart image is completely disappeared" + }, + { + "name": "location_settings", + "value": "Location settings" + }, + { + "name": "location_settings_align", + "value": "Alignment" + }, + { + "name": "location_settings_direction", + "value": "Horizontal Layout" + }, + { + "name": "location_settings_position", + "value": "Absolute Positioning" + }, + { + "name": "location_settings_markAnchor", + "value": "Set mark anchor" + }, + { + "name": "location_settings_offset", + "value": "Relative Position" + }, + { + "name": "location_settings_alignRules", + "value": "Align Rules" + }, + { + "name": "location_settings_bottom_end", + "value": "Bottom end" + }, + { + "name": "location_settings_top_start", + "value": "Top start" + }, + { + "name": "location_settings_center", + "value": "Center" + }, + { + "name": "location_settings_position_text", + "value": "position(30, 10)" + }, + { + "name": "location_settings_position_offSet_text", + "value": "offset(15, 30)" + }, + { + "name": "layout_constrain", + "value": "Layout Constrain" + }, + { + "name": "layout_constrain_aspectRatio", + "value": "Layout constrain aspect ratio" + }, + { + "name": "layout_constrain_displayPriority", + "value": "Layout constrain display priority" + }, + { + "name": "layout_constrain_big_container", + "value": "Large Container" + }, + { + "name": "layout_constrain_middle_container", + "value": "Medium Container" + }, + { + "name": "layout_constrain_small_container", + "value": "Small Container" + }, + { + "name": "layout_constrain_children_one", + "value": "1:(priority:2)" + }, + { + "name": "layout_constrain_children_two", + "value": "2:(priority:1)" + }, + { + "name": "layout_constrain_children_three", + "value": "3:(priority:3)" + }, + { + "name": "layout_constrain_children_four", + "value": "4:(priority:1)" + }, + { + "name": "layout_constrain_children_five", + "value": "5:(priority:2)" + }, + { + "name": "layout_constrain_one", + "value": "1" + }, + { + "name": "layout_constrain_two", + "value": "2" + }, + { + "name": "flex", + "value": "Flex" + }, + { + "name": "flex_flexBasis", + "value": "FlexBasis" + }, + { + "name": "flex_flexGrow", + "value": "FlexGrow" + }, + { + "name": "flex_flexShrink", + "value": "FlexShrink" + }, + { + "name": "flex_alignSelf", + "value": "AlignSelf" + }, + { + "name": "flex_layoutWeight", + "value": "LayoutWeight" + }, + { + "name": "flex_no_layoutWeight", + "value": "On layoutWeight" + }, + { + "name": "flex_no_alignSelf_70", + "value": "On alignSelf,height:70%" + }, + { + "name": "flex_end_alignSelf", + "value": "AlignSelf end" + }, + { + "name": "flex_end_alignSelf_100", + "value": "AlignSelf end" + }, + { + "name": "flex_shrink_0", + "value": "FlexShrink(0)" + }, + { + "name": "flex_shrink_default", + "value": "Default flexShrink" + }, + { + "name": "flex_shrink_1", + "value": "FlexShrink(1)" + }, + { + "name": "flex_grow_1", + "value": "FlexGrow(1)" + }, + { + "name": "flex_grow_2", + "value": "FlexGrow(2)" + }, + { + "name": "flex_no_alignSelf_100", + "value": "On alignSelf,height:100%" + }, + { + "name": "flex_basis_100", + "value": "FlexBasis(100)" + }, + { + "name": "flex_basis_auto", + "value": "FlexBasis(auto)" + }, + { + "name": "picture_border", + "value": "Picture border settings" + }, + { + "name": "scale", + "value": "Scale" + }, + { + "name": "transform", + "value": "Transform" + }, + { + "name": "scale_image", + "value": "ScaleImage" + }, + { + "name": "transform_image", + "value": "TransformImage" + }, + { + "name": "transform_init", + "value": "Create a fourth-order matrix" + }, + { + "name": "transform_copy", + "value": "Matrix Copy" + }, + { + "name": "transform_combine", + "value": "Matrix effect combine" + }, + { + "name": "transform_invert", + "value": "Matrix effect inversion" + }, + { + "name": "transform_translate", + "value": "Matrix translation effect" + }, + { + "name": "transform_scale", + "value": "Matrix scaling effect" + }, + { + "name": "transform_rotate", + "value": "Matrix rotation effect" + }, + { + "name": "transform_transformPoint", + "value": "Matrix coordinate point conversion effect" + }, + { + "name": "transform_combine_text", + "value": "x translates 20,\nx magnifies twice" + }, + { + "name": "transform_translate_text", + "value": "Translation\nx: 40, y: 40,\nz: 20" + }, + { + "name": "transform_scale_text", + "value": "Reduce width and height\nby half" + }, + { + "name": "transform_rotate_text", + "value": "Rotate 30 degrees" + }, + { + "name": "transform_transformPoint_before", + "value": "Coordinates after matrix transformation: [50,50]" + }, + { + "name": "transform_transformPoint_after", + "value": "Coordinates after matrix transformation: [100,0]" + }, + { + "name": "shape_crop", + "value": "Shape Crop" + }, + { + "name": "shape_crop_clip", + "value": "Crop" + }, + { + "name": "shape_crop_mask", + "value": "Cover" + }, + { + "name": "grid_settings", + "value": "Grid Settings" + }, + { + "name": "grid_settings_sm", + "value": "设备宽度为SM" + }, + { + "name": "grid_settings_md", + "value": "设备宽度为MD" + }, + { + "name": "grid_settings_lg", + "value": "设备宽度为LG" + }, + { + "name": "grid_edgeEffect_spring", + "value": "Grid edgeEffect spring" + }, + { + "name": "focus_control", + "value": "Focus Control" + }, + { + "name": "focus_control_tab", + "value": "Press the Tab key on the external keyboard to switch focus" + }, + { + "name": "focus_control_lastPageId", + "value": "LastPageId" + }, + { + "name": "focus_control_success", + "value": "Request Success" + }, + { + "name": "focus_control_failed", + "value": "Request Failed" + }, + { + "name": "focus_control_group1", + "value": "Group1" + }, + { + "name": "focus_control_group2", + "value": "Group2" + }, + { + "name": "focus_control_group3", + "value": "Group3" + }, + { + "name": "focus_control_input", + "value": "Input" + }, + { + "name": "focus_control_request_focus", + "value": "Selected fruit request focus" + }, + { + "name": "component_id", + "value": "Component Identification" + }, + { + "name": "component_id_onKeyTab", + "value": "OnKeyTab" + }, + { + "name": "component_id_click", + "value": "Click to start" + }, + { + "name": "component_id_longClick", + "value": "LongClick" + }, + { + "name": "component_id_onTouch", + "value": "OnTouch" + }, + { + "name": "component_id_onMouse", + "value": "OnMouse" + }, + { + "name": "component_id_click_text", + "value": "Button 'click to start' is clicked" + }, + { + "name": "component_id_longClick_text", + "value": "Button 'longClick' is longClicked" + }, + { + "name": "component_id_onTouch_text", + "value": "Button 'onTouch' is clicked" + }, + { + "name": "component_id_onMouse_text", + "value": "Button 'onMouse' in onMouse" + }, + { + "name": "component_blurred", + "value": "Component background blur" + }, + { + "name": "component_blurred_thin", + "value": "Thin Materials" + }, + { + "name": "restore_id", + "value": "Distributed migration identifier" + }, + { + "name": "gesture_process", + "value": "Gesture process" + }, + { + "name": "bind_gesture_methods", + "value": "Bind gesture method" + }, + { + "name": "bind_gesture_priorityGesture", + "value": "priorityGesture will ignore text and prioritize parent component column" + }, + { + "name": "bind_gesture_parallelGesture", + "value": "parallelGesture identifies parent and child components column, text" + }, + { + "name": "bind_gesture_tapGesture", + "value": "TapGesture:" + }, + { + "name": "bind_gesture_text", + "value": "\nText" + }, + { + "name": "bind_gesture_column", + "value": "\nColumn" + }, + { + "name": "double_click", + "value": "Single finger double click trigger" + }, + { + "name": "onAction", + "value": "onAction:" + }, + { + "name": "long_press", + "value": "Long press the text with on finger" + }, + { + "name": "long_press_cancel", + "value": "取消事件" + }, + { + "name": "long_press_text", + "value": "Long press me" + }, + { + "name": "pan_text", + "value": "Drag the black frame with two fingers in any way" + }, + { + "name": "pan_text_one", + "value": "Drag the black frame left or right with one finger" + }, + { + "name": "pan_start", + "value": "Start" + }, + { + "name": "pan_end", + "value": "End" + }, + { + "name": "pan_button", + "value": "Modify the PanGesture trigger condition" + }, + { + "name": "pan_offset", + "value": "PanGesture offset:\nX:" + }, + { + "name": "pan_offset_y", + "value": "\nY:" + }, + { + "name": "pinch_description", + "value": "Pinch the black frame with three fingers" + }, + { + "name": "pinch_scale", + "value": "PinchGesture scale:\n" + }, + { + "name": "pinch_center", + "value": "PinchGesture center:\nx:" + }, + { + "name": "rotation_description", + "value": "Rotate the black box with two fingers" + }, + { + "name": "rotation_text", + "value": "RotationGesture \n angle:" + }, + { + "name": "swipe_description", + "value": "Quickly slide the black box with one finger in either direction" + }, + { + "name": "swipe_text_speed", + "value": "SwipeGesture\n speed:" + }, + { + "name": "swipe_text_angle", + "value": "SwipeGesture\n angle" + }, + { + "name": "combinded_description", + "value": "Long press and then drag the black box" + }, + { + "name": "combinded_pan_start", + "value": "Pan start" + }, + { + "name": "combinded_pan_update", + "value": "Pan update" + }, + { + "name": "combinded_pan_end", + "value": "Pan end" + }, + { + "name": "combinded_longPress_onAction", + "value": "LongPress onAction" + }, + { + "name": "combinded_longPress_end", + "value": "LongPress end" + }, + { + "name": "combinded_sequence", + "value": "sequence gesture\n" + }, + { + "name": "combinded_longPress", + "value": "LongPress onAction:" + }, + { + "name": "combinded_offset", + "value": "\nPanGesture offset:\nX:" + }, + { + "name": "combinded_x", + "value": "\nX:" + }, + { + "name": "transform_translate_invert", + "value": "Zoom in twice and reverse (zoom out twice)" + }, + { + "name": "key_press_description", + "value": "Press the external keyboard Tab key, and then press any key" + }, + { + "name": "key_press_keyType", + "value": "KeyType:" + }, + { + "name": "key_press_keyCode", + "value": "\nkeyCode:" + }, + { + "name": "key_press_keyText", + "value": "\nkeyText:" + }, + { + "name": "key_press_down", + "value": "Down" + }, + { + "name": "key_press_up", + "value": "Up" + }, + { + "name": "componentId_longClick", + "value": "longClick" + }, + { + "name": "componentId_onTouch", + "value": "onTouch" + }, + { + "name": "componentId_onMouse", + "value": "onMouse" + }, + { + "name": "flex_auto", + "value": "auto" + }, + { + "name": "april", + "value": "april" + }, + { + "name": "bind_click", + "value": "Click me" + }, + { + "name": "action_sheet_dialog", + "value": "ActionSheetDialog" + }, + { + "name": "action_sheet_click_sheets", + "value": "Click options content" + }, + { + "name": "text_picker_text_peach", + "value": "peach" + }, + { + "name": "text_picker_text_apple", + "value": "apple" + }, + { + "name": "text_picker_text_orange", + "value": "orange" + }, + { + "name": "text_picker_text_grape", + "value": "grape" + }, + { + "name": "text_picker_text_banana", + "value": "banana" + }, + { + "name": "text_picker_dialog", + "value": "TextPickerDialog" + }, + { + "name": "text_picker_show", + "value": "Show test dialog" + }, + { + "name": "row_title", + "value": "Row" + }, + { + "name": "row_introduction_arguments", + "value": "Modifying Row parameters" + }, + { + "name": "row_introduction_properties", + "value": "Modifying Row properties" + }, + { + "name": "row_element_spacing", + "value": "element spacing" + }, + { + "name": "row_alignitems_top", + "value": "Top" + }, + { + "name": "row_alignitems_bottom", + "value": "Bottom" + }, + { + "name": "row_alignitems_center", + "value": "Center" + }, + { + "name": "row_justifycontent_start", + "value": "Start" + }, + { + "name": "row_justifycontent_center", + "value": "Center" + }, + { + "name": "row_justifycontent_end", + "value": "End" + }, + { + "name": "row_justifycontent_spacebetween", + "value": "SpaceBetween" + }, + { + "name": "row_justifycontent_spacearound", + "value": "SpaceAround" + }, + { + "name": "row_justifycontent_spaceevenly", + "value": "SpaceEvenly" + }, + { + "name": "row_justifycontent_description", + "value": "Spindle alignment\nformat" + }, + { + "name": "row_alignitems_description", + "value": "Cross axis alignment\nformat" + }, + { + "name": "row_introduction_tips", + "value": "Tips:" + }, + { + "name": "row_tips", + "value": "When the spindle is of type SpaceBetween, SpaceAround, or SpaceEven, the parameter space of the Row component does not take effect" + }, + { + "name": "rowsplit_title", + "value": "RowSplit Indicates the horizontal split layout" + }, + { + "name": "rowsplit_introduction_properties", + "value": "Modify the drag-and-drop property of RowSplit" + }, + { + "name": "rowsplit_drag", + "value": "drag switch" + }, + { + "name": "rowsplit_drag_divider", + "value": "Drag the dividers left and right to change position" + }, + { + "name": "column_title", + "value": "Column" + }, + { + "name": "column_introduction_arguments", + "value": "Modifying Row parameters" + }, + { + "name": "column_introduction_properties", + "value": "Modifying Row properties" + }, + { + "name": "column_element_spacing", + "value": "element spacing" + }, + { + "name": "column_alignitems_start", + "value": "Start" + }, + { + "name": "column_alignitems_end", + "value": "End" + }, + { + "name": "column_alignitems_center", + "value": "Center" + }, + { + "name": "column_justifycontent_start", + "value": "Start" + }, + { + "name": "column_justifycontent_center", + "value": "Center" + }, + { + "name": "column_justifycontent_end", + "value": "End" + }, + { + "name": "column_justifycontent_spacebetween", + "value": "SpaceBetween" + }, + { + "name": "column_justifycontent_spacearound", + "value": "SpaceAround" + }, + { + "name": "column_justifycontent_spaceevenly", + "value": "SpaceEvenly" + }, + { + "name": "column_justifycontent_description", + "value": "Spindle alignment\nformat" + }, + { + "name": "column_alignitems_description", + "value": "Cross axis alignment\nformat" + }, + { + "name": "column_introduction_tips", + "value": "tips:" + }, + { + "name": "column_tips", + "value": "When the spindle is of type SpaceBetween, SpaceAround, or SpaceEven, the parameter space of the Row component does not take effect" + }, + { + "name": "columnsplit_title", + "value": "RowSplit Indicates the vertical split layout" + }, + { + "name": "columnsplit_introduction_properties", + "value": "Modify the drag-and-drop property of ColumnSplit" + }, + { + "name": "columnsplit_drag", + "value": "drag switch" + }, + { + "name": "columnsplit_introduction_drag_divider", + "value": "Drag the split line up and down to change the position" + }, + { + "name": "sidebarcontainer_title", + "value": "SideBarContainer" + }, + { + "name": "sidebarcontainer_content_text", + "value": "SideBarContainer: A sidebar container that provides a sidebar that can be displayed and hidden. The sidebar and content area are defined by subcomponents, the first subcomponent representing the sidebar and the second subcomponent representing the content area. This component is supported starting with API Version 8. If new content is added in later versions, the upper corner mark is used to separately mark the beginning version of the content." + }, + { + "name": "sidebarcontainer_sidebar_text_one", + "value": "Collect" + }, + { + "name": "sidebarcontainer_sidebar_text_two", + "value": "Home" + }, + { + "name": "sidebarcontainer_argument", + "value": "Example Modify SideBarContainer" + }, + { + "name": "sidebarcontainer_property", + "value": "Modify the SideBarContainer property" + }, + { + "name": "sidebarcontainer_argument_type", + "value": "The sidebar shows\nthe type" + }, + { + "name": "sidebarcontainer_type_embed", + "value": "Embed" + }, + { + "name": "sidebarcontainer_type_overlay", + "value": "Overlay" + }, + { + "name": "sidebarcontainer_show_switch", + "value": "Display switch" + }, + { + "name": "sidebarcontainer_left_margin", + "value": "Control button left margin" + }, + { + "name": "sidebarcontainer_top_margin", + "value": "Control button upper margin" + }, + { + "name": "sidebarcontainer_show_button_switch", + "value": "Control button display switch" + }, + { + "name": "sidebarcontainer_position_title", + "value": "The sidebar shows\nthe location" + }, + { + "name": "sidebarcontainer_sidebar_show_position_start", + "value": "Start" + }, + { + "name": "sidebarcontainer_sidebar_show_position_end", + "value": "End" + }, + { + "name": "sidebarcontainer_min_width", + "value": "Minimum width of sidebar" + }, + { + "name": "sidebarcontainer_max_width", + "value": "Maximum width of sidebar" + }, + { + "name": "sidebarcontainer_auto_hide", + "value": "Whether the sidebar is hidden in its\nsmallest state" + }, + { + "name": "sidebarcontainer_divider_width", + "value": "Dividing line width" + }, + { + "name": "sidebarcontainer_drag_divider", + "value": "Drag the divider to change the sidebar size" + }, + { + "name": "sidebarcontainer__is_show_true", + "value": "The sidebar has expanded" + }, + { + "name": "sidebarcontainer__is_show_false", + "value": "The sidebar is closed" + }, + { + "name": "stack_title", + "value": "Stack" + }, + { + "name": "stack_alignments_topstart", + "value": "TopStart" + }, + { + "name": "stack_alignments_top", + "value": "Top" + }, + { + "name": "stack_alignments_topend", + "value": "TopEnd" + }, + { + "name": "stack_alignments_start", + "value": "Start" + }, + { + "name": "stack_alignment_center", + "value": "Center" + }, + { + "name": "stack_alignment_end", + "value": "End" + }, + { + "name": "stack_alignments_bottomstart", + "value": "BottomStart" + }, + { + "name": "stack_alignments_bottom", + "value": "Bottom" + }, + { + "name": "stack_alignments_bottomend", + "value": "BottomEnd" + }, + { + "name": "stack_alignment", + "value": "AlignContent" + }, + { + "name": "stack_introduction", + "value": "The Stack attribute & parameter alignContent is updated" + }, + { + "name": "stack_introduction_zindex", + "value": "sub three zindex" + }, + { + "name": "stack_zindex_four", + "value": "4" + }, + { + "name": "stack_zindex_one", + "value": "1" + }, + { + "name": "stack_zindex", + "value": "ZIndex" + }, + { + "name": "flex_title", + "value": "Flex" + }, + { + "name": "flex_introduction_arguments", + "value": "Modify the Flex elastic layout parameters" + }, + { + "name": "flex_argument_direction", + "value": "direction" + }, + { + "name": "flex_argument_direction_row", + "value": "Row" + }, + { + "name": "flex_argument_direction_row_reverse", + "value": "RowReverse" + }, + { + "name": "flex_argument_direction_column", + "value": "Column" + }, + { + "name": "flex_argument_direction_column_reverse", + "value": "ColumnReverse" + }, + { + "name": "flex_argument_wrap", + "value": "Modify the wrap for\nthis flex" + }, + { + "name": "flex_argument_wrap_no_wrap", + "value": "NoWrap" + }, + { + "name": "flex_argument_wrap_wrap", + "value": "Wrap" + }, + { + "name": "flex_argument_wrap_wrap_reverse", + "value": "WrapReverse" + }, + { + "name": "flex_introduction_direction", + "value": "Change the direction of\nall flex" + }, + { + "name": "flex_argument_justifycontent", + "value": "Revised this Flex\njustifyContent" + }, + { + "name": "flex_argument_justifycontent_start", + "value": "Start" + }, + { + "name": "flex_argument_justifycontent_center", + "value": "Center" + }, + { + "name": "flex_argument_justifycontent_End", + "value": "End" + }, + { + "name": "flex_argument_justifycontent_space_between", + "value": "SpaceBetween" + }, + { + "name": "flex_argument_justifycontent_space_around", + "value": "SpaceAround" + }, + { + "name": "flex_argument_justifycontent_speac_evenly", + "value": "SpaceEvenly" + }, + { + "name": "flex_argument_alignItems", + "value": "Modify alignItems in\nthis Flex" + }, + { + "name": "flex_argumen_alignItems_auto", + "value": "auto" + }, + { + "name": "flex_argumen_alignItems_start", + "value": "Start" + }, + { + "name": "flex_argumen_alignItems_center", + "value": "Center" + }, + { + "name": "flex_argumen_alignItems_end", + "value": "End" + }, + { + "name": "flex_argumen_alignItems_stretch", + "value": "Stretch" + }, + { + "name": "flex_argumen_alignItems_baseline", + "value": "Baseline" + }, + { + "name": "flex_argument_alignContent", + "value": "Modify the alignContent\nof this Flex" + }, + { + "name": "gridrow_title", + "value": "GridRow Grid system" + }, + { + "name": "gridrow_introdional_arguments", + "value": "Modify the GridRow parameters" + }, + { + "name": "gridrow_columns", + "value": "columns" + }, + { + "name": "gridrow_gutterX", + "value": "gutterX" + }, + { + "name": "gridrow_gutterY", + "value": "gutterY" + }, + { + "name": "image_video_and_media", + "value": "Image Video And Media" + }, + { + "name": "image_title", + "value": "Image" + }, + { + "name": "image_animator_title", + "value": "ImageAnimator" + }, + { + "name": "video_title", + "value": "Video" + }, + { + "name": "plugin_component_title", + "value": "PluginComponent" + }, + { + "name": "xcomponent_title", + "value": "XComponent" + }, + { + "name": "image_show_test", + "value": "Show the image" + }, + { + "name": "image_object_fit", + "value": "ObjectFit" + }, + { + "name": "image_sourcesize_height", + "value": "SizeHeight" + }, + { + "name": "image_sourcesize_width", + "value": "SizeWidth" + }, + { + "name": "object_fit_cover", + "value": "Cover" + }, + { + "name": "object_fit_contain", + "value": "Contain" + }, + { + "name": "object_fit_auto", + "value": "Auto" + }, + { + "name": "object_fit_fill", + "value": "Fill" + }, + { + "name": "object_fit_scale_down", + "value": "ScaleDown" + }, + { + "name": "object_fit_none", + "value": "None" + }, + { + "name": "object_fit_change", + "value": "ObjectFitChange" + }, + { + "name": "image_sourcesize_change", + "value": "SourceSizeChange" + }, + { + "name": "image_rendermode_original", + "value": "RenderModeOriginal" + }, + { + "name": "image_rendermode_template", + "value": "RenderModeTemplate" + }, + { + "name": "image_renderMode_change", + "value": "RenderMode\nChange" + }, + { + "name": "image_repeat_xy", + "value": "RepeatXY" + }, + { + "name": "image_repeat_x", + "value": "RepeatX" + }, + { + "name": "image_repeat_y", + "value": "RepeatY" + }, + { + "name": "image_repeat_no", + "value": "NoRepeat" + }, + { + "name": "image_repeat_change", + "value": "RepeatChange" + }, + { + "name": "image_fill_color_title", + "value": "FillColorTitle" + }, + { + "name": "image_animator_show", + "value": "ImageAnimatorShow" + }, + { + "name": "image_animator_control", + "value": "ImageAnimatorControl" + }, + { + "name": "video_show", + "value": "VideoShow" + }, + { + "name": "video_auto_play", + "value": "AutoPlay" + }, + { + "name": "video_controls_show", + "value": "ControlsShow" + }, + { + "name": "video_muted_show", + "value": "MutedShow" + }, + { + "name": "video_fit_change", + "value": "VideoFit" + }, + { + "name": "video_loop_show", + "value": "LoopShow" + }, + { + "name": "video_current_rate_change", + "value": "CurrentRateChange" + }, + { + "name": "video_play_mode", + "value": "VideoPlayMode" + }, + { + "name": "video_play_switch", + "value": "VideoPlaySwitch" + }, + { + "name": "web_title", + "value": "Web (Connect to the network)" + }, + { + "name": "web_show", + "value": "WebShow" + }, + { + "name": "web_use_reason", + "value": "reason" + }, + { + "name": "xcomponent_show", + "value": "XComponentShow" + }, + { + "name": "textarea_title", + "value": "TextArea" + }, + { + "name": "patternlock_title", + "value": "PatternLock" + }, + { + "name": "search_title", + "value": "Search" + }, + { + "name": "textarea_textalign_start", + "value": "Start" + }, + { + "name": "textarea_textalign_center", + "value": "Center" + }, + { + "name": "textarea_textalign_end", + "value": "End" + }, + { + "name": "textareaa_textalign_change", + "value": "textAreatextAlignChange" + }, + { + "name": "textarea_show", + "value": "TextAreaShow" + }, + { + "name": "textarea_control", + "value": "TextAreaControl" + }, + { + "name": "textarea_copyoptions_none", + "value": "None" + }, + { + "name": "textarea_copyoptions_inapp", + "value": "InApp" + }, + { + "name": "textarea_copyoptions_localdevice", + "value": "LocalDevice" + }, + { + "name": "textarea_copyoptions_change", + "value": "CopyOptionsChange" + }, + { + "name": "textarea_placeholder_change", + "value": "PlaceholderChange" + }, + { + "name": "textarea_caretcolor_change", + "value": "CaretcolorChage" + }, + { + "name": "patternlock_active_color", + "value": "Pattern Lock Active\nColor" + }, + { + "name": "patternlock_path_color", + "value": "Pattern Lock Path\nColor" + }, + { + "name": "patternlock_select_color", + "value": "Pattern Lock Select\nColor" + }, + { + "name": "patternlock_regular_color", + "value": "Pattern Lock Regular\nColor" + }, + { + "name": "patternlock_side_length", + "value": "PatternLockSideLength" + }, + { + "name": "patternlock_circle_radius", + "value": "PatternLockCircleRadius" + }, + { + "name": "patternlock_pathstroke_width", + "value": "PatternLockPathStrokeWidth" + }, + { + "name": "patternlock_change", + "value": "PatternLockChange" + }, + { + "name": "search_textalign_change", + "value": "Search Text Align\nChange" + }, + { + "name": "search_placeholder_change", + "value": "Search Place holder\nChange" + }, + { + "name": "search_copyOption_change", + "value": "Search Copy Option\nChange" + }, + { + "name": "search_change", + "value": "SearchChange" + }, + { + "name": "list_title", + "value": "List" + }, + { + "name": "list_introduction_arguments", + "value": "Modifying List arguments" + }, + { + "name": "list_introduction_properties", + "value": "Modifying List properties" + }, + { + "name": "list_introduction_state", + "value": "Status bar" + }, + { + "name": "list_properties_direction", + "value": "listDirection" + }, + { + "name": "list_properties_direction_vertical", + "value": "Vertical" + }, + { + "name": "list_properties_direction_Horizontal", + "value": "Horizontal" + }, + { + "name": "list_argument_space", + "value": "space" + }, + { + "name": "list_properties_divider_stroke_width", + "value": "divider - strokeWidth" + }, + { + "name": "list_properties_divider_color", + "value": "divider - color" + }, + { + "name": "list_properties_scroll_bar", + "value": "scrollBar" + }, + { + "name": "list_properties_scroll_bar_off", + "value": "Off" + }, + { + "name": "list_properties_scroll_bar_on", + "value": "On" + }, + { + "name": "list_properties_scroll_bar_auto", + "value": "Auto" + }, + { + "name": "list_properties_initial_index", + "value": "initialIndex" + }, + { + "name": "list_properties_edge_effect", + "value": "edgeEffect" + }, + { + "name": "list_properties_edge_effect_spring", + "value": "Spring" + }, + { + "name": "list_properties_edge_effect_fade", + "value": "Fade" + }, + { + "name": "list_properties_edge_effect_none", + "value": "None" + }, + { + "name": "list_properties_chain_animation", + "value": "chainAnimation" + }, + { + "name": "list_properties_multi_selectable", + "value": "multiSelectable " + }, + { + "name": "list_properties_lanes", + "value": "lanes" + }, + { + "name": "list_properties_align_list_item", + "value": "alignListItem" + }, + { + "name": "list_properties_align_list_item_start", + "value": "Start" + }, + { + "name": "list_properties_align_list_item_Center", + "value": "Center" + }, + { + "name": "list_properties_align_list_item_End", + "value": "End" + }, + { + "name": "list_introduction_delete", + "value": "Left-click item to delete it" + }, + { + "name": "list_item_title", + "value": "ListItem" + }, + { + "name": "list_item_properties_selectable", + "value": "selectable" + }, + { + "name": "list_item_introduction_drag", + "value": "Drag the item with your mouse to see the selectable property effect" + }, + { + "name": "list_item_introduction_properties", + "value": "Modify the properties of ListItem" + }, + { + "name": "grid_title", + "value": "Grid" + }, + { + "name": "grid_item_title", + "value": "GridItem" + }, + { + "name": "grid_properties_columns_template", + "value": "Control the third column" + }, + { + "name": "grid_properties_columns_gap", + "value": "columnsGap" + }, + { + "name": "girid_properties_rows_gap", + "value": "rowsGap" + }, + { + "name": "grid_properties_layout_direction", + "value": "layoutDirection" + }, + { + "name": "grid_properties_layout_direction_row", + "value": "Row" + }, + { + "name": "grid_properties_layout_direction_column", + "value": "Column" + }, + { + "name": "grid_properties_layout_direction_row_reverse", + "value": "RowReverse" + }, + { + "name": "grid_properties_layout_direction_column_reverse", + "value": "ColumnReverse" + }, + { + "name": "grid_properties_rows_template", + "value": "Control the third row" + }, + { + "name": "grid_item_introduction", + "value": "Change the position of 1" + }, + { + "name": "grid_item_row_start", + "value": "Change the start\nline number" + }, + { + "name": "grid_item_row_end", + "value": "Modify the end\nline number" + }, + { + "name": "grid_item_column_start", + "value": "Change the start\ncolumn number" + }, + { + "name": "grid_item_column_end", + "value": "Modify the end\ncolumn number" + }, + { + "name": "swiper_title", + "value": "swiper" + }, + { + "name": "swiper_introduction", + "value": "Swipe left or right to switch pages" + }, + { + "name": "swiper_introduction_arguments", + "value": "SwiperController Controller" + }, + { + "name": "swiper_introduction_properties", + "value": "Modify the properties of Swiper" + }, + { + "name": "swiper_properties_disable_swipe", + "value": "Disable left and right swipe switch" + }, + { + "name": "swiper_properties_item_space", + "value": "Space between sliding pages" + }, + { + "name": "swiper_properties_vertical", + "value": "Is it vertical sliding" + }, + { + "name": "swiper_properties_duration", + "value": "Slide switch animation\n(unit: ms)" + }, + { + "name": "swiper_properties_loop", + "value": "Enable loop from beginning to end" + }, + { + "name": "swiper_properties_auto_play", + "value": "Enable automatic loop playback" + }, + { + "name": "swiper_properties_interval", + "value": "Autoplay interval\n(unit: ms)" + }, + { + "name": "swiper_controller_next", + "value": "Next page" + }, + { + "name": "swiper_controller_previous", + "value": "Previous page" + }, + { + "name": "navRouter_title", + "value": "NavRouter" + }, + { + "name": "navigation_title", + "value": "Navigation" + }, + { + "name": "navigation_first_page", + "value": "First page of Navigation" + }, + { + "name": "navigation_second_page", + "value": "Second page of Navigation" + }, + { + "name": "navigation_third_page", + "value": "Third page of Navigation" + }, + { + "name": "navigation_first_page_push", + "value": "Go to the second page" + }, + { + "name": "navigation_first_page_active", + "value": "Click to toggle activate status" + }, + { + "name": "navigation_second_page_push", + "value": "Go to the third page" + }, + { + "name": "navigation_third_page_back", + "value": "Go back to the first page" + }, + { + "name": "tabs_title", + "value": "Tabs" + }, + { + "name": "tabs_introduction_arguments", + "value": "Modify the parameters of Tabs" + }, + { + "name": "tabs_introduction_properties", + "value": "Modify the properties of Tabs" + }, + { + "name": "tabs_arguments_bar_position", + "value": "barPosition" + }, + { + "name": "tabs_arguments_bar_position_start", + "value": "Start" + }, + { + "name": "tabs_arguments_bar_position_end", + "value": "End" + }, + { + "name": "tabs_properties_vertical", + "value": "vertical" + }, + { + "name": "tabs_properties_bar_mode", + "value": "barMode" + }, + { + "name": "tabs_properties_bar_mode_fixed", + "value": "Fixed" + }, + { + "name": "tabs_properties_bar_scrollable", + "value": "Scrollable" + }, + { + "name": "tabs_properties_is_scrollable", + "value": "scrollable" + }, + { + "name": "tabs_properties_animation_duration", + "value": "animationDuration(ms)" + }, + { + "name": "tabs_arguments_controller", + "value": "Switches to the\nspecified index" + }, + { + "name": "tab_content_title", + "value": "TabContent" + }, + { + "name": "tab_content_introduction", + "value": "Subtab/Bottom tab switcher" + }, + { + "name": "tab_content_side", + "value": "Switch sidebar" + }, + { + "name": "stepper_title", + "value": "Stepper&StepperItem" + }, + { + "name": "canvas_title", + "value": "Canvas" + }, + { + "name": "circle_title", + "value": "Circle" + }, + { + "name": "ellipse_title", + "value": "Ellipse" + }, + { + "name": "line_title", + "value": "Line" + }, + { + "name": "polyline_title", + "value": "Polyline" + }, + { + "name": "path_title", + "value": "Path" + }, + { + "name": "polygon_title", + "value": "Polygon" + }, + { + "name": "rect_title", + "value": "Rect" + }, + { + "name": "shape_title", + "value": "Shape" + }, + { + "name": "circle_change", + "value": "CircleChange" + }, + { + "name": "circle_change_fill", + "value": "CircleChangeFill" + }, + { + "name": "circle_change_radius", + "value": "CircleRadius" + }, + { + "name": "circle_change_fillopacity", + "value": "CircleChangeFillOpacity" + }, + { + "name": "circle_change_strokewidth", + "value": "CircleStrokeWidth" + }, + { + "name": "circle_stroke_dash", + "value": "CircleStrokeDash" + }, + { + "name": "circle_stroke_color", + "value": "CircleStokeColor" + }, + { + "name": "circle_stroke_opacity", + "value": "CircleStrokeOpacity" + }, + { + "name": "ellipse_fill", + "value": "EllipseFill" + }, + { + "name": "ellipse_stroke_color", + "value": "EllipseStrokeColor" + }, + { + "name": "ellipse_stroke_width", + "value": "EllipseStrokeWidth" + }, + { + "name": "ellipse_width", + "value": "EllipseWidth" + }, + { + "name": "ellipse_height", + "value": "EllipseHeight" + }, + { + "name": "ellipse_fill_opacity", + "value": "EllipseFillOpacity" + }, + { + "name": "ellipse_stroke_opacity", + "value": "EllipseStrokeOpacity" + }, + { + "name": "ellipse_stroke_dash", + "value": "EllipseStrokeDash" + }, + { + "name": "line_start_point_x", + "value": "LineStartPointX" + }, + { + "name": "line_start_point_y", + "value": "LineStartPointY" + }, + { + "name": "line_end_point_x", + "value": "LineEndPointY" + }, + { + "name": "line_end_point_y", + "value": "LineEndPointY" + }, + { + "name": "line_stroke_width", + "value": "LineSrokeWidth" + }, + { + "name": "line_stroke_color", + "value": "LineStrokeColor" + }, + { + "name": "line_stroke_opacity", + "value": "LineStrokeOpacity" + }, + { + "name": "line_stroke_dash", + "value": "LineStrokeDash" + }, + { + "name": "polygon_fill", + "value": "PolygonFill" + }, + { + "name": "polygon_fill_opacity", + "value": "PolygonFillOpacity" + }, + { + "name": "polygon_stroke_color", + "value": "PolygonStrokeColor" + }, + { + "name": "polygon_stroke_opacity", + "value": "PolygonStrokeOpacity" + }, + { + "name": "polygon_stroke_width", + "value": "PolygonStrokeWidth" + }, + { + "name": "polygon_stroke_dash", + "value": "PolygonStrokeDash" + }, + { + "name": "polyline_first_x", + "value": "PolylineFirstX" + }, + { + "name": "polyline_first_y", + "value": "PolylineFirstY" + }, + { + "name": "polyline_second_x", + "value": "PolylineSecondX" + }, + { + "name": "polyline_second_y", + "value": "PolylineSecondY" + }, + { + "name": "polyline_third_x", + "value": "PolylineThirdX" + }, + { + "name": "polyline_third_y", + "value": "PolylineThirdY" + }, + { + "name": "polyline_stroke_width", + "value": "PolylineStrokeWidth" + }, + { + "name": "polyline_stroke_color", + "value": "PolylineStrokeColor" + }, + { + "name": "polyline_stroke_dash", + "value": "PolylineStrokeDash" + }, + { + "name": "polyline_stroke_opacity", + "value": "PolylineStrokeOpacity" + }, + { + "name": "rect_height", + "value": "RectHeight" + }, + { + "name": "rect_width", + "value": "RectWidth" + }, + { + "name": "rect_radius_width", + "value": "RectRadiusWidth" + }, + { + "name": "rect_radius_height", + "value": "RectRadiusHeight" + }, + { + "name": "rect_fill_opacity", + "value": "RectFillOpacity" + }, + { + "name": "rect_stroke", + "value": "RectStroke" + }, + { + "name": "rect_stroke_width", + "value": "RectStrokeWidth" + }, + { + "name": "rect_stroke_dash", + "value": "RectSrokeDash" + }, + { + "name": "rect_stroke_opacity", + "value": "RectStrokeOpacity" + }, + { + "name": "rect_fill", + "value": "RectFill" + }, + { + "name": "path_line", + "value": "PathLine" + }, + { + "name": "path_triangle", + "value": "PathTriangle" + }, + { + "name": "path_square", + "value": "PathSquare" + }, + { + "name": "path_polygon", + "value": "PathPolygon" + }, + { + "name": "path_camber_first", + "value": "PathCamberFirst" + }, + { + "name": "path_camber_second", + "value": "PathCamberSecond" + }, + { + "name": "path_camber_third", + "value": "PathCamberThird" + }, + { + "name": "path_commands_select", + "value": "PathCommands" + }, + { + "name": "path_fill", + "value": "PathFill" + }, + { + "name": "path_fill_opacity", + "value": "PathFillOpacity" + }, + { + "name": "path_stroke_color", + "value": "PathStrokeColor" + }, + { + "name": "path_stroke_opacity", + "value": "PathStrokeOpacity" + }, + { + "name": "path_stroke_dash", + "value": "PathStrokeDash" + }, + { + "name": "path_stroke_width", + "value": "PathStrokeWidth" + }, + { + "name": "shape_fill", + "value": "ShapeFill" + }, + { + "name": "shape_stroke_color", + "value": "ShapeStrokeColor" + }, + { + "name": "shape_view_port_x", + "value": "ShapeViewPortX" + }, + { + "name": "shape_view_port_y", + "value": "ShapeViewPortY" + }, + { + "name": "shape_view_port_width", + "value": "ShapeViewPortWidth" + }, + { + "name": "shape_view_port_height", + "value": "ShapeViewPortHeight" + }, + { + "name": "shape_stroke_opacity", + "value": "ShapeStrokeOpacity" + }, + { + "name": "shape_fill_opacity", + "value": "ShapeFillOpacity" + }, + { + "name": "shape_stroke_width", + "value": "ShapeStrokeWidth" + }, + { + "name": "shape_stroke_dash", + "value": "ShapeStrokeDash" + }, + { + "name": "web", + "value": "Web" + }, + { + "name": "canvas_components", + "value": "Canvas components" + }, + { + "name": "canvas_component_attributes", + "value": "Base attributes" + }, + { + "name": "canvas_component_transform", + "value": "Transform" + }, + { + "name": "canvas_component_gradient", + "value": "CanvasGradient" + }, + { + "name": "canvas_component_path_2d", + "value": "Path2D" + }, + { + "name": "canvas_component_image_bitmap", + "value": "ImageBitmap" + }, + { + "name": "canvas_component_method", + "value": "Base methods" + }, + { + "name": "canvas_fillStyle", + "value": "fillStyle" + }, + { + "name": "canvas_lineWidth", + "value": "lineWidth" + }, + { + "name": "canvas_strokeStyle", + "value": "strokeStyle" + }, + { + "name": "canvas_lineCap", + "value": "lineCap" + }, + { + "name": "canvas_lineJoin", + "value": "lineJoin" + }, + { + "name": "canvas_miterLimit", + "value": "miterLimit" + }, + { + "name": "canvas_font", + "value": "font" + }, + { + "name": "canvas_textAlign", + "value": "textAlign" + }, + { + "name": "canvas_textBaseline", + "value": "textBaseline" + }, + { + "name": "canvas_globalAlpha", + "value": "globalAlpha" + }, + { + "name": "canvas_lineDashOffset", + "value": "lineDashOffset" + }, + { + "name": "canvas_globalCompositeOperation", + "value": "globalCompositeOperation" + }, + { + "name": "canvas_imageSmoothingEnabled", + "value": "imageSmoothingEnabled" + }, + { + "name": "canvas_createLinearGradient", + "value": "createLinearGradient" + }, + { + "name": "cavas_createRadialGradient", + "value": "createRadialGradient" + }, + { + "name": "canvas_createRadialGradient", + "value": "createRadialGradient" + }, + { + "name": "canvas_fillRect", + "value": "fillRect" + }, + { + "name": "canvas_strokeRect", + "value": "strokeRect" + }, + { + "name": "canvas_fillText", + "value": "fillText" + }, + { + "name": "canvas_strokeText", + "value": "strokeText" + }, + { + "name": "canvas_measureText", + "value": "measureText" + }, + { + "name": "canvas_stroke", + "value": "stroke" + }, + { + "name": "canvas_createPattern", + "value": "createPattern" + }, + { + "name": "canvas_fill", + "value": "fill" + }, + { + "name": "canvas_clip", + "value": "clip" + }, + { + "name": "canvas_rotate", + "value": "rotate" + }, + { + "name": "canvas_scale", + "value": "scale" + }, + { + "name": "canvas_drawImage", + "value": "drawImage" + }, + { + "name": "canvas_getImageData", + "value": "getImageData" + }, + { + "name": "canvas_putImageData", + "value": "putImageData" + }, + { + "name": "canvas_setLineDash", + "value": "setLineDash" + }, + { + "name": "canvas_getLineDash", + "value": "getLineDash" + }, + { + "name": "canvas_transferFromImageBitmap", + "value": "transferFromImageBitmap" + }, + { + "name": "canvas_toDataURL", + "value": "toDataURL" + }, + { + "name": "canvas_canvasZone", + "value": "Canvas Zone" + }, + { + "name": "canvas_attributesOperations", + "value": "Attributes Operations" + }, + { + "name": "canvas_clearEffects", + "value": "Clear Effects" + }, + { + "name": "cavnas_clearRect", + "value": "clearRect" + }, + { + "name": "canvas_clearRect", + "value": "clearRect" + }, + { + "name": "canvas_shadowBlur", + "value": "shadowBlur" + }, + { + "name": "canvas_shadowColor", + "value": "shadowColor" + }, + { + "name": "canvas_shadowOffsetX", + "value": "shadowOffsetX" + }, + { + "name": "canvas_shadowOffsetY", + "value": "shadowOffsetY" + }, + { + "name": "canvas_addColorStop", + "value": "addColorStop" + }, + { + "name": "canvas_beginPath", + "value": "beginPath" + }, + { + "name": "canvas_moveTo", + "value": "moveTo" + }, + { + "name": "canvas_lineTo", + "value": "lineTo" + }, + { + "name": "canvas_closePath", + "value": "closePath" + }, + { + "name": "canvas_bezierCurveTo", + "value": "bezierCurveTo" + }, + { + "name": "canvas_quadraticCurveTo", + "value": "quadraticCurveTo" + }, + { + "name": "canvas_arc", + "value": "arc" + }, + { + "name": "canvas_arcTo", + "value": "arcTo" + }, + { + "name": "canvas_component_shadow", + "value": "Shadows" + }, + { + "name": "canvas_ellipse", + "value": "ellipse" + }, + { + "name": "canvas_rect", + "value": "rect" }, { "name": "canvas_show_message", "value": "Printed to the console" }, + { + "name": "canvas_transform", + "value": "transform" + }, + { + "name": "canvas_setTransform", + "value": "setTransform" + }, + { + "name": "canvas_translate", + "value": "translate" + }, + { + "name": "canvas_imageSmoothingQuality", + "value": "imageSmoothingQuality" + }, { "name": "scroll_To_effect", "value": "ScrollTo effect" @@ -2723,6 +5271,106 @@ "name": "particle_spawn_stop", "value": "Stop" }, + { + "name": "navigator_title", + "value": "Navigator" + }, + { + "name": "navigator_first_page", + "value": "First page of Navigaor" + }, + { + "name": "navigator_second_page", + "value": "Second page of Navigator" + }, + { + "name": "navigator_third_page", + "value": "Third page of Navigator" + }, + { + "name": "navigator_first_page_push", + "value": "Go to the second page" + }, + { + "name": "navigator_first_page_active", + "value": "Click to toggle activate status" + }, + { + "name": "navigator_second_page_push", + "value": "Go to the third page" + }, + { + "name": "navigator_third_page_back", + "value": "Go back to the first page" + }, + { + "name": "navigator_return_message", + "value": "hello! This is a param form the first page" + }, + { + "name": "swipe_action_button", + "value": "Delete" + }, + { + "name": "enter_range", + "value": "Enter the mouse selection range" + }, + { + "name": "remove_range", + "value": "Remove the mouse selection" + }, + { + "name": "status_bar_desc1", + "value": "The current initialIndex is " + }, + { + "name": "status_bar_desc2", + "value": " after modifying initialIndex, please enter this page again to view the effect" + }, + { + "name": "choose_please", + "value": "Choice" + }, + { + "name": "H1_title", + "value": "p Common
font-size 35px,line-height 45px
" + }, + { + "name": "font_content_desc", + "value": "" + }, + { + "name": "font_content", + "value": "
This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text. This is a paragraph of text.
" + }, { "name": "reason_get_bundle_info", "value": "Allow the app to query information of other apps in component display scenarios" diff --git a/entry/src/main/resources/zh_CN/element/string.json b/entry/src/main/resources/zh_CN/element/string.json index 60a77b03c80870e4a9ae75d16bccdd44e17d27b7..9a5fe25d2a195a12b757e4daba9de6784f2218d0 100644 --- a/entry/src/main/resources/zh_CN/element/string.json +++ b/entry/src/main/resources/zh_CN/element/string.json @@ -560,6 +560,10 @@ "name": "button_with_icon", "value": "图标按钮" }, + { + "name": "button_with_icon_en", + "value": "图标按钮" + }, { "name": "button_custom_bg_color", "value": "自定义颜色" @@ -2565,11 +2569,11 @@ }, { "name": "flex", - "value": "flex布局" + "value": "Flex布局" }, { "name": "flex_flexBasis", - "value": "flexBasis" + "value": "FlexBasis" }, { "name": "flex_flexGrow", @@ -2693,7 +2697,7 @@ }, { "name": "transform_translate_text", - "value": "平移 x: 40, y: 40, z: 20" + "value": "平移 x: 40, \ny: 40, z: 20" }, { "name": "transform_scale_text", @@ -3265,7 +3269,7 @@ }, { "name": "flex_argument_wrap", - "value": "修改本 flex 的 wrap" + "value": "修改本flex的wrap" }, { "name": "flex_argument_wrap_no_wrap", @@ -3281,11 +3285,11 @@ }, { "name": "flex_introduction_direction", - "value": "修改全部 Flex 的 direction" + "value": "修改全部Flex的direction" }, { "name": "flex_argument_justifycontent", - "value": "修改本 Flex 的 justifyContent" + "value": "修改本Flex的\njustifyContent" }, { "name": "flex_argument_justifycontent_start", @@ -3313,7 +3317,7 @@ }, { "name": "flex_argument_alignItems", - "value": "修改本 Flex 的 alignItems" + "value": "修改本Flex的alignItems" }, { "name": "flex_argumen_alignItems_auto", @@ -3341,7 +3345,7 @@ }, { "name": "flex_argument_alignContent", - "value": "修改本 Flex 的 alignContent" + "value": "修改本Flex的\nalignContent" }, { "name": "gridrow_title", @@ -3717,7 +3721,7 @@ }, { "name": "list_properties_chain_animation", - "value": "chainAnimation(需要 edgeEffect 为 Spring)" + "value": "chainAnimation\n(需要 edgeEffect 为 Spring)" }, { "name": "list_properties_multi_selectable", @@ -3857,7 +3861,7 @@ }, { "name": "swiper_properties_duration", - "value": "滑动切换的动画时长(单位: ms)" + "value": "滑动切换的动画时长\n(单位: ms)" }, { "name": "swiper_properties_loop", @@ -3869,7 +3873,7 @@ }, { "name": "swiper_properties_interval", - "value": "自动播放的时间间隔(单位: ms)" + "value": "自动播放的时间间隔\n(单位: ms)" }, { "name": "swiper_controller_next", @@ -3965,7 +3969,7 @@ }, { "name": "tabs_arguments_controller", - "value": "(TabsController)切换到指定索引" + "value": "TabsController\n切换到指定索引" }, { "name": "tab_content_title", @@ -4391,6 +4395,118 @@ "name": "navigator_return_message", "value": "hello! 这是第一个页面传过来的参数" }, + { + "name": "side_bar_type_embed", + "value": "嵌入" + }, + { + "name": "side_bar_type_overlay", + "value": "覆盖" + }, + { + "name": "side_bar_type_auto", + "value": "自动" + }, + { + "name": "swipe_action_button", + "value": "删除" + }, + { + "name": "enter_range", + "value": "进入鼠标框选范围" + }, + { + "name": "remove_range", + "value": "移除鼠标框选范围" + }, + { + "name": "status_bar_desc1", + "value": "当前 initialIndex 为" + }, + { + "name": "status_bar_desc2", + "value": "修改 initialIndex 后请再次进去本页面查看效果" + }, + { + "name": "prop_bluefont", + "value": "#409EFF" + }, + { + "name": "prop_orangefont", + "value": "#E6A23C" + }, + { + "name": "prop_pinkfont", + "value": "#F56C6C" + }, + { + "name": "size_transition_flex", + "value": "Flex" + }, + { + "name": "size_transition_grid_item", + "value": "GridItem" + }, + { + "name": "size_transition_list_item", + "value": "ListItem" + }, + { + "name": "size_transition_swiper_item", + "value": "SwiperItem" + }, + { + "name": "size_transition_font_size", + "value": "FontSize" + }, + { + "name": "size_transition_expansion_tabContent", + "value": "TabContent" + }, + { + "name": "choose_please", + "value": "请选择" + }, + { + "name": "H1_title", + "value": "p常规
字体大小35px,行高45px
" + }, + { + "name": "font_content_desc", + "value": "" + }, + { + "name": "font_content", + "value": "
这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字
" + }, { "name": "reason_get_bundle_info", "value": "允许应用在组件展示场景中查询其他应用的信息" diff --git a/screenshots/devices/animation.en.png b/screenshots/devices/animation.en.png new file mode 100644 index 0000000000000000000000000000000000000000..5053b9fd70002424d58a6f0ce9dba89ba1537ff7 Binary files /dev/null and b/screenshots/devices/animation.en.png differ diff --git a/screenshots/devices/button.en.png b/screenshots/devices/button.en.png new file mode 100644 index 0000000000000000000000000000000000000000..8a58ca894c64c0c050aa176fcff897497af40c24 Binary files /dev/null and b/screenshots/devices/button.en.png differ diff --git a/screenshots/devices/click_event.en.png b/screenshots/devices/click_event.en.png new file mode 100644 index 0000000000000000000000000000000000000000..10d7dfa607f5c6c83842c34a2f47af3ab2e87dcb Binary files /dev/null and b/screenshots/devices/click_event.en.png differ diff --git a/screenshots/devices/component.en.png b/screenshots/devices/component.en.png new file mode 100644 index 0000000000000000000000000000000000000000..2899c522fc1bd2c23eb96a4795961b07b717e169 Binary files /dev/null and b/screenshots/devices/component.en.png differ diff --git a/screenshots/devices/general.en.png b/screenshots/devices/general.en.png new file mode 100644 index 0000000000000000000000000000000000000000..886f7293668f3680578eed7ff75691604bc0431b Binary files /dev/null and b/screenshots/devices/general.en.png differ diff --git a/screenshots/devices/global.en.png b/screenshots/devices/global.en.png new file mode 100644 index 0000000000000000000000000000000000000000..daa5c9dfdfeab4a2627982d37f152bf91d7502c0 Binary files /dev/null and b/screenshots/devices/global.en.png differ diff --git a/screenshots/devices/share_element_transition.en.png b/screenshots/devices/share_element_transition.en.png new file mode 100644 index 0000000000000000000000000000000000000000..a018bc93c3e29282b9425e0c1bc68573145dc1dc Binary files /dev/null and b/screenshots/devices/share_element_transition.en.png differ diff --git a/screenshots/devices/warning_popup.en.png b/screenshots/devices/warning_popup.en.png new file mode 100644 index 0000000000000000000000000000000000000000..0c8143e4ec65ae71f9be2a1924d9f531d6185197 Binary files /dev/null and b/screenshots/devices/warning_popup.en.png differ