@agentscope-ai/chat 1.1.4

package/dist/docs/4820.async.js

@@ -0,0 +1,1381 @@
+"use strict";(self.webpackChunk_agentscope_ai_chat=self.webpackChunk_agentscope_ai_chat||[]).push([[4820],{26791:function(e,n){n.Z=`import React from 'react';
+import { Accordion, Provider, DeepThink } from '@ali/spark-chat';
+import { AndroidOutlined, PieChartOutlined } from '@ant-design/icons';
+import { Typography } from 'antd'
+
+
+const App = () => <>
+
+  <Accordion
+    icon={<PieChartOutlined />}
+    title="title"
+    inline
+  >
+    some content
+  </Accordion>
+
+</>;
+
+export default App;
+`},5801:function(e,n){n.Z=`import React from 'react';
+import { Accordion, Provider, DeepThink } from '@ali/spark-chat';
+import { AndroidOutlined, ClockCircleOutlined } from '@ant-design/icons';
+import { Typography } from 'antd'
+
+
+const App = () => <>
+
+
+  <Accordion
+    title="\u6267\u884C\u4E2D..."
+    status="generating"
+    defaultOpen
+    steps={[{
+      icon: <ClockCircleOutlined />,
+      title: 'step1',
+      children: <Accordion.BodyContent headerLeft="headerLeft">
+        <Typography style={{ padding: 12 }}>
+          <Typography.Paragraph>Aliyun Bailianis a product offered by Alibaba Cloud, which is the cloud computing arm of Alibaba Group. Bailian is a high-performance AI development platform designed to help users build, deploy, and manage machine learning models and AI applications more efficiently.</Typography.Paragraph>
+          <ol>
+            <li>Easy-to-use Interface: Provides a user-friendly interface for developers and data scientists to easily create and manage AI</li>
+            <li>Easy-to-use Interface: Provides a user-friendly interface for developers and data scientists to easily create and manage AI</li>
+          </ol>
+        </Typography>
+      </Accordion.BodyContent>,
+      rightChildren: <a>rightChildren</a>
+    }
+      , {
+      defaultOpen: true,
+      icon: <ClockCircleOutlined />,
+      title: 'step1',
+      children: <Accordion.BodyContent headerLeft="headerLeft" headerRight="headerRight">
+        <Typography style={{ padding: 12 }}>
+          <Typography.Paragraph>Aliyun Bailianis a product offered by Alibaba Cloud, which is the cloud computing arm of Alibaba Group. Bailian is a high-performance AI development platform designed to help users build, deploy, and manage machine learning models and AI applications more efficiently.</Typography.Paragraph>
+          <ol>
+            <li>Easy-to-use Interface: Provides a user-friendly interface for developers and data scientists to easily create and manage AI</li>
+            <li>Easy-to-use Interface: Provides a user-friendly interface for developers and data scientists to easily create and manage AI</li>
+          </ol>
+        </Typography>
+      </Accordion.BodyContent>,
+    }
+    ]}
+  >
+  </Accordion>
+</>;
+
+export default App;
+`},77601:function(e,n){n.Z=`import React from 'react';
+import { Accordion, Provider, DeepThink } from '@ali/spark-chat';
+import { AndroidOutlined, PieChartOutlined } from '@ant-design/icons';
+import { Flex, Typography } from 'antd'
+
+
+const App = () => <>
+  <Flex gap={16} vertical>
+
+
+
+    <DeepThink
+      loading={true}
+      content='\u4F60\u597D\uFF0C\u6211\u662FAI\u667A\u80FD\u52A9\u624B\uFF0C\u4F60\u53EF\u4EE5\u5411\u6211\u63D0\u95EE\u4EFB\u4F55\u95EE\u9898\uFF0C\u6BD4\u5982\uFF1A'
+    />
+
+    <DeepThink
+      defaultOpen
+      loading={false}
+      content={\`Okay, the user is asking about "citypop." Let me start by recalling what I know about that term. I remember that City Pop is a genre of music, but I need to make sure I'm accurate.
+
+First, when did City Pop originate? I think it was in Japan during the late 1970s and 1980s. That makes sense because Japan's economy was booming then, leading to a vibrant urban culture. The genre probably blends Western styles like funk, jazz, and disco with Japanese pop elements. Artists like Tatsuro Yamashita and Mariya Takeuchi come to mind. Oh, and there's that song "Plastic Love" by Mariya Takeuchi that went viral online recently, which might have sparked renewed interest.
+
+I should also mention the themes of City Pop songs\u2014they often reflect city life, romance, and leisure, fitting the upbeat and cosmopolitan vibe of the time. The visual style associated with it includes retro anime and vibrant cityscapes, which adds to its aesthetic appeal. It's interesting how the internet, especially platforms like YouTube and Spotify, helped revive this genre internationally. Maybe I should note that connection between modern digital culture and the resurgence of City Pop.
+
+Wait, are there any subgenres or key characteristics I should highlight? The use of synthesizers, smooth vocals, and lush production are typical. Also, City Pop was influenced by yacht rock and soft rock from the West. It's important to link it to Japan's economic bubble era, as that context explains the music's optimistic and luxurious feel.
+
+I need to ensure I don't confuse it with other Japanese genres like J-pop or Enka. City Pop is distinct in its fusion with Western sounds. Including notable albums, like Tatsuro Yamashita's "For You" or Anri's "Timely!!", could be helpful. Oh, and the connection to future funk and vaporwave genres that sample City Pop tracks is a good point for its modern influence.\`}
+    />
+  </Flex>
+
+
+</>;
+
+export default App;
+`},75067:function(e,n){n.Z=`import { Attachments } from '@ali/spark-chat';
+import { App, Flex } from 'antd';
+import React from 'react';
+
+const Demo = () => {
+  const filesList = [
+    {
+      uid: '1',
+      name: 'excel-file.xlsx',
+      size: 111111,
+    },
+    {
+      uid: '2',
+      name: 'word-file.docx',
+      size: 222222,
+    },
+    {
+      uid: '3',
+      name: 'image-file.png',
+      size: 333333,
+    },
+    {
+      uid: '4',
+      name: 'pdf-file.pdf',
+      size: 444444,
+    },
+    {
+      uid: '5',
+      name: 'ppt-file.pptx',
+      size: 555555,
+    },
+    {
+      uid: '6',
+      name: 'video-file.mp4',
+      size: 666666,
+    },
+    {
+      uid: '7',
+      name: 'audio-file.mp3',
+      size: 777777,
+    },
+    {
+      uid: '8',
+      name: 'zip-file.zip',
+      size: 888888,
+    },
+    {
+      uid: '9',
+      name: 'markdown-file.md',
+      size: 999999,
+      description: 'Custom description here',
+    },
+    {
+      uid: '10',
+      name: 'image-file.png',
+      thumbUrl: 'https://gw.alicdn.com/imgextra/i4/O1CN01sjZ4Uu1erFDOC6IkA_!!6000000003924-2-tps-396-224.png',
+      url: 'https://gw.alicdn.com/imgextra/i4/O1CN01sjZ4Uu1erFDOC6IkA_!!6000000003924-2-tps-396-224.png',
+      size: 123456,
+    },
+  ];
+
+  return (
+    <Flex gap="middle" wrap>
+      {filesList.map((file, index) => (
+        <Attachments.FileCard key={index} item={file} />
+      ))}
+    </Flex>
+  );
+};
+
+export default () => <Demo />;
+`},6818:function(e,n){n.Z=`import React, { useCallback, useRef, useState } from 'react';
+import { Bubble, Sender, TMessage } from '@ali/spark-chat';
+
+const defaultMessages = [
+  {
+    role: 'user',
+    content: '\u4F60\u662F\u8C01',
+    id: '1',
+  },
+  {
+    role: 'assistant',
+    content: '\u6211\u662F\u901A\u4E49\u5343\u95EE\uFF0C\u963F\u91CC\u5DF4\u5DF4\u96C6\u56E2\u65D7\u4E0B\u7684\u8D85\u5927\u89C4\u6A21\u8BED\u8A00\u6A21\u578B\u3002\u6211\u7684\u4E2D\u6587\u540D\u662F\u901A\u4E49\u5343\u95EE\uFF0C\u82F1\u6587\u540D\u662FQwen\u3002\u6211\u80FD\u591F\u5E2E\u52A9\u60A8\u56DE\u7B54\u95EE\u9898\u3001\u64B0\u5199\u6587\u7AE0\u3001\u7F16\u5199\u4EE3\u7801\u3001\u8FDB\u884C\u903B\u8F91\u63A8\u7406\u3001\u8868\u8FBE\u89C2\u70B9\u3001\u73A9\u6E38\u620F\u7B49\u3002\u5982\u679C\u60A8\u6709\u4EFB\u4F55\u95EE\u9898\u6216\u9700\u8981\u5E2E\u52A9\uFF0C\u6B22\u8FCE\u968F\u65F6\u544A\u8BC9\u6211\uFF01',
+    id: '2',
+  },
+  {
+    role: 'user',
+    content: 'what is citypop',
+    id: '3',
+  },
+  {
+    role: 'assistant',
+    content: \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`,
+    id: '4',
+  },
+  {
+    role: 'user',
+    content: '\u4F60\u662F\u8C01',
+    id: '5',
+  },
+  {
+    role: 'assistant',
+    content: '\u6211\u662F\u901A\u4E49\u5343\u95EE\uFF08Qwen\uFF09\uFF0C\u963F\u91CC\u5DF4\u5DF4\u96C6\u56E2\u65D7\u4E0B\u7684\u8D85\u5927\u89C4\u6A21\u8BED\u8A00\u6A21\u578B\u3002\u6211\u7684\u4E2D\u6587\u540D\u662F\u901A\u4E49\u5343\u95EE\uFF0C\u82F1\u6587\u540D\u662FQwen\u3002\u6211\u80FD\u591F\u5E2E\u52A9\u60A8\u56DE\u7B54\u95EE\u9898\u3001\u64B0\u5199\u6587\u7AE0\u3001\u7F16\u5199\u4EE3\u7801\u3001\u8FDB\u884C\u903B\u8F91\u63A8\u7406\u3001\u8868\u8FBE\u89C2\u70B9\u3001\u73A9\u6E38\u620F\u7B49\u3002\u5982\u679C\u60A8\u6709\u4EFB\u4F55\u95EE\u9898\u6216\u9700\u8981\u5E2E\u52A9\uFF0C\u6B22\u8FCE\u968F\u65F6\u544A\u8BC9\u6211\uFF01',
+    id: '6',
+  },
+  {
+    role: 'user',
+    content: 'what is citypop',
+    id: '7',
+  },
+  {
+    role: 'assistant',
+    content: \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`,
+    id: '8',
+  },
+]
+
+export default function () {
+  const ref = useRef<{ scrollToBottom: () => void }>();
+  // @ts-ignore
+  const [messages, setMessages] = useState<TMessage[]>(defaultMessages);
+
+
+  return <div style={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>
+    <Bubble.List
+      style={{ height: 0, flex: 1 }}
+      // @ts-ignore
+      ref={ref}
+      items={messages}
+    />
+    <Sender></Sender>
+  </div>
+}`},47319:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+import { Flex } from 'antd';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Flex gap={16} vertical>
+
+  <Bubble cards={[
+    {
+      code: 'Text',
+      data: {
+        content,
+      },
+    },
+    {
+      code: 'Footer',
+      data: {
+        left: <DefaultCards.FooterActions data={[
+
+          {
+            icon: <CopyOutlined />, onClick: () => {
+            }
+          },
+          {
+            icon: <LikeOutlined />, onClick: () => {
+            }
+          },
+          {
+            icon: <DislikeOutlined />, onClick: () => {
+            }
+          },
+
+          {
+            icon: <RedoOutlined />, onClick: () => {
+            }
+          },
+        ]} />,
+
+      }
+    }
+  ]} />
+
+</Flex>;
+
+export default App;
+`},71832:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Bubble cards={[
+  {
+    code: 'Text',
+    data: {
+      content
+    },
+  },
+  {
+    code: 'Interrupted',
+    data: {
+      title: 'Answers have stopped',
+
+    }
+  },
+  {
+    code: 'Footer',
+    data: {
+      left: <DefaultCards.FooterActions data={[
+
+        {
+          icon: <CopyOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <LikeOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <DislikeOutlined />, onClick: () => {
+          }
+        },
+
+        {
+          icon: <RedoOutlined />, onClick: () => {
+          }
+        },
+      ]} />,
+
+    }
+  }
+]} />;
+
+export default App;
+`},3627:function(e,n){n.Z=`import { Bubble } from '@ali/spark-chat';
+import { Flex } from 'antd';
+import React from 'react';
+
+export default function () {
+  return <Flex vertical >
+
+
+    <Bubble placement="user"
+
+      cards={[
+        {
+          code: 'Text',
+          data: {
+            content: 'what is citypop'
+          },
+
+        },
+        {
+          code: 'Files',
+          data: [
+            { filename: 'citypop.pdf', bytes: 1024 },
+            { filename: 'citypop.pdf', bytes: 2048 },
+          ],
+        },
+      ]} />
+
+  </Flex>
+}`},32731:function(e,n){n.Z=`import { Bubble } from '@ali/spark-chat';
+import { Flex } from 'antd';
+import React from 'react';
+
+export default function () {
+  return <Flex vertical gap={16}>
+
+
+    <Bubble placement="user"
+      cards={[
+        {
+          code: 'Text',
+          data: {
+            content: 'what is citypop'
+          },
+
+        },
+        {
+          code: 'Images',
+          data: [
+            { url: 'https://gw.alicdn.com/imgextra/i4/O1CN01sjZ4Uu1erFDOC6IkA_!!6000000003924-2-tps-396-224.png', },
+          ],
+        }
+      ]} />
+
+    <Bubble placement="user"
+      content="what is citypop"
+      cards={[
+
+        {
+          code: 'Images',
+          data: [
+            { url: 'https://gw.alicdn.com/imgextra/i4/O1CN01sjZ4Uu1erFDOC6IkA_!!6000000003924-2-tps-396-224.png', },
+            { url: 'https://gw.alicdn.com/imgextra/i4/O1CN01sjZ4Uu1erFDOC6IkA_!!6000000003924-2-tps-396-224.png', },
+            { url: 'https://gw.alicdn.com/imgextra/i4/O1CN01sjZ4Uu1erFDOC6IkA_!!6000000003924-2-tps-396-224.png', },
+          ],
+        }
+      ]} />
+
+  </Flex>
+}`},75926:function(e,n){n.Z=`import { Bubble } from '@ali/spark-chat';
+import { Flex, Space } from 'antd';
+import React from 'react';
+
+export default function () {
+  return <Space direction="vertical" >
+
+
+    <Bubble placement="user"
+      cards={[
+        {
+          code: 'Text',
+          data: {
+            content: 'what is citypop'
+          },
+        },
+
+      ]} />
+
+
+    <Bubble placement="user"
+      cards={[
+        {
+          code: 'Text',
+          data: {
+            content: \`**city pop**, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+          },
+        },
+
+      ]} />
+
+    <Bubble placement="user"
+      cards={[
+        {
+          code: 'Text',
+          data: {
+            raw: true,
+            content: \`**city pop**, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+          },
+        },
+
+      ]} />
+  </Space>
+}`},16686:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+import { Flex, message } from 'antd';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Flex gap={16} vertical>
+
+  <Bubble
+    placement='user'
+    avatar={{
+      src: 'https://img.alicdn.com/imgextra/i1/O1CN01wor5IO1TVIRQ4iKbv_!!6000000002387-2-tps-112-112.png'
+    }}
+
+    cards={[
+      {
+        code: 'Text',
+        data: {
+          content: 'what is citypop',
+        },
+      },
+
+    ]} />
+
+  <Bubble
+    avatar={{
+      src: 'https://img.alicdn.com/imgextra/i1/O1CN01wor5IO1TVIRQ4iKbv_!!6000000002387-2-tps-112-112.png'
+    }}
+
+    cards={[
+      {
+        code: 'Text',
+        data: {
+          content,
+        },
+      },
+      {
+        code: 'Footer',
+        data: {
+          left: <DefaultCards.FooterActions data={[
+
+            {
+              icon: <CopyOutlined />, onClick: () => {
+              }
+            },
+            {
+              icon: <LikeOutlined />, onClick: () => {
+              }
+            },
+            {
+              icon: <DislikeOutlined />, onClick: () => {
+              }
+            },
+
+            {
+              icon: <RedoOutlined />, onClick: () => {
+              }
+            },
+          ]} />,
+
+        }
+      }
+    ]} />
+
+</Flex>;
+
+export default App;
+`},19354:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+
+const content = \`city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.
+\\\`\\\`\\\`javascript
+function bubbleSort(arr) {
+  const n = arr.length;
+  for (let i = 0; i < n - 1; i++) {
+    for (let j = 0; j < n - i - 1; j++) {
+      if (arr[j] > arr[j + 1]) {
+        [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
+      }
+    }
+  }
+  return arr;
+}
+\\\`\\\`\\\`
+city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.\`
+const App = () => <Bubble cards={[
+  {
+    code: 'Text',
+    data: {
+      content
+    },
+  },
+  {
+    code: 'Footer',
+    data: {
+      left: <DefaultCards.FooterActions data={[
+        
+        {
+          icon: <CopyOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <LikeOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <DislikeOutlined />, onClick: () => {
+          }
+        },
+        
+        {
+          icon: <RedoOutlined />, onClick: () => {
+          }
+        },
+      ]} />,
+
+    }
+  }
+]} />;
+
+export default App;
+`},70610:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Bubble cards={[
+  {
+    code: 'Text',
+    data: {
+      content
+    },
+  },
+  {
+    code: 'Interrupted',
+    data: {
+      type: 'error',
+      title: 'Network error',
+
+    }
+  },
+  {
+    code: 'Footer',
+    data: {
+      left: <DefaultCards.FooterActions data={[
+
+        {
+          icon: <CopyOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <LikeOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <DislikeOutlined />, onClick: () => {
+          }
+        },
+
+        {
+          icon: <RedoOutlined />, onClick: () => {
+          }
+        },
+      ]} />,
+
+    }
+  }
+]} />;
+
+export default App;
+`},38296:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Bubble cards={[
+  {
+    code: 'Text',
+    data: {
+      content
+    },
+  },
+  {
+    code: 'Interrupted',
+    data: {
+      type: 'error',
+      title: 'Network error',
+      desc: 'This is a description this is a description  this is a description this is a description',
+    }
+  },
+  {
+    code: 'Footer',
+    data: {
+      left: <DefaultCards.FooterActions data={[
+
+        {
+          icon: <CopyOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <LikeOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <DislikeOutlined />, onClick: () => {
+          }
+        },
+
+        {
+          icon: <RedoOutlined />, onClick: () => {
+          }
+        },
+      ]} />,
+
+    }
+  }
+]} />;
+
+export default App;
+`},49931:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+
+const content = \`city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.
+
+![](https://gw.alicdn.com/imgextra/i4/O1CN01sjZ4Uu1erFDOC6IkA_!!6000000003924-2-tps-396-224.png)
+
+city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.\`
+const App = () => <Bubble cards={[
+  {
+    code: 'Text',
+    data: {
+      content
+    },
+  },
+  {
+    code: 'Footer',
+    data: {
+      left: <DefaultCards.FooterActions data={[
+        
+        {
+          icon: <CopyOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <LikeOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <DislikeOutlined />, onClick: () => {
+          }
+        },
+        
+        {
+          icon: <RedoOutlined />, onClick: () => {
+          }
+        },
+      ]} />,
+
+    }
+  }
+]} />;
+
+export default App;
+`},56552:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Bubble cards={[
+  {
+    code: 'Text',
+    data: {
+      content
+    },
+  },
+  {
+    code: 'Footer',
+    data: {
+      left: <DefaultCards.FooterActions data={[
+
+        {
+          icon: <CopyOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <LikeOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <DislikeOutlined />, onClick: () => {
+          }
+        },
+
+        {
+          icon: <RedoOutlined />, onClick: () => {
+          }
+        },
+      ]} />,
+      right: <DefaultCards.FooterCount data={[
+        ['Words', 99],
+        ['Input tokens', 200],
+        ['Output tokens', 300],
+      ]} />
+
+    }
+  }
+]} />;
+
+export default App;
+`},14652:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+import { Flex, message } from 'antd';
+import { useTypedEffect } from '@ali/spark-chat';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => {
+
+  const data = useTypedEffect(content, true);
+
+  return <Flex gap={16} vertical>
+    <Bubble msgStatus="generating" />
+
+    <Bubble msgStatus="generating" cards={[
+      {
+        code: 'Text',
+        data: {
+          content: data[0],
+          msgStatus: "generating"
+        },
+      }
+    ]} />
+
+  </Flex>
+};
+
+export default App;
+`},95841:function(e,n){n.Z=`import { Conversations } from '@ali/spark-chat';
+import { DeleteOutlined } from '@ant-design/icons';
+import React from 'react';
+
+const items = Array.from({ length: 4 }).map((_, index) => ({
+  key: \`item\${index + 1}\`,
+  label: \`Conversation Item \${index + 1}\`,
+  disabled: index === 3,
+}));
+
+export default () => {
+
+  // Customize the style of the container
+  const style = {
+    width: 256,
+  };
+
+  return <Conversations
+    menu={(session) => ({
+      items: [
+        {
+          label: '\u5220\u9664',
+          key: 'delete',
+          icon: <DeleteOutlined />,
+          danger: true,
+        },
+      ],
+      onClick: (e) => {
+        e.domEvent.stopPropagation();
+      },
+    })}
+
+
+    items={items} defaultActiveKey="item1" style={style} />;
+};`},19480:function(e,n){n.Z=`import React from 'react';
+import { Disclaimer } from '@ali/spark-chat';
+
+export default () => <Disclaimer />;`},39688:function(e,n){n.Z=`import React from 'react';
+import { Disclaimer } from '@ali/spark-chat';
+
+export default () => <Disclaimer afterLink={{  text: 'See More', href: 'https://www.aliyun.com'}}/>;`},65299:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Bubble cards={[
+  {
+    code: 'Text',
+    data: {
+      content
+    },
+  },
+  {
+    code: 'Footer',
+    data: {
+      left: <DefaultCards.FooterActions data={[
+
+        {
+          icon: <CopyOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <LikeOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <DislikeOutlined />, onClick: () => {
+          }
+        },
+
+        {
+          icon: <RedoOutlined />, onClick: () => {
+          }
+        },
+      ]} />,
+      right: <DefaultCards.FooterCount data={[
+        ['Words', 99],
+        ['Input tokens', 200],
+        ['Output tokens', 300],
+      ]} />
+
+    }
+  }
+]} />;
+
+export default App;
+`},56150:function(e,n){n.Z=`import React from 'react';
+import { Bubble, DefaultCards } from '@ali/spark-chat';
+import { CopyOutlined, DislikeOutlined, LikeOutlined, RedoOutlined } from '@ant-design/icons';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Bubble cards={[
+  {
+    code: 'Text',
+    data: {
+      content
+    },
+  },
+  {
+    code: 'Footer',
+    data: {
+      left: <DefaultCards.FooterActions data={[
+
+        {
+          icon: <CopyOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <LikeOutlined />, onClick: () => {
+          }
+        },
+        {
+          icon: <DislikeOutlined />, onClick: () => {
+          }
+        },
+
+        {
+          icon: <RedoOutlined />, onClick: () => {
+          }
+        },
+      ]} />,
+      right: <DefaultCards.FooterCount data={[
+        ['Words', 99],
+        ['Input tokens', 200],
+        ['Output tokens', 300],
+      ]} />
+
+    }
+  }
+]} />;
+
+export default App;
+`},50772:function(e,n){n.Z=`import React from 'react';
+import { Markdown } from '@ali/spark-chat';
+
+const content = \`\u676D\u5DDE\u4ECA\u5929\u548C\u672A\u6765\u51E0\u5929\u7684\u5929\u6C14\u9884\u62A5\u5982\u4E0B\uFF1A
+
+\u4ECA\u5929\uFF082\u670818\u65E5\uFF09\u591A\u4E91\uFF0C\u6C14\u6E29\u57284-12\u2103\u4E4B\u95F4[two][3]\u3002\u767D\u5929\u591A\u4E91\uFF0C\u591C\u95F4\u8F6C\u9634[7]\u3002\u98CE\u529B\u8F83\u5927\uFF0C\u4E0A\u5348\u4E3A\u504F\u4E1C\u98CE2-3\u7EA7\uFF0C\u508D\u665A\u589E\u5927\u52304\u7EA7[7]\u3002
+
+\u672A\u6765\u51E0\u5929\u5929\u6C14\u6982\u51B5\uFF1A
+- 2\u670819\u65E5\uFF08\u660E\u5929\uFF09\uFF1A\u9634\u5929\uFF0C\u6709\u5C0F\u96E8\uFF0C\u6C14\u6E2911\u2103\u5DE6\u53F3[3][7]
+- 2\u670820\u65E5\uFF1A\u9634\u5929\uFF0C\u5C0F\u5230\u4E2D\u96E8\uFF0C\u6C14\u6E297\u2103\u5DE6\u53F3[3][7]
+- 2\u670821\u65E5\uFF1A\u591A\u4E91\uFF0C\u6C14\u6E297\u2103\u5DE6\u53F3[3]
+- 2\u670822\u65E5\uFF1A\u5C0F\u96E8\uFF0C\u6C14\u6E297\u2103\u5DE6\u53F3[3]
+
+\u603B\u4F53\u6765\u770B\uFF0C\u672A\u6765\u51E0\u5929\u676D\u5DDE\u5929\u6C14\u8F83\u51C9\uFF0C\u4EE5\u9634\u5929\u548C\u96E8\u5929\u4E3A\u4E3B\uFF0C\u6C14\u6E29\u57287-11\u2103\u4E4B\u95F4\u6CE2\u52A8\u3002\u5EFA\u8BAE\u5E02\u6C11\u9002\u5F53\u589E\u6DFB\u8863\u7269\uFF0C\u6CE8\u610F\u4FDD\u6696\uFF0C\u5916\u51FA\u65F6\u643A\u5E26\u96E8\u5177[2][3][7]\u3002
+\`;
+
+const citations = [
+  'https://www.weather.com.cn/weather/101210101.shtml',
+  'https://tianqi.moji.com/weather/china/zhejiang/hangzhou',
+  'https://weather.cma.cn/web/weather/58457.html',
+  'https://tianqi.so.com/weather/101210101',
+  'https://www.accuweather.com/zh/cn/hangzhou/106832/weather-forecast/106832',
+  'https://www.hzqx.com',
+  'https://www.hzqx.com/pc/hztq/',
+].map((url, index) => {
+  return {
+    url,
+    title: \`\u53C2\u8003\${index + 1}\`,
+    content: url,
+  };
+})
+
+export default function () {
+  return <Markdown content={content} citations={citations} citationsMap={{
+    'two': {
+      url: 'https://www.weather.com.cn/weather/101210101.shtml',
+      title: '\u53C2\u80032',
+      content: 'https://www.weather.com.cn/weather/101210101.shtml',
+    },
+  }} />;
+}`},19667:function(e,n){n.Z=`import React, { useEffect, useRef, useState } from 'react';
+import { Markdown } from '@ali/spark-chat';
+import { Flex, InputNumber, Switch } from 'antd';
+
+let content = \`# \u51FA\u5E08\u8868
+\u5148\u5E1D\u521B\u4E1A\u672A\u534A\u800C\u4E2D\u9053\u5D29\u6B82\uFF0C\u4ECA\u5929\u4E0B\u4E09\u5206\uFF0C\u76CA\u5DDE\u75B2\u5F0A\uFF0C\u6B64\u8BDA\u5371\u6025\u5B58\u4EA1\u4E4B\u79CB\u4E5F\u3002
+\`;
+
+
+
+export default function () {
+
+  return <>
+    <Flex vertical gap={16}>
+      <Markdown content={content} cursor="underline" typing/>
+      <Markdown content={content} cursor="dot" typing/>
+    </Flex>
+  </>;
+}`},84564:function(e,n){n.Z=`import React from 'react';
+import { Markdown } from '@ali/spark-chat';
+
+const content = \`\u4E09\u89D2\u51FD\u6570\u662F\u4E00\u7C7B\u6570\u5B66\u51FD\u6570\uFF0C\u4E3B\u8981\u7528\u6765\u63CF\u8FF0\u76F4\u89D2\u4E09\u89D2\u5F62\u4E2D\u7684\u89D2\u5EA6\u4E0E\u8FB9\u957F\u4E4B\u95F4\u7684\u5173\u7CFB\u3002\u6700\u5E38\u7528\u7684\u4E09\u89D2\u51FD\u6570\u5305\u62EC\u6B63\u5F26\uFF08sine, \u7B80\u5199\u4E3Asin\uFF09\u3001\u4F59\u5F26\uFF08cosine, \u7B80\u5199\u4E3Acos\uFF09\u548C\u6B63\u5207\uFF08tangent, \u7B80\u5199\u4E3Atan\uFF09\u3002\u6B64\u5916\u8FD8\u6709\u5B83\u4EEC\u7684\u5012\u6570\uFF1A\u4F59\u5272\uFF08cosecant, \u7B80\u5199\u4E3Acsc\u6216cosec\uFF09\u3001\u6B63\u5272\uFF08secant, \u7B80\u5199\u4E3Asec\uFF09\u548C\u4F59\u5207\uFF08cotangent, \u7B80\u5199\u4E3Acot\uFF09\u3002
+
+\u8FD9\u4E9B\u51FD\u6570\u7684\u57FA\u672C\u5B9A\u4E49\u5982\u4E0B\uFF1A
+
+1. **\u6B63\u5F26\uFF08sin\uFF09**\uFF1A\u5BF9\u4E8E\u4E00\u4E2A\u89D2\u03B8\uFF0C\u5728\u76F4\u89D2\u4E09\u89D2\u5F62\u4E2D\uFF0C\u6B63\u5F26\u662F\u8BE5\u89D2\u5BF9\u8FB9\u4E0E\u659C\u8FB9\u7684\u6BD4\u503C\u3002
+   \\\\[ 1 + 2 = 3 \\\\]
+
+2. **\u4F59\u5F26\uFF08cos\uFF09**\uFF1A\u5BF9\u4E8E\u4E00\u4E2A\u89D2\u03B8\uFF0C\u5728\u76F4\u89D2\u4E09\u89D2\u5F62\u4E2D\uFF0C\u4F59\u5F26\u662F\u8BE5\u89D2\u90BB\u8FB9\u4E0E\u659C\u8FB9\u7684\u6BD4\u503C\u3002
+   \\\\[ \\\\cos(\\\\theta) = \\\\frac{\\\\text{\u90BB\u8FB9}}{\\\\text{\u659C\u8FB9}} \\\\]
+
+3. **\u6B63\u5207\uFF08tan\uFF09**\uFF1A\u5BF9\u4E8E\u4E00\u4E2A\u89D2\u03B8\uFF0C\u5728\u76F4\u89D2\u4E09\u89D2\u5F62\u4E2D\uFF0C\u6B63\u5207\u662F\u5BF9\u8FB9\u4E0E\u90BB\u8FB9\u7684\u6BD4\u503C\u3002
+   \\\\[ \\\\tan(\\\\theta) = \\\\frac{\\\\text{\u5BF9\u8FB9}}{\\\\text{\u90BB\u8FB9}} \\\\]
+
+4. **\u4F59\u5272\uFF08csc\uFF09**\uFF1A\u662F\u6B63\u5F26\u7684\u5012\u6570\u3002
+   \\\\[ \\\\csc(\\\\theta) = \\\\frac{1}{\\\\sin(\\\\theta)} \\\\]
+
+5. **\u6B63\u5272\uFF08sec\uFF09**\uFF1A\u662F\u4F59\u5F26\u7684\u5012\u6570\u3002
+   \\\\[ \\\\sec(\\\\theta) = \\\\frac{1}{\\\\cos(\\\\theta)} \\\\]
+
+6. **\u4F59\u5207\uFF08cot\uFF09**\uFF1A\u662F\u6B63\u5207\u7684\u5012\u6570\u3002
+   \\\\[ \\\\cot(\\\\theta) = \\\\frac{1}{\\\\tan(\\\\theta)} \\\\]
+
+\u4E09\u89D2\u51FD\u6570\u5728\u6570\u5B66\u3001\u7269\u7406\u5B66\u3001\u5DE5\u7A0B\u5B66\u7B49\u9886\u57DF\u6709\u7740\u5E7F\u6CDB\u7684\u5E94\u7528\uFF0C\u5C24\u5176\u662F\u5728\u5904\u7406\u5468\u671F\u6027\u73B0\u8C61\u65F6\u3002
+
+\u77E9\u9635\u662F\u6570\u5B66\u4E2D\u4E00\u79CD\u91CD\u8981\u7684\u5DE5\u5177\uFF0C\u5E7F\u6CDB\u5E94\u7528\u4E8E\u7EBF\u6027\u4EE3\u6570\u3001\u8BA1\u7B97\u673A\u79D1\u5B66\u3001\u7269\u7406\u5B66\u7B49\u9886\u57DF\u3002\u4EE5\u4E0B\u662F\u5173\u4E8E\u77E9\u9635\u5F62\u5F0F\u7684\u8BE6\u7EC6\u8BF4\u660E\uFF1A
+\u77E9\u9635\u662F\u4E00\u4E2A**\u6309\u77E9\u5F62\u6392\u5217\u7684\u6570\u8868**\uFF0C\u7531 **m \u884C n \u5217** \u7684\u5143\u7D20\u7EC4\u6210\uFF0C\u901A\u5E38\u7528\u5927\u5199\u5B57\u6BCD\u8868\u793A\uFF08\u5982 A\u3001B\uFF09\u3002 
+
+\u4E00\u822C\u5F62\u5F0F\u5982\u4E0B\uFF1A
+$$
+A = \\\\begin{bmatrix}
+a_{11} & a_{12} & \\\\cdots & a_{1n} \\\\\\\\
+a_{21} & a_{22} & \\\\cdots & a_{2n} \\\\\\\\
+\\\\vdots & \\\\vdots & \\\\ddots & \\\\vdots \\\\\\\\
+a_{m1} & a_{m2} & \\\\cdots & a_{mn}
+\\\\end{bmatrix}
+$$
+
+---
+
+\u5176\u4E2D \\( C \\) \u8868\u793A\u5706\u7684\u5468\u957F\uFF0C\\( \\pi \\) \u662F\u5706\u5468\u7387\uFF08\u5927\u7EA6\u7B49\u4E8E 3.14159\uFF09\uFF0C\u800C \\( r \\) \u662F\u5706\u7684\u534A\u5F84\u3002
+
+\u5176\u4E2D $ C $ \u8868\u793A\u5706\u7684\u5468\u957F\uFF0C$ \\pi $ \u662F\u5706\u5468\u7387\uFF08\u5927\u7EA6\u7B49\u4E8E 3.14159\uFF09\uFF0C\u800C $ r $ \u662F\u5706\u7684\u534A\u5F84\u3002
+
+---
+
+\\\\[
+x = \\\\frac{-b \\\\pm \\\\sqrt{b^2 - 4ac}}{2a}
+\\\\]
+
+\\\\[
+\\\\begin{align*}
+1. & \\\\quad x + y = 10 \\\\\\\\
+2. & \\\\quad 2x - y = 0
+\\\\end{align*}
+\\\\]
+
+
+$$ x = \\\\frac{-b \\\\pm \\\\sqrt{b^2 - 4ac}}{2a} $$
+
+$$
+\\\\begin{align*}
+1. & \\\\quad x + y = 10 \\\\\\\\
+2. & \\\\quad 2x - y = 0
+\\\\end{align*}
+$$
+
+---
+
+\\\\[ x_1^2 \\\\quad \\\\]
+$$ x_1^2 \\\\quad $$
+
+
+
+\`;
+
+export default function () {
+  return <Markdown content={content} />;
+}`},42370:function(e,n){n.Z=`import React, { useEffect, useRef, useState } from 'react';
+import { Markdown } from '@ali/spark-chat';
+import { Flex, InputNumber, Input } from 'antd';
+
+let content = \`# \u8FD9\u662F\u4E00\u4E2A\u4E00\u7EA7\u6807\u9898
+## \u8FD9\u662F\u4E00\u4E2A\u4E8C\u7EA7\u6807\u9898
+### \u8FD9\u662F\u4E00\u4E2A\u4E09\u7EA7\u6807\u9898
+#### \u8FD9\u662F\u4E00\u4E2A\u56DB\u7EA7\u6807\u9898
+##### \u8FD9\u662F\u4E00\u4E2A\u4E94\u7EA7\u6807\u9898
+###### \u8FD9\u662F\u4E00\u4E2A\u516D\u7EA7\u6807\u9898
+
+---
+
+\u8FD9\u662F\u7B2C\u4E00\u4E2A\u6BB5\u843D\u3002
+
+\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u6BB5\u843D\u3002
+
+city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period. city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s. some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist. today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.
+
+---
+
+- \u9879\u76EE1
+- \u9879\u76EE2
+  - \u5B50\u9879\u76EE2.1
+  - \u5B50\u9879\u76EE2.2
+- \u9879\u76EE3
+
+---
+
+1. \u7B2C\u4E00\u9879
+2. \u7B2C\u4E8C\u9879
+   1. \u7B2C\u4E8C\u9879\u7684\u7B2C\u4E00\u5B50\u9879
+   2. \u7B2C\u4E8C\u9879\u7684\u7B2C\u4E8C\u5B50\u9879
+3. \u7B2C\u4E09\u9879
+
+---
+
+> \u8FD9\u662F\u4E00\u4E2A\u5F15\u7528\u3002
+
+---
+
+*\u8FD9\u662F\u659C\u4F53\u6587\u672C*
+_\u8FD9\u662F\u659C\u4F53\u6587\u672C_
+**\u8FD9\u662F\u7C97\u4F53\u6587\u672C**
+__\u8FD9\u662F\u7C97\u4F53\u6587\u672C__
+  
+***\u8FD9\u662F\u7C97\u659C\u4F53\u6587\u672C***
+**_\u8FD9\u662F\u7C97\u659C\u4F53\u6587\u672C_**
+_**\u8FD9\u662F\u7C97\u659C\u4F53\u6587\u672C**_
+___\u8FD9\u662F\u7C97\u659C\u4F53\u6587\u672C___
+~~\u8FD9\u662F\u5220\u9664\u7EBF\u6587\u672C~~
+
+---
+
+[https://www.aliyun.com](https://www.aliyun.com)
+
+![](https://gw.alicdn.com/imgextra/i4/O1CN01sjZ4Uu1erFDOC6IkA_!!6000000003924-2-tps-396-224.png)
+
+![](https://cloud.video.taobao.com/vod/HGJp6c7KVGDDfyeN8eimSccR_OnaS9E7PTqNzbVoAfE.mp4)
+
+---
+\\\`\u8FD9\u662F\u5355\u884C\u4EE3\u7801\\\`
+
+\\\`\\\`\\\`java
+class HelloWorld {
+    public static void main(String[] args) {
+        System.out.println("Hello World!"); 
+        // Hello World!
+    }
+}
+\\\`\\\`\\\`
+
+
+---
+
+| \u6807\u98981 | \u6807\u98982 | \u6807\u98983 |\u6807\u98982 | \u6807\u98983 |\u6807\u98981 | \u6807\u98982 | \u6807\u98983 |\u6807\u98982 | \u6807\u98983 |\u6807\u98981 | \u6807\u98982 | \u6807\u98983 |\u6807\u98982 | \u6807\u98983 |
+|-------|-------|-------|----|-------|------|-------|-------|----|-------|------|-------|-------|----|-------|
+| \u5355\u5143\u683C1 | \u5355\u5143\u683C2 | \u5355\u5143\u683C3 |\u5355\u5143\u683C3 |\u5355\u5143\u683C3 |\u5355\u5143\u683C1 | \u5355\u5143\u683C2 | \u5355\u5143\u683C3 |\u5355\u5143\u683C3 |\u5355\u5143\u683C3 |\u5355\u5143\u683C1 | \u5355\u5143\u683C2 | \u5355\u5143\u683C3 |\u5355\u5143\u683C3 |\u5355\u5143\u683C3 |
+| \u5355\u5143\u683C4 | \u5355\u5143\u683C5 | \u5355\u5143\u683C6 |\u5355\u5143\u683C6 |\u5355\u5143\u683C6 |\u5355\u5143\u683C4 | \u5355\u5143\u683C5 | \u5355\u5143\u683C6 |\u5355\u5143\u683C6 |\u5355\u5143\u683C6 |\u5355\u5143\u683C4 | \u5355\u5143\u683C5 | \u5355\u5143\u683C6 |\u5355\u5143\u683C6 |\u5355\u5143\u683C6 |
+
+---
+\`;
+
+
+
+export default function () {
+  const [baseFontSize, setBaseFontSize] = useState(14);
+  const [value, setValue] = useState(content);
+
+  return <>
+    <Flex gap={8} align='center' style={{ marginBottom: 16 }}>
+
+      <div>
+        Base Font Size?
+      </div>
+      <InputNumber defaultValue={14} onChange={e => setBaseFontSize(e)} />
+    </Flex>
+
+
+    <Input.TextArea autoSize={{ minRows: 4, maxRows: 6 }} value={value} onChange={e => setValue(e.target.value)} style={{ marginBottom: 16 }}></Input.TextArea>
+
+    <Markdown content={value} baseFontSize={baseFontSize} cursor />
+  </>;
+}`},77597:function(e,n){n.Z=`import React from 'react';
+import { ChatInput } from '@ali/spark-chat';
+
+export default function () {
+
+  return <ChatInput></ChatInput>
+
+}`},1372:function(e,n){n.Z=`import React from 'react';
+import { ChatInput } from '@ali/spark-chat';
+
+export default function () {
+
+  return <ChatInput disabled></ChatInput>
+}`},25725:function(e,n){n.Z=`import React from 'react';
+import { ChatInput } from '@ali/spark-chat';
+
+export default function () {
+
+  return <ChatInput loading></ChatInput>
+
+}`},75077:function(e,n){n.Z=`import React from 'react';
+import { Attachments, ChatInput } from '@ali/spark-chat';
+import { Button, GetProp, Upload } from 'antd';
+import { BookOutlined, BugOutlined, GlobalOutlined, PaperClipOutlined } from '@ant-design/icons';
+
+export default function () {
+  const [search, setSearch] = React.useState(false);
+  const [attachedFiles, setAttachedFiles] = React.useState<GetProp<typeof Attachments, 'items'>>([]);
+  const handleFileChange: GetProp<typeof Attachments, 'onChange'> = async ({ fileList }) => {
+    setAttachedFiles(fileList);
+  }
+
+  const senderHeader = (
+    <ChatInput.Header
+      closable={false}
+      open={attachedFiles?.length > 0}
+    >
+      <Attachments
+        items={attachedFiles}
+        onChange={handleFileChange}
+      />
+    </ChatInput.Header>
+  );
+  const attachmentsNode = (
+    <Upload onChange={handleFileChange} fileList={attachedFiles} showUploadList={false} key="upload">
+      <Button type="text" icon={<PaperClipOutlined />} />
+    </Upload>
+  );
+
+  return <ChatInput
+    zoomable
+    header={senderHeader}
+    prefix={[
+      attachmentsNode,
+      <Button type="text" icon={<BugOutlined />}></Button>,
+      <Button type="text" icon={<BookOutlined />}></Button>,
+      <Button type="text" color={search ? 'primary' : 'default'} variant={search ? 'filled' : 'text'} icon={<GlobalOutlined />} style={{ padding: '0 6px', gap: 6 }} onClick={() => setSearch(!search)}>\u8054\u7F51\u641C\u7D22</Button>,
+    ]}>
+
+
+  </ChatInput>
+}`},10421:function(e,n){n.Z=`import React from 'react';
+import { Attachments, ChatInput } from '@ali/spark-chat';
+import { Button, GetProp, Upload } from 'antd';
+import { PaperClipOutlined } from '@ant-design/icons';
+
+export default function () {
+  const [attachedFiles, setAttachedFiles] = React.useState<GetProp<typeof Attachments, 'items'>>([]);
+  const handleFileChange: GetProp<typeof Attachments, 'onChange'> = async ({ fileList }) => {
+    setAttachedFiles(fileList);
+  }
+
+  const senderHeader = (
+    <ChatInput.Header
+      closable={false}
+      open={attachedFiles?.length > 0}
+    >
+      <Attachments
+        items={attachedFiles}
+        onChange={handleFileChange}
+      />
+    </ChatInput.Header>
+  );
+  const attachmentsNode = (
+    <Upload onChange={handleFileChange} fileList={attachedFiles} showUploadList={false} key="upload">
+      <Button type="text" icon={<PaperClipOutlined />} />
+    </Upload>
+  );
+
+  return <ChatInput header={senderHeader}
+    prefix={attachmentsNode}></ChatInput>
+}`},55341:function(e,n){n.Z=`import React from 'react';
+import { Space } from 'antd'
+import { Bubble } from '@ali/spark-chat';
+
+const content = \`city pop, short for city pop, is a genre of music that originated in japan during the late 1970s and early 1980s. it blends elements of jazz, folk, easy listening, and aor (adult oriented rock) with a distinctly urban feel. the term "city pop" often evokes images of the sophisticated, stylish, and sometimes nostalgic lifestyle of tokyo and other major japanese cities during this period.
+city pop is characterized by its smooth melodies, mellow rhythms, and often dreamy or introspective lyrics. common themes include city life, summer vibes, nature, and romantic encounters. the music is frequently associated with a particular aesthetic that reflects the fashion, design, and cultural trends of urban japan in the 1980s.
+some notable city pop artists include mariya takeuchi, known for her iconic song " plastic love," and joe hisaishi, a composer famous for his work on studio ghibli films, though he is not strictly considered a city pop artist.
+today, city pop has experienced a resurgence in popularity, particularly among younger generations who appreciate its unique sound and the nostalgic value it holds.\`
+const App = () => <Space size="large" direction="vertical">
+  <Bubble cards={[
+
+    {
+      code: 'Interrupted',
+      data: {
+        type: 'interrupted',
+      }
+    },
+  ]} />
+
+  <Bubble cards={[
+
+    {
+      code: 'Interrupted',
+      data: {
+        type: 'error',
+        title: 'Network error',
+      }
+    },
+  ]} />
+
+  <Bubble cards={[
+
+    {
+      code: 'Interrupted',
+      data: {
+        type: 'error',
+        title: 'Network error',
+        desc: 'This is a description this is a description  this is a description this is a description',
+      }
+    },
+  ]} />
+
+
+</Space>;
+
+export default App;
+`},23762:function(e,n){n.Z=`import React from "react";
+import { Welcome } from '@ali/spark-chat';
+import { Space } from "antd";
+
+
+export default function () {
+  return <Space direction="vertical" size={64} style={{ width: '100%' }}>
+    <Welcome
+      logo={null}
+      style={{ justifyContent: 'center' }}
+      title="Nice to meet you!"
+      desc="How can I help you today?"
+    />
+  </Space>
+}`},77209:function(e,n){n.Z=`import React from "react";
+import { Welcome } from '@ali/spark-chat';
+import { Space } from "antd";
+
+
+export default function () {
+  return <Space direction="vertical" size={64} style={{ width: '100%' }}>
+    <Welcome
+      style={{ alignItems: 'center' }}
+      title="Nice to meet you!"
+      desc="How can I help you today?"
+      logo="https://gw.alicdn.com/imgextra/i3/O1CN01VFloZL1oERpBMx2Nv_!!6000000005193-55-tps-56-56.svg"
+    />
+  </Space>
+}`},31797:function(e,n){n.Z=`import React from "react";
+import { Welcome } from '@ali/spark-chat';
+import { Space } from "antd";
+
+
+export default function () {
+  return <Space direction="vertical" size={64} style={{ width: '100%' }}>
+    <Welcome
+      style={{ flexDirection: 'column' }}
+      title="Nice to meet you!"
+      desc={null}
+      logo={
+        <img
+          style={{
+            width: 56,
+            height: 56,
+            marginBottom: 20,
+          }}
+          src="https://gw.alicdn.com/imgextra/i3/O1CN01VFloZL1oERpBMx2Nv_!!6000000005193-55-tps-56-56.svg" />
+      }
+    />
+  </Space>
+}`}}]);