@topthink/chat 1.0.17 → 1.0.19

package/es/index.js

@@ -1,4 +1,4 @@
-import*as e from"react";import{useCallback as r,useState as t,useImperativeHandle as o,memo as n,useMemo as i,useRef as a,createContext as s,useContext as l,Fragment as c,useEffect as d}from"react";import{useImmer as m,request as h,isRequestError as p,Lightbox as u,styled as g,Clipboard as f,css as b,formatSize as v,Tooltip as x,useAsync as y,isImageUrl as k,getAbsoluteUrl as w}from"@topthink/components";import{jsx as j,jsxs as N,Fragment as z}from"react/jsx-runtime";import $ from"react-markdown";import"katex/dist/katex.min.css";import M from"remark-math";import E from"remark-breaks";import q from"remark-gfm";import C from"rehype-katex";import F from"rehype-highlight";import{Spinner as R}from"react-bootstrap";import*as _ from"path";import O from"path";import T from"react-textarea-autosize";import D from"use-resize-observer";function A(e){let{url:n,transformRequest:i,onboarding:a,onSuccess:s,ref:l,...c}=e;const d=r((e=>{const r=[];if(a){let e=a.questions.filter((e=>!!e.trim()));if(e.length>3){const r=[...e];let t=e.length-3;for(;t--;){let e=Math.floor(Math.random()*r.length);r.splice(e,1)}e=r}r.push({chunks:[{content:[a.prologue,...e.map((e=>`[${e}](#!question)`))].join("\n"),tools:[]}]})}return e?r.concat(e.messages):r}),[a]),[u,g]=m((()=>d(c.conversation))),[f,b]=t(!1),[v,x]=t(c.conversation?.id),y=r((async function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(e||r.length>0){b(!0),g((t=>{t.push({query:e,files:r,chunks:[],loading:!0})}));try{await h({method:"post",url:n,data:{query:e,files:r,conversation:v},transformRequest:i,onMessage:e=>{if(e.data)if("[DONE]"!=e.data)try{const r=JSON.parse(e.data);r.conversation?x(r.conversation):g((e=>{const t=e[e.length-1];if(t.chunks)if(r.chunks){const e=r.chunks.index;if(t.chunks[e]||(t.chunks[e]={content:"",tools:[]}),r.chunks.error)t.chunks[e].error=r.chunks.error;else if(r.chunks.tools){const o=r.chunks.tools.index;"response"in r.chunks.tools?(t.chunks[e].tools[o].response=r.chunks.tools.response,t.chunks[e].tools[o].error=r.chunks.tools.error,t.chunks[e].tools[o].content=r.chunks.tools.content):t.chunks[e].tools[o]={name:r.chunks.tools.name,title:r.chunks.tools.title,arguments:r.chunks.tools.arguments}}else r.chunks.content&&(t.chunks[e].content+=r.chunks.content)}else r.stats&&(t.stats=r.stats)}))}catch(e){console.error(e)}else g((e=>{e[e.length-1].loading=!1}))}})}catch(e){let r="未知错误";p(e)&&(r=401==e.response?.status?"未授权或授权已过期，请刷新页面后重试":"string"==typeof e.errors?e.errors:Object.values(e.errors).join("\n")),g((e=>{const t=e[e.length-1];t.chunks&&(0===t.chunks.length?t.chunks=[{content:`[${r}]`,tools:[]}]:t.chunks[t.chunks.length-1].content=`[${r}]`),t.loading=!1}))}b(!1),s?.()}}),[i,v]),k=r((e=>{f||(x(e?.id),g(d(e)))}),[f,d]);return o(l,(()=>({reset:k,send:y}))),{messages:u,loading:f,send:y,reset:k}}const L=u.Image,P={pre:e=>{let{children:r}=e;const t=a(null);return N(H,{ref:t,children:[j(I,{tooltip:!1,content:()=>{const e=t.current?.getElementsByTagName("code");return e?.[0]?.innerText||""}}),r]})},a:e=>{let{node:r,href:t,...o}=e;const n=t?.startsWith("http")?"_blank":"_self";return j("a",{...o,href:t,target:n})},img:e=>{let{node:r,...t}=e;return j(L,{...t})}},S=[[M,{singleDollarTextMath:!1}],q,E],B=[C,[F,{detect:!1,ignoreMissing:!0}]],U=n((e=>{let{content:r,components:t}=e;return r=r.replace(/\\\(\s(.+?)\s\\\)/g,"$$$$ $1 $$$$"),j(K,{remarkPlugins:S,rehypePlugins:B,components:i((()=>({...P,...t})),[t]),children:r})})),I=g(f)`
+import*as e from"react";import{useCallback as r,useState as t,useImperativeHandle as o,memo as n,useMemo as i,useRef as a,createContext as s,useContext as l,Fragment as c,useEffect as d}from"react";import{useImmer as m,request as h,isRequestError as p,Lightbox as u,styled as g,Clipboard as f,css as b,formatSize as v,Tooltip as x,useAsync as y,isImageUrl as k}from"@topthink/components";import{jsx as w,jsxs as j,Fragment as N}from"react/jsx-runtime";import z from"react-markdown";import"katex/dist/katex.min.css";import $ from"remark-math";import M from"remark-breaks";import E from"remark-gfm";import q from"rehype-katex";import C from"rehype-highlight";import{Spinner as F}from"react-bootstrap";import*as R from"path";import _ from"path";import O from"react-textarea-autosize";import T from"use-resize-observer";function D(e){if((e=e.filter((e=>!!e.trim()))).length>3){const r=[...e];let t=e.length-3;for(;t--;){let e=Math.floor(Math.random()*r.length);r.splice(e,1)}e=r}return e}function A(e){let{url:n,transformRequest:i,onboarding:a,onSuccess:s,ref:l,...c}=e;const d=r((e=>{const r=[];if(a&&!1!==a.enable&&a.prologue){const e=D(a.questions);r.push({chunks:[{content:[a.prologue,...e.map((e=>`[${e}](#!question)`))].join("\n"),tools:[]}]})}return e?r.concat(e.messages):r}),[a]),[u,g]=m((()=>d(c.conversation))),[f,b]=t(!1),[v,x]=t(c.conversation?.id),y=r((async function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(e||r.length>0){b(!0),g((t=>{t.push({query:e,files:r,chunks:[],loading:!0})}));try{await h({method:"post",url:n,data:{query:e,files:r,conversation:v},transformRequest:i,onMessage:e=>{if(e.data)if("[DONE]"!=e.data)try{const r=JSON.parse(e.data);r.conversation?x(r.conversation):g((e=>{const t=e[e.length-1];if(t.chunks)if(r.chunks){const e=r.chunks.index;if(t.chunks[e]||(t.chunks[e]={content:"",tools:[]}),r.chunks.error)t.chunks[e].error=r.chunks.error;else if(r.chunks.tools){const o=r.chunks.tools.index;"response"in r.chunks.tools?(t.chunks[e].tools[o].response=r.chunks.tools.response,t.chunks[e].tools[o].error=r.chunks.tools.error,t.chunks[e].tools[o].content=r.chunks.tools.content):t.chunks[e].tools[o]={name:r.chunks.tools.name,title:r.chunks.tools.title,arguments:r.chunks.tools.arguments}}else r.chunks.content&&(t.chunks[e].content+=r.chunks.content)}else r.stats&&(t.stats=r.stats)}))}catch(e){console.error(e)}else g((e=>{e[e.length-1].loading=!1}))}})}catch(e){let r="未知错误";p(e)&&(r=401==e.response?.status?"未授权或授权已过期，请刷新页面后重试":"string"==typeof e.errors?e.errors:Object.values(e.errors).join("\n")),g((e=>{const t=e[e.length-1];t.chunks&&(0===t.chunks.length?t.chunks=[{content:`[${r}]`,tools:[]}]:t.chunks[t.chunks.length-1].content=`[${r}]`),t.loading=!1}))}b(!1),s?.()}}),[i,v]),k=r((e=>{f||(x(e?.id),g(d(e)))}),[f,d]);return o(l,(()=>({reset:k,send:y}))),{messages:u,loading:f,send:y,reset:k}}const L=u.Image,P={pre:e=>{let{children:r}=e;const t=a(null);return j(H,{ref:t,children:[w(I,{tooltip:!1,content:()=>{const e=t.current?.getElementsByTagName("code");return e?.[0]?.innerText||""}}),r]})},a:e=>{let{node:r,href:t,...o}=e;const n=t?.startsWith("http")?"_blank":"_self";return w("a",{...o,href:t,target:n})},img:e=>{let{node:r,...t}=e;return w(L,{...t})}},S=[[$,{singleDollarTextMath:!1}],E,M],B=[q,[C,{detect:!1,ignoreMissing:!0}]],U=n((e=>{let{content:r,components:t}=e;return r=r.replace(/\\\(\s(.+?)\s\\\)/g,"$$$$ $1 $$$$"),w(K,{remarkPlugins:S,rehypePlugins:B,components:i((()=>({...P,...t})),[t]),children:r})})),I=g(f)`
     position: absolute;
     right: 10px;
     top: 1em;
@@ -28,7 +28,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
             opacity: 0.5;
         }
     }
