update demo and fix bug

Author: AsteriskZuo

example/src/demo2/Client/LoginAndLogout.tsx

@@ -34,7 +34,7 @@ export class LoginAndLogoutScreen extends Component<
     this.state = {
       connectStatus: '...',
       listenerStatus: '...',
-      useName: datasheet.accounts[8].id,
+      useName: datasheet.accounts[0].id,
       password: datasheet.accounts[0].mm,
     };
   }

example/src/demo2/Test/QuickTestChat.tsx

@@ -220,6 +220,7 @@ export class QuickTestScreenChat extends QuickTestScreenBase<
    * @param name 方法名称
    */
   protected callApi(name: string): void {
+    super.callApi(name);
     switch (name) {
       case MN.sendMessage:
         {

example/src/demo2/Test/QuickTestContact.tsx

@@ -112,6 +112,7 @@ export class QuickTestScreenContact extends QuickTestScreenBase<
    * @param name 方法名称
    */
   protected callApi(name: string): void {
+    super.callApi(name);
     switch (name) {
       case MN.addContact:
         {

example/src/demo2/Test/QuickTestGroup.tsx

@@ -98,6 +98,7 @@ export class QuickTestScreenGroup extends QuickTestScreenBase<
    * @param name 方法名称
    */
   protected callApi(name: string): void {
+    super.callApi(name);
     switch (name) {
       case MN.getGroupWithId:
         {
@@ -442,13 +443,13 @@ export class QuickTestScreenGroup extends QuickTestScreenBase<
           console.log(`${MN.changeGroupName} === ${methodName}`);
           const groupId = this.metaData.get(MN.changeGroupName)?.params[0]
             .paramDefaultValue;
-          const name = this.metaData.get(MN.changeGroupName)?.params[1]
+          const local_name = this.metaData.get(MN.changeGroupName)?.params[1]
             .paramDefaultValue;
 
           this.tryCatch(
             ChatClient.getInstance().groupManager.changeGroupName(
               groupId,
-              name
+              local_name
             ),
             QuickTestScreenGroup.TAG,
             methodName

example/src/demo2/Test/QuickTestPresence.tsx

@@ -67,6 +67,7 @@ export class QuickTestScreenPresence extends QuickTestScreenBase<
    * @param name 方法名称
    */
   protected callApi(name: string): void {
+    super.callApi(name);
     switch (name) {
       case MN.publishPresenceWithDescription:
         {

example/src/demo2/Test/QuickTestPresenceData.tsx

@@ -30,7 +30,7 @@ export const metaDataList = new Map<string, ApiParams>([
         {
           paramName: 'members',
           paramType: 'object',
-          paramDefaultValue: ['zhangsan', 'lisi'],
+          paramDefaultValue: ['asterisk003'],
         },
         {
           paramName: 'expiry',

example/src/demo2/Test/QuickTestRoom.tsx

@@ -61,6 +61,7 @@ export class QuickTestScreenRoom extends QuickTestScreenBase<
    * @param name 方法名称
    */
   protected callApi(name: string): void {
+    super.callApi(name);
     switch (name) {
       case MN.joinChatRoom:
         {

example/src/demo2/Test/QuickTestScreenBase.tsx

@@ -924,10 +924,11 @@ export abstract class QuickTestScreenBase<
   }
 
   /**
-   * 调用对应的SDK方法
+   * 子类需要调用该方法
+   *
    * @param name 方法名称
    */
   protected callApi(name: string): void {
-    throw new Error('Please sub class implement. ' + name);
+    this.setState({ cmd: name });
   }
 }

example/src/demo2/Test/QuickTestUser.tsx

@@ -60,6 +60,7 @@ export class QuickTestScreenUser extends QuickTestScreenBase<
    * @param name 方法名称
    */
   protected callApi(name: string): void {
+    super.callApi(name);
     switch (name) {
       case MN.updateOwnUserInfo:
         {