使用nicegui 写的多功能chatui_nicegui 改端口

解释

这段代码使用了NiceGUI库创建了一个聊天窗口的UI界面。其中，左侧为一个固定布局的列，右侧为一个动态布局的列，包含了多个小的卡片，并在滚动区域中实时刷新了聊天记录。具体实现过程如下：

1. 定义了一个字典message_dict用于存储聊天记录。键为名字，值为一个列表，存储该名字的多条聊天记录。

2. 定义了basic_left_layout函数，用于创建左侧布局的列。该列包含了多个标签，用于占位。

3. 定义了basic_right_layout函数，用于创建右侧布局的列。该列包含了多个卡片，用于显示聊天记录、发送消息、设置等内容。

4. 定义了send_message函数，用于将输入的文本消息添加到当前名字的聊天记录中，并触发聊天记录刷新。

5. 定义了chat_win_refresh函数，用于刷新聊天记录。首先创建一个滚动区域，并遍历当前名字的聊天记录，将每一条记录添加到滚动区域中。

6. 定义了basic_right_layout_children函数，用于创建卡片中的子元素。该子元素包含了聊天窗口的设置、聊天记录、标题、消息发送区域等内容。其中，聊天记录通过调用chat_win_refresh函数实现实时刷新。

7. 定义了multi_def字符串，用于创