npm - @king-design/vue - Versions diffs - 3.8.0-beta.0 → 3.8.0-beta.2 - Mend

@king-design/vue 3.8.0-beta.0 → 3.8.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/__tests__/__snapshots__/Vue Next Demos.md +74 -74
package/components/bubble/bubble.d.ts +3 -0
package/components/bubble/bubble.vdt.js +6 -2
package/components/bubble/index.spec.js +231 -5
package/components/bubble/styles.js +1 -1
package/components/bubble/useBubbleDisplay.d.ts +1 -0
package/components/bubble/useBubbleDisplay.js +68 -22
package/components/bubbleList/bubbleList.vdt.js +3 -1
package/components/bubbleList/index.spec.js +378 -237
package/components/bubbleList/styles.js +2 -2
package/components/bubbleList/useBubbleList.js +7 -0
package/components/fileCard/fileCard.vdt.js +4 -4
package/components/fileCard/index.spec.js +179 -107
package/components/fileCard/list.d.ts +2 -1
package/components/fileCard/list.vdt.js +7 -5
package/components/fileCard/styles.js +10 -8
package/components/fileCard/useFileCard.d.ts +1 -1
package/components/fileCard/useFileCard.js +6 -35
package/components/media/index.spec.js +774 -585
package/components/media/media.vdt.js +17 -6
package/components/media/mediaAssets.d.ts +2 -0
package/components/media/mediaAssets.js +4 -0
package/components/media/styles.js +5 -3
package/components/media/useMedia.d.ts +6 -2
package/components/media/useMedia.js +28 -6
package/components/sender/index.spec.js +1146 -476
package/components/sender/sender.d.ts +28 -5
package/components/sender/sender.js +17 -6
package/components/sender/sender.vdt.js +121 -49
package/components/sender/styles.js +18 -9
package/components/sender/useAutoResize.js +7 -6
package/components/sender/useSenderDrag.js +12 -3
package/components/sender/useSenderInput.d.ts +3 -0
package/components/sender/useSenderInput.js +20 -3
package/components/sender/useSenderPaste.js +1 -1
package/components/sender/useSenderUpload.js +38 -29
package/components/xmarkdown/index.spec.js +492 -263
package/components/xmarkdown/markdown/streaming.js +41 -8
package/components/xmarkdown/styles.js +2 -2
package/components/xmarkdown/useXMarkdownDisplay.d.ts +1 -0
package/components/xmarkdown/useXMarkdownDisplay.js +69 -24
package/components/xmarkdown/xmarkdown.d.ts +3 -0
package/components/xmarkdown/xmarkdown.vdt.js +6 -2
package/dist/i18n/en-US.js +1 -0
package/dist/i18n/en-US.js.map +1 -1
package/dist/i18n/en-US.min.js +1 -1
package/dist/index.js +795 -512
package/dist/index.js.map +1 -1
package/dist/index.min.js +2 -2
package/i18n/en-US.d.ts +1 -0
package/i18n/en-US.js +1 -0
package/index.d.ts +2 -2
package/index.js +2 -2
package/package.json +1 -1

package/__tests__/__snapshots__/Vue Next Demos.md CHANGED Viewed

@@ -1,5 +1,79 @@
 # `Vue Next Demos`
