generated from VLADIMIR/template_frontend
109 lines
16 KiB
JavaScript
109 lines
16 KiB
JavaScript
import{A as e,D as t,L as n,P as r,T as i,U as a,f as o,it as s,j as c,p as l,st as u,v as d}from"./vue-router-bPs2Bq2h.js";import{B as f,G as p,I as m,J as h,K as g,M as _,N as v,V as y,X as b,Y as x,Z as S,a as C,i as w,o as T,r as E,z as D}from"./light-BDe84dgP.js";import{a as O,n as k}from"./resolve-slot-Cp3m6n7Y.js";import{n as A,t as j}from"./call-ChHlm4-m.js";import{A as M,B as N,J as P,M as F,P as I,d as L,x as R}from"./index-ConzuMfl.js";var z=typeof document<`u`&&typeof window<`u`;function B(e,t=!0,n=[]){return e.forEach(e=>{if(e!==null){if(typeof e!=`object`){(typeof e==`string`||typeof e==`number`)&&n.push(i(String(e)));return}if(Array.isArray(e)){B(e,t,n);return}if(e.type===l){if(e.children===null)return;Array.isArray(e.children)&&B(e.children,t,n)}else{if(e.type===o&&t)return;n.push(e)}}}),n}var V=D(`n-form-item`);function H(e,{defaultSize:t=`medium`,mergedSize:r,mergedDisabled:i}={}){let o=c(V,null);a(V,null);let s=d(r?()=>r(o):()=>{let{size:n}=e;if(n)return n;if(o){let{mergedSize:e}=o;if(e.value!==void 0)return e.value}return t}),l=d(i?()=>i(o):()=>{let{disabled:t}=e;return t===void 0?o?o.disabled.value:!1:t}),u=d(()=>{let{status:t}=e;return t||o?.mergedValidationStatus.value});return n(()=>{o&&o.restoreValidation()}),{mergedSizeRef:s,mergedDisabledRef:l,mergedStatusRef:u,nTriggerFormBlur(){o&&o.handleContentBlur()},nTriggerFormChange(){o&&o.handleContentChange()},nTriggerFormFocus(){o&&o.handleContentFocus()},nTriggerFormInput(){o&&o.handleContentInput()}}}var{cubicBezierEaseInOut:U}=C;function W({duration:e=`.2s`,delay:t=`.1s`}={}){return[p(`&.fade-in-width-expand-transition-leave-from, &.fade-in-width-expand-transition-enter-to`,{opacity:1}),p(`&.fade-in-width-expand-transition-leave-to, &.fade-in-width-expand-transition-enter-from`,`
|
|
opacity: 0!important;
|
|
margin-left: 0!important;
|
|
margin-right: 0!important;
|
|
`),p(`&.fade-in-width-expand-transition-leave-active`,`
|
|
overflow: hidden;
|
|
transition:
|
|
opacity ${e} ${U},
|
|
max-width ${e} ${U} ${t},
|
|
margin-left ${e} ${U} ${t},
|
|
margin-right ${e} ${U} ${t};
|
|
`),p(`&.fade-in-width-expand-transition-enter-active`,`
|
|
overflow: hidden;
|
|
transition:
|
|
opacity ${e} ${U} ${t},
|
|
max-width ${e} ${U},
|
|
margin-left ${e} ${U},
|
|
margin-right ${e} ${U};
|
|
`)]}var G=g(`base-wave`,`
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
border-radius: inherit;
|
|
`),K=t({name:`BaseWave`,props:{clsPrefix:{type:String,required:!0}},setup(e){w(`-base-wave`,G,u(e,`clsPrefix`));let t=s(null),i=s(!1),a=null;return n(()=>{a!==null&&window.clearTimeout(a)}),{active:i,selfRef:t,play(){a!==null&&(window.clearTimeout(a),i.value=!1,a=null),r(()=>{var e;(e=t.value)==null||e.offsetHeight,i.value=!0,a=window.setTimeout(()=>{i.value=!1,a=null},1e3)})}}},render(){let{clsPrefix:t}=this;return e(`div`,{ref:`selfRef`,"aria-hidden":!0,class:[`${t}-base-wave`,this.active&&`${t}-base-wave--active`]})}}),q=z&&`chrome`in window;z&&navigator.userAgent.includes(`Firefox`);var J=z&&navigator.userAgent.includes(`Safari`)&&!q;function Y(e){return y(e,[255,255,255,.16])}function X(e){return y(e,[0,0,0,.12])}var Z=D(`n-button-group`),Q=p([g(`button`,`
|
|
margin: 0;
|
|
font-weight: var(--n-font-weight);
|
|
line-height: 1;
|
|
font-family: inherit;
|
|
padding: var(--n-padding);
|
|
height: var(--n-height);
|
|
font-size: var(--n-font-size);
|
|
border-radius: var(--n-border-radius);
|
|
color: var(--n-text-color);
|
|
background-color: var(--n-color);
|
|
width: var(--n-width);
|
|
white-space: nowrap;
|
|
outline: none;
|
|
position: relative;
|
|
z-index: auto;
|
|
border: none;
|
|
display: inline-flex;
|
|
flex-wrap: nowrap;
|
|
flex-shrink: 0;
|
|
align-items: center;
|
|
justify-content: center;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
opacity .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
`,[x(`color`,[h(`border`,{borderColor:`var(--n-border-color)`}),x(`disabled`,[h(`border`,{borderColor:`var(--n-border-color-disabled)`})]),b(`disabled`,[p(`&:focus`,[h(`state-border`,{borderColor:`var(--n-border-color-focus)`})]),p(`&:hover`,[h(`state-border`,{borderColor:`var(--n-border-color-hover)`})]),p(`&:active`,[h(`state-border`,{borderColor:`var(--n-border-color-pressed)`})]),x(`pressed`,[h(`state-border`,{borderColor:`var(--n-border-color-pressed)`})])])]),x(`disabled`,{backgroundColor:`var(--n-color-disabled)`,color:`var(--n-text-color-disabled)`},[h(`border`,{border:`var(--n-border-disabled)`})]),b(`disabled`,[p(`&:focus`,{backgroundColor:`var(--n-color-focus)`,color:`var(--n-text-color-focus)`},[h(`state-border`,{border:`var(--n-border-focus)`})]),p(`&:hover`,{backgroundColor:`var(--n-color-hover)`,color:`var(--n-text-color-hover)`},[h(`state-border`,{border:`var(--n-border-hover)`})]),p(`&:active`,{backgroundColor:`var(--n-color-pressed)`,color:`var(--n-text-color-pressed)`},[h(`state-border`,{border:`var(--n-border-pressed)`})]),x(`pressed`,{backgroundColor:`var(--n-color-pressed)`,color:`var(--n-text-color-pressed)`},[h(`state-border`,{border:`var(--n-border-pressed)`})])]),x(`loading`,`cursor: wait;`),g(`base-wave`,`
|
|
pointer-events: none;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
animation-iteration-count: 1;
|
|
animation-duration: var(--n-ripple-duration);
|
|
animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);
|
|
`,[x(`active`,{zIndex:1,animationName:`button-wave-spread, button-wave-opacity`})]),z&&`MozBoxSizing`in document.createElement(`div`).style?p(`&::moz-focus-inner`,{border:0}):null,h(`border, state-border`,`
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
border-radius: inherit;
|
|
transition: border-color .3s var(--n-bezier);
|
|
pointer-events: none;
|
|
`),h(`border`,`
|
|
border: var(--n-border);
|
|
`),h(`state-border`,`
|
|
border: var(--n-border);
|
|
border-color: #0000;
|
|
z-index: 1;
|
|
`),h(`icon`,`
|
|
margin: var(--n-icon-margin);
|
|
margin-left: 0;
|
|
height: var(--n-icon-size);
|
|
width: var(--n-icon-size);
|
|
max-width: var(--n-icon-size);
|
|
font-size: var(--n-icon-size);
|
|
position: relative;
|
|
flex-shrink: 0;
|
|
`,[g(`icon-slot`,`
|
|
height: var(--n-icon-size);
|
|
width: var(--n-icon-size);
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
`,[I({top:`50%`,originalTransform:`translateY(-50%)`})]),W()]),h(`content`,`
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
min-width: 0;
|
|
`,[p(`~`,[h(`icon`,{margin:`var(--n-icon-margin)`,marginRight:0})])]),x(`block`,`
|
|
display: flex;
|
|
width: 100%;
|
|
`),x(`dashed`,[h(`border, state-border`,{borderStyle:`dashed !important`})]),x(`disabled`,{cursor:`not-allowed`,opacity:`var(--n-opacity-disabled)`})]),p(`@keyframes button-wave-spread`,{from:{boxShadow:`0 0 0.5px 0 var(--n-ripple-color)`},to:{boxShadow:`0 0 0.5px 4.5px var(--n-ripple-color)`}}),p(`@keyframes button-wave-opacity`,{from:{opacity:`var(--n-wave-opacity)`},to:{opacity:0}})]),$=t({name:`Button`,props:Object.assign(Object.assign({},E.props),{color:String,textColor:String,text:Boolean,block:Boolean,loading:Boolean,disabled:Boolean,circle:Boolean,size:String,ghost:Boolean,round:Boolean,secondary:Boolean,tertiary:Boolean,quaternary:Boolean,strong:Boolean,focusable:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},tag:{type:String,default:`button`},type:{type:String,default:`default`},dashed:Boolean,renderIcon:Function,iconPlacement:{type:String,default:`left`},attrType:{type:String,default:`button`},bordered:{type:Boolean,default:!0},onClick:[Function,Array],nativeFocusBehavior:{type:Boolean,default:!J},spinProps:Object}),slots:Object,setup(e){let t=s(null),n=s(null),r=s(!1),i=P(()=>!e.quaternary&&!e.tertiary&&!e.secondary&&!e.text&&(!e.color||e.ghost||e.dashed)&&e.bordered),a=c(Z,{}),{inlineThemeDisabled:o,mergedClsPrefixRef:l,mergedRtlRef:u,mergedComponentPropsRef:p}=v(e),{mergedSizeRef:m}=H({},{defaultSize:`medium`,mergedSize:t=>{let{size:n}=e;if(n)return n;let{size:r}=a;if(r)return r;let{mergedSize:i}=t||{};return i?i.value:p?.value?.Button?.size||`medium`}}),h=d(()=>e.focusable&&!e.disabled),g=n=>{var r;h.value||n.preventDefault(),!e.nativeFocusBehavior&&(n.preventDefault(),!e.disabled&&h.value&&((r=t.value)==null||r.focus({preventScroll:!0})))},y=t=>{var r;if(!e.disabled&&!e.loading){let{onClick:i}=e;i&&j(i,t),e.text||(r=n.value)==null||r.play()}},b=t=>{switch(t.key){case`Enter`:if(!e.keyboard)return;r.value=!1}},x=t=>{switch(t.key){case`Enter`:if(!e.keyboard||e.loading){t.preventDefault();return}r.value=!0}},C=()=>{r.value=!1},w=E(`Button`,`-button`,Q,R,e,l),D=T(`Button`,u,l),O=d(()=>{let{common:{cubicBezierEaseInOut:t,cubicBezierEaseOut:n},self:r}=w.value,{rippleDuration:i,opacityDisabled:a,fontWeight:o,fontWeightStrong:s}=r,c=m.value,{dashed:l,type:u,ghost:d,text:p,color:h,round:g,circle:_,textColor:v,secondary:y,tertiary:b,quaternary:x,strong:C}=e,T={"--n-font-weight":C?s:o},E={"--n-color":`initial`,"--n-color-hover":`initial`,"--n-color-pressed":`initial`,"--n-color-focus":`initial`,"--n-color-disabled":`initial`,"--n-ripple-color":`initial`,"--n-text-color":`initial`,"--n-text-color-hover":`initial`,"--n-text-color-pressed":`initial`,"--n-text-color-focus":`initial`,"--n-text-color-disabled":`initial`},D=u===`tertiary`,O=u==="default",k=D?`default`:u;if(p){let e=v||h;E={"--n-color":`#0000`,"--n-color-hover":`#0000`,"--n-color-pressed":`#0000`,"--n-color-focus":`#0000`,"--n-color-disabled":`#0000`,"--n-ripple-color":`#0000`,"--n-text-color":e||r[S(`textColorText`,k)],"--n-text-color-hover":e?Y(e):r[S(`textColorTextHover`,k)],"--n-text-color-pressed":e?X(e):r[S(`textColorTextPressed`,k)],"--n-text-color-focus":e?Y(e):r[S(`textColorTextHover`,k)],"--n-text-color-disabled":e||r[S(`textColorTextDisabled`,k)]}}else if(d||l){let e=v||h;E={"--n-color":`#0000`,"--n-color-hover":`#0000`,"--n-color-pressed":`#0000`,"--n-color-focus":`#0000`,"--n-color-disabled":`#0000`,"--n-ripple-color":h||r[S(`rippleColor`,k)],"--n-text-color":e||r[S(`textColorGhost`,k)],"--n-text-color-hover":e?Y(e):r[S(`textColorGhostHover`,k)],"--n-text-color-pressed":e?X(e):r[S(`textColorGhostPressed`,k)],"--n-text-color-focus":e?Y(e):r[S(`textColorGhostHover`,k)],"--n-text-color-disabled":e||r[S(`textColorGhostDisabled`,k)]}}else if(y){let e=O?r.textColor:D?r.textColorTertiary:r[S(`color`,k)],t=h||e,n=u!=="default"&&u!==`tertiary`;E={"--n-color":n?f(t,{alpha:Number(r.colorOpacitySecondary)}):r.colorSecondary,"--n-color-hover":n?f(t,{alpha:Number(r.colorOpacitySecondaryHover)}):r.colorSecondaryHover,"--n-color-pressed":n?f(t,{alpha:Number(r.colorOpacitySecondaryPressed)}):r.colorSecondaryPressed,"--n-color-focus":n?f(t,{alpha:Number(r.colorOpacitySecondaryHover)}):r.colorSecondaryHover,"--n-color-disabled":r.colorSecondary,"--n-ripple-color":`#0000`,"--n-text-color":t,"--n-text-color-hover":t,"--n-text-color-pressed":t,"--n-text-color-focus":t,"--n-text-color-disabled":t}}else if(b||x){let e=O?r.textColor:D?r.textColorTertiary:r[S(`color`,k)],t=h||e;b?(E[`--n-color`]=r.colorTertiary,E[`--n-color-hover`]=r.colorTertiaryHover,E[`--n-color-pressed`]=r.colorTertiaryPressed,E[`--n-color-focus`]=r.colorSecondaryHover,E[`--n-color-disabled`]=r.colorTertiary):(E[`--n-color`]=r.colorQuaternary,E[`--n-color-hover`]=r.colorQuaternaryHover,E[`--n-color-pressed`]=r.colorQuaternaryPressed,E[`--n-color-focus`]=r.colorQuaternaryHover,E[`--n-color-disabled`]=r.colorQuaternary),E[`--n-ripple-color`]=`#0000`,E[`--n-text-color`]=t,E[`--n-text-color-hover`]=t,E[`--n-text-color-pressed`]=t,E[`--n-text-color-focus`]=t,E[`--n-text-color-disabled`]=t}else E={"--n-color":h||r[S(`color`,k)],"--n-color-hover":h?Y(h):r[S(`colorHover`,k)],"--n-color-pressed":h?X(h):r[S(`colorPressed`,k)],"--n-color-focus":h?Y(h):r[S(`colorFocus`,k)],"--n-color-disabled":h||r[S(`colorDisabled`,k)],"--n-ripple-color":h||r[S(`rippleColor`,k)],"--n-text-color":v||(h?r.textColorPrimary:D?r.textColorTertiary:r[S(`textColor`,k)]),"--n-text-color-hover":v||(h?r.textColorHoverPrimary:r[S(`textColorHover`,k)]),"--n-text-color-pressed":v||(h?r.textColorPressedPrimary:r[S(`textColorPressed`,k)]),"--n-text-color-focus":v||(h?r.textColorFocusPrimary:r[S(`textColorFocus`,k)]),"--n-text-color-disabled":v||(h?r.textColorDisabledPrimary:r[S(`textColorDisabled`,k)])};let A={"--n-border":`initial`,"--n-border-hover":`initial`,"--n-border-pressed":`initial`,"--n-border-focus":`initial`,"--n-border-disabled":`initial`};A=p?{"--n-border":`none`,"--n-border-hover":`none`,"--n-border-pressed":`none`,"--n-border-focus":`none`,"--n-border-disabled":`none`}:{"--n-border":r[S(`border`,k)],"--n-border-hover":r[S(`borderHover`,k)],"--n-border-pressed":r[S(`borderPressed`,k)],"--n-border-focus":r[S(`borderFocus`,k)],"--n-border-disabled":r[S(`borderDisabled`,k)]};let{[S(`height`,c)]:j,[S(`fontSize`,c)]:M,[S(`padding`,c)]:N,[S(`paddingRound`,c)]:P,[S(`iconSize`,c)]:F,[S(`borderRadius`,c)]:I,[S(`iconMargin`,c)]:L,waveOpacity:R}=r,z={"--n-width":_&&!p?j:`initial`,"--n-height":p?`initial`:j,"--n-font-size":M,"--n-padding":_||p?`initial`:g?P:N,"--n-icon-size":F,"--n-icon-margin":L,"--n-border-radius":p?`initial`:_||g?j:I};return Object.assign(Object.assign(Object.assign(Object.assign({"--n-bezier":t,"--n-bezier-ease-out":n,"--n-ripple-duration":i,"--n-opacity-disabled":a,"--n-wave-opacity":R},T),E),A),z)}),k=o?_(`button`,d(()=>{let t=``,{dashed:n,type:r,ghost:i,text:a,color:o,round:s,circle:c,textColor:l,secondary:u,tertiary:d,quaternary:f,strong:p}=e;n&&(t+=`a`),i&&(t+=`b`),a&&(t+=`c`),s&&(t+=`d`),c&&(t+=`e`),u&&(t+=`f`),d&&(t+=`g`),f&&(t+=`h`),p&&(t+=`i`),o&&(t+=`j${A(o)}`),l&&(t+=`k${A(l)}`);let{value:h}=m;return t+=`l${h[0]}`,t+=`m${r[0]}`,t}),O,e):void 0;return{selfElRef:t,waveElRef:n,mergedClsPrefix:l,mergedFocusable:h,mergedSize:m,showBorder:i,enterPressed:r,rtlEnabled:D,handleMousedown:g,handleKeydown:x,handleBlur:C,handleKeyup:b,handleClick:y,customColorCssVars:d(()=>{let{color:t}=e;if(!t)return null;let n=Y(t);return{"--n-border-color":t,"--n-border-color-hover":n,"--n-border-color-pressed":X(t),"--n-border-color-focus":n,"--n-border-color-disabled":t}}),cssVars:o?void 0:O,themeClass:k?.themeClass,onRender:k?.onRender}},render(){let{mergedClsPrefix:t,tag:n,onRender:r}=this;r?.();let i=O(this.$slots.default,n=>n&&e(`span`,{class:`${t}-button__content`},n));return e(n,{ref:`selfElRef`,class:[this.themeClass,`${t}-button`,`${t}-button--${this.type}-type`,`${t}-button--${this.mergedSize}-type`,this.rtlEnabled&&`${t}-button--rtl`,this.disabled&&`${t}-button--disabled`,this.block&&`${t}-button--block`,this.enterPressed&&`${t}-button--pressed`,!this.text&&this.dashed&&`${t}-button--dashed`,this.color&&`${t}-button--color`,this.secondary&&`${t}-button--secondary`,this.loading&&`${t}-button--loading`,this.ghost&&`${t}-button--ghost`],tabindex:this.mergedFocusable?0:-1,type:this.attrType,style:this.cssVars,disabled:this.disabled,onClick:this.handleClick,onBlur:this.handleBlur,onMousedown:this.handleMousedown,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},this.iconPlacement===`right`&&i,e(F,{width:!0},{default:()=>O(this.$slots.icon,n=>(this.loading||this.renderIcon||n)&&e(`span`,{class:`${t}-button__icon`,style:{margin:k(this.$slots.default)?`0`:``}},e(N,null,{default:()=>this.loading?e(M,Object.assign({clsPrefix:t,key:`loading`,class:`${t}-icon-slot`,strokeWidth:20},this.spinProps)):e(`div`,{key:`icon`,class:`${t}-icon-slot`,role:`none`},this.renderIcon?this.renderIcon():n)})))}),this.iconPlacement===`left`&&i,this.text?null:e(K,{ref:`waveElRef`,clsPrefix:t}),this.showBorder?e(`div`,{"aria-hidden":!0,class:`${t}-button__border`,style:this.customColorCssVars}):null,this.showBorder?e(`div`,{"aria-hidden":!0,class:`${t}-button__state-border`,style:this.customColorCssVars}):null)}}),ee=$;function te(){let e=c(L,null);return e===null&&m(`use-message`,"No outer <n-message-provider /> founded. See prerequisite in https://www.naiveui.com/en-US/os-theme/components/message for more details. If you want to use `useMessage` outside setup, please check https://www.naiveui.com/zh-CN/os-theme/components/message#Q-&-A."),e}export{J as a,B as c,Z as i,z as l,$ as n,V as o,ee as r,H as s,te as t}; |