-`,K=g($)`
+`,K=g(z)`
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     line-height: 1.8;
@@ -298,7 +298,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
     .hljs-strong {
         font-weight: 700;
     }
-`,X=s(null);function J(){const e=l(X);if(!e)throw new Error("useContext must be used within a Provider");return e}function W(e){let{children:r,...t}=e;return j(X.Provider,{value:t,children:r})}const G=u.Image;function Q(e){let{src:r,...t}=e;const{imageResolver:o}=J();return o&&r&&(r=o(r)),j(V,{children:j(G,{src:r,...t})})}const V=g.div`
+`,X=s(null);function J(){const e=l(X);if(!e)throw new Error("useContext must be used within a Provider");return e}function W(e){let{children:r,...t}=e;return w(X.Provider,{value:t,children:r})}const G=u.Image;function Q(e){let{src:r,...t}=e;const{imageResolver:o}=J();return o&&r&&(r=o(r)),w(V,{children:w(G,{src:r,...t})})}const V=g.div`
     margin-bottom: .5rem;
     margin-top: .5rem;
     border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
@@ -323,9 +323,9 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
         max-height: 100%;
         max-width: 100%;
     }
-`;function Y(e){let{tool:r}=e;const[o,n]=t(!1),{logLevel:i="none"}=J();let a=null;r.content&&("string"==typeof r.content?a=j(U,{content:r.content}):"image"===r.content.type&&(a=j(Q,{src:r.content.image})));const s="response"in r;return N(c,{children:["stats"==i&&j("div",{className:"mb-2",children:N("div",{role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[s?r.error?j("i",{className:"bi bi-x-circle-fill text-danger"}):j("i",{className:"bi bi-check-circle-fill text-success"}):j(R,{animation:"border",variant:"primary",size:"sm"}),j("span",{className:"text-muted",children:s?"已使用":"正在使用"}),j("span",{children:r.title})]})}),"all"==i&&j("div",{className:"mb-2",children:N("div",o&&s?{className:"shadow-sm rounded bg-white fs-7",children:[N("div",{onClick:()=>n(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[r.error?j("i",{className:"bi bi-x-circle-fill text-danger"}):j("i",{className:"bi bi-check-circle-fill text-success"}),j("span",{className:"text-muted",children:"已使用"}),j("span",{children:r.title}),j("i",{className:"bi bi-caret-up-fill text-muted"})]}),N("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[N("div",{className:"border rounded bg-light",children:[j("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:j("span",{className:"text-muted",children:"参数"})}),j("div",{className:"border-top p-2 overflow-hidden",children:r.arguments})]}),N("div",{className:"border rounded bg-light",children:[j("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:j("span",{className:"text-muted",children:"响应"})}),j(Z,{className:"border-top p-2 overflow-hidden",children:r.response||"None"})]})]})]}:{onClick:()=>n(s),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[s?r.error?j("i",{className:"bi bi-x-circle-fill text-danger"}):j("i",{className:"bi bi-check-circle-fill text-success"}):j(R,{animation:"border",variant:"primary",size:"sm"}),j("span",{className:"text-muted",children:s?"已使用":"正在使用"}),j("span",{children:r.title}),s&&j("i",{className:"bi bi-caret-down-fill text-muted"})]})}),a]})}const Z=g.div`
+`;function Y(e){let{tool:r}=e;const[o,n]=t(!1),{logLevel:i="none"}=J();let a=null;r.content&&("string"==typeof r.content?a=w(U,{content:r.content}):"image"===r.content.type&&(a=w(Q,{src:r.content.image})));const s="response"in r;return j(c,{children:["stats"==i&&w("div",{className:"mb-2",children:j("div",{role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[s?r.error?w("i",{className:"bi bi-x-circle-fill text-danger"}):w("i",{className:"bi bi-check-circle-fill text-success"}):w(F,{animation:"border",variant:"primary",size:"sm"}),w("span",{className:"text-muted",children:s?"已使用":"正在使用"}),w("span",{children:r.title})]})}),"all"==i&&w("div",{className:"mb-2",children:j("div",o&&s?{className:"shadow-sm rounded bg-white fs-7",children:[j("div",{onClick:()=>n(!1),role:"button",className:"d-flex align-items-center p-1 px-2 gap-2",children:[r.error?w("i",{className:"bi bi-x-circle-fill text-danger"}):w("i",{className:"bi bi-check-circle-fill text-success"}),w("span",{className:"text-muted",children:"已使用"}),w("span",{children:r.title}),w("i",{className:"bi bi-caret-up-fill text-muted"})]}),j("div",{className:"border-top p-2 d-flex flex-column gap-2",children:[j("div",{className:"border rounded bg-light",children:[w("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:w("span",{className:"text-muted",children:"参数"})}),w("div",{className:"border-top p-2 overflow-hidden",children:r.arguments})]}),j("div",{className:"border rounded bg-light",children:[w("div",{className:"d-flex align-items-center p-1 px-2 fs-7 gap-2",children:w("span",{className:"text-muted",children:"响应"})}),w(Z,{className:"border-top p-2 overflow-hidden",children:r.response||"None"})]})]})]}:{onClick:()=>n(s),role:"button",className:"d-inline-flex align-items-center shadow-sm rounded bg-white p-1 px-2 fs-7 gap-2",children:[s?r.error?w("i",{className:"bi bi-x-circle-fill text-danger"}):w("i",{className:"bi bi-check-circle-fill text-success"}):w(F,{animation:"border",variant:"primary",size:"sm"}),w("span",{className:"text-muted",children:s?"已使用":"正在使用"}),w("span",{children:r.title}),s&&w("i",{className:"bi bi-caret-down-fill text-muted"})]})}),a]})}const Z=g.div`
     white-space: pre-wrap;
