hermes-web-ui 0.2.3 → 0.2.4
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/dist/assets/{Button-CQLKwjHl.js → Button-sJ2BpaPl.js} +3 -3
- package/dist/assets/{ChannelsView-BWEvTQwM.css → ChannelsView-C2h4_vNn.css} +1 -1
- package/dist/assets/ChannelsView-CD_79lUP.js +1 -0
- package/dist/assets/ChatView-CLIjlJ1x.js +142 -0
- package/dist/assets/{ChatView-CGsFaSiv.css → ChatView-CX_ZYhvz.css} +1 -1
- package/dist/assets/{Close-inn9RP7R.js → Close-2w73mIOt.js} +2 -2
- package/dist/assets/{FormItem-BvJieJmq.js → FormItem-XpOdWzQ0.js} +3 -3
- package/dist/assets/{Input-edKmVCeM.js → Input-BzhYBEbH.js} +2 -2
- package/dist/assets/{InputNumber-BpYEJnKY.js → InputNumber-8txyKuLX.js} +2 -2
- package/dist/assets/JobsView-C-1FgnDL.js +2 -0
- package/dist/assets/{JobsView-DkwaDky6.css → JobsView-OYrxaGgM.css} +1 -1
- package/dist/assets/LoginView-BD15AZNF.js +1 -0
- package/dist/assets/LogsView-DmQ4ttpe.js +1 -0
- package/dist/assets/LogsView-DzYGlYxF.css +1 -0
- package/dist/assets/{MarkdownRenderer-Yw5JS7CE.js → MarkdownRenderer-DJm5zGZj.js} +9 -9
- package/dist/assets/MemoryView-DBtvO2X2.js +5 -0
- package/dist/assets/MemoryView-WR7DvkW0.css +1 -0
- package/dist/assets/{Modal-CDRYujZp.js → Modal-D421R1s7.js} +4 -4
- package/dist/assets/{ModelsView-CLdtVeiJ.css → ModelsView-Dm1vBT2p.css} +1 -1
- package/dist/assets/ModelsView-Dt3deKCr.js +1 -0
- package/dist/assets/{Popover-CRhyj79I.js → Popover-pOQtxFC1.js} +2 -2
- package/dist/assets/Select-rOqAn7Lj.js +340 -0
- package/dist/assets/SettingRow-CndAlF8Z.js +1 -0
- package/dist/assets/SettingsView-CIcrKeJw.css +1 -0
- package/dist/assets/SettingsView-CxEQl8Fh.js +352 -0
- package/dist/assets/{SkillsView-Abm6Dt2r.css → SkillsView-4FLTf1XD.css} +1 -1
- package/dist/assets/SkillsView-BopVAaC6.js +1 -0
- package/dist/assets/{Spin-COypV4Iq.js → Spin-CaLC5eru.js} +2 -2
- package/dist/assets/Suffix-C1X_jn5E.js +101 -0
- package/dist/assets/{Switch-BcUqwhfi.js → Switch-BeZgnVyD.js} +2 -2
- package/dist/assets/{Tag-CVO-_zgr.js → Tag-DFrN7AVl.js} +2 -2
- package/dist/assets/{Tooltip-BljrRE17.js → Tooltip-ClSL1Ac2.js} +1 -1
- package/dist/assets/{UsageView-CXSijPwc.css → UsageView-Bdck_cnA.css} +1 -1
- package/dist/assets/UsageView-BvGRIGlC.js +1 -0
- package/dist/assets/{_plugin-vue_export-helper-DJRCopG_.js → _plugin-vue_export-helper-DQGaK6t5.js} +2 -2
- package/dist/assets/app-DHhjDueA.js +1 -0
- package/dist/assets/app-DqRfMAIZ.js +1 -0
- package/dist/assets/browser-Bf2Q3p4g.js +47 -0
- package/dist/assets/chat-B0V07VGa.js +6 -0
- package/dist/assets/context-Bm7UPqDk.js +1 -0
- package/dist/assets/{index-BZ3NfTDJ.css → index-BR3ulF5g.css} +1 -1
- package/dist/assets/{index-Bj9YOu02.js → index-Bdq3IZmO.js} +4 -4
- package/dist/assets/jobs-QM3wEm9o.js +1 -0
- package/dist/assets/pinia-bZ6_VpBU.js +1 -0
- package/dist/assets/{router--r9mOZY5.js → router-Ddepf70Q.js} +2 -2
- package/dist/assets/{sessions-COjIc6fz.js → sessions-r2FX4lYx.js} +1 -1
- package/dist/assets/{skills-C4yD0aCK.js → skills-DtNdlEJd.js} +1 -1
- package/dist/assets/{use-message-D8bO1GLN.js → use-message-DAtcV1hg.js} +1 -1
- package/dist/index.html +17 -17
- package/dist/server/services/auth.js +3 -1
- package/package.json +1 -1
- package/dist/assets/ChannelsView-Bdv3P2Rv.js +0 -1
- package/dist/assets/ChatView-BGSDL0hI.js +0 -142
- package/dist/assets/JobsView-Dx4HmGC6.js +0 -2
- package/dist/assets/LoginView-CIQSZ6bh.js +0 -1
- package/dist/assets/LogsView-B2TeFIUX.css +0 -1
- package/dist/assets/LogsView-nn7t6RGX.js +0 -1
- package/dist/assets/MemoryView-CE9P7mef.js +0 -5
- package/dist/assets/MemoryView-CHeaa1-C.css +0 -1
- package/dist/assets/ModelsView-B72PAvvd.js +0 -1
- package/dist/assets/Select-CXQmv_5e.js +0 -340
- package/dist/assets/SettingRow-B3O4TYKh.js +0 -1
- package/dist/assets/SettingsView-BF2Uh-Eo.js +0 -352
- package/dist/assets/SettingsView-Cl1ts-YY.css +0 -1
- package/dist/assets/SkillsView-CeUPV9g8.js +0 -1
- package/dist/assets/Suffix-Bs0SC_yA.js +0 -101
- package/dist/assets/UsageView-CFH6hwxE.js +0 -1
- package/dist/assets/app-BcCNNvPk.js +0 -1
- package/dist/assets/app-CMJknO_z.js +0 -1
- package/dist/assets/browser-BuJOvks2.js +0 -47
- package/dist/assets/chat-DIeO-6BT.js +0 -6
- package/dist/assets/context-C8Jv60vX.js +0 -1
- package/dist/assets/jobs-CnB9OiiZ.js +0 -1
- package/dist/assets/pinia-YU9i-6Bb.js +0 -1
|
@@ -0,0 +1,352 @@
|
|
|
1
|
+
import{$ as e,A as t,C as n,D as r,F as i,G as a,K as o,L as s,N as c,Q as l,R as u,S as d,U as f,X as p,Z as m,ct as h,dt as g,f as _,gt as v,h as y,j as b,pt as x,w as S,y as C}from"./router-Ddepf70Q.js";import{r as w,t as T}from"./_plugin-vue_export-helper-DQGaK6t5.js";import{B as ee,I as E,J as D,K as O,Q as k,X as te,at as A,c as ne,ct as j,dt as M,j as N,lt as P,n as F,ot as I,q as L,ut as R,z as re}from"./browser-Bf2Q3p4g.js";import{N as ie,b as ae,f as oe,l as se,y as z}from"./Popover-pOQtxFC1.js";import{b as B,c as V,f as H,g as ce,m as U,y as le}from"./Suffix-C1X_jn5E.js";import{n as ue,t as de}from"./Close-2w73mIOt.js";import{t as W}from"./Select-rOqAn7Lj.js";import{t as fe}from"./omit-QZj0aLfU.js";import{n as pe,t as G}from"./InputNumber-8txyKuLX.js";import{t as K}from"./Input-BzhYBEbH.js";import{t as q}from"./use-message-DAtcV1hg.js";import{t as me}from"./Spin-CaLC5eru.js";import{t as J}from"./Switch-BeZgnVyD.js";import{n as Y,t as X}from"./SettingRow-CndAlF8Z.js";var he=z(`.v-x-scroll`,{overflow:`auto`,scrollbarWidth:`none`},[z(`&::-webkit-scrollbar`,{width:0,height:0})]),ge=b({name:`XScroll`,props:{disabled:Boolean,onScroll:Function},setup(){let e=h(null);function t(e){!(e.currentTarget.offsetWidth<e.currentTarget.scrollWidth)||e.deltaY===0||(e.currentTarget.scrollLeft+=e.deltaY+e.deltaX,e.preventDefault())}let n=te();return he.mount({id:`vueuc/x-scroll`,head:!0,anchorMetaName:ae,ssr:n}),Object.assign({selfRef:e,handleWheel:t},{scrollTo(...t){var n;(n=e.value)==null||n.scrollTo(...t)}})},render(){return c(`div`,{ref:`selfRef`,onScroll:this.onScroll,onWheel:this.disabled?void 0:this.handleWheel,class:`v-x-scroll`},this.$slots)}}),Z=/\s/;function _e(e){for(var t=e.length;t--&&Z.test(e.charAt(t)););return t}var ve=/^\s+/;function ye(e){return e&&e.slice(0,_e(e)+1).replace(ve,``)}var Q=NaN,be=/^[-+]0x[0-9a-f]+$/i,xe=/^0b[01]+$/i,Se=/^0o[0-7]+$/i,Ce=parseInt;function we(e){if(typeof e==`number`)return e;if(H(e))return Q;if(N(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=N(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=ye(e);var n=xe.test(e);return n||Se.test(e)?Ce(e.slice(2),n?2:8):be.test(e)?Q:+e}var Te=function(){return E.Date.now()},Ee=`Expected a function`,De=Math.max,Oe=Math.min;function ke(e,t,n){var r,i,a,o,s,c,l=0,u=!1,d=!1,f=!0;if(typeof e!=`function`)throw TypeError(Ee);t=we(t)||0,N(n)&&(u=!!n.leading,d=`maxWait`in n,a=d?De(we(n.maxWait)||0,t):a,f=`trailing`in n?!!n.trailing:f);function p(t){var n=r,a=i;return r=i=void 0,l=t,o=e.apply(a,n),o}function m(e){return l=e,s=setTimeout(_,t),u?p(e):o}function h(e){var n=e-c,r=e-l,i=t-n;return d?Oe(i,a-r):i}function g(e){var n=e-c,r=e-l;return c===void 0||n>=t||n<0||d&&r>=a}function _(){var e=Te();if(g(e))return v(e);s=setTimeout(_,h(e))}function v(e){return s=void 0,f&&r?p(e):(r=i=void 0,o)}function y(){s!==void 0&&clearTimeout(s),l=0,r=c=i=s=void 0}function b(){return s===void 0?o:v(Te())}function x(){var e=Te(),n=g(e);if(r=arguments,i=this,c=e,n){if(s===void 0)return m(c);if(d)return clearTimeout(s),s=setTimeout(_,t),p(c)}return s===void 0&&(s=setTimeout(_,t)),o}return x.cancel=y,x.flush=b,x}var Ae=`Expected a function`;function je(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(Ae);return N(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),ke(e,t,{leading:r,maxWait:t,trailing:i})}var Me={tabFontSizeSmall:`14px`,tabFontSizeMedium:`14px`,tabFontSizeLarge:`16px`,tabGapSmallLine:`36px`,tabGapMediumLine:`36px`,tabGapLargeLine:`36px`,tabGapSmallLineVertical:`8px`,tabGapMediumLineVertical:`8px`,tabGapLargeLineVertical:`8px`,tabPaddingSmallLine:`6px 0`,tabPaddingMediumLine:`10px 0`,tabPaddingLargeLine:`14px 0`,tabPaddingVerticalSmallLine:`6px 12px`,tabPaddingVerticalMediumLine:`8px 16px`,tabPaddingVerticalLargeLine:`10px 20px`,tabGapSmallBar:`36px`,tabGapMediumBar:`36px`,tabGapLargeBar:`36px`,tabGapSmallBarVertical:`8px`,tabGapMediumBarVertical:`8px`,tabGapLargeBarVertical:`8px`,tabPaddingSmallBar:`4px 0`,tabPaddingMediumBar:`6px 0`,tabPaddingLargeBar:`10px 0`,tabPaddingVerticalSmallBar:`6px 12px`,tabPaddingVerticalMediumBar:`8px 16px`,tabPaddingVerticalLargeBar:`10px 20px`,tabGapSmallCard:`4px`,tabGapMediumCard:`4px`,tabGapLargeCard:`4px`,tabGapSmallCardVertical:`4px`,tabGapMediumCardVertical:`4px`,tabGapLargeCardVertical:`4px`,tabPaddingSmallCard:`8px 16px`,tabPaddingMediumCard:`10px 20px`,tabPaddingLargeCard:`12px 24px`,tabPaddingSmallSegment:`4px 0`,tabPaddingMediumSegment:`6px 0`,tabPaddingLargeSegment:`8px 0`,tabPaddingVerticalLargeSegment:`0 8px`,tabPaddingVerticalSmallCard:`8px 12px`,tabPaddingVerticalMediumCard:`10px 16px`,tabPaddingVerticalLargeCard:`12px 20px`,tabPaddingVerticalSmallSegment:`0 4px`,tabPaddingVerticalMediumSegment:`0 6px`,tabGapSmallSegment:`0`,tabGapMediumSegment:`0`,tabGapLargeSegment:`0`,tabGapSmallSegmentVertical:`0`,tabGapMediumSegmentVertical:`0`,tabGapLargeSegmentVertical:`0`,panePaddingSmall:`8px 0 0 0`,panePaddingMedium:`12px 0 0 0`,panePaddingLarge:`16px 0 0 0`,closeSize:`18px`,closeIconSize:`14px`};function Ne(e){let{textColor2:t,primaryColor:n,textColorDisabled:r,closeIconColor:i,closeIconColorHover:a,closeIconColorPressed:o,closeColorHover:s,closeColorPressed:c,tabColor:l,baseColor:u,dividerColor:d,fontWeight:f,textColor1:p,borderRadius:m,fontSize:h,fontWeightStrong:g}=e;return Object.assign(Object.assign({},Me),{colorSegment:l,tabFontSizeCard:h,tabTextColorLine:p,tabTextColorActiveLine:n,tabTextColorHoverLine:n,tabTextColorDisabledLine:r,tabTextColorSegment:p,tabTextColorActiveSegment:t,tabTextColorHoverSegment:t,tabTextColorDisabledSegment:r,tabTextColorBar:p,tabTextColorActiveBar:n,tabTextColorHoverBar:n,tabTextColorDisabledBar:r,tabTextColorCard:p,tabTextColorHoverCard:p,tabTextColorActiveCard:n,tabTextColorDisabledCard:r,barColor:n,closeIconColor:i,closeIconColorHover:a,closeIconColorPressed:o,closeColorHover:s,closeColorPressed:c,closeBorderRadius:m,tabColor:l,tabColorSegment:u,tabBorderColor:d,tabFontWeightActive:f,tabFontWeight:f,tabBorderRadius:m,paneTextColor:t,fontWeightStrong:g})}var Pe={name:`Tabs`,common:F,self:Ne},Fe=k(`n-tabs`),Ie={tab:[String,Number,Object,Function],name:{type:[String,Number],required:!0},disabled:Boolean,displayDirective:{type:String,default:`if`},closable:{type:Boolean,default:void 0},tabProps:Object,label:[String,Number,Object,Function]},$=b({__TAB_PANE__:!0,name:`TabPane`,alias:[`TabPanel`],props:Ie,slots:Object,setup(e){let t=i(Fe,null);return t||D(`tab-pane`,"`n-tab-pane` must be placed inside `n-tabs`."),{style:t.paneStyleRef,class:t.paneClassRef,mergedClsPrefix:t.mergedClsPrefixRef}},render(){return c(`div`,{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}}),Le=b({__TAB__:!0,inheritAttrs:!1,name:`Tab`,props:Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},fe(Ie,[`displayDirective`])),setup(e){let{mergedClsPrefixRef:t,valueRef:r,typeRef:a,closableRef:o,tabStyleRef:s,addTabStyleRef:c,tabClassRef:l,addTabClassRef:u,tabChangeIdRef:d,onBeforeLeaveRef:f,triggerRef:p,handleAdd:m,activateTab:h,handleClose:g}=i(Fe);return{trigger:p,mergedClosable:n(()=>{if(e.internalAddable)return!1;let{closable:t}=e;return t===void 0?o.value:t}),style:s,addStyle:c,tabClass:l,addTabClass:u,clsPrefix:t,value:r,type:a,handleClose(t){t.stopPropagation(),!e.disabled&&g(e.name)},activateTab(){if(e.disabled)return;if(e.internalAddable){m();return}let{name:t}=e,n=++d.id;if(t!==r.value){let{value:i}=f;i?Promise.resolve(i(e.name,r.value)).then(e=>{e&&d.id===n&&h(t)}):h(t)}}}},render(){let{internalAddable:e,clsPrefix:t,name:n,disabled:r,label:i,tab:a,value:o,mergedClosable:l,trigger:u,$slots:{default:d}}=this,f=i??a;return c(`div`,{class:`${t}-tabs-tab-wrapper`},this.internalLeftPadded?c(`div`,{class:`${t}-tabs-tab-pad`}):null,c(`div`,Object.assign({key:n,"data-name":n,"data-disabled":r?!0:void 0},s({class:[`${t}-tabs-tab`,o===n&&`${t}-tabs-tab--active`,r&&`${t}-tabs-tab--disabled`,l&&`${t}-tabs-tab--closable`,e&&`${t}-tabs-tab--addable`,e?this.addTabClass:this.tabClass],onClick:u===`click`?this.activateTab:void 0,onMouseenter:u===`hover`?this.activateTab:void 0,style:e?this.addStyle:this.style},this.internalCreatedByPane?this.tabProps||{}:this.$attrs)),c(`span`,{class:`${t}-tabs-tab__label`},e?c(C,null,c(`div`,{class:`${t}-tabs-tab__height-placeholder`},`\xA0`),c(V,{clsPrefix:t},{default:()=>c(pe,null)})):d?d():typeof f==`object`?f:se(f??n)),l&&this.type===`card`?c(de,{clsPrefix:t,class:`${t}-tabs-tab__close`,onClick:this.handleClose,disabled:r}):null))}}),Re=I(`tabs`,`
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
width: 100%;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
transition:
|
|
7
|
+
background-color .3s var(--n-bezier),
|
|
8
|
+
border-color .3s var(--n-bezier);
|
|
9
|
+
`,[P(`segment-type`,[I(`tabs-rail`,[A(`&.transition-disabled`,[I(`tabs-capsule`,`
|
|
10
|
+
transition: none;
|
|
11
|
+
`)])])]),P(`top`,[I(`tab-pane`,`
|
|
12
|
+
padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
|
|
13
|
+
`)]),P(`left`,[I(`tab-pane`,`
|
|
14
|
+
padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
|
|
15
|
+
`)]),P(`left, right`,`
|
|
16
|
+
flex-direction: row;
|
|
17
|
+
`,[I(`tabs-bar`,`
|
|
18
|
+
width: 2px;
|
|
19
|
+
right: 0;
|
|
20
|
+
transition:
|
|
21
|
+
top .2s var(--n-bezier),
|
|
22
|
+
max-height .2s var(--n-bezier),
|
|
23
|
+
background-color .3s var(--n-bezier);
|
|
24
|
+
`),I(`tabs-tab`,`
|
|
25
|
+
padding: var(--n-tab-padding-vertical);
|
|
26
|
+
`)]),P(`right`,`
|
|
27
|
+
flex-direction: row-reverse;
|
|
28
|
+
`,[I(`tab-pane`,`
|
|
29
|
+
padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
|
|
30
|
+
`),I(`tabs-bar`,`
|
|
31
|
+
left: 0;
|
|
32
|
+
`)]),P(`bottom`,`
|
|
33
|
+
flex-direction: column-reverse;
|
|
34
|
+
justify-content: flex-end;
|
|
35
|
+
`,[I(`tab-pane`,`
|
|
36
|
+
padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
|
|
37
|
+
`),I(`tabs-bar`,`
|
|
38
|
+
top: 0;
|
|
39
|
+
`)]),I(`tabs-rail`,`
|
|
40
|
+
position: relative;
|
|
41
|
+
padding: 3px;
|
|
42
|
+
border-radius: var(--n-tab-border-radius);
|
|
43
|
+
width: 100%;
|
|
44
|
+
background-color: var(--n-color-segment);
|
|
45
|
+
transition: background-color .3s var(--n-bezier);
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: center;
|
|
48
|
+
`,[I(`tabs-capsule`,`
|
|
49
|
+
border-radius: var(--n-tab-border-radius);
|
|
50
|
+
position: absolute;
|
|
51
|
+
pointer-events: none;
|
|
52
|
+
background-color: var(--n-tab-color-segment);
|
|
53
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
|
|
54
|
+
transition: transform 0.3s var(--n-bezier);
|
|
55
|
+
`),I(`tabs-tab-wrapper`,`
|
|
56
|
+
flex-basis: 0;
|
|
57
|
+
flex-grow: 1;
|
|
58
|
+
display: flex;
|
|
59
|
+
align-items: center;
|
|
60
|
+
justify-content: center;
|
|
61
|
+
`,[I(`tabs-tab`,`
|
|
62
|
+
overflow: hidden;
|
|
63
|
+
border-radius: var(--n-tab-border-radius);
|
|
64
|
+
width: 100%;
|
|
65
|
+
display: flex;
|
|
66
|
+
align-items: center;
|
|
67
|
+
justify-content: center;
|
|
68
|
+
`,[P(`active`,`
|
|
69
|
+
font-weight: var(--n-font-weight-strong);
|
|
70
|
+
color: var(--n-tab-text-color-active);
|
|
71
|
+
`),A(`&:hover`,`
|
|
72
|
+
color: var(--n-tab-text-color-hover);
|
|
73
|
+
`)])])]),P(`flex`,[I(`tabs-nav`,`
|
|
74
|
+
width: 100%;
|
|
75
|
+
position: relative;
|
|
76
|
+
`,[I(`tabs-wrapper`,`
|
|
77
|
+
width: 100%;
|
|
78
|
+
`,[I(`tabs-tab`,`
|
|
79
|
+
margin-right: 0;
|
|
80
|
+
`)])])]),I(`tabs-nav`,`
|
|
81
|
+
box-sizing: border-box;
|
|
82
|
+
line-height: 1.5;
|
|
83
|
+
display: flex;
|
|
84
|
+
transition: border-color .3s var(--n-bezier);
|
|
85
|
+
`,[j(`prefix, suffix`,`
|
|
86
|
+
display: flex;
|
|
87
|
+
align-items: center;
|
|
88
|
+
`),j(`prefix`,`padding-right: 16px;`),j(`suffix`,`padding-left: 16px;`)]),P(`top, bottom`,[A(`>`,[I(`tabs-nav`,[I(`tabs-nav-scroll-wrapper`,[A(`&::before`,`
|
|
89
|
+
top: 0;
|
|
90
|
+
bottom: 0;
|
|
91
|
+
left: 0;
|
|
92
|
+
width: 20px;
|
|
93
|
+
`),A(`&::after`,`
|
|
94
|
+
top: 0;
|
|
95
|
+
bottom: 0;
|
|
96
|
+
right: 0;
|
|
97
|
+
width: 20px;
|
|
98
|
+
`),P(`shadow-start`,[A(`&::before`,`
|
|
99
|
+
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
|
|
100
|
+
`)]),P(`shadow-end`,[A(`&::after`,`
|
|
101
|
+
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
|
|
102
|
+
`)])])])])]),P(`left, right`,[I(`tabs-nav-scroll-content`,`
|
|
103
|
+
flex-direction: column;
|
|
104
|
+
`),A(`>`,[I(`tabs-nav`,[I(`tabs-nav-scroll-wrapper`,[A(`&::before`,`
|
|
105
|
+
top: 0;
|
|
106
|
+
left: 0;
|
|
107
|
+
right: 0;
|
|
108
|
+
height: 20px;
|
|
109
|
+
`),A(`&::after`,`
|
|
110
|
+
bottom: 0;
|
|
111
|
+
left: 0;
|
|
112
|
+
right: 0;
|
|
113
|
+
height: 20px;
|
|
114
|
+
`),P(`shadow-start`,[A(`&::before`,`
|
|
115
|
+
box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
|
|
116
|
+
`)]),P(`shadow-end`,[A(`&::after`,`
|
|
117
|
+
box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
|
|
118
|
+
`)])])])])]),I(`tabs-nav-scroll-wrapper`,`
|
|
119
|
+
flex: 1;
|
|
120
|
+
position: relative;
|
|
121
|
+
overflow: hidden;
|
|
122
|
+
`,[I(`tabs-nav-y-scroll`,`
|
|
123
|
+
height: 100%;
|
|
124
|
+
width: 100%;
|
|
125
|
+
overflow-y: auto;
|
|
126
|
+
scrollbar-width: none;
|
|
127
|
+
`,[A(`&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb`,`
|
|
128
|
+
width: 0;
|
|
129
|
+
height: 0;
|
|
130
|
+
display: none;
|
|
131
|
+
`)]),A(`&::before, &::after`,`
|
|
132
|
+
transition: box-shadow .3s var(--n-bezier);
|
|
133
|
+
pointer-events: none;
|
|
134
|
+
content: "";
|
|
135
|
+
position: absolute;
|
|
136
|
+
z-index: 1;
|
|
137
|
+
`)]),I(`tabs-nav-scroll-content`,`
|
|
138
|
+
display: flex;
|
|
139
|
+
position: relative;
|
|
140
|
+
min-width: 100%;
|
|
141
|
+
min-height: 100%;
|
|
142
|
+
width: fit-content;
|
|
143
|
+
box-sizing: border-box;
|
|
144
|
+
`),I(`tabs-wrapper`,`
|
|
145
|
+
display: inline-flex;
|
|
146
|
+
flex-wrap: nowrap;
|
|
147
|
+
position: relative;
|
|
148
|
+
`),I(`tabs-tab-wrapper`,`
|
|
149
|
+
display: flex;
|
|
150
|
+
flex-wrap: nowrap;
|
|
151
|
+
flex-shrink: 0;
|
|
152
|
+
flex-grow: 0;
|
|
153
|
+
`),I(`tabs-tab`,`
|
|
154
|
+
cursor: pointer;
|
|
155
|
+
white-space: nowrap;
|
|
156
|
+
flex-wrap: nowrap;
|
|
157
|
+
display: inline-flex;
|
|
158
|
+
align-items: center;
|
|
159
|
+
color: var(--n-tab-text-color);
|
|
160
|
+
font-size: var(--n-tab-font-size);
|
|
161
|
+
background-clip: padding-box;
|
|
162
|
+
padding: var(--n-tab-padding);
|
|
163
|
+
transition:
|
|
164
|
+
box-shadow .3s var(--n-bezier),
|
|
165
|
+
color .3s var(--n-bezier),
|
|
166
|
+
background-color .3s var(--n-bezier),
|
|
167
|
+
border-color .3s var(--n-bezier);
|
|
168
|
+
`,[P(`disabled`,{cursor:`not-allowed`}),j(`close`,`
|
|
169
|
+
margin-left: 6px;
|
|
170
|
+
transition:
|
|
171
|
+
background-color .3s var(--n-bezier),
|
|
172
|
+
color .3s var(--n-bezier);
|
|
173
|
+
`),j(`label`,`
|
|
174
|
+
display: flex;
|
|
175
|
+
align-items: center;
|
|
176
|
+
z-index: 1;
|
|
177
|
+
`)]),I(`tabs-bar`,`
|
|
178
|
+
position: absolute;
|
|
179
|
+
bottom: 0;
|
|
180
|
+
height: 2px;
|
|
181
|
+
border-radius: 1px;
|
|
182
|
+
background-color: var(--n-bar-color);
|
|
183
|
+
transition:
|
|
184
|
+
left .2s var(--n-bezier),
|
|
185
|
+
max-width .2s var(--n-bezier),
|
|
186
|
+
opacity .3s var(--n-bezier),
|
|
187
|
+
background-color .3s var(--n-bezier);
|
|
188
|
+
`,[A(`&.transition-disabled`,`
|
|
189
|
+
transition: none;
|
|
190
|
+
`),P(`disabled`,`
|
|
191
|
+
background-color: var(--n-tab-text-color-disabled)
|
|
192
|
+
`)]),I(`tabs-pane-wrapper`,`
|
|
193
|
+
position: relative;
|
|
194
|
+
overflow: hidden;
|
|
195
|
+
transition: max-height .2s var(--n-bezier);
|
|
196
|
+
`),I(`tab-pane`,`
|
|
197
|
+
color: var(--n-pane-text-color);
|
|
198
|
+
width: 100%;
|
|
199
|
+
transition:
|
|
200
|
+
color .3s var(--n-bezier),
|
|
201
|
+
background-color .3s var(--n-bezier),
|
|
202
|
+
opacity .2s var(--n-bezier);
|
|
203
|
+
left: 0;
|
|
204
|
+
right: 0;
|
|
205
|
+
top: 0;
|
|
206
|
+
`,[A(`&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active`,`
|
|
207
|
+
transition:
|
|
208
|
+
color .3s var(--n-bezier),
|
|
209
|
+
background-color .3s var(--n-bezier),
|
|
210
|
+
transform .2s var(--n-bezier),
|
|
211
|
+
opacity .2s var(--n-bezier);
|
|
212
|
+
`),A(`&.next-transition-leave-active, &.prev-transition-leave-active`,`
|
|
213
|
+
position: absolute;
|
|
214
|
+
`),A(`&.next-transition-enter-from, &.prev-transition-leave-to`,`
|
|
215
|
+
transform: translateX(32px);
|
|
216
|
+
opacity: 0;
|
|
217
|
+
`),A(`&.next-transition-leave-to, &.prev-transition-enter-from`,`
|
|
218
|
+
transform: translateX(-32px);
|
|
219
|
+
opacity: 0;
|
|
220
|
+
`),A(`&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to`,`
|
|
221
|
+
transform: translateX(0);
|
|
222
|
+
opacity: 1;
|
|
223
|
+
`)]),I(`tabs-tab-pad`,`
|
|
224
|
+
box-sizing: border-box;
|
|
225
|
+
width: var(--n-tab-gap);
|
|
226
|
+
flex-grow: 0;
|
|
227
|
+
flex-shrink: 0;
|
|
228
|
+
`),P(`line-type, bar-type`,[I(`tabs-tab`,`
|
|
229
|
+
font-weight: var(--n-tab-font-weight);
|
|
230
|
+
box-sizing: border-box;
|
|
231
|
+
vertical-align: bottom;
|
|
232
|
+
`,[A(`&:hover`,{color:`var(--n-tab-text-color-hover)`}),P(`active`,`
|
|
233
|
+
color: var(--n-tab-text-color-active);
|
|
234
|
+
font-weight: var(--n-tab-font-weight-active);
|
|
235
|
+
`),P(`disabled`,{color:`var(--n-tab-text-color-disabled)`})])]),I(`tabs-nav`,[P(`line-type`,[P(`top`,[j(`prefix, suffix`,`
|
|
236
|
+
border-bottom: 1px solid var(--n-tab-border-color);
|
|
237
|
+
`),I(`tabs-nav-scroll-content`,`
|
|
238
|
+
border-bottom: 1px solid var(--n-tab-border-color);
|
|
239
|
+
`),I(`tabs-bar`,`
|
|
240
|
+
bottom: -1px;
|
|
241
|
+
`)]),P(`left`,[j(`prefix, suffix`,`
|
|
242
|
+
border-right: 1px solid var(--n-tab-border-color);
|
|
243
|
+
`),I(`tabs-nav-scroll-content`,`
|
|
244
|
+
border-right: 1px solid var(--n-tab-border-color);
|
|
245
|
+
`),I(`tabs-bar`,`
|
|
246
|
+
right: -1px;
|
|
247
|
+
`)]),P(`right`,[j(`prefix, suffix`,`
|
|
248
|
+
border-left: 1px solid var(--n-tab-border-color);
|
|
249
|
+
`),I(`tabs-nav-scroll-content`,`
|
|
250
|
+
border-left: 1px solid var(--n-tab-border-color);
|
|
251
|
+
`),I(`tabs-bar`,`
|
|
252
|
+
left: -1px;
|
|
253
|
+
`)]),P(`bottom`,[j(`prefix, suffix`,`
|
|
254
|
+
border-top: 1px solid var(--n-tab-border-color);
|
|
255
|
+
`),I(`tabs-nav-scroll-content`,`
|
|
256
|
+
border-top: 1px solid var(--n-tab-border-color);
|
|
257
|
+
`),I(`tabs-bar`,`
|
|
258
|
+
top: -1px;
|
|
259
|
+
`)]),j(`prefix, suffix`,`
|
|
260
|
+
transition: border-color .3s var(--n-bezier);
|
|
261
|
+
`),I(`tabs-nav-scroll-content`,`
|
|
262
|
+
transition: border-color .3s var(--n-bezier);
|
|
263
|
+
`),I(`tabs-bar`,`
|
|
264
|
+
border-radius: 0;
|
|
265
|
+
`)]),P(`card-type`,[j(`prefix, suffix`,`
|
|
266
|
+
transition: border-color .3s var(--n-bezier);
|
|
267
|
+
`),I(`tabs-pad`,`
|
|
268
|
+
flex-grow: 1;
|
|
269
|
+
transition: border-color .3s var(--n-bezier);
|
|
270
|
+
`),I(`tabs-tab-pad`,`
|
|
271
|
+
transition: border-color .3s var(--n-bezier);
|
|
272
|
+
`),I(`tabs-tab`,`
|
|
273
|
+
font-weight: var(--n-tab-font-weight);
|
|
274
|
+
border: 1px solid var(--n-tab-border-color);
|
|
275
|
+
background-color: var(--n-tab-color);
|
|
276
|
+
box-sizing: border-box;
|
|
277
|
+
position: relative;
|
|
278
|
+
vertical-align: bottom;
|
|
279
|
+
display: flex;
|
|
280
|
+
justify-content: space-between;
|
|
281
|
+
font-size: var(--n-tab-font-size);
|
|
282
|
+
color: var(--n-tab-text-color);
|
|
283
|
+
`,[P(`addable`,`
|
|
284
|
+
padding-left: 8px;
|
|
285
|
+
padding-right: 8px;
|
|
286
|
+
font-size: 16px;
|
|
287
|
+
justify-content: center;
|
|
288
|
+
`,[j(`height-placeholder`,`
|
|
289
|
+
width: 0;
|
|
290
|
+
font-size: var(--n-tab-font-size);
|
|
291
|
+
`),R(`disabled`,[A(`&:hover`,`
|
|
292
|
+
color: var(--n-tab-text-color-hover);
|
|
293
|
+
`)])]),P(`closable`,`padding-right: 8px;`),P(`active`,`
|
|
294
|
+
background-color: #0000;
|
|
295
|
+
font-weight: var(--n-tab-font-weight-active);
|
|
296
|
+
color: var(--n-tab-text-color-active);
|
|
297
|
+
`),P(`disabled`,`color: var(--n-tab-text-color-disabled);`)])]),P(`left, right`,`
|
|
298
|
+
flex-direction: column;
|
|
299
|
+
`,[j(`prefix, suffix`,`
|
|
300
|
+
padding: var(--n-tab-padding-vertical);
|
|
301
|
+
`),I(`tabs-wrapper`,`
|
|
302
|
+
flex-direction: column;
|
|
303
|
+
`),I(`tabs-tab-wrapper`,`
|
|
304
|
+
flex-direction: column;
|
|
305
|
+
`,[I(`tabs-tab-pad`,`
|
|
306
|
+
height: var(--n-tab-gap-vertical);
|
|
307
|
+
width: 100%;
|
|
308
|
+
`)])]),P(`top`,[P(`card-type`,[I(`tabs-scroll-padding`,`border-bottom: 1px solid var(--n-tab-border-color);`),j(`prefix, suffix`,`
|
|
309
|
+
border-bottom: 1px solid var(--n-tab-border-color);
|
|
310
|
+
`),I(`tabs-tab`,`
|
|
311
|
+
border-top-left-radius: var(--n-tab-border-radius);
|
|
312
|
+
border-top-right-radius: var(--n-tab-border-radius);
|
|
313
|
+
`,[P(`active`,`
|
|
314
|
+
border-bottom: 1px solid #0000;
|
|
315
|
+
`)]),I(`tabs-tab-pad`,`
|
|
316
|
+
border-bottom: 1px solid var(--n-tab-border-color);
|
|
317
|
+
`),I(`tabs-pad`,`
|
|
318
|
+
border-bottom: 1px solid var(--n-tab-border-color);
|
|
319
|
+
`)])]),P(`left`,[P(`card-type`,[I(`tabs-scroll-padding`,`border-right: 1px solid var(--n-tab-border-color);`),j(`prefix, suffix`,`
|
|
320
|
+
border-right: 1px solid var(--n-tab-border-color);
|
|
321
|
+
`),I(`tabs-tab`,`
|
|
322
|
+
border-top-left-radius: var(--n-tab-border-radius);
|
|
323
|
+
border-bottom-left-radius: var(--n-tab-border-radius);
|
|
324
|
+
`,[P(`active`,`
|
|
325
|
+
border-right: 1px solid #0000;
|
|
326
|
+
`)]),I(`tabs-tab-pad`,`
|
|
327
|
+
border-right: 1px solid var(--n-tab-border-color);
|
|
328
|
+
`),I(`tabs-pad`,`
|
|
329
|
+
border-right: 1px solid var(--n-tab-border-color);
|
|
330
|
+
`)])]),P(`right`,[P(`card-type`,[I(`tabs-scroll-padding`,`border-left: 1px solid var(--n-tab-border-color);`),j(`prefix, suffix`,`
|
|
331
|
+
border-left: 1px solid var(--n-tab-border-color);
|
|
332
|
+
`),I(`tabs-tab`,`
|
|
333
|
+
border-top-right-radius: var(--n-tab-border-radius);
|
|
334
|
+
border-bottom-right-radius: var(--n-tab-border-radius);
|
|
335
|
+
`,[P(`active`,`
|
|
336
|
+
border-left: 1px solid #0000;
|
|
337
|
+
`)]),I(`tabs-tab-pad`,`
|
|
338
|
+
border-left: 1px solid var(--n-tab-border-color);
|
|
339
|
+
`),I(`tabs-pad`,`
|
|
340
|
+
border-left: 1px solid var(--n-tab-border-color);
|
|
341
|
+
`)])]),P(`bottom`,[P(`card-type`,[I(`tabs-scroll-padding`,`border-top: 1px solid var(--n-tab-border-color);`),j(`prefix, suffix`,`
|
|
342
|
+
border-top: 1px solid var(--n-tab-border-color);
|
|
343
|
+
`),I(`tabs-tab`,`
|
|
344
|
+
border-bottom-left-radius: var(--n-tab-border-radius);
|
|
345
|
+
border-bottom-right-radius: var(--n-tab-border-radius);
|
|
346
|
+
`,[P(`active`,`
|
|
347
|
+
border-top: 1px solid #0000;
|
|
348
|
+
`)]),I(`tabs-tab-pad`,`
|
|
349
|
+
border-top: 1px solid var(--n-tab-border-color);
|
|
350
|
+
`),I(`tabs-pad`,`
|
|
351
|
+
border-top: 1px solid var(--n-tab-border-color);
|
|
352
|
+
`)])])])]),ze=je,Be=b({name:`Tabs`,props:Object.assign(Object.assign({},ne.props),{value:[String,Number],defaultValue:[String,Number],trigger:{type:String,default:`click`},type:{type:String,default:`bar`},closable:Boolean,justifyContent:String,size:String,placement:{type:String,default:`top`},tabStyle:[String,Object],tabClass:String,addTabStyle:[String,Object],addTabClass:String,barWidth:Number,paneClass:String,paneStyle:[String,Object],paneWrapperClass:String,paneWrapperStyle:[String,Object],addable:[Boolean,Object],tabsPadding:{type:Number,default:0},animated:Boolean,onBeforeLeave:Function,onAdd:Function,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onClose:[Function,Array],labelSize:String,activeName:[String,Number],onActiveNameChange:[Function,Array]}),slots:Object,setup(e,{slots:t}){let{mergedClsPrefixRef:r,inlineThemeDisabled:i,mergedComponentPropsRef:a}=ee(e),s=ne(`Tabs`,`-tabs`,Re,Pe,e,r),c=h(null),l=h(null),d=h(null),_=h(null),v=h(null),y=h(null),b=h(!0),x=h(!0),S=ue(e,[`labelSize`,`size`]),C=n(()=>S.value?S.value:a?.value?.Tabs?.size||`medium`),w=ue(e,[`activeName`,`value`]),T=h(w.value??e.defaultValue??(t.default?oe(t.default())[0]?.props?.name:null)),E=ce(w,T),D={id:0},O=n(()=>{if(!(!e.justifyContent||e.type===`card`))return{display:`flex`,justifyContent:e.justifyContent}});p(E,()=>{D.id=0,N(),P()});function k(){let{value:e}=E;return e===null?null:c.value?.querySelector(`[data-name="${e}"]`)}function te(t){if(e.type===`card`)return;let{value:n}=l;if(!n)return;let i=n.style.opacity===`0`;if(t){let a=`${r.value}-tabs-bar--disabled`,{barWidth:o,placement:s}=e;if(t.dataset.disabled===`true`?n.classList.add(a):n.classList.remove(a),[`top`,`bottom`].includes(s)){if(j([`top`,`maxHeight`,`height`]),typeof o==`number`&&t.offsetWidth>=o){let e=Math.floor((t.offsetWidth-o)/2)+t.offsetLeft;n.style.left=`${e}px`,n.style.maxWidth=`${o}px`}else n.style.left=`${t.offsetLeft}px`,n.style.maxWidth=`${t.offsetWidth}px`;n.style.width=`8192px`,i&&(n.style.transition=`none`),n.offsetWidth,i&&(n.style.transition=``,n.style.opacity=`1`)}else{if(j([`left`,`maxWidth`,`width`]),typeof o==`number`&&t.offsetHeight>=o){let e=Math.floor((t.offsetHeight-o)/2)+t.offsetTop;n.style.top=`${e}px`,n.style.maxHeight=`${o}px`}else n.style.top=`${t.offsetTop}px`,n.style.maxHeight=`${t.offsetHeight}px`;n.style.height=`8192px`,i&&(n.style.transition=`none`),n.offsetHeight,i&&(n.style.transition=``,n.style.opacity=`1`)}}}function A(){if(e.type===`card`)return;let{value:t}=l;t&&(t.style.opacity=`0`)}function j(e){let{value:t}=l;if(t)for(let n of e)t.style[n]=``}function N(){if(e.type===`card`)return;let t=k();t?te(t):A()}function P(){let e=v.value?.$el;if(!e)return;let t=k();if(!t)return;let{scrollLeft:n,offsetWidth:r}=e,{offsetLeft:i,offsetWidth:a}=t;n>i?e.scrollTo({top:0,left:i,behavior:`smooth`}):i+a>n+r&&e.scrollTo({top:0,left:i+a-r,behavior:`smooth`})}let F=h(null),I=0,R=null;function ae(e){let t=F.value;if(t){I=e.getBoundingClientRect().height;let n=`${I}px`,r=()=>{t.style.height=n,t.style.maxHeight=n};R?(r(),R(),R=null):R=r}}function se(e){let t=F.value;if(t){let n=e.getBoundingClientRect().height,r=()=>{document.body.offsetHeight,t.style.maxHeight=`${n}px`,t.style.height=`${Math.max(I,n)}px`};R?(R(),R=null,r()):R=r}}function z(){let t=F.value;if(t){t.style.maxHeight=``,t.style.height=``;let{paneWrapperStyle:n}=e;if(typeof n==`string`)t.style.cssText=n;else if(n){let{maxHeight:e,height:r}=n;e!==void 0&&(t.style.maxHeight=e),r!==void 0&&(t.style.height=r)}}}let V={value:[]},H=h(`next`);function U(e){let t=E.value,n=`next`;for(let r of V.value){if(r===t)break;if(r===e){n=`prev`;break}}H.value=n,de(e)}function de(t){let{onActiveNameChange:n,onUpdateValue:r,"onUpdate:value":i}=e;n&&L(n,t),r&&L(r,t),i&&L(i,t),T.value=t}function W(t){let{onClose:n}=e;n&&L(n,t)}let fe=!0;function pe(){let{value:e}=l;if(!e)return;fe||=!1;let t=`transition-disabled`;e.classList.add(t),N(),e.classList.remove(t)}let G=h(null);function K({transitionDisabled:e}){let t=c.value;if(!t)return;e&&t.classList.add(`transition-disabled`);let n=k();n&&G.value&&(G.value.style.width=`${n.offsetWidth}px`,G.value.style.height=`${n.offsetHeight}px`,G.value.style.transform=`translateX(${n.offsetLeft-le(getComputedStyle(t).paddingLeft)}px)`,e&&G.value.offsetWidth),e&&t.classList.remove(`transition-disabled`)}p([E],()=>{e.type===`segment`&&u(()=>{K({transitionDisabled:!1})})}),f(()=>{e.type===`segment`&&K({transitionDisabled:!0})});let q=0;function me(t){if(t.contentRect.width===0&&t.contentRect.height===0||q===t.contentRect.width)return;q=t.contentRect.width;let{type:n}=e;if((n===`line`||n===`bar`)&&(fe||e.justifyContent?.startsWith(`space`))&&pe(),n!==`segment`){let{placement:t}=e;Z((t===`top`||t===`bottom`?v.value?.$el:y.value)||null)}}let J=ze(me,64);p([()=>e.justifyContent,()=>e.size],()=>{u(()=>{let{type:t}=e;(t===`line`||t===`bar`)&&pe()})});let Y=h(!1);function X(t){let{target:n,contentRect:{width:r,height:i}}=t,a=n.parentElement.parentElement.offsetWidth,o=n.parentElement.parentElement.offsetHeight,{placement:s}=e;if(!Y.value)s===`top`||s===`bottom`?a<r&&(Y.value=!0):o<i&&(Y.value=!0);else{let{value:e}=_;if(!e)return;s===`top`||s===`bottom`?a-r>e.$el.offsetWidth&&(Y.value=!1):o-i>e.$el.offsetHeight&&(Y.value=!1)}Z(v.value?.$el||null)}let he=ze(X,64);function ge(){let{onAdd:t}=e;t&&t(),u(()=>{let e=k(),{value:t}=v;!e||!t||t.scrollTo({left:e.offsetLeft,top:0,behavior:`smooth`})})}function Z(t){if(!t)return;let{placement:n}=e;if(n===`top`||n===`bottom`){let{scrollLeft:e,scrollWidth:n,offsetWidth:r}=t;b.value=e<=0,x.value=e+r>=n}else{let{scrollTop:e,scrollHeight:n,offsetHeight:r}=t;b.value=e<=0,x.value=e+r>=n}}let _e=ze(e=>{Z(e.target)},64);o(Fe,{triggerRef:g(e,`trigger`),tabStyleRef:g(e,`tabStyle`),tabClassRef:g(e,`tabClass`),addTabStyleRef:g(e,`addTabStyle`),addTabClassRef:g(e,`addTabClass`),paneClassRef:g(e,`paneClass`),paneStyleRef:g(e,`paneStyle`),mergedClsPrefixRef:r,typeRef:g(e,`type`),closableRef:g(e,`closable`),valueRef:E,tabChangeIdRef:D,onBeforeLeaveRef:g(e,`onBeforeLeave`),activateTab:U,handleClose:W,handleAdd:ge}),ie(()=>{N(),P()}),m(()=>{let{value:e}=d;if(!e)return;let{value:t}=r,n=`${t}-tabs-nav-scroll-wrapper--shadow-start`,i=`${t}-tabs-nav-scroll-wrapper--shadow-end`;b.value?e.classList.remove(n):e.classList.add(n),x.value?e.classList.remove(i):e.classList.add(i)});let ve={syncBarPosition:()=>{N()}},ye=()=>{K({transitionDisabled:!0})},Q=n(()=>{let{value:t}=C,{type:n}=e,r=`${t}${{card:`Card`,bar:`Bar`,line:`Line`,segment:`Segment`}[n]}`,{self:{barColor:i,closeIconColor:a,closeIconColorHover:o,closeIconColorPressed:c,tabColor:l,tabBorderColor:u,paneTextColor:d,tabFontWeight:f,tabBorderRadius:p,tabFontWeightActive:m,colorSegment:h,fontWeightStrong:g,tabColorSegment:_,closeSize:v,closeIconSize:y,closeColorHover:b,closeColorPressed:x,closeBorderRadius:S,[M(`panePadding`,t)]:w,[M(`tabPadding`,r)]:T,[M(`tabPaddingVertical`,r)]:ee,[M(`tabGap`,r)]:E,[M(`tabGap`,`${r}Vertical`)]:D,[M(`tabTextColor`,n)]:O,[M(`tabTextColorActive`,n)]:k,[M(`tabTextColorHover`,n)]:te,[M(`tabTextColorDisabled`,n)]:A,[M(`tabFontSize`,t)]:ne},common:{cubicBezierEaseInOut:j}}=s.value;return{"--n-bezier":j,"--n-color-segment":h,"--n-bar-color":i,"--n-tab-font-size":ne,"--n-tab-text-color":O,"--n-tab-text-color-active":k,"--n-tab-text-color-disabled":A,"--n-tab-text-color-hover":te,"--n-pane-text-color":d,"--n-tab-border-color":u,"--n-tab-border-radius":p,"--n-close-size":v,"--n-close-icon-size":y,"--n-close-color-hover":b,"--n-close-color-pressed":x,"--n-close-border-radius":S,"--n-close-icon-color":a,"--n-close-icon-color-hover":o,"--n-close-icon-color-pressed":c,"--n-tab-color":l,"--n-tab-font-weight":f,"--n-tab-font-weight-active":m,"--n-tab-padding":T,"--n-tab-padding-vertical":ee,"--n-tab-gap":E,"--n-tab-gap-vertical":D,"--n-pane-padding-left":B(w,`left`),"--n-pane-padding-right":B(w,`right`),"--n-pane-padding-top":B(w,`top`),"--n-pane-padding-bottom":B(w,`bottom`),"--n-font-weight-strong":g,"--n-tab-color-segment":_}}),be=i?re(`tabs`,n(()=>`${C.value[0]}${e.type[0]}`),Q,e):void 0;return Object.assign({mergedClsPrefix:r,mergedValue:E,renderedNames:new Set,segmentCapsuleElRef:G,tabsPaneWrapperRef:F,tabsElRef:c,barElRef:l,addTabInstRef:_,xScrollInstRef:v,scrollWrapperElRef:d,addTabFixed:Y,tabWrapperStyle:O,handleNavResize:J,mergedSize:C,handleScroll:_e,handleTabsResize:he,cssVars:i?void 0:Q,themeClass:be?.themeClass,animationDirection:H,renderNameListRef:V,yScrollElRef:y,handleSegmentResize:ye,onAnimationBeforeLeave:ae,onAnimationEnter:se,onAnimationAfterEnter:z,onRender:be?.onRender},ve)},render(){let{mergedClsPrefix:e,type:t,placement:n,addTabFixed:r,addable:i,mergedSize:a,renderNameListRef:o,onRender:s,paneWrapperClass:l,paneWrapperStyle:u,$slots:{default:d,prefix:f,suffix:p}}=this;s?.();let m=d?oe(d()).filter(e=>e.type.__TAB_PANE__===!0):[],h=d?oe(d()).filter(e=>e.type.__TAB__===!0):[],g=!h.length,_=t===`card`,v=t===`segment`,y=!_&&!v&&this.justifyContent;o.value=[];let b=()=>{let t=c(`div`,{style:this.tabWrapperStyle,class:`${e}-tabs-wrapper`},y?null:c(`div`,{class:`${e}-tabs-scroll-padding`,style:n===`top`||n===`bottom`?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),g?m.map((e,t)=>(o.value.push(e.props.name),We(c(Le,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:t!==0&&(!y||y===`center`||y===`start`||y===`end`)}),e.children?{default:e.children.tab}:void 0)))):h.map((e,t)=>(o.value.push(e.props.name),We(t!==0&&!y?Ue(e):e))),!r&&i&&_?He(i,(g?m.length:h.length)!==0):null,y?null:c(`div`,{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return c(`div`,{ref:`tabsElRef`,class:`${e}-tabs-nav-scroll-content`},_&&i?c(U,{onResize:this.handleTabsResize},{default:()=>t}):t,_?c(`div`,{class:`${e}-tabs-pad`}):null,_?null:c(`div`,{ref:`barElRef`,class:`${e}-tabs-bar`}))},x=v?`top`:n;return c(`div`,{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${t}-type`,`${e}-tabs--${a}-size`,y&&`${e}-tabs--flex`,`${e}-tabs--${x}`],style:this.cssVars},c(`div`,{class:[`${e}-tabs-nav--${t}-type`,`${e}-tabs-nav--${x}`,`${e}-tabs-nav`]},O(f,t=>t&&c(`div`,{class:`${e}-tabs-nav__prefix`},t)),v?c(U,{onResize:this.handleSegmentResize},{default:()=>c(`div`,{class:`${e}-tabs-rail`,ref:`tabsElRef`},c(`div`,{class:`${e}-tabs-capsule`,ref:`segmentCapsuleElRef`},c(`div`,{class:`${e}-tabs-wrapper`},c(`div`,{class:`${e}-tabs-tab`}))),g?m.map((e,t)=>(o.value.push(e.props.name),c(Le,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:t!==0}),e.children?{default:e.children.tab}:void 0))):h.map((e,t)=>(o.value.push(e.props.name),t===0?e:Ue(e))))}):c(U,{onResize:this.handleNavResize},{default:()=>c(`div`,{class:`${e}-tabs-nav-scroll-wrapper`,ref:`scrollWrapperElRef`},[`top`,`bottom`].includes(x)?c(ge,{ref:`xScrollInstRef`,onScroll:this.handleScroll},{default:b}):c(`div`,{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:`yScrollElRef`},b()))}),r&&i&&_?He(i,!0):null,O(p,t=>t&&c(`div`,{class:`${e}-tabs-nav__suffix`},t))),g&&(this.animated&&(x===`top`||x===`bottom`)?c(`div`,{ref:`tabsPaneWrapperRef`,style:u,class:[`${e}-tabs-pane-wrapper`,l]},Ve(m,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):Ve(m,this.mergedValue,this.renderedNames)))}});function Ve(t,n,r,i,a,o,s){let l=[];return t.forEach(t=>{let{name:i,displayDirective:a,"display-directive":o}=t.props,s=e=>a===e||o===e,c=n===i;if(t.key!==void 0&&(t.key=i),c||s(`show`)||s(`show:lazy`)&&r.has(i)){r.has(i)||r.add(i);let n=!s(`if`);l.push(n?e(t,[[y,c]]):t)}}),s?c(_,{name:`${s}-transition`,onBeforeLeave:i,onEnter:a,onAfterEnter:o},{default:()=>l}):l}function He(e,t){return c(Le,{ref:`addTabInstRef`,key:`__addable`,name:`__addable`,internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:t,disabled:typeof e==`object`&&e.disabled})}function Ue(e){let t=d(e);return t.props?t.props.internalLeftPadded=!0:t.props={internalLeftPadded:!0},t}function We(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes(`internalLeftPadded`)||e.dynamicProps.push(`internalLeftPadded`):e.dynamicProps=[`internalLeftPadded`],e}var Ge={class:`settings-section`},Ke=T(b({__name:`DisplaySettings`,setup(e){let n=Y(),i=q(),{t:o}=w();async function s(e){try{await n.saveSection(`display`,e),i.success(o(`settings.saved`))}catch{i.error(o(`settings.saveFailed`))}}return(e,i)=>(a(),r(`section`,Ge,[t(X,{label:x(o)(`settings.display.streaming`),hint:x(o)(`settings.display.streamingHint`)},{default:l(()=>[t(x(J),{value:x(n).display.streaming,"onUpdate:value":i[0]||=e=>s({streaming:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.display.compact`),hint:x(o)(`settings.display.compactHint`)},{default:l(()=>[t(x(J),{value:x(n).display.compact,"onUpdate:value":i[1]||=e=>s({compact:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.display.showReasoning`),hint:x(o)(`settings.display.showReasoningHint`)},{default:l(()=>[t(x(J),{value:x(n).display.show_reasoning,"onUpdate:value":i[2]||=e=>s({show_reasoning:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.display.showCost`),hint:x(o)(`settings.display.showCostHint`)},{default:l(()=>[t(x(J),{value:x(n).display.show_cost,"onUpdate:value":i[3]||=e=>s({show_cost:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.display.inlineDiffs`),hint:x(o)(`settings.display.inlineDiffsHint`)},{default:l(()=>[t(x(J),{value:x(n).display.inline_diffs,"onUpdate:value":i[4]||=e=>s({inline_diffs:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.display.bellOnComplete`),hint:x(o)(`settings.display.bellOnCompleteHint`)},{default:l(()=>[t(x(J),{value:x(n).display.bell_on_complete,"onUpdate:value":i[5]||=e=>s({bell_on_complete:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.display.busyInputMode`),hint:x(o)(`settings.display.busyInputModeHint`)},{default:l(()=>[t(x(J),{value:x(n).display.busy_input_mode===`interrupt`,"onUpdate:value":i[6]||=e=>s({busy_input_mode:e?`interrupt`:`off`})},null,8,[`value`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-c8db8205`]]),qe={class:`settings-section`},Je=T(b({__name:`AgentSettings`,setup(e){let n=Y(),i=q(),{t:o}=w();async function s(e){try{await n.saveSection(`agent`,e),i.success(o(`settings.saved`))}catch{i.error(o(`settings.saveFailed`))}}return(e,i)=>(a(),r(`section`,qe,[t(X,{label:x(o)(`settings.agent.maxTurns`),hint:x(o)(`settings.agent.maxTurnsHint`)},{default:l(()=>[t(x(G),{value:x(n).agent.max_turns,min:1,max:200,step:5,size:`small`,style:{width:`120px`},"onUpdate:value":i[0]||=e=>e!=null&&s({max_turns:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.agent.gatewayTimeout`),hint:x(o)(`settings.agent.gatewayTimeoutHint`)},{default:l(()=>[t(x(G),{value:x(n).agent.gateway_timeout,min:60,max:7200,step:60,size:`small`,style:{width:`120px`},"onUpdate:value":i[1]||=e=>e!=null&&s({gateway_timeout:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.agent.restartDrainTimeout`),hint:x(o)(`settings.agent.restartDrainTimeoutHint`)},{default:l(()=>[t(x(G),{value:x(n).agent.restart_drain_timeout,min:10,max:300,step:10,size:`small`,style:{width:`120px`},"onUpdate:value":i[2]||=e=>e!=null&&s({restart_drain_timeout:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.agent.toolEnforcement`),hint:x(o)(`settings.agent.toolEnforcementHint`)},{default:l(()=>[t(x(W),{value:x(n).agent.tool_use_enforcement||`auto`,options:[{label:x(o)(`settings.agent.auto`),value:`auto`},{label:x(o)(`settings.agent.always`),value:`always`},{label:x(o)(`settings.agent.never`),value:`never`}],size:`small`,style:{width:`120px`},"onUpdate:value":i[3]||=e=>s({tool_use_enforcement:e})},null,8,[`value`,`options`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-7c41cbf5`]]),Ye={class:`settings-section`},Xe=T(b({__name:`MemorySettings`,setup(e){let n=Y(),i=q(),{t:o}=w();async function s(e){try{await n.saveSection(`memory`,e),i.success(o(`settings.saved`))}catch{i.error(o(`settings.saveFailed`))}}return(e,i)=>(a(),r(`section`,Ye,[t(X,{label:x(o)(`settings.memory.enabled`),hint:x(o)(`settings.memory.enabledHint`)},{default:l(()=>[t(x(J),{value:x(n).memory.memory_enabled,"onUpdate:value":i[0]||=e=>s({memory_enabled:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.memory.userProfile`),hint:x(o)(`settings.memory.userProfileHint`)},{default:l(()=>[t(x(J),{value:x(n).memory.user_profile_enabled,"onUpdate:value":i[1]||=e=>s({user_profile_enabled:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.memory.charLimit`),hint:x(o)(`settings.memory.charLimitHint`)},{default:l(()=>[t(x(G),{value:x(n).memory.memory_char_limit,min:100,max:1e4,step:100,size:`small`,style:{width:`120px`},"onUpdate:value":i[2]||=e=>e!=null&&s({memory_char_limit:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.memory.userCharLimit`),hint:x(o)(`settings.memory.userCharLimitHint`)},{default:l(()=>[t(x(G),{value:x(n).memory.user_char_limit,min:100,max:1e4,step:100,size:`small`,style:{width:`120px`},"onUpdate:value":i[3]||=e=>e!=null&&s({user_char_limit:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-8fb90a20`]]),Ze={class:`settings-section`},Qe=T(b({__name:`SessionSettings`,setup(e){let n=Y(),i=q(),{t:o}=w();async function s(e){try{await n.saveSection(`session_reset`,e),i.success(o(`settings.saved`))}catch{i.error(o(`settings.saveFailed`))}}return(e,i)=>(a(),r(`section`,Ze,[t(X,{label:x(o)(`settings.session.mode`),hint:x(o)(`settings.session.modeHint`)},{default:l(()=>[t(x(W),{value:x(n).sessionReset.mode||`both`,options:[{label:x(o)(`settings.session.modeBoth`),value:`both`},{label:x(o)(`settings.session.modeIdle`),value:`idle`},{label:x(o)(`settings.session.modeHourly`),value:`hourly`}],size:`small`,style:{width:`140px`},"onUpdate:value":i[0]||=e=>s({mode:e})},null,8,[`value`,`options`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.session.idleMinutes`),hint:x(o)(`settings.session.idleMinutesHint`)},{default:l(()=>[t(x(G),{value:x(n).sessionReset.idle_minutes,min:10,max:10080,step:30,size:`small`,style:{width:`120px`},"onUpdate:value":i[1]||=e=>e!=null&&s({idle_minutes:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.session.atHour`),hint:x(o)(`settings.session.atHourHint`)},{default:l(()=>[t(x(G),{value:x(n).sessionReset.at_hour,min:0,max:23,step:1,size:`small`,style:{width:`120px`},"onUpdate:value":i[2]||=e=>e!=null&&s({at_hour:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-f01b7f59`]]),$e={class:`settings-section`},et=T(b({__name:`PrivacySettings`,setup(e){let n=Y(),i=q(),{t:o}=w();async function s(e){try{await n.saveSection(`privacy`,e),i.success(o(`settings.saved`))}catch{i.error(o(`settings.saveFailed`))}}return(e,i)=>(a(),r(`section`,$e,[t(X,{label:x(o)(`settings.privacy.redactPii`),hint:x(o)(`settings.privacy.redactPiiHint`)},{default:l(()=>[t(x(J),{value:x(n).privacy.redact_pii,"onUpdate:value":i[0]||=e=>s({redact_pii:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-eecbcbf4`]]),tt={class:`settings-view`},nt={class:`page-header`},rt={class:`header-title`},it={class:`settings-content`},at={class:`settings-section`},ot=T(b({__name:`SettingsView`,setup(e){let n=Y(),i=q(),{t:o}=w();f(()=>{n.fetchSettings()});async function s(e){try{await n.saveSection(`platforms`,{api_server:e}),i.success(o(`settings.saved`))}catch{i.error(o(`settings.saveFailed`))}}return(e,i)=>(a(),r(`div`,tt,[S(`header`,nt,[S(`h2`,rt,v(x(o)(`settings.title`)),1)]),S(`div`,it,[t(x(me),{show:x(n).loading},{default:l(()=>[t(x(Be),{type:`line`,animated:``},{default:l(()=>[t(x($),{name:`display`,tab:x(o)(`settings.tabs.display`)},{default:l(()=>[t(Ke)]),_:1},8,[`tab`]),t(x($),{name:`agent`,tab:x(o)(`settings.tabs.agent`)},{default:l(()=>[t(Je)]),_:1},8,[`tab`]),t(x($),{name:`memory`,tab:x(o)(`settings.tabs.memory`)},{default:l(()=>[t(Xe)]),_:1},8,[`tab`]),t(x($),{name:`session`,tab:x(o)(`settings.tabs.session`)},{default:l(()=>[t(Qe)]),_:1},8,[`tab`]),t(x($),{name:`privacy`,tab:x(o)(`settings.tabs.privacy`)},{default:l(()=>[t(et)]),_:1},8,[`tab`]),t(x($),{name:`api_server`,tab:x(o)(`settings.tabs.apiServer`)},{default:l(()=>[S(`section`,at,[t(X,{label:x(o)(`settings.apiServer.enable`),hint:x(o)(`settings.apiServer.enableHint`)},{default:l(()=>[t(x(J),{value:x(n).platforms?.api_server?.enabled,"onUpdate:value":i[0]||=e=>s({enabled:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.apiServer.host`),hint:x(o)(`settings.apiServer.hostHint`)},{default:l(()=>[t(x(K),{value:x(n).platforms?.api_server?.host||``,size:`small`,style:{width:`200px`},"onUpdate:value":i[1]||=e=>s({host:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.apiServer.port`),hint:x(o)(`settings.apiServer.portHint`)},{default:l(()=>[t(x(G),{value:x(n).platforms?.api_server?.port,min:1024,max:65535,size:`small`,style:{width:`120px`},"onUpdate:value":i[2]||=e=>e!=null&&s({port:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.apiServer.key`),hint:x(o)(`settings.apiServer.keyHint`)},{default:l(()=>[t(x(K),{value:x(n).platforms?.api_server?.key||``,type:`password`,"show-password-on":`click`,size:`small`,style:{width:`200px`},"onUpdate:value":i[3]||=e=>s({key:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),t(X,{label:x(o)(`settings.apiServer.cors`),hint:x(o)(`settings.apiServer.corsHint`)},{default:l(()=>[t(x(K),{value:x(n).platforms?.api_server?.cors_origins||``,size:`small`,style:{width:`200px`},"onUpdate:value":i[4]||=e=>s({cors_origins:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`])])]),_:1},8,[`tab`])]),_:1})]),_:1},8,[`show`])])]))}}),[[`__scopeId`,`data-v-65c130ad`]]);export{ot as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.skill-list[data-v-242ac691]{flex:1;padding:8px;overflow-y:auto}.skill-empty[data-v-242ac691]{color:#999;text-align:center;padding:24px 16px;font-size:13px}.skill-category[data-v-242ac691]{margin-bottom:4px}.category-header[data-v-242ac691]{color:#666;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.category-header[data-v-242ac691]:hover{background:#3333330a}.category-arrow[data-v-242ac691]{flex-shrink:0;transition:transform .15s}.category-arrow.collapsed[data-v-242ac691]{transform:rotate(-90deg)}.category-name[data-v-242ac691]{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.category-count[data-v-242ac691]{color:#999;background:#3333330f;border-radius:8px;padding:1px 6px;font-size:11px}.category-skills[data-v-242ac691]{padding:2px 0 4px}.skill-item[data-v-242ac691]{color:#666;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:row;align-items:center;gap:8px;width:100%;padding:6px 10px 6px 28px;font-size:13px;transition:all .15s;display:flex}.skill-item[data-v-242ac691]:hover{color:#1a1a1a;background:#3333330f}.skill-item.active[data-v-242ac691]{color:#1a1a1a;background:#3333331a;font-weight:500}.skill-info[data-v-242ac691]{flex-direction:column;flex:1;min-width:0;display:flex}.skill-name[data-v-242ac691]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skill-desc[data-v-242ac691]{color:#999;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.skill-detail[data-v-b84bbe48]{flex-direction:column;height:100%;display:flex}.detail-title[data-v-b84bbe48]{border-bottom:1px solid #e0e0e0;flex-shrink:0;margin-bottom:12px;padding-bottom:12px;font-size:15px}.detail-category[data-v-b84bbe48]{color:#999;font-size:13px}.detail-separator[data-v-b84bbe48]{color:#999;margin:0 6px}.detail-name[data-v-b84bbe48]{color:#1a1a1a;font-weight:600}.detail-loading[data-v-b84bbe48]{color:#999;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.detail-breadcrumb[data-v-b84bbe48]{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0 12px;display:flex}.back-btn[data-v-b84bbe48]{color:#333;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:13px;display:flex}.back-btn[data-v-b84bbe48]:hover{background:#3333330f}.breadcrumb-path[data-v-b84bbe48]{color:#999;font-size:13px}.detail-content[data-v-b84bbe48]{flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}.detail-content[data-v-b84bbe48] hr{border:none;margin:12px 0}.detail-files[data-v-b84bbe48]{border-top:1px solid #e0e0e0;flex-shrink:0;margin-top:12px;padding-top:12px}.files-header[data-v-b84bbe48]{color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600}.files-list[data-v-b84bbe48]{flex-wrap:wrap;gap:4px;display:flex}.file-item[data-v-b84bbe48]{color:#666;cursor:pointer;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .15s;display:flex}.file-item[data-v-b84bbe48]:hover{color:#333;border-color:#333}.skills-view[data-v-
|
|
1
|
+
.skill-list[data-v-242ac691]{flex:1;padding:8px;overflow-y:auto}.skill-empty[data-v-242ac691]{color:#999;text-align:center;padding:24px 16px;font-size:13px}.skill-category[data-v-242ac691]{margin-bottom:4px}.category-header[data-v-242ac691]{color:#666;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.category-header[data-v-242ac691]:hover{background:#3333330a}.category-arrow[data-v-242ac691]{flex-shrink:0;transition:transform .15s}.category-arrow.collapsed[data-v-242ac691]{transform:rotate(-90deg)}.category-name[data-v-242ac691]{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.category-count[data-v-242ac691]{color:#999;background:#3333330f;border-radius:8px;padding:1px 6px;font-size:11px}.category-skills[data-v-242ac691]{padding:2px 0 4px}.skill-item[data-v-242ac691]{color:#666;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:row;align-items:center;gap:8px;width:100%;padding:6px 10px 6px 28px;font-size:13px;transition:all .15s;display:flex}.skill-item[data-v-242ac691]:hover{color:#1a1a1a;background:#3333330f}.skill-item.active[data-v-242ac691]{color:#1a1a1a;background:#3333331a;font-weight:500}.skill-info[data-v-242ac691]{flex-direction:column;flex:1;min-width:0;display:flex}.skill-name[data-v-242ac691]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skill-desc[data-v-242ac691]{color:#999;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.skill-detail[data-v-b84bbe48]{flex-direction:column;height:100%;display:flex}.detail-title[data-v-b84bbe48]{border-bottom:1px solid #e0e0e0;flex-shrink:0;margin-bottom:12px;padding-bottom:12px;font-size:15px}.detail-category[data-v-b84bbe48]{color:#999;font-size:13px}.detail-separator[data-v-b84bbe48]{color:#999;margin:0 6px}.detail-name[data-v-b84bbe48]{color:#1a1a1a;font-weight:600}.detail-loading[data-v-b84bbe48]{color:#999;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.detail-breadcrumb[data-v-b84bbe48]{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0 12px;display:flex}.back-btn[data-v-b84bbe48]{color:#333;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:13px;display:flex}.back-btn[data-v-b84bbe48]:hover{background:#3333330f}.breadcrumb-path[data-v-b84bbe48]{color:#999;font-size:13px}.detail-content[data-v-b84bbe48]{flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}.detail-content[data-v-b84bbe48] hr{border:none;margin:12px 0}.detail-files[data-v-b84bbe48]{border-top:1px solid #e0e0e0;flex-shrink:0;margin-top:12px;padding-top:12px}.files-header[data-v-b84bbe48]{color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600}.files-list[data-v-b84bbe48]{flex-wrap:wrap;gap:4px;display:flex}.file-item[data-v-b84bbe48]{color:#666;cursor:pointer;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .15s;display:flex}.file-item[data-v-b84bbe48]:hover{color:#333;border-color:#333}.skills-view[data-v-e3410494]{flex-direction:column;height:100vh;display:flex}.search-input[data-v-e3410494]{width:220px}.skills-content[data-v-e3410494]{flex:1;overflow:hidden}.skills-loading[data-v-e3410494]{color:#999;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.skills-layout[data-v-e3410494]{height:100%;display:flex}.skills-sidebar[data-v-e3410494]{border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:280px;min-height:0;display:flex;overflow:hidden}.skills-main[data-v-e3410494]{flex:1;min-width:0;min-height:0;padding:16px 20px;overflow-y:auto}.empty-detail[data-v-e3410494]{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:13px;display:flex}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{A as e,C as t,D as n,E as r,G as i,T as a,U as o,X as s,_ as c,ct as l,gt as u,j as d,k as f,mt as p,pt as m,q as h,w as g,y as _}from"./router-Ddepf70Q.js";import{r as v,t as y}from"./_plugin-vue_export-helper-DQGaK6t5.js";import{t as b}from"./Input-BzhYBEbH.js";import{t as x}from"./use-message-DAtcV1hg.js";import{t as S}from"./Switch-BeZgnVyD.js";import{t as C}from"./MarkdownRenderer-DJm5zGZj.js";import{i as w,n as T,o as E,r as D}from"./skills-DtNdlEJd.js";var O={class:`skill-list`},k={key:0,class:`skill-empty`},A=[`onClick`],j={class:`category-name`},M={class:`category-count`},N={key:0,class:`category-skills`},P=[`onClick`],F={class:`skill-info`},I={class:`skill-name`},L={key:0,class:`skill-desc`},R=y(d({__name:`SkillList`,props:{categories:{},selectedSkill:{},searchQuery:{}},emits:[`select`],setup(a,{emit:o}){let{t:s}=v(),d=x(),f=a,y=o,b=l(new Set),C=l(new Set),w=t(()=>{if(!f.searchQuery)return f.categories;let e=f.searchQuery.toLowerCase();return f.categories.map(t=>({...t,skills:t.skills.filter(t=>t.name.toLowerCase().includes(e)||t.description.toLowerCase().includes(e))})).filter(t=>t.skills.length>0||t.name.toLowerCase().includes(e))});function T(e){b.value.has(e)?b.value.delete(e):b.value.add(e)}function D(e,t){y(`select`,e,t)}async function R(e,t,n){if(!C.value.has(t)){C.value.add(t);try{await E(t,n);let r=f.categories.find(t=>t.name===e)?.skills.find(e=>e.name===t);r&&(r.enabled=n)}catch(e){d.error(s(`skills.toggleFailed`)+`: ${e.message}`)}finally{C.value.delete(t)}}}return(t,o)=>(i(),n(`div`,O,[w.value.length===0?(i(),n(`div`,k,u(a.searchQuery?m(s)(`skills.noMatch`):m(s)(`skills.noSkills`)),1)):r(``,!0),(i(!0),n(_,null,h(w.value,t=>(i(),n(`div`,{key:t.name,class:`skill-category`},[g(`button`,{class:`category-header`,onClick:e=>T(t.name)},[(i(),n(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,class:p([`category-arrow`,{collapsed:b.value.has(t.name)}])},[...o[1]||=[g(`polyline`,{points:`6 9 12 15 18 9`},null,-1)]],2)),g(`span`,j,u(t.name),1),g(`span`,M,u(t.skills.length),1)],8,A),b.value.has(t.name)?r(``,!0):(i(),n(`div`,N,[(i(!0),n(_,null,h(t.skills,s=>(i(),n(`button`,{key:s.name,class:p([`skill-item`,{active:a.selectedSkill===`${t.name}/${s.name}`}]),onClick:e=>D(t.name,s.name)},[g(`div`,F,[g(`span`,I,u(s.name),1),s.description?(i(),n(`span`,L,u(s.description),1)):r(``,!0)]),e(m(S),{size:`small`,value:s.enabled!==!1,loading:C.value.has(s.name),"onUpdate:value":e=>R(t.name,s.name,e),onClick:o[0]||=c(()=>{},[`stop`])},null,8,[`value`,`loading`,`onUpdate:value`])],10,P))),128))]))]))),128))]))}}),[[`__scopeId`,`data-v-242ac691`]]),z={class:`skill-detail`},B={class:`detail-title`},V={class:`detail-category`},H={class:`detail-name`},U={key:0,class:`detail-loading`},W={key:0,class:`detail-breadcrumb`},G={class:`breadcrumb-path`},K={class:`detail-content`},q={key:1,class:`detail-files`},J={class:`files-header`},Y={class:`files-list`},X=[`onClick`],Z=y(d({__name:`SkillDetail`,props:{category:{},skill:{}},setup(e){let{t}=v(),o=e,c=l(``),d=l([]),p=l(!1),y=l(``),b=l(null),x=l(!1);async function S(){p.value=!0,b.value=null,y.value=``,d.value=[],c.value=``;try{let e=`${o.category}/${o.skill}/SKILL.md`,[t,n]=await Promise.all([T(e),D(o.category,o.skill)]);c.value=t,d.value=n.filter(e=>!e.isDir&&e.path!==`SKILL.md`)}catch(e){c.value=t(`skills.loadFailed`)+`: ${e.message}`}finally{p.value=!1}}async function w(e){x.value=!0,b.value=e;try{let t=`${o.category}/${o.skill}/`,n=e;if(e.startsWith(`/`)){let t=e.split(`/.hermes/skills/`)[1];t&&(n=t.split(`/`).slice(2).join(`/`))}y.value=await T(`${t}${n}`)}catch(e){y.value=t(`skills.fileLoadFailed`)+`: ${e.message}`}finally{x.value=!1}}function E(){b.value=null,y.value=``}return s(()=>`${o.category}/${o.skill}`,S,{immediate:!0}),(o,s)=>(i(),n(`div`,z,[g(`div`,B,[g(`span`,V,u(e.category),1),s[0]||=g(`span`,{class:`detail-separator`},`/`,-1),g(`span`,H,u(e.skill),1)]),p.value&&!c.value?(i(),n(`div`,U,u(m(t)(`common.loading`)),1)):(i(),n(_,{key:1},[b.value?(i(),n(`div`,W,[g(`button`,{class:`back-btn`,onClick:E},[s[1]||=g(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[g(`polyline`,{points:`15 18 9 12 15 6`})],-1),f(` `+u(m(t)(`skills.backTo`))+` `+u(e.skill),1)]),g(`span`,G,u(b.value),1)])):r(``,!0),g(`div`,K,[b.value?(i(),a(C,{key:0,content:y.value},null,8,[`content`])):(i(),a(C,{key:1,content:c.value},null,8,[`content`]))]),!b.value&&d.value.length>0?(i(),n(`div`,q,[g(`div`,J,u(m(t)(`skills.attachedFiles`)),1),g(`div`,Y,[(i(!0),n(_,null,h(d.value,e=>(i(),n(`button`,{key:e.path,class:`file-item`,onClick:t=>w(e.path)},[s[2]||=g(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[g(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),g(`polyline`,{points:`14 2 14 8 20 8`})],-1),g(`span`,null,u(e.path),1)],8,X))),128))])])):r(``,!0)],64))]))}}),[[`__scopeId`,`data-v-b84bbe48`]]),Q={class:`skills-view`},$={class:`page-header`},ee={class:`header-title`},te={class:`skills-content`},ne={key:0,class:`skills-loading`},re={key:1,class:`skills-layout`},ie={class:`skills-sidebar`},ae={class:`skills-main`},oe={key:1,class:`empty-detail`},se=y(d({__name:`SkillsView`,setup(t){let{t:r}=v(),s=l([]),c=l(!1),d=l(``),f=l(``),p=l(``);o(h);async function h(){c.value=!0;try{s.value=await w()}catch(e){console.error(`Failed to load skills:`,e)}finally{c.value=!1}}function _(e,t){d.value=e,f.value=t}return(t,o)=>(i(),n(`div`,Q,[g(`header`,$,[g(`h2`,ee,u(m(r)(`skills.title`)),1),e(m(b),{value:p.value,"onUpdate:value":o[0]||=e=>p.value=e,placeholder:m(r)(`skills.searchPlaceholder`),size:`small`,clearable:``,class:`search-input`},null,8,[`value`,`placeholder`])]),g(`div`,te,[c.value&&s.value.length===0?(i(),n(`div`,ne,`Loading...`)):(i(),n(`div`,re,[g(`div`,ie,[e(R,{categories:s.value,"selected-skill":d.value&&f.value?`${d.value}/${f.value}`:null,"search-query":p.value,onSelect:_},null,8,[`categories`,`selected-skill`,`search-query`])]),g(`div`,ae,[d.value&&f.value?(i(),a(Z,{key:0,category:d.value,skill:f.value},null,8,[`category`,`skill`])):(i(),n(`div`,oe,[...o[1]||=[g(`svg`,{width:`48`,height:`48`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1`,opacity:`0.2`},[g(`polygon`,{points:`12 2 2 7 12 12 22 7 12 2`}),g(`polyline`,{points:`2 17 12 22 22 17`}),g(`polyline`,{points:`2 12 12 17 22 12`})],-1),g(`span`,null,`Select a skill from the list`,-1)]]))])]))])]))}}),[[`__scopeId`,`data-v-e3410494`]]);export{se as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{C as e,N as t,Z as n,ct as r,d as i,j as a}from"./router-Ddepf70Q.js";import{B as o,at as s,c,dt as l,i as u,lt as d,n as f,ot as p,r as m,z as h}from"./browser-Bf2Q3p4g.js";import{a as g,x as _}from"./Suffix-C1X_jn5E.js";import{n as v}from"./Close-2w73mIOt.js";function y(e){let{opacityDisabled:t,heightTiny:n,heightSmall:r,heightMedium:i,heightLarge:a,heightHuge:o,primaryColor:s,fontSize:c}=e;return{fontSize:c,textColor:s,sizeTiny:n,sizeSmall:r,sizeMedium:i,sizeLarge:a,sizeHuge:o,color:s,opacitySpinning:t}}var b={name:`Spin`,common:f,self:y},x=s([s(`@keyframes spin-rotate`,`
|
|
2
2
|
from {
|
|
3
3
|
transform: rotate(0);
|
|
4
4
|
}
|
|
@@ -40,4 +40,4 @@ import{A as e,M as t,S as n,X as r,st as i,u as a}from"./router--r9mOZY5.js";imp
|
|
|
40
40
|
-webkit-user-select: none;
|
|
41
41
|
pointer-events: none;
|
|
42
42
|
opacity: var(--n-opacity-spinning);
|
|
43
|
-
`)])]),S={small:20,medium:18,large:16},C=
|
|
43
|
+
`)])]),S={small:20,medium:18,large:16},C=a({name:`Spin`,props:Object.assign(Object.assign(Object.assign({},c.props),{contentClass:String,contentStyle:[Object,String],description:String,size:{type:[String,Number],default:`medium`},show:{type:Boolean,default:!0},rotate:{type:Boolean,default:!0},spinning:{type:Boolean,validator:()=>!0,default:void 0},delay:Number}),u),slots:Object,setup(t){let{mergedClsPrefixRef:i,inlineThemeDisabled:a}=o(t),s=c(`Spin`,`-spin`,x,b,t,i),u=e(()=>{let{size:e}=t,{common:{cubicBezierEaseInOut:n},self:r}=s.value,{opacitySpinning:i,color:a,textColor:o}=r;return{"--n-bezier":n,"--n-opacity-spinning":i,"--n-size":typeof e==`number`?_(e):r[l(`size`,e)],"--n-color":a,"--n-text-color":o}}),d=a?h(`spin`,e(()=>{let{size:e}=t;return typeof e==`number`?String(e):e[0]}),u,t):void 0,f=v(t,[`spinning`,`show`]),p=r(!1);return n(e=>{let n;if(f.value){let{delay:r}=t;if(r){n=window.setTimeout(()=>{p.value=!0},r),e(()=>{clearTimeout(n)});return}}p.value=f.value}),{mergedClsPrefix:i,active:p,mergedStrokeWidth:e(()=>{let{strokeWidth:e}=t;if(e!==void 0)return e;let{size:n}=t;return S[typeof n==`number`?`medium`:n]}),cssVars:a?void 0:u,themeClass:d?.themeClass,onRender:d?.onRender}},render(){var e;let{$slots:n,mergedClsPrefix:r,description:a}=this,o=n.icon&&this.rotate,s=(a||n.description)&&t(`div`,{class:`${r}-spin-description`},a||n.description?.call(n)),c=n.icon?t(`div`,{class:[`${r}-spin-body`,this.themeClass]},t(`div`,{class:[`${r}-spin`,o&&`${r}-spin--rotate`],style:n.default?``:this.cssVars},n.icon()),s):t(`div`,{class:[`${r}-spin-body`,this.themeClass]},t(m,{clsPrefix:r,style:n.default?``:this.cssVars,stroke:this.stroke,"stroke-width":this.mergedStrokeWidth,radius:this.radius,scale:this.scale,class:`${r}-spin`}),s);return(e=this.onRender)==null||e.call(this),n.default?t(`div`,{class:[`${r}-spin-container`,this.themeClass],style:this.cssVars},t(`div`,{class:[`${r}-spin-content`,this.active&&`${r}-spin-content--spinning`,this.contentClass],style:this.contentStyle},n),t(i,{name:`fade-in-transition`},{default:()=>this.active?c:null})):c}});export{C as t};
|