generated from VLADIMIR/template_frontend
464 lines
48 KiB
JavaScript
464 lines
48 KiB
JavaScript
import{$ as e,A as t,D as n,E as r,H as i,N as a,P as o,Q as s,S as c,T as l,U as u,X as d,Z as f,_ as p,it as m,j as h,lt as g,o as _,p as v,st as y,v as b,y as x,z as S}from"./vue-router-bPs2Bq2h.js";import{$ as C,E as w,G as T,I as E,J as D,K as O,M as ee,N as k,Q as A,R as j,X as M,Y as N,Z as P,j as F,o as I,r as L,z as R}from"./light-BDe84dgP.js";import{a as z,i as B,l as te,n as V,o as H,r as U,t as W}from"./Follower-_t_6t1y4.js";import{a as ne,o as re,t as ie}from"./utils-CtITkHGS.js";import{M as ae,N as oe,O as G,b as se,g as K,h as q,i as J,o as ce,t as le}from"./Card-DBUps96C.js";import{a as Y,c as X,o as ue}from"./resolve-slot-Cp3m6n7Y.js";import{c as de,s as fe}from"./light-q2QEcHBK.js";import{t as pe}from"./use-compitable-BcHeQzgm.js";import{o as Z,s as me,t as Q}from"./Button-9mGOEfhY.js";import{t as $}from"./call-ChHlm4-m.js";import{t as he}from"./Add-DIWmYlsC.js";import{t as ge}from"./use-message-Cp_bXspD.js";import{t as _e}from"./Space-BVFZXAUN.js";import{B as ve,G as ye,J as be,K as xe,N as Se,P as Ce,S as we,V as Te,W as Ee,Y as De,Z as Oe,b as ke,i as Ae,q as je}from"./index-kBnBAq6I.js";import{a as Me,n as Ne,t as Pe}from"./HeaderMenu-eN2wSqXA.js";var Fe=V(`.v-x-scroll`,{overflow:`auto`,scrollbarWidth:`none`},[V(`&::-webkit-scrollbar`,{width:0,height:0})]),Ie=n({name:`XScroll`,props:{disabled:Boolean,onScroll:Function},setup(){let e=m(null);function t(e){!(e.currentTarget.offsetWidth<e.currentTarget.scrollWidth)||e.deltaY===0||(e.currentTarget.scrollLeft+=e.deltaY+e.deltaX,e.preventDefault())}let n=j();return Fe.mount({id:`vueuc/x-scroll`,head:!0,anchorMetaName:U,ssr:n}),Object.assign({selfRef:e,handleWheel:t},{scrollTo(...t){var n;(n=e.value)==null||n.scrollTo(...t)}})},render(){return t(`div`,{ref:`selfRef`,onScroll:this.onScroll,onWheel:this.disabled?void 0:this.handleWheel,class:`v-x-scroll`},this.$slots)}}),Le=/\s/;function Re(e){for(var t=e.length;t--&&Le.test(e.charAt(t)););return t}var ze=/^\s+/;function Be(e){return e&&e.slice(0,Re(e)+1).replace(ze,``)}var Ve=NaN,He=/^[-+]0x[0-9a-f]+$/i,Ue=/^0b[01]+$/i,We=/^0o[0-7]+$/i,Ge=parseInt;function Ke(e){if(typeof e==`number`)return e;if(Ee(e))return Ve;if(w(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=w(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=Be(e);var n=Ue.test(e);return n||We.test(e)?Ge(e.slice(2),n?2:8):He.test(e)?Ve:+e}var qe=function(){return F.Date.now()},Je=`Expected a function`,Ye=Math.max,Xe=Math.min;function Ze(e,t,n){var r,i,a,o,s,c,l=0,u=!1,d=!1,f=!0;if(typeof e!=`function`)throw TypeError(Je);t=Ke(t)||0,w(n)&&(u=!!n.leading,d=`maxWait`in n,a=d?Ye(Ke(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?Xe(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=qe();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(qe())}function x(){var e=qe(),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 Qe=`Expected a function`;function $e(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(Qe);return w(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),Ze(e,t,{leading:r,maxWait:t,trailing:i})}var et=T([O(`auto-complete`,`
|
|
z-index: auto;
|
|
position: relative;
|
|
display: inline-flex;
|
|
width: 100%;
|
|
`),O(`auto-complete-menu`,`
|
|
margin: 4px 0;
|
|
box-shadow: var(--n-menu-box-shadow);
|
|
`,[ce({originalTransition:`background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)`})])]);function tt(e){return e.map(nt)}function nt(e){return typeof e==`string`?{label:e,value:e}:e.type===`group`?{type:`group`,label:e.label??e.name,value:e.value??e.name,key:e.key||e.name,children:e.children.map(e=>nt(e))}:e}var rt=n({name:`AutoComplete`,props:Object.assign(Object.assign({},L.props),{to:H.propTo,menuProps:Object,append:Boolean,bordered:{type:Boolean,default:void 0},clearable:{type:Boolean,default:void 0},defaultValue:{type:String,default:null},loading:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},placeholder:String,placement:{type:String,default:`bottom-start`},value:String,blurAfterSelect:Boolean,clearAfterSelect:Boolean,getShow:Function,showEmpty:Boolean,inputProps:Object,renderOption:Function,renderLabel:Function,size:String,options:{type:Array,default:()=>[]},zIndex:Number,status:String,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onSelect:[Function,Array],onBlur:[Function,Array],onFocus:[Function,Array],scrollbarProps:Object,onInput:[Function,Array]}),slots:Object,setup(e){let{mergedBorderedRef:t,namespaceRef:n,mergedClsPrefixRef:r,inlineThemeDisabled:i,mergedComponentPropsRef:a}=k(e),o=Z(e,{mergedSize:t=>{let{size:n}=e;if(n)return n;let{mergedSize:r}=t||{};return r?.value?r.value:a?.value?.AutoComplete?.size||`medium`}}),{mergedSizeRef:s,mergedDisabledRef:c,mergedStatusRef:l}=o,u=m(null),d=m(null),f=m(e.defaultValue),p=G(y(e,`value`),f),h=m(!1),g=m(!1),_=L(`AutoComplete`,`-auto-complete`,et,we,e,r),v=b(()=>tt(e.options)),x=b(()=>{let{getShow:t}=e;return t?t(p.value||``):!!p.value}),S=b(()=>x.value&&h.value&&(e.showEmpty?!0:!!v.value.length)),C=b(()=>re(v.value,ie(`value`,`children`)));function w(t){let{"onUpdate:value":n,onUpdateValue:r,onInput:i}=e,{nTriggerFormInput:a,nTriggerFormChange:s}=o;r&&$(r,t),n&&$(n,t),i&&$(i,t),f.value=t,a(),s()}function T(t){let{onSelect:n}=e,{nTriggerFormInput:r,nTriggerFormChange:i}=o;n&&$(n,t),r(),i()}function E(t){let{onBlur:n}=e,{nTriggerFormBlur:r}=o;n&&$(n,t),r()}function D(t){let{onFocus:n}=e,{nTriggerFormFocus:r}=o;n&&$(n,t),r()}function O(){g.value=!0}function A(){window.setTimeout(()=>{g.value=!1},0)}function j(e){var t,n;switch(e.key){case`Enter`:if(!g.value){let t=d.value?.getPendingTmNode();t&&(M(t.rawNode),e.preventDefault())}break;case`ArrowDown`:(t=d.value)==null||t.next();break;case`ArrowUp`:(n=d.value)==null||n.prev();break}}function M(t){t?.value!==void 0&&(T(t.value),e.clearAfterSelect?w(null):t.label!==void 0&&w(e.append?`${p.value}${t.label}`:t.label),h.value=!1,e.blurAfterSelect&&B())}function N(){w(null)}function P(e){h.value=!0,D(e)}function F(e){h.value=!1,E(e)}function I(e){h.value=!0,w(e)}function R(e){M(e.rawNode)}function z(e){u.value?.contains(oe(e))||(h.value=!1)}function B(){var e;u.value?.contains(document.activeElement)&&((e=document.activeElement)==null||e.blur())}let te=b(()=>{let{common:{cubicBezierEaseInOut:e},self:{menuBoxShadow:t}}=_.value;return{"--n-menu-box-shadow":t,"--n-bezier":e}}),V=i?ee(`auto-complete`,void 0,te,e):void 0,U=m(null),W={focus:()=>{var e;(e=U.value)==null||e.focus()},blur:()=>{var e;(e=U.value)==null||e.blur()}};return{focus:W.focus,blur:W.blur,inputInstRef:U,uncontrolledValue:f,mergedValue:p,isMounted:xe(),adjustedTo:H(e),menuInstRef:d,triggerElRef:u,treeMate:C,mergedSize:s,mergedDisabled:c,active:S,mergedStatus:l,handleClear:N,handleFocus:P,handleBlur:F,handleInput:I,handleToggle:R,handleClickOutsideMenu:z,handleCompositionStart:O,handleCompositionEnd:A,handleKeyDown:j,mergedTheme:_,cssVars:i?void 0:te,themeClass:V?.themeClass,onRender:V?.onRender,mergedBordered:t,namespace:n,mergedClsPrefix:r}},render(){let{mergedClsPrefix:n}=this;return t(`div`,{class:`${n}-auto-complete`,ref:`triggerElRef`,onKeydown:this.handleKeyDown,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd},t(z,null,{default:()=>[t(B,null,{default:()=>{let e=this.$slots.default;if(e)return q(`default`,e,{handleInput:this.handleInput,handleFocus:this.handleFocus,handleBlur:this.handleBlur,value:this.mergedValue});let{mergedTheme:n}=this;return t(J,{ref:`inputInstRef`,status:this.mergedStatus,theme:n.peers.Input,themeOverrides:n.peerOverrides.Input,bordered:this.mergedBordered,value:this.mergedValue,placeholder:this.placeholder,size:this.mergedSize,disabled:this.mergedDisabled,clearable:this.clearable,loading:this.loading,inputProps:this.inputProps,onClear:this.handleClear,onFocus:this.handleFocus,onUpdateValue:this.handleInput,onBlur:this.handleBlur},{suffix:()=>{var e;return(e=this.$slots).suffix?.call(e)},prefix:()=>{var e;return(e=this.$slots).prefix?.call(e)}})}}),t(W,{show:this.active,to:this.adjustedTo,containerClass:this.namespace,zIndex:this.zIndex,teleportDisabled:this.adjustedTo===H.tdkey,placement:this.placement,width:`target`},{default:()=>t(be,{name:`fade-in-scale-up-transition`,appear:this.isMounted},{default:()=>{var r;if((r=this.onRender)==null||r.call(this),!this.active)return null;let{menuProps:i}=this;return e(t(ne,Object.assign({},i,{clsPrefix:n,ref:`menuInstRef`,theme:this.mergedTheme.peers.InternalSelectMenu,themeOverrides:this.mergedTheme.peerOverrides.InternalSelectMenu,"auto-pending":!0,class:[`${n}-auto-complete-menu`,this.themeClass,i?.class],style:[i?.style,this.cssVars],treeMate:this.treeMate,multiple:!1,renderLabel:this.renderLabel,renderOption:this.renderOption,size:`medium`,onToggle:this.handleToggle,scrollbarProps:this.scrollbarProps}),{empty:()=>{var e;return(e=this.$slots).empty?.call(e)}}),[[se,this.handleClickOutsideMenu,void 0,{capture:!0}]])}})})]}))}}),it=R(`n-checkbox-group`);n({name:`CheckboxGroup`,props:{min:Number,max:Number,size:String,value:Array,defaultValue:{type:Array,default:null},disabled:{type:Boolean,default:void 0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onChange:[Function,Array]},setup(e){let{mergedClsPrefixRef:t}=k(e),n=Z(e),{mergedSizeRef:r,mergedDisabledRef:i}=n,a=m(e.defaultValue),o=G(b(()=>e.value),a),s=b(()=>o.value?.length||0),c=b(()=>Array.isArray(o.value)?new Set(o.value):new Set);function l(t,r){let{nTriggerFormInput:i,nTriggerFormChange:s}=n,{onChange:c,"onUpdate:value":l,onUpdateValue:u}=e;if(Array.isArray(o.value)){let e=Array.from(o.value),n=e.findIndex(e=>e===r);t?~n||(e.push(r),u&&$(u,e,{actionType:`check`,value:r}),l&&$(l,e,{actionType:`check`,value:r}),i(),s(),a.value=e,c&&$(c,e)):~n&&(e.splice(n,1),u&&$(u,e,{actionType:`uncheck`,value:r}),l&&$(l,e,{actionType:`uncheck`,value:r}),c&&$(c,e),a.value=e,i(),s())}else t?(u&&$(u,[r],{actionType:`check`,value:r}),l&&$(l,[r],{actionType:`check`,value:r}),c&&$(c,[r]),a.value=[r],i(),s()):(u&&$(u,[],{actionType:`uncheck`,value:r}),l&&$(l,[],{actionType:`uncheck`,value:r}),c&&$(c,[]),a.value=[],i(),s())}return u(it,{checkedCountRef:s,maxRef:y(e,`max`),minRef:y(e,`min`),valueSetRef:c,disabledRef:i,mergedSizeRef:r,toggleCheckbox:l}),{mergedClsPrefix:t}},render(){return t(`div`,{class:`${this.mergedClsPrefix}-checkbox-group`,role:`group`},this.$slots)}});var at=()=>t(`svg`,{viewBox:`0 0 64 64`,class:`check-icon`},t(`path`,{d:`M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51 c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92 C54.13,15.78,51.93,15.55,50.42,16.76z`})),ot=()=>t(`svg`,{viewBox:`0 0 100 100`,class:`line-icon`},t(`path`,{d:`M80.2,55.5H21.4c-2.8,0-5.1-2.5-5.1-5.5l0,0c0-3,2.3-5.5,5.1-5.5h58.7c2.8,0,5.1,2.5,5.1,5.5l0,0C85.2,53.1,82.9,55.5,80.2,55.5z`})),st=T([O(`checkbox`,`
|
|
font-size: var(--n-font-size);
|
|
outline: none;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
flex-wrap: nowrap;
|
|
align-items: flex-start;
|
|
word-break: break-word;
|
|
line-height: var(--n-size);
|
|
--n-merged-color-table: var(--n-color-table);
|
|
`,[N(`show-label`,`line-height: var(--n-label-line-height);`),T(`&:hover`,[O(`checkbox-box`,[D(`border`,`border: var(--n-border-checked);`)])]),T(`&:focus:not(:active)`,[O(`checkbox-box`,[D(`border`,`
|
|
border: var(--n-border-focus);
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
`)])]),N(`inside-table`,[O(`checkbox-box`,`
|
|
background-color: var(--n-merged-color-table);
|
|
`)]),N(`checked`,[O(`checkbox-box`,`
|
|
background-color: var(--n-color-checked);
|
|
`,[O(`checkbox-icon`,[T(`.check-icon`,`
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
`)])])]),N(`indeterminate`,[O(`checkbox-box`,[O(`checkbox-icon`,[T(`.check-icon`,`
|
|
opacity: 0;
|
|
transform: scale(.5);
|
|
`),T(`.line-icon`,`
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
`)])])]),N(`checked, indeterminate`,[T(`&:focus:not(:active)`,[O(`checkbox-box`,[D(`border`,`
|
|
border: var(--n-border-checked);
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
`)])]),O(`checkbox-box`,`
|
|
background-color: var(--n-color-checked);
|
|
border-left: 0;
|
|
border-top: 0;
|
|
`,[D(`border`,{border:`var(--n-border-checked)`})])]),N(`disabled`,{cursor:`not-allowed`},[N(`checked`,[O(`checkbox-box`,`
|
|
background-color: var(--n-color-disabled-checked);
|
|
`,[D(`border`,{border:`var(--n-border-disabled-checked)`}),O(`checkbox-icon`,[T(`.check-icon, .line-icon`,{fill:`var(--n-check-mark-color-disabled-checked)`})])])]),O(`checkbox-box`,`
|
|
background-color: var(--n-color-disabled);
|
|
`,[D(`border`,`
|
|
border: var(--n-border-disabled);
|
|
`),O(`checkbox-icon`,[T(`.check-icon, .line-icon`,`
|
|
fill: var(--n-check-mark-color-disabled);
|
|
`)])]),D(`label`,`
|
|
color: var(--n-text-color-disabled);
|
|
`)]),O(`checkbox-box-wrapper`,`
|
|
position: relative;
|
|
width: var(--n-size);
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
`),O(`checkbox-box`,`
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
height: var(--n-size);
|
|
width: var(--n-size);
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
border-radius: var(--n-border-radius);
|
|
background-color: var(--n-color);
|
|
transition: background-color 0.3s var(--n-bezier);
|
|
`,[D(`border`,`
|
|
transition:
|
|
border-color .3s var(--n-bezier),
|
|
box-shadow .3s var(--n-bezier);
|
|
border-radius: inherit;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
border: var(--n-border);
|
|
`),O(`checkbox-icon`,`
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
left: 1px;
|
|
right: 1px;
|
|
top: 1px;
|
|
bottom: 1px;
|
|
`,[T(`.check-icon, .line-icon`,`
|
|
width: 100%;
|
|
fill: var(--n-check-mark-color);
|
|
opacity: 0;
|
|
transform: scale(0.5);
|
|
transform-origin: center;
|
|
transition:
|
|
fill 0.3s var(--n-bezier),
|
|
transform 0.3s var(--n-bezier),
|
|
opacity 0.3s var(--n-bezier),
|
|
border-color 0.3s var(--n-bezier);
|
|
`),Ce({left:`1px`,top:`1px`})])]),D(`label`,`
|
|
color: var(--n-text-color);
|
|
transition: color .3s var(--n-bezier);
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
padding: var(--n-label-padding);
|
|
font-weight: var(--n-label-font-weight);
|
|
`,[T(`&:empty`,{display:`none`})])]),A(O(`checkbox`,`
|
|
--n-merged-color-table: var(--n-color-table-modal);
|
|
`)),C(O(`checkbox`,`
|
|
--n-merged-color-table: var(--n-color-table-popover);
|
|
`))]),ct=n({name:`Checkbox`,props:Object.assign(Object.assign({},L.props),{size:String,checked:{type:[Boolean,String,Number],default:void 0},defaultChecked:{type:[Boolean,String,Number],default:!1},value:[String,Number],disabled:{type:Boolean,default:void 0},indeterminate:Boolean,label:String,focusable:{type:Boolean,default:!0},checkedValue:{type:[Boolean,String,Number],default:!0},uncheckedValue:{type:[Boolean,String,Number],default:!1},"onUpdate:checked":[Function,Array],onUpdateChecked:[Function,Array],privateInsideTable:Boolean,onChange:[Function,Array]}),setup(e){let t=h(it,null),n=m(null),{mergedClsPrefixRef:r,inlineThemeDisabled:i,mergedRtlRef:a,mergedComponentPropsRef:o}=k(e),s=m(e.defaultChecked),c=G(y(e,`checked`),s),l=je(()=>{if(t){let n=t.valueSetRef.value;return n&&e.value!==void 0?n.has(e.value):!1}else return c.value===e.checkedValue}),u=Z(e,{mergedSize(n){let{size:r}=e;if(r!==void 0)return r;if(t){let{value:e}=t.mergedSizeRef;if(e!==void 0)return e}if(n){let{mergedSize:e}=n;if(e!==void 0)return e.value}return o?.value?.Checkbox?.size||`medium`},mergedDisabled(n){let{disabled:r}=e;if(r!==void 0)return r;if(t){if(t.disabledRef.value)return!0;let{maxRef:{value:e},checkedCountRef:n}=t;if(e!==void 0&&n.value>=e&&!l.value)return!0;let{minRef:{value:r}}=t;if(r!==void 0&&n.value<=r&&l.value)return!0}return n?n.disabled.value:!1}}),{mergedDisabledRef:d,mergedSizeRef:f}=u,p=L(`Checkbox`,`-checkbox`,st,ke,e,r);function g(n){if(t&&e.value!==void 0)t.toggleCheckbox(!l.value,e.value);else{let{onChange:t,"onUpdate:checked":r,onUpdateChecked:i}=e,{nTriggerFormInput:a,nTriggerFormChange:o}=u,c=l.value?e.uncheckedValue:e.checkedValue;r&&$(r,c,n),i&&$(i,c,n),t&&$(t,c,n),a(),o(),s.value=c}}function _(e){d.value||g(e)}function v(e){if(!d.value)switch(e.key){case` `:case`Enter`:g(e)}}function x(e){switch(e.key){case` `:e.preventDefault()}}let S={focus:()=>{var e;(e=n.value)==null||e.focus()},blur:()=>{var e;(e=n.value)==null||e.blur()}},C=I(`Checkbox`,a,r),w=b(()=>{let{value:e}=f,{common:{cubicBezierEaseInOut:t},self:{borderRadius:n,color:r,colorChecked:i,colorDisabled:a,colorTableHeader:o,colorTableHeaderModal:s,colorTableHeaderPopover:c,checkMarkColor:l,checkMarkColorDisabled:u,border:d,borderFocus:m,borderDisabled:h,borderChecked:g,boxShadowFocus:_,textColor:v,textColorDisabled:y,checkMarkColorDisabledChecked:b,colorDisabledChecked:x,borderDisabledChecked:S,labelPadding:C,labelLineHeight:w,labelFontWeight:T,[P(`fontSize`,e)]:E,[P(`size`,e)]:D}}=p.value;return{"--n-label-line-height":w,"--n-label-font-weight":T,"--n-size":D,"--n-bezier":t,"--n-border-radius":n,"--n-border":d,"--n-border-checked":g,"--n-border-focus":m,"--n-border-disabled":h,"--n-border-disabled-checked":S,"--n-box-shadow-focus":_,"--n-color":r,"--n-color-checked":i,"--n-color-table":o,"--n-color-table-modal":s,"--n-color-table-popover":c,"--n-color-disabled":a,"--n-color-disabled-checked":x,"--n-text-color":v,"--n-text-color-disabled":y,"--n-check-mark-color":l,"--n-check-mark-color-disabled":u,"--n-check-mark-color-disabled-checked":b,"--n-font-size":E,"--n-label-padding":C}}),T=i?ee(`checkbox`,b(()=>f.value[0]),w,e):void 0;return Object.assign(u,S,{rtlEnabled:C,selfRef:n,mergedClsPrefix:r,mergedDisabled:d,renderedChecked:l,mergedTheme:p,labelId:de(),handleClick:_,handleKeyUp:v,handleKeyDown:x,cssVars:i?void 0:w,themeClass:T?.themeClass,onRender:T?.onRender})},render(){var e;let{$slots:n,renderedChecked:r,mergedDisabled:i,indeterminate:a,privateInsideTable:o,cssVars:s,labelId:c,label:l,mergedClsPrefix:u,focusable:d,handleKeyUp:f,handleKeyDown:p,handleClick:m}=this;(e=this.onRender)==null||e.call(this);let h=Y(n.default,e=>l||e?t(`span`,{class:`${u}-checkbox__label`,id:c},l||e):null);return t(`div`,{ref:`selfRef`,class:[`${u}-checkbox`,this.themeClass,this.rtlEnabled&&`${u}-checkbox--rtl`,r&&`${u}-checkbox--checked`,i&&`${u}-checkbox--disabled`,a&&`${u}-checkbox--indeterminate`,o&&`${u}-checkbox--inside-table`,h&&`${u}-checkbox--show-label`],tabindex:i||!d?void 0:0,role:`checkbox`,"aria-checked":a?`mixed`:r,"aria-labelledby":c,style:s,onKeyup:f,onKeydown:p,onClick:m,onMousedown:()=>{ae(`selectstart`,window,e=>{e.preventDefault()},{once:!0})}},t(`div`,{class:`${u}-checkbox-box-wrapper`},`\xA0`,t(`div`,{class:`${u}-checkbox-box`},t(ve,null,{default:()=>this.indeterminate?t(`div`,{key:`indeterminate`,class:`${u}-checkbox-icon`},ot()):t(`div`,{key:`check`,class:`${u}-checkbox-icon`},at())}),t(`div`,{class:`${u}-checkbox-box__border`}))),h)}}),lt=R(`n-tabs`),ut={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]},dt=n({__TAB_PANE__:!0,name:`TabPane`,alias:[`TabPanel`],props:ut,slots:Object,setup(e){let t=h(lt,null);return t||E(`tab-pane`,"`n-tab-pane` must be placed inside `n-tabs`."),{style:t.paneStyleRef,class:t.paneClassRef,mergedClsPrefix:t.mergedClsPrefixRef}},render(){return t(`div`,{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}}),ft=n({__TAB__:!0,inheritAttrs:!1,name:`Tab`,props:Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},ye(ut,[`displayDirective`])),setup(e){let{mergedClsPrefixRef:t,valueRef:n,typeRef:r,closableRef:i,tabStyleRef:a,addTabStyleRef:o,tabClassRef:s,addTabClassRef:c,tabChangeIdRef:l,onBeforeLeaveRef:u,triggerRef:d,handleAdd:f,activateTab:p,handleClose:m}=h(lt);return{trigger:d,mergedClosable:b(()=>{if(e.internalAddable)return!1;let{closable:t}=e;return t===void 0?i.value:t}),style:a,addStyle:o,tabClass:s,addTabClass:c,clsPrefix:t,value:n,type:r,handleClose(t){t.stopPropagation(),!e.disabled&&m(e.name)},activateTab(){if(e.disabled)return;if(e.internalAddable){f();return}let{name:t}=e,r=++l.id;if(t!==n.value){let{value:i}=u;i?Promise.resolve(i(e.name,n.value)).then(e=>{e&&l.id===r&&p(t)}):p(t)}}}},render(){let{internalAddable:e,clsPrefix:n,name:r,disabled:i,label:o,tab:s,value:c,mergedClosable:l,trigger:u,$slots:{default:d}}=this,f=o??s;return t(`div`,{class:`${n}-tabs-tab-wrapper`},this.internalLeftPadded?t(`div`,{class:`${n}-tabs-tab-pad`}):null,t(`div`,Object.assign({key:r,"data-name":r,"data-disabled":i?!0:void 0},a({class:[`${n}-tabs-tab`,c===r&&`${n}-tabs-tab--active`,i&&`${n}-tabs-tab--disabled`,l&&`${n}-tabs-tab--closable`,e&&`${n}-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)),t(`span`,{class:`${n}-tabs-tab__label`},e?t(v,null,t(`div`,{class:`${n}-tabs-tab__height-placeholder`},`\xA0`),t(Te,{clsPrefix:n},{default:()=>t(he,null)})):d?d():typeof f==`object`?f:fe(f??r)),l&&this.type===`card`?t(Se,{clsPrefix:n,class:`${n}-tabs-tab__close`,onClick:this.handleClose,disabled:i}):null))}}),pt=O(`tabs`,`
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
`,[N(`segment-type`,[O(`tabs-rail`,[T(`&.transition-disabled`,[O(`tabs-capsule`,`
|
|
transition: none;
|
|
`)])])]),N(`top`,[O(`tab-pane`,`
|
|
padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
|
|
`)]),N(`left`,[O(`tab-pane`,`
|
|
padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
|
|
`)]),N(`left, right`,`
|
|
flex-direction: row;
|
|
`,[O(`tabs-bar`,`
|
|
width: 2px;
|
|
right: 0;
|
|
transition:
|
|
top .2s var(--n-bezier),
|
|
max-height .2s var(--n-bezier),
|
|
background-color .3s var(--n-bezier);
|
|
`),O(`tabs-tab`,`
|
|
padding: var(--n-tab-padding-vertical);
|
|
`)]),N(`right`,`
|
|
flex-direction: row-reverse;
|
|
`,[O(`tab-pane`,`
|
|
padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
|
|
`),O(`tabs-bar`,`
|
|
left: 0;
|
|
`)]),N(`bottom`,`
|
|
flex-direction: column-reverse;
|
|
justify-content: flex-end;
|
|
`,[O(`tab-pane`,`
|
|
padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
|
|
`),O(`tabs-bar`,`
|
|
top: 0;
|
|
`)]),O(`tabs-rail`,`
|
|
position: relative;
|
|
padding: 3px;
|
|
border-radius: var(--n-tab-border-radius);
|
|
width: 100%;
|
|
background-color: var(--n-color-segment);
|
|
transition: background-color .3s var(--n-bezier);
|
|
display: flex;
|
|
align-items: center;
|
|
`,[O(`tabs-capsule`,`
|
|
border-radius: var(--n-tab-border-radius);
|
|
position: absolute;
|
|
pointer-events: none;
|
|
background-color: var(--n-tab-color-segment);
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
|
|
transition: transform 0.3s var(--n-bezier);
|
|
`),O(`tabs-tab-wrapper`,`
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
`,[O(`tabs-tab`,`
|
|
overflow: hidden;
|
|
border-radius: var(--n-tab-border-radius);
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
`,[N(`active`,`
|
|
font-weight: var(--n-font-weight-strong);
|
|
color: var(--n-tab-text-color-active);
|
|
`),T(`&:hover`,`
|
|
color: var(--n-tab-text-color-hover);
|
|
`)])])]),N(`flex`,[O(`tabs-nav`,`
|
|
width: 100%;
|
|
position: relative;
|
|
`,[O(`tabs-wrapper`,`
|
|
width: 100%;
|
|
`,[O(`tabs-tab`,`
|
|
margin-right: 0;
|
|
`)])])]),O(`tabs-nav`,`
|
|
box-sizing: border-box;
|
|
line-height: 1.5;
|
|
display: flex;
|
|
transition: border-color .3s var(--n-bezier);
|
|
`,[D(`prefix, suffix`,`
|
|
display: flex;
|
|
align-items: center;
|
|
`),D(`prefix`,`padding-right: 16px;`),D(`suffix`,`padding-left: 16px;`)]),N(`top, bottom`,[T(`>`,[O(`tabs-nav`,[O(`tabs-nav-scroll-wrapper`,[T(`&::before`,`
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 20px;
|
|
`),T(`&::after`,`
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 20px;
|
|
`),N(`shadow-start`,[T(`&::before`,`
|
|
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
|
|
`)]),N(`shadow-end`,[T(`&::after`,`
|
|
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
|
|
`)])])])])]),N(`left, right`,[O(`tabs-nav-scroll-content`,`
|
|
flex-direction: column;
|
|
`),T(`>`,[O(`tabs-nav`,[O(`tabs-nav-scroll-wrapper`,[T(`&::before`,`
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 20px;
|
|
`),T(`&::after`,`
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 20px;
|
|
`),N(`shadow-start`,[T(`&::before`,`
|
|
box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
|
|
`)]),N(`shadow-end`,[T(`&::after`,`
|
|
box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
|
|
`)])])])])]),O(`tabs-nav-scroll-wrapper`,`
|
|
flex: 1;
|
|
position: relative;
|
|
overflow: hidden;
|
|
`,[O(`tabs-nav-y-scroll`,`
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
scrollbar-width: none;
|
|
`,[T(`&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb`,`
|
|
width: 0;
|
|
height: 0;
|
|
display: none;
|
|
`)]),T(`&::before, &::after`,`
|
|
transition: box-shadow .3s var(--n-bezier);
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 1;
|
|
`)]),O(`tabs-nav-scroll-content`,`
|
|
display: flex;
|
|
position: relative;
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
width: fit-content;
|
|
box-sizing: border-box;
|
|
`),O(`tabs-wrapper`,`
|
|
display: inline-flex;
|
|
flex-wrap: nowrap;
|
|
position: relative;
|
|
`),O(`tabs-tab-wrapper`,`
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
`),O(`tabs-tab`,`
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
flex-wrap: nowrap;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
color: var(--n-tab-text-color);
|
|
font-size: var(--n-tab-font-size);
|
|
background-clip: padding-box;
|
|
padding: var(--n-tab-padding);
|
|
transition:
|
|
box-shadow .3s var(--n-bezier),
|
|
color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
`,[N(`disabled`,{cursor:`not-allowed`}),D(`close`,`
|
|
margin-left: 6px;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
`),D(`label`,`
|
|
display: flex;
|
|
align-items: center;
|
|
z-index: 1;
|
|
`)]),O(`tabs-bar`,`
|
|
position: absolute;
|
|
bottom: 0;
|
|
height: 2px;
|
|
border-radius: 1px;
|
|
background-color: var(--n-bar-color);
|
|
transition:
|
|
left .2s var(--n-bezier),
|
|
max-width .2s var(--n-bezier),
|
|
opacity .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier);
|
|
`,[T(`&.transition-disabled`,`
|
|
transition: none;
|
|
`),N(`disabled`,`
|
|
background-color: var(--n-tab-text-color-disabled)
|
|
`)]),O(`tabs-pane-wrapper`,`
|
|
position: relative;
|
|
overflow: hidden;
|
|
transition: max-height .2s var(--n-bezier);
|
|
`),O(`tab-pane`,`
|
|
color: var(--n-pane-text-color);
|
|
width: 100%;
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
opacity .2s var(--n-bezier);
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
`,[T(`&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active`,`
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
transform .2s var(--n-bezier),
|
|
opacity .2s var(--n-bezier);
|
|
`),T(`&.next-transition-leave-active, &.prev-transition-leave-active`,`
|
|
position: absolute;
|
|
`),T(`&.next-transition-enter-from, &.prev-transition-leave-to`,`
|
|
transform: translateX(32px);
|
|
opacity: 0;
|
|
`),T(`&.next-transition-leave-to, &.prev-transition-enter-from`,`
|
|
transform: translateX(-32px);
|
|
opacity: 0;
|
|
`),T(`&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to`,`
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
`)]),O(`tabs-tab-pad`,`
|
|
box-sizing: border-box;
|
|
width: var(--n-tab-gap);
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
`),N(`line-type, bar-type`,[O(`tabs-tab`,`
|
|
font-weight: var(--n-tab-font-weight);
|
|
box-sizing: border-box;
|
|
vertical-align: bottom;
|
|
`,[T(`&:hover`,{color:`var(--n-tab-text-color-hover)`}),N(`active`,`
|
|
color: var(--n-tab-text-color-active);
|
|
font-weight: var(--n-tab-font-weight-active);
|
|
`),N(`disabled`,{color:`var(--n-tab-text-color-disabled)`})])]),O(`tabs-nav`,[N(`line-type`,[N(`top`,[D(`prefix, suffix`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-nav-scroll-content`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-bar`,`
|
|
bottom: -1px;
|
|
`)]),N(`left`,[D(`prefix, suffix`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-nav-scroll-content`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-bar`,`
|
|
right: -1px;
|
|
`)]),N(`right`,[D(`prefix, suffix`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-nav-scroll-content`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-bar`,`
|
|
left: -1px;
|
|
`)]),N(`bottom`,[D(`prefix, suffix`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-nav-scroll-content`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-bar`,`
|
|
top: -1px;
|
|
`)]),D(`prefix, suffix`,`
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),O(`tabs-nav-scroll-content`,`
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),O(`tabs-bar`,`
|
|
border-radius: 0;
|
|
`)]),N(`card-type`,[D(`prefix, suffix`,`
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),O(`tabs-pad`,`
|
|
flex-grow: 1;
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),O(`tabs-tab-pad`,`
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),O(`tabs-tab`,`
|
|
font-weight: var(--n-tab-font-weight);
|
|
border: 1px solid var(--n-tab-border-color);
|
|
background-color: var(--n-tab-color);
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: var(--n-tab-font-size);
|
|
color: var(--n-tab-text-color);
|
|
`,[N(`addable`,`
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
font-size: 16px;
|
|
justify-content: center;
|
|
`,[D(`height-placeholder`,`
|
|
width: 0;
|
|
font-size: var(--n-tab-font-size);
|
|
`),M(`disabled`,[T(`&:hover`,`
|
|
color: var(--n-tab-text-color-hover);
|
|
`)])]),N(`closable`,`padding-right: 8px;`),N(`active`,`
|
|
background-color: #0000;
|
|
font-weight: var(--n-tab-font-weight-active);
|
|
color: var(--n-tab-text-color-active);
|
|
`),N(`disabled`,`color: var(--n-tab-text-color-disabled);`)])]),N(`left, right`,`
|
|
flex-direction: column;
|
|
`,[D(`prefix, suffix`,`
|
|
padding: var(--n-tab-padding-vertical);
|
|
`),O(`tabs-wrapper`,`
|
|
flex-direction: column;
|
|
`),O(`tabs-tab-wrapper`,`
|
|
flex-direction: column;
|
|
`,[O(`tabs-tab-pad`,`
|
|
height: var(--n-tab-gap-vertical);
|
|
width: 100%;
|
|
`)])]),N(`top`,[N(`card-type`,[O(`tabs-scroll-padding`,`border-bottom: 1px solid var(--n-tab-border-color);`),D(`prefix, suffix`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-tab`,`
|
|
border-top-left-radius: var(--n-tab-border-radius);
|
|
border-top-right-radius: var(--n-tab-border-radius);
|
|
`,[N(`active`,`
|
|
border-bottom: 1px solid #0000;
|
|
`)]),O(`tabs-tab-pad`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-pad`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`)])]),N(`left`,[N(`card-type`,[O(`tabs-scroll-padding`,`border-right: 1px solid var(--n-tab-border-color);`),D(`prefix, suffix`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-tab`,`
|
|
border-top-left-radius: var(--n-tab-border-radius);
|
|
border-bottom-left-radius: var(--n-tab-border-radius);
|
|
`,[N(`active`,`
|
|
border-right: 1px solid #0000;
|
|
`)]),O(`tabs-tab-pad`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-pad`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`)])]),N(`right`,[N(`card-type`,[O(`tabs-scroll-padding`,`border-left: 1px solid var(--n-tab-border-color);`),D(`prefix, suffix`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-tab`,`
|
|
border-top-right-radius: var(--n-tab-border-radius);
|
|
border-bottom-right-radius: var(--n-tab-border-radius);
|
|
`,[N(`active`,`
|
|
border-left: 1px solid #0000;
|
|
`)]),O(`tabs-tab-pad`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-pad`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`)])]),N(`bottom`,[N(`card-type`,[O(`tabs-scroll-padding`,`border-top: 1px solid var(--n-tab-border-color);`),D(`prefix, suffix`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-tab`,`
|
|
border-bottom-left-radius: var(--n-tab-border-radius);
|
|
border-bottom-right-radius: var(--n-tab-border-radius);
|
|
`,[N(`active`,`
|
|
border-top: 1px solid #0000;
|
|
`)]),O(`tabs-tab-pad`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`),O(`tabs-pad`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`)])])])]),mt=$e,ht=n({name:`Tabs`,props:Object.assign(Object.assign({},L.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:n,inlineThemeDisabled:r,mergedComponentPropsRef:i}=k(e),a=L(`Tabs`,`-tabs`,pt,Ae,e,n),s=m(null),c=m(null),l=m(null),p=m(null),h=m(null),g=m(null),_=m(!0),v=m(!0),x=pe(e,[`labelSize`,`size`]),C=b(()=>x.value?x.value:i?.value?.Tabs?.size||`medium`),w=pe(e,[`activeName`,`value`]),T=m(w.value??e.defaultValue??(t.default?me(t.default())[0]?.props?.name:null)),E=G(w,T),D={id:0},O=b(()=>{if(!(!e.justifyContent||e.type===`card`))return{display:`flex`,justifyContent:e.justifyContent}});d(E,()=>{D.id=0,F(),I()});function A(){let{value:e}=E;return e===null?null:s.value?.querySelector(`[data-name="${e}"]`)}function j(t){if(e.type===`card`)return;let{value:r}=c;if(!r)return;let i=r.style.opacity===`0`;if(t){let a=`${n.value}-tabs-bar--disabled`,{barWidth:o,placement:s}=e;if(t.dataset.disabled===`true`?r.classList.add(a):r.classList.remove(a),[`top`,`bottom`].includes(s)){if(N([`top`,`maxHeight`,`height`]),typeof o==`number`&&t.offsetWidth>=o){let e=Math.floor((t.offsetWidth-o)/2)+t.offsetLeft;r.style.left=`${e}px`,r.style.maxWidth=`${o}px`}else r.style.left=`${t.offsetLeft}px`,r.style.maxWidth=`${t.offsetWidth}px`;r.style.width=`8192px`,i&&(r.style.transition=`none`),r.offsetWidth,i&&(r.style.transition=``,r.style.opacity=`1`)}else{if(N([`left`,`maxWidth`,`width`]),typeof o==`number`&&t.offsetHeight>=o){let e=Math.floor((t.offsetHeight-o)/2)+t.offsetTop;r.style.top=`${e}px`,r.style.maxHeight=`${o}px`}else r.style.top=`${t.offsetTop}px`,r.style.maxHeight=`${t.offsetHeight}px`;r.style.height=`8192px`,i&&(r.style.transition=`none`),r.offsetHeight,i&&(r.style.transition=``,r.style.opacity=`1`)}}}function M(){if(e.type===`card`)return;let{value:t}=c;t&&(t.style.opacity=`0`)}function N(e){let{value:t}=c;if(t)for(let n of e)t.style[n]=``}function F(){if(e.type===`card`)return;let t=A();t?j(t):M()}function I(){let e=h.value?.$el;if(!e)return;let t=A();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 R=m(null),z=0,B=null;function V(e){let t=R.value;if(t){z=e.getBoundingClientRect().height;let n=`${z}px`,r=()=>{t.style.height=n,t.style.maxHeight=n};B?(r(),B(),B=null):B=r}}function H(e){let t=R.value;if(t){let n=e.getBoundingClientRect().height,r=()=>{document.body.offsetHeight,t.style.maxHeight=`${n}px`,t.style.height=`${Math.max(z,n)}px`};B?(B(),B=null,r()):B=r}}function U(){let t=R.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 W={value:[]},ne=m(`next`);function re(e){let t=E.value,n=`next`;for(let r of W.value){if(r===t)break;if(r===e){n=`prev`;break}}ne.value=n,ie(e)}function ie(t){let{onActiveNameChange:n,onUpdateValue:r,"onUpdate:value":i}=e;n&&$(n,t),r&&$(r,t),i&&$(i,t),T.value=t}function ae(t){let{onClose:n}=e;n&&$(n,t)}let oe=!0;function se(){let{value:e}=c;if(!e)return;oe||=!1;let t=`transition-disabled`;e.classList.add(t),F(),e.classList.remove(t)}let K=m(null);function q({transitionDisabled:e}){let t=s.value;if(!t)return;e&&t.classList.add(`transition-disabled`);let n=A();n&&K.value&&(K.value.style.width=`${n.offsetWidth}px`,K.value.style.height=`${n.offsetHeight}px`,K.value.style.transform=`translateX(${n.offsetLeft-ue(getComputedStyle(t).paddingLeft)}px)`,e&&K.value.offsetWidth),e&&t.classList.remove(`transition-disabled`)}d([E],()=>{e.type===`segment`&&o(()=>{q({transitionDisabled:!1})})}),S(()=>{e.type===`segment`&&q({transitionDisabled:!0})});let J=0;function ce(t){if(t.contentRect.width===0&&t.contentRect.height===0||J===t.contentRect.width)return;J=t.contentRect.width;let{type:n}=e;if((n===`line`||n===`bar`)&&(oe||e.justifyContent?.startsWith(`space`))&&se(),n!==`segment`){let{placement:t}=e;Q((t===`top`||t===`bottom`?h.value?.$el:g.value)||null)}}let le=mt(ce,64);d([()=>e.justifyContent,()=>e.size],()=>{o(()=>{let{type:t}=e;(t===`line`||t===`bar`)&&se()})});let Y=m(!1);function de(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}=p;if(!e)return;s===`top`||s===`bottom`?a-r>e.$el.offsetWidth&&(Y.value=!1):o-i>e.$el.offsetHeight&&(Y.value=!1)}Q(h.value?.$el||null)}let fe=mt(de,64);function Z(){let{onAdd:t}=e;t&&t(),o(()=>{let e=A(),{value:t}=h;!e||!t||t.scrollTo({left:e.offsetLeft,top:0,behavior:`smooth`})})}function Q(t){if(!t)return;let{placement:n}=e;if(n===`top`||n===`bottom`){let{scrollLeft:e,scrollWidth:n,offsetWidth:r}=t;_.value=e<=0,v.value=e+r>=n}else{let{scrollTop:e,scrollHeight:n,offsetHeight:r}=t;_.value=e<=0,v.value=e+r>=n}}let he=mt(e=>{Q(e.target)},64);u(lt,{triggerRef:y(e,`trigger`),tabStyleRef:y(e,`tabStyle`),tabClassRef:y(e,`tabClass`),addTabStyleRef:y(e,`addTabStyle`),addTabClassRef:y(e,`addTabClass`),paneClassRef:y(e,`paneClass`),paneStyleRef:y(e,`paneStyle`),mergedClsPrefixRef:n,typeRef:y(e,`type`),closableRef:y(e,`closable`),valueRef:E,tabChangeIdRef:D,onBeforeLeaveRef:y(e,`onBeforeLeave`),activateTab:re,handleClose:ae,handleAdd:Z}),te(()=>{F(),I()}),f(()=>{let{value:e}=l;if(!e)return;let{value:t}=n,r=`${t}-tabs-nav-scroll-wrapper--shadow-start`,i=`${t}-tabs-nav-scroll-wrapper--shadow-end`;_.value?e.classList.remove(r):e.classList.add(r),v.value?e.classList.remove(i):e.classList.add(i)});let ge={syncBarPosition:()=>{F()}},_e=()=>{q({transitionDisabled:!0})},ve=b(()=>{let{value:t}=C,{type:n}=e,r=`${t}${{card:`Card`,bar:`Bar`,line:`Line`,segment:`Segment`}[n]}`,{self:{barColor:i,closeIconColor:o,closeIconColorHover:s,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,[P(`panePadding`,t)]:w,[P(`tabPadding`,r)]:T,[P(`tabPaddingVertical`,r)]:E,[P(`tabGap`,r)]:D,[P(`tabGap`,`${r}Vertical`)]:O,[P(`tabTextColor`,n)]:ee,[P(`tabTextColorActive`,n)]:k,[P(`tabTextColorHover`,n)]:A,[P(`tabTextColorDisabled`,n)]:j,[P(`tabFontSize`,t)]:M},common:{cubicBezierEaseInOut:N}}=a.value;return{"--n-bezier":N,"--n-color-segment":h,"--n-bar-color":i,"--n-tab-font-size":M,"--n-tab-text-color":ee,"--n-tab-text-color-active":k,"--n-tab-text-color-disabled":j,"--n-tab-text-color-hover":A,"--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":o,"--n-close-icon-color-hover":s,"--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":E,"--n-tab-gap":D,"--n-tab-gap-vertical":O,"--n-pane-padding-left":X(w,`left`),"--n-pane-padding-right":X(w,`right`),"--n-pane-padding-top":X(w,`top`),"--n-pane-padding-bottom":X(w,`bottom`),"--n-font-weight-strong":g,"--n-tab-color-segment":_}}),ye=r?ee(`tabs`,b(()=>`${C.value[0]}${e.type[0]}`),ve,e):void 0;return Object.assign({mergedClsPrefix:n,mergedValue:E,renderedNames:new Set,segmentCapsuleElRef:K,tabsPaneWrapperRef:R,tabsElRef:s,barElRef:c,addTabInstRef:p,xScrollInstRef:h,scrollWrapperElRef:l,addTabFixed:Y,tabWrapperStyle:O,handleNavResize:le,mergedSize:C,handleScroll:he,handleTabsResize:fe,cssVars:r?void 0:ve,themeClass:ye?.themeClass,animationDirection:ne,renderNameListRef:W,yScrollElRef:g,handleSegmentResize:_e,onAnimationBeforeLeave:V,onAnimationEnter:H,onAnimationAfterEnter:U,onRender:ye?.onRender},ge)},render(){let{mergedClsPrefix:e,type:n,placement:r,addTabFixed:i,addable:a,mergedSize:o,renderNameListRef:s,onRender:c,paneWrapperClass:l,paneWrapperStyle:u,$slots:{default:d,prefix:f,suffix:p}}=this;c?.();let m=d?me(d()).filter(e=>e.type.__TAB_PANE__===!0):[],h=d?me(d()).filter(e=>e.type.__TAB__===!0):[],g=!h.length,_=n===`card`,v=n===`segment`,y=!_&&!v&&this.justifyContent;s.value=[];let b=()=>{let n=t(`div`,{style:this.tabWrapperStyle,class:`${e}-tabs-wrapper`},y?null:t(`div`,{class:`${e}-tabs-scroll-padding`,style:r===`top`||r===`bottom`?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),g?m.map((e,n)=>(s.value.push(e.props.name),yt(t(ft,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:n!==0&&(!y||y===`center`||y===`start`||y===`end`)}),e.children?{default:e.children.tab}:void 0)))):h.map((e,t)=>(s.value.push(e.props.name),yt(t!==0&&!y?vt(e):e))),!i&&a&&_?_t(a,(g?m.length:h.length)!==0):null,y?null:t(`div`,{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return t(`div`,{ref:`tabsElRef`,class:`${e}-tabs-nav-scroll-content`},_&&a?t(K,{onResize:this.handleTabsResize},{default:()=>n}):n,_?t(`div`,{class:`${e}-tabs-pad`}):null,_?null:t(`div`,{ref:`barElRef`,class:`${e}-tabs-bar`}))},x=v?`top`:r;return t(`div`,{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${n}-type`,`${e}-tabs--${o}-size`,y&&`${e}-tabs--flex`,`${e}-tabs--${x}`],style:this.cssVars},t(`div`,{class:[`${e}-tabs-nav--${n}-type`,`${e}-tabs-nav--${x}`,`${e}-tabs-nav`]},Y(f,n=>n&&t(`div`,{class:`${e}-tabs-nav__prefix`},n)),v?t(K,{onResize:this.handleSegmentResize},{default:()=>t(`div`,{class:`${e}-tabs-rail`,ref:`tabsElRef`},t(`div`,{class:`${e}-tabs-capsule`,ref:`segmentCapsuleElRef`},t(`div`,{class:`${e}-tabs-wrapper`},t(`div`,{class:`${e}-tabs-tab`}))),g?m.map((e,n)=>(s.value.push(e.props.name),t(ft,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:n!==0}),e.children?{default:e.children.tab}:void 0))):h.map((e,t)=>(s.value.push(e.props.name),t===0?e:vt(e))))}):t(K,{onResize:this.handleNavResize},{default:()=>t(`div`,{class:`${e}-tabs-nav-scroll-wrapper`,ref:`scrollWrapperElRef`},[`top`,`bottom`].includes(x)?t(Ie,{ref:`xScrollInstRef`,onScroll:this.handleScroll},{default:b}):t(`div`,{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:`yScrollElRef`},b()))}),i&&a&&_?_t(a,!0):null,Y(p,n=>n&&t(`div`,{class:`${e}-tabs-nav__suffix`},n))),g&&(this.animated&&(x===`top`||x===`bottom`)?t(`div`,{ref:`tabsPaneWrapperRef`,style:u,class:[`${e}-tabs-pane-wrapper`,l]},gt(m,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):gt(m,this.mergedValue,this.renderedNames)))}});function gt(n,r,i,a,o,s,c){let l=[];return n.forEach(t=>{let{name:n,displayDirective:a,"display-directive":o}=t.props,s=e=>a===e||o===e,c=r===n;if(t.key!==void 0&&(t.key=n),c||s(`show`)||s(`show:lazy`)&&i.has(n)){i.has(n)||i.add(n);let r=!s(`if`);l.push(r?e(t,[[Oe,c]]):t)}}),c?t(De,{name:`${c}-transition`,onBeforeLeave:a,onEnter:o,onAfterEnter:s},{default:()=>l}):l}function _t(e,n){return t(ft,{ref:`addTabInstRef`,key:`__addable`,name:`__addable`,internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:n,disabled:typeof e==`object`&&e.disabled})}function vt(e){let t=p(e);return t.props?t.props.internalLeftPadded=!0:t.props={internalLeftPadded:!0},t}function yt(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes(`internalLeftPadded`)||e.dynamicProps.push(`internalLeftPadded`):e.dynamicProps=[`internalLeftPadded`],e}var bt={class:`center-block-custom content-block center-middle-block-custom height80`},xt={class:`form-button-wrapper`},St={class:`form-label`},Ct={key:0},wt={key:1},Tt={class:`form-label`},Et={class:`form-label`},Dt={class:`form-button-wrapper`},Ot={class:`form-label`},kt={key:0},At={key:1},jt={class:`form-button-wrapper`},Mt={class:`form-label`},Nt={key:0},Pt={key:1},Ft=Ne(n({__name:`LoginPage`,setup(e){let t=Me(),n=_(),a=ge(),o=m(``),u=m(``),d=m(``),f=m(!1),p=m(!1),h=b(()=>[`@mail.ru`,`@yandex.ru`,`@gmail.com`].map(e=>{let t=u.value.split(`@`)[0];return{label:t+e,value:t+e}}));async function v(){if(!await t.login(u.value,d.value)&&t.error!=null){a.error(t.error);return}n.push(`/office`)}async function y(){if(!(!f.value||!p.value)){if(!await t.signup(o.value,u.value,f.value,p.value)&&t.error!=null){a.error(t.error);return}a.info(`Пароль отправлен на почту`),f.value=!1,p.value=!1}}async function S(){if(!await t.refreshPassword(u.value)&&t.error!=null){a.error(t.error);return}a.info(`Пароль отправлен на почту`)}return(e,n)=>(i(),c(`div`,bt,[r(g(le),{style:{"margin-bottom":`16px`},class:`sign-card`},{default:s(()=>[r(g(ht),{type:`line`,animated:``},{default:s(()=>[r(g(dt),{name:`signin`,tab:`Вход`},{default:s(()=>[r(g(_e),{vertical:``},{default:s(()=>[n[7]||=x(`div`,{class:`form-label`},`Почта`,-1),r(g(rt),{value:u.value,"onUpdate:value":n[0]||=e=>u.value=e,"input-props":{autocomplete:`disabled`},options:h.value,placeholder:`detective@mail.ru`,clearable:``},null,8,[`value`,`options`]),n[8]||=x(`div`,{class:`form-label`},`Пароль`,-1),r(g(J),{value:d.value,"onUpdate:value":n[1]||=e=>d.value=e,type:`password`,placeholder:`********`},null,8,[`value`]),x(`div`,xt,[x(`div`,St,[r(g(Q),{onClick:v,disabled:u.value.length==0||d.value.length==0},{default:s(()=>[g(t).isLoading?(i(),c(`span`,wt,` Подождите... `)):(i(),c(`span`,Ct,` Вход `))]),_:1},8,[`disabled`])])])]),_:1})]),_:1}),r(g(dt),{name:`signup`,tab:`Регистрация`},{default:s(()=>[r(g(_e),{vertical:``},{default:s(()=>[n[11]||=x(`div`,{class:`form-label`},`Позывной`,-1),r(g(J),{value:o.value,"onUpdate:value":n[2]||=e=>o.value=e,type:`text`,placeholder:`Шерлок`},null,8,[`value`]),n[12]||=x(`div`,{class:`form-label`},`Почта`,-1),r(g(rt),{value:u.value,"onUpdate:value":n[3]||=e=>u.value=e,"input-props":{autocomplete:`disabled`},options:h.value,placeholder:`detective@mail.ru`,clearable:``},null,8,[`value`,`options`]),x(`div`,Tt,[r(g(ct),{checked:f.value,"onUpdate:checked":n[4]||=e=>f.value=e},{default:s(()=>[...n[9]||=[l(` Я принимаю условия `,-1),x(`a`,{href:`/user-agreement`,target:`_blank`,class:`docs-link`},`пользовательского соглашения`,-1)]]),_:1},8,[`checked`])]),x(`div`,Et,[r(g(ct),{checked:p.value,"onUpdate:checked":n[5]||=e=>p.value=e},{default:s(()=>[...n[10]||=[l(` Я даю согласие на обработку `,-1),x(`a`,{href:`/privacy-policy`,target:`_blank`,class:`docs-link`},`персональных данных`,-1)]]),_:1},8,[`checked`])]),x(`div`,Dt,[x(`div`,Ot,[r(g(Q),{onClick:y,disabled:o.value.length==0||u.value.length==0||!f.value||!p.value},{default:s(()=>[g(t).isLoading?(i(),c(`span`,At,` Подождите... `)):(i(),c(`span`,kt,` Регистрация `))]),_:1},8,[`disabled`])])])]),_:1})]),_:1}),r(g(dt),{name:`new-password`,tab:`Новый пароль`},{default:s(()=>[r(g(_e),{vertical:``},{default:s(()=>[n[13]||=x(`div`,{class:`form-label`},`Почта`,-1),r(g(rt),{value:u.value,"onUpdate:value":n[6]||=e=>u.value=e,"input-props":{autocomplete:`disabled`},options:h.value,placeholder:`detective@mail.ru`,clearable:``},null,8,[`value`,`options`]),x(`div`,jt,[x(`div`,Mt,[r(g(Q),{onClick:S,disabled:u.value.length==0},{default:s(()=>[g(t).isLoading?(i(),c(`span`,Pt,` Подождите... `)):(i(),c(`span`,Nt,` Прислать новый пароль `))]),_:1},8,[`disabled`])])])]),_:1})]),_:1})]),_:1})]),_:1})]))}}),[[`__scopeId`,`data-v-b7969e02`]]),It=n({__name:`LoginView`,setup(e){return(e,t)=>(i(),c(v,null,[r(Ft),r(Pe)],64))}});export{It as default}; |