-`;var ee,re,te;function oe(){return oe=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},oe.apply(this,arguments)}const ne=r=>e.createElement("svg",oe({xmlns:"http://www.w3.org/2000/svg",width:20,height:10,fill:"#fff",viewBox:"0 0 120 30"},r),ee||(ee=e.createElement("circle",{cx:15,cy:15,r:15,fill:"#3c60ff"},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))),re||(re=e.createElement("circle",{cx:60,cy:15,r:9,fill:"#3c60ff",fillOpacity:.3},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:9,repeatCount:"indefinite",to:9,values:"9;15;9"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:.5,repeatCount:"indefinite",to:.5,values:".5;1;.5"}))),te||(te=e.createElement("circle",{cx:105,cy:15,r:15,fill:"#3c60ff"},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))));const ie=function(e){let{ext:r}=e;const{result:t}=y((async e=>(await function(e){switch(e){case"../../images/file/docx.svg":return import("./docx-nWXnlyT_.js");case"../../images/file/jpg.svg":return import("./jpg-6tBxSzWk.js");case"../../images/file/md.svg":return import("./md-GZ3HJPcw.js");case"../../images/file/pdf.svg":return import("./pdf-pVX1_E6T.js");case"../../images/file/png.svg":return import("./png-u0o1NMqQ.js");case"../../images/file/pptx.svg":return import("./pptx-Hprz0cON.js");case"../../images/file/txt.svg":return import("./txt-eHeCpvNO.js");case"../../images/file/xlsx.svg":return import("./xlsx-uOft-SV2.js");default:return new Promise((function(r,t){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(t.bind(null,new Error("Unknown variable dynamic import: "+e)))}))}}(`../../images/file/${e}.svg`)).default),[r]);return t?j("img",{width:30,height:30,src:t}):null};function ae(e){let{className:r,name:t,size:o,loading:n,error:i,onRemove:a}=e;const s=O.extname(t).substring(1),l=N(de,{className:r,$error:!!i,children:[N(ce,{children:[j(ie,{ext:s}),n&&j(R,{variant:"primary"})]}),N(le,{children:[j("h4",{children:t}),j("p",{children:v(o,1)})]}),a&&j(se,{onClick:e=>{e.preventDefault(),a()},children:j("i",{className:"bi bi-trash3"})})]});return i?j(x,{placement:"top",tooltip:i,children:l}):l}const se=g.div`
+`;var ee,re,te;function oe(){return oe=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},oe.apply(this,arguments)}const ne=r=>e.createElement("svg",oe({xmlns:"http://www.w3.org/2000/svg",width:20,height:10,fill:"#fff",viewBox:"0 0 120 30"},r),ee||(ee=e.createElement("circle",{cx:15,cy:15,r:15,fill:"#3c60ff"},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))),re||(re=e.createElement("circle",{cx:60,cy:15,r:9,fill:"#3c60ff",fillOpacity:.3},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:9,repeatCount:"indefinite",to:9,values:"9;15;9"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:.5,repeatCount:"indefinite",to:.5,values:".5;1;.5"}))),te||(te=e.createElement("circle",{cx:105,cy:15,r:15,fill:"#3c60ff"},e.createElement("animate",{attributeName:"r",begin:"0s",calcMode:"linear",dur:"0.8s",from:15,repeatCount:"indefinite",to:15,values:"15;9;15"}),e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",calcMode:"linear",dur:"0.8s",from:1,repeatCount:"indefinite",to:1,values:"1;.5;1"}))));const ie=function(e){let{ext:r}=e;const{result:t}=y((async e=>(await function(e){switch(e){case"../../images/file/docx.svg":return import("./docx-nWXnlyT_.js");case"../../images/file/jpg.svg":return import("./jpg-6tBxSzWk.js");case"../../images/file/md.svg":return import("./md-GZ3HJPcw.js");case"../../images/file/pdf.svg":return import("./pdf-pVX1_E6T.js");case"../../images/file/png.svg":return import("./png-u0o1NMqQ.js");case"../../images/file/pptx.svg":return import("./pptx-Hprz0cON.js");case"../../images/file/txt.svg":return import("./txt-eHeCpvNO.js");case"../../images/file/xlsx.svg":return import("./xlsx-uOft-SV2.js");default:return new Promise((function(r,t){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(t.bind(null,new Error("Unknown variable dynamic import: "+e)))}))}}(`../../images/file/${e}.svg`)).default),[r]);return t?w("img",{width:30,height:30,src:t}):null};function ae(e){let{className:r,name:t,size:o,loading:n,error:i,onRemove:a}=e;const s=_.extname(t).substring(1),l=j(de,{className:r,$error:!!i,children:[j(ce,{children:[w(ie,{ext:s}),n&&w(F,{variant:"primary"})]}),j(le,{children:[w("h4",{children:t}),w("p",{children:v(o,1)})]}),a&&w(se,{onClick:e=>{e.preventDefault(),a()},children:w("i",{className:"bi bi-trash3"})})]});return i?w(x,{placement:"top",tooltip:i,children:l}):l}const se=g.div`
     width: 1.75rem;
     height: 1.75rem;
     align-items: center;