+## `sender`
+####   `Sender image`
+```
+"<div class=\"k-sender k-sender-file-view-media css-jv20yu\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-attachments k-sender-attachments-media\"><div class=\"k-file-card-list k-file-card-list-scrollY css-1yyicpc\"><div class=\"k-file-card-list-prefix\"><div class=\"k-sender-list-upload\" role=\"button\" title=\"参考内容\" aria-label=\"参考内容\"><i class=\"k-icon k-icon-add-bold css-16qej3\"></i><div class=\"k-sender-list-upload-text\">参考内容</div></div></div></div></div><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 20px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-middle\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: 92px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"image\"><div class=\"k-select-value c-ellipsis\">图片</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" accept=\"image/*\" multiple=\"\"></div></div>"
+```
+####   `Sender attachments`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" accept=\".pdf,.doc,.docx,image/*\" multiple=\"\"></div></div>"
+```
+####   `Sender basic`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
+```
+####   `Sender beforeInput`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-before-input\"><div class=\"sender-demo-suggestions\"><span class=\"sender-demo-suggestions-title\">试试这些问题：</span><div class=\"k-tag k-none css-1blxads\">帮我总结这份会议纪要</div><div class=\"k-tag k-none css-1blxads\">生成一段产品介绍</div><div class=\"k-tag k-none css-1blxads\">解释一下 React Server Components</div></div></div><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
+```
+####   `Sender configure`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-middle\"><div class=\"sender-demo-configure\"><div class=\"k-btns k-separate css-z9s2vw\"><button class=\"k-btn k-small k-default k-active css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-think css-18c3toa\" style=\"color: rgb(0, 145, 234);\"></i> 深度 <input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-active css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-internet css-18c3toa\" style=\"color: rgb(0, 145, 234);\"></i> 联网 <input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"gpt-4o\"><div class=\"k-select-value c-ellipsis\">GPT-4o</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
+```
+####   `Sender custom`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-btn k-small k-none css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-paper css-16qej3\"></i> 上传文件 </button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-btn k-primary k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">{scope.generating ? '停止' : '发送'}</button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
+```
+####   `Sender directory`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传文件夹\" aria-label=\"上传文件夹\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" directory=\"\" webkitdirectory=\"\" multiple=\"\"></div></div>"
+```
+####   `Sender drag`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" accept=\"image/*\" multiple=\"\"></div></div>"
+```
+####   `Sender generating`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
+```
+####   `Sender headerFooter`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-header\"><div class=\"sender-demo-header\"><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">+ 开启新对话</button></div></div><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div><div class=\"k-sender-footer\"><div class=\"sender-demo-footer\">AI生成，仅供参考。</div></div></div>"
+```
+####   `Sender methods`
+```
+"<div class=\"sender-demo-methods\"><div class=\"sender-demo-methods-actions\"><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">focus</button><button class=\"k-btn k-small k-default k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">blur</button><button class=\"k-btn k-small k-primary css-h31bz\" tabindex=\"0\" type=\"button\">submit</button><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">clear</button><button class=\"k-btn k-small k-default k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">stopGenerate</button></div><div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-attachments k-sender-attachments-text\"><div class=\"k-file-card-list k-file-card-list-scrollY css-il2rwy\"><div class=\"k-file-card css-il2rwy k-file-card-file k-file-card-type-file k-file-card-default k-file-card-done k-file-card-deletable\"><div class=\"k-file-card-delete\" title=\"删除\"><i class=\"k-icon k-icon-close-bold css-14db6ta\" style=\"color: inherit;\"></i></div><div class=\"k-file-card-file-shell\"><div class=\"k-file-card-file-main\"><div class=\"k-file-card-file-icon k-file-card-file-icon-pdf\"><img class=\"k-file-card-file-icon-img\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_25057_14412)%22%3E%0A%3Cpath%20d%3D%22M1.6001%203.2C1.6001%201.43269%203.03279%200%204.8001%200H19.2024L30.4001%2011.1914V28.8C30.4001%2030.5673%2028.9674%2032%2027.2001%2032H4.8001C3.03279%2032%201.6001%2030.5673%201.6001%2028.8V3.2Z%22%20fill%3D%22url(%23paint0_linear_25057_14412)%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip1_25057_14412)%22%3E%0A%3Cpath%20d%3D%22M20.6223%2021.564C19.6623%2021.4929%2018.7379%2021.1373%2017.9912%2020.4973C16.5334%2020.8173%2015.1468%2021.2795%2013.7601%2021.8484C12.6579%2023.804%2011.6268%2024.7995%2010.7379%2024.7995C10.5601%2024.7995%2010.3468%2024.764%2010.2045%2024.6573C9.81343%2024.4795%209.6001%2024.0884%209.6001%2023.6973C9.6001%2023.3773%209.67121%2022.4884%2013.049%2021.0306C13.8312%2019.6084%2014.4357%2018.1506%2014.9334%2016.6218C14.5068%2015.7684%2013.5823%2013.6706%2014.2223%2012.604C14.4357%2012.2129%2014.8623%2011.9995%2015.3245%2012.0351C15.6801%2012.0351%2016.0357%2012.2129%2016.249%2012.4973C16.7112%2013.1373%2016.6757%2014.4884%2016.0712%2016.4795C16.6401%2017.5462%2017.3868%2018.5062%2018.2757%2019.324C19.0223%2019.1818%2019.769%2019.0751%2020.5157%2019.0751C22.1868%2019.1106%2022.4357%2019.8929%2022.4001%2020.3551C22.4001%2021.564%2021.2268%2021.564%2020.6223%2021.564ZM10.6668%2023.7684L10.7734%2023.7329C11.2712%2023.5551%2011.6623%2023.1995%2011.9468%2022.7373C11.4134%2022.9506%2010.9868%2023.3062%2010.6668%2023.7684ZM15.3957%2013.1018H15.289C15.2534%2013.1018%2015.1823%2013.1018%2015.1468%2013.1373C15.0045%2013.7418%2015.1112%2014.3818%2015.3601%2014.9506C15.5734%2014.3462%2015.5734%2013.7062%2015.3957%2013.1018ZM15.6445%2018.2573L15.609%2018.3284L15.5734%2018.2929C15.2534%2019.1106%2014.8979%2019.9284%2014.5068%2020.7106L14.5779%2020.6751V20.7462C15.3601%2020.4618%2016.2134%2020.2129%2016.9957%2020.0351L16.9601%2019.9995H17.0668C16.5334%2019.4662%2016.0357%2018.8618%2015.6445%2018.2573ZM20.4801%2020.1418C20.1601%2020.1418%2019.8757%2020.1418%2019.5557%2020.2129C19.9112%2020.3906%2020.2668%2020.4618%2020.6223%2020.4973C20.8712%2020.5329%2021.1201%2020.4973%2021.3334%2020.4262C21.3334%2020.3195%2021.1912%2020.1418%2020.4801%2020.1418Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20filter%3D%22url(%23filter0_f_25057_14412)%22%3E%0A%3Cpath%20d%3D%22M18.3999%200L30.3999%2012H21.5999C19.8326%2012%2018.3999%2010.5673%2018.3999%208.8V0Z%22%20fill%3D%22%23F61E22%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M19.2002%200L30.4002%2011.2H22.4002C20.6329%2011.2%2019.2002%209.76731%2019.2002%208V0Z%22%20fill%3D%22%23FCAFB0%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3Cfilter%20id%3D%22filter0_f_25057_14412%22%20x%3D%2214.3999%22%20y%3D%22-4%22%20width%3D%2220%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0A%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%0A%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22effect1_foregroundBlur_25057_14412%22%2F%3E%0A%3C%2Ffilter%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_25057_14412%22%20x1%3D%221.6001%22%20y1%3D%220%22%20x2%3D%2233.6001%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF7375%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF4447%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_25057_14412%22%3E%0A%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3CclipPath%20id%3D%22clip1_25057_14412%22%3E%0A%3Crect%20width%3D%2212.8%22%20height%3D%2212.8%22%20fill%3D%22white%22%20transform%3D%22translate(9.6001%2012)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E\" alt=\"brief.pdf\"></div><div class=\"k-file-card-file-content\"><div class=\"k-file-card-title\" title=\"brief.pdf\"><span class=\"k-file-card-title-prefix\">brief</span><span class=\"k-file-card-title-suffix\">.pdf</span></div><div class=\"k-file-card-description\"><span>128 KB</span></div></div></div></div></div></div></div><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\">帮我整理一下这份附件内容</textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div></div>"
+```
+####   `Sender pasteFile`
+```
+"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" accept=\"image/*\" multiple=\"\"></div></div>"
+```
 ## `bubble`
 ####   `Bubble attachments`
@@ -188,80 +262,6 @@
 "<div class=\"media-demo-status\"><div class=\"media-demo-status-section\"><div class=\"media-demo-status-label\">加载中</div><div class=\"media-demo-status-row\"><div class=\"k-media k-media-image k-media-default k-media-loading css-bh0jn3\" title=\"图片加载中.png\"><div class=\"k-media-shell\"><img class=\"k-media-image\" alt=\"图片加载中.png\" src=\"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&amp;fit=crop&amp;w=320&amp;q=80\" draggable=\"false\"><div class=\"k-media-loading-indicator\"><span class=\"k-media-loading-spinner\"></span></div></div></div><div class=\"k-media k-media-video k-media-default k-media-loading css-bh0jn3\" title=\"视频加载中.mp4\"><div class=\"k-media-shell\"><div class=\"k-media-placeholder\"><i class=\"k-icon ion-videocamera css-16qej3\"></i></div><div class=\"k-media-loading-indicator\"><span class=\"k-media-loading-spinner\"></span></div></div></div><div class=\"k-media k-media-audio k-media-default k-media-loading css-bh0jn3\" title=\"音频加载中.mp3\"><div class=\"k-media-shell\"><div class=\"k-media-audio-card\"><img class=\"k-media-card-icon k-media-audio-card-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_24923_23617)%22%3E%3Cpath%20d%3D%22M1.19995%202.4C1.19995%201.07452%202.27447%200%203.59995%200H14.4017L22.8%208.39355V21.6C22.8%2022.9255%2021.7254%2024%2020.4%2024H3.59995C2.27447%2024%201.19995%2022.9255%201.19995%2021.6V2.4Z%22%20fill%3D%22url(%23paint0_linear_24923_23617)%22%2F%3E%3Cpath%20d%3D%22M15.7916%2010.2829C15.1728%2010.2829%2014.5793%2010.037%2014.1417%209.59944C13.7041%209.16185%2013.4583%208.56836%2013.4583%207.94952H12.2916V13.6429C11.805%2013.3177%2011.2236%2013.1645%2010.64%2013.2076C10.0563%2013.2507%209.50381%2013.4876%209.07021%2013.8807C8.63661%2014.2738%208.3468%2014.8005%208.24683%2015.3771C8.14687%2015.9537%208.24247%2016.5473%208.51845%2017.0634C8.79444%2017.5794%209.23497%2017.9885%209.77007%2018.2255C10.3052%2018.4626%2010.9041%2018.514%2011.4718%2018.3716C12.0395%2018.2293%2012.5433%2017.9013%2012.9032%2017.4398C13.2631%2016.9783%2013.4585%2016.4098%2013.4583%2015.8245V10.5541C14.0993%2011.1296%2014.9301%2011.4484%2015.7916%2011.4495V10.2829Z%22%20fill%3D%22white%22%2F%3E%3Cg%20filter%3D%22url(%23filter0_f_24923_23617)%22%3E%3Cpath%20d%3D%22M13.8%200L22.8%209H16.2C14.8746%209%2013.8%207.92548%2013.8%206.6V0Z%22%20fill%3D%22%23FA655E%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M14.3999%200L22.7999%208.4H16.7999C15.4744%208.4%2014.3999%207.32548%2014.3999%206V0Z%22%20fill%3D%22%23FEC6C2%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_f_24923_23617%22%20x%3D%2210.8%22%20y%3D%22-3%22%20width%3D%2215%22%20height%3D%2215%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20result%3D%22effect1_foregroundBlur_24923_23617%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_24923_23617%22%20x1%3D%221.19995%22%20y1%3D%220%22%20x2%3D%2225.2%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FDA79C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8787%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_24923_23617%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></div><div class=\"k-media-loading-indicator\"><span class=\"k-media-loading-spinner\"></span></div></div></div></div></div><div class=\"media-demo-status-section\"><div class=\"media-demo-status-label\">加载失败</div><div class=\"media-demo-status-row\"><div class=\"k-media k-media-image k-media-default k-media-error css-bh0jn3\" title=\"图片加载失败.png\"><div class=\"k-media-shell\"><div class=\"k-media-error-card\"><img class=\"k-media-card-icon k-media-error-card-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_25770_6783)%22%3E%3Cpath%20d%3D%22M1.6001%203.2C1.6001%201.43269%203.03279%200%204.8001%200H19.2024L30.4001%2011.1914V28.8C30.4001%2030.5673%2028.9674%2032%2027.2001%2032H4.8001C3.03279%2032%201.6001%2030.5673%201.6001%2028.8V3.2Z%22%20fill%3D%22url(%23paint0_linear_25770_6783)%22%2F%3E%3Cpath%20d%3D%22M8.24289%2022.3474L11.1107%2018.1323C11.1475%2018.0783%2011.1956%2018.033%2011.2518%2017.9996C11.3079%2017.9663%2011.3707%2017.9457%2011.4357%2017.9393C11.5007%2017.9329%2011.5664%2017.9408%2011.628%2017.9626C11.6895%2017.9844%2011.7456%2018.0194%2011.7921%2018.0652L13.6875%2019.9222L17.8459%2013.4042C17.8871%2013.3395%2017.9442%2013.2865%2018.0119%2013.2504C18.0795%2013.2142%2018.1553%2013.1961%2018.232%2013.1979C18.3086%2013.1996%2018.3835%2013.2211%2018.4495%2013.2602C18.5154%2013.2993%2018.5701%2013.3548%2018.6084%2013.4213L23.7752%2022.3756C23.8144%2022.4434%2023.8351%2022.5203%2023.8351%2022.5986C23.8352%2022.6769%2023.8146%2022.7539%2023.7754%2022.8217C23.7362%2022.8896%2023.6799%2022.9459%2023.612%2022.985C23.5441%2023.0241%2023.4672%2023.0447%2023.3888%2023.0446H8.61173C8.53054%2023.0447%208.45085%2023.0227%208.38126%2022.9809C8.31167%2022.9391%208.25481%2022.8791%208.21683%2022.8074C8.17885%2022.7356%208.16118%2022.6548%208.16574%2022.5738C8.1703%2022.4927%208.19691%2022.4145%208.2427%2022.3474H8.24289Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M9.10168%2012.8034C9.10168%2013.3996%209.33855%2013.9715%209.76017%2014.3931C10.1818%2014.8147%2010.7536%2015.0516%2011.3499%2015.0516C11.9462%2015.0516%2012.518%2014.8147%2012.9396%2014.3931C13.3612%2013.9715%2013.5981%2013.3996%2013.5981%2012.8034C13.5981%2012.2071%2013.3612%2011.6353%2012.9396%2011.2137C12.518%2010.792%2011.9462%2010.5552%2011.3499%2010.5552C10.7536%2010.5552%2010.1818%2010.792%209.76017%2011.2137C9.33855%2011.6353%209.10168%2012.2071%209.10168%2012.8034Z%22%20fill%3D%22white%22%2F%3E%3Cg%20filter%3D%22url(%23filter0_f_25770_6783)%22%3E%3Cpath%20d%3D%22M18.4001%200L30.4001%2012H21.6001C19.8328%2012%2018.4001%2010.5673%2018.4001%208.8V0Z%22%20fill%3D%22%23C9CAD6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M19.2001%200L30.4001%2011.2H22.4001C20.6328%2011.2%2019.2001%209.76731%2019.2001%208V0Z%22%20fill%3D%22%23F2F2F3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_f_25770_6783%22%20x%3D%2214.4001%22%20y%3D%22-4%22%20width%3D%2220%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22effect1_foregroundBlur_25770_6783%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_25770_6783%22%20x1%3D%221.6001%22%20y1%3D%220%22%20x2%3D%2233.6001%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D6DCE7%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_25770_6783%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></div></div></div><div class=\"k-media k-media-video k-media-default k-media-error css-bh0jn3\" title=\"视频加载失败.mp4\"><div class=\"k-media-shell\"><div class=\"k-media-error-card\"><img class=\"k-media-card-icon k-media-error-card-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_25770_6789)%22%3E%3Cpath%20d%3D%22M1.6001%203.2C1.6001%201.43269%203.03279%200%204.8001%200H19.2024L30.4001%2011.1914V28.8C30.4001%2030.5673%2028.9674%2032%2027.2001%2032H4.8001C3.03279%2032%201.6001%2030.5673%201.6001%2028.8V3.2Z%22%20fill%3D%22url(%23paint0_linear_25770_6789)%22%2F%3E%3Cpath%20d%3D%22M13.4815%2012.9907C13.2152%2012.8215%2012.8669%2013.0128%2012.8669%2013.3283V21.8719C12.8669%2022.1874%2013.2152%2022.3787%2013.4815%2022.2095L20.2025%2017.9377C20.4497%2017.7805%2020.4497%2017.4197%2020.2025%2017.2625L13.4815%2012.9907Z%22%20fill%3D%22white%22%2F%3E%3Cg%20filter%3D%22url(%23filter0_f_25770_6789)%22%3E%3Cpath%20d%3D%22M18.4001%200L30.4001%2012H21.6001C19.8328%2012%2018.4001%2010.5673%2018.4001%208.8V0Z%22%20fill%3D%22%23C9CAD6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M19.2001%200L30.4001%2011.2H22.4001C20.6328%2011.2%2019.2001%209.76731%2019.2001%208V0Z%22%20fill%3D%22%23F2F2F3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_f_25770_6789%22%20x%3D%2214.4001%22%20y%3D%22-4%22%20width%3D%2220%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22effect1_foregroundBlur_25770_6789%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_25770_6789%22%20x1%3D%221.6001%22%20y1%3D%220%22%20x2%3D%2233.6001%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D6DCE7%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_25770_6789%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></div></div></div><div class=\"k-media k-media-audio k-media-default k-media-error css-bh0jn3\" title=\"音频加载失败.mp3\"><div class=\"k-media-shell\"><div class=\"k-media-error-card\"><img class=\"k-media-card-icon k-media-error-card-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_25770_6777)%22%3E%3Cpath%20d%3D%22M1.6001%203.2C1.6001%201.43269%203.03279%200%204.8001%200H19.2024L30.4001%2011.1914V28.8C30.4001%2030.5673%2028.9674%2032%2027.2001%2032H4.8001C3.03279%2032%201.6001%2030.5673%201.6001%2028.8V3.2Z%22%20fill%3D%22url(%23paint0_linear_25770_6777)%22%2F%3E%3Cpath%20d%3D%22M21.0556%2013.7107C20.2305%2013.7107%2019.4391%2013.3829%2018.8557%2012.7995C18.2722%2012.2161%2017.9445%2011.4247%2017.9445%2010.5996H16.3889V18.1907C15.7401%2017.7572%2014.965%2017.5529%2014.1868%2017.6104C13.4086%2017.6679%2012.6719%2017.9837%2012.0937%2018.5078C11.5156%2019.0319%2011.1292%2019.7342%2010.9959%2020.503C10.8626%2021.2719%2010.9901%2022.0633%2011.3581%2022.7514C11.726%2023.4395%2012.3134%2023.9849%2013.0269%2024.301C13.7403%2024.617%2014.539%2024.6856%2015.2958%2024.4958C16.0527%2024.306%2016.7245%2023.8686%2017.2044%2023.2533C17.6843%2022.638%2017.9448%2021.8799%2017.9445%2021.0996V14.0724C18.7992%2014.8397%2019.9069%2015.2648%2021.0556%2015.2663V13.7107Z%22%20fill%3D%22white%22%2F%3E%3Cg%20filter%3D%22url(%23filter0_f_25770_6777)%22%3E%3Cpath%20d%3D%22M18.4001%200L30.4001%2012H21.6001C19.8328%2012%2018.4001%2010.5673%2018.4001%208.8V0Z%22%20fill%3D%22%23C9CAD6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M19.2001%200L30.4001%2011.2H22.4001C20.6328%2011.2%2019.2001%209.76731%2019.2001%208V0Z%22%20fill%3D%22%23F2F2F3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_f_25770_6777%22%20x%3D%2214.4001%22%20y%3D%22-4%22%20width%3D%2220%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22effect1_foregroundBlur_25770_6777%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_25770_6777%22%20x1%3D%221.6001%22%20y1%3D%220%22%20x2%3D%2233.6001%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D6DCE7%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_25770_6777%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></div></div></div></div></div><div class=\"media-demo-status-section\"><div class=\"media-demo-status-label\">已完成</div><div class=\"media-demo-status-row\"><div class=\"k-media k-media-image k-media-default k-media-done k-media-previewable css-bh0jn3\" title=\"参考图.png\"><div class=\"k-media-shell\"><img class=\"k-media-image\" alt=\"参考图.png\" src=\"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&amp;fit=crop&amp;w=320&amp;q=80\" draggable=\"false\"><div class=\"k-media-overlay\"><button class=\"k-media-preview-trigger\" type=\"button\" title=\"查看图片\"><i class=\"k-icon k-media-preview-icon ion-ios-eye-outline k-large css-16qej3\"></i></button></div></div></div><div class=\"k-media k-media-video k-media-default k-media-done k-media-previewable css-bh0jn3\" title=\"产品预告.mp4\"><div class=\"k-media-shell\"><video class=\"k-media-video\" preload=\"metadata\" playsinline=\"true\" tabindex=\"-1\" src=\"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4\" poster=\"https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?auto=format&amp;fit=crop&amp;w=320&amp;q=80\"></video><div class=\"k-media-overlay\"><button class=\"k-media-preview-trigger\" type=\"button\" title=\"播放视频\"><i class=\"k-icon k-media-preview-icon ion-ios-play k-large css-16qej3\"></i></button></div></div></div><div class=\"k-media k-media-audio k-media-default k-media-done k-media-previewable css-bh0jn3\" title=\"播客片段.mp3\"><div class=\"k-media-shell\"><audio class=\"k-media-audio-loader\" preload=\"metadata\" src=\"https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3\"></audio><div class=\"k-media-audio-card\"><img class=\"k-media-card-icon k-media-audio-card-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_24923_23617)%22%3E%3Cpath%20d%3D%22M1.19995%202.4C1.19995%201.07452%202.27447%200%203.59995%200H14.4017L22.8%208.39355V21.6C22.8%2022.9255%2021.7254%2024%2020.4%2024H3.59995C2.27447%2024%201.19995%2022.9255%201.19995%2021.6V2.4Z%22%20fill%3D%22url(%23paint0_linear_24923_23617)%22%2F%3E%3Cpath%20d%3D%22M15.7916%2010.2829C15.1728%2010.2829%2014.5793%2010.037%2014.1417%209.59944C13.7041%209.16185%2013.4583%208.56836%2013.4583%207.94952H12.2916V13.6429C11.805%2013.3177%2011.2236%2013.1645%2010.64%2013.2076C10.0563%2013.2507%209.50381%2013.4876%209.07021%2013.8807C8.63661%2014.2738%208.3468%2014.8005%208.24683%2015.3771C8.14687%2015.9537%208.24247%2016.5473%208.51845%2017.0634C8.79444%2017.5794%209.23497%2017.9885%209.77007%2018.2255C10.3052%2018.4626%2010.9041%2018.514%2011.4718%2018.3716C12.0395%2018.2293%2012.5433%2017.9013%2012.9032%2017.4398C13.2631%2016.9783%2013.4585%2016.4098%2013.4583%2015.8245V10.5541C14.0993%2011.1296%2014.9301%2011.4484%2015.7916%2011.4495V10.2829Z%22%20fill%3D%22white%22%2F%3E%3Cg%20filter%3D%22url(%23filter0_f_24923_23617)%22%3E%3Cpath%20d%3D%22M13.8%200L22.8%209H16.2C14.8746%209%2013.8%207.92548%2013.8%206.6V0Z%22%20fill%3D%22%23FA655E%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M14.3999%200L22.7999%208.4H16.7999C15.4744%208.4%2014.3999%207.32548%2014.3999%206V0Z%22%20fill%3D%22%23FEC6C2%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_f_24923_23617%22%20x%3D%2210.8%22%20y%3D%22-3%22%20width%3D%2215%22%20height%3D%2215%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20result%3D%22effect1_foregroundBlur_24923_23617%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_24923_23617%22%20x1%3D%221.19995%22%20y1%3D%220%22%20x2%3D%2225.2%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FDA79C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8787%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_24923_23617%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></div><div class=\"k-media-overlay\"><button class=\"k-media-preview-trigger\" type=\"button\" title=\"播放音频\"><i class=\"k-icon k-media-preview-icon ion-ios-play k-large css-16qej3\"></i></button></div></div></div></div></div></div>"
 ```
