@bidding-group/ai-chat 1.0.1 → 1.0.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.
- package/README.md +73 -48
- package/dist/ai-chat.css +1 -1
- package/dist/ai-chat.js +443 -398
- package/dist/ai-chat.umd.cjs +2 -2
- package/dist/api/index.d.ts +21 -0
- package/dist/components/AiChat.vue.d.ts +2 -0
- package/dist/components/AiChatDrawer.vue.d.ts +2 -0
- package/dist/components/AiChatFloat.vue.d.ts +2 -0
- package/dist/components/AiChatMessage.vue.d.ts +6 -0
- package/dist/config.d.ts +3 -0
- package/dist/index.d.ts +12 -0
- package/dist/store/ai.d.ts +295 -0
- package/dist/types/index.d.ts +59 -0
- package/package.json +10 -9
package/dist/ai-chat.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@element-plus/icons-vue"),require("pinia"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","@element-plus/icons-vue","pinia","element-plus"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.AiChat={},h.Vue,h.ElementPlusIconsVue,h.Pinia,h.ElementPlus))})(this,(function(h,e,k,re,E){"use strict";let z=null;function ce(s){z=s}function j(){if(!z)throw new Error("[@cgs/ai-chat] 插件未安装，请先调用 app.use(AiChat, options)");return z}async function T(s,t,l){const r=j(),a={"Content-Type":"application/json"};r.getToken&&(a["x-access-token"]=r.getToken()),r.getTenantId&&(a["X-Tenant-Id"]=String(r.getTenantId()));const p=await fetch(`${r.baseUrl}${t}`,{method:s,headers:a,body:l!==void 0?JSON.stringify(l):void 0});if(!p.ok)throw new Error(`HTTP ${p.status}: ${t}`);const y=(await p.text()).replace(/:\s*(\d{16,})/g,':"$1"');return JSON.parse(y).data}const de=()=>T("POST","/session/create"),G=s=>T("POST","/session/page",s).then(t=>({list:t?.records??[],total:t?.total??0})),me=s=>T("GET",`/session/${s}/messages`),he=s=>T("DELETE",`/session/${s}`),ge=()=>T("GET","/usage/today");async function pe(s){const t=j(),l={"Content-Type":"application/json"};t.getToken&&(l["x-access-token"]=t.getToken()),t.getTenantId&&(l["X-Tenant-Id"]=String(t.getTenantId()));const r=await fetch(`${t.baseUrl}/chat/stream`,{method:"POST",headers:l,body:JSON.stringify(s),signal:s.signal});if(!r.ok)throw new Error(`流式请求失败: HTTP ${r.status}`);return r}const J="cgs-ai-chat-state";function fe(){try{const s=localStorage.getItem(J);return s?JSON.parse(s):{}}catch{return{}}}function ke(s){try{localStorage.setItem(J,JSON.stringify({currentSessionId:s.currentSessionId,panelWidth:s.panelWidth,isFullScreen:s.isFullScreen}))}catch{}}const K=15,W=fe(),F=re.defineStore("cgs-ai-chat",{state:()=>({visible:!1,currentSessionId:W.currentSessionId??null,sessions:[],sessionPage:1,sessionTotal:0,sessionLoadingMore:!1,messages:[],loading:!1,sending:!1,panelWidth:W.panelWidth??(typeof window<"u"?Math.max(320,Math.round(window.innerWidth*.25)):420),isFullScreen:W.isFullScreen??!1,tokenUsage:null}),actions:{toggleVisible(){this.visible=!this.visible},setVisible(s){this.visible=s},setCurrentSession(s,t=!0){this.currentSessionId=s,this._persist(),this.messages=[],s&&t&&this.loadMessages(s)},addMessage(s){this.messages.push(s)},updateLastAssistantMessage(s){for(let t=this.messages.length-1;t>=0;t--)if(this.messages[t].role==="assistant"){this.messages[t]={...this.messages[t],content:(this.messages[t].content||"")+s};break}},async loadSessions(){this.loading=!0,this.sessionPage=1;try{const s=await G({pageNum:1,pageSize:K});this.sessions=s.list,this.sessionTotal=s.total}finally{this.loading=!1}},async loadMoreSessions(){if(!(this.sessionLoadingMore||this.sessions.length>=this.sessionTotal)){this.sessionLoadingMore=!0;try{const s=this.sessionPage+1,t=await G({pageNum:s,pageSize:K});this.sessions=[...this.sessions,...t.list],this.sessionTotal=t.total,this.sessionPage=s}finally{this.sessionLoadingMore=!1}}},async loadMessages(s){this.loading=!0;try{const t=await me(s);this.currentSessionId===s&&(this.messages=t)}finally{this.loading=!1}},async createSession(){try{const s=await de();return await this.loadSessions(),s}catch(s){return console.error("[@cgs/ai-chat] 创建会话失败",s),null}},async deleteSession(s){try{await he(s),await this.loadSessions(),this.currentSessionId===s&&(this.currentSessionId=null,this.messages=[],this._persist())}catch(t){console.error("[@cgs/ai-chat] 删除会话失败",t)}},setSending(s){this.sending=s},clearMessages(){this.messages=[]},setPanelWidth(s){const l=Math.floor(window.innerWidth*.9);this.panelWidth=Math.max(320,Math.min(l,s)),this.isFullScreen=!1,this._persist()},toggleFullScreen(){this.isFullScreen=!this.isFullScreen,this._persist()},async loadTokenUsage(){try{this.tokenUsage=await ge()}catch(s){console.error("[@cgs/ai-chat] 加载 Token 用量失败",s)}},updateTokenUsage(s){this.tokenUsage&&(this.tokenUsage.usedTokens+=s,this.tokenUsage.limitTokens>0&&(this.tokenUsage.remainingTokens=Math.max(0,this.tokenUsage.limitTokens-this.tokenUsage.usedTokens),this.tokenUsage.limitReached=this.tokenUsage.remainingTokens<=0),this.tokenUsage.requestCount++)},_persist(){ke(this.$state)}},getters:{isVisible:s=>s.visible,getCurrentSessionId:s=>s.currentSessionId,getSessions:s=>s.sessions,getMessages:s=>s.messages,isLoading:s=>s.loading,isSending:s=>s.sending,sessionHasMore:s=>s.sessions.length<s.sessionTotal}}),ue=e.defineComponent({__name:"AiChatFloat",setup(s){const t=F(),l=()=>t.toggleVisible(),r=e.ref(!1),a=()=>{r.value=window.innerWidth<768},p=e.computed(()=>r.value?{position:"fixed",right:"50%",bottom:"24px",transform:"translateX(50%)",zIndex:"1000"}:{position:"fixed",right:"24px",bottom:"120px",zIndex:"9990"});return e.onMounted(()=>{a(),window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(f,y)=>{const N=e.resolveComponent("el-icon"),P=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ai-chat-float",{"is-mobile":r.value}]),style:e.normalizeStyle(p.value),onClick:l},[e.createVNode(P,{content:"AI助手",placement:"left","show-after":300},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["float-btn",{"is-active":e.unref(t).visible}])},[e.createVNode(N,{size:24},{default:e.withCtx(()=>[e.createVNode(e.unref(k.ChatDotRound))]),_:1})],2)]),_:1})],6)}}}),B=(s,t)=>{const l=s.__vccOpts||s;for(const[r,a]of t)l[r]=a;return l},R=B(ue,[["__scopeId","data-v-b3f66cd5"]]),we={class:"avatar"},_e={class:"content"},ye={key:0,class:"message-images"},Se=["src"],Ce=["innerHTML"],Ee=["innerHTML"],Ne={key:1,class:"loading-placeholder"},Te={class:"time"},Y=B(e.defineComponent({__name:"AiChatMessage",props:{message:{}},setup(s){const t=s,l=e.computed(()=>{let a=t.message.content||"";return a=a.replace(/</g,"<").replace(/>/g,">"),a=a.replace(/```(\w*)\n([\s\S]*?)```/g,'<pre class="code-block"><code>$2</code></pre>'),a=a.replace(/`([^`]+)`/g,'<code class="inline-code">$1</code>'),a=a.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),a=a.replace(/\n/g,"<br>"),a}),r=a=>a?new Date(a).toLocaleTimeString("zh-CN",{hour:"2-digit",minute:"2-digit"}):"";return(a,p)=>{const f=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["message-item",[s.message.role]])},[e.createElementVNode("div",we,[s.message.role==="assistant"?(e.openBlock(),e.createBlock(f,{key:0,size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(k.Monitor))]),_:1})):(e.openBlock(),e.createBlock(f,{key:1,size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(k.User))]),_:1}))]),e.createElementVNode("div",_e,[s.message.role==="user"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.message.images&&s.message.images.length>0?(e.openBlock(),e.createElementBlock("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.message.images,(y,N)=>(e.openBlock(),e.createElementBlock("img",{key:N,src:y,class:"message-image",alt:"图片"},null,8,Se))),128))])):e.createCommentVNode("",!0),s.message.content&&s.message.content!=="[图片]"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text",innerHTML:l.value},null,8,Ce)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.message.content?(e.openBlock(),e.createElementBlock("div",{key:0,class:"text",innerHTML:l.value},null,8,Ee)):(e.openBlock(),e.createElementBlock("div",Ne,"正在思考..."))],64)),e.createElementVNode("div",Te,e.toDisplayString(r(s.message.createTime)),1)])],2)}}}),[["__scopeId","data-v-5ed8bd4d"]]),Ve={key:0,class:"width-tooltip"},xe={class:"panel-container"},Be={class:"panel-header"},Me={class:"header-left"},be={key:0,class:"token-usage"},Ae={key:1,class:"preset-btns"},Ie={class:"header-right"},Le={class:"chat-container"},$e={key:0,class:"session-list"},ze={class:"session-header"},We=["onClick"],Fe={class:"session-title"},Re={class:"session-meta"},Ue={key:0,class:"session-load-more"},Pe={key:1,class:"session-load-more session-no-more"},De={class:"messages-area"},Oe={class:"messages-content"},He={key:0,class:"typing-indicator"},Xe={key:0,class:"pending-images"},qe={class:"image-index"},je=["src"],Ge={class:"input-area"},Je=4,Ke=.25,Ye=.38,U=B(e.defineComponent({__name:"AiChatDrawer",setup(s){const t=F();let l=new AbortController;const r=e.computed({get:()=>t.visible,set:n=>t.setVisible(n)}),a=e.computed(()=>t.panelWidth),p=e.computed(()=>t.isFullScreen),f=e.ref(!1),y=()=>{f.value=window.innerWidth<768},N=e.computed(()=>{const n={position:"fixed",top:"0",height:"100vh",zIndex:"10000",display:"flex",flexDirection:"row"};return f.value?{...n,left:"0",right:"0",width:"100%"}:p.value?{...n,right:"0",width:"100%"}:{...n,right:"0",width:`${a.value}px`}}),P=e.computed(()=>{const n=t.tokenUsage;return n?n.limitTokens===0?`${n.usedTokens} tokens`:`${n.usedTokens}/${n.limitTokens}`:""}),et=e.computed(()=>{const n=t.tokenUsage;return n?n.limitTokens===0?`今日已使用 ${n.usedTokens} tokens（不限制）`:n.limitReached?"今日配额已用完，请明天再试":`今日已使用 ${n.usedTokens}/${n.limitTokens} tokens，剩余 ${n.remainingTokens}`:""}),V=e.ref(""),x=e.ref(!1),_=e.ref([]),M=e.ref(),Z=e.ref(),b=e.ref(window.innerWidth),Q=()=>{b.value=window.innerWidth,y()},v=e.computed(()=>f.value?window.innerWidth:Math.max(320,Math.round(b.value*Ke))),ee=e.computed(()=>f.value?window.innerWidth:Math.max(420,Math.round(b.value*Ye))),D=e.computed(()=>a.value/b.value),tt=e.computed(()=>!p.value&&D.value<=.3),st=e.computed(()=>!p.value&&D.value>.3&&D.value<=.45),nt=e.computed(()=>`窄 (${v.value}px)`),ot=e.computed(()=>`宽 (${ee.value}px)`),S=e.ref(!1),A=e.ref(0),I=e.ref(0);let g=null;const at=n=>{S.value=!0,A.value=n.clientX,I.value=a.value,document.addEventListener("mousemove",O),document.addEventListener("mouseup",X),document.body.style.cursor="ew-resize",document.body.style.userSelect="none"},it=n=>{n.touches.length===1&&(S.value=!0,A.value=n.touches[0].clientX,I.value=a.value,document.addEventListener("touchmove",H),document.addEventListener("touchend",q))},O=n=>{S.value&&(g&&cancelAnimationFrame(g),g=requestAnimationFrame(()=>{const o=I.value+(A.value-n.clientX),i=Math.max(320,Math.min(window.innerWidth/2,o));t.setPanelWidth(i)}))},H=n=>{!S.value||n.touches.length!==1||(g&&cancelAnimationFrame(g),g=requestAnimationFrame(()=>{const o=I.value+(A.value-n.touches[0].clientX),i=Math.max(320,Math.min(window.innerWidth/2,o));t.setPanelWidth(i)}))},X=()=>{S.value=!1,g&&(cancelAnimationFrame(g),g=null),document.removeEventListener("mousemove",O),document.removeEventListener("mouseup",X),document.body.style.cursor="",document.body.style.userSelect=""},q=()=>{S.value=!1,g&&(cancelAnimationFrame(g),g=null),document.removeEventListener("touchmove",H),document.removeEventListener("touchend",q)},te=n=>t.setPanelWidth(n),lt=()=>t.toggleFullScreen(),se=()=>t.setVisible(!1),rt=async n=>{const o=n.clipboardData?.items;if(o)for(let i=0;i<o.length;i++){const d=o[i];if(d.type.startsWith("image/")){if(n.preventDefault(),_.value.length>=Je){E.ElMessage.warning("最多只能上传4张图片");return}const m=d.getAsFile();if(m){const C=await ct(m);_.value.push(C)}}}},ct=n=>new Promise(o=>{const i=new FileReader;i.onload=d=>o(d.target.result),i.readAsDataURL(n)}),dt=n=>n?.length>30?n.substring(0,30)+"...":n,mt=({scrollTop:n})=>{const o=Z.value?.wrapRef;o&&n+o.clientHeight>=o.scrollHeight-150&&t.loadMoreSessions()},ne=()=>{M.value?.wrapRef&&(M.value.wrapRef.scrollTop=M.value.wrapRef.scrollHeight)};e.watch(()=>t.messages.length,()=>e.nextTick(ne)),e.watch(r,n=>{n&&(t.setCurrentSession(null),t.loadSessions(),t.loadTokenUsage())});const ht=async()=>{const n=await t.createSession();n?(t.setCurrentSession(n,!1),x.value=!1):E.ElMessage.error("创建对话失败，请检查网络或重新登录")},gt=n=>{t.setCurrentSession(n.id),x.value=!1},pt=async n=>{await t.deleteSession(n)},oe=async()=>{const n=V.value.trim(),o=[..._.value];if(!n&&o.length===0||t.sending)return;V.value="",_.value=[],t.setSending(!0),l=new AbortController;let i=t.currentSessionId;i||(i=await t.createSession(),i&&t.setCurrentSession(i,!1));const d={id:Date.now(),sessionId:i??"",role:"user",content:n||"[图片]",images:o.length>0?o:void 0,createTime:new Date().toISOString()};t.addMessage(d);const m={id:Date.now()+1,sessionId:i??"",role:"assistant",content:"",createTime:new Date().toISOString()};t.addMessage(m);try{const L=(await pe({sessionId:i??void 0,message:n||"[图片]",images:o.length>0?o:void 0,signal:l.signal})).body?.getReader(),c=new TextDecoder;if(L){let u="";for(;;){const{done:ae,value:ft}=await L.read();if(ae)break;u+=c.decode(ft,{stream:!0});const ie=u.split(`
|
|
2
|
-
`);
|
|
1
|
+
(function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@element-plus/icons-vue"),require("pinia"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","@element-plus/icons-vue","pinia","element-plus"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.AiChat={},k.Vue,k.ElementPlusIconsVue,k.Pinia,k.ElementPlus))})(this,(function(k,e,w,de,T){"use strict";let W=null;function me(s){W=s}function z(){if(!W)throw new Error("[@cgs/ai-chat] 插件未安装，请先调用 app.use(AiChat, options)");return W}function ge(s){try{const t=s.split(".");if(t.length!==3)return null;const c=t[1].replace(/-/g,"+").replace(/_/g,"/"),a=decodeURIComponent(atob(c).split("").map(r=>"%"+("00"+r.charCodeAt(0).toString(16)).slice(-2)).join(""));return JSON.parse(a,(r,i)=>typeof i=="number"&&!Number.isSafeInteger(i)?String(i):i)}catch{return null}}function G(s){const t=z(),c={...s};if(t.getToken){const a=t.getToken();if(a){c["x-access-token"]=a;const r=ge(a);r&&(r.details_user_id&&(c.details_user_id=String(r.details_user_id)),r.details_username&&(c.details_username=String(r.details_username)),r.details_tenant_id&&(c.details_tenant_id=String(r.details_tenant_id)),r.details_app_id&&(c.details_app_id=String(r.details_app_id)))}}return c}async function b(s,t,c){const a=z(),r=G({"Content-Type":"application/json"});let i=c;c&&typeof c=="object"?(i={...c},!i.tenantId&&a.getTenantId&&(i.tenantId=a.getTenantId()),!i.appId&&a.getAppId&&(i.appId=a.getAppId())):(s==="POST"||s==="PUT")&&!c&&(i={},a.getTenantId&&(i.tenantId=a.getTenantId()),a.getAppId&&(i.appId=a.getAppId()));const d=await fetch(`${a.baseUrl}${t}`,{method:s,headers:r,body:i!==void 0?JSON.stringify(i):void 0}),S=await d.text(),l=JSON.parse(S,(h,p)=>typeof p=="number"&&!Number.isSafeInteger(p)?String(p):p);if(!d.ok){const h=l?.msg||l?.message||l?.detail||"";throw new Error(`HTTP ${d.status}: ${t}${h?` — ${h}`:""}`)}if(l?.code===401)throw new Error(`AUTH_EXPIRED:${l.msg||"认证失败，请重新登录"}`);if(l?.code&&l.code!==200&&l.code!==0)throw new Error(`${l.msg||l.message||"请求失败"} (code: ${l.code})`);return l.data}const he=()=>b("POST","/session/create"),K=s=>b("POST","/session/page",s).then(t=>({list:t?.records??[],total:t?.total??0})),pe=s=>b("GET",`/session/${s}/messages`),fe=s=>b("DELETE",`/session/${s}`),ue=()=>b("GET","/usage/today");async function ke(s){const t=z(),c=G({"Content-Type":"application/json"}),a={...s};!a.tenantId&&t.getTenantId&&(a.tenantId=t.getTenantId()),!a.appId&&t.getAppId&&(a.appId=t.getAppId());const r=await fetch(`${t.baseUrl}/chat/stream`,{method:"POST",headers:c,body:JSON.stringify(a),signal:s.signal});if(!r.ok)throw new Error(`流式请求失败: HTTP ${r.status}`);const i=r.clone();try{const d=await i.json();if(d?.code===401)throw new Error(`AUTH_EXPIRED:${d.msg||"认证失败，请重新登录"}`);if(d?.code&&d.code!==200&&d.code!==0)throw new Error(`${d.msg||"请求失败"} (code: ${d.code})`)}catch(d){if(d instanceof Error&&d.message.startsWith("AUTH_EXPIRED:"))throw d}return r}const Y="cgs-ai-chat-state";function _e(){try{const s=localStorage.getItem(Y);return s?JSON.parse(s):{}}catch{return{}}}function we(s){try{localStorage.setItem(Y,JSON.stringify({currentSessionId:s.currentSessionId,panelWidth:s.panelWidth,isFullScreen:s.isFullScreen}))}catch{}}const Z=15,P=_e(),F=de.defineStore("cgs-ai-chat",{state:()=>({visible:!1,currentSessionId:P.currentSessionId??null,sessions:[],sessionPage:1,sessionTotal:0,sessionLoadingMore:!1,messages:[],loading:!1,sending:!1,panelWidth:P.panelWidth??(typeof window<"u"?Math.max(320,Math.round(window.innerWidth*.25)):420),isFullScreen:P.isFullScreen??!1,tokenUsage:null}),actions:{toggleVisible(){this.visible=!this.visible},setVisible(s){this.visible=s},setCurrentSession(s,t=!0){this.currentSessionId=s,this._persist(),this.messages=[],s&&t&&this.loadMessages(s)},addMessage(s){this.messages.push(s)},updateLastAssistantMessage(s){for(let t=this.messages.length-1;t>=0;t--)if(this.messages[t].role==="assistant"){this.messages[t]={...this.messages[t],content:(this.messages[t].content||"")+s};break}},async loadSessions(){this.loading=!0,this.sessionPage=1;try{const s=await K({pageNum:1,pageSize:Z});this.sessions=s.list,this.sessionTotal=s.total}finally{this.loading=!1}},async loadMoreSessions(){if(!(this.sessionLoadingMore||this.sessions.length>=this.sessionTotal)){this.sessionLoadingMore=!0;try{const s=this.sessionPage+1,t=await K({pageNum:s,pageSize:Z});this.sessions=[...this.sessions,...t.list],this.sessionTotal=t.total,this.sessionPage=s}finally{this.sessionLoadingMore=!1}}},async loadMessages(s){this.loading=!0;try{const t=await pe(s);this.currentSessionId===s&&(this.messages=t)}finally{this.loading=!1}},async createSession(){try{const s=await he();return await this.loadSessions(),s}catch(s){return console.error("[@cgs/ai-chat] 创建会话失败",s),null}},async deleteSession(s){try{await fe(s),await this.loadSessions(),this.currentSessionId===s&&(this.currentSessionId=null,this.messages=[],this._persist())}catch(t){console.error("[@cgs/ai-chat] 删除会话失败",t)}},setSending(s){this.sending=s},clearMessages(){this.messages=[]},setPanelWidth(s){const c=Math.floor(window.innerWidth*.9);this.panelWidth=Math.max(320,Math.min(c,s)),this.isFullScreen=!1,this._persist()},toggleFullScreen(){this.isFullScreen=!this.isFullScreen,this._persist()},async loadTokenUsage(){try{this.tokenUsage=await ue()}catch(s){console.error("[@cgs/ai-chat] 加载 Token 用量失败",s)}},updateTokenUsage(s){this.tokenUsage&&(this.tokenUsage.usedTokens+=s,this.tokenUsage.limitTokens>0&&(this.tokenUsage.remainingTokens=Math.max(0,this.tokenUsage.limitTokens-this.tokenUsage.usedTokens),this.tokenUsage.limitReached=this.tokenUsage.remainingTokens<=0),this.tokenUsage.requestCount++)},_persist(){we(this.$state)}},getters:{isVisible:s=>s.visible,getCurrentSessionId:s=>s.currentSessionId,getSessions:s=>s.sessions,getMessages:s=>s.messages,isLoading:s=>s.loading,isSending:s=>s.sending,sessionHasMore:s=>s.sessions.length<s.sessionTotal}}),Se=e.defineComponent({__name:"AiChatFloat",setup(s){const t=F(),c=()=>t.toggleVisible(),a=e.ref(!1),r=()=>{a.value=window.innerWidth<768},i=e.computed(()=>a.value?{position:"fixed",right:"50%",bottom:"24px",transform:"translateX(50%)",zIndex:"999"}:{position:"fixed",right:"24px",bottom:"80px",zIndex:"999"});return e.onMounted(()=>{r(),window.addEventListener("resize",r)}),e.onUnmounted(()=>{window.removeEventListener("resize",r)}),(d,S)=>{const l=e.resolveComponent("el-icon"),h=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ai-chat-float",{"is-mobile":a.value}]),style:e.normalizeStyle(i.value),onClick:c},[e.createVNode(h,{content:"AI助手",placement:"left","show-after":300},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["float-btn",{"is-active":e.unref(t).visible}])},[e.createVNode(l,{size:24},{default:e.withCtx(()=>[e.createVNode(e.unref(w.ChatDotRound))]),_:1})],2)]),_:1})],6)}}}),I=(s,t)=>{const c=s.__vccOpts||s;for(const[a,r]of t)c[a]=r;return c},D=I(Se,[["__scopeId","data-v-fc7be81c"]]),ye={class:"avatar"},Ee={class:"content"},Ce={key:0,class:"message-images"},Ne=["src"],Te=["innerHTML"],Ve=["innerHTML"],xe={key:1,class:"loading-placeholder"},Me={class:"time"},Q=I(e.defineComponent({__name:"AiChatMessage",props:{message:{}},setup(s){const t=s,c=e.computed(()=>{const i=t.message.content||"";if(!i)return"";const d=[],S=h=>{const p=d.length;return d.push(h),`\0PH${p}\0`};let l=i;return l=l.replace(/```(\w*)\n([\s\S]*?)```/g,(h,p,V)=>S(`<pre class="code-block"><code>${a(V)}</code></pre>`)),l=l.replace(/`([^`]+)`/g,(h,p)=>S(`<code class="inline-code">${a(p)}</code>`)),l=l.replace(/\*\*(.+?)\*\*/g,(h,p)=>S(`<strong>${a(p)}</strong>`)),l=a(l),l=l.replace(/\n/g,"<br>"),l=l.replace(/\x00PH(\d+)\x00/g,(h,p)=>d[parseInt(p)]),l});function a(i){return i.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}const r=i=>i?new Date(i).toLocaleTimeString("zh-CN",{hour:"2-digit",minute:"2-digit"}):"";return(i,d)=>{const S=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["message-item",[s.message.role]])},[e.createElementVNode("div",ye,[s.message.role==="assistant"?(e.openBlock(),e.createBlock(S,{key:0,size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(w.Monitor))]),_:1})):(e.openBlock(),e.createBlock(S,{key:1,size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(w.User))]),_:1}))]),e.createElementVNode("div",Ee,[s.message.role==="user"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.message.images&&s.message.images.length>0?(e.openBlock(),e.createElementBlock("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.message.images,(l,h)=>(e.openBlock(),e.createElementBlock("img",{key:h,src:l,class:"message-image",alt:"图片"},null,8,Ne))),128))])):e.createCommentVNode("",!0),s.message.content&&s.message.content!=="[图片]"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"text",innerHTML:c.value},null,8,Te)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.message.content?(e.openBlock(),e.createElementBlock("div",{key:0,class:"text",innerHTML:c.value},null,8,Ve)):(e.openBlock(),e.createElementBlock("div",xe,"正在思考..."))],64)),e.createElementVNode("div",Me,e.toDisplayString(r(s.message.createTime)),1)])],2)}}}),[["__scopeId","data-v-171a31c7"]]),be={key:0,class:"width-tooltip"},Be={class:"panel-container"},Ie={class:"panel-header"},Ae={class:"header-left"},$e={key:0,class:"token-usage"},Le={key:1,class:"preset-btns"},Ue={class:"header-right"},Re={class:"chat-container"},We={key:0,class:"session-list"},ze={class:"session-header"},Pe=["onClick"],Fe={class:"session-title"},De={class:"session-meta"},He={key:0,class:"session-load-more"},Oe={key:1,class:"session-load-more session-no-more"},Xe={class:"messages-area"},je={class:"messages-content"},qe={key:0,class:"typing-indicator"},Je={key:0,class:"pending-images"},Ge={class:"image-index"},Ke=["src"],Ye={class:"input-area"},Ze=4,Qe=.25,ve=.38,H=I(e.defineComponent({__name:"AiChatDrawer",setup(s){const t=F();let c=new AbortController;const a=e.computed({get:()=>t.visible,set:n=>t.setVisible(n)}),r=e.computed(()=>t.panelWidth),i=e.computed(()=>t.isFullScreen),d=e.ref(!1),S=()=>{d.value=window.innerWidth<768},l=e.computed(()=>d.value?{width:"100%"}:i.value?{width:"100%"}:{width:`${r.value}px`}),h=e.computed(()=>{const n=t.tokenUsage;return n?n.limitTokens===0?`${n.usedTokens} tokens`:`${n.usedTokens}/${n.limitTokens}`:""}),p=e.computed(()=>{const n=t.tokenUsage;return n?n.limitTokens===0?`今日已使用 ${n.usedTokens} tokens（不限制）`:n.limitReached?"今日配额已用完，请明天再试":`今日已使用 ${n.usedTokens}/${n.limitTokens} tokens，剩余 ${n.remainingTokens}`:""}),V=e.ref(""),B=e.ref(!1),C=e.ref([]),A=e.ref(),v=e.ref(),$=e.ref(window.innerWidth),ee=()=>{$.value=window.innerWidth,S()},te=e.computed(()=>d.value?window.innerWidth:Math.max(320,Math.round($.value*Qe))),se=e.computed(()=>d.value?window.innerWidth:Math.max(420,Math.round($.value*ve))),O=e.computed(()=>r.value/$.value),nt=e.computed(()=>!i.value&&O.value<=.3),ot=e.computed(()=>!i.value&&O.value>.3&&O.value<=.45),at=e.computed(()=>`窄 (${te.value}px)`),it=e.computed(()=>`宽 (${se.value}px)`),M=e.ref(!1),L=e.ref(0),U=e.ref(0);let _=null;const rt=n=>{M.value=!0,L.value=n.clientX,U.value=r.value,document.addEventListener("mousemove",X),document.addEventListener("mouseup",q),document.body.style.cursor="ew-resize",document.body.style.userSelect="none"},lt=n=>{n.touches.length===1&&(M.value=!0,L.value=n.touches[0].clientX,U.value=r.value,document.addEventListener("touchmove",j),document.addEventListener("touchend",J))},X=n=>{M.value&&(_&&cancelAnimationFrame(_),_=requestAnimationFrame(()=>{const o=U.value+(L.value-n.clientX),m=Math.max(320,Math.min(window.innerWidth/2,o));t.setPanelWidth(m)}))},j=n=>{!M.value||n.touches.length!==1||(_&&cancelAnimationFrame(_),_=requestAnimationFrame(()=>{const o=U.value+(L.value-n.touches[0].clientX),m=Math.max(320,Math.min(window.innerWidth/2,o));t.setPanelWidth(m)}))},q=()=>{M.value=!1,_&&(cancelAnimationFrame(_),_=null),document.removeEventListener("mousemove",X),document.removeEventListener("mouseup",q),document.body.style.cursor="",document.body.style.userSelect=""},J=()=>{M.value=!1,_&&(cancelAnimationFrame(_),_=null),document.removeEventListener("touchmove",j),document.removeEventListener("touchend",J)},ne=n=>t.setPanelWidth(n),ct=()=>t.toggleFullScreen(),oe=()=>t.setVisible(!1),dt=async n=>{const o=n.clipboardData?.items;if(o)for(let m=0;m<o.length;m++){const f=o[m];if(f.type.startsWith("image/")){if(n.preventDefault(),C.value.length>=Ze){T.ElMessage.warning("最多只能上传4张图片");return}const u=f.getAsFile();if(u){const N=await mt(u);C.value.push(N)}}}},mt=n=>new Promise(o=>{const m=new FileReader;m.onload=f=>o(f.target.result),m.readAsDataURL(n)}),gt=n=>n?.length>30?n.substring(0,30)+"...":n,ht=({scrollTop:n})=>{const o=v.value?.wrapRef;o&&n+o.clientHeight>=o.scrollHeight-150&&t.loadMoreSessions()},ae=()=>{A.value?.wrapRef&&(A.value.wrapRef.scrollTop=A.value.wrapRef.scrollHeight)};e.watch(()=>t.messages.length,()=>e.nextTick(ae)),e.watch(a,n=>{n&&(t.currentSessionId||t.loadSessions(),t.loadTokenUsage())});const pt=async()=>{const n=await t.createSession();n?(t.setCurrentSession(n,!1),B.value=!1):T.ElMessage.error("创建对话失败，请检查网络或重新登录")},ft=n=>{t.setCurrentSession(n.id),B.value=!1},ut=async n=>{await t.deleteSession(n)},ie=async()=>{const n=V.value.trim(),o=[...C.value];if(!n&&o.length===0||t.sending)return;V.value="",C.value=[],t.setSending(!0),c=new AbortController;let m=t.currentSessionId;if(!m){if(m=await t.createSession(),!m){t.setSending(!1),V.value=n,C.value=o,T.ElMessage.error("创建对话失败，请检查网络或重新登录");return}t.setCurrentSession(m,!1)}const f={id:Date.now(),sessionId:m,role:"user",content:n||"[图片]",images:o.length>0?o:void 0,createTime:new Date().toISOString()};t.addMessage(f);const u={id:Date.now()+1,sessionId:m,role:"assistant",content:"",createTime:new Date().toISOString()};t.addMessage(u);try{const x=(await ke({sessionId:m,message:n||"[图片]",images:o.length>0?o:void 0,signal:c.signal})).body?.getReader(),g=new TextDecoder;if(x){let y="";for(;;){const{done:re,value:kt}=await x.read();if(re)break;y+=g.decode(kt,{stream:!0});const le=y.split(`
|
|
2
|
+
`);y=le.pop()??"";let ce="";for(const R of le)if(R.startsWith("event:"))ce=R.slice(6).trim();else if(R.startsWith("data:"))try{const E=JSON.parse(R.slice(5).trim());if(ce==="error"||E.error){t.updateLastAssistantMessage(E.error||"服务异常，请重试。"),T.ElMessage.error(E.error||"服务异常，请重试");break}!E.done&&E.content&&(t.updateLastAssistantMessage(E.content),e.nextTick(ae)),E.sessionId&&!t.currentSessionId&&t.setCurrentSession(E.sessionId),E.done&&E.usage&&t.updateTokenUsage(E.usage.totalTokens)}catch{}}}}catch(N){if(N.name==="AbortError")console.log("[@cgs/ai-chat] 请求已取消");else if(N.message?.startsWith("AUTH_EXPIRED:")){const x=N.message.replace("AUTH_EXPIRED:","");console.error("[@cgs/ai-chat] 认证过期",x),t.updateLastAssistantMessage(`认证失败：${x}`),T.ElMessage.error({message:x,duration:5e3,showClose:!0})}else console.error("[@cgs/ai-chat] 发送消息失败",N),t.updateLastAssistantMessage("抱歉，发生了错误，请重试。"),T.ElMessage.error({message:"消息发送失败，请检查网络连接",duration:3e3,showClose:!0})}finally{t.setSending(!1),t.loadSessions()}};return e.onMounted(()=>{window.addEventListener("resize",ee),S()}),e.onUnmounted(()=>{c.abort(),window.removeEventListener("resize",ee),document.removeEventListener("mousemove",X),document.removeEventListener("mouseup",q),document.removeEventListener("touchmove",j),document.removeEventListener("touchend",J),_&&cancelAnimationFrame(_)}),(n,o)=>{const m=e.resolveComponent("el-tooltip"),f=e.resolveComponent("el-icon"),u=e.resolveComponent("el-button"),N=e.resolveComponent("el-empty"),x=e.resolveComponent("el-input");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["ai-chat-panel",{"full-screen":i.value,"is-mobile":d.value}]),style:e.normalizeStyle(l.value)},[d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle",onMousedown:rt,onTouchstart:e.withModifiers(lt,["prevent"])},[o[5]||(o[5]=e.createElementVNode("div",{class:"resize-bar"},null,-1)),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[M.value?(e.openBlock(),e.createElementBlock("div",be,e.toDisplayString(Math.round(r.value))+"px ",1)):e.createCommentVNode("",!0)]),_:1})],32)),e.createElementVNode("div",Be,[e.createElementVNode("div",Ie,[e.createElementVNode("div",Ae,[o[6]||(o[6]=e.createElementVNode("span",{class:"title"},"AI助手",-1)),e.unref(t).tokenUsage?(e.openBlock(),e.createElementBlock("div",$e,[e.createVNode(m,{content:p.value,placement:"bottom"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass({"limit-warning":e.unref(t).tokenUsage.limitReached})},e.toDisplayString(h.value),3)]),_:1},8,["content"])])):e.createCommentVNode("",!0),d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Le,[e.createVNode(m,{content:at.value,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(u,{size:"small",type:nt.value?"primary":"default",link:"",onClick:o[0]||(o[0]=g=>ne(te.value))},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Grid))]),_:1})]),_:1},8,["type"])]),_:1},8,["content"]),e.createVNode(m,{content:it.value,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(u,{size:"small",type:ot.value?"primary":"default",link:"",onClick:o[1]||(o[1]=g=>ne(se.value))},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Menu))]),_:1})]),_:1},8,["type"])]),_:1},8,["content"]),e.createVNode(m,{content:i.value?"退出全屏":"全屏",placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(u,{size:"small",type:i.value?"primary":"default",link:"",onClick:ct},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.FullScreen))]),_:1})]),_:1},8,["type"])]),_:1},8,["content"])]))]),e.createElementVNode("div",Ue,[e.createVNode(u,{type:"primary",link:"",onClick:pt},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Plus))]),_:1}),o[7]||(o[7]=e.createTextVNode("新对话 ",-1))]),_:1}),e.createVNode(u,{type:"default",link:"",onClick:oe},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Close))]),_:1})]),_:1})])]),e.createElementVNode("div",Re,[B.value?(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("div",ze,[o[9]||(o[9]=e.createElementVNode("span",null,"历史对话",-1)),e.createVNode(u,{type:"primary",link:"",size:"small",onClick:o[2]||(o[2]=g=>B.value=!1)},{default:e.withCtx(()=>[...o[8]||(o[8]=[e.createTextVNode("返回聊天",-1)])]),_:1})]),e.createVNode(e.unref(T.ElScrollbar),{ref_key:"sessionScrollbarRef",ref:v,height:(d.value,"calc(100vh - 200px)"),onScroll:ht},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).sessions,g=>(e.openBlock(),e.createElementBlock("div",{key:g.id,class:e.normalizeClass(["session-item",{active:g.id===e.unref(t).currentSessionId}]),onClick:y=>ft(g)},[e.createVNode(m,{content:g.title,placement:"left","show-after":500},{default:e.withCtx(()=>[e.createElementVNode("div",Fe,e.toDisplayString(gt(g.title)),1)]),_:2},1032,["content"]),e.createElementVNode("div",De,[e.createElementVNode("span",null,e.toDisplayString(g.messageCount)+"条消息",1),e.createVNode(u,{type:"danger",link:"",size:"small",onClick:e.withModifiers(y=>ut(g.id),["stop"])},{default:e.withCtx(()=>[...o[10]||(o[10]=[e.createTextVNode("删除",-1)])]),_:1},8,["onClick"])])],10,Pe))),128)),e.unref(t).sessionLoadingMore?(e.openBlock(),e.createElementBlock("div",He,[e.createVNode(f,{class:"is-loading"},{default:e.withCtx(()=>[e.createVNode(e.unref(w.Loading))]),_:1}),o[11]||(o[11]=e.createElementVNode("span",null,"加载中...",-1))])):e.unref(t).sessions.length>0&&!e.unref(t).sessionHasMore?(e.openBlock(),e.createElementBlock("div",Oe," 共 "+e.toDisplayString(e.unref(t).sessionTotal)+" 条对话 ",1)):e.createCommentVNode("",!0),e.unref(t).sessions.length===0?(e.openBlock(),e.createBlock(N,{key:2,description:"暂无历史对话"})):e.createCommentVNode("",!0)]),_:1},8,["height"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Xe,[e.createVNode(e.unref(T.ElScrollbar),{ref_key:"scrollbarRef",ref:A,height:"100%"},{default:e.withCtx(()=>[e.createElementVNode("div",je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).messages,(g,y)=>(e.openBlock(),e.createBlock(Q,{key:y,message:g},null,8,["message"]))),128)),e.unref(t).sending?(e.openBlock(),e.createElementBlock("div",qe,[...o[12]||(o[12]=[e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1)])])):e.createCommentVNode("",!0)])]),_:1},512)]),C.value.length>0?(e.openBlock(),e.createElementBlock("div",Je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(g,y)=>(e.openBlock(),e.createElementBlock("div",{key:y,class:"pending-image-wrap"},[e.createElementVNode("div",Ge,e.toDisplayString(y+1)+"/"+e.toDisplayString(C.value.length),1),e.createElementVNode("img",{src:g,class:"pending-image",alt:"待发送图片"},null,8,Ke),e.createVNode(u,{type:"danger",circle:"",size:"small",class:"remove-img",onClick:re=>C.value.splice(y,1)},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.Close))]),_:1})]),_:1},8,["onClick"])]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Ye,[e.createVNode(u,{type:"primary",link:"",onClick:o[3]||(o[3]=g=>B.value=!0)},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.List))]),_:1})]),_:1}),e.createVNode(x,{modelValue:V.value,"onUpdate:modelValue":o[4]||(o[4]=g=>V.value=g),type:"textarea",rows:2,maxlength:"2000","show-word-limit":"",placeholder:"输入消息... (Enter 发送，Shift+Enter 换行，Ctrl+V 粘贴截图)",resize:"none",disabled:e.unref(t).sending||e.unref(t).tokenUsage?.limitReached,onKeydown:e.withKeys(e.withModifiers(ie,["exact","prevent"]),["enter"]),onPaste:dt},null,8,["modelValue","disabled","onKeydown"]),e.createVNode(u,{type:"primary",icon:e.unref(w.Promotion),circle:"",loading:e.unref(t).sending,disabled:!V.value.trim()&&C.value.length===0||e.unref(t).sending||e.unref(t).tokenUsage?.limitReached,onClick:ie},null,8,["icon","loading","disabled"])]),o[13]||(o[13]=e.createElementVNode("div",{class:"ai-disclaimer"},"内容由AI生成，请仔细甄别",-1))],64))])])],6)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ai-panel-overlay",onClick:oe})):e.createCommentVNode("",!0)]),_:1})],64)}}}),[["__scopeId","data-v-25c55a59"]]),et={class:"cgs-ai-chat-root"},tt=I(e.defineComponent({__name:"AiChat",setup(s){return(t,c)=>(e.openBlock(),e.createElementBlock("div",et,[e.createVNode(D),e.createVNode(H)]))}}),[["__scopeId","data-v-4f2a75e5"]]),st={install(s,t){t?.baseUrl||console.warn("[@cgs/ai-chat] 警告：未提供 baseUrl，组件可能无法正常工作"),me(t),s.component("AiChat",tt),s.component("AiChatFloat",D),s.component("AiChatDrawer",H)}};k.AiChatDrawer=H,k.AiChatFloat=D,k.AiChatMessage=Q,k.default=st,k.useAiStore=F,Object.defineProperties(k,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { AiChat } from '../types';
|
|
2
|
+
/** 创建会话 */
|
|
3
|
+
export declare const createSessionApi: () => Promise<string>;
|
|
4
|
+
/** 会话分页列表 */
|
|
5
|
+
export declare const getSessionPageApi: (params: AiChat.SessionQuery) => Promise<{
|
|
6
|
+
list: AiChat.Session[];
|
|
7
|
+
total: number;
|
|
8
|
+
}>;
|
|
9
|
+
/** 获取会话消息 */
|
|
10
|
+
export declare const getMessagesApi: (sessionId: string) => Promise<AiChat.Message[]>;
|
|
11
|
+
/** 删除会话 */
|
|
12
|
+
export declare const deleteSessionApi: (sessionId: string) => Promise<void>;
|
|
13
|
+
/** 今日 Token 用量 */
|
|
14
|
+
export declare const getTodayUsageApi: () => Promise<AiChat.TokenUsage>;
|
|
15
|
+
/**
|
|
16
|
+
* 流式聊天 — 返回 fetch Response，由调用方处理 ReadableStream
|
|
17
|
+
* 直接返回 Response 对象以支持流式读取
|
|
18
|
+
*/
|
|
19
|
+
export declare function chatStreamFetch(dto: AiChat.ChatRequest & {
|
|
20
|
+
signal?: AbortSignal;
|
|
21
|
+
}): Promise<Response>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AiChat } from '../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
message: AiChat.Message;
|
|
4
|
+
};
|
|
5
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
export default _default;
|
package/dist/config.d.ts
ADDED
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { App } from 'vue';
|
|
2
|
+
import { AiChatOptions } from './types';
|
|
3
|
+
import { default as AiChatFloat } from './components/AiChatFloat.vue';
|
|
4
|
+
import { default as AiChatDrawer } from './components/AiChatDrawer.vue';
|
|
5
|
+
import { default as AiChatMessage } from './components/AiChatMessage.vue';
|
|
6
|
+
export { useAiStore } from './store/ai';
|
|
7
|
+
export type { AiChatOptions, AiChat } from './types';
|
|
8
|
+
export { AiChatFloat, AiChatDrawer, AiChatMessage };
|
|
9
|
+
declare const _default: {
|
|
10
|
+
install(app: App, options: AiChatOptions): void;
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,295 @@
|
|
|
1
|
+
import { AiChat } from '../types';
|
|
2
|
+
export declare const SESSION_PAGE_SIZE = 15;
|
|
3
|
+
interface AiState {
|
|
4
|
+
visible: boolean;
|
|
5
|
+
currentSessionId: string | null;
|
|
6
|
+
sessions: AiChat.Session[];
|
|
7
|
+
sessionPage: number;
|
|
8
|
+
sessionTotal: number;
|
|
9
|
+
sessionLoadingMore: boolean;
|
|
10
|
+
messages: AiChat.Message[];
|
|
11
|
+
loading: boolean;
|
|
12
|
+
sending: boolean;
|
|
13
|
+
panelWidth: number;
|
|
14
|
+
isFullScreen: boolean;
|
|
15
|
+
tokenUsage: AiChat.TokenUsage | null;
|
|
16
|
+
}
|
|
17
|
+
export declare const useAiStore: import('pinia').StoreDefinition<"cgs-ai-chat", AiState, {
|
|
18
|
+
isVisible: (state: {
|
|
19
|
+
visible: boolean;
|
|
20
|
+
currentSessionId: string | null;
|
|
21
|
+
sessions: {
|
|
22
|
+
id: string;
|
|
23
|
+
userId: number;
|
|
24
|
+
title: string;
|
|
25
|
+
createTime: string;
|
|
26
|
+
updateTime: string;
|
|
27
|
+
messageCount: number;
|
|
28
|
+
}[];
|
|
29
|
+
sessionPage: number;
|
|
30
|
+
sessionTotal: number;
|
|
31
|
+
sessionLoadingMore: boolean;
|
|
32
|
+
messages: {
|
|
33
|
+
id: string | number;
|
|
34
|
+
sessionId: string;
|
|
35
|
+
role: "user" | "assistant";
|
|
36
|
+
content: string;
|
|
37
|
+
images?: string[] | undefined;
|
|
38
|
+
createTime: string;
|
|
39
|
+
}[];
|
|
40
|
+
loading: boolean;
|
|
41
|
+
sending: boolean;
|
|
42
|
+
panelWidth: number;
|
|
43
|
+
isFullScreen: boolean;
|
|
44
|
+
tokenUsage: {
|
|
45
|
+
usedTokens: number;
|
|
46
|
+
limitTokens: number;
|
|
47
|
+
remainingTokens: number;
|
|
48
|
+
requestCount: number;
|
|
49
|
+
limitReached: boolean;
|
|
50
|
+
} | null;
|
|
51
|
+
} & import('pinia').PiniaCustomStateProperties<AiState>) => boolean;
|
|
52
|
+
getCurrentSessionId: (state: {
|
|
53
|
+
visible: boolean;
|
|
54
|
+
currentSessionId: string | null;
|
|
55
|
+
sessions: {
|
|
56
|
+
id: string;
|
|
57
|
+
userId: number;
|
|
58
|
+
title: string;
|
|
59
|
+
createTime: string;
|
|
60
|
+
updateTime: string;
|
|
61
|
+
messageCount: number;
|
|
62
|
+
}[];
|
|
63
|
+
sessionPage: number;
|
|
64
|
+
sessionTotal: number;
|
|
65
|
+
sessionLoadingMore: boolean;
|
|
66
|
+
messages: {
|
|
67
|
+
id: string | number;
|
|
68
|
+
sessionId: string;
|
|
69
|
+
role: "user" | "assistant";
|
|
70
|
+
content: string;
|
|
71
|
+
images?: string[] | undefined;
|
|
72
|
+
createTime: string;
|
|
73
|
+
}[];
|
|
74
|
+
loading: boolean;
|
|
75
|
+
sending: boolean;
|
|
76
|
+
panelWidth: number;
|
|
77
|
+
isFullScreen: boolean;
|
|
78
|
+
tokenUsage: {
|
|
79
|
+
usedTokens: number;
|
|
80
|
+
limitTokens: number;
|
|
81
|
+
remainingTokens: number;
|
|
82
|
+
requestCount: number;
|
|
83
|
+
limitReached: boolean;
|
|
84
|
+
} | null;
|
|
85
|
+
} & import('pinia').PiniaCustomStateProperties<AiState>) => string | null;
|
|
86
|
+
getSessions: (state: {
|
|
87
|
+
visible: boolean;
|
|
88
|
+
currentSessionId: string | null;
|
|
89
|
+
sessions: {
|
|
90
|
+
id: string;
|
|
91
|
+
userId: number;
|
|
92
|
+
title: string;
|
|
93
|
+
createTime: string;
|
|
94
|
+
updateTime: string;
|
|
95
|
+
messageCount: number;
|
|
96
|
+
}[];
|
|
97
|
+
sessionPage: number;
|
|
98
|
+
sessionTotal: number;
|
|
99
|
+
sessionLoadingMore: boolean;
|
|
100
|
+
messages: {
|
|
101
|
+
id: string | number;
|
|
102
|
+
sessionId: string;
|
|
103
|
+
role: "user" | "assistant";
|
|
104
|
+
content: string;
|
|
105
|
+
images?: string[] | undefined;
|
|
106
|
+
createTime: string;
|
|
107
|
+
}[];
|
|
108
|
+
loading: boolean;
|
|
109
|
+
sending: boolean;
|
|
110
|
+
panelWidth: number;
|
|
111
|
+
isFullScreen: boolean;
|
|
112
|
+
tokenUsage: {
|
|
113
|
+
usedTokens: number;
|
|
114
|
+
limitTokens: number;
|
|
115
|
+
remainingTokens: number;
|
|
116
|
+
requestCount: number;
|
|
117
|
+
limitReached: boolean;
|
|
118
|
+
} | null;
|
|
119
|
+
} & import('pinia').PiniaCustomStateProperties<AiState>) => {
|
|
120
|
+
id: string;
|
|
121
|
+
userId: number;
|
|
122
|
+
title: string;
|
|
123
|
+
createTime: string;
|
|
124
|
+
updateTime: string;
|
|
125
|
+
messageCount: number;
|
|
126
|
+
}[];
|
|
127
|
+
getMessages: (state: {
|
|
128
|
+
visible: boolean;
|
|
129
|
+
currentSessionId: string | null;
|
|
130
|
+
sessions: {
|
|
131
|
+
id: string;
|
|
132
|
+
userId: number;
|
|
133
|
+
title: string;
|
|
134
|
+
createTime: string;
|
|
135
|
+
updateTime: string;
|
|
136
|
+
messageCount: number;
|
|
137
|
+
}[];
|
|
138
|
+
sessionPage: number;
|
|
139
|
+
sessionTotal: number;
|
|
140
|
+
sessionLoadingMore: boolean;
|
|
141
|
+
messages: {
|
|
142
|
+
id: string | number;
|
|
143
|
+
sessionId: string;
|
|
144
|
+
role: "user" | "assistant";
|
|
145
|
+
content: string;
|
|
146
|
+
images?: string[] | undefined;
|
|
147
|
+
createTime: string;
|
|
148
|
+
}[];
|
|
149
|
+
loading: boolean;
|
|
150
|
+
sending: boolean;
|
|
151
|
+
panelWidth: number;
|
|
152
|
+
isFullScreen: boolean;
|
|
153
|
+
tokenUsage: {
|
|
154
|
+
usedTokens: number;
|
|
155
|
+
limitTokens: number;
|
|
156
|
+
remainingTokens: number;
|
|
157
|
+
requestCount: number;
|
|
158
|
+
limitReached: boolean;
|
|
159
|
+
} | null;
|
|
160
|
+
} & import('pinia').PiniaCustomStateProperties<AiState>) => {
|
|
161
|
+
id: string | number;
|
|
162
|
+
sessionId: string;
|
|
163
|
+
role: "user" | "assistant";
|
|
164
|
+
content: string;
|
|
165
|
+
images?: string[] | undefined;
|
|
166
|
+
createTime: string;
|
|
167
|
+
}[];
|
|
168
|
+
isLoading: (state: {
|
|
169
|
+
visible: boolean;
|
|
170
|
+
currentSessionId: string | null;
|
|
171
|
+
sessions: {
|
|
172
|
+
id: string;
|
|
173
|
+
userId: number;
|
|
174
|
+
title: string;
|
|
175
|
+
createTime: string;
|
|
176
|
+
updateTime: string;
|
|
177
|
+
messageCount: number;
|
|
178
|
+
}[];
|
|
179
|
+
sessionPage: number;
|
|
180
|
+
sessionTotal: number;
|
|
181
|
+
sessionLoadingMore: boolean;
|
|
182
|
+
messages: {
|
|
183
|
+
id: string | number;
|
|
184
|
+
sessionId: string;
|
|
185
|
+
role: "user" | "assistant";
|
|
186
|
+
content: string;
|
|
187
|
+
images?: string[] | undefined;
|
|
188
|
+
createTime: string;
|
|
189
|
+
}[];
|
|
190
|
+
loading: boolean;
|
|
191
|
+
sending: boolean;
|
|
192
|
+
panelWidth: number;
|
|
193
|
+
isFullScreen: boolean;
|
|
194
|
+
tokenUsage: {
|
|
195
|
+
usedTokens: number;
|
|
196
|
+
limitTokens: number;
|
|
197
|
+
remainingTokens: number;
|
|
198
|
+
requestCount: number;
|
|
199
|
+
limitReached: boolean;
|
|
200
|
+
} | null;
|
|
201
|
+
} & import('pinia').PiniaCustomStateProperties<AiState>) => boolean;
|
|
202
|
+
isSending: (state: {
|
|
203
|
+
visible: boolean;
|
|
204
|
+
currentSessionId: string | null;
|
|
205
|
+
sessions: {
|
|
206
|
+
id: string;
|
|
207
|
+
userId: number;
|
|
208
|
+
title: string;
|
|
209
|
+
createTime: string;
|
|
210
|
+
updateTime: string;
|
|
211
|
+
messageCount: number;
|
|
212
|
+
}[];
|
|
213
|
+
sessionPage: number;
|
|
214
|
+
sessionTotal: number;
|
|
215
|
+
sessionLoadingMore: boolean;
|
|
216
|
+
messages: {
|
|
217
|
+
id: string | number;
|
|
218
|
+
sessionId: string;
|
|
219
|
+
role: "user" | "assistant";
|
|
220
|
+
content: string;
|
|
221
|
+
images?: string[] | undefined;
|
|
222
|
+
createTime: string;
|
|
223
|
+
}[];
|
|
224
|
+
loading: boolean;
|
|
225
|
+
sending: boolean;
|
|
226
|
+
panelWidth: number;
|
|
227
|
+
isFullScreen: boolean;
|
|
228
|
+
tokenUsage: {
|
|
229
|
+
usedTokens: number;
|
|
230
|
+
limitTokens: number;
|
|
231
|
+
remainingTokens: number;
|
|
232
|
+
requestCount: number;
|
|
233
|
+
limitReached: boolean;
|
|
234
|
+
} | null;
|
|
235
|
+
} & import('pinia').PiniaCustomStateProperties<AiState>) => boolean;
|
|
236
|
+
/** 是否还有更多会话可加载 */
|
|
237
|
+
sessionHasMore: (state: {
|
|
238
|
+
visible: boolean;
|
|
239
|
+
currentSessionId: string | null;
|
|
240
|
+
sessions: {
|
|
241
|
+
id: string;
|
|
242
|
+
userId: number;
|
|
243
|
+
title: string;
|
|
244
|
+
createTime: string;
|
|
245
|
+
updateTime: string;
|
|
246
|
+
messageCount: number;
|
|
247
|
+
}[];
|
|
248
|
+
sessionPage: number;
|
|
249
|
+
sessionTotal: number;
|
|
250
|
+
sessionLoadingMore: boolean;
|
|
251
|
+
messages: {
|
|
252
|
+
id: string | number;
|
|
253
|
+
sessionId: string;
|
|
254
|
+
role: "user" | "assistant";
|
|
255
|
+
content: string;
|
|
256
|
+
images?: string[] | undefined;
|
|
257
|
+
createTime: string;
|
|
258
|
+
}[];
|
|
259
|
+
loading: boolean;
|
|
260
|
+
sending: boolean;
|
|
261
|
+
panelWidth: number;
|
|
262
|
+
isFullScreen: boolean;
|
|
263
|
+
tokenUsage: {
|
|
264
|
+
usedTokens: number;
|
|
265
|
+
limitTokens: number;
|
|
266
|
+
remainingTokens: number;
|
|
267
|
+
requestCount: number;
|
|
268
|
+
limitReached: boolean;
|
|
269
|
+
} | null;
|
|
270
|
+
} & import('pinia').PiniaCustomStateProperties<AiState>) => boolean;
|
|
271
|
+
}, {
|
|
272
|
+
toggleVisible(): void;
|
|
273
|
+
setVisible(visible: boolean): void;
|
|
274
|
+
setCurrentSession(sessionId: string | null, loadHistory?: boolean): void;
|
|
275
|
+
addMessage(message: AiChat.Message): void;
|
|
276
|
+
/**
|
|
277
|
+
* 追加最后一条 AI 消息内容（流式场景）
|
|
278
|
+
* 使用 for 逆序 + 对象替换，避免 ES2023 findLast + 响应式问题
|
|
279
|
+
*/
|
|
280
|
+
updateLastAssistantMessage(content: string): void;
|
|
281
|
+
loadSessions(): Promise<void>;
|
|
282
|
+
/** 滚动加载更多会话（追加到列表末尾） */
|
|
283
|
+
loadMoreSessions(): Promise<void>;
|
|
284
|
+
loadMessages(sessionId: string): Promise<void>;
|
|
285
|
+
createSession(): Promise<string | null>;
|
|
286
|
+
deleteSession(sessionId: string): Promise<void>;
|
|
287
|
+
setSending(sending: boolean): void;
|
|
288
|
+
clearMessages(): void;
|
|
289
|
+
setPanelWidth(width: number): void;
|
|
290
|
+
toggleFullScreen(): void;
|
|
291
|
+
loadTokenUsage(): Promise<void>;
|
|
292
|
+
updateTokenUsage(usedTokens: number): void;
|
|
293
|
+
_persist(): void;
|
|
294
|
+
}>;
|
|
295
|
+
export {};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/** AI 聊天插件选项（通过 app.use(AiChat, options) 传入） */
|
|
2
|
+
export interface AiChatOptions {
|
|
3
|
+
/** AI 服务 baseUrl，如 '/eagle-api/ai' 或 'http://localhost:9015' */
|
|
4
|
+
baseUrl: string;
|
|
5
|
+
/** 获取当前用户 JWT Token 的函数（传给网关认证） */
|
|
6
|
+
getToken?: () => string;
|
|
7
|
+
/** 获取当前租户 ID 的函数 */
|
|
8
|
+
getTenantId?: () => string | number;
|
|
9
|
+
/** 获取当前应用 ID 的函数 */
|
|
10
|
+
getAppId?: () => string | number;
|
|
11
|
+
}
|
|
12
|
+
/** AI 聊天相关类型 */
|
|
13
|
+
export declare namespace AiChat {
|
|
14
|
+
interface ChatRequest {
|
|
15
|
+
sessionId?: string;
|
|
16
|
+
message: string;
|
|
17
|
+
images?: string[];
|
|
18
|
+
}
|
|
19
|
+
interface Session {
|
|
20
|
+
id: string;
|
|
21
|
+
userId: number;
|
|
22
|
+
title: string;
|
|
23
|
+
createTime: string;
|
|
24
|
+
updateTime: string;
|
|
25
|
+
messageCount: number;
|
|
26
|
+
}
|
|
27
|
+
interface Message {
|
|
28
|
+
id: string | number;
|
|
29
|
+
sessionId: string;
|
|
30
|
+
role: "user" | "assistant";
|
|
31
|
+
content: string;
|
|
32
|
+
images?: string[];
|
|
33
|
+
createTime: string;
|
|
34
|
+
}
|
|
35
|
+
interface SessionQuery {
|
|
36
|
+
pageNum: number;
|
|
37
|
+
pageSize: number;
|
|
38
|
+
title?: string;
|
|
39
|
+
}
|
|
40
|
+
interface StreamData {
|
|
41
|
+
sessionId: string;
|
|
42
|
+
content: string;
|
|
43
|
+
done: boolean;
|
|
44
|
+
error?: string;
|
|
45
|
+
limitReached?: boolean;
|
|
46
|
+
usage?: {
|
|
47
|
+
promptTokens: number;
|
|
48
|
+
completionTokens: number;
|
|
49
|
+
totalTokens: number;
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
interface TokenUsage {
|
|
53
|
+
usedTokens: number;
|
|
54
|
+
limitTokens: number;
|
|
55
|
+
remainingTokens: number;
|
|
56
|
+
requestCount: number;
|
|
57
|
+
limitReached: boolean;
|
|
58
|
+
}
|
|
59
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bidding-group/ai-chat",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "CGS AI Chat — 可独立使用的 Vue 3 AI 聊天插件",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/ai-chat.umd.cjs",
|
|
@@ -26,19 +26,20 @@
|
|
|
26
26
|
"prepare": "pnpm run build"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"
|
|
29
|
+
"element-plus": "^2.0.0",
|
|
30
30
|
"pinia": "^2.0.0",
|
|
31
|
-
"
|
|
31
|
+
"vue": "^3.5.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
+
"@element-plus/icons-vue": "^2.3.0",
|
|
35
|
+
"@vitejs/plugin-vue": "^6.0.0",
|
|
36
|
+
"element-plus": "^2.7.0",
|
|
37
|
+
"pinia": "^2.0.0",
|
|
38
|
+
"sass": "^1.70.0",
|
|
34
39
|
"typescript": "^5.4.0",
|
|
35
40
|
"vite": "^7.0.0",
|
|
36
|
-
"
|
|
37
|
-
"vue-tsc": "^2.0.0",
|
|
41
|
+
"vite-plugin-dts": "^5.0.1",
|
|
38
42
|
"vue": "^3.5.0",
|
|
39
|
-
"
|
|
40
|
-
"element-plus": "^2.7.0",
|
|
41
|
-
"@element-plus/icons-vue": "^2.3.0",
|
|
42
|
-
"sass": "^1.70.0"
|
|
43
|
+
"vue-tsc": "^2.0.0"
|
|
43
44
|
}
|
|
44
45
|
}
|