@@ -391,7 +391,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
     ${e=>e.$error&&b`
         border-color: var(--bs-danger) !important;
     `}
-`,me=n((e=>{let{message:r}=e;const{query:t,files:o=[],chunks:n}=r,{user:i,bot:a,logLevel:s="none"}=J();return N(z,{children:[(t||o.length>0)&&N(ve,{$reverse:!0,children:[i&&j(fe,{children:j("img",{src:i.avatar})}),N(be,{children:[t&&j(U,{content:t}),o.length>0&&o.map(((e,r)=>{let{name:t,size:o,path:n}=e;return k(n)?j(Q,{src:w(`/uploads/${n}`)},r):j(he,{children:j(ae,{name:t,size:o})},r)}))]})]}),n&&N(ve,{children:[j(fe,{children:j("img",{src:a.avatar})}),N(be,{children:[r.query&&j(ue,{children:j(f,{placement:"top",content:n.reduce((function(e,r){return e+r.content+"\n"+r.tools.reduce(((e,r)=>r.content&&"string"==typeof r.content?e+r.content+"\n":e),"")}),""),as:pe})}),j(ge,{children:["stats","all"].includes(s)&&r.stats&&N(z,{children:[N("span",{children:["耗时 ",r.stats.latency/1e3," 秒"]}),N("span",{children:["花费 Token ",r.stats.usage]})]})}),n.length>0&&n.map(((e,r)=>N(c,{children:[e.content&&j(U,{content:e.content}),e.tools.map(((e,r)=>j(Y,{tool:e},r))),e.error&&j(U,{content:`[${e.error}]`})]},r))),r.loading&&j(ne,{})]})]})]})})),he=g.div`
+`,me=n((e=>{let{message:r}=e;const{query:t,files:o=[],chunks:n}=r,{user:i,bot:a,logLevel:s="none"}=J();return j(N,{children:[(t||o.length>0)&&j(ve,{$reverse:!0,children:[i&&w(fe,{children:w("img",{src:i.avatar})}),j(be,{children:[t&&w(U,{content:t}),o.length>0&&o.map(((e,r)=>{let{name:t,size:o,path:n}=e;return k(n)?w(Q,{src:`/uploads/${n}`},r):w(he,{children:w(ae,{name:t,size:o})},r)}))]})]}),n&&j(ve,{children:[w(fe,{children:w("img",{src:a.avatar})}),j(be,{children:[r.query&&w(ue,{children:w(f,{placement:"top",content:n.reduce((function(e,r){return e+r.content+"\n"+r.tools.reduce(((e,r)=>r.content&&"string"==typeof r.content?e+r.content+"\n":e),"")}),""),as:pe})}),w(ge,{children:["stats","all"].includes(s)&&r.stats&&j(N,{children:[j("span",{children:["耗时 ",r.stats.latency/1e3," 秒"]}),j("span",{children:["花费 Token ",r.stats.usage]})]})}),n.length>0&&n.map(((e,r)=>j(c,{children:[e.content&&w(U,{content:e.content}),e.tools.map(((e,r)=>w(Y,{tool:e},r))),e.error&&w(U,{content:`[${e.error}]`})]},r))),r.loading&&w(ne,{})]})]})]})})),he=g.div`
     width: 100%;
     margin-bottom: .5rem;
     margin-top: .5rem;
