@tencent-rtc/mcp 1.0.9 → 1.1.6

package/resource/doc/chatuikit/react/integrate_tuichat_react.md

@@ -1,279 +0,0 @@
-## Introduction
-
-chat-uikit-react is a react UI component library based on Tencent Cloud Chat SDK. It provides some common UI components, including session, chat, group and other features. Based on these well-designed UI components, you can quickly build elegant, reliable and scalable chat applications.
-
-You can directly experience the chat below. Meanwhile, you can quickly try online code implementation through [**Try On CodeSandbox**](https://codesandbox.io/p/sandbox/trtc-chat-full-48sffc?from-embed=).
-<iframe src="https://web.sdk.qcloud.com/im/demo/docs-example/sample-chat/index.html#/inbox?page=intergration" style="width:100%;height:700px;border:none" allow="camera; microphone; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>
-
-
-## Development Environment Requirement
-- React version 18
-
-- TypeScript
-
-- [Node.js](https://nodejs.org/en/) version 18+
-
-- npm (version should match node version)
-
-
-## chat-uikit-react Integration
-
-### Step 1: Create Project
-
-Create a new React project named **chat-app** (select React 18 during project creation and recommend using the Typescript template), and follow the prompt to set up the initial project.
-
-
-【shell】
-``` bash
-npm create rsbuild@latest
-```
-
-### Step 2: Download the Chat-Uikit-React Component
-
-Download [chat-uikit-react](https://www.npmjs.com/package/@tencentcloud/chat-uikit-react) via npm for use in the project.
-
-
-【shell】
-``` bash
-npm i @tencentcloud/chat-uikit-react
-```
-
-Copy the debug directory to the src/debug folder in the project directory. This is required when generating user signatures locally.
-
-
-
-
-【MacOS】
-``` bash
-cp -r node_modules/@tencentcloud/chat-uikit-react/debug ./src
-```
-
-
-【Windows】
-``` bash
-xcopy node_modules\@tencentcloud\chat-uikit-react\debug .\src\debug /i /e
-```
-
-### Step 3: Introducing the Chat-Uikit-React Component
-
-> **Note:**
-> 
-> - The following code does not include `SDKAppID`, `userID`, and `UserSig`. You need to replace them with the relevant information obtained in [Step 4](https://write.woa.com/document/108053210129276928).
-> - To respect the copyright of emoji designs, the Chat Demo/TUIKit project does not include large emoji graphics. Please replace them with your own designs or other emoji packs for which you hold the copyright before officially launching for commercial use. **The default smiley face emoji pack shown below is copyrighted by Tencent RTC** and is available for licensed use for a fee. If you need to obtain a license, please [submit a ticket](https://trtc.io/contact) contact us.
-
-> ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027202808/a7c853cf981a11ef834b525400f69702.png)
-> 
-
-
-Replace the content in App.tsx, or you can create a new component and import it. [**→ Experience in sandbox**](https://codesandbox.io/p/sandbox/trtc-chat-full-48sffc?from-embed=)**.**
-``` typescript
-import {
-  UIKitProvider,
-  useLoginState,
-  LoginStatus,
-  ConversationList,
-  Chat,
-  ChatHeader,
-  MessageList,
-  MessageInput,
-  useUIOpenControlState,
-  ChatSetting,
-  Search,
-  VariantType,
-  ContactList,
-  ContactInfo,
-} from "@tencentcloud/chat-uikit-react";
-import { useState } from "react";
-import * as GenerateTestUserSig from "./debug/GenerateTestUserSig-es";
-
-
-function App() {
-  const userID = '';        // TODO: Replace with your userID
-  const SDKAppID = 0;        // TODO: Replace with your SDKAppID (Notice: SDKAppID is of type number）
-  const SDKSecretKey = '';   // TODO: Replace with your SDKSecretKey
-
-  const { isChatSettingOpen, isChatSearchOpen } = useUIOpenControlState();
-  const [activeTab, setActiveTab] = useState('chats');
-
-  const { userSig } = GenerateTestUserSig.genTestUserSig({ 
-    userID,
-    SDKAppID,
-    SecretKey: SDKSecretKey,
-  });
-  
-  const { status } = useLoginState({
-    SDKAppID,
-    userID,
-    userSig,
-  })
-
-  if (status !== LoginStatus.SUCCESS) {
-    return <div>Loading...</div>
-  }
-  
-  // Language support en-US(default) / zh-CN / ja-JP / ko-KR / zh-TW
-  // Theme support light(default) / dark
-  return (
-    <UIKitProvider>
-      <div style={{ height: '100vh', width: '100vw', display: 'flex', flexDirection: 'row' }}>
-        <ul>
-          <li onClick={() => {setActiveTab('chats')}}>chats</li>
-          <li onClick={() => {setActiveTab('contacts')}}>contact</li>
-        </ul>
-        {
-          activeTab === 'chats' && (
-            <>
-              <ConversationList style={{ minWidth: '300px', maxWidth: '350px' }}/>
-              <Chat PlaceholderEmpty="No messages yet">
-                <ChatHeader />
-                <MessageList />
-                <MessageInput />
-              </Chat>
-              {isChatSettingOpen && <ChatSetting />}
-              {isChatSearchOpen &&  <Search style={{ minWidth: '300px'}} variant={VariantType.EMBEDDED} />}
-            </>
-          )
-        }
-        {
-          activeTab === 'contacts' && (
-            <>
-              <ContactList style={{ minWidth: '300px', maxWidth: '350px' }}/>
-              <ContactInfo 
-                PlaceholderEmpty="No contact yet"
-                onSendMessage={() => {setActiveTab('chats')}}
-                onEnterGroup={() => {setActiveTab('chats')}}
-              />
-            </>
-          )
-        }
-      </div>
-    </UIKitProvider>
-  );
-}
-
-export default App;
-```
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >Parameter</td>
-
-<td rowspan="1" colSpan="1" >Type</td>
-
-<td rowspan="1" colSpan="1" >Note</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >userID</td>
-
-<td rowspan="1" colSpan="1" >String</td>
-
-<td rowspan="1" colSpan="1" >Unique identifier of the user, defined by you, it is allowed to contain only upper and lower case letters (a-z, A-Z), numbers (0-9), underscores, and hyphens.</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >SDKAppID</td>
-
-<td rowspan="1" colSpan="1" >Number</td>
-
-<td rowspan="1" colSpan="1" >The unique identifier for the audio and video application created in the [Tencent RTC Console](https://console.trtc.io/).</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >SDKSecretKey</td>
-
-<td rowspan="1" colSpan="1" >String</td>
-
-<td rowspan="1" colSpan="1" >The SDKSecretKey of the audio and video application created in the [Tencent RTC Console](https://console.trtc.io/).</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >userSig</td>
-
-<td rowspan="1" colSpan="1" >String</td>
-
-<td rowspan="1" colSpan="1" >A security protection signature used for user log in authentication to confirm the user's identity and prevent malicious attackers from stealing your cloud service usage rights.</td>
-</tr>
-</table>
-
-
-> **Explanation of UserSig：**
-> 
-
-> **Development environment**: If you are running a demo locally and developing or debugging, you can use the `genTestUserSig` (Refer to Step 3.2) function in the debug file to generate a 'userSig'. In this method, SDKSecretKey is vulnerable to decompilation and reverse engineering. Once your key is leaked, attackers can steal your Tencent Cloud traffic.
-> 
-
-> **Production environment**: If your project is going live, please use the [Server-side Generation of UserSig](https://trtc.io/document/34385) method.
-> 
-
-
-### Step 4: Create an application
-1. Log in to  [Chat Console](https://console.trtc.io/) .
-
-2. Click  **Create Application**, enter your application name, then  click  **Create**.
-
-
-   ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027119864/cdc5fdb411ec11efa2935254005ac0ca.png)
-
-3. After creation, you can view the Application Status, service version, SDKAppID, creation time, Tag, and expiration time of the new application on the console overview page.
-
-   ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027862798/c73f215c7cf411f0914f52540099c741.png)
-
-
-### Step 5: Start the Project
-
-Replace SDKAppID, UserID, and UserSig in App.tsx, then run the following command:
-
-
-【shell】
-``` bash
- npm run dev
-```
-
-> **Note:**
-> 
-> 1. Please ensure that in Step 3 code, SDKAppID, UserID, and UserSig are all successfully replaced. Failure to replace them will result in abnormal project behavior.
-> 2. A `userID` corresponds to a `userSig`, for more information, see [Generating UserSig](https://trtc.io/document/39074?product=consoleguide).
-> 3. If the project fails to start, please check whether the [development environment requirements](https://write.woa.com/document/108053210129276928) are met.
-
-
-### Step 6: Send your first message
-
-Enter your message in the input box and press Enter to send.
-
-![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027119864/efc5e925595711efb36952540075b605.png)
-
-## FAQs
-
-#### What is UserSig?
-
-A UserSig is a password for users to log in to Chat. It is essentially the ciphertext generated by encrypting information such as the UserID.
-
-#### How can I generate a UserSig?
-
-The issuance method for UserSig involves integrating the calculation code of UserSig into your server, and providing an interface oriented towards your project. When UserSig is needed, your project sends a request to the business server to access the dynamic UserSig. For more information, please see [How to Generate a UserSig on the Server](https://trtc.io/document/39074?product=consoleguide).
-
-> **Note:**
-> 
-
-> The exemplary code provided in this document retrieves the UserSig by embedding the SECRETKEY in the client code. This approach makes the SECRETKEY highly susceptible to decompilation and reverse engineering. Once your encryption key is compromised, attackers can misappropriate your Tencent Cloud traffic. Hence, **this procedure is exclusively recommended for running functional debugging locally**. For the correct issuance of UserSig, please refer to the previous sections.
-> 
-
-
-## Communication and Feedback
-
-Join the [Telegram Technical Exchange Group](https://t.me/tencent_imsdk) or [WhatsApp Exchange Group](https://chat.whatsapp.com/IVa11ZkVmKTEwSWsAzSyik) to enjoy support from professional engineers and solve your problems.
-
-## Documentation
-
-#### UIKit  Related:
-- [chat-uikit-react npm](https://www.npmjs.com/package/@tencentcloud/chat-uikit-react)
-
-- [Demo Source Code and Running Example](https://github.com/TencentCloud/chat-uikit-react)
-
-
-#### For more features, refer to the ChatEngine API documentation:
-- [chat-uikit-engine API Manual](https://web.sdk.qcloud.com/im/doc/chat-engine/index.html)
-
-- [chat-uikit-engine npm](https://www.npmjs.com/package/@tencentcloud/chat-uikit-engine)
-
-

package/resource/doc/chatuikit/vue/generate_UserSig.md

@@ -1,306 +0,0 @@
-This document outlines two authentication methods for Chat services, with a focus on UserSig, a security signature by Tencent Cloud to safeguard against unauthorized access. For basic cloud service usage, provide SDKAppID, UserID, and UserSig during SDK initialization or login.
-- SDKAppID is used to identify your application.
-
-- UserID is used to identify your user.
-
-- UserSig is a security signature calculated based on the first two using the HMAC SHA256 encryption algorithm. As long as attackers cannot forge the UserSig, they cannot steal your cloud service traffic.
-
-
-## Obtaining a Key
-1. Log in to the [Chat console](https://console.trtc.io/chat).
-   
-
-   > **Note: **
-   > 
-
-   > If you do not have any app, [create an app](https://intl.cloud.tencent.com/document/product/1047/45914) and then perform [step 2](https://write.woa.com/#step2).
-   > 
-
-2. Click the target app card to go to its basic configuration page.
-
-3. In the **Basic Information** section, click **Display key** to the right of **Key**.
-
-   ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100026631907/9da6a1d5f4df11efa823525400e889b2.png)
-
-4. Click **Copy** to copy and save the key information.
-   
-
-   > **Note: **
-   > 
-
-   >  Store the key information properly to prevent disclosure.
-   > 
-
-
-## Calculating UserSig on the Client
-
-The `GenerateTestUserSig` open-source module provided in the sample code of the Chat SDK can help you quickly generate a UserSig. You only need to configure three member variables, including SDKAPPID (SDKAppID of the app), EXPIRETIME (UserSig expiration time), and SECRETKEY (key information), and then call the genTestUserSig() function to quickly obtain a UserSig.
-
-To simplify this process, we provide the source code for computing a UserSig for the following languages and platforms. You can directly download and integrate the source code into your client.
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >Programing Language</td>
-
-<td rowspan="1" colSpan="1" >Platform</td>
-
-<td rowspan="1" colSpan="1" >GenerateTestUserSig Source Code</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Java</td>
-
-<td rowspan="1" colSpan="1" >Android</td>
-
-<td rowspan="1" colSpan="1" >[GenerateTestUserSig.java](https://github.com/tencentyun/TIMSDK/blob/master/Android/Demo/app/src/main/java/com/tencent/qcloud/tim/demo/signature/GenerateTestUserSig.java)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Objective-C</td>
-
-<td rowspan="1" colSpan="1" >iOS</td>
-
-<td rowspan="1" colSpan="1" >[GenerateTestUserSig.h](https://github.com/tencentyun/TIMSDK/blob/master/iOS/Demo/TUIKitDemo/Private/GenerateTestUserSig.h)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Objective-C</td>
-
-<td rowspan="1" colSpan="1" >Mac</td>
-
-<td rowspan="1" colSpan="1" >[GenerateTestUserSig.h](https://github.com/tencentyun/TIMSDK/blob/master/Mac/Demo/TUIKitDemo/Debug/GenerateTestUserSig.h)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >C++</td>
-
-<td rowspan="1" colSpan="1" >Windows</td>
-
-<td rowspan="1" colSpan="1" >[GenerateTestUserSig.h](https://github.com/tencentyun/TIMSDK/blob/master/Windows/Demo/IMApp/GenerateTestUserSig.h)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Javascript</td>
-
-<td rowspan="1" colSpan="1" >Web</td>
-
-<td rowspan="1" colSpan="1" >[GenerateTestUserSig.js](https://github.com/TencentCloud/chat-uikit-uniapp/blob/main/TUIKit/debug/GenerateTestUserSig.js)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Dart</td>
-
-<td rowspan="1" colSpan="1" >Flutter</td>
-
-<td rowspan="1" colSpan="1" >[GenerateTestUserSig.dart](https://github.com/TencentCloud/chat-demo-flutter/blob/main/lib/utils/GenerateTestUserSig.dart )</td>
-</tr>
-</table>
-
-
-> **Note: **
-> 
-
-> In this method, the `SECRETKEY` is vulnerable to decompilation and reverse engineering. Once your `SECRETKEY` is disclosed, attackers can steal your Tencent Cloud traffic. Therefore, **this method is only suitable for locally running a demo project and feature debugging**.
-The correct way to issue a UserSig is to integrate the UserSig computing code into your server and provide app-oriented APIs. When UserSig is needed, your app will send a request to the business server to obtain a dynamic UserSig. For more information, see [How to Calculate UserSig](https://write.woa.com/#GeneratingdynamicUserSig).
-> 
-
-
-## Calculating UserSig on the Server
-
-Generating a UserSig on the server provides maximum protection against the disclosure of the key used for calculating the UserSig. You only need to deploy the code for calculating the UserSig on your server and provide an app-oriented API. When a UserSig is needed, your app will send a request to the business server to obtain a dynamic UserSig.
-To simplify this process, we provide the source code for calculating a UserSig for the following languages and platforms. You can directly download and integrate the source code into your server.
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >Programming Language</td>
-
-<td rowspan="1" colSpan="1" >Key Function</td>
-
-<td rowspan="1" colSpan="1" >Download URL</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Java</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[genSig](https://github.com/Tencent-RTC/tls-sig-api-v2-java/blob/main/src/main/java/com/tencentcloud/TLSSigAPIv2.java)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >GO</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GenSig](https://github.com/Tencent-RTC/tls-sig-api-v2-golang/blob/main/tencentyun/TLSSigAPI.go)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >PHP</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[genSig](https://github.com/Tencent-RTC/tls-sig-api-v2-php/blob/main/src/TLSSigAPIv2.php)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Nodejs</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[genSig](https://github.com/Tencent-RTC/tls-sig-api-v2-node/blob/main/TLSSigAPIv2.js)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Python</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[gen_sig](https://github.com/Tencent-RTC/tls-sig-api-v2-python/blob/main/TLSSigAPIv2.py)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >C#</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GenSig](https://github.com/Tencent-RTC/tls-sig-api-v2-cs/blob/main/tls-sig-api-v2-cs/TLSSigAPIv2.cs)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >C++</td>
-
-<td rowspan="1" colSpan="1" >HMAC-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[gen_sig](https://github.com/Tencent-RTC/tls-sig-api-v2-cpp)</td>
-</tr>
-</table>
-
-
-Key fields in a UserSig calculation function include the SDKAppID, UserID, and UserSig validity period, as described in the following table.
-
-> **Note: **
-> 
-
-> The following table uses the field names in the Java source code as an example. The field names may be different in other languages.
-> 
-
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >Field Name (Example)</td>
-
-<td rowspan="1" colSpan="1" >Description</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >sdkappid</td>
-
-<td rowspan="1" colSpan="1" >SDKAppID of the app. You can obtain the SDKAppID on the app card in the [Chat console](https://console.trtc.io/chat).</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >userId</td>
-
-<td rowspan="1" colSpan="1" >User ID (former name: `Identifier`).</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >expire</td>
-
-<td rowspan="1" colSpan="1" >UserSig validity period, in seconds.</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >userbuf</td>
-
-<td rowspan="1" colSpan="1" >This field is set to `null` by default because APIs without UserBuf are used in Chat by default.APIs with UserBuf may be required in some TRTC use cases, for example, when entering a room. For more information, see [Enabling Advanced Permission Control](https://intl.cloud.tencent.com/document/product/647/35157).</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >key</td>
-
-<td rowspan="1" colSpan="1" >Key. You can obtain a key on the app details page in the [Chat console](https://console.trtc.io/chat). For more information, see [Obtaining a Key](https://write.woa.com/#getkey).</td>
-</tr>
-</table>
-
-
-## Old Version of Algorithm
-
-To simplify signature computing so that customers can conveniently and quickly use Tencent Cloud services, the signature algorithm of the Chat service has been upgraded from ECDSA-SHA256 to HMAC-SHA256 since July 19, 2019. This means that all SDKAppIDs created after July 19, 2019 will use the new HMAC-SHA256 algorithm.
-
-If your SDKAppID was created before July 19, 2019, we recommend that you upgrade the signature algorithm to [HMAC-SHA256](https://write.woa.com/#GeneratingdynamicUserSig). The upgrade will not affect your business. Alternatively, you can still use the signature algorithm of an earlier version. The URLs for downloading the source code for the ECDSA-SHA256 algorithm are as follows:
-<table>
-<tr>
-<td rowspan="1" colSpan="1" >Programming Language</td>
-
-<td rowspan="1" colSpan="1" >Signature Algorithm</td>
-
-<td rowspan="1" colSpan="1" >Download Link</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Java</td>
-
-<td rowspan="1" colSpan="1" >ECDSA-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-java)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >GO</td>
-
-<td rowspan="1" colSpan="1" >ECDSA-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-golang)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >PHP</td>
-
-<td rowspan="1" colSpan="1" >ECDSA-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-php)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Nodejs</td>
-
-<td rowspan="1" colSpan="1" >ECDSA-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-node)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >Python</td>
-
-<td rowspan="1" colSpan="1" >ECDSA-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-python)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >C#</td>
-
-<td rowspan="1" colSpan="1" >ECDSA-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api-cs)</td>
-</tr>
-
-<tr>
-<td rowspan="1" colSpan="1" >C++</td>
-
-<td rowspan="1" colSpan="1" >ECDSA-SHA256</td>
-
-<td rowspan="1" colSpan="1" >[GitHub](https://github.com/tencentyun/tls-sig-api)</td>
-</tr>
-</table>
-
-
-## Get UserSig from the console
-- Log in to Tencent-RTC Console, navigate to Development Tools > [UserSig Tools](https://console.trtc.io/usersig).
-
-- Under the UserSig Generation Tool, select the corresponding SDKAppID and UserID.
-
-- Click the Generate button to compute the corresponding UserSig.
-
-   ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100026631907/bf1ed039f4df11ef920e5254005ef0f7.png)
-
-