xref: /napi_generator/examples/pluginCase/Index.ets (revision 8c339a94)

/*
* Copyright (c) 2024 Shenzhen Kaihong Digital Industry Development 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 napitest from 'libnapitest.so';
import testEntry from 'libentry.so';

let ns: napitest.NodeISayHello =  new napitest.NodeISayHello();
class NodeISayHelloListenerImpl {
  onSayHelloStart(info: object) {
    AppStorage.SetOrCreate("textInfoStart", JSON.stringify(info))
    console.log('napiTestDemo ----onSayHelloStart', JSON.stringify(info));
  }
  onSayHelloEnd(info: object) {
    console.info("napiTestDemo onSayHelloEnd info type is : " + typeof (info));
    AppStorage.SetOrCreate("textInfoEnd", JSON.stringify(info))
    console.log('napiTestDemo ----onSayHelloEnd.', JSON.stringify(info));
  }
}

let listener: NodeISayHelloListenerImpl = new NodeISayHelloListenerImpl()

// register注册的回调
function onCallbackfunnm(wid: number) {
  AppStorage.SetOrCreate("callBackNum", JSON.stringify(wid))
  console.info("napiTestDemo ----onCallbackfunnm wid = " + wid)
  return "ocCallbackfuncnm";
}

@Entry
@Component
struct Index {
  @State addResult: string = '';
  @State promiseRes: string = ''
  @State returnVal: string = ''
  @StorageLink("textInfoStart")textInfoStart: string = ""
  @StorageLink("textInfoEnd")textInfoEnd: string = ""
  @StorageLink("callBackNum")callBackNum: string = ""

  build() {
    Row() {
      Column() {
        Button() {
          Text('注册object回调后SayHello调用回调')
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 10
        })
        .backgroundColor('#0D9FFB')
        .width('90%')
        .height('5%')
        .onClick(() => {
          AppStorage.SetOrCreate("textInfoStart", "")
          AppStorage.SetOrCreate("textInfoEnd", "")
          // 注册回调
          ns.addSayHelloListener(listener);
          // 调用回调
          ns.sayHello("js1", "native1", napitest.SayType.kInitiative);
        })

        Button() {
          Text('注销object回调后SayHello调用回调')
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 10
        })
        .backgroundColor('#0D9FFB')
        .width('90%')
        .height('5%')
        .onClick(() => {
          AppStorage.SetOrCreate("textInfoStart", "")
          AppStorage.SetOrCreate("textInfoEnd", "")
          // 注销回调 removeSayHelloListener
          ns.removeSayHelloListener(listener);
          // 调用回调
          ns.sayHello("js2", "native2", napitest.SayType.kInitiative);
        })

        // promise回调
        Button() {
          Text('Promise 回调')
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 10
        })
        .backgroundColor('#0D9FFB')
        .width('90%')
        .height('5%')
        .onClick(async () => {
          await ns.sayHelloWithResponse("response from", "response to", napitest.SayType.kResponse).then((ret: object) => {
            this.promiseRes = JSON.stringify(ret);
            console.info("napiTestDemo ----sayHelloWithResponse ret = " + JSON.stringify(ret));
          });
        })

        Button() {
          Text('register回调后sayHi调用回调')
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 10
        })
        .backgroundColor('#0D9FFB')
        .width('90%')
        .height('5%')
        .onClick( () => {
          AppStorage.SetOrCreate("callBackNum", "")
          // 注册回调
          ns.registerCallbackfunc(onCallbackfunnm);
          // 调用回调
          ns.sayHi("js3", "native3", napitest.SayType.kResponse);
        })

        Button() {
          Text('unRegister回调后sayHi调用回调')
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 10
        })
        .backgroundColor('#0D9FFB')
        .width('90%')
        .height('5%')
        .onClick( () => {
          AppStorage.SetOrCreate("callBackNum", "")
          // 注销回调
          ns.unRegisterCallbackfunc(onCallbackfunnm);
          // 调用回调
          ns.sayHi("js4", "native4", napitest.SayType.kResponse);
        })

        // 调用普通函数
        Button() {
          Text('调用funcTest方法')
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 10
        })
        .backgroundColor('#0D9FFB')
        .width('90%')
        .height('5%')
        .onClick( () => {
          this.returnVal = napitest.funcTest(false);
          console.info("napiTestDemo ----funcTest returnVal = " + this.returnVal)
        })

        // 调用其他模块的方法
        Button() {
          Text('调用entry模块的方法')
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 10
        })
        .backgroundColor('#0D9FFB')
        .width('90%')
        .height('5%')
        .onClick( () => {
          this.addResult = testEntry.add(2, 3).toString();
          console.info("napiTestDemo ----add addResult = " + this.addResult)
        })

        Text('promise回调: promiseResult = ' + this.promiseRes).margin({ top: 10 })
        Text('sayHelloStart回调: info = ' + this.textInfoStart).margin({ top: 10 })
        Text('sayHelloEnd回调: info = ' + this.textInfoEnd).margin({ top: 10 })
        Text('register注册的回调： wid = ' + this.callBackNum).margin({ top: 10 })
        Text('普通方法funcTest返回值： returnVal = ' + this.returnVal).margin({ top: 10 })
        Text('libentry模块: 2 + 3 = ' + this.addResult).margin({ top: 10 })
      }
      .width('100%')
    }
    .height('100%')
  }
}