@@ -504,7 +504,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
             }
         }
     `};
-`,xe=[".txt",".md",".pdf",".docx",".xlsx",".pptx",".png",".jpg"];function ye(e){let{chat:o,fileTypes:n,scrollRef:i,onMessages:s,minRows:l,toolbar:c}=e;const u=a(null),g=a(null),[f,b]=t(""),[v,y]=m([]),[k,w]=t(!1),z=n&&n.length>0?n:xe,{loading:$,messages:M,send:E}=A({...o,onSuccess(){requestAnimationFrame((()=>{u.current?.focus()})),o.onSuccess?.()}});d((()=>{s(M)}),[M]),d((()=>{!n&&v.length>0&&y([])}),[n]),d((()=>{const e=i.current;if(e&&E){const r=e=>{e.target instanceof HTMLAnchorElement&&"#!question"===e.target.hash&&(e.preventDefault(),E(e.target.text))};return e.addEventListener("click",r),()=>{e.removeEventListener("click",r)}}}),[i,E]);const q=r((e=>{let{target:r}=e;if(r.files){const e=Array.from(r.files).filter((e=>!!z.includes(_.extname(e.name))&&(!(e.size>20971520)&&e))).slice(0,6-v.length);y((r=>{r.push(...e.map((e=>({file:e}))))})),e.forEach((async e=>{try{const r=new FormData;r.set("file",e);const t=await h({method:"POST",url:`${o.url}/upload`,transformRequest:o.transformRequest,data:r});y((r=>{const o=r.find((r=>r.file===e));o&&(o.path=t.path)}))}catch(r){const t=p(r)?r.message:"unknown error";y((r=>{const o=r.find((r=>r.file===e));o&&(o.error=t)}))}}))}r.value=""}),[v,z]),C=v.flatMap((e=>{let{file:r,path:t}=e;return t?[{name:r.name,size:r.size,path:t}]:[]})),F=()=>{(f||C.length>0)&&(E(f,C),b(""),y([]))};return N($e,{children:[c,N(ze,{$focused:k&&!$,children:[v.length>0&&j(we,{children:v.map(((e,r)=>{let{file:t,error:o,path:n}=e;const i=void 0===o&&void 0===n;return j(ke,{name:t.name,size:t.size,error:o,loading:i,onRemove:()=>{y((e=>{const r=e.findIndex((e=>e.file===t));-1!==r&&e.splice(r,1)}))}},r)}))}),N(Ne,{children:[j(T,{disabled:$,ref:u,placeholder:"请输入你的问题, Enter+Shift换行, Enter发送",minRows:l,maxRows:5,value:f,onChange:e=>b(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),F())},onFocus:()=>w(!0),onBlur:()=>w(!1)}),n&&j(x,{tooltip:"可上传不超过6个小于20MB的文件",placement:"top",children:N(je,{disabled:v.length>=6,onClick:()=>g.current?.click(),children:[j("input",{onChange:q,multiple:!0,accept:z.join(","),ref:g,type:"file",hidden:!0}),j("i",{className:"bi bi-file-earmark-arrow-up"})]})}),j(je,{className:"text-primary",disabled:!f&&0===C.length,onClick:e=>{e.preventDefault(),F()},children:j("i",{className:"bi bi-send-fill"})})]})]})]})}const ke=g(ae)`
+`,xe=[".txt",".md",".pdf",".docx",".xlsx",".pptx",".png",".jpg"];function ye(e){let{chat:o,fileTypes:n,scrollRef:i,onMessages:s,minRows:l,toolbar:c,disabled:u}=e;const g=a(null),f=a(null),[b,v]=t(""),[y,k]=m([]),[N,z]=t(!1),$=n&&n.length>0?n:xe,{loading:M,messages:E,send:q}=A({...o,onSuccess(){requestAnimationFrame((()=>{g.current?.focus()})),o.onSuccess?.()}});d((()=>{s(E)}),[E]),d((()=>{!n&&y.length>0&&k([])}),[n]),d((()=>{const e=i.current;if(e&&q){const r=e=>{e.target instanceof HTMLAnchorElement&&"#!question"===e.target.hash&&(e.preventDefault(),q(e.target.text))};return e.addEventListener("click",r),()=>{e.removeEventListener("click",r)}}}),[i,q]);const C=r((e=>{let{target:r}=e;if(r.files){const e=Array.from(r.files).filter((e=>!!$.includes(R.extname(e.name))&&(!(e.size>20971520)&&e))).slice(0,6-y.length);k((r=>{r.push(...e.map((e=>({file:e}))))})),e.forEach((async e=>{try{const r=new FormData;r.set("file",e);const t=await h({method:"POST",url:`${o.url}/upload`,transformRequest:o.transformRequest,data:r});k((r=>{const o=r.find((r=>r.file===e));o&&(o.path=t.path)}))}catch(r){const t=p(r)?r.message:"unknown error";k((r=>{const o=r.find((r=>r.file===e));o&&(o.error=t)}))}}))}r.value=""}),[y,$]),F=y.flatMap((e=>{let{file:r,path:t}=e;return t?[{name:r.name,size:r.size,path:t}]:[]})),_=()=>{(b||F.length>0)&&(q(b,F),v(""),k([]))};return j($e,{children:[c,j(ze,{$focused:N&&!M,children:[y.length>0&&w(we,{children:y.map(((e,r)=>{let{file:t,error:o,path:n}=e;const i=void 0===o&&void 0===n;return w(ke,{name:t.name,size:t.size,error:o,loading:i,onRemove:()=>{k((e=>{const r=e.findIndex((e=>e.file===t));-1!==r&&e.splice(r,1)}))}},r)}))}),j(Ne,{children:[w(O,{disabled:M||u,ref:g,placeholder:"请输入你的问题, Enter+Shift换行, Enter发送",minRows:l,maxRows:5,value:b,onChange:e=>v(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),_())},onFocus:()=>z(!0),onBlur:()=>z(!1)}),n&&w(x,{tooltip:"可上传不超过6个小于20MB的文件",placement:"top",children:j(je,{disabled:y.length>=6,onClick:()=>f.current?.click(),children:[w("input",{onChange:C,multiple:!0,accept:$.join(","),ref:f,type:"file",hidden:!0}),w("i",{className:"bi bi-file-earmark-arrow-up"})]})}),w(je,{className:"text-primary",disabled:!b&&0===F.length,onClick:e=>{e.preventDefault(),_()},children:w("i",{className:"bi bi-send-fill"})})]})]})]})}const ke=g(ae)`
     width: calc((100% - .75rem) / 2);
 `,we=g.div`
     display: flex;
@@ -558,7 +558,7 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
     box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
 `,$e=g.div`
     margin: 0 1rem 1rem;
-`;function Me(e){let{className:o,bot:n,user:i,input:s,logLevel:l,imageResolver:c,...m}=e;const[h,p]=t(m.messages||[]),g=a(null),f=r((()=>{const e=g.current;e&&requestAnimationFrame((()=>{e.scrollTo({top:e.scrollHeight})}))}),[]),{ref:b,height:v}=D();return d((()=>{f()}),[v]),j(W,{bot:n,user:i,logLevel:l,imageResolver:c,children:j(Ce,{className:o,children:N(u,{children:[j(Ee,{ref:g,children:j(qe,{ref:b,children:h.map(((e,r)=>j(me,{message:e},r)))})}),s&&j(ye,{onMessages:p,scrollRef:g,...s})]})})})}const Ee=g.div`
+`;function Me(e){let{className:o,bot:n,user:i,input:s,logLevel:l,imageResolver:c,placeholder:m,...h}=e;const[p,g]=t(h.messages||[]),f=a(null),b=r((()=>{const e=f.current;e&&requestAnimationFrame((()=>{e.scrollTo({top:e.scrollHeight})}))}),[]),{ref:v,height:x}=T();return d((()=>{b()}),[x]),w(W,{bot:n,user:i,logLevel:l,imageResolver:c,children:w(Ce,{className:o,children:j(u,{children:[w(Ee,{ref:f,children:j(qe,{ref:v,children:[0===p.length&&m,p.map(((e,r)=>w(me,{message:e},r)))]})}),s&&w(ye,{onMessages:g,scrollRef:f,...s})]})})})}const Ee=g.div`
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -573,4 +573,4 @@ import*as e from"react";import{useCallback as r,useState as t,useImperativeHandl
     display: flex;
     flex-direction: column;
     height: 100%;
-`;export{Me as MessageBox,A as useChat};
+`;export{Me as MessageBox,D as pickQuestions,A as useChat};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topthink/chat",
-    "version": "1.0.17",
+    "version": "1.0.19",
     "scripts": {
         "prebuild": "rimraf es types",
         "build": "rollup -c --environment NODE_ENV:production",
@@ -56,5 +56,5 @@
     },
     "author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
     "license": "MIT",
-    "gitHead": "d2d808aaac50a2d4724ffc9aaa173fe28a689e6d"
+    "gitHead": "470b6d29bbebf5e813ed0384be448ec30aa3ea92"
 }

package/types/components/message-box/index.d.ts

@@ -12,14 +12,16 @@ interface Props {
         avatar: string;
     };
     messages?: Message[];
+    placeholder?: ReactNode;
     logLevel?: LogLevel;
     imageResolver?: (url: string) => string;
     input?: {
+        disabled?: boolean;
         fileTypes?: string[];
         minRows?: number;
         chat: ChatOptions;
         toolbar?: ReactNode;
     };
 }
-export default function MessageBox({ className, bot, user, input, logLevel, imageResolver, ...props }: Props): JSX.Element;
+export default function MessageBox({ className, bot, user, input, logLevel, imageResolver, placeholder, ...props }: Props): JSX.Element;
 export {};

package/types/components/message-box/input-box.d.ts

@@ -8,6 +8,7 @@ interface Props {
     scrollRef: MutableRefObject<HTMLDivElement | null>;
     onMessages: (messages: Message[]) => void;
     toolbar?: ReactNode;
+    disabled?: boolean;
 }
-export default function ({ chat, fileTypes, scrollRef, onMessages, minRows, toolbar }: Props): JSX.Element;
+export default function ({ chat, fileTypes, scrollRef, onMessages, minRows, toolbar, disabled }: Props): JSX.Element;
 export {};

package/types/hooks/use-chat.d.ts

@@ -6,6 +6,7 @@ export interface ChatOptions {
     transformRequest?: Exclude<RequestConfig, string>['transformRequest'];
     onSuccess?: () => void;
     onboarding?: {
+        enable?: boolean;
         prologue: string;
         questions: string[];
     };

package/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './types';
 export { default as useChat } from './hooks/use-chat';
 export { default as MessageBox } from './components/message-box';
+export { default as pickQuestions } from './utils/pick-questions';

package/types/utils/pick-questions.d.ts

@@ -0,0 +1 @@
+export default function pickQuestions(questions: string[]): string[];