hermes-web-ui 0.2.5 → 0.2.6
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 +138 -205
- package/bin/hermes-web-ui.mjs +14 -2
- package/dist/assets/{Button-DBOPt_s1.js → Button-BHvh9zmj.js} +1 -1
- package/dist/assets/{ChannelsView-BU9QAub-.css → ChannelsView-C7Wor1FB.css} +1 -1
- package/dist/assets/ChannelsView-DZMniRoi.js +1 -0
- package/dist/assets/ChatView-Dt1eqp6-.js +127 -0
- package/dist/assets/{ChatView-D1SaZAvQ.css → ChatView-gR62J-Xr.css} +1 -1
- package/dist/assets/Close-DYPlamoH.js +45 -0
- package/dist/assets/{FormItem-De01hN-G.js → FormItem-C75Y2lpf.js} +1 -1
- package/dist/assets/Input-CS0p63GR.js +234 -0
- package/dist/assets/InputNumber-lHTE1DBf.js +13 -0
- package/dist/assets/JobsView-DoUtVQm_.css +1 -0
- package/dist/assets/JobsView-kGXDpDGq.js +2 -0
- package/dist/assets/LoginView-BXByybMK.css +1 -0
- package/dist/assets/LoginView-HQwDR5A7.js +1 -0
- package/dist/assets/{LogsView-BgmSycD4.js → LogsView-KPcTBGzh.js} +1 -1
- package/dist/assets/{MarkdownRenderer-z5xC7cOw.js → MarkdownRenderer-Bp-uAEtp.js} +1 -1
- package/dist/assets/{MemoryView-BUZGXC60.js → MemoryView-CWEya0jB.js} +1 -1
- package/dist/assets/{Modal-BLLYorfc.js → Modal-mFCAbKPD.js} +5 -5
- package/dist/assets/{ModelsView-ByryHyh7.js → ModelsView-BdPt2Mo_.js} +1 -1
- package/dist/assets/{ModelsView-DCR-0I10.css → ModelsView-DbBXgw4g.css} +1 -1
- package/dist/assets/Popconfirm-C2OzcGTX.js +16 -0
- package/dist/assets/Popover-CRZpNb8Q.js +117 -0
- package/dist/assets/Scrollbar-CA0Mq0os.js +77 -0
- package/dist/assets/Select-DLECSo9D.js +340 -0
- package/dist/assets/SettingRow-CsKwX-jv.js +1 -0
- package/dist/assets/{SettingsView-Y2Et1YHr.css → SettingsView-Citzr3ci.css} +1 -1
- package/dist/assets/SettingsView-DWXjfdpD.js +352 -0
- package/dist/assets/{SkillsView-CREfL6dQ.css → SkillsView-BNEWlriU.css} +1 -1
- package/dist/assets/{SkillsView-Blcv_g2_.js → SkillsView-Gb4tyJjH.js} +1 -1
- package/dist/assets/{Spin-DiwsqMEC.js → Spin-BbbA3R-G.js} +1 -1
- package/dist/assets/Suffix-BMwB7UJK.js +25 -0
- package/dist/assets/{Switch-Ce0Tgpcj.js → Switch-Xa0U6jwA.js} +2 -2
- package/dist/assets/{Tag-BUJuCRNX.js → Tag-NMAaTGW7.js} +2 -2
- package/dist/assets/TerminalView-B7iMIrM8.css +1 -0
- package/dist/assets/TerminalView-CvTXTM3W.js +36 -0
- package/dist/assets/{Tooltip-C65FWX0W.js → Tooltip-C9RmASqV.js} +1 -1
- package/dist/assets/{UsageView-CKMaJ5W0.css → UsageView-DKigFrVY.css} +1 -1
- package/dist/assets/UsageView-DiCHVrs8.js +1 -0
- package/dist/assets/Warning-CmJYhk3M.js +1 -0
- package/dist/assets/{_plugin-vue_export-helper-DkLSTLBi.js → _plugin-vue_export-helper-NLzeiXdV.js} +1 -1
- package/dist/assets/{app-DtII96CF.js → app-CQZfHgyy.js} +1 -1
- package/dist/assets/app-DeeNNd_a.js +1 -0
- package/dist/assets/{browser-oMT2KRlV.js → browser-DNwI2j4X.js} +1 -1
- package/dist/assets/{chat-nPd2Ount.js → chat-DnFbBAAK.js} +2 -2
- package/dist/assets/context-DLFTSrww.js +1 -0
- package/dist/assets/fade-in-scale-up.cssr-BMJXPg-3.js +1 -0
- package/dist/assets/index-DlNQjiQP.js +306 -0
- package/dist/assets/{index-8v0lZOmS.css → index-TVVcuwR0.css} +1 -1
- package/dist/assets/{jobs-fIgcRW5v.js → jobs-B7U8gZia.js} +1 -1
- package/dist/assets/{pinia-D41F8A9y.js → pinia-DKSOddVw.js} +1 -1
- package/dist/assets/{router-B0PaAFys.js → router-CpYvE976.js} +2 -2
- package/dist/assets/{sessions-Dsqr5aLA.js → sessions-DTV2WuAE.js} +1 -1
- package/dist/assets/{skills-COmQAkb0.js → skills-DwX9oZGG.js} +1 -1
- package/dist/assets/use-compitable-D2-fMbL2.js +1 -0
- package/dist/assets/{use-message-CG8KB3t0.js → use-message-17mZlZe3.js} +1 -1
- package/dist/index.html +22 -18
- package/dist/server/index.js +3 -0
- package/dist/server/routes/terminal.d.ts +2 -0
- package/dist/server/routes/terminal.js +288 -0
- package/package.json +28 -4
- package/dist/assets/ChannelsView-CIZXL3vY.js +0 -1
- package/dist/assets/ChatView-DvAYfM24.js +0 -142
- package/dist/assets/Close-Ck11Jegf.js +0 -45
- package/dist/assets/Input-CyvPny5v.js +0 -234
- package/dist/assets/InputNumber-v7Tkrv97.js +0 -13
- package/dist/assets/JobsView-Cch6Sv2Y.js +0 -2
- package/dist/assets/JobsView-DARa8llR.css +0 -1
- package/dist/assets/LoginView-Cp-xfwtv.css +0 -1
- package/dist/assets/LoginView-DsClZpVT.js +0 -1
- package/dist/assets/Popover-ZzeCeChJ.js +0 -117
- package/dist/assets/Select-CPQQRbMt.js +0 -340
- package/dist/assets/SettingRow-BvAmImkg.js +0 -1
- package/dist/assets/SettingsView-B_5pGI0B.js +0 -352
- package/dist/assets/Suffix-La8FFPWu.js +0 -101
- package/dist/assets/UsageView-MZGY4EKW.js +0 -1
- package/dist/assets/app-DVSCPXta.js +0 -1
- package/dist/assets/context-DRBiUHq_.js +0 -1
- package/dist/assets/index-DNNVWa6r.js +0 -306
- /package/dist/assets/{omit-C6t0n7Zy.js → omit-C4dR5R2G.js} +0 -0
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import{$ as e,A as t,B as n,C as r,D as i,E as a,F as o,G as s,K as c,L as l,N as u,Q as d,R as f,T as p,U as m,V as h,W as g,X as _,_ as v,ct as y,d as b,dt as x,g as S,gt as C,j as w,k as T,m as E,mt as D,ot as O,pt as k,q as A,st as j,w as M,y as N}from"./router-CpYvE976.js";import{r as P,t as F}from"./_plugin-vue_export-helper-NLzeiXdV.js";import{t as I}from"./logo-Cd-t_oGE.js";import{B as L,Q as R,Y as ee,at as z,c as B,ct as V,dt as H,et as U,lt as W,n as G,ot as K,q,s as te,tt as ne,ut as J,z as re}from"./browser-DNwI2j4X.js";import{O as Y,_ as ie,b as X,d as ae,i as oe,l as se,n as ce,o as le,r as ue,t as de,v as fe,w as pe,x as me}from"./Popover-CRZpNb8Q.js";import{i as Z,n as he,s as ge,t as _e}from"./fade-in-scale-up.cssr-BMJXPg-3.js";import{g as Q,h as ve,m as ye,n as be}from"./Scrollbar-CA0Mq0os.js";import{t as xe}from"./Modal-mFCAbKPD.js";import{t as $}from"./Button-BHvh9zmj.js";import{t as Se}from"./Input-CS0p63GR.js";import{t as Ce}from"./Tooltip-C9RmASqV.js";import{t as we}from"./use-message-17mZlZe3.js";import{t as Te}from"./Popconfirm-C2OzcGTX.js";import{t as Ee}from"./app-CQZfHgyy.js";import{t as De}from"./chat-DnFbBAAK.js";import{i as Oe}from"./sessions-DTV2WuAE.js";import{t as ke}from"./MarkdownRenderer-Bp-uAEtp.js";function Ae(e={},t){let r=O({ctrl:!1,command:!1,win:!1,shift:!1,tab:!1}),{keydown:i,keyup:a}=e,o=e=>{switch(e.key){case`Control`:r.ctrl=!0;break;case`Meta`:r.command=!0,r.win=!0;break;case`Shift`:r.shift=!0;break;case`Tab`:r.tab=!0;break}i!==void 0&&Object.keys(i).forEach(t=>{if(t!==e.key)return;let n=i[t];if(typeof n==`function`)n(e);else{let{stop:t=!1,prevent:r=!1}=n;t&&e.stopPropagation(),r&&e.preventDefault(),n.handler(e)}})},s=e=>{switch(e.key){case`Control`:r.ctrl=!1;break;case`Meta`:r.command=!1,r.win=!1;break;case`Shift`:r.shift=!1;break;case`Tab`:r.tab=!1;break}a!==void 0&&Object.keys(a).forEach(t=>{if(t!==e.key)return;let n=a[t];if(typeof n==`function`)n(e);else{let{stop:t=!1,prevent:r=!1}=n;t&&e.stopPropagation(),r&&e.preventDefault(),n.handler(e)}})},c=()=>{(t===void 0||t.value)&&(Q(`keydown`,document,o),Q(`keyup`,document,s)),t!==void 0&&_(t,e=>{e?(Q(`keydown`,document,o),Q(`keyup`,document,s)):(ve(`keydown`,document,o),ve(`keyup`,document,s))})};return Y()?(n(c),h(()=>{(t===void 0||t.value)&&(ve(`keydown`,document,o),ve(`keyup`,document,s))})):c(),j(r)}function je(e,t,n){if(!t)return e;let r=y(e.value),i=null;return _(e,e=>{i!==null&&window.clearTimeout(i),e===!0?n&&!n.value?r.value=!0:i=window.setTimeout(()=>{r.value=!0},t):r.value=!1}),r}function Me(e){return t=>{t?e.value=t.$el:e.value=null}}var Ne=w({name:`ChevronRight`,render(){return u(`svg`,{viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},u(`path`,{d:`M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z`,fill:`currentColor`}))}}),Pe={padding:`4px 0`,optionIconSizeSmall:`14px`,optionIconSizeMedium:`16px`,optionIconSizeLarge:`16px`,optionIconSizeHuge:`18px`,optionSuffixWidthSmall:`14px`,optionSuffixWidthMedium:`14px`,optionSuffixWidthLarge:`16px`,optionSuffixWidthHuge:`16px`,optionIconSuffixWidthSmall:`32px`,optionIconSuffixWidthMedium:`32px`,optionIconSuffixWidthLarge:`36px`,optionIconSuffixWidthHuge:`36px`,optionPrefixWidthSmall:`14px`,optionPrefixWidthMedium:`14px`,optionPrefixWidthLarge:`16px`,optionPrefixWidthHuge:`16px`,optionIconPrefixWidthSmall:`36px`,optionIconPrefixWidthMedium:`36px`,optionIconPrefixWidthLarge:`40px`,optionIconPrefixWidthHuge:`40px`};function Fe(e){let{primaryColor:t,textColor2:n,dividerColor:r,hoverColor:i,popoverColor:a,invertedColor:o,borderRadius:s,fontSizeSmall:c,fontSizeMedium:l,fontSizeLarge:u,fontSizeHuge:d,heightSmall:f,heightMedium:p,heightLarge:m,heightHuge:h,textColor3:g,opacityDisabled:_}=e;return Object.assign(Object.assign({},Pe),{optionHeightSmall:f,optionHeightMedium:p,optionHeightLarge:m,optionHeightHuge:h,borderRadius:s,fontSizeSmall:c,fontSizeMedium:l,fontSizeLarge:u,fontSizeHuge:d,optionTextColor:n,optionTextColorHover:n,optionTextColorActive:t,optionTextColorChildActive:t,color:a,dividerColor:r,suffixColor:n,prefixColor:n,optionColorHover:i,optionColorActive:ne(t,{alpha:.1}),groupHeaderTextColor:g,optionTextColorInverted:`#BBB`,optionTextColorHoverInverted:`#FFF`,optionTextColorActiveInverted:`#FFF`,optionTextColorChildActiveInverted:`#FFF`,colorInverted:o,dividerColorInverted:`#BBB`,suffixColorInverted:`#BBB`,prefixColorInverted:`#BBB`,optionColorHoverInverted:t,optionColorActiveInverted:t,groupHeaderTextColorInverted:`#AAA`,optionOpacityDisabled:_})}var Ie=te({name:`Dropdown`,common:G,peers:{Popover:oe},self:Fe}),Le=R(`n-dropdown-menu`),Re=R(`n-dropdown`),ze=R(`n-dropdown-option`),Be=w({name:`DropdownDivider`,props:{clsPrefix:{type:String,required:!0}},render(){return u(`div`,{class:`${this.clsPrefix}-dropdown-divider`})}}),Ve=w({name:`DropdownGroupHeader`,props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(){let{showIconRef:e,hasSubmenuRef:t}=o(Le),{renderLabelRef:n,labelFieldRef:r,nodePropsRef:i,renderOptionRef:a}=o(Re);return{labelField:r,showIcon:e,hasSubmenu:t,renderLabel:n,nodeProps:i,renderOption:a}},render(){let{clsPrefix:e,hasSubmenu:t,showIcon:n,nodeProps:r,renderLabel:i,renderOption:a}=this,{rawNode:o}=this.tmNode,s=u(`div`,Object.assign({class:`${e}-dropdown-option`},r?.(o)),u(`div`,{class:`${e}-dropdown-option-body ${e}-dropdown-option-body--group`},u(`div`,{"data-dropdown-option":!0,class:[`${e}-dropdown-option-body__prefix`,n&&`${e}-dropdown-option-body__prefix--show-icon`]},Z(o.icon)),u(`div`,{class:`${e}-dropdown-option-body__label`,"data-dropdown-option":!0},i?i(o):Z(o.title??o[this.labelField])),u(`div`,{class:[`${e}-dropdown-option-body__suffix`,t&&`${e}-dropdown-option-body__suffix--has-submenu`],"data-dropdown-option":!0})));return a?a({node:s,option:o}):s}});function He(e){let{textColorBase:t,opacity1:n,opacity2:r,opacity3:i,opacity4:a,opacity5:o}=e;return{color:t,opacity1Depth:n,opacity2Depth:r,opacity3Depth:i,opacity4Depth:a,opacity5Depth:o}}var Ue={name:`Icon`,common:G,self:He},We=K(`icon`,`
|
|
2
|
+
height: 1em;
|
|
3
|
+
width: 1em;
|
|
4
|
+
line-height: 1em;
|
|
5
|
+
text-align: center;
|
|
6
|
+
display: inline-block;
|
|
7
|
+
position: relative;
|
|
8
|
+
fill: currentColor;
|
|
9
|
+
`,[W(`color-transition`,{transition:`color .3s var(--n-bezier)`}),W(`depth`,{color:`var(--n-color)`},[z(`svg`,{opacity:`var(--n-opacity)`,transition:`opacity .3s var(--n-bezier)`})]),z(`svg`,{height:`1em`,width:`1em`})]),Ge=w({_n_icon__:!0,name:`Icon`,inheritAttrs:!1,props:Object.assign(Object.assign({},B.props),{depth:[String,Number],size:[Number,String],color:String,component:[Object,Function]}),setup(e){let{mergedClsPrefixRef:t,inlineThemeDisabled:n}=L(e),i=B(`Icon`,`-icon`,We,Ue,e,t),a=r(()=>{let{depth:t}=e,{common:{cubicBezierEaseInOut:n},self:r}=i.value;if(t!==void 0){let{color:e,[`opacity${t}Depth`]:i}=r;return{"--n-bezier":n,"--n-color":e,"--n-opacity":i}}return{"--n-bezier":n,"--n-color":``,"--n-opacity":``}}),o=n?re(`icon`,r(()=>`${e.depth||`d`}`),a,e):void 0;return{mergedClsPrefix:t,mergedStyle:r(()=>{let{size:t,color:n}=e;return{fontSize:se(t),color:n}}),cssVars:n?void 0:a,themeClass:o?.themeClass,onRender:o?.onRender}},render(){let{$parent:e,depth:t,mergedClsPrefix:n,component:r,onRender:i,themeClass:a}=this;return e?.$options?._n_icon__&&ee(`icon`,"don't wrap `n-icon` inside `n-icon`"),i?.(),u(`i`,l(this.$attrs,{role:`img`,class:[`${n}-icon`,a,{[`${n}-icon--depth`]:t,[`${n}-icon--color-transition`]:t!==void 0}],style:[this.cssVars,this.mergedStyle]}),r?u(r):this.$slots)}});function Ke(e,t){return e.type===`submenu`||e.type===void 0&&e[t]!==void 0}function qe(e){return e.type===`group`}function Je(e){return e.type===`divider`}function Ye(e){return e.type===`render`}var Xe=w({name:`DropdownOption`,props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0},parentKey:{type:[String,Number],default:null},placement:{type:String,default:`right-start`},props:Object,scrollable:Boolean},setup(e){let t=o(Re),{hoverKeyRef:n,keyboardKeyRef:i,lastToggledSubmenuKeyRef:a,pendingKeyPathRef:s,activeKeyPathRef:l,animatedRef:u,mergedShowRef:d,renderLabelRef:f,renderIconRef:p,labelFieldRef:m,childrenFieldRef:h,renderOptionRef:g,nodePropsRef:_,menuPropsRef:v}=t,b=o(ze,null),x=o(Le),S=o(X),C=r(()=>e.tmNode.rawNode),w=r(()=>{let{value:t}=h;return Ke(e.tmNode.rawNode,t)}),T=r(()=>{let{disabled:t}=e.tmNode;return t}),E=je(r(()=>{if(!w.value)return!1;let{key:t,disabled:r}=e.tmNode;if(r)return!1;let{value:o}=n,{value:c}=i,{value:l}=a,{value:u}=s;return o===null?c===null?l===null?!1:u.includes(t):u.includes(t)&&u[u.length-1]!==t:u.includes(t)}),300,r(()=>i.value===null&&!u.value)),D=r(()=>!!b?.enteringSubmenuRef.value),O=y(!1);c(ze,{enteringSubmenuRef:O});function k(){O.value=!0}function A(){O.value=!1}function j(){let{parentKey:t,tmNode:r}=e;r.disabled||d.value&&(a.value=t,i.value=null,n.value=r.key)}function M(){let{tmNode:t}=e;t.disabled||d.value&&n.value!==t.key&&j()}function N(t){if(e.tmNode.disabled||!d.value)return;let{relatedTarget:r}=t;r&&!ge({target:r},`dropdownOption`)&&!ge({target:r},`scrollbarRail`)&&(n.value=null)}function P(){let{value:n}=w,{tmNode:r}=e;d.value&&!n&&!r.disabled&&(t.doSelect(r.key,r.rawNode),t.doUpdateShow(!1))}return{labelField:m,renderLabel:f,renderIcon:p,siblingHasIcon:x.showIconRef,siblingHasSubmenu:x.hasSubmenuRef,menuProps:v,popoverBody:S,animated:u,mergedShowSubmenu:r(()=>E.value&&!D.value),rawNode:C,hasSubmenu:w,pending:U(()=>{let{value:t}=s,{key:n}=e.tmNode;return t.includes(n)}),childActive:U(()=>{let{value:t}=l,{key:n}=e.tmNode,r=t.findIndex(e=>n===e);return r===-1?!1:r<t.length-1}),active:U(()=>{let{value:t}=l,{key:n}=e.tmNode,r=t.findIndex(e=>n===e);return r===-1?!1:r===t.length-1}),mergedDisabled:T,renderOption:g,nodeProps:_,handleClick:P,handleMouseMove:M,handleMouseEnter:j,handleMouseLeave:N,handleSubmenuBeforeEnter:k,handleSubmenuAfterEnter:A}},render(){let{animated:e,rawNode:t,mergedShowSubmenu:n,clsPrefix:r,siblingHasIcon:i,siblingHasSubmenu:a,renderLabel:o,renderIcon:s,renderOption:c,nodeProps:d,props:f,scrollable:p}=this,m=null;if(n){let e=this.menuProps?.call(this,t,t.children);m=u($e,Object.assign({},e,{clsPrefix:r,scrollable:this.scrollable,tmNodes:this.tmNode.children,parentKey:this.tmNode.key}))}let h={class:[`${r}-dropdown-option-body`,this.pending&&`${r}-dropdown-option-body--pending`,this.active&&`${r}-dropdown-option-body--active`,this.childActive&&`${r}-dropdown-option-body--child-active`,this.mergedDisabled&&`${r}-dropdown-option-body--disabled`],onMousemove:this.handleMouseMove,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onClick:this.handleClick},g=d?.(t),_=u(`div`,Object.assign({class:[`${r}-dropdown-option`,g?.class],"data-dropdown-option":!0},g),u(`div`,l(h,f),[u(`div`,{class:[`${r}-dropdown-option-body__prefix`,i&&`${r}-dropdown-option-body__prefix--show-icon`]},[s?s(t):Z(t.icon)]),u(`div`,{"data-dropdown-option":!0,class:`${r}-dropdown-option-body__label`},o?o(t):Z(t[this.labelField]??t.title)),u(`div`,{"data-dropdown-option":!0,class:[`${r}-dropdown-option-body__suffix`,a&&`${r}-dropdown-option-body__suffix--has-submenu`]},this.hasSubmenu?u(Ge,null,{default:()=>u(Ne,null)}):null)]),this.hasSubmenu?u(fe,null,{default:()=>[u(ie,null,{default:()=>u(`div`,{class:`${r}-dropdown-offset-container`},u(ae,{show:this.mergedShowSubmenu,placement:this.placement,to:p&&this.popoverBody||void 0,teleportDisabled:!p},{default:()=>u(`div`,{class:`${r}-dropdown-menu-wrapper`},e?u(b,{onBeforeEnter:this.handleSubmenuBeforeEnter,onAfterEnter:this.handleSubmenuAfterEnter,name:`fade-in-scale-up-transition`,appear:!0},{default:()=>m}):m)}))})]}):null);return c?c({node:_,option:t}):_}}),Ze=w({name:`NDropdownGroup`,props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0},parentKey:{type:[String,Number],default:null}},render(){let{tmNode:e,parentKey:t,clsPrefix:n}=this,{children:r}=e;return u(N,null,u(Ve,{clsPrefix:n,tmNode:e,key:e.key}),r?.map(e=>{let{rawNode:r}=e;return r.show===!1?null:Je(r)?u(Be,{clsPrefix:n,key:e.key}):e.isGroup?(ee(`dropdown`,"`group` node is not allowed to be put in `group` node."),null):u(Xe,{clsPrefix:n,tmNode:e,parentKey:t,key:e.key})}))}}),Qe=w({name:`DropdownRenderOption`,props:{tmNode:{type:Object,required:!0}},render(){let{rawNode:{render:e,props:t}}=this.tmNode;return u(`div`,t,[e?.()])}}),$e=w({name:`DropdownMenu`,props:{scrollable:Boolean,showArrow:Boolean,arrowStyle:[String,Object],clsPrefix:{type:String,required:!0},tmNodes:{type:Array,default:()=>[]},parentKey:{type:[String,Number],default:null}},setup(e){let{renderIconRef:t,childrenFieldRef:n}=o(Re);c(Le,{showIconRef:r(()=>{let n=t.value;return e.tmNodes.some(e=>{if(e.isGroup)return e.children?.some(({rawNode:e})=>n?n(e):e.icon);let{rawNode:t}=e;return n?n(t):t.icon})}),hasSubmenuRef:r(()=>{let{value:t}=n;return e.tmNodes.some(e=>{if(e.isGroup)return e.children?.some(({rawNode:e})=>Ke(e,t));let{rawNode:n}=e;return Ke(n,t)})})});let i=y(null);return c(me,null),c(pe,null),c(X,i),{bodyRef:i}},render(){let{parentKey:e,clsPrefix:t,scrollable:n}=this,r=this.tmNodes.map(r=>{let{rawNode:i}=r;return i.show===!1?null:Ye(i)?u(Qe,{tmNode:r,key:r.key}):Je(i)?u(Be,{clsPrefix:t,key:r.key}):qe(i)?u(Ze,{clsPrefix:t,tmNode:r,parentKey:e,key:r.key}):u(Xe,{clsPrefix:t,tmNode:r,parentKey:e,key:r.key,props:i.props,scrollable:n})});return u(`div`,{class:[`${t}-dropdown-menu`,n&&`${t}-dropdown-menu--scrollable`],ref:`bodyRef`},n?u(be,{contentClass:`${t}-dropdown-menu__content`},{default:()=>r}):r,this.showArrow?ue({clsPrefix:t,arrowStyle:this.arrowStyle,arrowClass:void 0,arrowWrapperClass:void 0,arrowWrapperStyle:void 0}):null)}}),et=K(`dropdown-menu`,`
|
|
10
|
+
transform-origin: var(--v-transform-origin);
|
|
11
|
+
background-color: var(--n-color);
|
|
12
|
+
border-radius: var(--n-border-radius);
|
|
13
|
+
box-shadow: var(--n-box-shadow);
|
|
14
|
+
position: relative;
|
|
15
|
+
transition:
|
|
16
|
+
background-color .3s var(--n-bezier),
|
|
17
|
+
box-shadow .3s var(--n-bezier);
|
|
18
|
+
`,[_e(),K(`dropdown-option`,`
|
|
19
|
+
position: relative;
|
|
20
|
+
`,[z(`a`,`
|
|
21
|
+
text-decoration: none;
|
|
22
|
+
color: inherit;
|
|
23
|
+
outline: none;
|
|
24
|
+
`,[z(`&::before`,`
|
|
25
|
+
content: "";
|
|
26
|
+
position: absolute;
|
|
27
|
+
left: 0;
|
|
28
|
+
right: 0;
|
|
29
|
+
top: 0;
|
|
30
|
+
bottom: 0;
|
|
31
|
+
`)]),K(`dropdown-option-body`,`
|
|
32
|
+
display: flex;
|
|
33
|
+
cursor: pointer;
|
|
34
|
+
position: relative;
|
|
35
|
+
height: var(--n-option-height);
|
|
36
|
+
line-height: var(--n-option-height);
|
|
37
|
+
font-size: var(--n-font-size);
|
|
38
|
+
color: var(--n-option-text-color);
|
|
39
|
+
transition: color .3s var(--n-bezier);
|
|
40
|
+
`,[z(`&::before`,`
|
|
41
|
+
content: "";
|
|
42
|
+
position: absolute;
|
|
43
|
+
top: 0;
|
|
44
|
+
bottom: 0;
|
|
45
|
+
left: 4px;
|
|
46
|
+
right: 4px;
|
|
47
|
+
transition: background-color .3s var(--n-bezier);
|
|
48
|
+
border-radius: var(--n-border-radius);
|
|
49
|
+
`),J(`disabled`,[W(`pending`,`
|
|
50
|
+
color: var(--n-option-text-color-hover);
|
|
51
|
+
`,[V(`prefix, suffix`,`
|
|
52
|
+
color: var(--n-option-text-color-hover);
|
|
53
|
+
`),z(`&::before`,`background-color: var(--n-option-color-hover);`)]),W(`active`,`
|
|
54
|
+
color: var(--n-option-text-color-active);
|
|
55
|
+
`,[V(`prefix, suffix`,`
|
|
56
|
+
color: var(--n-option-text-color-active);
|
|
57
|
+
`),z(`&::before`,`background-color: var(--n-option-color-active);`)]),W(`child-active`,`
|
|
58
|
+
color: var(--n-option-text-color-child-active);
|
|
59
|
+
`,[V(`prefix, suffix`,`
|
|
60
|
+
color: var(--n-option-text-color-child-active);
|
|
61
|
+
`)])]),W(`disabled`,`
|
|
62
|
+
cursor: not-allowed;
|
|
63
|
+
opacity: var(--n-option-opacity-disabled);
|
|
64
|
+
`),W(`group`,`
|
|
65
|
+
font-size: calc(var(--n-font-size) - 1px);
|
|
66
|
+
color: var(--n-group-header-text-color);
|
|
67
|
+
`,[V(`prefix`,`
|
|
68
|
+
width: calc(var(--n-option-prefix-width) / 2);
|
|
69
|
+
`,[W(`show-icon`,`
|
|
70
|
+
width: calc(var(--n-option-icon-prefix-width) / 2);
|
|
71
|
+
`)])]),V(`prefix`,`
|
|
72
|
+
width: var(--n-option-prefix-width);
|
|
73
|
+
display: flex;
|
|
74
|
+
justify-content: center;
|
|
75
|
+
align-items: center;
|
|
76
|
+
color: var(--n-prefix-color);
|
|
77
|
+
transition: color .3s var(--n-bezier);
|
|
78
|
+
z-index: 1;
|
|
79
|
+
`,[W(`show-icon`,`
|
|
80
|
+
width: var(--n-option-icon-prefix-width);
|
|
81
|
+
`),K(`icon`,`
|
|
82
|
+
font-size: var(--n-option-icon-size);
|
|
83
|
+
`)]),V(`label`,`
|
|
84
|
+
white-space: nowrap;
|
|
85
|
+
flex: 1;
|
|
86
|
+
z-index: 1;
|
|
87
|
+
`),V(`suffix`,`
|
|
88
|
+
box-sizing: border-box;
|
|
89
|
+
flex-grow: 0;
|
|
90
|
+
flex-shrink: 0;
|
|
91
|
+
display: flex;
|
|
92
|
+
justify-content: flex-end;
|
|
93
|
+
align-items: center;
|
|
94
|
+
min-width: var(--n-option-suffix-width);
|
|
95
|
+
padding: 0 8px;
|
|
96
|
+
transition: color .3s var(--n-bezier);
|
|
97
|
+
color: var(--n-suffix-color);
|
|
98
|
+
z-index: 1;
|
|
99
|
+
`,[W(`has-submenu`,`
|
|
100
|
+
width: var(--n-option-icon-suffix-width);
|
|
101
|
+
`),K(`icon`,`
|
|
102
|
+
font-size: var(--n-option-icon-size);
|
|
103
|
+
`)]),K(`dropdown-menu`,`pointer-events: all;`)]),K(`dropdown-offset-container`,`
|
|
104
|
+
pointer-events: none;
|
|
105
|
+
position: absolute;
|
|
106
|
+
left: 0;
|
|
107
|
+
right: 0;
|
|
108
|
+
top: -4px;
|
|
109
|
+
bottom: -4px;
|
|
110
|
+
`)]),K(`dropdown-divider`,`
|
|
111
|
+
transition: background-color .3s var(--n-bezier);
|
|
112
|
+
background-color: var(--n-divider-color);
|
|
113
|
+
height: 1px;
|
|
114
|
+
margin: 4px 0;
|
|
115
|
+
`),K(`dropdown-menu-wrapper`,`
|
|
116
|
+
transform-origin: var(--v-transform-origin);
|
|
117
|
+
width: fit-content;
|
|
118
|
+
`),z(`>`,[K(`scrollbar`,`
|
|
119
|
+
height: inherit;
|
|
120
|
+
max-height: inherit;
|
|
121
|
+
`)]),J(`scrollable`,`
|
|
122
|
+
padding: var(--n-padding);
|
|
123
|
+
`),W(`scrollable`,[V(`content`,`
|
|
124
|
+
padding: var(--n-padding);
|
|
125
|
+
`)])]),tt={animated:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},size:String,inverted:Boolean,placement:{type:String,default:`bottom`},onSelect:[Function,Array],options:{type:Array,default:()=>[]},menuProps:Function,showArrow:Boolean,renderLabel:Function,renderIcon:Function,renderOption:Function,nodeProps:Function,labelField:{type:String,default:`label`},keyField:{type:String,default:`key`},childrenField:{type:String,default:`children`},value:[String,Number]},nt=Object.keys(ce),rt=w({name:`Dropdown`,inheritAttrs:!1,props:Object.assign(Object.assign(Object.assign({},ce),tt),B.props),setup(e){let t=y(!1),n=ye(x(e,`show`),t),i=r(()=>{let{keyField:t,childrenField:n}=e;return he(e.options,{getKey(e){return e[t]},getDisabled(e){return e.disabled===!0},getIgnored(e){return e.type===`divider`||e.type===`render`},getChildren(e){return e[n]}})}),a=r(()=>i.value.treeNodes),o=y(null),s=y(null),l=y(null),u=r(()=>o.value??s.value??l.value??null),d=r(()=>i.value.getPath(u.value).keyPath),f=r(()=>i.value.getPath(e.value).keyPath),p=U(()=>e.keyboard&&n.value);Ae({keydown:{ArrowUp:{prevent:!0,handler:O},ArrowRight:{prevent:!0,handler:D},ArrowDown:{prevent:!0,handler:k},ArrowLeft:{prevent:!0,handler:E},Enter:{prevent:!0,handler:A},Escape:T}},p);let{mergedClsPrefixRef:m,inlineThemeDisabled:h,mergedComponentPropsRef:g}=L(e),v=r(()=>e.size||g?.value?.Dropdown?.size||`medium`),b=B(`Dropdown`,`-dropdown`,et,Ie,e,m);c(Re,{labelFieldRef:x(e,`labelField`),childrenFieldRef:x(e,`childrenField`),renderLabelRef:x(e,`renderLabel`),renderIconRef:x(e,`renderIcon`),hoverKeyRef:o,keyboardKeyRef:s,lastToggledSubmenuKeyRef:l,pendingKeyPathRef:d,activeKeyPathRef:f,animatedRef:x(e,`animated`),mergedShowRef:n,nodePropsRef:x(e,`nodeProps`),renderOptionRef:x(e,`renderOption`),menuPropsRef:x(e,`menuProps`),doSelect:S,doUpdateShow:C}),_(n,t=>{!e.animated&&!t&&w()});function S(t,n){let{onSelect:r}=e;r&&q(r,t,n)}function C(n){let{"onUpdate:show":r,onUpdateShow:i}=e;r&&q(r,n),i&&q(i,n),t.value=n}function w(){o.value=null,s.value=null,l.value=null}function T(){C(!1)}function E(){M(`left`)}function D(){M(`right`)}function O(){M(`up`)}function k(){M(`down`)}function A(){let e=j();e?.isLeaf&&n.value&&(S(e.key,e.rawNode),C(!1))}function j(){let{value:e}=i,{value:t}=u;return!e||t===null?null:e.getNode(t)??null}function M(e){let{value:t}=u,{value:{getFirstAvailableNode:n}}=i,r=null;if(t===null){let e=n();e!==null&&(r=e.key)}else{let t=j();if(t){let n;switch(e){case`down`:n=t.getNext();break;case`up`:n=t.getPrev();break;case`right`:n=t.getChild();break;case`left`:n=t.getParent();break}n&&(r=n.key)}}r!==null&&(o.value=null,s.value=r)}let N=r(()=>{let{inverted:t}=e,n=v.value,{common:{cubicBezierEaseInOut:r},self:i}=b.value,{padding:a,dividerColor:o,borderRadius:s,optionOpacityDisabled:c,[H(`optionIconSuffixWidth`,n)]:l,[H(`optionSuffixWidth`,n)]:u,[H(`optionIconPrefixWidth`,n)]:d,[H(`optionPrefixWidth`,n)]:f,[H(`fontSize`,n)]:p,[H(`optionHeight`,n)]:m,[H(`optionIconSize`,n)]:h}=i,g={"--n-bezier":r,"--n-font-size":p,"--n-padding":a,"--n-border-radius":s,"--n-option-height":m,"--n-option-prefix-width":f,"--n-option-icon-prefix-width":d,"--n-option-suffix-width":u,"--n-option-icon-suffix-width":l,"--n-option-icon-size":h,"--n-divider-color":o,"--n-option-opacity-disabled":c};return t?(g[`--n-color`]=i.colorInverted,g[`--n-option-color-hover`]=i.optionColorHoverInverted,g[`--n-option-color-active`]=i.optionColorActiveInverted,g[`--n-option-text-color`]=i.optionTextColorInverted,g[`--n-option-text-color-hover`]=i.optionTextColorHoverInverted,g[`--n-option-text-color-active`]=i.optionTextColorActiveInverted,g[`--n-option-text-color-child-active`]=i.optionTextColorChildActiveInverted,g[`--n-prefix-color`]=i.prefixColorInverted,g[`--n-suffix-color`]=i.suffixColorInverted,g[`--n-group-header-text-color`]=i.groupHeaderTextColorInverted):(g[`--n-color`]=i.color,g[`--n-option-color-hover`]=i.optionColorHover,g[`--n-option-color-active`]=i.optionColorActive,g[`--n-option-text-color`]=i.optionTextColor,g[`--n-option-text-color-hover`]=i.optionTextColorHover,g[`--n-option-text-color-active`]=i.optionTextColorActive,g[`--n-option-text-color-child-active`]=i.optionTextColorChildActive,g[`--n-prefix-color`]=i.prefixColor,g[`--n-suffix-color`]=i.suffixColor,g[`--n-group-header-text-color`]=i.groupHeaderTextColor),g}),P=h?re(`dropdown`,r(()=>`${v.value[0]}${e.inverted?`i`:``}`),N,e):void 0;return{mergedClsPrefix:m,mergedTheme:b,mergedSize:v,tmNodes:a,mergedShow:n,handleAfterLeave:()=>{e.animated&&w()},doUpdateShow:C,cssVars:h?void 0:N,themeClass:P?.themeClass,onRender:P?.onRender}},render(){let e=(e,t,n,r,i)=>{var a;let{mergedClsPrefix:o,menuProps:s}=this;(a=this.onRender)==null||a.call(this);let c=s?.(void 0,this.tmNodes.map(e=>e.rawNode))||{},d={ref:Me(t),class:[e,`${o}-dropdown`,`${o}-dropdown--${this.mergedSize}-size`,this.themeClass],clsPrefix:o,tmNodes:this.tmNodes,style:[...n,this.cssVars],showArrow:this.showArrow,arrowStyle:this.arrowStyle,scrollable:this.scrollable,onMouseenter:r,onMouseleave:i};return u($e,l(this.$attrs,d,c))},{mergedTheme:t}=this,n={show:this.mergedShow,theme:t.peers.Popover,themeOverrides:t.peerOverrides.Popover,internalOnAfterLeave:this.handleAfterLeave,internalRenderBody:e,onUpdateShow:this.doUpdateShow,"onUpdate:show":void 0};return u(de,Object.assign({},le(this.$props,nt),n),{trigger:()=>{var e;return(e=this.$slots).default?.call(e)}})}}),it={class:`chat-input-area`},at={key:0,class:`attachment-previews`},ot=[`src`,`alt`],st={key:1,class:`attachment-file`},ct={class:`file-name`},lt={class:`file-size`},ut=[`onClick`],dt=[`placeholder`],ft={class:`input-actions`},pt=F(w({__name:`ChatInput`,setup(n){let o=De(),{t:c}=P(),l=y(``),u=y(),f=y(),m=y([]),h=y(!1),g=y(0),_=y(!1),v=r(()=>l.value.trim()||m.value.length>0);function b(e){if(m.value.find(t=>t.name===e.name))return;let t=Date.now().toString(36)+Math.random().toString(36).slice(2,8),n=URL.createObjectURL(e);m.value.push({id:t,name:e.name,type:e.type,size:e.size,url:n,file:e})}function x(){f.value?.click()}function S(e){let t=e.target;if(t.files){for(let e of t.files)b(e);t.value=``}}function w(e){let t=Array.from(e.clipboardData?.items||[]).filter(e=>e.type.startsWith(`image/`));if(t.length){e.preventDefault();for(let e of t){let t=e.getAsFile();if(!t)continue;let n=e.type.split(`/`)[1]||`png`;b(new File([t],`pasted-${Date.now()}.${n}`,{type:e.type}))}}}function O(e){e.preventDefault()}function j(e){e.preventDefault(),e.dataTransfer?.types.includes(`Files`)&&(g.value++,h.value=!0)}function F(){g.value--,g.value<=0&&(g.value=0,h.value=!1)}function I(e){e.preventDefault(),g.value=0,h.value=!1;let t=Array.from(e.dataTransfer?.files||[]);if(t.length){for(let e of t)b(e);u.value?.focus()}}function L(){let e=l.value.trim();!e&&m.value.length===0||(o.sendMessage(e,m.value.length>0?m.value:void 0),l.value=``,m.value=[],u.value&&(u.value.style.height=`auto`))}function R(){_.value=!0}function ee(){requestAnimationFrame(()=>{_.value=!1})}function z(e){return _.value||e.isComposing||e.keyCode===229}function B(e){e.key!==`Enter`||e.shiftKey||z(e)||(e.preventDefault(),L())}function V(e){let t=e.target;t.style.height=`auto`,t.style.height=Math.min(t.scrollHeight,100)+`px`}function H(e){let t=m.value.findIndex(t=>t.id===e);t!==-1&&(URL.revokeObjectURL(m.value[t].url),m.value.splice(t,1))}function U(e){return e<1024?e+` B`:e<1024*1024?(e/1024).toFixed(1)+` KB`:(e/(1024*1024)).toFixed(1)+` MB`}function W(e){return e.startsWith(`image/`)}return(n,r)=>(s(),i(`div`,it,[m.value.length>0?(s(),i(`div`,at,[(s(!0),i(N,null,A(m.value,e=>(s(),i(`div`,{key:e.id,class:D([`attachment-preview`,{image:W(e.type)}])},[W(e.type)?(s(),i(`img`,{key:0,src:e.url,alt:e.name,class:`attachment-thumb`},null,8,ot)):(s(),i(`div`,st,[r[2]||=M(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),M(`polyline`,{points:`14 2 14 8 20 8`})],-1),M(`span`,ct,C(e.name),1),M(`span`,lt,C(U(e.size)),1)])),M(`button`,{class:`attachment-remove`,onClick:t=>H(e.id)},[...r[3]||=[M(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),M(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})],-1)]],8,ut)],2))),128))])):a(``,!0),M(`div`,{class:D([`input-wrapper`,{"drag-over":h.value}]),onDragover:O,onDragenter:j,onDragleave:F,onDrop:I},[M(`input`,{ref_key:`fileInputRef`,ref:f,type:`file`,multiple:``,class:`file-input-hidden`,onChange:S},null,544),e(M(`textarea`,{ref_key:`textareaRef`,ref:u,"onUpdate:modelValue":r[0]||=e=>l.value=e,class:`input-textarea`,placeholder:k(c)(`chat.inputPlaceholder`),rows:`1`,onKeydown:B,onCompositionstart:R,onCompositionend:ee,onInput:V,onPaste:w},null,40,dt),[[E,l.value]]),M(`div`,ft,[t(k(Ce),{trigger:`hover`},{trigger:d(()=>[t(k($),{quaternary:``,size:`small`,onClick:x,circle:``},{icon:d(()=>[...r[4]||=[M(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`path`,{d:`M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48`})],-1)]]),_:1})]),default:d(()=>[T(` `+C(k(c)(`chat.attachFiles`)),1)]),_:1}),k(o).isStreaming?(s(),p(k($),{key:0,size:`small`,type:`error`,onClick:r[1]||=e=>k(o).stopStreaming()},{default:d(()=>[T(C(k(c)(`chat.stop`)),1)]),_:1})):a(``,!0),t(k($),{size:`small`,type:`primary`,disabled:!v.value||k(o).isStreaming,onClick:L},{icon:d(()=>[...r[5]||=[M(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`22`,y1:`2`,x2:`11`,y2:`13`}),M(`polygon`,{points:`22 2 15 22 11 13 2 9 22 2`})],-1)]]),default:d(()=>[T(` `+C(k(c)(`chat.send`)),1)]),_:1},8,[`disabled`])])],34)]))}}),[[`__scopeId`,`data-v-474a732e`]]),mt={key:1,width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`,class:`tool-icon`},ht={class:`tool-name`},gt={key:2,class:`tool-preview`},_t={key:3,class:`tool-spinner`},vt={key:4,class:`tool-error-badge`},yt={key:0,class:`tool-details`},bt={key:0,class:`tool-detail-section`},xt={class:`tool-detail-label`},St={class:`tool-detail-code`},Ct={key:1,class:`tool-detail-section`},wt={class:`tool-detail-label`},Tt={class:`tool-detail-code`},Et={key:1,class:`msg-body`},Dt={key:0,src:I,alt:`Hermes`,class:`msg-avatar`},Ot={key:0,class:`msg-attachments`},kt=[`src`,`alt`],At={key:1,class:`msg-attachment-file`},jt={class:`att-name`},Mt={class:`att-size`},Nt={key:2,class:`streaming-dots`},Pt={class:`message-time`},Ft=F(w({__name:`MessageItem`,props:{message:{}},setup(e){let t=e,{t:n}=P(),o=r(()=>t.message.role===`system`),c=y(!1),l=r(()=>new Date(t.message.timestamp).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}));function u(e){return e.startsWith(`image/`)}function d(e){return e<1024?e+` B`:e<1024*1024?(e/1024).toFixed(1)+` KB`:(e/(1024*1024)).toFixed(1)+` MB`}let f=r(()=>(t.message.attachments?.length??0)>0),m=r(()=>!!(t.message.toolArgs||t.message.toolResult)),h=r(()=>{if(!t.message.toolArgs)return``;try{return JSON.stringify(JSON.parse(t.message.toolArgs),null,2)}catch{return t.message.toolArgs}}),g=r(()=>{if(!t.message.toolResult)return``;try{let e=JSON.parse(t.message.toolResult),r=JSON.stringify(e,null,2);return r.length>2e3?r.slice(0,2e3)+`
|
|
126
|
+
`+n(`chat.truncated`):r}catch{let e=t.message.toolResult;return e.length>2e3?e.slice(0,2e3)+`
|
|
127
|
+
`+n(`chat.truncated`):e}});return(t,r)=>(s(),i(`div`,{class:D([`message`,[e.message.role]])},[e.message.role===`tool`?(s(),i(N,{key:0},[M(`div`,{class:D([`tool-line`,{expandable:m.value}]),onClick:r[0]||=e=>m.value&&(c.value=!c.value)},[m.value?(s(),i(`svg`,{key:0,width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,class:D([`tool-chevron`,{rotated:c.value}])},[...r[1]||=[M(`polyline`,{points:`9 18 15 12 9 6`},null,-1)]],2)):(s(),i(`svg`,mt,[...r[2]||=[M(`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z`},null,-1)]])),M(`span`,ht,C(e.message.toolName),1),e.message.toolPreview&&!c.value?(s(),i(`span`,gt,C(e.message.toolPreview),1)):a(``,!0),e.message.toolStatus===`running`?(s(),i(`span`,_t)):a(``,!0),e.message.toolStatus===`error`?(s(),i(`span`,vt,C(k(n)(`chat.error`)),1)):a(``,!0)],2),c.value&&m.value?(s(),i(`div`,yt,[h.value?(s(),i(`div`,bt,[M(`div`,xt,C(k(n)(`chat.arguments`)),1),M(`pre`,St,C(h.value),1)])):a(``,!0),g.value?(s(),i(`div`,Ct,[M(`div`,wt,C(k(n)(`chat.result`)),1),M(`pre`,Tt,C(g.value),1)])):a(``,!0)])):a(``,!0)],64)):(s(),i(`div`,Et,[e.message.role===`assistant`?(s(),i(`img`,Dt)):a(``,!0),M(`div`,{class:D([`msg-content`,e.message.role])},[M(`div`,{class:D([`message-bubble`,{system:o.value}])},[f.value?(s(),i(`div`,Ot,[(s(!0),i(N,null,A(e.message.attachments,e=>(s(),i(`div`,{key:e.id,class:D([`msg-attachment`,{image:u(e.type)}])},[u(e.type)&&e.url?(s(),i(`img`,{key:0,src:e.url,alt:e.name,class:`msg-attachment-thumb`},null,8,kt)):(s(),i(`div`,At,[r[3]||=M(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),M(`polyline`,{points:`14 2 14 8 20 8`})],-1),M(`span`,jt,C(e.name),1),M(`span`,Mt,C(d(e.size)),1)]))],2))),128))])):a(``,!0),e.message.content?(s(),p(ke,{key:1,content:e.message.content},null,8,[`content`])):a(``,!0),e.message.isStreaming&&!e.message.content?(s(),i(`span`,Nt,[...r[4]||=[M(`span`,null,null,-1),M(`span`,null,null,-1),M(`span`,null,null,-1)]])):a(``,!0)],2),M(`div`,Pt,C(l.value),1)],2)]))],2))}}),[[`__scopeId`,`data-v-6d591bdc`]]),It=`/assets/thinking-Cwsva50h.mp4`,Lt={key:0,class:`empty-state`},Rt={key:0,class:`streaming-indicator`},zt=[`src`],Bt={key:0,class:`tool-calls-panel`},Vt={class:`tool-call-name`},Ht={key:0,class:`tool-call-preview`},Ut={key:1,class:`tool-call-spinner`},Wt={key:2,class:`tool-call-error`},Gt=F(w({__name:`MessageList`,setup(e){let n=De(),{t:o}=P(),c=y(),l=r(()=>n.messages.filter(e=>e.role!==`tool`)),u=r(()=>{let e=n.messages,t=-1;for(let n=e.length-1;n>=0;n--)if(e[n].role===`user`){t=n;break}return[...e.filter((e,n)=>e.role===`tool`&&n>t)].reverse()});function m(){f(()=>{c.value&&(c.value.scrollTop=c.value.scrollHeight)})}return _(()=>n.messages.length,m),_(()=>n.messages[n.messages.length-1]?.content,m),_(()=>n.isStreaming,e=>{e&&m()}),_(u,m),(e,r)=>(s(),i(`div`,{ref_key:`listRef`,ref:c,class:`message-list`},[k(n).messages.length===0?(s(),i(`div`,Lt,[r[0]||=M(`img`,{src:`/logo.png`,alt:`Hermes`,class:`empty-logo`},null,-1),M(`p`,null,C(k(o)(`chat.emptyState`)),1)])):a(``,!0),(s(!0),i(N,null,A(l.value,e=>(s(),p(Ft,{key:e.id,message:e},null,8,[`message`]))),128)),t(b,{name:`fade`},{default:d(()=>[k(n).isStreaming?(s(),i(`div`,Rt,[M(`video`,{src:k(It),autoplay:``,loop:``,muted:``,playsinline:``,class:`thinking-video`},null,8,zt),u.value.length>0?(s(),i(`div`,Bt,[(s(!0),i(N,null,A(u.value,e=>(s(),i(`div`,{key:e.id,class:`tool-call-item`},[r[1]||=M(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`,class:`tool-call-icon`},[M(`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z`})],-1),M(`span`,Vt,C(e.toolName),1),e.toolPreview?(s(),i(`span`,Ht,C(e.toolPreview),1)):a(``,!0),e.toolStatus===`running`?(s(),i(`span`,Ut)):a(``,!0),e.toolStatus===`error`?(s(),i(`span`,Wt,C(k(o)(`chat.error`)),1)):a(``,!0)]))),128))])):a(``,!0)])):a(``,!0)]),_:1})],512))}}),[[`__scopeId`,`data-v-21c7a8d2`]]),Kt={class:`chat-panel`},qt={class:`session-list-header`},Jt={key:0,class:`session-list-title`},Yt={class:`session-list-actions`},Xt={key:0,class:`session-items`},Zt={key:0,class:`session-loading`},Qt={key:1,class:`session-empty`},$t=[`onClick`],en={class:`session-group-label`},tn={class:`session-group-count`},nn=[`onClick`,`onContextmenu`],rn={class:`session-item-content`},an={class:`session-item-title`},on={class:`session-item-meta`},sn={key:0,class:`session-item-model`},cn={class:`session-item-time`},ln={class:`chat-main`},un={class:`chat-header`},dn={class:`header-left`},fn={class:`header-session-title`},pn={key:0,class:`source-badge`},mn={class:`header-actions`},hn={key:0,class:`context-info`},gn=F(w({__name:`ChatPanel`,setup(e){let n=De(),o=we(),{t:c}=P(),l=y(!0),u=null;function h(e){n.switchSession(e),u?.matches&&(l.value=!1)}function b(e){e.matches&&l.value&&(l.value=!1)}m(()=>{u=window.matchMedia(`(max-width: 768px)`),b(u),u.addEventListener(`change`,b)}),g(()=>{u?.removeEventListener(`change`,b)});let x=y(!1),w=y(``),E=y(null),O=y(null),j=y(new Set(JSON.parse(localStorage.getItem(`hermes_collapsed_groups`)||`[]`))),F={telegram:`Telegram`,api_server:`API Server`,cli:`CLI`,discord:`Discord`,slack:`Slack`,matrix:`Matrix`,whatsapp:`WhatsApp`,signal:`Signal`,email:`Email`,sms:`SMS`,dingtalk:`DingTalk`,feishu:`Feishu`,wecom:`WeCom`,weixin:`WeChat`,bluebubbles:`iMessage`,mattermost:`Mattermost`,cron:`Cron`};function I(e){return e?F[e]||e:``}function L(e){return e===`api_server`?-1:e===`cron`?999:0}let R=r(()=>{let e=[...n.sessions].sort((e,t)=>t.createdAt-e.createdAt),t=new Map;for(let n of e){let e=n.source||``;t.has(e)||t.set(e,[]),t.get(e).push(n)}return[...t.keys()].sort((e,t)=>{let n=L(e),r=L(t);return n===r?e.localeCompare(t):n-r}).map(e=>({source:e,label:e?I(e):c(`chat.other`),sessions:t.get(e)}))});function ee(e){if(!j.value.has(e))j.value=new Set([...j.value,e]);else{j.value=new Set(R.value.map(e=>e.source).filter(t=>t!==e));let t=R.value.find(t=>t.source===e);t?.sessions.length&&n.switchSession(t.sessions[0].id)}localStorage.setItem(`hermes_collapsed_groups`,JSON.stringify([...j.value]))}_(R,e=>{if(localStorage.getItem(`hermes_collapsed_groups`)!==null){let e=n.activeSession?.source;e&&j.value.has(e)&&(j.value=new Set([...j.value].filter(t=>t!==e)),localStorage.setItem(`hermes_collapsed_groups`,JSON.stringify([...j.value])));return}j.value=new Set(e.slice(1).map(e=>e.source)),localStorage.setItem(`hermes_collapsed_groups`,JSON.stringify([...j.value]))},{once:!0});let z=r(()=>n.activeSession?.title||c(`chat.newChat`)),B=r(()=>(n.activeSession?.inputTokens??0)+(n.activeSession?.outputTokens??0)),V={"claude-opus-4":2e5,"claude-sonnet-4":2e5,"claude-haiku-4":2e5,"claude-3.5-sonnet":2e5,"claude-3.5-haiku":2e5,"claude-3-opus":2e5,"claude-3-sonnet":2e5,"claude-3-haiku":2e5,"gpt-4o":128e3,"gpt-4o-mini":128e3,"gpt-4-turbo":128e3,"gpt-4":8192,"gpt-3.5-turbo":16385,o1:2e5,"o1-mini":128e3,o3:2e5,"o3-mini":2e5,"o4-mini":2e5,"deepseek-chat":65536,"deepseek-reasoner":65536,"gemini-2.5-pro":1e6,"gemini-2.5-flash":1e6,"gemini-2.0-flash":1e6,"glm-4-plus":128e3,"glm-4":128e3,"qwen-max":128e3,"qwen-plus":128e3,"qwen-turbo":128e3},H=r(()=>{let e=n.activeSession?.model||``;for(let[t,n]of Object.entries(V))if(e.includes(t))return n;return null});function U(e){return e>=1e6?(e/1e6).toFixed(1)+`M`:e>=1e3?(e/1e3).toFixed(1)+`k`:String(e)}let W=r(()=>n.activeSession?.source||``);function G(){n.newChat()}function K(e){let t=e||n.activeSessionId;t&&(navigator.clipboard.writeText(t),o.success(c(`common.copied`)))}function q(e){n.deleteSession(e),o.success(c(`chat.sessionDeleted`))}function te(e){let t=new Date(e),n=new Date;return t.toDateString()===n.toDateString()?t.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}):t.toLocaleDateString([],{month:`short`,day:`numeric`})}let ne=r(()=>[{label:c(`chat.rename`),key:`rename`},{label:c(`chat.copySessionId`),key:`copy-id`}]),J=y(null);function re(e,t){e.preventDefault(),J.value=t,Y.value=!0,ie.value=e.clientX,X.value=e.clientY}let Y=y(!1),ie=y(0),X=y(0);function ae(e){if(Y.value=!1,J.value){if(e===`copy-id`)K(J.value);else if(e===`rename`){let e=n.sessions.find(e=>e.id===J.value);E.value=J.value,w.value=e?.title||``,x.value=!0,f(()=>{O.value?.focus()})}}}function oe(){Y.value=!1}async function se(){if(!(!E.value||!w.value.trim())){if(await Oe(E.value,w.value.trim())){let e=n.sessions.find(e=>e.id===E.value);e&&(e.title=w.value.trim()),n.activeSession?.id===E.value&&(n.activeSession.title=w.value.trim()),o.success(c(`chat.renamed`))}else o.error(c(`chat.renameFailed`));x.value=!1}}return(e,r)=>(s(),i(`div`,Kt,[M(`div`,{class:D([`session-backdrop`,{active:l.value}]),onClick:r[0]||=e=>l.value=!1},null,2),M(`aside`,{class:D([`session-list`,{collapsed:!l.value}])},[M(`div`,qt,[l.value?(s(),i(`span`,Jt,C(k(c)(`chat.sessions`)),1)):a(``,!0),M(`div`,Yt,[M(`button`,{class:`session-close-btn`,onClick:r[1]||=e=>l.value=!1},[...r[7]||=[M(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),M(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})],-1)]]),t(k($),{quaternary:``,size:`tiny`,onClick:G,circle:``},{icon:d(()=>[...r[8]||=[M(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),M(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})],-1)]]),_:1})])]),l.value?(s(),i(`div`,Xt,[k(n).isLoadingSessions&&k(n).sessions.length===0?(s(),i(`div`,Zt,C(k(c)(`common.loading`)),1)):k(n).sessions.length===0?(s(),i(`div`,Qt,C(k(c)(`chat.noSessions`)),1)):a(``,!0),(s(!0),i(N,null,A(R.value,e=>(s(),i(N,{key:e.source},[M(`div`,{class:`session-group-header`,onClick:t=>ee(e.source)},[(s(),i(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,class:D([`group-chevron`,{collapsed:j.value.has(e.source)}])},[...r[9]||=[M(`polyline`,{points:`9 18 15 12 9 6`},null,-1)]],2)),M(`span`,en,C(e.label),1),M(`span`,tn,C(e.sessions.length),1)],8,$t),j.value.has(e.source)?a(``,!0):(s(!0),i(N,{key:0},A(e.sessions,e=>(s(),i(`button`,{key:e.id,class:D([`session-item`,{active:e.id===k(n).activeSessionId}]),onClick:t=>h(e.id),onContextmenu:t=>re(t,e.id)},[M(`div`,rn,[M(`span`,an,C(e.title),1),M(`span`,on,[e.model?(s(),i(`span`,sn,C(e.model),1)):a(``,!0),M(`span`,cn,C(te(e.createdAt)),1)])]),e.id!==k(n).activeSessionId||k(n).sessions.length>1?(s(),p(k(Te),{key:0,onPositiveClick:t=>q(e.id)},{trigger:d(()=>[M(`button`,{class:`session-item-delete`,onClick:r[2]||=v(()=>{},[`stop`])},[...r[10]||=[M(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),M(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})],-1)]])]),default:d(()=>[T(` `+C(k(c)(`chat.deleteSession`)),1)]),_:1},8,[`onPositiveClick`])):a(``,!0)],42,nn))),128))],64))),128))])):a(``,!0)],2),t(k(rt),{placement:`bottom-start`,trigger:`manual`,x:ie.value,y:X.value,options:ne.value,show:Y.value,onSelect:ae,onClickoutside:oe},null,8,[`x`,`y`,`options`,`show`]),t(k(xe),{show:x.value,"onUpdate:show":r[4]||=e=>x.value=e,preset:`dialog`,title:k(c)(`chat.renameSession`),"positive-text":k(c)(`common.ok`),"negative-text":k(c)(`common.cancel`),onPositiveClick:se},{default:d(()=>[t(k(Se),{ref_key:`renameInputRef`,ref:O,value:w.value,"onUpdate:value":r[3]||=e=>w.value=e,placeholder:k(c)(`chat.enterNewTitle`),onKeydown:S(se,[`enter`])},null,8,[`value`,`placeholder`])]),_:1},8,[`show`,`title`,`positive-text`,`negative-text`]),M(`div`,ln,[M(`header`,un,[M(`div`,dn,[t(k($),{quaternary:``,size:`small`,onClick:r[5]||=e=>l.value=!l.value,circle:``},{icon:d(()=>[...r[11]||=[M(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`rect`,{x:`3`,y:`3`,width:`7`,height:`7`}),M(`rect`,{x:`14`,y:`3`,width:`7`,height:`7`}),M(`rect`,{x:`3`,y:`14`,width:`7`,height:`7`}),M(`rect`,{x:`14`,y:`14`,width:`7`,height:`7`})],-1)]]),_:1}),M(`span`,fn,C(z.value),1),W.value?(s(),i(`span`,pn,C(I(W.value)),1)):a(``,!0)]),M(`div`,mn,[t(k(Ce),{trigger:`hover`},{trigger:d(()=>[t(k($),{quaternary:``,size:`small`,onClick:r[6]||=e=>K(),circle:``},{icon:d(()=>[...r[12]||=[M(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`rect`,{x:`9`,y:`9`,width:`13`,height:`13`,rx:`2`,ry:`2`}),M(`path`,{d:`M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1`})],-1)]]),_:1})]),default:d(()=>[T(` `+C(k(c)(`chat.copySessionId`)),1)]),_:1}),t(k($),{size:`small`,onClick:G},{icon:d(()=>[...r[13]||=[M(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),M(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})],-1)]]),default:d(()=>[T(` `+C(k(c)(`chat.newChat`)),1)]),_:1})])]),t(Gt),H.value===null?a(``,!0):(s(),i(`div`,hn,[M(`span`,null,C(U(B.value))+` / `+C(U(H.value)),1)])),t(pt)])]))}}),[[`__scopeId`,`data-v-db5d0963`]]),_n={class:`chat-view`},vn=F(w({__name:`ChatView`,setup(e){let n=Ee(),r=De();return m(()=>{n.loadModels(),r.loadSessions()}),(e,n)=>(s(),i(`div`,_n,[t(gn)]))}}),[[`__scopeId`,`data-v-9db9ee3f`]]);export{vn as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.chat-input-area[data-v-474a732e]{border-top:1px solid #e0e0e0;flex-shrink:0;padding:12px 20px 16px}.attachment-previews[data-v-474a732e]{flex-wrap:wrap;gap:8px;padding:0 0 10px;display:flex}.attachment-preview[data-v-474a732e]{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;position:relative;overflow:hidden}.attachment-preview.image[data-v-474a732e]{width:64px;height:64px}.attachment-thumb[data-v-474a732e]{object-fit:cover;width:100%;height:100%}.attachment-file[data-v-474a732e]{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:80px;max-width:140px;padding:8px 12px;display:flex}.attachment-file .file-name[data-v-474a732e]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.attachment-file .file-size[data-v-474a732e]{color:#999;font-size:10px}.attachment-remove[data-v-474a732e]{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.attachment-preview:hover .attachment-remove[data-v-474a732e]{opacity:1}.file-input-hidden[data-v-474a732e]{display:none}.input-wrapper[data-v-474a732e]{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.input-wrapper[data-v-474a732e]:focus-within{border-color:#333}.input-textarea[data-v-474a732e]{color:#1a1a1a;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:100px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow-y:auto}.input-textarea[data-v-474a732e]::placeholder{color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input-actions[data-v-474a732e]{flex-shrink:0;align-items:center;gap:6px;display:flex}.input-wrapper.drag-over[data-v-474a732e]{background-color:#4a90d90a;border-style:dashed;border-color:#4a90d9}.message[data-v-6d591bdc]{flex-direction:column;display:flex}.message.user[data-v-6d591bdc]{align-items:flex-end}.message.user .msg-body[data-v-6d591bdc]{max-width:75%}.message.user .msg-content.user[data-v-6d591bdc]{align-items:flex-end}.message.user .message-bubble[data-v-6d591bdc]{background-color:#e8e8e8;border-radius:10px 10px 4px}.message.assistant[data-v-6d591bdc]{flex-direction:row;align-items:flex-start;gap:8px}.message.assistant .msg-body[data-v-6d591bdc]{max-width:80%}.message.assistant .msg-avatar[data-v-6d591bdc]{flex-shrink:0;width:40px;height:40px;margin-top:2px}.message.assistant .message-bubble[data-v-6d591bdc]{background-color:#f5f5f5;border-radius:10px 10px 10px 4px}.message.tool[data-v-6d591bdc],.message.system[data-v-6d591bdc]{align-items:flex-start}.message.system .message-bubble.system[data-v-6d591bdc]{background-color:#f57f170f;border-left:3px solid #f57f17;border-radius:6px;max-width:80%}.msg-body[data-v-6d591bdc]{align-items:flex-start;gap:8px;max-width:85%;display:flex}.msg-content[data-v-6d591bdc]{flex-direction:column;min-width:0;display:flex}.message-bubble[data-v-6d591bdc]{word-break:break-word;padding:10px 14px;font-size:14px;line-height:1.65}.msg-attachments[data-v-6d591bdc]{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.msg-attachment[data-v-6d591bdc]{background-color:#0000000a;border:1px solid #ebebeb;border-radius:6px;overflow:hidden}.msg-attachment.image[data-v-6d591bdc]{max-width:200px}.msg-attachment-thumb[data-v-6d591bdc]{object-fit:contain;max-width:200px;max-height:160px;display:block}.msg-attachment-file[data-v-6d591bdc]{color:#666;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.msg-attachment-file .att-name[data-v-6d591bdc]{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.msg-attachment-file .att-size[data-v-6d591bdc]{color:#999;flex-shrink:0;font-size:11px}.message-time[data-v-6d591bdc]{color:#999;margin-top:4px;padding:0 4px;font-size:11px}.tool-line[data-v-6d591bdc]{color:#999;border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-size:11px;display:flex}.tool-line.expandable[data-v-6d591bdc]{cursor:pointer}.tool-line.expandable[data-v-6d591bdc]:hover{background:#00000008}.tool-line .tool-name[data-v-6d591bdc]{flex-shrink:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.tool-line .tool-preview[data-v-6d591bdc]{text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.tool-chevron[data-v-6d591bdc]{flex-shrink:0;transition:transform .15s}.tool-chevron.rotated[data-v-6d591bdc]{transform:rotate(90deg)}.tool-spinner[data-v-6d591bdc]{border:1.5px solid #999;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.6s linear infinite spin-6d591bdc}.tool-error-badge[data-v-6d591bdc]{color:#c62828;background:#c6282814;border-radius:3px;padding:0 4px;font-size:9px;line-height:14px}.tool-details[data-v-6d591bdc]{border-left:2px solid #ebebeb;margin-top:2px;margin-left:16px;padding-left:10px}.tool-detail-section[data-v-6d591bdc]{margin-bottom:6px}.tool-detail-label[data-v-6d591bdc]{color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:10px;font-weight:600}.tool-detail-code[data-v-6d591bdc]{color:#666;white-space:pre-wrap;word-break:break-all;background:#f4f4f4;border-radius:6px;max-height:300px;margin:0;padding:6px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;overflow:auto}@keyframes spin-6d591bdc{to{transform:rotate(360deg)}}.streaming-cursor[data-v-6d591bdc]{vertical-align:text-bottom;background-color:#999;width:2px;height:1em;margin-left:2px;animation:.8s infinite blink-6d591bdc;display:inline-block}.streaming-dots[data-v-6d591bdc]{gap:4px;padding:4px 0;display:flex}.streaming-dots span[data-v-6d591bdc]{background-color:#999;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-6d591bdc}.streaming-dots span[data-v-6d591bdc]:nth-child(2){animation-delay:.2s}.streaming-dots span[data-v-6d591bdc]:nth-child(3){animation-delay:.4s}@keyframes blink-6d591bdc{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse-6d591bdc{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (width<=768px){.message.user .msg-body[data-v-6d591bdc],.message.assistant .msg-body[data-v-6d591bdc],.message.system .msg-body[data-v-6d591bdc]{max-width:100%}}.message-list[data-v-21c7a8d2]{background-color:#fff;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.empty-state[data-v-21c7a8d2]{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state .empty-logo[data-v-21c7a8d2]{opacity:.25;width:48px;height:48px}.empty-state p[data-v-21c7a8d2]{font-size:14px}.fade-enter-active[data-v-21c7a8d2],.fade-leave-active[data-v-21c7a8d2]{transition:opacity .4s}.fade-enter-from[data-v-21c7a8d2],.fade-leave-to[data-v-21c7a8d2]{opacity:0}.streaming-indicator[data-v-21c7a8d2]{align-items:flex-start;gap:12px;padding:4px;display:flex}.streaming-indicator .thinking-video[data-v-21c7a8d2]{object-fit:contain;border-radius:10px;flex-shrink:0;width:120px;height:120px}.tool-calls-panel[data-v-21c7a8d2]{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:4px;max-height:120px;padding-top:4px;display:flex;overflow-y:auto}.tool-calls-panel[data-v-21c7a8d2]::-webkit-scrollbar{display:none}.tool-call-item[data-v-21c7a8d2]{color:#666;background:#00000008;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex}.tool-call-item .tool-call-icon[data-v-21c7a8d2]{color:#999;flex-shrink:0}.tool-call-item .tool-call-name[data-v-21c7a8d2]{flex-shrink:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.tool-call-item .tool-call-preview[data-v-21c7a8d2]{text-overflow:ellipsis;white-space:nowrap;color:#999;max-width:300px;overflow:hidden}.tool-call-spinner[data-v-21c7a8d2]{border:1.5px solid #999;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.6s linear infinite spin-21c7a8d2}.tool-call-error[data-v-21c7a8d2]{color:#c62828;background:#c6282814;border-radius:3px;padding:0 4px;font-size:9px;line-height:14px}@keyframes spin-21c7a8d2{to{transform:rotate(360deg)}}.chat-panel[data-v-3291477f]{height:100%;display:flex;position:relative}.session-list[data-v-3291477f]{border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:220px;transition:width .25s,opacity .25s;display:flex;overflow:hidden}.session-list.collapsed[data-v-3291477f]{opacity:0;pointer-events:none;border-right:none;width:0}@media (width<=768px){.session-list[data-v-3291477f]{z-index:10;background:#fff;width:280px;height:100%;position:absolute;top:0;left:0;box-shadow:2px 0 8px #0000001a}.session-list.collapsed[data-v-3291477f]{opacity:0;transform:translate(-100%)}.session-close-btn[data-v-3291477f]{display:flex}.session-backdrop[data-v-3291477f]{z-index:9;opacity:0;pointer-events:none;background:#0006;transition:opacity .15s;position:absolute;inset:0}.session-backdrop.active[data-v-3291477f]{opacity:1;pointer-events:auto}}.session-list-header[data-v-3291477f]{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px;display:flex}.session-list-actions[data-v-3291477f]{align-items:center;gap:4px;display:flex}.session-close-btn[data-v-3291477f]{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;padding:4px;display:none}.session-close-btn[data-v-3291477f]:hover{background:#3333330f}.session-list-title[data-v-3291477f]{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.session-group-header[data-v-3291477f]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:6px 10px 4px;display:flex}.group-chevron[data-v-3291477f]{flex-shrink:0;transition:transform .15s;transform:rotate(90deg)}.group-chevron.collapsed[data-v-3291477f]{transform:rotate(0)}.session-group-label[data-v-3291477f]{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.session-group-count[data-v-3291477f]{color:#999;font-size:10px;font-weight:400}.session-items[data-v-3291477f]{flex:1;padding:0 6px 12px;overflow-y:auto}.session-loading[data-v-3291477f],.session-empty[data-v-3291477f]{color:#999;text-align:center;padding:16px 10px;font-size:12px}.session-item[data-v-3291477f]{cursor:pointer;text-align:left;color:#666;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;padding:8px 10px;transition:all .15s;display:flex}.session-item[data-v-3291477f]:hover{color:#1a1a1a;background:#3333330f}.session-item:hover .session-item-delete[data-v-3291477f]{opacity:1}.session-item.active[data-v-3291477f]{color:#1a1a1a;background:#3333331a;font-weight:500}.session-item-content[data-v-3291477f]{flex:1;overflow:hidden}.session-item-title[data-v-3291477f]{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.session-item-time[data-v-3291477f]{color:#999;font-size:11px}.session-item-meta[data-v-3291477f]{align-items:center;gap:6px;margin-top:2px;display:flex}.session-item-model[data-v-3291477f]{color:#333;text-overflow:ellipsis;white-space:nowrap;background:#33333314;border-radius:3px;flex-shrink:0;max-width:100px;padding:0 5px;font-size:10px;line-height:16px;overflow:hidden}.session-item-delete[data-v-3291477f]{opacity:.5;color:#999;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px;transition:all .15s}.session-item-delete[data-v-3291477f]:hover{color:#c62828;background:#c628281a}.chat-main[data-v-3291477f]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-header[data-v-3291477f]{border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:21px 20px;display:flex}.header-left[data-v-3291477f]{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.header-session-title[data-v-3291477f]{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.source-badge[data-v-3291477f]{color:#999;white-space:nowrap;background:#9999991f;border-radius:8px;flex-shrink:0;padding:1px 7px;font-size:10px;line-height:16px}.header-actions[data-v-3291477f]{flex-shrink:0;align-items:center;gap:4px;display:flex}.context-info[data-v-3291477f]{color:#999;flex-shrink:0;padding:0 20px 4px;font-size:11px}@media (width<=768px){.chat-header[data-v-3291477f]{padding:16px 12px 16px 52px}.context-info[data-v-3291477f]{padding:0 12px 4px}}.chat-view[data-v-9db9ee3f]{height:calc(100 * var(--vh));flex-direction:column;display:flex}
|
|
1
|
+
.chat-input-area[data-v-474a732e]{border-top:1px solid #e0e0e0;flex-shrink:0;padding:12px 20px 16px}.attachment-previews[data-v-474a732e]{flex-wrap:wrap;gap:8px;padding:0 0 10px;display:flex}.attachment-preview[data-v-474a732e]{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;position:relative;overflow:hidden}.attachment-preview.image[data-v-474a732e]{width:64px;height:64px}.attachment-thumb[data-v-474a732e]{object-fit:cover;width:100%;height:100%}.attachment-file[data-v-474a732e]{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:80px;max-width:140px;padding:8px 12px;display:flex}.attachment-file .file-name[data-v-474a732e]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.attachment-file .file-size[data-v-474a732e]{color:#999;font-size:10px}.attachment-remove[data-v-474a732e]{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.attachment-preview:hover .attachment-remove[data-v-474a732e]{opacity:1}.file-input-hidden[data-v-474a732e]{display:none}.input-wrapper[data-v-474a732e]{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.input-wrapper[data-v-474a732e]:focus-within{border-color:#333}.input-textarea[data-v-474a732e]{color:#1a1a1a;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:100px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow-y:auto}.input-textarea[data-v-474a732e]::placeholder{color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input-actions[data-v-474a732e]{flex-shrink:0;align-items:center;gap:6px;display:flex}.input-wrapper.drag-over[data-v-474a732e]{background-color:#4a90d90a;border-style:dashed;border-color:#4a90d9}.message[data-v-6d591bdc]{flex-direction:column;display:flex}.message.user[data-v-6d591bdc]{align-items:flex-end}.message.user .msg-body[data-v-6d591bdc]{max-width:75%}.message.user .msg-content.user[data-v-6d591bdc]{align-items:flex-end}.message.user .message-bubble[data-v-6d591bdc]{background-color:#e8e8e8;border-radius:10px 10px 4px}.message.assistant[data-v-6d591bdc]{flex-direction:row;align-items:flex-start;gap:8px}.message.assistant .msg-body[data-v-6d591bdc]{max-width:80%}.message.assistant .msg-avatar[data-v-6d591bdc]{flex-shrink:0;width:40px;height:40px;margin-top:2px}.message.assistant .message-bubble[data-v-6d591bdc]{background-color:#f5f5f5;border-radius:10px 10px 10px 4px}.message.tool[data-v-6d591bdc],.message.system[data-v-6d591bdc]{align-items:flex-start}.message.system .message-bubble.system[data-v-6d591bdc]{background-color:#f57f170f;border-left:3px solid #f57f17;border-radius:6px;max-width:80%}.msg-body[data-v-6d591bdc]{align-items:flex-start;gap:8px;max-width:85%;display:flex}.msg-content[data-v-6d591bdc]{flex-direction:column;min-width:0;display:flex}.message-bubble[data-v-6d591bdc]{word-break:break-word;padding:10px 14px;font-size:14px;line-height:1.65}.msg-attachments[data-v-6d591bdc]{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.msg-attachment[data-v-6d591bdc]{background-color:#0000000a;border:1px solid #ebebeb;border-radius:6px;overflow:hidden}.msg-attachment.image[data-v-6d591bdc]{max-width:200px}.msg-attachment-thumb[data-v-6d591bdc]{object-fit:contain;max-width:200px;max-height:160px;display:block}.msg-attachment-file[data-v-6d591bdc]{color:#666;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.msg-attachment-file .att-name[data-v-6d591bdc]{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.msg-attachment-file .att-size[data-v-6d591bdc]{color:#999;flex-shrink:0;font-size:11px}.message-time[data-v-6d591bdc]{color:#999;margin-top:4px;padding:0 4px;font-size:11px}.tool-line[data-v-6d591bdc]{color:#999;border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-size:11px;display:flex}.tool-line.expandable[data-v-6d591bdc]{cursor:pointer}.tool-line.expandable[data-v-6d591bdc]:hover{background:#00000008}.tool-line .tool-name[data-v-6d591bdc]{flex-shrink:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.tool-line .tool-preview[data-v-6d591bdc]{text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.tool-chevron[data-v-6d591bdc]{flex-shrink:0;transition:transform .15s}.tool-chevron.rotated[data-v-6d591bdc]{transform:rotate(90deg)}.tool-spinner[data-v-6d591bdc]{border:1.5px solid #999;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.6s linear infinite spin-6d591bdc}.tool-error-badge[data-v-6d591bdc]{color:#c62828;background:#c6282814;border-radius:3px;padding:0 4px;font-size:9px;line-height:14px}.tool-details[data-v-6d591bdc]{border-left:2px solid #ebebeb;margin-top:2px;margin-left:16px;padding-left:10px}.tool-detail-section[data-v-6d591bdc]{margin-bottom:6px}.tool-detail-label[data-v-6d591bdc]{color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:10px;font-weight:600}.tool-detail-code[data-v-6d591bdc]{color:#666;white-space:pre-wrap;word-break:break-all;background:#f4f4f4;border-radius:6px;max-height:300px;margin:0;padding:6px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;overflow:auto}@keyframes spin-6d591bdc{to{transform:rotate(360deg)}}.streaming-cursor[data-v-6d591bdc]{vertical-align:text-bottom;background-color:#999;width:2px;height:1em;margin-left:2px;animation:.8s infinite blink-6d591bdc;display:inline-block}.streaming-dots[data-v-6d591bdc]{gap:4px;padding:4px 0;display:flex}.streaming-dots span[data-v-6d591bdc]{background-color:#999;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-6d591bdc}.streaming-dots span[data-v-6d591bdc]:nth-child(2){animation-delay:.2s}.streaming-dots span[data-v-6d591bdc]:nth-child(3){animation-delay:.4s}@keyframes blink-6d591bdc{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse-6d591bdc{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (width<=768px){.message.user .msg-body[data-v-6d591bdc],.message.assistant .msg-body[data-v-6d591bdc],.message.system .msg-body[data-v-6d591bdc]{max-width:100%}}.message-list[data-v-21c7a8d2]{background-color:#fff;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.empty-state[data-v-21c7a8d2]{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state .empty-logo[data-v-21c7a8d2]{opacity:.25;width:48px;height:48px}.empty-state p[data-v-21c7a8d2]{font-size:14px}.fade-enter-active[data-v-21c7a8d2],.fade-leave-active[data-v-21c7a8d2]{transition:opacity .4s}.fade-enter-from[data-v-21c7a8d2],.fade-leave-to[data-v-21c7a8d2]{opacity:0}.streaming-indicator[data-v-21c7a8d2]{align-items:flex-start;gap:12px;padding:4px;display:flex}.streaming-indicator .thinking-video[data-v-21c7a8d2]{object-fit:contain;border-radius:10px;flex-shrink:0;width:120px;height:120px}.tool-calls-panel[data-v-21c7a8d2]{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:4px;max-height:120px;padding-top:4px;display:flex;overflow-y:auto}.tool-calls-panel[data-v-21c7a8d2]::-webkit-scrollbar{display:none}.tool-call-item[data-v-21c7a8d2]{color:#666;background:#00000008;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex}.tool-call-item .tool-call-icon[data-v-21c7a8d2]{color:#999;flex-shrink:0}.tool-call-item .tool-call-name[data-v-21c7a8d2]{flex-shrink:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.tool-call-item .tool-call-preview[data-v-21c7a8d2]{text-overflow:ellipsis;white-space:nowrap;color:#999;max-width:300px;overflow:hidden}.tool-call-spinner[data-v-21c7a8d2]{border:1.5px solid #999;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.6s linear infinite spin-21c7a8d2}.tool-call-error[data-v-21c7a8d2]{color:#c62828;background:#c6282814;border-radius:3px;padding:0 4px;font-size:9px;line-height:14px}@keyframes spin-21c7a8d2{to{transform:rotate(360deg)}}.chat-panel[data-v-db5d0963]{height:100%;display:flex;position:relative}.session-list[data-v-db5d0963]{border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:220px;transition:width .25s,opacity .25s;display:flex;overflow:hidden}.session-list.collapsed[data-v-db5d0963]{opacity:0;pointer-events:none;border-right:none;width:0}@media (width<=768px){.session-list[data-v-db5d0963]{z-index:10;background:#fff;width:280px;height:100%;position:absolute;top:0;left:0;box-shadow:2px 0 8px #0000001a}.session-list.collapsed[data-v-db5d0963]{opacity:0;transform:translate(-100%)}.session-close-btn[data-v-db5d0963]{display:flex}.session-backdrop[data-v-db5d0963]{z-index:9;opacity:0;pointer-events:none;background:#0006;transition:opacity .15s;position:absolute;inset:0}.session-backdrop.active[data-v-db5d0963]{opacity:1;pointer-events:auto}}.session-list-header[data-v-db5d0963]{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px;display:flex}.session-list-actions[data-v-db5d0963]{align-items:center;gap:4px;display:flex}.session-close-btn[data-v-db5d0963]{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;padding:4px;display:none}.session-close-btn[data-v-db5d0963]:hover{background:#3333330f}.session-list-title[data-v-db5d0963]{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.session-group-header[data-v-db5d0963]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:6px 10px 4px;display:flex}.group-chevron[data-v-db5d0963]{flex-shrink:0;transition:transform .15s;transform:rotate(90deg)}.group-chevron.collapsed[data-v-db5d0963]{transform:rotate(0)}.session-group-label[data-v-db5d0963]{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.session-group-count[data-v-db5d0963]{color:#999;font-size:10px;font-weight:400}.session-items[data-v-db5d0963]{flex:1;padding:0 6px 12px;overflow-y:auto}.session-loading[data-v-db5d0963],.session-empty[data-v-db5d0963]{color:#999;text-align:center;padding:16px 10px;font-size:12px}.session-item[data-v-db5d0963]{cursor:pointer;text-align:left;color:#666;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;padding:8px 10px;transition:all .15s;display:flex}.session-item[data-v-db5d0963]:hover{color:#1a1a1a;background:#3333330f}.session-item:hover .session-item-delete[data-v-db5d0963]{opacity:1}.session-item.active[data-v-db5d0963]{color:#1a1a1a;background:#3333331a;font-weight:500}.session-item-content[data-v-db5d0963]{flex:1;overflow:hidden}.session-item-title[data-v-db5d0963]{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.session-item-time[data-v-db5d0963]{color:#999;font-size:11px}.session-item-meta[data-v-db5d0963]{align-items:center;gap:6px;margin-top:2px;display:flex}.session-item-model[data-v-db5d0963]{color:#333;text-overflow:ellipsis;white-space:nowrap;background:#33333314;border-radius:3px;flex-shrink:0;max-width:100px;padding:0 5px;font-size:10px;line-height:16px;overflow:hidden}.session-item-delete[data-v-db5d0963]{opacity:.5;color:#999;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px;transition:all .15s}.session-item-delete[data-v-db5d0963]:hover{color:#c62828;background:#c628281a}.chat-main[data-v-db5d0963]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-header[data-v-db5d0963]{border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:21px 20px;display:flex}.header-left[data-v-db5d0963]{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.header-session-title[data-v-db5d0963]{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.source-badge[data-v-db5d0963]{color:#999;white-space:nowrap;background:#9999991f;border-radius:8px;flex-shrink:0;padding:1px 7px;font-size:10px;line-height:16px}.header-actions[data-v-db5d0963]{flex-shrink:0;align-items:center;gap:4px;display:flex}.context-info[data-v-db5d0963]{color:#999;flex-shrink:0;padding:0 20px 4px;font-size:11px}@media (width<=768px){.chat-header[data-v-db5d0963]{padding:16px 12px 16px 52px}.context-info[data-v-db5d0963]{padding:0 12px 4px}}.chat-view[data-v-9db9ee3f]{height:calc(100 * var(--vh));flex-direction:column;display:flex}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import{N as e,dt as t,j as n}from"./router-CpYvE976.js";import{at as r,l as i,lt as a,ot as o,ut as s}from"./browser-DNwI2j4X.js";import{a as c,o as l}from"./Scrollbar-CA0Mq0os.js";var u=c(`close`,()=>e(`svg`,{viewBox:`0 0 12 12`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":!0},e(`g`,{stroke:`none`,"stroke-width":`1`,fill:`none`,"fill-rule":`evenodd`},e(`g`,{fill:`currentColor`,"fill-rule":`nonzero`},e(`path`,{d:`M2.08859116,2.2156945 L2.14644661,2.14644661 C2.32001296,1.97288026 2.58943736,1.95359511 2.7843055,2.08859116 L2.85355339,2.14644661 L6,5.293 L9.14644661,2.14644661 C9.34170876,1.95118446 9.65829124,1.95118446 9.85355339,2.14644661 C10.0488155,2.34170876 10.0488155,2.65829124 9.85355339,2.85355339 L6.707,6 L9.85355339,9.14644661 C10.0271197,9.32001296 10.0464049,9.58943736 9.91140884,9.7843055 L9.85355339,9.85355339 C9.67998704,10.0271197 9.41056264,10.0464049 9.2156945,9.91140884 L9.14644661,9.85355339 L6,6.707 L2.85355339,9.85355339 C2.65829124,10.0488155 2.34170876,10.0488155 2.14644661,9.85355339 C1.95118446,9.65829124 1.95118446,9.34170876 2.14644661,9.14644661 L5.293,6 L2.14644661,2.85355339 C1.97288026,2.67998704 1.95359511,2.41056264 2.08859116,2.2156945 L2.14644661,2.14644661 L2.08859116,2.2156945 Z`}))))),d=o(`base-close`,`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
background-color: transparent;
|
|
7
|
+
color: var(--n-close-icon-color);
|
|
8
|
+
border-radius: var(--n-close-border-radius);
|
|
9
|
+
height: var(--n-close-size);
|
|
10
|
+
width: var(--n-close-size);
|
|
11
|
+
font-size: var(--n-close-icon-size);
|
|
12
|
+
outline: none;
|
|
13
|
+
border: none;
|
|
14
|
+
position: relative;
|
|
15
|
+
padding: 0;
|
|
16
|
+
`,[a(`absolute`,`
|
|
17
|
+
height: var(--n-close-icon-size);
|
|
18
|
+
width: var(--n-close-icon-size);
|
|
19
|
+
`),r(`&::before`,`
|
|
20
|
+
content: "";
|
|
21
|
+
position: absolute;
|
|
22
|
+
width: var(--n-close-size);
|
|
23
|
+
height: var(--n-close-size);
|
|
24
|
+
left: 50%;
|
|
25
|
+
top: 50%;
|
|
26
|
+
transform: translateY(-50%) translateX(-50%);
|
|
27
|
+
transition: inherit;
|
|
28
|
+
border-radius: inherit;
|
|
29
|
+
`),s(`disabled`,[r(`&:hover`,`
|
|
30
|
+
color: var(--n-close-icon-color-hover);
|
|
31
|
+
`),r(`&:hover::before`,`
|
|
32
|
+
background-color: var(--n-close-color-hover);
|
|
33
|
+
`),r(`&:focus::before`,`
|
|
34
|
+
background-color: var(--n-close-color-hover);
|
|
35
|
+
`),r(`&:active`,`
|
|
36
|
+
color: var(--n-close-icon-color-pressed);
|
|
37
|
+
`),r(`&:active::before`,`
|
|
38
|
+
background-color: var(--n-close-color-pressed);
|
|
39
|
+
`)]),a(`disabled`,`
|
|
40
|
+
cursor: not-allowed;
|
|
41
|
+
color: var(--n-close-icon-color-disabled);
|
|
42
|
+
background-color: transparent;
|
|
43
|
+
`),a(`round`,[r(`&::before`,`
|
|
44
|
+
border-radius: 50%;
|
|
45
|
+
`)])]),f=n({name:`BaseClose`,props:{isButtonTag:{type:Boolean,default:!0},clsPrefix:{type:String,required:!0},disabled:{type:Boolean,default:void 0},focusable:{type:Boolean,default:!0},round:Boolean,onClick:Function,absolute:Boolean},setup(n){return i(`-base-close`,d,t(n,`clsPrefix`)),()=>{let{clsPrefix:t,disabled:r,absolute:i,round:a,isButtonTag:o}=n;return e(o?`button`:`div`,{type:o?`button`:void 0,tabindex:r||!n.focusable?-1:0,"aria-disabled":r,"aria-label":`close`,role:o?void 0:`button`,disabled:r,class:[`${t}-base-close`,i&&`${t}-base-close--absolute`,r&&`${t}-base-close--disabled`,a&&`${t}-base-close--round`],onMousedown:e=>{n.focusable||e.preventDefault()},onClick:n.onClick},e(l,{clsPrefix:t},{default:()=>e(u,null)}))}}});export{f as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{C as e,F as t,K as n,M as r,N as i,U as a,V as o,X as s,ct as c,d as l,dt as u,j as d}from"./router-
|
|
1
|
+
import{C as e,F as t,K as n,M as r,N as i,U as a,V as o,X as s,ct as c,d as l,dt as u,j as d}from"./router-CpYvE976.js";import{B as f,K as p,L as m,Q as h,Y as g,at as _,c as v,ct as y,dt as b,lt as x,n as S,ot as C,u as w,z as ee}from"./browser-DNwI2j4X.js";import{A as te,a as ne,l as T}from"./Popover-CRZpNb8Q.js";import{n as E}from"./Warning-CmJYhk3M.js";function re(e,n,i){let a=t(e,null);if(a===null)return;let c=r()?.proxy;s(i,l),l(i.value),o(()=>{l(void 0,i.value)});function l(e,t){if(!a)return;let r=a[n];t!==void 0&&u(r,t),e!==void 0&&d(r,e)}function u(e,t){e[t]||(e[t]=[]),e[t].splice(e[t].findIndex(e=>e===c),1)}function d(e,t){e[t]||(e[t]=[]),~e[t].findIndex(e=>e===c)||e[t].push(c)}}var D={feedbackPadding:`4px 0 0 2px`,feedbackHeightSmall:`24px`,feedbackHeightMedium:`24px`,feedbackHeightLarge:`26px`,feedbackFontSizeSmall:`13px`,feedbackFontSizeMedium:`14px`,feedbackFontSizeLarge:`14px`,labelFontSizeLeftSmall:`14px`,labelFontSizeLeftMedium:`14px`,labelFontSizeLeftLarge:`15px`,labelFontSizeTopSmall:`13px`,labelFontSizeTopMedium:`14px`,labelFontSizeTopLarge:`14px`,labelHeightSmall:`24px`,labelHeightMedium:`26px`,labelHeightLarge:`28px`,labelPaddingVertical:`0 0 6px 2px`,labelPaddingHorizontal:`0 12px 0 0`,labelTextAlignVertical:`left`,labelTextAlignHorizontal:`right`,labelFontWeight:`400`};function ie(e){let{heightSmall:t,heightMedium:n,heightLarge:r,textColor1:i,errorColor:a,warningColor:o,lineHeight:s,textColor3:c}=e;return Object.assign(Object.assign({},D),{blankHeightSmall:t,blankHeightMedium:n,blankHeightLarge:r,lineHeight:s,labelTextColor:i,asteriskColor:a,feedbackTextColorError:a,feedbackTextColorWarning:o,feedbackTextColor:c})}var ae={name:`Form`,common:S,self:ie},O=h(`n-form`),oe=h(`n-form-item-insts`),se=C(`form`,[x(`inline`,`
|
|
2
2
|
width: 100%;
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
align-items: flex-start;
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
import{C as e,F as t,K as n,M as r,N as i,R as a,U as o,X as s,Z as c,ct as l,dt as u,j as d,y as f}from"./router-CpYvE976.js";import{B as ee,G as p,K as m,Q as h,R as g,W as _,at as v,c as y,ct as b,d as te,dt as x,et as S,l as C,lt as w,n as T,ot as E,q as D,s as O,t as ne,tt as k,ut as A,z as j}from"./browser-DNwI2j4X.js";import{f as re,g as ie,h as ae,m as oe,o as M,r as N,s as se,t as P,v as ce}from"./Scrollbar-CA0Mq0os.js";import{n as F,t as I}from"./Suffix-BMwB7UJK.js";var L=d({name:`Eye`,render(){return i(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 512 512`},i(`path`,{d:`M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112z`,fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`32`}),i(`circle`,{cx:`256`,cy:`256`,r:`80`,fill:`none`,stroke:`currentColor`,"stroke-miterlimit":`10`,"stroke-width":`32`}))}}),R=d({name:`EyeOff`,render(){return i(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 512 512`},i(`path`,{d:`M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448z`,fill:`currentColor`}),i(`path`,{d:`M255.66 384c-41.49 0-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0 0 75.8-12.58a2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1a204.8 204.8 0 0 1-51.16 6.47z`,fill:`currentColor`}),i(`path`,{d:`M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 0 0-74.89 12.83a2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1a192.82 192.82 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37c34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16a310.72 310.72 0 0 1-64.12 72.73a2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13a343.49 343.49 0 0 0 68.64-78.48a32.2 32.2 0 0 0-.1-34.78z`,fill:`currentColor`}),i(`path`,{d:`M256 160a95.88 95.88 0 0 0-21.37 2.4a2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160z`,fill:`currentColor`}),i(`path`,{d:`M165.78 233.66a2 2 0 0 0-3.38 1a96 96 0 0 0 115 115a2 2 0 0 0 1-3.38z`,fill:`currentColor`}))}}),z={paddingTiny:`0 8px`,paddingSmall:`0 10px`,paddingMedium:`0 12px`,paddingLarge:`0 14px`,clearSize:`16px`};function B(e){let{textColor2:t,textColor3:n,textColorDisabled:r,primaryColor:i,primaryColorHover:a,inputColor:o,inputColorDisabled:s,borderColor:c,warningColor:l,warningColorHover:u,errorColor:d,errorColorHover:f,borderRadius:ee,lineHeight:p,fontSizeTiny:m,fontSizeSmall:h,fontSizeMedium:g,fontSizeLarge:_,heightTiny:v,heightSmall:y,heightMedium:b,heightLarge:te,actionColor:x,clearColor:S,clearColorHover:C,clearColorPressed:w,placeholderColor:T,placeholderColorDisabled:E,iconColor:D,iconColorDisabled:O,iconColorHover:ne,iconColorPressed:A,fontWeight:j}=e;return Object.assign(Object.assign({},z),{fontWeight:j,countTextColorDisabled:r,countTextColor:n,heightTiny:v,heightSmall:y,heightMedium:b,heightLarge:te,fontSizeTiny:m,fontSizeSmall:h,fontSizeMedium:g,fontSizeLarge:_,lineHeight:p,lineHeightTextarea:p,borderRadius:ee,iconSize:`16px`,groupLabelColor:x,groupLabelTextColor:t,textColor:t,textColorDisabled:r,textDecorationColor:t,caretColor:i,placeholderColor:T,placeholderColorDisabled:E,color:o,colorDisabled:s,colorFocus:o,groupLabelBorder:`1px solid ${c}`,border:`1px solid ${c}`,borderHover:`1px solid ${a}`,borderDisabled:`1px solid ${c}`,borderFocus:`1px solid ${a}`,boxShadowFocus:`0 0 0 2px ${k(i,{alpha:.2})}`,loadingColor:i,loadingColorWarning:l,borderWarning:`1px solid ${l}`,borderHoverWarning:`1px solid ${u}`,colorFocusWarning:o,borderFocusWarning:`1px solid ${u}`,boxShadowFocusWarning:`0 0 0 2px ${k(l,{alpha:.2})}`,caretColorWarning:l,loadingColorError:d,borderError:`1px solid ${d}`,borderHoverError:`1px solid ${f}`,colorFocusError:o,borderFocusError:`1px solid ${f}`,boxShadowFocusError:`0 0 0 2px ${k(d,{alpha:.2})}`,caretColorError:d,clearColor:S,clearColorHover:C,clearColorPressed:w,iconColor:D,iconColorDisabled:O,iconColorHover:ne,iconColorPressed:A,suffixTextColor:t})}var V=O({name:`Input`,common:T,peers:{Scrollbar:N},self:B}),H=h(`n-input`),le=E(`input`,`
|
|
2
|
+
max-width: 100%;
|
|
3
|
+
cursor: text;
|
|
4
|
+
line-height: 1.5;
|
|
5
|
+
z-index: auto;
|
|
6
|
+
outline: none;
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
position: relative;
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
border-radius: var(--n-border-radius);
|
|
11
|
+
background-color: var(--n-color);
|
|
12
|
+
transition: background-color .3s var(--n-bezier);
|
|
13
|
+
font-size: var(--n-font-size);
|
|
14
|
+
font-weight: var(--n-font-weight);
|
|
15
|
+
--n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);
|
|
16
|
+
`,[b(`input, textarea`,`
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
flex-grow: 1;
|
|
19
|
+
position: relative;
|
|
20
|
+
`),b(`input-el, textarea-el, input-mirror, textarea-mirror, separator, placeholder`,`
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
font-size: inherit;
|
|
23
|
+
line-height: 1.5;
|
|
24
|
+
font-family: inherit;
|
|
25
|
+
border: none;
|
|
26
|
+
outline: none;
|
|
27
|
+
background-color: #0000;
|
|
28
|
+
text-align: inherit;
|
|
29
|
+
transition:
|
|
30
|
+
-webkit-text-fill-color .3s var(--n-bezier),
|
|
31
|
+
caret-color .3s var(--n-bezier),
|
|
32
|
+
color .3s var(--n-bezier),
|
|
33
|
+
text-decoration-color .3s var(--n-bezier);
|
|
34
|
+
`),b(`input-el, textarea-el`,`
|
|
35
|
+
-webkit-appearance: none;
|
|
36
|
+
scrollbar-width: none;
|
|
37
|
+
width: 100%;
|
|
38
|
+
min-width: 0;
|
|
39
|
+
text-decoration-color: var(--n-text-decoration-color);
|
|
40
|
+
color: var(--n-text-color);
|
|
41
|
+
caret-color: var(--n-caret-color);
|
|
42
|
+
background-color: transparent;
|
|
43
|
+
`,[v(`&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb`,`
|
|
44
|
+
width: 0;
|
|
45
|
+
height: 0;
|
|
46
|
+
display: none;
|
|
47
|
+
`),v(`&::placeholder`,`
|
|
48
|
+
color: #0000;
|
|
49
|
+
-webkit-text-fill-color: transparent !important;
|
|
50
|
+
`),v(`&:-webkit-autofill ~`,[b(`placeholder`,`display: none;`)])]),w(`round`,[A(`textarea`,`border-radius: calc(var(--n-height) / 2);`)]),b(`placeholder`,`
|
|
51
|
+
pointer-events: none;
|
|
52
|
+
position: absolute;
|
|
53
|
+
left: 0;
|
|
54
|
+
right: 0;
|
|
55
|
+
top: 0;
|
|
56
|
+
bottom: 0;
|
|
57
|
+
overflow: hidden;
|
|
58
|
+
color: var(--n-placeholder-color);
|
|
59
|
+
`,[v(`span`,`
|
|
60
|
+
width: 100%;
|
|
61
|
+
display: inline-block;
|
|
62
|
+
`)]),w(`textarea`,[b(`placeholder`,`overflow: visible;`)]),A(`autosize`,`width: 100%;`),w(`autosize`,[b(`textarea-el, input-el`,`
|
|
63
|
+
position: absolute;
|
|
64
|
+
top: 0;
|
|
65
|
+
left: 0;
|
|
66
|
+
height: 100%;
|
|
67
|
+
`)]),E(`input-wrapper`,`
|
|
68
|
+
overflow: hidden;
|
|
69
|
+
display: inline-flex;
|
|
70
|
+
flex-grow: 1;
|
|
71
|
+
position: relative;
|
|
72
|
+
padding-left: var(--n-padding-left);
|
|
73
|
+
padding-right: var(--n-padding-right);
|
|
74
|
+
`),b(`input-mirror`,`
|
|
75
|
+
padding: 0;
|
|
76
|
+
height: var(--n-height);
|
|
77
|
+
line-height: var(--n-height);
|
|
78
|
+
overflow: hidden;
|
|
79
|
+
visibility: hidden;
|
|
80
|
+
position: static;
|
|
81
|
+
white-space: pre;
|
|
82
|
+
pointer-events: none;
|
|
83
|
+
`),b(`input-el`,`
|
|
84
|
+
padding: 0;
|
|
85
|
+
height: var(--n-height);
|
|
86
|
+
line-height: var(--n-height);
|
|
87
|
+
`,[v(`&[type=password]::-ms-reveal`,`display: none;`),v(`+`,[b(`placeholder`,`
|
|
88
|
+
display: flex;
|
|
89
|
+
align-items: center;
|
|
90
|
+
`)])]),A(`textarea`,[b(`placeholder`,`white-space: nowrap;`)]),b(`eye`,`
|
|
91
|
+
display: flex;
|
|
92
|
+
align-items: center;
|
|
93
|
+
justify-content: center;
|
|
94
|
+
transition: color .3s var(--n-bezier);
|
|
95
|
+
`),w(`textarea`,`width: 100%;`,[E(`input-word-count`,`
|
|
96
|
+
position: absolute;
|
|
97
|
+
right: var(--n-padding-right);
|
|
98
|
+
bottom: var(--n-padding-vertical);
|
|
99
|
+
`),w(`resizable`,[E(`input-wrapper`,`
|
|
100
|
+
resize: vertical;
|
|
101
|
+
min-height: var(--n-height);
|
|
102
|
+
`)]),b(`textarea-el, textarea-mirror, placeholder`,`
|
|
103
|
+
height: 100%;
|
|
104
|
+
padding-left: 0;
|
|
105
|
+
padding-right: 0;
|
|
106
|
+
padding-top: var(--n-padding-vertical);
|
|
107
|
+
padding-bottom: var(--n-padding-vertical);
|
|
108
|
+
word-break: break-word;
|
|
109
|
+
display: inline-block;
|
|
110
|
+
vertical-align: bottom;
|
|
111
|
+
box-sizing: border-box;
|
|
112
|
+
line-height: var(--n-line-height-textarea);
|
|
113
|
+
margin: 0;
|
|
114
|
+
resize: none;
|
|
115
|
+
white-space: pre-wrap;
|
|
116
|
+
scroll-padding-block-end: var(--n-padding-vertical);
|
|
117
|
+
`),b(`textarea-mirror`,`
|
|
118
|
+
width: 100%;
|
|
119
|
+
pointer-events: none;
|
|
120
|
+
overflow: hidden;
|
|
121
|
+
visibility: hidden;
|
|
122
|
+
position: static;
|
|
123
|
+
white-space: pre-wrap;
|
|
124
|
+
overflow-wrap: break-word;
|
|
125
|
+
`)]),w(`pair`,[b(`input-el, placeholder`,`text-align: center;`),b(`separator`,`
|
|
126
|
+
display: flex;
|
|
127
|
+
align-items: center;
|
|
128
|
+
transition: color .3s var(--n-bezier);
|
|
129
|
+
color: var(--n-text-color);
|
|
130
|
+
white-space: nowrap;
|
|
131
|
+
`,[E(`icon`,`
|
|
132
|
+
color: var(--n-icon-color);
|
|
133
|
+
`),E(`base-icon`,`
|
|
134
|
+
color: var(--n-icon-color);
|
|
135
|
+
`)])]),w(`disabled`,`
|
|
136
|
+
cursor: not-allowed;
|
|
137
|
+
background-color: var(--n-color-disabled);
|
|
138
|
+
`,[b(`border`,`border: var(--n-border-disabled);`),b(`input-el, textarea-el`,`
|
|
139
|
+
cursor: not-allowed;
|
|
140
|
+
color: var(--n-text-color-disabled);
|
|
141
|
+
text-decoration-color: var(--n-text-color-disabled);
|
|
142
|
+
`),b(`placeholder`,`color: var(--n-placeholder-color-disabled);`),b(`separator`,`color: var(--n-text-color-disabled);`,[E(`icon`,`
|
|
143
|
+
color: var(--n-icon-color-disabled);
|
|
144
|
+
`),E(`base-icon`,`
|
|
145
|
+
color: var(--n-icon-color-disabled);
|
|
146
|
+
`)]),E(`input-word-count`,`
|
|
147
|
+
color: var(--n-count-text-color-disabled);
|
|
148
|
+
`),b(`suffix, prefix`,`color: var(--n-text-color-disabled);`,[E(`icon`,`
|
|
149
|
+
color: var(--n-icon-color-disabled);
|
|
150
|
+
`),E(`internal-icon`,`
|
|
151
|
+
color: var(--n-icon-color-disabled);
|
|
152
|
+
`)])]),A(`disabled`,[b(`eye`,`
|
|
153
|
+
color: var(--n-icon-color);
|
|
154
|
+
cursor: pointer;
|
|
155
|
+
`,[v(`&:hover`,`
|
|
156
|
+
color: var(--n-icon-color-hover);
|
|
157
|
+
`),v(`&:active`,`
|
|
158
|
+
color: var(--n-icon-color-pressed);
|
|
159
|
+
`)]),v(`&:hover`,[b(`state-border`,`border: var(--n-border-hover);`)]),w(`focus`,`background-color: var(--n-color-focus);`,[b(`state-border`,`
|
|
160
|
+
border: var(--n-border-focus);
|
|
161
|
+
box-shadow: var(--n-box-shadow-focus);
|
|
162
|
+
`)])]),b(`border, state-border`,`
|
|
163
|
+
box-sizing: border-box;
|
|
164
|
+
position: absolute;
|
|
165
|
+
left: 0;
|
|
166
|
+
right: 0;
|
|
167
|
+
top: 0;
|
|
168
|
+
bottom: 0;
|
|
169
|
+
pointer-events: none;
|
|
170
|
+
border-radius: inherit;
|
|
171
|
+
border: var(--n-border);
|
|
172
|
+
transition:
|
|
173
|
+
box-shadow .3s var(--n-bezier),
|
|
174
|
+
border-color .3s var(--n-bezier);
|
|
175
|
+
`),b(`state-border`,`
|
|
176
|
+
border-color: #0000;
|
|
177
|
+
z-index: 1;
|
|
178
|
+
`),b(`prefix`,`margin-right: 4px;`),b(`suffix`,`
|
|
179
|
+
margin-left: 4px;
|
|
180
|
+
`),b(`suffix, prefix`,`
|
|
181
|
+
transition: color .3s var(--n-bezier);
|
|
182
|
+
flex-wrap: nowrap;
|
|
183
|
+
flex-shrink: 0;
|
|
184
|
+
line-height: var(--n-height);
|
|
185
|
+
white-space: nowrap;
|
|
186
|
+
display: inline-flex;
|
|
187
|
+
align-items: center;
|
|
188
|
+
justify-content: center;
|
|
189
|
+
color: var(--n-suffix-text-color);
|
|
190
|
+
`,[E(`base-loading`,`
|
|
191
|
+
font-size: var(--n-icon-size);
|
|
192
|
+
margin: 0 2px;
|
|
193
|
+
color: var(--n-loading-color);
|
|
194
|
+
`),E(`base-clear`,`
|
|
195
|
+
font-size: var(--n-icon-size);
|
|
196
|
+
`,[b(`placeholder`,[E(`base-icon`,`
|
|
197
|
+
transition: color .3s var(--n-bezier);
|
|
198
|
+
color: var(--n-icon-color);
|
|
199
|
+
font-size: var(--n-icon-size);
|
|
200
|
+
`)])]),v(`>`,[E(`icon`,`
|
|
201
|
+
transition: color .3s var(--n-bezier);
|
|
202
|
+
color: var(--n-icon-color);
|
|
203
|
+
font-size: var(--n-icon-size);
|
|
204
|
+
`)]),E(`base-icon`,`
|
|
205
|
+
font-size: var(--n-icon-size);
|
|
206
|
+
`)]),E(`input-word-count`,`
|
|
207
|
+
pointer-events: none;
|
|
208
|
+
line-height: 1.5;
|
|
209
|
+
font-size: .85em;
|
|
210
|
+
color: var(--n-count-text-color);
|
|
211
|
+
transition: color .3s var(--n-bezier);
|
|
212
|
+
margin-left: 4px;
|
|
213
|
+
font-variant: tabular-nums;
|
|
214
|
+
`),[`warning`,`error`].map(e=>w(`${e}-status`,[A(`disabled`,[E(`base-loading`,`
|
|
215
|
+
color: var(--n-loading-color-${e})
|
|
216
|
+
`),b(`input-el, textarea-el`,`
|
|
217
|
+
caret-color: var(--n-caret-color-${e});
|
|
218
|
+
`),b(`state-border`,`
|
|
219
|
+
border: var(--n-border-${e});
|
|
220
|
+
`),v(`&:hover`,[b(`state-border`,`
|
|
221
|
+
border: var(--n-border-hover-${e});
|
|
222
|
+
`)]),v(`&:focus`,`
|
|
223
|
+
background-color: var(--n-color-focus-${e});
|
|
224
|
+
`,[b(`state-border`,`
|
|
225
|
+
box-shadow: var(--n-box-shadow-focus-${e});
|
|
226
|
+
border: var(--n-border-focus-${e});
|
|
227
|
+
`)]),w(`focus`,`
|
|
228
|
+
background-color: var(--n-color-focus-${e});
|
|
229
|
+
`,[b(`state-border`,`
|
|
230
|
+
box-shadow: var(--n-box-shadow-focus-${e});
|
|
231
|
+
border: var(--n-border-focus-${e});
|
|
232
|
+
`)])])]))]),ue=E(`input`,[w(`disabled`,[b(`input-el, textarea-el`,`
|
|
233
|
+
-webkit-text-fill-color: var(--n-text-color-disabled);
|
|
234
|
+
`)])]);function U(e){let t=0;for(let n of e)t++;return t}function W(e){return e===``||e==null}function de(e){let t=l(null);function n(){let{value:n}=e;if(!n?.focus){i();return}let{selectionStart:r,selectionEnd:a,value:o}=n;if(r==null||a==null){i();return}t.value={start:r,end:a,beforeText:o.slice(0,r),afterText:o.slice(a)}}function r(){var n;let{value:r}=t,{value:i}=e;if(!r||!i)return;let{value:a}=i,{start:o,beforeText:s,afterText:c}=r,l=a.length;if(a.endsWith(c))l=a.length-c.length;else if(a.startsWith(s))l=s.length;else{let e=s[o-1],t=a.indexOf(e,o-1);t!==-1&&(l=t+1)}(n=i.setSelectionRange)==null||n.call(i,l,l)}function i(){t.value=null}return s(e,i),{recordCursor:n,restoreCursor:r}}var G=d({name:`InputWordCount`,setup(n,{slots:r}){let{mergedValueRef:a,maxlengthRef:o,mergedClsPrefixRef:s,countGraphemesRef:c}=t(H),l=e(()=>{let{value:e}=a;return e===null||Array.isArray(e)?0:(c.value||U)(e)});return()=>{let{value:e}=o,{value:t}=a;return i(`span`,{class:`${s.value}-input-word-count`},p(r.default,{value:t===null||Array.isArray(t)?``:t},()=>[e===void 0?l.value:`${l.value} / ${e}`]))}}}),K=d({name:`Input`,props:Object.assign(Object.assign({},y.props),{bordered:{type:Boolean,default:void 0},type:{type:String,default:`text`},placeholder:[Array,String],defaultValue:{type:[String,Array],default:null},value:[String,Array],disabled:{type:Boolean,default:void 0},size:String,rows:{type:[Number,String],default:3},round:Boolean,minlength:[String,Number],maxlength:[String,Number],clearable:Boolean,autosize:{type:[Boolean,Object],default:!1},pair:Boolean,separator:String,readonly:{type:[String,Boolean],default:!1},passivelyActivated:Boolean,showPasswordOn:String,stateful:{type:Boolean,default:!0},autofocus:Boolean,inputProps:Object,resizable:{type:Boolean,default:!0},showCount:Boolean,loading:{type:Boolean,default:void 0},allowInput:Function,renderCount:Function,onMousedown:Function,onKeydown:Function,onKeyup:[Function,Array],onInput:[Function,Array],onFocus:[Function,Array],onBlur:[Function,Array],onClick:[Function,Array],onChange:[Function,Array],onClear:[Function,Array],countGraphemes:Function,status:String,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],textDecoration:[String,Array],attrSize:{type:Number,default:20},onInputBlur:[Function,Array],onInputFocus:[Function,Array],onDeactivate:[Function,Array],onActivate:[Function,Array],onWrapperFocus:[Function,Array],onWrapperBlur:[Function,Array],internalDeactivateOnEnter:Boolean,internalForceFocus:Boolean,internalLoadingBeforeSuffix:{type:Boolean,default:!0},showPasswordToggle:Boolean}),slots:Object,setup(t){let{mergedClsPrefixRef:i,mergedBorderedRef:d,inlineThemeDisabled:f,mergedRtlRef:p,mergedComponentPropsRef:m}=ee(t),h=y(`Input`,`-input`,le,V,t,i);ne&&C(`-input-safari`,ue,i);let _=l(null),v=l(null),b=l(null),w=l(null),T=l(null),E=l(null),O=l(null),k=de(O),A=l(null),{localeRef:re}=se(`Input`),M=l(t.defaultValue),N=oe(u(t,`value`),M),P=g(t,{mergedSize:e=>{let{size:n}=t;if(n)return n;let{mergedSize:r}=e||{};return r?.value?r.value:m?.value?.Input?.size||`medium`}}),{mergedSizeRef:F,mergedDisabledRef:I,mergedStatusRef:L}=P,R=l(!1),z=l(!1),B=l(!1),U=l(!1),G=null,K=e(()=>{let{placeholder:e,pair:n}=t;return n?Array.isArray(e)?e:e===void 0?[``,``]:[e,e]:e===void 0?[re.value.placeholder]:[e]}),fe=e(()=>{let{value:e}=B,{value:t}=N,{value:n}=K;return!e&&(W(t)||Array.isArray(t)&&W(t[0]))&&n[0]}),pe=e(()=>{let{value:e}=B,{value:t}=N,{value:n}=K;return!e&&n[1]&&(W(t)||Array.isArray(t)&&W(t[1]))}),q=S(()=>t.internalForceFocus||R.value),me=S(()=>{if(I.value||t.readonly||!t.clearable||!q.value&&!z.value)return!1;let{value:e}=N,{value:n}=q;return t.pair?!!(Array.isArray(e)&&(e[0]||e[1]))&&(z.value||n):!!e&&(z.value||n)}),he=e(()=>{let{showPasswordOn:e}=t;if(e)return e;if(t.showPasswordToggle)return`click`}),J=l(!1),ge=e(()=>{let{textDecoration:e}=t;return e?Array.isArray(e)?e.map(e=>({textDecoration:e})):[{textDecoration:e}]:[``,``]}),_e=l(void 0),ve=()=>{if(t.type===`textarea`){let{autosize:e}=t;if(e&&(_e.value=A.value?.$el?.offsetWidth),!v.value||typeof e==`boolean`)return;let{paddingTop:n,paddingBottom:r,lineHeight:i}=window.getComputedStyle(v.value),a=Number(n.slice(0,-2)),o=Number(r.slice(0,-2)),s=Number(i.slice(0,-2)),{value:c}=b;if(!c)return;if(e.minRows){let t=Math.max(e.minRows,1),n=`${a+o+s*t}px`;c.style.minHeight=n}if(e.maxRows){let t=`${a+o+s*e.maxRows}px`;c.style.maxHeight=t}}},ye=e(()=>{let{maxlength:e}=t;return e===void 0?void 0:Number(e)});o(()=>{let{value:e}=N;Array.isArray(e)||nt(e)});let be=r().proxy;function Y(e,n){let{onUpdateValue:r,"onUpdate:value":i,onInput:a}=t,{nTriggerFormInput:o}=P;r&&D(r,e,n),i&&D(i,e,n),a&&D(a,e,n),M.value=e,o()}function X(e,n){let{onChange:r}=t,{nTriggerFormChange:i}=P;r&&D(r,e,n),M.value=e,i()}function xe(e){let{onBlur:n}=t,{nTriggerFormBlur:r}=P;n&&D(n,e),r()}function Se(e){let{onFocus:n}=t,{nTriggerFormFocus:r}=P;n&&D(n,e),r()}function Ce(e){let{onClear:n}=t;n&&D(n,e)}function we(e){let{onInputBlur:n}=t;n&&D(n,e)}function Te(e){let{onInputFocus:n}=t;n&&D(n,e)}function Ee(){let{onDeactivate:e}=t;e&&D(e)}function De(){let{onActivate:e}=t;e&&D(e)}function Oe(e){let{onClick:n}=t;n&&D(n,e)}function ke(e){let{onWrapperFocus:n}=t;n&&D(n,e)}function Ae(e){let{onWrapperBlur:n}=t;n&&D(n,e)}function je(){B.value=!0}function Me(e){B.value=!1,e.target===E.value?Z(e,1):Z(e,0)}function Z(e,n=0,r=`input`){let i=e.target.value;if(nt(i),e instanceof InputEvent&&!e.isComposing&&(B.value=!1),t.type===`textarea`){let{value:e}=A;e&&e.syncUnifiedContainer()}if(G=i,B.value)return;k.recordCursor();let o=Ne(i);if(o)if(!t.pair)r===`input`?Y(i,{source:n}):X(i,{source:n});else{let{value:e}=N;e=Array.isArray(e)?[e[0],e[1]]:[``,``],e[n]=i,r===`input`?Y(e,{source:n}):X(e,{source:n})}be.$forceUpdate(),o||a(k.restoreCursor)}function Ne(e){let{countGraphemes:n,maxlength:r,minlength:i}=t;if(n){let t;if(r!==void 0&&(t===void 0&&(t=n(e)),t>Number(r))||i!==void 0&&(t===void 0&&(t=n(e)),t<Number(r)))return!1}let{allowInput:a}=t;return typeof a==`function`?a(e):!0}function Pe(e){we(e),e.relatedTarget===_.value&&Ee(),e.relatedTarget!==null&&(e.relatedTarget===T.value||e.relatedTarget===E.value||e.relatedTarget===v.value)||(U.value=!1),Q(e,`blur`),O.value=null}function Fe(e,t){Te(e),R.value=!0,U.value=!0,De(),Q(e,`focus`),t===0?O.value=T.value:t===1?O.value=E.value:t===2&&(O.value=v.value)}function Ie(e){t.passivelyActivated&&(Ae(e),Q(e,`blur`))}function Le(e){t.passivelyActivated&&(R.value=!0,ke(e),Q(e,`focus`))}function Q(e,t){e.relatedTarget!==null&&(e.relatedTarget===T.value||e.relatedTarget===E.value||e.relatedTarget===v.value||e.relatedTarget===_.value)||(t===`focus`?(Se(e),R.value=!0):t===`blur`&&(xe(e),R.value=!1))}function Re(e,t){Z(e,t,`change`)}function ze(e){Oe(e)}function Be(e){Ce(e),Ve()}function Ve(){t.pair?(Y([``,``],{source:`clear`}),X([``,``],{source:`clear`})):(Y(``,{source:`clear`}),X(``,{source:`clear`}))}function He(e){let{onMousedown:n}=t;n&&n(e);let{tagName:r}=e.target;if(r!==`INPUT`&&r!==`TEXTAREA`){if(t.resizable){let{value:t}=_;if(t){let{left:n,top:r,width:i,height:a}=t.getBoundingClientRect();if(n+i-14<e.clientX&&e.clientX<n+i&&r+a-14<e.clientY&&e.clientY<r+a)return}}e.preventDefault(),R.value||Xe()}}function Ue(){var e;z.value=!0,t.type===`textarea`&&((e=A.value)==null||e.handleMouseEnterWrapper())}function We(){var e;z.value=!1,t.type===`textarea`&&((e=A.value)==null||e.handleMouseLeaveWrapper())}function Ge(){I.value||he.value===`click`&&(J.value=!J.value)}function Ke(e){if(I.value)return;e.preventDefault();let t=e=>{e.preventDefault(),ae(`mouseup`,document,t)};if(ie(`mouseup`,document,t),he.value!==`mousedown`)return;J.value=!0;let n=()=>{J.value=!1,ae(`mouseup`,document,n)};ie(`mouseup`,document,n)}function qe(e){t.onKeyup&&D(t.onKeyup,e)}function Je(e){switch(t.onKeydown&&D(t.onKeydown,e),e.key){case`Escape`:$();break;case`Enter`:Ye(e);break}}function Ye(e){var n,r;if(t.passivelyActivated){let{value:i}=U;if(i){t.internalDeactivateOnEnter&&$();return}e.preventDefault(),t.type===`textarea`?(n=v.value)==null||n.focus():(r=T.value)==null||r.focus()}}function $(){t.passivelyActivated&&(U.value=!1,a(()=>{var e;(e=_.value)==null||e.focus()}))}function Xe(){var e,n,r;I.value||(t.passivelyActivated?(e=_.value)==null||e.focus():((n=v.value)==null||n.focus(),(r=T.value)==null||r.focus()))}function Ze(){_.value?.contains(document.activeElement)&&document.activeElement.blur()}function Qe(){var e,t;(e=v.value)==null||e.select(),(t=T.value)==null||t.select()}function $e(){I.value||(v.value?v.value.focus():T.value&&T.value.focus())}function et(){let{value:e}=_;e?.contains(document.activeElement)&&e!==document.activeElement&&$()}function tt(e){if(t.type===`textarea`){let{value:t}=v;t?.scrollTo(e)}else{let{value:t}=T;t?.scrollTo(e)}}function nt(e){let{type:n,pair:r,autosize:i}=t;if(!r&&i)if(n===`textarea`){let{value:t}=b;t&&(t.textContent=`${e??``}\r\n`)}else{let{value:t}=w;t&&(e?t.textContent=e:t.innerHTML=` `)}}function rt(){ve()}let it=l({top:`0`});function at(e){var t;let{scrollTop:n}=e.target;it.value.top=`${-n}px`,(t=A.value)==null||t.syncUnifiedContainer()}let ot=null;c(()=>{let{autosize:e,type:n}=t;e&&n===`textarea`?ot=s(N,e=>{!Array.isArray(e)&&e!==G&&nt(e)}):ot?.()});let st=null;c(()=>{t.type===`textarea`?st=s(N,e=>{var t;!Array.isArray(e)&&e!==G&&((t=A.value)==null||t.syncUnifiedContainer())}):st?.()}),n(H,{mergedValueRef:N,maxlengthRef:ye,mergedClsPrefixRef:i,countGraphemesRef:u(t,`countGraphemes`)});let ct={wrapperElRef:_,inputElRef:T,textareaElRef:v,isCompositing:B,clear:Ve,focus:Xe,blur:Ze,select:Qe,deactivate:et,activate:$e,scrollTo:tt},lt=te(`Input`,p,i),ut=e(()=>{let{value:e}=F,{common:{cubicBezierEaseInOut:t},self:{color:n,borderRadius:r,textColor:i,caretColor:a,caretColorError:o,caretColorWarning:s,textDecorationColor:c,border:l,borderDisabled:u,borderHover:d,borderFocus:f,placeholderColor:ee,placeholderColorDisabled:p,lineHeightTextarea:m,colorDisabled:g,colorFocus:_,textColorDisabled:v,boxShadowFocus:y,iconSize:b,colorFocusWarning:te,boxShadowFocusWarning:S,borderWarning:C,borderFocusWarning:w,borderHoverWarning:T,colorFocusError:E,boxShadowFocusError:D,borderError:O,borderFocusError:ne,borderHoverError:k,clearSize:A,clearColor:j,clearColorHover:re,clearColorPressed:ie,iconColor:ae,iconColorDisabled:oe,suffixTextColor:M,countTextColor:N,countTextColorDisabled:se,iconColorHover:P,iconColorPressed:I,loadingColor:L,loadingColorError:R,loadingColorWarning:z,fontWeight:B,[x(`padding`,e)]:V,[x(`fontSize`,e)]:H,[x(`height`,e)]:le}}=h.value,{left:ue,right:U}=ce(V);return{"--n-bezier":t,"--n-count-text-color":N,"--n-count-text-color-disabled":se,"--n-color":n,"--n-font-size":H,"--n-font-weight":B,"--n-border-radius":r,"--n-height":le,"--n-padding-left":ue,"--n-padding-right":U,"--n-text-color":i,"--n-caret-color":a,"--n-text-decoration-color":c,"--n-border":l,"--n-border-disabled":u,"--n-border-hover":d,"--n-border-focus":f,"--n-placeholder-color":ee,"--n-placeholder-color-disabled":p,"--n-icon-size":b,"--n-line-height-textarea":m,"--n-color-disabled":g,"--n-color-focus":_,"--n-text-color-disabled":v,"--n-box-shadow-focus":y,"--n-loading-color":L,"--n-caret-color-warning":s,"--n-color-focus-warning":te,"--n-box-shadow-focus-warning":S,"--n-border-warning":C,"--n-border-focus-warning":w,"--n-border-hover-warning":T,"--n-loading-color-warning":z,"--n-caret-color-error":o,"--n-color-focus-error":E,"--n-box-shadow-focus-error":D,"--n-border-error":O,"--n-border-focus-error":ne,"--n-border-hover-error":k,"--n-loading-color-error":R,"--n-clear-color":j,"--n-clear-size":A,"--n-clear-color-hover":re,"--n-clear-color-pressed":ie,"--n-icon-color":ae,"--n-icon-color-hover":P,"--n-icon-color-pressed":I,"--n-icon-color-disabled":oe,"--n-suffix-text-color":M}}),dt=f?j(`input`,e(()=>{let{value:e}=F;return e[0]}),ut,t):void 0;return Object.assign(Object.assign({},ct),{wrapperElRef:_,inputElRef:T,inputMirrorElRef:w,inputEl2Ref:E,textareaElRef:v,textareaMirrorElRef:b,textareaScrollbarInstRef:A,rtlEnabled:lt,uncontrolledValue:M,mergedValue:N,passwordVisible:J,mergedPlaceholder:K,showPlaceholder1:fe,showPlaceholder2:pe,mergedFocus:q,isComposing:B,activated:U,showClearButton:me,mergedSize:F,mergedDisabled:I,textDecorationStyle:ge,mergedClsPrefix:i,mergedBordered:d,mergedShowPasswordOn:he,placeholderStyle:it,mergedStatus:L,textAreaScrollContainerWidth:_e,handleTextAreaScroll:at,handleCompositionStart:je,handleCompositionEnd:Me,handleInput:Z,handleInputBlur:Pe,handleInputFocus:Fe,handleWrapperBlur:Ie,handleWrapperFocus:Le,handleMouseEnter:Ue,handleMouseLeave:We,handleMouseDown:He,handleChange:Re,handleClick:ze,handleClear:Be,handlePasswordToggleClick:Ge,handlePasswordToggleMousedown:Ke,handleWrapperKeydown:Je,handleWrapperKeyup:qe,handleTextAreaMirrorResize:rt,getTextareaScrollContainer:()=>v.value,mergedTheme:h,cssVars:f?void 0:ut,themeClass:dt?.themeClass,onRender:dt?.onRender})},render(){let{mergedClsPrefix:e,mergedStatus:t,themeClass:n,type:r,countGraphemes:a,onRender:o}=this,s=this.$slots;return o?.(),i(`div`,{ref:`wrapperElRef`,class:[`${e}-input`,`${e}-input--${this.mergedSize}-size`,n,t&&`${e}-input--${t}-status`,{[`${e}-input--rtl`]:this.rtlEnabled,[`${e}-input--disabled`]:this.mergedDisabled,[`${e}-input--textarea`]:r===`textarea`,[`${e}-input--resizable`]:this.resizable&&!this.autosize,[`${e}-input--autosize`]:this.autosize,[`${e}-input--round`]:this.round&&r!==`textarea`,[`${e}-input--pair`]:this.pair,[`${e}-input--focus`]:this.mergedFocus,[`${e}-input--stateful`]:this.stateful}],style:this.cssVars,tabindex:!this.mergedDisabled&&this.passivelyActivated&&!this.activated?0:void 0,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd,onKeyup:this.handleWrapperKeyup,onKeydown:this.handleWrapperKeydown},i(`div`,{class:`${e}-input-wrapper`},m(s.prefix,t=>t&&i(`div`,{class:`${e}-input__prefix`},t)),r===`textarea`?i(P,{ref:`textareaScrollbarInstRef`,class:`${e}-input__textarea`,container:this.getTextareaScrollContainer,theme:this.theme?.peers?.Scrollbar,themeOverrides:this.themeOverrides?.peers?.Scrollbar,triggerDisplayManually:!0,useUnifiedContainer:!0,internalHoistYRail:!0},{default:()=>{let{textAreaScrollContainerWidth:t}=this,n={width:this.autosize&&t&&`${t}px`};return i(f,null,i(`textarea`,Object.assign({},this.inputProps,{ref:`textareaElRef`,class:[`${e}-input__textarea-el`,this.inputProps?.class],autofocus:this.autofocus,rows:Number(this.rows),placeholder:this.placeholder,value:this.mergedValue,disabled:this.mergedDisabled,maxlength:a?void 0:this.maxlength,minlength:a?void 0:this.minlength,readonly:this.readonly,tabindex:this.passivelyActivated&&!this.activated?-1:void 0,style:[this.textDecorationStyle[0],this.inputProps?.style,n],onBlur:this.handleInputBlur,onFocus:e=>{this.handleInputFocus(e,2)},onInput:this.handleInput,onChange:this.handleChange,onScroll:this.handleTextAreaScroll})),this.showPlaceholder1?i(`div`,{class:`${e}-input__placeholder`,style:[this.placeholderStyle,n],key:`placeholder`},this.mergedPlaceholder[0]):null,this.autosize?i(re,{onResize:this.handleTextAreaMirrorResize},{default:()=>i(`div`,{ref:`textareaMirrorElRef`,class:`${e}-input__textarea-mirror`,key:`mirror`})}):null)}}):i(`div`,{class:`${e}-input__input`},i(`input`,Object.assign({type:r===`password`&&this.mergedShowPasswordOn&&this.passwordVisible?`text`:r},this.inputProps,{ref:`inputElRef`,class:[`${e}-input__input-el`,this.inputProps?.class],style:[this.textDecorationStyle[0],this.inputProps?.style],tabindex:this.passivelyActivated&&!this.activated?-1:this.inputProps?.tabindex,placeholder:this.mergedPlaceholder[0],disabled:this.mergedDisabled,maxlength:a?void 0:this.maxlength,minlength:a?void 0:this.minlength,value:Array.isArray(this.mergedValue)?this.mergedValue[0]:this.mergedValue,readonly:this.readonly,autofocus:this.autofocus,size:this.attrSize,onBlur:this.handleInputBlur,onFocus:e=>{this.handleInputFocus(e,0)},onInput:e=>{this.handleInput(e,0)},onChange:e=>{this.handleChange(e,0)}})),this.showPlaceholder1?i(`div`,{class:`${e}-input__placeholder`},i(`span`,null,this.mergedPlaceholder[0])):null,this.autosize?i(`div`,{class:`${e}-input__input-mirror`,key:`mirror`,ref:`inputMirrorElRef`},`\xA0`):null),!this.pair&&m(s.suffix,t=>t||this.clearable||this.showCount||this.mergedShowPasswordOn||this.loading!==void 0?i(`div`,{class:`${e}-input__suffix`},[m(s[`clear-icon-placeholder`],t=>(this.clearable||t)&&i(F,{clsPrefix:e,show:this.showClearButton,onClear:this.handleClear},{placeholder:()=>t,icon:()=>{var e;return(e=this.$slots)[`clear-icon`]?.call(e)}})),this.internalLoadingBeforeSuffix?null:t,this.loading===void 0?null:i(I,{clsPrefix:e,loading:this.loading,showArrow:!1,showClear:!1,style:this.cssVars}),this.internalLoadingBeforeSuffix?t:null,this.showCount&&this.type!==`textarea`?i(G,null,{default:e=>{let{renderCount:t}=this;return t?t(e):s.count?.call(s,e)}}):null,this.mergedShowPasswordOn&&this.type===`password`?i(`div`,{class:`${e}-input__eye`,onMousedown:this.handlePasswordToggleMousedown,onClick:this.handlePasswordToggleClick},this.passwordVisible?_(s[`password-visible-icon`],()=>[i(M,{clsPrefix:e},{default:()=>i(L,null)})]):_(s[`password-invisible-icon`],()=>[i(M,{clsPrefix:e},{default:()=>i(R,null)})])):null]):null)),this.pair?i(`span`,{class:`${e}-input__separator`},_(s.separator,()=>[this.separator])):null,this.pair?i(`div`,{class:`${e}-input-wrapper`},i(`div`,{class:`${e}-input__input`},i(`input`,{ref:`inputEl2Ref`,type:this.type,class:`${e}-input__input-el`,tabindex:this.passivelyActivated&&!this.activated?-1:void 0,placeholder:this.mergedPlaceholder[1],disabled:this.mergedDisabled,maxlength:a?void 0:this.maxlength,minlength:a?void 0:this.minlength,value:Array.isArray(this.mergedValue)?this.mergedValue[1]:void 0,readonly:this.readonly,style:this.textDecorationStyle[1],onBlur:this.handleInputBlur,onFocus:e=>{this.handleInputFocus(e,1)},onInput:e=>{this.handleInput(e,1)},onChange:e=>{this.handleChange(e,1)}}),this.showPlaceholder2?i(`div`,{class:`${e}-input__placeholder`},i(`span`,null,this.mergedPlaceholder[1])):null),m(s.suffix,t=>(this.clearable||t)&&i(`div`,{class:`${e}-input__suffix`},[this.clearable&&i(F,{clsPrefix:e,show:this.showClearButton,onClear:this.handleClear},{icon:()=>s[`clear-icon`]?.call(s),placeholder:()=>s[`clear-icon-placeholder`]?.call(s)}),t]))):null,this.mergedBordered?i(`div`,{class:`${e}-input__border`}):null,this.mergedBordered?i(`div`,{class:`${e}-input__state-border`}):null,this.showCount&&r===`textarea`?i(G,null,{default:e=>{let{renderCount:t}=this;return t?t(e):s.count?.call(s,e)}}):null)}});export{V as n,K as t};
|