!2774 add ace component

Merge pull request !2774 from 张绕/OpenHarmony-3.1-Release

ace/ace_ets_component_four/entry/src/main/ets/MainAbility/images/swipeDirection.ets

-// @ts-nocheck
-/**
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import events_emitter from '@ohos.emitter'
-@Entry
-@Component
-struct PanGestureExample {
-  @State offsetX: number = 0
-  @State offsetY: number = 0
-  @State direction: PanDirection = All
-
-  build() {
-    Flex({ direction: FlexDirection.Column, direction:this.direction, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween }) {
-      Text('PanGesture offset:\nX: ' + this.offsetX + '\n' + 'Y: ' + this.offsetY)
-    }
-    .key('swipeDirection')
-    .height(100).width(200).padding(20).border({ width: 1 }).margin(80)
-    .translate({ x: this.offsetX, y: this.offsetY, z: 5 })
-    .gesture(
-    PanGesture({})
-      .onActionStart((event: PanGestureEvent) => {
-        console.info('Pan start')
-      })
-      .onActionUpdate((event: PanGestureEvent) => {
-        this.offsetX = event.offsetX
-        this.offsetY = event.offsetY
-      })
-      .onActionEnd(() => {
-        console.info('Pan end')
-      })
-    )
-  }
-
-  onPageShow() {
-    console.info('panDirection page show called');
-    var stateChangeEvent = {
-      eventId: 167,
-      priority: events_emitter.EventPriority.LOW
-    }
-    events_emitter.on(stateChangeEvent, this.stateChangCallBack)
-  }
-
-  private stateChangCallBack = (eventData) => {
-    if (eventData != null) {
-      console.info("panDirection page state change called:" + JSON.stringify(eventData));
-      if (eventData.data.direction != null) {
-        this.direction = eventData.data.direction;
-      }
-    }
-  }
-}
\ No newline at end of file