-## `sender`
-####   `Sender attachments`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" accept=\".pdf,.doc,.docx,image/*\" multiple=\"\"></div></div>"
-```
-####   `Sender basic`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
-```
-####   `Sender beforeInput`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-before-input\"><div class=\"sender-demo-suggestions\"><span class=\"sender-demo-suggestions-title\">试试这些问题：</span><div class=\"k-tag k-none css-1blxads\">帮我总结这份会议纪要</div><div class=\"k-tag k-none css-1blxads\">生成一段产品介绍</div><div class=\"k-tag k-none css-1blxads\">解释一下 React Server Components</div></div></div><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
-```
-####   `Sender configure`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-middle\"><div class=\"sender-demo-configure\"><div class=\"k-btns k-separate css-z9s2vw\"><button class=\"k-btn k-small k-default k-active css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-think css-18c3toa\" style=\"color: rgb(0, 145, 234);\"></i> 深度 <input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-active css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-internet css-18c3toa\" style=\"color: rgb(0, 145, 234);\"></i> 联网 <input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"gpt-4o\"><div class=\"k-select-value c-ellipsis\">GPT-4o</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
-```
-####   `Sender custom`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-btn k-small k-none css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-paper css-16qej3\"></i> 上传文件 </button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-btn k-primary k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">{scope.generating ? '停止' : '发送'}</button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
-```
-####   `Sender directory`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传文件夹\" aria-label=\"上传文件夹\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" directory=\"\" webkitdirectory=\"\" multiple=\"\"></div></div>"
-```
-####   `Sender drag`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" accept=\"image/*\" multiple=\"\"></div></div>"
-```
-####   `Sender generating`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div>"
-```
-####   `Sender headerFooter`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-header\"><div class=\"sender-demo-header\"><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">+ 开启新对话</button></div></div><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div><div class=\"k-sender-footer\"><div class=\"sender-demo-footer\">AI生成，仅供参考。</div></div></div>"
-```
-####   `Sender image`
-```
-"<div class=\"k-sender k-sender-image css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-attachments k-sender-attachments-image\"><div class=\"k-file-card-list k-file-card-list-scrollY css-il2rwy\"><div class=\"k-file-card-list-extension\"><div class=\"k-sender-image-add\" role=\"button\" title=\"上传图片\" aria-label=\"上传图片\"><i class=\"k-icon k-icon-add-bold k-large css-16qej3\"></i></div></div></div></div><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 20px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-middle\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: 92px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"image\"><div class=\"k-select-value c-ellipsis\">图片</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" accept=\"image/*\" multiple=\"\"></div></div>"
-```
-####   `Sender methods`
-```
-"<div class=\"sender-demo-methods\"><div class=\"sender-demo-methods-actions\"><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">focus</button><button class=\"k-btn k-small k-default k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">blur</button><button class=\"k-btn k-small k-primary css-h31bz\" tabindex=\"0\" type=\"button\">submit</button><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">clear</button><button class=\"k-btn k-small k-default k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">stopGenerate</button></div><div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-attachments k-sender-attachments-text\"><div class=\"k-file-card-list k-file-card-list-scrollY css-il2rwy\"><div class=\"k-file-card css-il2rwy k-file-card-file k-file-card-type-file k-file-card-default k-file-card-done k-file-card-deletable\"><div class=\"k-file-card-delete\" title=\"删除\"><i class=\"k-icon k-icon-close-bold css-14db6ta\" style=\"color: inherit;\"></i></div><div class=\"k-file-card-file-shell\"><div class=\"k-file-card-file-main\"><div class=\"k-file-card-file-icon k-file-card-file-icon-pdf\"><img class=\"k-file-card-file-icon-img\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_25057_14412)%22%3E%0A%3Cpath%20d%3D%22M1.6001%203.2C1.6001%201.43269%203.03279%200%204.8001%200H19.2024L30.4001%2011.1914V28.8C30.4001%2030.5673%2028.9674%2032%2027.2001%2032H4.8001C3.03279%2032%201.6001%2030.5673%201.6001%2028.8V3.2Z%22%20fill%3D%22url(%23paint0_linear_25057_14412)%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip1_25057_14412)%22%3E%0A%3Cpath%20d%3D%22M20.6223%2021.564C19.6623%2021.4929%2018.7379%2021.1373%2017.9912%2020.4973C16.5334%2020.8173%2015.1468%2021.2795%2013.7601%2021.8484C12.6579%2023.804%2011.6268%2024.7995%2010.7379%2024.7995C10.5601%2024.7995%2010.3468%2024.764%2010.2045%2024.6573C9.81343%2024.4795%209.6001%2024.0884%209.6001%2023.6973C9.6001%2023.3773%209.67121%2022.4884%2013.049%2021.0306C13.8312%2019.6084%2014.4357%2018.1506%2014.9334%2016.6218C14.5068%2015.7684%2013.5823%2013.6706%2014.2223%2012.604C14.4357%2012.2129%2014.8623%2011.9995%2015.3245%2012.0351C15.6801%2012.0351%2016.0357%2012.2129%2016.249%2012.4973C16.7112%2013.1373%2016.6757%2014.4884%2016.0712%2016.4795C16.6401%2017.5462%2017.3868%2018.5062%2018.2757%2019.324C19.0223%2019.1818%2019.769%2019.0751%2020.5157%2019.0751C22.1868%2019.1106%2022.4357%2019.8929%2022.4001%2020.3551C22.4001%2021.564%2021.2268%2021.564%2020.6223%2021.564ZM10.6668%2023.7684L10.7734%2023.7329C11.2712%2023.5551%2011.6623%2023.1995%2011.9468%2022.7373C11.4134%2022.9506%2010.9868%2023.3062%2010.6668%2023.7684ZM15.3957%2013.1018H15.289C15.2534%2013.1018%2015.1823%2013.1018%2015.1468%2013.1373C15.0045%2013.7418%2015.1112%2014.3818%2015.3601%2014.9506C15.5734%2014.3462%2015.5734%2013.7062%2015.3957%2013.1018ZM15.6445%2018.2573L15.609%2018.3284L15.5734%2018.2929C15.2534%2019.1106%2014.8979%2019.9284%2014.5068%2020.7106L14.5779%2020.6751V20.7462C15.3601%2020.4618%2016.2134%2020.2129%2016.9957%2020.0351L16.9601%2019.9995H17.0668C16.5334%2019.4662%2016.0357%2018.8618%2015.6445%2018.2573ZM20.4801%2020.1418C20.1601%2020.1418%2019.8757%2020.1418%2019.5557%2020.2129C19.9112%2020.3906%2020.2668%2020.4618%2020.6223%2020.4973C20.8712%2020.5329%2021.1201%2020.4973%2021.3334%2020.4262C21.3334%2020.3195%2021.1912%2020.1418%2020.4801%2020.1418Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20filter%3D%22url(%23filter0_f_25057_14412)%22%3E%0A%3Cpath%20d%3D%22M18.3999%200L30.3999%2012H21.5999C19.8326%2012%2018.3999%2010.5673%2018.3999%208.8V0Z%22%20fill%3D%22%23F61E22%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M19.2002%200L30.4002%2011.2H22.4002C20.6329%2011.2%2019.2002%209.76731%2019.2002%208V0Z%22%20fill%3D%22%23FCAFB0%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3Cfilter%20id%3D%22filter0_f_25057_14412%22%20x%3D%2214.3999%22%20y%3D%22-4%22%20width%3D%2220%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0A%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%0A%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22effect1_foregroundBlur_25057_14412%22%2F%3E%0A%3C%2Ffilter%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_25057_14412%22%20x1%3D%221.6001%22%20y1%3D%220%22%20x2%3D%2233.6001%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF7375%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF4447%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_25057_14412%22%3E%0A%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3CclipPath%20id%3D%22clip1_25057_14412%22%3E%0A%3Crect%20width%3D%2212.8%22%20height%3D%2212.8%22%20fill%3D%22white%22%20transform%3D%22translate(9.6001%2012)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E\" alt=\"brief.pdf\"></div><div class=\"k-file-card-file-content\"><div class=\"k-file-card-title\" title=\"brief.pdf\"><span class=\"k-file-card-title-prefix\">brief</span><span class=\"k-file-card-title-suffix\">.pdf</span></div><div class=\"k-file-card-description\"><span>128 KB</span></div></div></div></div></div></div></div><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\">帮我整理一下这份附件内容</textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" multiple=\"\"></div></div></div>"
-```
-####   `Sender pasteFile`
-```
-"<div class=\"k-sender k-sender-text css-merq82\" style=\"width: 640px;\"><div class=\"k-sender-shell\"><div class=\"k-sender-input-area\"><textarea class=\"k-sender-input\" rows=\"1\" placeholder=\"输入对话内容（Enter发送， Shift + Enter 换行）\" style=\"height: 64px; overflow-y: hidden;\"></textarea></div><div class=\"k-sender-toolbar\"><div class=\"k-sender-toolbar-left\"><button class=\"k-sender-attach-btn\" type=\"button\" title=\"上传附件\" aria-label=\"上传附件\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8.23567 3.18836L3.28591 8.13812C2.11433 9.30969 2.11433 11.2092 3.28591 12.3808C4.45747 13.5523 6.35697 13.5523 7.52854 12.3808L13.4211 6.48819C14.2021 5.70716 14.2021 4.44082 13.4211 3.65975C12.6401 2.87871 11.3737 2.87871 10.5927 3.65975L4.70014 9.55232C4.3096 9.94286 4.3096 10.576 4.70014 10.9665C5.09064 11.3571 5.7238 11.3571 6.11434 10.9665L11.0641 6.01679\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"></path></svg></button></div><div class=\"k-sender-toolbar-right\"><button class=\"k-sender-send-btn\" type=\"button\" disabled=\"\" title=\"发送\" aria-label=\"发送\"><img class=\"k-sender-send-icon\" src=\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M22.3337%209.6666L17.9003%2022.3333L16.0003%2016L9.667%2014.1L22.3337%209.6666Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300DDDD%22%2F%3E%3Cstop%20offset%3D%220.538462%22%20stop-color%3D%22%235370FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\" alt=\"\" draggable=\"false\"></button></div></div><!-- 放末尾，避免挡住 attachments + input-area 等相邻选择器，且 absolute 不影响布局 --><input class=\"k-sender-file-input\" type=\"file\" accept=\"image/*\" multiple=\"\"></div></div>"
-```
 ## `think`
 ####   `Think basic`

package/components/bubble/bubble.d.ts CHANGED Viewed

@@ -3,6 +3,9 @@ import type { Events } from '../types';
 export interface BubbleTyping {
     interval?: number;
     step?: number;
+    suffix?: boolean;
+    keepPrefix?: boolean;
+    resumeFrom?: string | number | 'content';
 }
 export interface BubbleRenderSlots {
     avatar?: Function;

package/components/bubble/bubble.vdt.js CHANGED Viewed

@@ -7,6 +7,9 @@ import { makeStyles } from './styles';
 var _$tmp0 = {
   'className': 'ion-person'
 };
+var _$tmp1 = {
+  'aria-hidden': 'true'
+};
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
   $blocks || ($blocks = {});
@@ -21,7 +24,8 @@ export default function ($props, $blocks, $__proto__) {
     getRoleNameText = _this$display.getRoleNameText,
     getAvatarText = _this$display.getAvatarText,
     hasNonEmptyContentProp = _this$display.hasNonEmptyContentProp,
-    getDisplayedContent = _this$display.getDisplayedContent;
+    getDisplayedContent = _this$display.getDisplayedContent,
+    shouldShowTypingSuffix = _this$display.shouldShowTypingSuffix;
   var _this$get = this.get(),
     className = _this$get.className,
     placement = _this$get.placement,
@@ -78,7 +82,7 @@ export default function ($props, $blocks, $__proto__) {
   }, getRestProps(this)), _$ce(2, 'div', [showMeta ? _$ce(2, 'div', [showAvatar ? _$ce(2, 'div', hasAvatarSlot ? avatarSlot : typeof avatar === 'string' && avatar ? _$ce(2, 'img', null, 1, _$cn(k + "-bubble-avatar-image"), {
     'src': avatar,
     'alt': getRoleNameText() || 'avatar'
-  }) : getAvatarText() ? _$ce(2, 'span', getAvatarText(), 0) : _$cc(Icon, _$tmp0), 0, _$cn(k + "-bubble-avatar")) : undefined, showHeader ? _$ce(2, 'div', hasRoleNameSlot ? roleNameSlot : _$ce(2, 'span', getRoleNameText(), 0), 0, _$cn(k + "-bubble-header")) : undefined], 0, _$cn(k + "-bubble-meta")) : undefined, showBeforeContent ? _$ce(2, 'div', beforeContentSlot, 0, _$cn(k + "-bubble-before-content")) : undefined, showContent ? _$ce(2, 'div', [showAttachments ? _$ce(2, 'div', attachmentsSlot, 0, _$cn(k + "-bubble-attachments")) : undefined, showLoadingShell ? hasLoadingSlot ? loadingSlot : _$ce(2, 'div', [_$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot")), _$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot")), _$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot"))], 4, _$cn(k + "-bubble-loading")) : hasContentSlot ? contentSlot : children ? children : hasNonEmptyContentProp() || getDisplayedContent() ? _$ce(2, 'div', getDisplayedContent(), 0, _$cn(k + "-bubble-text")) : undefined, hasBottomSlot ? _$ce(2, 'div', bottomSlot, 0, _$cn(k + "-bubble-bottom")) : undefined], 0, _$cn(k + "-bubble-content")) : undefined, showFooter ? _$ce(2, 'div', footerSlot, 0, _$cn(k + "-bubble-footer")) : undefined, hasExtraSlot ? _$ce(2, 'div', extraSlot, 0, _$cn(k + "-bubble-extra")) : undefined], 0, _$cn(k + "-bubble-main"), {
+  }) : getAvatarText() ? _$ce(2, 'span', getAvatarText(), 0) : _$cc(Icon, _$tmp0), 0, _$cn(k + "-bubble-avatar")) : undefined, showHeader ? _$ce(2, 'div', hasRoleNameSlot ? roleNameSlot : _$ce(2, 'span', getRoleNameText(), 0), 0, _$cn(k + "-bubble-header")) : undefined], 0, _$cn(k + "-bubble-meta")) : undefined, showBeforeContent ? _$ce(2, 'div', beforeContentSlot, 0, _$cn(k + "-bubble-before-content")) : undefined, showContent ? _$ce(2, 'div', [showAttachments ? _$ce(2, 'div', attachmentsSlot, 0, _$cn(k + "-bubble-attachments")) : undefined, showLoadingShell ? hasLoadingSlot ? loadingSlot : _$ce(2, 'div', [_$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot")), _$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot")), _$ce(2, 'span', null, 1, _$cn(k + "-bubble-loading-dot"))], 4, _$cn(k + "-bubble-loading")) : hasContentSlot ? contentSlot : children ? children : hasNonEmptyContentProp() || getDisplayedContent() ? _$ce(2, 'div', getDisplayedContent(), 0, _$cn(k + "-bubble-text")) : undefined, shouldShowTypingSuffix() ? _$ce(2, 'div', [_$ce(2, 'span'), _$ce(2, 'span'), _$ce(2, 'span')], 4, _$cn(k + "-bubble-typing-suffix"), _$tmp1) : undefined, hasBottomSlot ? _$ce(2, 'div', bottomSlot, 0, _$cn(k + "-bubble-bottom")) : undefined], 0, _$cn(k + "-bubble-content")) : undefined, showFooter ? _$ce(2, 'div', footerSlot, 0, _$cn(k + "-bubble-footer")) : undefined, hasExtraSlot ? _$ce(2, 'div', extraSlot, 0, _$cn(k + "-bubble-extra")) : undefined], 0, _$cn(k + "-bubble-main"), {
     'style': getBubbleStyle()
   })) : undefined;
 }