mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-07 06:47:13 -04:00
423 lines
85 KiB
JavaScript
423 lines
85 KiB
JavaScript
![]() |
import{_ as Qo}from"./chunk-cf010ec4.js";import{a as fo,u as go,b as bo,c as et,d as ot}from"./chunk-893bf84a.js";import{z as te,r as Y,A as yo,d as B,h,c as C,B as Ge,i as Z,p as Q,f as tt,F as fe,C as J,w as io,j as O,D as V,E as $,u as Re,G as ge,k as ee,l as q,m as F,H as ze,q as A,I as nt,J as rt,_ as pe,K as ke,t as it,L as le,M as oe,N as Ue,O as lt,P as xo,Q as at,R as Ce,S as Ee,U as Fe,V as We,g as st,W as ct,X as dt}from"./chunk-449c23a2.js";import{o as x,b as Ne,u as ye,v as re,t as ut,x as xe,f as Se,j as qe,D as ht,E as _o,F as ve,V as vt,G as pt,H as mt,I as $e,J as ft,K as gt,L as bt,X as yt,n as T,M as me,q as K,p as _,O as Ae,P as X,w as de,z as Ie,Q as xt,R as Co,k as _t,a as lo,S as Ct,T as wo,N as So,U as Le,W as wt,Y as St,Z as Io,B as Ye,_ as Ze,A as be,$ as It,a0 as zt,a1 as zo,a2 as kt}from"../entries/src_pages_Home.page.16dc467b.js";import{N as ko}from"./chunk-9519e52e.js";import{c as ae,w as At,_ as je,a as he}from"./chunk-a740628f.js";import{C as Ke,r as Pt}from"./chunk-fb60a83f.js";import{_ as Rt}from"./chunk-153e0e77.js";import{_ as Nt}from"./chunk-6deddc2e.js";import{_ as $t}from"./chunk-19e85b99.js";import{u as Ht}from"./chunk-27eb844d.js";import{_ as Tt}from"./chunk-606d31d4.js";import{h as ao,u as Lt}from"./chunk-f696a70e.js";import{f as Kt}from"./chunk-051b56e8.js";import{N as Ao}from"./chunk-f206ee20.js";import{k as Xe}from"./chunk-5d5107c5.js";import{f as Po}from"./chunk-a0dc36f0.js";import{u as Ot}from"./chunk-ee54c1e8.js";import{_ as Bt}from"./chunk-5a4ab062.js";const ne=(e,...o)=>typeof e=="function"?e(...o):typeof e=="string"?te(e):typeof e=="number"?te(String(e)):null;function Mt(e){return o=>{o?e.value=o.$el:e.value=null}}function Et(e,o,t){if(!o)return e;const n=Y(e.value);let r=null;return yo(e,i=>{r!==null&&window.clearTimeout(r),i===!0?t&&!t.value?n.value=!0:r=window.setTimeout(()=>{n.value=!0},o):n.value=!1}),n}const Ro=B({name:"ChevronRight",render(){return h("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("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"}))}}),Ft=B({name:"ChevronDownFilled",render(){return h("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M3.20041 5.73966C3.48226 5.43613 3.95681 5.41856 4.26034 5.70041L8 9.22652L11.7397 5.70041C12.0432 5.41856 12.5177 5.43613 12.7996 5.73966C13.0815 6.0432 13.0639 6.51775 12.7603 6.7996L8.51034 10.7996C8.22258 11.0668 7.77743 11.0668 7.48967 10.7996L3.23966 6.7996C2.93613 6.51775 2.91856 6.0432 3.20041 5.73966Z",fill:"currentColor"}))}});function so(e){return Array.isArray(e)?e:[e]}const De={STOP:"STOP"};function No(e,o){const t=o(e);e.children!==void 0&&t!==De.STOP&&e.children.forEach(n=>No(n,o))}function jt(e,o={}){const{preserveGroup:t=!1}=o,n=[],r=t?l=>{l.isLeaf||(n.push(l.key),i(l.children))}:l=>{l.isLeaf||(l.isGroup||n.push(l.key),i(l.children))};function i(l){l.forEach(r)}return i(e),n}function Dt(e,o){const{isLeaf:t}=e;return t!==void 0?t:!o(e)}function Vt(e){return e.children}function Gt(e){return e.key}function Ut(){return!1}function Wt(e,o){const{isLeaf:t}=e;return!(t===!1&&!Array.isArray(o(e)))}function qt(e){return e.disabled===!0}function Yt(e,o){return e.isLeaf===!1&&!Array.isArray(o(e))}function Oe(e){var o;return e==null?[]:Array.isArray(e)?e:(o=e.checkedKeys)!==null&&o!==void 0?o:[]}function Be(e){var o;return e==null||Array.isArray(e)?[]:(o=e.indeterminateKeys)!==null&&o!==void 0?o:[]}function Zt(e,o){const t=new Set(e);return o.forEach(n=>{t.has(n)||t.add(n)}),Array.from(t)}function Xt(e,o){const t=new Set(e);return o.forEach(n=>{t.has(n)&&t.delete(n)}),Array.from(t)}function Jt(e){return e?.type==="group"}class Qt extends Error{constructor(){super(),this.message="SubtreeNotLoadedError: checking a subtree whose required nodes are not fully l
|
||
|
transform-origin: var(--v-transform-origin);
|
||
|
background-color: var(--n-color);
|
||
|
border-radius: var(--n-border-radius);
|
||
|
box-shadow: var(--n-box-shadow);
|
||
|
position: relative;
|
||
|
transition:
|
||
|
background-color .3s var(--n-bezier),
|
||
|
box-shadow .3s var(--n-bezier);
|
||
|
`,[Kt(),x("dropdown-option",`
|
||
|
position: relative;
|
||
|
`,[T("a",`
|
||
|
text-decoration: none;
|
||
|
color: inherit;
|
||
|
outline: none;
|
||
|
`,[T("&::before",`
|
||
|
content: "";
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
`)]),x("dropdown-option-body",`
|
||
|
display: flex;
|
||
|
cursor: pointer;
|
||
|
position: relative;
|
||
|
height: var(--n-option-height);
|
||
|
line-height: var(--n-option-height);
|
||
|
font-size: var(--n-font-size);
|
||
|
color: var(--n-option-text-color);
|
||
|
transition: color .3s var(--n-bezier);
|
||
|
`,[T("&::before",`
|
||
|
content: "";
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
left: 4px;
|
||
|
right: 4px;
|
||
|
transition: background-color .3s var(--n-bezier);
|
||
|
border-radius: var(--n-border-radius);
|
||
|
`),me("disabled",[K("pending",`
|
||
|
color: var(--n-option-text-color-hover);
|
||
|
`,[_("prefix, suffix",`
|
||
|
color: var(--n-option-text-color-hover);
|
||
|
`),T("&::before","background-color: var(--n-option-color-hover);")]),K("active",`
|
||
|
color: var(--n-option-text-color-active);
|
||
|
`,[_("prefix, suffix",`
|
||
|
color: var(--n-option-text-color-active);
|
||
|
`),T("&::before","background-color: var(--n-option-color-active);")]),K("child-active",`
|
||
|
color: var(--n-option-text-color-child-active);
|
||
|
`,[_("prefix, suffix",`
|
||
|
color: var(--n-option-text-color-child-active);
|
||
|
`)])]),K("disabled",`
|
||
|
cursor: not-allowed;
|
||
|
opacity: var(--n-option-opacity-disabled);
|
||
|
`),K("group",`
|
||
|
font-size: calc(var(--n-font-size) - 1px);
|
||
|
color: var(--n-group-header-text-color);
|
||
|
`,[_("prefix",`
|
||
|
width: calc(var(--n-option-prefix-width) / 2);
|
||
|
`,[K("show-icon",`
|
||
|
width: calc(var(--n-option-icon-prefix-width) / 2);
|
||
|
`)])]),_("prefix",`
|
||
|
width: var(--n-option-prefix-width);
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
color: var(--n-prefix-color);
|
||
|
transition: color .3s var(--n-bezier);
|
||
|
z-index: 1;
|
||
|
`,[K("show-icon",`
|
||
|
width: var(--n-option-icon-prefix-width);
|
||
|
`),x("icon",`
|
||
|
font-size: var(--n-option-icon-size);
|
||
|
`)]),_("label",`
|
||
|
white-space: nowrap;
|
||
|
flex: 1;
|
||
|
z-index: 1;
|
||
|
`),_("suffix",`
|
||
|
box-sizing: border-box;
|
||
|
flex-grow: 0;
|
||
|
flex-shrink: 0;
|
||
|
display: flex;
|
||
|
justify-content: flex-end;
|
||
|
align-items: center;
|
||
|
min-width: var(--n-option-suffix-width);
|
||
|
padding: 0 8px;
|
||
|
transition: color .3s var(--n-bezier);
|
||
|
color: var(--n-suffix-color);
|
||
|
z-index: 1;
|
||
|
`,[K("has-submenu",`
|
||
|
width: var(--n-option-icon-suffix-width);
|
||
|
`),x("icon",`
|
||
|
font-size: var(--n-option-icon-size);
|
||
|
`)]),x("dropdown-menu","pointer-events: all;")]),x("dropdown-offset-container",`
|
||
|
pointer-events: none;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: -4px;
|
||
|
bottom: -4px;
|
||
|
`)]),x("dropdown-divider",`
|
||
|
transition: background-color .3s var(--n-bezier);
|
||
|
background-color: var(--n-divider-color);
|
||
|
height: 1px;
|
||
|
margin: 4px 0;
|
||
|
`),x("dropdown-menu-wrapper",`
|
||
|
transform-origin: var(--v-transform-origin);
|
||
|
width: fit-content;
|
||
|
`),T(">",[x("scrollbar",`
|
||
|
height: inherit;
|
||
|
max-height: inherit;
|
||
|
`)]),me("scrollable",`
|
||
|
padding: var(--n-padding);
|
||
|
`),K("scrollable",[_("content",`
|
||
|
padding: var(--n-padding);
|
||
|
`)])]),kn={animated:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},size:{type:String,default:"medium"},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]},An=Object.keys(Co),Pn=Object.assign(Object.assign(Object.assign({},Co),kn),re.props),Rn=B({name:"Dropdown",inheritAttrs:!1,props:Pn,setup(e){const o=Y(!1),t=Ae(J(e,"show"),o),n=C(()=>{const{keyField:I,childrenField:D}=e;return Ho(e.options,{getKey(E){return E[I]},getDisabled(E){return E.disabled===!0},getIgnored(E){return E.type==="divider"||E.type==="render"},getChildren(E){return E[D]}})}),r=C(()=>n.value.treeNodes),i=Y(null),l=Y(null),c=Y(null),a=C(()=>{var I,D,E;return(E=(D=(I=i.value)!==null&&I!==void 0?I:l.value)!==null&&D!==void 0?D:c.value)!==null&&E!==void 0?E:null}),u=C(()=>n.value.getPath(a.value).keyPath),v=C(()=>n.value.getPath(e.value).keyPath),p=ve(()=>e.keyboard&&t.value);Lt({keydown:{ArrowUp:{prevent:!0,handler:m},ArrowRight:{prevent:!0,handler:g},ArrowDown:{prevent:!0,handler:w},ArrowLeft:{prevent:!0,handler:j},Enter:{prevent:!0,handler:N},Escape:G}},p);const{mergedClsPrefixRef:b,inlineThemeDisabled:H}=ye(e),z=re("Dropdown","-dropdown",zn,To,e,b);Q(He,{labelFieldRef:J(e,"labelField"),childrenFieldRef:J(e,"childrenField"),renderLabelRef:J(e,"renderLabel"),renderIconRef:J(e,"renderIcon"),hoverKeyRef:i,keyboardKeyRef:l,lastToggledSubmenuKeyRef:c,pendingKeyPathRef:u,activeKeyPathRef:v,animatedRef:J(e,"animated"),mergedShowRef:t,nodePropsRef:J(e,"nodeProps"),renderOptionRef:J(e,"renderOption"),menuPropsRef:J(e,"menuProps"),doSelect:f,doUpdateShow:y}),yo(t,I=>{!e.animated&&!I&&P()});function f(I,D){const{onSelect:E}=e;E&&X(E,I,D)}function y(I){const{"onUpdate:show":D,onUpdateShow:E}=e;D&&X(D,I),E&&X(E,I),o.value=I}function P(){i.value=null,l.value=null,c.value=null}function G(){y(!1)}function j(){R("left")}function g(){R("right")}function m(){R("up")}function w(){R("down")}function N(){const I=S();I?.isLeaf&&t.value&&(f(I.key,I.rawNode),y(!1))}function S(){var I;const{value:D}=n,{value:E}=a;return!D||E===null?null:(I=D.getNode(E))!==null&&I!==void 0?I:null}function R(I){const{value:D}=a,{value:{getFirstAvailableNode:E}}=n;let M=null;if(D===null){const d=E();d!==null&&(M=d.key)}else{const d=S();if(d){let L;switch(I){case"down":L=d.getNext();break;case"up":L=d.getPrev();break;case"right":L=d.getChild();break;case"left":L=d.getParent();break}L&&(M=L.key)}}M!==null&&(i.value=null,l.value=M)}const s=C(()=>{const{size:I,inverted:D}=e,{common:{cubicBezierEaseInOut:E},self:M}=z.value,{padding:d,dividerColor:L,borderRadius:W,optionOpacityDisabled:ie,[de("optionIconSuffixWidth",I)]:se,[de("optionSuffixWidth",I)]:Te,[de("optionIconPrefixWidth",I)]:ce,[de("optionPrefixWidth",I)]:Yo,[de("fontSize",I)]:Zo,[de("optionHeight",I)]:Xo,[de("optionIconSize",I)]:Jo}=M,U={"--n-bezier":E,"--n-font-size":Zo,"--n-padding":d,"--n-border-radius":W,"--n-option-height":Xo,"--n-option-prefix-width":Yo,"--n-option-icon-prefix-width":ce,"--n-option-suffix-width":Te,"--n-option-icon-suffix-width":se,"--n-option-icon-size":Jo,"--n-divider-color":L,"--n-option-opacity-disabled":ie};return D?(U["--n-color"]=M.colorInverted,U["--n-option-color-hover"]=M.optionColorHoverInverted,U["--n-option-color-active"]=M.optionColorActiveInverted,U["--n-option-text-color"]=M.optionTextColorInverted,U["--n-option-text-color-hover"]=M.optionTextColorHoverInverted,U["--n-option-text-color-active"]=M.optionTextColorActiveInverted,U["--n-option-text-color-child-active"]=M.optionTextColorChildActiveInverted,U["--n-prefix-color"]=M.prefixColorInverted,U["--n-suffix-color"]=M.suffixColorInverted,U["--n-group-header-text-color"]=M.groupHeaderTextColorInverted):(U["--n-color"]=M.color,U["--n-option-color-hover"]=M.optionColorHover,U["--n-option-color-active"]=M.optionColo
|
||
|
color: var(--n-text-color);
|
||
|
background-color: var(--n-color);
|
||
|
box-sizing: border-box;
|
||
|
position: relative;
|
||
|
z-index: auto;
|
||
|
flex: auto;
|
||
|
overflow: hidden;
|
||
|
transition:
|
||
|
box-shadow .3s var(--n-bezier),
|
||
|
background-color .3s var(--n-bezier),
|
||
|
color .3s var(--n-bezier);
|
||
|
`,[x("layout-scroll-container",`
|
||
|
overflow-x: hidden;
|
||
|
box-sizing: border-box;
|
||
|
height: 100%;
|
||
|
`),K("absolute-positioned",`
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
`)]),Bn={embedded:Boolean,position:Fo,nativeScrollbar:{type:Boolean,default:!0},scrollbarProps:Object,onScroll:Function,contentStyle:{type:[String,Object],default:""},hasSider:Boolean,siderPlacement:{type:String,default:"left"}},jo=ae("n-layout");function Mn(e){return B({name:e?"LayoutContent":"Layout",props:Object.assign(Object.assign({},re.props),Bn),setup(o){const t=Y(null),n=Y(null),{mergedClsPrefixRef:r,inlineThemeDisabled:i}=ye(o),l=re("Layout","-layout",On,Mo,o,r);function c(f,y){if(o.nativeScrollbar){const{value:P}=t;P&&(y===void 0?P.scrollTo(f):P.scrollTo(f,y))}else{const{value:P}=n;P&&P.scrollTo(f,y)}}Q(jo,o);let a=0,u=0;const v=f=>{var y;const P=f.target;a=P.scrollLeft,u=P.scrollTop,(y=o.onScroll)===null||y===void 0||y.call(o,f)};wo(()=>{if(o.nativeScrollbar){const f=t.value;f&&(f.scrollTop=u,f.scrollLeft=a)}});const p={display:"flex",flexWrap:"nowrap",width:"100%",flexDirection:"row"},b={scrollTo:c},H=C(()=>{const{common:{cubicBezierEaseInOut:f},self:y}=l.value;return{"--n-bezier":f,"--n-color":o.embedded?y.colorEmbedded:y.color,"--n-text-color":y.textColor}}),z=i?xe("layout",C(()=>o.embedded?"e":""),H,o):void 0;return Object.assign({mergedClsPrefix:r,scrollableElRef:t,scrollbarInstRef:n,hasSiderStyle:p,mergedTheme:l,handleNativeElScroll:v,cssVars:i?void 0:H,themeClass:z?.themeClass,onRender:z?.onRender},b)},render(){var o;const{mergedClsPrefix:t,hasSider:n}=this;(o=this.onRender)===null||o===void 0||o.call(this);const r=n?this.hasSiderStyle:void 0,i=[this.themeClass,e&&`${t}-layout-content`,`${t}-layout`,`${t}-layout--${this.position}-positioned`];return h("div",{class:i,style:this.cssVars},this.nativeScrollbar?h("div",{ref:"scrollableElRef",class:`${t}-layout-scroll-container`,style:[this.contentStyle,r],onScroll:this.handleNativeElScroll},this.$slots):h(So,Object.assign({},this.scrollbarProps,{onScroll:this.onScroll,ref:"scrollbarInstRef",theme:this.mergedTheme.peers.Scrollbar,themeOverrides:this.mergedTheme.peerOverrides.Scrollbar,contentStyle:[this.contentStyle,r]}),this.$slots))}})}const En=Mn(!1),Fn=x("layout-sider",`
|
||
|
flex-shrink: 0;
|
||
|
box-sizing: border-box;
|
||
|
position: relative;
|
||
|
z-index: 1;
|
||
|
color: var(--n-text-color);
|
||
|
transition:
|
||
|
color .3s var(--n-bezier),
|
||
|
border-color .3s var(--n-bezier),
|
||
|
min-width .3s var(--n-bezier),
|
||
|
max-width .3s var(--n-bezier),
|
||
|
transform .3s var(--n-bezier),
|
||
|
background-color .3s var(--n-bezier);
|
||
|
background-color: var(--n-color);
|
||
|
display: flex;
|
||
|
justify-content: flex-end;
|
||
|
`,[K("bordered",[_("border",`
|
||
|
content: "";
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
width: 1px;
|
||
|
background-color: var(--n-border-color);
|
||
|
transition: background-color .3s var(--n-bezier);
|
||
|
`)]),_("left-placement",[K("bordered",[_("border",`
|
||
|
right: 0;
|
||
|
`)])]),K("right-placement",`
|
||
|
justify-content: flex-start;
|
||
|
`,[K("bordered",[_("border",`
|
||
|
left: 0;
|
||
|
`)]),K("collapsed",[x("layout-toggle-button",[x("base-icon",`
|
||
|
transform: rotate(180deg);
|
||
|
`)]),x("layout-toggle-bar",[T("&:hover",[_("top",{transform:"rotate(-12deg) scale(1.15) translateY(-2px)"}),_("bottom",{transform:"rotate(12deg) scale(1.15) translateY(2px)"})])])]),x("layout-toggle-button",`
|
||
|
left: 0;
|
||
|
transform: translateX(-50%) translateY(-50%);
|
||
|
`,[x("base-icon",`
|
||
|
transform: rotate(0);
|
||
|
`)]),x("layout-toggle-bar",`
|
||
|
left: -28px;
|
||
|
transform: rotate(180deg);
|
||
|
`,[T("&:hover",[_("top",{transform:"rotate(12deg) scale(1.15) translateY(-2px)"}),_("bottom",{transform:"rotate(-12deg) scale(1.15) translateY(2px)"})])])]),K("collapsed",[x("layout-toggle-bar",[T("&:hover",[_("top",{transform:"rotate(-12deg) scale(1.15) translateY(-2px)"}),_("bottom",{transform:"rotate(12deg) scale(1.15) translateY(2px)"})])]),x("layout-toggle-button",[x("base-icon",`
|
||
|
transform: rotate(0);
|
||
|
`)])]),x("layout-toggle-button",`
|
||
|
transition:
|
||
|
color .3s var(--n-bezier),
|
||
|
right .3s var(--n-bezier),
|
||
|
left .3s var(--n-bezier),
|
||
|
border-color .3s var(--n-bezier),
|
||
|
background-color .3s var(--n-bezier);
|
||
|
cursor: pointer;
|
||
|
width: 24px;
|
||
|
height: 24px;
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
right: 0;
|
||
|
border-radius: 50%;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
font-size: 18px;
|
||
|
color: var(--n-toggle-button-icon-color);
|
||
|
border: var(--n-toggle-button-border);
|
||
|
background-color: var(--n-toggle-button-color);
|
||
|
box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .06);
|
||
|
transform: translateX(50%) translateY(-50%);
|
||
|
z-index: 1;
|
||
|
`,[x("base-icon",`
|
||
|
transition: transform .3s var(--n-bezier);
|
||
|
transform: rotate(180deg);
|
||
|
`)]),x("layout-toggle-bar",`
|
||
|
cursor: pointer;
|
||
|
height: 72px;
|
||
|
width: 32px;
|
||
|
position: absolute;
|
||
|
top: calc(50% - 36px);
|
||
|
right: -28px;
|
||
|
`,[_("top, bottom",`
|
||
|
position: absolute;
|
||
|
width: 4px;
|
||
|
border-radius: 2px;
|
||
|
height: 38px;
|
||
|
left: 14px;
|
||
|
transition:
|
||
|
background-color .3s var(--n-bezier),
|
||
|
transform .3s var(--n-bezier);
|
||
|
`),_("bottom",`
|
||
|
position: absolute;
|
||
|
top: 34px;
|
||
|
`),T("&:hover",[_("top",{transform:"rotate(12deg) scale(1.15) translateY(-2px)"}),_("bottom",{transform:"rotate(-12deg) scale(1.15) translateY(2px)"})]),_("top, bottom",{backgroundColor:"var(--n-toggle-bar-color)"}),T("&:hover",[_("top, bottom",{backgroundColor:"var(--n-toggle-bar-color-hover)"})])]),_("border",`
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
bottom: 0;
|
||
|
width: 1px;
|
||
|
transition: background-color .3s var(--n-bezier);
|
||
|
`),x("layout-sider-scroll-container",`
|
||
|
flex-grow: 1;
|
||
|
flex-shrink: 0;
|
||
|
box-sizing: border-box;
|
||
|
height: 100%;
|
||
|
opacity: 0;
|
||
|
transition: opacity .3s var(--n-bezier);
|
||
|
max-width: 100%;
|
||
|
`),K("show-content",[x("layout-sider-scroll-container",{opacity:1})]),K("absolute-positioned",`
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
`)]),jn=B({name:"LayoutToggleButton",props:{clsPrefix:{type:String,required:!0},onClick:Function},render(){const{clsPrefix:e}=this;return h("div",{class:`${e}-layout-toggle-button`,onClick:this.onClick},h(ko,{clsPrefix:e},{default:()=>h(Ro,null)}))}}),Dn=B({props:{clsPrefix:{type:String,required:!0},onClick:Function},render(){const{clsPrefix:e}=this;return h("div",{onClick:this.onClick,class:`${e}-layout-toggle-bar`},h("div",{class:`${e}-layout-toggle-bar__top`}),h("div",{class:`${e}-layout-toggle-bar__bottom`}))}}),Vn={position:Fo,bordered:Boolean,collapsedWidth:{type:Number,default:48},width:{type:[Number,String],default:272},contentStyle:{type:[String,Object],default:""},collapseMode:{type:String,default:"transform"},collapsed:{type:Boolean,default:void 0},defaultCollapsed:Boolean,showCollapsedContent:{type:Boolean,default:!0},showTrigger:{type:[Boolean,String],default:!1},nativeScrollbar:{type:Boolean,default:!0},inverted:Boolean,scrollbarProps:Object,triggerStyle:[String,Object],collapsedTriggerStyle:[String,Object],"onUpdate:collapsed":[Function,Array],onUpdateCollapsed:[Function,Array],onAfterEnter:Function,onAfterLeave:Function,onExpand:[Function,Array],onCollapse:[Function,Array],onScroll:Function},Gn=B({name:"LayoutSider",props:Object.assign(Object.assign({},re.props),Vn),setup(e){const o=Z(jo),t=Y(null),n=Y(null),r=C(()=>Le(a.value?e.collapsedWidth:e.width)),i=C(()=>e.collapseMode!=="transform"?{}:{minWidth:Le(e.width)}),l=C(()=>o?o.siderPlacement:"left"),c=Y(e.defaultCollapsed),a=Ae(J(e,"collapsed"),c);function u(m,w){if(e.nativeScrollbar){const{value:N}=t;N&&(w===void 0?N.scrollTo(m):N.scrollTo(m,w))}else{const{value:N}=n;N&&N.scrollTo(m,w)}}function v(){const{"onUpdate:collapsed":m,onUpdateCollapsed:w,onExpand:N,onCollapse:S}=e,{value:R}=a;w&&X(w,!R),m&&X(m,!R),c.value=!R,R?N&&X(N):S&&X(S)}let p=0,b=0;const H=m=>{var w;const N=m.target;p=N.scrollLeft,b=N.scrollTop,(w=e.onScroll)===null||w===void 0||w.call(e,m)};wo(()=>{if(e.nativeScrollbar){const m=t.value;m&&(m.scrollTop=b,m.scrollLeft=p)}}),Q(Eo,{collapsedRef:a,collapseModeRef:J(e,"collapseMode")});const{mergedClsPrefixRef:z,inlineThemeDisabled:f}=ye(e),y=re("Layout","-layout-sider",Fn,Mo,e,z);function P(m){var w,N;m.propertyName==="max-width"&&(a.value?(w=e.onAfterLeave)===null||w===void 0||w.call(e):(N=e.onAfterEnter)===null||N===void 0||N.call(e))}const G={scrollTo:u},j=C(()=>{const{common:{cubicBezierEaseInOut:m},self:w}=y.value,{siderToggleButtonColor:N,siderToggleButtonBorder:S,siderToggleBarColor:R,siderToggleBarColorHover:s}=w,k={"--n-bezier":m,"--n-toggle-button-color":N,"--n-toggle-button-border":S,"--n-toggle-bar-color":R,"--n-toggle-bar-color-hover":s};return e.inverted?(k["--n-color"]=w.siderColorInverted,k["--n-text-color"]=w.textColorInverted,k["--n-border-color"]=w.siderBorderColorInverted,k["--n-toggle-button-icon-color"]=w.siderToggleButtonIconColorInverted,k.__invertScrollbar=w.__invertScrollbar):(k["--n-color"]=w.siderColor,k["--n-text-color"]=w.textColor,k["--n-border-color"]=w.siderBorderColor,k["--n-toggle-button-icon-color"]=w.siderToggleButtonIconColor),k}),g=f?xe("layout-sider",C(()=>e.inverted?"a":"b"),j,e):void 0;return Object.assign({scrollableElRef:t,scrollbarInstRef:n,mergedClsPrefix:z,mergedTheme:y,styleMaxWidth:r,mergedCollapsed:a,scrollContainerStyle:i,siderPlacement:l,handleNativeElScroll:H,handleTransitionend:P,handleTriggerClick:v,inlineThemeDisabled:f,cssVars:j,themeClass:g?.themeClass,onRender:g?.onRender},G)},render(){var e;const{mergedClsPrefix:o,mergedCollapsed:t,showTrigger:n}=this;return(e=this.onRender)===null||e===void 0||e.call(this),h("aside",{class:[`${o}-layout-sider`,this.themeClass,`${o}-layout-sider--${this.position}-positioned`,`${o}-layout-sider--${this.siderPlacement}-placement`,this.bordered&&`${o}-layout-sider--bordered`,t&&`${o}-layout-sider--collapsed`,(!t||this.showCollapsedContent)&&`${o}-layout-sider--show-content`],onTransitionend:this.handleTransitionend,style:[this.inlineThemeDisabled?void 0:this.cssVars,{maxWidth:this.styleMaxWidth,width:Le(this.width)}]},this.nativeScrollbar?h("div",{cl
|
||
|
color: var(--n-arrow-color-hover);
|
||
|
`),_("icon",`
|
||
|
color: var(--n-item-icon-color-hover);
|
||
|
`),x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-hover);
|
||
|
`,[T("a",`
|
||
|
color: var(--n-item-text-color-hover);
|
||
|
`),_("extra",`
|
||
|
color: var(--n-item-text-color-hover);
|
||
|
`)])],vo=[_("icon",`
|
||
|
color: var(--n-item-icon-color-hover-horizontal);
|
||
|
`),x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-hover-horizontal);
|
||
|
`,[T("a",`
|
||
|
color: var(--n-item-text-color-hover-horizontal);
|
||
|
`),_("extra",`
|
||
|
color: var(--n-item-text-color-hover-horizontal);
|
||
|
`)])],er=T([x("menu",`
|
||
|
background-color: var(--n-color);
|
||
|
color: var(--n-item-text-color);
|
||
|
overflow: hidden;
|
||
|
transition: background-color .3s var(--n-bezier);
|
||
|
box-sizing: border-box;
|
||
|
font-size: var(--n-font-size);
|
||
|
padding-bottom: 6px;
|
||
|
`,[K("horizontal",`
|
||
|
display: inline-flex;
|
||
|
padding-bottom: 0;
|
||
|
`,[x("submenu","margin: 0;"),x("menu-item","margin: 0;"),x("menu-item-content",`
|
||
|
padding: 0 20px;
|
||
|
border-bottom: 2px solid #0000;
|
||
|
`,[T("&::before","display: none;"),K("selected","border-bottom: 2px solid var(--n-border-color-horizontal)")]),x("menu-item-content",[K("selected",[_("icon","color: var(--n-item-icon-color-active-horizontal);"),x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-active-horizontal);
|
||
|
`,[T("a","color: var(--n-item-text-color-active-horizontal);"),_("extra","color: var(--n-item-text-color-active-horizontal);")])]),K("child-active",`
|
||
|
border-bottom: 2px solid var(--n-border-color-horizontal);
|
||
|
`,[x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-child-active-horizontal);
|
||
|
`,[T("a",`
|
||
|
color: var(--n-item-text-color-child-active-horizontal);
|
||
|
`),_("extra",`
|
||
|
color: var(--n-item-text-color-child-active-horizontal);
|
||
|
`)]),_("icon",`
|
||
|
color: var(--n-item-icon-color-child-active-horizontal);
|
||
|
`)]),me("disabled",[me("selected, child-active",[T("&:focus-within",vo)]),K("selected",[ue(null,[_("icon","color: var(--n-item-icon-color-active-hover-horizontal);"),x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-active-hover-horizontal);
|
||
|
`,[T("a","color: var(--n-item-text-color-active-hover-horizontal);"),_("extra","color: var(--n-item-text-color-active-hover-horizontal);")])])]),K("child-active",[ue(null,[_("icon","color: var(--n-item-icon-color-child-active-hover-horizontal);"),x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-child-active-hover-horizontal);
|
||
|
`,[T("a","color: var(--n-item-text-color-child-active-hover-horizontal);"),_("extra","color: var(--n-item-text-color-child-active-hover-horizontal);")])])]),ue("border-bottom: 2px solid var(--n-border-color-horizontal);",vo)]),x("menu-item-content-header",[T("a","color: var(--n-item-text-color-horizontal);")])])]),K("collapsed",[x("menu-item-content",[K("selected",[T("&::before",`
|
||
|
background-color: var(--n-item-color-active-collapsed) !important;
|
||
|
`)]),x("menu-item-content-header","opacity: 0;"),_("arrow","opacity: 0;"),_("icon","color: var(--n-item-icon-color-collapsed);")])]),x("menu-item",`
|
||
|
height: var(--n-item-height);
|
||
|
margin-top: 6px;
|
||
|
position: relative;
|
||
|
`),x("menu-item-content",`
|
||
|
box-sizing: border-box;
|
||
|
line-height: 1.75;
|
||
|
height: 100%;
|
||
|
display: grid;
|
||
|
grid-template-areas: "icon content arrow";
|
||
|
grid-template-columns: auto 1fr auto;
|
||
|
align-items: center;
|
||
|
cursor: pointer;
|
||
|
position: relative;
|
||
|
padding-right: 18px;
|
||
|
transition:
|
||
|
background-color .3s var(--n-bezier),
|
||
|
padding-left .3s var(--n-bezier),
|
||
|
border-color .3s var(--n-bezier);
|
||
|
`,[T("> *","z-index: 1;"),T("&::before",`
|
||
|
z-index: auto;
|
||
|
content: "";
|
||
|
background-color: #0000;
|
||
|
position: absolute;
|
||
|
left: 8px;
|
||
|
right: 8px;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
pointer-events: none;
|
||
|
border-radius: var(--n-border-radius);
|
||
|
transition: background-color .3s var(--n-bezier);
|
||
|
`),K("disabled",`
|
||
|
opacity: .45;
|
||
|
cursor: not-allowed;
|
||
|
`),K("collapsed",[_("arrow","transform: rotate(0);")]),K("selected",[T("&::before","background-color: var(--n-item-color-active);"),_("arrow","color: var(--n-arrow-color-active);"),_("icon","color: var(--n-item-icon-color-active);"),x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-active);
|
||
|
`,[T("a","color: var(--n-item-text-color-active);"),_("extra","color: var(--n-item-text-color-active);")])]),K("child-active",[x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-child-active);
|
||
|
`,[T("a",`
|
||
|
color: var(--n-item-text-color-child-active);
|
||
|
`),_("extra",`
|
||
|
color: var(--n-item-text-color-child-active);
|
||
|
`)]),_("arrow",`
|
||
|
color: var(--n-arrow-color-child-active);
|
||
|
`),_("icon",`
|
||
|
color: var(--n-item-icon-color-child-active);
|
||
|
`)]),me("disabled",[me("selected, child-active",[T("&:focus-within",ho)]),K("selected",[ue(null,[_("arrow","color: var(--n-arrow-color-active-hover);"),_("icon","color: var(--n-item-icon-color-active-hover);"),x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-active-hover);
|
||
|
`,[T("a","color: var(--n-item-text-color-active-hover);"),_("extra","color: var(--n-item-text-color-active-hover);")])])]),K("child-active",[ue(null,[_("arrow","color: var(--n-arrow-color-child-active-hover);"),_("icon","color: var(--n-item-icon-color-child-active-hover);"),x("menu-item-content-header",`
|
||
|
color: var(--n-item-text-color-child-active-hover);
|
||
|
`,[T("a","color: var(--n-item-text-color-child-active-hover);"),_("extra","color: var(--n-item-text-color-child-active-hover);")])])]),K("selected",[ue(null,[T("&::before","background-color: var(--n-item-color-active-hover);")])]),ue(null,ho)]),_("icon",`
|
||
|
grid-area: icon;
|
||
|
color: var(--n-item-icon-color);
|
||
|
transition:
|
||
|
color .3s var(--n-bezier),
|
||
|
font-size .3s var(--n-bezier),
|
||
|
margin-right .3s var(--n-bezier);
|
||
|
box-sizing: content-box;
|
||
|
display: inline-flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
`),_("arrow",`
|
||
|
grid-area: arrow;
|
||
|
font-size: 16px;
|
||
|
color: var(--n-arrow-color);
|
||
|
transform: rotate(180deg);
|
||
|
opacity: 1;
|
||
|
transition:
|
||
|
color .3s var(--n-bezier),
|
||
|
transform 0.2s var(--n-bezier),
|
||
|
opacity 0.2s var(--n-bezier);
|
||
|
`),x("menu-item-content-header",`
|
||
|
grid-area: content;
|
||
|
transition:
|
||
|
color .3s var(--n-bezier),
|
||
|
opacity .3s var(--n-bezier);
|
||
|
opacity: 1;
|
||
|
white-space: nowrap;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
color: var(--n-item-text-color);
|
||
|
`,[T("a",`
|
||
|
outline: none;
|
||
|
text-decoration: none;
|
||
|
transition: color .3s var(--n-bezier);
|
||
|
color: var(--n-item-text-color);
|
||
|
`,[T("&::before",`
|
||
|
content: "";
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
`)]),_("extra",`
|
||
|
font-size: .93em;
|
||
|
color: var(--n-group-text-color);
|
||
|
transition: color .3s var(--n-bezier);
|
||
|
`)])]),x("submenu",`
|
||
|
cursor: pointer;
|
||
|
position: relative;
|
||
|
margin-top: 6px;
|
||
|
`,[x("menu-item-content",`
|
||
|
height: var(--n-item-height);
|
||
|
`),x("submenu-children",`
|
||
|
overflow: hidden;
|
||
|
padding: 0;
|
||
|
`,[Po({duration:".2s"})])]),x("menu-item-group",[x("menu-item-group-title",`
|
||
|
margin-top: 6px;
|
||
|
color: var(--n-group-text-color);
|
||
|
cursor: default;
|
||
|
font-size: .93em;
|
||
|
height: 36px;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
transition:
|
||
|
padding-left .3s var(--n-bezier),
|
||
|
color .3s var(--n-bezier);
|
||
|
`)])]),x("menu-tooltip",[T("a",`
|
||
|
color: inherit;
|
||
|
text-decoration: none;
|
||
|
`)]),x("menu-divider",`
|
||
|
transition: background-color .3s var(--n-bezier);
|
||
|
background-color: var(--n-divider-color);
|
||
|
height: 1px;
|
||
|
margin: 6px 18px;
|
||
|
`)]);function ue(e,o){return[K("hover",e,o),T("&:hover",e,o)]}const or=Object.assign(Object.assign({},re.props),{options:{type:Array,default:()=>[]},collapsed:{type:Boolean,default:void 0},collapsedWidth:{type:Number,default:48},iconSize:{type:Number,default:20},collapsedIconSize:{type:Number,default:24},rootIndent:Number,indent:{type:Number,default:32},labelField:{type:String,default:"label"},keyField:{type:String,default:"key"},childrenField:{type:String,default:"children"},disabledField:{type:String,default:"disabled"},defaultExpandAll:Boolean,defaultExpandedKeys:Array,expandedKeys:Array,value:[String,Number],defaultValue:{type:[String,Number],default:null},mode:{type:String,default:"vertical"},watchProps:{type:Array,default:void 0},disabled:Boolean,show:{type:Boolean,default:!0},inverted:Boolean,"onUpdate:expandedKeys":[Function,Array],onUpdateExpandedKeys:[Function,Array],onUpdateValue:[Function,Array],"onUpdate:value":[Function,Array],expandIcon:Function,renderIcon:Function,renderLabel:Function,renderExtra:Function,dropdownProps:Object,accordion:Boolean,nodeProps:Function,items:Array,onOpenNamesChange:[Function,Array],onSelect:[Function,Array],onExpandedNamesChange:[Function,Array],expandedNames:Array,defaultExpandedNames:Array,dropdownPlacement:{type:String,default:"bottom"}}),tr=B({name:"Menu",props:or,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ye(e),n=re("Menu","-menu",er,Kn,e,o),r=Z(Eo,null),i=C(()=>{var S;const{collapsed:R}=e;if(R!==void 0)return R;if(r){const{collapseModeRef:s,collapsedRef:k}=r;if(s.value==="width")return(S=k.value)!==null&&S!==void 0?S:!1}return!1}),l=C(()=>{const{keyField:S,childrenField:R,disabledField:s}=e;return Ho(e.items||e.options,{getIgnored(k){return Wo(k)},getChildren(k){return k[R]},getDisabled(k){return k[s]},getKey(k){var I;return(I=k[S])!==null&&I!==void 0?I:k.name}})}),c=C(()=>new Set(l.value.treeNodes.map(S=>S.key))),{watchProps:a}=e,u=Y(null);a?.includes("defaultValue")?io(()=>{u.value=e.defaultValue}):u.value=e.defaultValue;const v=J(e,"value"),p=Ae(v,u),b=Y([]),H=()=>{b.value=e.defaultExpandAll?l.value.getNonLeafKeys():e.defaultExpandedNames||e.defaultExpandedKeys||l.value.getPath(p.value,{includeSelf:!1}).keyPath};a?.includes("defaultExpandedKeys")?io(H):H();const z=St(e,["expandedNames","expandedKeys"]),f=Ae(z,b),y=C(()=>l.value.treeNodes),P=C(()=>l.value.getPath(p.value).keyPath);Q(_e,{props:e,mergedCollapsedRef:i,mergedThemeRef:n,mergedValueRef:p,mergedExpandedKeysRef:f,activePathRef:P,mergedClsPrefixRef:o,isHorizontalRef:C(()=>e.mode==="horizontal"),invertedRef:J(e,"inverted"),doSelect:G,toggleExpand:g});function G(S,R){const{"onUpdate:value":s,onUpdateValue:k,onSelect:I}=e;k&&X(k,S,R),s&&X(s,S,R),I&&X(I,S,R),u.value=S}function j(S){const{"onUpdate:expandedKeys":R,onUpdateExpandedKeys:s,onExpandedNamesChange:k,onOpenNamesChange:I}=e;R&&X(R,S),s&&X(s,S),k&&X(k,S),I&&X(I,S),b.value=S}function g(S){const R=Array.from(f.value),s=R.findIndex(k=>k===S);if(~s)R.splice(s,1);else{if(e.accordion&&c.value.has(S)){const k=R.findIndex(I=>c.value.has(I));k>-1&&R.splice(k,1)}R.push(S)}j(R)}const m=S=>{const R=l.value.getPath(S??p.value,{includeSelf:!1}).keyPath;if(!R.length)return;const s=Array.from(f.value),k=new Set([...s,...R]);e.accordion&&c.value.forEach(I=>{k.has(I)&&!R.includes(I)&&k.delete(I)}),j(Array.from(k))},w=C(()=>{const{inverted:S}=e,{common:{cubicBezierEaseInOut:R},self:s}=n.value,{borderRadius:k,borderColorHorizontal:I,fontSize:D,itemHeight:E,dividerColor:M}=s,d={"--n-divider-color":M,"--n-bezier":R,"--n-font-size":D,"--n-border-color-horizontal":I,"--n-border-radius":k,"--n-item-height":E};return S?(d["--n-group-text-color"]=s.groupTextColorInverted,d["--n-color"]=s.colorInverted,d["--n-item-text-color"]=s.itemTextColorInverted,d["--n-item-text-color-hover"]=s.itemTextColorHoverInverted,d["--n-item-text-color-active"]=s.itemTextColorActiveInverted,d["--n-item-text-color-child-active"]=s.itemTextColorChildActiveInverted,d["--n-item-text-color-child-active-hover"]=s.itemTextColorChildActiveInverted,d["--n-item-text-color-active-hover"]=s.itemTextCol
|