|
|
|
|
import{r as lr,s as Je,c as $e,g as Jt,d as Mo,a as Bt,h as ft,b as Q,e as nt,f as Qs,p as _o,i as Yt,j as Hi}from"./seemly-76b7b838.js";import{e as zr,F as ao,C as Ai,f as Js,v as Ko,d as q,i as Se,g as kr,w as Ke,h as wo,r as D,j as mo,k as ar,l as ed,m as Ei,p as Oe,n as R,q as oo,s as i,T as no,t as un,u as ie,x as ko,y as io,z as Lo,A as er,B as jn,D as ji,E as Vr,G as Ur,H as od,I as td,J as Wi}from"./@vue-ca177dbe.js";import{r as Wn,V as ht,a as rd,b as Ir,F as fn,c as Br,d as Tr,e as Nn,L as hn,f as nd}from"./vueuc-973e5707.js";import{u as We,i as bt,a as id,b as so,c as pt,d as ld,e as Ni,f as Vi,g as ad,o as sd}from"./vooks-2c48c2b5.js";import{m as It,u as dd,a as cd,r as ud,g as Ui,k as fd,t as Kr}from"./lodash-es-8412e618.js";import{m as $r}from"./@emotion-8a8e73f6.js";import{c as Ft,m as hd,z as Fr}from"./vdirs-b0483831.js";import{c as pd,a as sr}from"./treemate-25c27bff.js";import{S as vd}from"./async-validator-dee29e8b.js";import{o as Do,a as Ro}from"./evtd-b614532e.js";import{p as gd,u as Or}from"./@css-render-480a363d.js";import{d as md}from"./date-fns-975a2d8f.js";import{C as bd,e as xd}from"./css-render-6a5c5852.js";function pn(e,o="default",t=[]){const n=e.$slots[o];return n===void 0?t:n()}function go(e,o=[],t){const r={};return o.forEach(n=>{r[n]=e[n]}),Object.assign(r,t)}function _t(e,o=[],t){const r={};return Object.getOwnPropertyNames(e).forEach(l=>{o.includes(l)||(r[l]=e[l])}),Object.assign(r,t)}function ot(e,o=!0,t=[]){return e.forEach(r=>{if(r!==null){if(typeof r!="object"){(typeof r=="string"||typeof r=="number")&&t.push(zr(String(r)));return}if(Array.isArray(r)){ot(r,o,t);return}if(r.type===ao){if(r.children===null)return;Array.isArray(r.children)&&ot(r.children,o,t)}else r.type!==Ai&&t.push(r)}}),t}function ae(e,...o){if(Array.isArray(e))e.forEach(t=>ae(t,...o));else return e(...o)}function yo(e){return Object.keys(e)}const qe=(e,...o)=>typeof e=="function"?e(...o):typeof e=="string"?zr(e):typeof e=="number"?zr(String(e)):null;function Go(e,o){console.error(`[naive/${e}]: ${o}`)}function Eo(e,o){throw new Error(`[naive/${e}]: ${o}`)}function Vn(e){switch(e){case"tiny":return"mini";case"small":return"tiny";case"medium":return"small";case"large":return"medium";case"huge":return"large"}throw Error(`${e} has no smaller size.`)}function Ki(e){switch(typeof e){case"string":return e||void 0;case"number":return String(e);default:return}}function ln(e,o="default",t=void 0){const r=e[o];if(!r)return Go("getFirstSlotVNode",`slot[${o}] is empty`),null;const n=ot(r(t));return n.length===1?n[0]:(Go("getFirstSlotVNode",`slot[${o}] should have exactly one child`),null)}function Gi(e){return o=>{o?e.value=o.$el:e.value=null}}function dr(e){return e.some(o=>Js(o)?!(o.type===Ai||o.type===ao&&!dr(o.children)):!0)?e:null}function lo(e,o){return e&&dr(e())||o()}function qi(e,o,t){return e&&dr(e(o))||t(o)}function Ee(e,o){const t=e&&dr(e());return o(t||null)}function ut(e){return!(e&&dr(e()))}function Qt(e){const o=e.filter(t=>t!==void 0);if(o.length!==0)return o.length===1?o[0]:t=>{e.forEach(r=>{r&&r(t)})}}function Cd(e){var o;const t=(o=e.dirs)===null||o===void 0?void 0:o.find(({dir:r})=>r===Ko);return!!(t&&t.value===!1)}const an=q({render(){var e,o;return(o=(e=this.$slots).default)===null||o===void 0?void 0:o.call(e)}}),yd=/^(\d|\.)+$/,Un=/(\d|\.)+/;function eo(e,{c:o=1,offset:t=0,attachPx:r=!0}={}){if(typeof e=="number"){const n=(e+t)*o;return n===0?"0":`${n}px`}else if(typeof e=="string")if(yd.test(e)){const n=(Number(e)+t)*o;return r?n===0?"0":`${n}px`:`${n}`}else{const n=Un.exec(e);return n?e.replace(Un,String((Number(n[0])+t)*o)):e}return e}function Ot(e){return e.replace(/#|\(|\)|,|\s/g,"_")}function W(e,o){return e+(o==="default"?"":o.replace(/^[a-z]/,t=>t.toUpperCase()))}W("abc","def");const wd="n",or=`.${wd}-`,Sd="__",zd="--",Yi=bd(),Xi=gd({blockPrefix:or,elementPrefix:Sd,modifierPrefix:zd});Yi.use(Xi);const{c:y,find:u1}=Yi,{cB:g,cE:w,cM:k,cNotM:je}=Xi;function Mr(e){return y(({props:{bPrefix:o}})=>`${o||or}modal, ${o||or}drawer`,[e])}function vn(e){return y(({props:{bPrefix:o}})=>`${o||or}popover`,[e
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-size: ${Td};
|
|
|
|
|
font-family: ${Fd};
|
|
|
|
|
line-height: ${Od};
|
|
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
|
`,[y("input",`
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
`)]),qo="n-config-provider",tr="naive-ui-style";function re(e,o,t,r,n,l){const a=Or(),s=Se(qo,null);if(t){const c=()=>{const u=l==null?void 0:l.value;t.mount({id:u===void 0?o:u+o,head:!0,props:{bPrefix:u?`.${u}-`:void 0},anchorMetaName:tr,ssr:a}),s!=null&&s.preflightStyleDisabled||al.mount({id:"n-global",head:!0,anchorMetaName:tr,ssr:a})};a?c():ar(c)}return R(()=>{var c;const{theme:{common:u,self:f,peers:p={}}={},themeOverrides:v={},builtinThemeOverrides:h={}}=n,{common:m,peers:b}=v,{common:C=void 0,[e]:{common:x=void 0,self:I=void 0,peers:B={}}={}}=(s==null?void 0:s.mergedThemeRef.value)||{},{common:$=void 0,[e]:T={}}=(s==null?void 0:s.mergedThemeOverridesRef.value)||{},{common:S,peers:O={}}=T,P=It({},u||x||C||r.common,$,S,m),z=It((c=f||I||r.self)===null||c===void 0?void 0:c(P),h,T,v);return{common:P,self:z,peers:It({},r.peers,B,p),peerOverrides:It({},h.peers,O,b)}})}re.props={theme:Object,themeOverrides:Object,builtinThemeOverrides:Object};const sl="n";function ke(e={},o={defaultBordered:!0}){const t=Se(qo,null);return{inlineThemeDisabled:t==null?void 0:t.inlineThemeDisabled,mergedRtlRef:t==null?void 0:t.mergedRtlRef,mergedComponentPropsRef:t==null?void 0:t.mergedComponentPropsRef,mergedBreakpointsRef:t==null?void 0:t.mergedBreakpointsRef,mergedBorderedRef:R(()=>{var r,n;const{bordered:l}=e;return l!==void 0?l:(n=(r=t==null?void 0:t.mergedBorderedRef.value)!==null&&r!==void 0?r:o.defaultBordered)!==null&&n!==void 0?n:!0}),mergedClsPrefixRef:R(()=>(t==null?void 0:t.mergedClsPrefixRef.value)||sl),namespaceRef:R(()=>t==null?void 0:t.mergedNamespaceRef.value)}}const Md={name:"en-US",global:{undo:"Undo",redo:"Redo",confirm:"Confirm",clear:"Clear"},Popconfirm:{positiveText:"Confirm",negativeText:"Cancel"},Cascader:{placeholder:"Please Select",loading:"Loading",loadingRequiredMessage:e=>`Please load all ${e}'s descendants before checking it.`},Time:{dateFormat:"yyyy-MM-dd",dateTimeFormat:"yyyy-MM-dd HH:mm:ss"},DatePicker:{yearFormat:"yyyy",monthFormat:"MMM",dayFormat:"eeeeee",yearTypeFormat:"yyyy",monthTypeFormat:"yyyy-MM",dateFormat:"yyyy-MM-dd",dateTimeFormat:"yyyy-MM-dd HH:mm:ss",quarterFormat:"yyyy-qqq",clear:"Clear",now:"Now",confirm:"Confirm",selectTime:"Select Time",selectDate:"Select Date",datePlaceholder:"Select Date",datetimePlaceholder:"Select Date and Time",monthPlaceholder:"Select Month",yearPlaceholder:"Select Year",quarterPlaceholder:"Select Quarter",startDatePlaceholder:"Start Date",endDatePlaceholder:"End Date",startDatetimePlaceholder:"Start Date and Time",endDatetimePlaceholder:"End Date and Time",startMonthPlaceholder:"Start Month",endMonthPlaceholder:"End Month",monthBeforeYear:!0,firstDayOfWeek:6,today:"Today"},DataTable:{checkTableAll:"Select all in the table",uncheckTableAll:"Unselect all in the table",confirm:"Confirm",clear:"Clear"},LegacyTransfer:{sourceTitle:"Source",targetTitle:"Target"},Transfer:{selectAll:"Select all",unselectAll:"Unselect all",clearAll:"Clear",total:e=>`Total ${e} items`,selected:e=>`${e} items selected`},Empty:{description:"No Data"},Select:{placeholder:"Please Select"},TimePicker:{placeholder:"Select Time",positiveText:"OK",negativeText:"Cancel",now:"Now"},Pagination:{goto:"Goto",selectionSuffix:"page"},DynamicTags:{add:"Add"},Log:{loading:"Loading"},Input:{placeholder:"Please Input"},InputNumber:{placeholder:"Please Input"},DynamicInput:{create:"Create"},ThemeEditor:{title:"Theme Editor",clearAllVars:"Clear All Variables",clearSearch:"Clear Search",filterCompName:"Filter Component Name",filterVarName:"Filter Variable Name",import:"Import",export:"Export",restore:"Reset to Default"},Image:{tipPrevious:"Previous picture (←)",tipNext:"Next picture (→)",tipCounterclockwise:"Counterclockwise",tipClockwise:"Clockwise",tipZoomOut:"Zoom out",tipZoomIn:"Zoom in",tipClose:"Close (Esc)",tipOriginalSize:"Zoom to original size"}},_d=Md,Dd={name:"en-US",locale:md},Ld=Dd;function Yo(e){const{mergedLocaleRef:o,mergedDateLocaleRef:t}=Se(qo,null)||{},r=R(()=>{var l,a;return(a=(l=o==null?void 0:o.value)===null||l===void 0?void 0:l[e])!==null&&a!==void 0?a:_d[e]});return{dateLocaleRef:R((
|
|
|
|
|
fill: none;
|
|
|
|
|
stroke: currentColor;
|
|
|
|
|
stroke-linecap: round;
|
|
|
|
|
stroke-linejoin: round;
|
|
|
|
|
stroke-width: 32px;
|
|
|
|
|
`}))}}),Ht=bo("success",i("svg",{viewBox:"0 0 48 48",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i("g",{stroke:"none","stroke-width":"1","fill-rule":"evenodd"},i("g",{"fill-rule":"nonzero"},i("path",{d:"M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M32.6338835,17.6161165 C32.1782718,17.1605048 31.4584514,17.1301307 30.9676119,17.5249942 L30.8661165,17.6161165 L20.75,27.732233 L17.1338835,24.1161165 C16.6457281,23.6279612 15.8542719,23.6279612 15.3661165,24.1161165 C14.9105048,24.5717282 14.8801307,25.2915486 15.2749942,25.7823881 L15.3661165,25.8838835 L19.8661165,30.3838835 C20.3217282,30.8394952 21.0415486,30.8698693 21.5323881,30.4750058 L21.6338835,30.3838835 L32.6338835,19.3838835 C33.1220388,18.8957281 33.1220388,18.1042719 32.6338835,17.6161165 Z"}))))),xt=bo("warning",i("svg",{viewBox:"0 0 24 24",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i("g",{stroke:"none","stroke-width":"1","fill-rule":"evenodd"},i("g",{"fill-rule":"nonzero"},i("path",{d:"M12,2 C17.523,2 22,6.478 22,12 C22,17.522 17.523,22 12,22 C6.477,22 2,17.522 2,12 C2,6.478 6.477,2 12,2 Z M12.0018002,15.0037242 C11.450254,15.0037242 11.0031376,15.4508407 11.0031376,16.0023869 C11.0031376,16.553933 11.450254,17.0010495 12.0018002,17.0010495 C12.5533463,17.0010495 13.0004628,16.553933 13.0004628,16.0023869 C13.0004628,15.4508407 12.5533463,15.0037242 12.0018002,15.0037242 Z M11.99964,7 C11.4868042,7.00018474 11.0642719,7.38637706 11.0066858,7.8837365 L11,8.00036004 L11.0018003,13.0012393 L11.00857,13.117858 C11.0665141,13.6151758 11.4893244,14.0010638 12.0021602,14.0008793 C12.514996,14.0006946 12.9375283,13.6145023 12.9951144,13.1171428 L13.0018002,13.0005193 L13,7.99964009 L12.9932303,7.8830214 C12.9352861,7.38570354 12.5124758,6.99981552 11.99964,7 Z"}))))),qd=bo("cancel",i("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},i("g",{fill:"currentColor","fill-rule":"nonzero"},i("path",{d:"M2.58859116,2.7156945 L2.64644661,2.64644661 C2.82001296,2.47288026 3.08943736,2.45359511 3.2843055,2.58859116 L3.35355339,2.64644661 L8,7.293 L12.6464466,2.64644661 C12.8417088,2.45118446 13.1582912,2.45118446 13.3535534,2.64644661 C13.5488155,2.84170876 13.5488155,3.15829124 13.3535534,3.35355339 L8.707,8 L13.3535534,12.6464466 C13.5271197,12.820013 13.5464049,13.0894374 13.4114088,13.2843055 L13.3535534,13.3535534 C13.179987,13.5271197 12.9105626,13.5464049 12.7156945,13.4114088 L12.6464466,13.3535534 L8,8.707 L3.35355339,13.3535534 C3.15829124,13.5488155 2.84170876,13.5488155 2.64644661,13.3535534 C2.45118446,13.1582912 2.45118446,12.8417088 2.64644661,12.6464466 L7.293,8 L2.64644661,3.35355339 C2.47288026,3.17998704 2.45359511,2.91056264 2.58859116,2.7156945 L2.64644661,2.64644661 L2.58859116,2.7156945 Z"}))))),Yd=q({name:"ChevronDown",render(){return i("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M3.14645 5.64645C3.34171 5.45118 3.65829 5.45118 3.85355 5.64645L8 9.79289L12.1464 5.64645C12.3417 5.45118 12.6583 5.45118 12.8536 5.64645C13.0488 5.84171 13.0488 6.15829 12.8536 6.35355L8.35355 10.8536C8.15829 11.0488 7.84171 11.0488 7.64645 10.8536L3.14645 6.35355C2.95118 6.15829 2.95118 5.84171 3.14645 5.64645Z",fill:"currentColor"}))}}),Xd=bo("clear",i("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},i("g",{fill:"currentColor","fill-rule":"nonzero"},i("path",{d:"M8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,4.6862915 4.6862915,2 8,2 Z M6.5343055,5.83859116 C6.33943736,5.70359511 6.07001296,5.72288026 5.89644661,5.89644661 L5.89644661,5.89644661 L5.83859116,5.9656945 C5.70359511,6.16056264 5.72288026,6.42998704 5.89644661,6.60355339 L5.89644661,6.60355339 L7.293,8 L5.89644661,9.39644661 L5.83859116,9.4656945 C5.70359511,9.66056264 5.72288026,9.92998704 5.89644661,10
|
|
|
|
|
height: 1em;
|
|
|
|
|
width: 1em;
|
|
|
|
|
line-height: 1em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: relative;
|
|
|
|
|
fill: currentColor;
|
|
|
|
|
transform: translateZ(0);
|
|
|
|
|
`,[y("svg",`
|
|
|
|
|
height: 1em;
|
|
|
|
|
width: 1em;
|
|
|
|
|
`)]),De=q({name:"BaseIcon",props:{role:String,ariaLabel:String,ariaDisabled:{type:Boolean,default:void 0},ariaHidden:{type:Boolean,default:void 0},clsPrefix:{type:String,required:!0},onClick:Function,onMousedown:Function,onMouseup:Function},setup(e){Xo("-base-icon",nc,ie(e,"clsPrefix"))},render(){return i("i",{class:`${this.clsPrefix}-base-icon`,onClick:this.onClick,onMousedown:this.onMousedown,onMouseup:this.onMouseup,role:this.role,"aria-label":this.ariaLabel,"aria-hidden":this.ariaHidden,"aria-disabled":this.ariaDisabled},this.$slots)}}),ic=g("base-close",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
color: var(--n-close-icon-color);
|
|
|
|
|
border-radius: var(--n-close-border-radius);
|
|
|
|
|
height: var(--n-close-size);
|
|
|
|
|
width: var(--n-close-size);
|
|
|
|
|
font-size: var(--n-close-icon-size);
|
|
|
|
|
outline: none;
|
|
|
|
|
border: none;
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: 0;
|
|
|
|
|
`,[k("absolute",`
|
|
|
|
|
height: var(--n-close-icon-size);
|
|
|
|
|
width: var(--n-close-icon-size);
|
|
|
|
|
`),y("&::before",`
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: var(--n-close-size);
|
|
|
|
|
height: var(--n-close-size);
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateY(-50%) translateX(-50%);
|
|
|
|
|
transition: inherit;
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
`),je("disabled",[y("&:hover",`
|
|
|
|
|
color: var(--n-close-icon-color-hover);
|
|
|
|
|
`),y("&:hover::before",`
|
|
|
|
|
background-color: var(--n-close-color-hover);
|
|
|
|
|
`),y("&:focus::before",`
|
|
|
|
|
background-color: var(--n-close-color-hover);
|
|
|
|
|
`),y("&:active",`
|
|
|
|
|
color: var(--n-close-icon-color-pressed);
|
|
|
|
|
`),y("&:active::before",`
|
|
|
|
|
background-color: var(--n-close-color-pressed);
|
|
|
|
|
`)]),k("disabled",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
color: var(--n-close-icon-color-disabled);
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
`),k("round",[y("&::before",`
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
`)])]),yt=q({name:"BaseClose",props:{isButtonTag:{type:Boolean,default:!0},clsPrefix:{type:String,required:!0},disabled:{type:Boolean,default:void 0},focusable:{type:Boolean,default:!0},round:Boolean,onClick:Function,absolute:Boolean},setup(e){return Xo("-base-close",ic,ie(e,"clsPrefix")),()=>{const{clsPrefix:o,disabled:t,absolute:r,round:n,isButtonTag:l}=e;return i(l?"button":"div",{type:l?"button":void 0,tabindex:t||!e.focusable?-1:0,"aria-disabled":t,"aria-label":"close",role:l?void 0:"button",disabled:t,class:[`${o}-base-close`,r&&`${o}-base-close--absolute`,t&&`${o}-base-close--disabled`,n&&`${o}-base-close--round`],onMousedown:s=>{e.focusable||s.preventDefault()},onClick:e.onClick},i(De,{clsPrefix:o},{default:()=>i(Nd,null)}))}}}),lc=q({props:{onFocus:Function,onBlur:Function},setup(e){return()=>i("div",{style:"width: 0; height: 0",tabindex:0,onFocus:e.onFocus,onBlur:e.onBlur})}}),{cubicBezierEaseInOut:ac}=So;function it({originalTransform:e="",left:o=0,top:t=0,transition:r=`all .3s ${ac} !important`}={}){return[y("&.icon-switch-transition-enter-from, &.icon-switch-transition-leave-to",{transform:e+" scale(0.75)",left:o,top:t,opacity:0}),y("&.icon-switch-transition-enter-to, &.icon-switch-transition-leave-from",{transform:`scale(1) ${e}`,left:o,top:t,opacity:1}),y("&.icon-switch-transition-enter-active, &.icon-switch-transition-leave-active",{transformOrigin:"center",position:"absolute",left:o,top:t,transition:r})]}const sc=y([y("@keyframes loading-container-rotate",`
|
|
|
|
|
to {
|
|
|
|
|
-webkit-transform: rotate(360deg);
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
}
|
|
|
|
|
`),y("@keyframes loading-layer-rotate",`
|
|
|
|
|
12.5% {
|
|
|
|
|
-webkit-transform: rotate(135deg);
|
|
|
|
|
transform: rotate(135deg);
|
|
|
|
|
}
|
|
|
|
|
25% {
|
|
|
|
|
-webkit-transform: rotate(270deg);
|
|
|
|
|
transform: rotate(270deg);
|
|
|
|
|
}
|
|
|
|
|
37.5% {
|
|
|
|
|
-webkit-transform: rotate(405deg);
|
|
|
|
|
transform: rotate(405deg);
|
|
|
|
|
}
|
|
|
|
|
50% {
|
|
|
|
|
-webkit-transform: rotate(540deg);
|
|
|
|
|
transform: rotate(540deg);
|
|
|
|
|
}
|
|
|
|
|
62.5% {
|
|
|
|
|
-webkit-transform: rotate(675deg);
|
|
|
|
|
transform: rotate(675deg);
|
|
|
|
|
}
|
|
|
|
|
75% {
|
|
|
|
|
-webkit-transform: rotate(810deg);
|
|
|
|
|
transform: rotate(810deg);
|
|
|
|
|
}
|
|
|
|
|
87.5% {
|
|
|
|
|
-webkit-transform: rotate(945deg);
|
|
|
|
|
transform: rotate(945deg);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
-webkit-transform: rotate(1080deg);
|
|
|
|
|
transform: rotate(1080deg);
|
|
|
|
|
}
|
|
|
|
|
`),y("@keyframes loading-left-spin",`
|
|
|
|
|
from {
|
|
|
|
|
-webkit-transform: rotate(265deg);
|
|
|
|
|
transform: rotate(265deg);
|
|
|
|
|
}
|
|
|
|
|
50% {
|
|
|
|
|
-webkit-transform: rotate(130deg);
|
|
|
|
|
transform: rotate(130deg);
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
-webkit-transform: rotate(265deg);
|
|
|
|
|
transform: rotate(265deg);
|
|
|
|
|
}
|
|
|
|
|
`),y("@keyframes loading-right-spin",`
|
|
|
|
|
from {
|
|
|
|
|
-webkit-transform: rotate(-265deg);
|
|
|
|
|
transform: rotate(-265deg);
|
|
|
|
|
}
|
|
|
|
|
50% {
|
|
|
|
|
-webkit-transform: rotate(-130deg);
|
|
|
|
|
transform: rotate(-130deg);
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
-webkit-transform: rotate(-265deg);
|
|
|
|
|
transform: rotate(-265deg);
|
|
|
|
|
}
|
|
|
|
|
`),g("base-loading",`
|
|
|
|
|
position: relative;
|
|
|
|
|
line-height: 0;
|
|
|
|
|
width: 1em;
|
|
|
|
|
height: 1em;
|
|
|
|
|
`,[w("transition-wrapper",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
`,[it()]),w("container",`
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
direction: ltr;
|
|
|
|
|
line-height: 0;
|
|
|
|
|
animation: loading-container-rotate 1568.2352941176ms linear infinite;
|
|
|
|
|
font-size: 0;
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
`,[w("svg",`
|
|
|
|
|
stroke: var(--n-text-color);
|
|
|
|
|
fill: transparent;
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`),w("container-layer",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
animation: loading-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
|
|
|
|
`,[w("container-layer-left",`
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 50%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`,[w("svg",`
|
|
|
|
|
animation: loading-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
|
|
|
|
width: 200%;
|
|
|
|
|
`)]),w("container-layer-patch",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 47.5%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
width: 5%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`,[w("svg",`
|
|
|
|
|
left: -900%;
|
|
|
|
|
width: 2000%;
|
|
|
|
|
transform: rotate(180deg);
|
|
|
|
|
`)]),w("container-layer-right",`
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 50%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`,[w("svg",`
|
|
|
|
|
animation: loading-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
|
|
|
|
left: -100%;
|
|
|
|
|
width: 200%;
|
|
|
|
|
`)])])]),w("placeholder",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
`,[it({left:"50%",top:"50%",originalTransform:"translateX(-50%) translateY(-50%)"})])])]),dc={strokeWidth:{type:Number,default:28},stroke:{type:String,default:void 0}},Et=q({name:"BaseLoading",props:Object.assign({clsPrefix:{type:String,required:!0},show:{type:Boolean,default:!0},scale:{type:Number,default:1},radius:{type:Number,default:100}},dc),setup(e){Xo("-base-loading",sc,ie(e,"clsPrefix"))},render(){const{clsPrefix:e,radius:o,strokeWidth:t,stroke:r,scale:n}=this,l=o/n;return i("div",{class:`${e}-base-loading`,role:"img","aria-label":"loading"},i(At,null,{default:()=>this.show?i("div",{key:"icon",class:`${e}-base-loading__transition-wrapper`},i("div",{class:`${e}-base-loading__container`},i("div",{class:`${e}-base-loading__container-layer`},i("div",{class:`${e}-base-loading__container-layer-left`},i("svg",{class:`${e}-base-loading__svg`,viewBox:`0 0 ${2*l} ${2*l}`,xmlns:"http://www.w3.org/2000/svg",style:{color:r}},i("circle",{fill:"none",stroke:"currentColor","stroke-width":t,"stroke-linecap":"round",cx:l,cy:l,r:o-t/2,"stroke-dasharray":4.91*o,"stroke-dashoffset":2.46*o}))),i("div",{class:`${e}-base-loading__container-layer-patch`},i("svg",{class:`${e}-base-loading__svg`,viewBox:`0 0 ${2*l} ${2*l}`,xmlns:"http://www.w3.org/2000/svg",style:{color:r}},i("circle",{fill:"none",stroke:"currentColor","stroke-width":t,"stroke-linecap":"round",cx:l,cy:l,r:o-t/2,"stroke-dasharray":4.91*o,"stroke-dashoffset":2.46*o}))),i("div",{class:`${e}-base-loading__container-layer-right`},i("svg",{class:`${e}-base-loading__svg`,viewBox:`0 0 ${2*l} ${2*l}`,xmlns:"http://www.w3.org/2000/svg",style:{color:r}},i("circle",{fill:"none",stroke:"currentColor","stroke-width":t,"stroke-linecap":"round",cx:l,cy:l,r:o-t/2,"stroke-dasharray":4.91*o,"stroke-dashoffset":2.46*o})))))):i("div",{key:"placeholder",class:`${e}-base-loading__placeholder`},this.$slots)}))}}),we={neutralBase:"#000",neutralInvertBase:"#fff",neutralTextBase:"#fff",neutralPopover:"rgb(72, 72, 78)",neutralCard:"rgb(24, 24, 28)",neutralModal:"rgb(44, 44, 50)",neutralBody:"rgb(16, 16, 20)",alpha1:"0.9",alpha2:"0.82",alpha3:"0.52",alpha4:"0.38",alpha5:"0.28",alphaClose:"0.52",alphaDisabled:"0.38",alphaDisabledInput:"0.06",alphaPending:"0.09",alphaTablePending:"0.06",alphaTableStriped:"0.05",alphaPressed:"0.05",alphaAvatar:"0.18",alphaRail:"0.2",alphaProgressRail:"0.12",alphaBorder:"0.24",alphaDivider:"0.09",alphaInput:"0.1",alphaAction:"0.06",alphaTab:"0.04",alphaScrollbar:"0.2",alphaScrollbarHover:"0.3",alphaCode:"0.12",alphaTag:"0.2",primaryHover:"#7fe7c4",primaryDefault:"#63e2b7",primaryActive:"#5acea7",primarySuppl:"rgb(42, 148, 125)",infoHover:"#8acbec",infoDefault:"#70c0e8",infoActive:"#66afd3",infoSuppl:"rgb(56, 137, 197)",errorHover:"#e98b8b",errorDefault:"#e88080",errorActive:"#e57272",errorSuppl:"rgb(208, 58, 82)",warningHover:"#f5d599",warningDefault:"#f2c97d",warningActive:"#e6c260",warningSuppl:"rgb(240, 138, 0)",successHover:"#7fe7c4",successDefault:"#63e2b7",successActive:"#5acea7",successSuppl:"rgb(42, 148, 125)"},cc=lr(we.neutralBase),ul=lr(we.neutralInvertBase),uc="rgba("+ul.slice(0,3).join(", ")+", ";function Ne(e){return uc+String(e)+")"}function fc(e){const o=Array.from(ul);return o[3]=Number(e),$e(cc,o)}const hc=Object.assign(Object.assign({name:"common"},So),{baseColor:we.neutralBase,primaryColor:we.primaryDefault,primaryColorHover:we.primaryHover,primaryColorPressed:we.primaryActive,primaryColorSuppl:we.primarySuppl,infoColor:we.infoDefault,infoColorHover:we.infoHover,infoColorPressed:we.infoActive,infoColorSuppl:we.infoSuppl,successColor:we.successDefault,successColorHover:we.successHover,successColorPressed:we.successActive,successColorSuppl:we.successSuppl,warningColor:we.warningDefault,warningColorHover:we.warningHover,warningColorPressed:we.warningActive,warningColorSuppl:we.warningSuppl,errorColor:we.errorDefault,errorColorHover:we.errorHover,errorColorPressed:we.errorActive,errorColorSuppl:we.errorSuppl,textColorBase:we.neutralTextBase,textColor1:Ne(we.alpha1),textColor2:Ne(we.alpha2),textColor3:Ne(we.alpha3),textColorDisabled:Ne(we.alpha4),placehold
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
`,[w("icon",`
|
|
|
|
|
width: var(--n-icon-size);
|
|
|
|
|
height: var(--n-icon-size);
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
line-height: var(--n-icon-size);
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
`,[y("+",[w("description",`
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
`)])]),w("description",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
`),w("extra",`
|
|
|
|
|
text-align: center;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
color: var(--n-extra-text-color);
|
|
|
|
|
`)]),yc=Object.assign(Object.assign({},re.props),{description:String,showDescription:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},size:{type:String,default:"medium"},renderIcon:Function}),wc=q({name:"Empty",props:yc,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Empty","-empty",Cc,xn,e,o),{localeRef:n}=Yo("Empty"),l=Se(qo,null),a=R(()=>{var u,f,p;return(u=e.description)!==null&&u!==void 0?u:(p=(f=l==null?void 0:l.mergedComponentPropsRef.value)===null||f===void 0?void 0:f.Empty)===null||p===void 0?void 0:p.description}),s=R(()=>{var u,f;return((f=(u=l==null?void 0:l.mergedComponentPropsRef.value)===null||u===void 0?void 0:u.Empty)===null||f===void 0?void 0:f.renderIcon)||(()=>i(Gd,null))}),d=R(()=>{const{size:u}=e,{common:{cubicBezierEaseInOut:f},self:{[W("iconSize",u)]:p,[W("fontSize",u)]:v,textColor:h,iconColor:m,extraTextColor:b}}=r.value;return{"--n-icon-size":p,"--n-font-size":v,"--n-bezier":f,"--n-text-color":h,"--n-icon-color":m,"--n-extra-text-color":b}}),c=t?Ae("empty",R(()=>{let u="";const{size:f}=e;return u+=f[0],u}),d,e):void 0;return{mergedClsPrefix:o,mergedRenderIcon:s,localizedDescription:R(()=>a.value||n.value.description),cssVars:t?void 0:d,themeClass:c==null?void 0:c.themeClass,onRender:c==null?void 0:c.onRender}},render(){const{$slots:e,mergedClsPrefix:o,onRender:t}=this;return t==null||t(),i("div",{class:[`${o}-empty`,this.themeClass],style:this.cssVars},this.showIcon?i("div",{class:`${o}-empty__icon`},e.icon?e.icon():i(De,{clsPrefix:o},{default:this.mergedRenderIcon})):null,this.showDescription?i("div",{class:`${o}-empty__description`},e.default?e.default():this.localizedDescription):null,e.extra?i("div",{class:`${o}-empty__extra`},e.extra()):null)}}),pl=e=>{const{scrollbarColor:o,scrollbarColorHover:t}=e;return{color:o,colorHover:t}},Sc={name:"Scrollbar",common:Le,self:pl},_r=Sc,zc={name:"Scrollbar",common:ue,self:pl},zo=zc,{cubicBezierEaseInOut:li}=So;function Mt({name:e="fade-in",enterDuration:o="0.2s",leaveDuration:t="0.2s",enterCubicBezier:r=li,leaveCubicBezier:n=li}={}){return[y(`&.${e}-transition-enter-active`,{transition:`all ${o} ${r}!important`}),y(`&.${e}-transition-leave-active`,{transition:`all ${t} ${n}!important`}),y(`&.${e}-transition-enter-from, &.${e}-transition-leave-to`,{opacity:0}),y(`&.${e}-transition-leave-from, &.${e}-transition-enter-to`,{opacity:1})]}const $c=g("scrollbar",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: auto;
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
`,[y(">",[g("scrollbar-container",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
height: 100%;
|
|
|
|
|
max-height: inherit;
|
|
|
|
|
scrollbar-width: none;
|
|
|
|
|
`,[y("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb",`
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
display: none;
|
|
|
|
|
`),y(">",[g("scrollbar-content",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
min-width: 100%;
|
|
|
|
|
`)])])]),y(">, +",[g("scrollbar-rail",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
`,[k("horizontal",`
|
|
|
|
|
left: 2px;
|
|
|
|
|
right: 2px;
|
|
|
|
|
bottom: 4px;
|
|
|
|
|
height: var(--n-scrollbar-height);
|
|
|
|
|
`,[y(">",[w("scrollbar",`
|
|
|
|
|
height: var(--n-scrollbar-height);
|
|
|
|
|
border-radius: var(--n-scrollbar-border-radius);
|
|
|
|
|
right: 0;
|
|
|
|
|
`)])]),k("vertical",`
|
|
|
|
|
right: 4px;
|
|
|
|
|
top: 2px;
|
|
|
|
|
bottom: 2px;
|
|
|
|
|
width: var(--n-scrollbar-width);
|
|
|
|
|
`,[y(">",[w("scrollbar",`
|
|
|
|
|
width: var(--n-scrollbar-width);
|
|
|
|
|
border-radius: var(--n-scrollbar-border-radius);
|
|
|
|
|
bottom: 0;
|
|
|
|
|
`)])]),k("disabled",[y(">",[w("scrollbar",{pointerEvents:"none"})])]),y(">",[w("scrollbar",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
background-color: var(--n-scrollbar-color);
|
|
|
|
|
transition: background-color .2s var(--n-scrollbar-bezier);
|
|
|
|
|
`,[Mt(),y("&:hover",{backgroundColor:"var(--n-scrollbar-color-hover)"})])])])])]),Rc=Object.assign(Object.assign({},re.props),{size:{type:Number,default:5},duration:{type:Number,default:0},scrollable:{type:Boolean,default:!0},xScrollable:Boolean,trigger:{type:String,default:"hover"},useUnifiedContainer:Boolean,triggerDisplayManually:Boolean,container:Function,content:Function,containerClass:String,containerStyle:[String,Object],contentClass:String,contentStyle:[String,Object],horizontalRailStyle:[String,Object],verticalRailStyle:[String,Object],onScroll:Function,onWheel:Function,onResize:Function,internalOnUpdateScrollLeft:Function,internalHoistYRail:Boolean}),vl=q({name:"Scrollbar",props:Rc,inheritAttrs:!1,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t,mergedRtlRef:r}=ke(e),n=to("Scrollbar",r,o),l=D(null),a=D(null),s=D(null),d=D(null),c=D(null),u=D(null),f=D(null),p=D(null),v=D(null),h=D(null),m=D(null),b=D(0),C=D(0),x=D(!1),I=D(!1);let B=!1,$=!1,T,S,O=0,P=0,z=0,L=0;const M=id(),j=R(()=>{const{value:F}=p,{value:K}=u,{value:le}=h;return F===null||K===null||le===null?0:Math.min(F,le*F/K+e.size*1.5)}),E=R(()=>`${j.value}px`),U=R(()=>{const{value:F}=v,{value:K}=f,{value:le}=m;return F===null||K===null||le===null?0:le*F/K+e.size*1.5}),_=R(()=>`${U.value}px`),V=R(()=>{const{value:F}=p,{value:K}=b,{value:le}=u,{value:ze}=h;if(F===null||le===null||ze===null)return 0;{const Pe=le-F;return Pe?K/Pe*(ze-j.value):0}}),te=R(()=>`${V.value}px`),N=R(()=>{const{value:F}=v,{value:K}=C,{value:le}=f,{value:ze}=m;if(F===null||le===null||ze===null)return 0;{const Pe=le-F;return Pe?K/Pe*(ze-U.value):0}}),G=R(()=>`${N.value}px`),Ce=R(()=>{const{value:F}=p,{value:K}=u;return F!==null&&K!==null&&K>F}),X=R(()=>{const{value:F}=v,{value:K}=f;return F!==null&&K!==null&&K>F}),pe=R(()=>{const{trigger:F}=e;return F==="none"||x.value}),fe=R(()=>{const{trigger:F}=e;return F==="none"||I.value}),be=R(()=>{const{container:F}=e;return F?F():a.value}),ge=R(()=>{const{content:F}=e;return F?F():s.value}),se=Bd(()=>{e.container||J({top:b.value,left:C.value})}),Re=()=>{se.isDeactivated||Ve()},ve=F=>{if(se.isDeactivated)return;const{onResize:K}=e;K&&K(F),Ve()},J=(F,K)=>{if(!e.scrollable)return;if(typeof F=="number"){de(K??0,F,0,!1,"auto");return}const{left:le,top:ze,index:Pe,elSize:Ie,position:Te,behavior:_e,el:Qe,debounce:vo=!0}=F;(le!==void 0||ze!==void 0)&&de(le??0,ze??0,0,!1,_e),Qe!==void 0?de(0,Qe.offsetTop,Qe.offsetHeight,vo,_e):Pe!==void 0&&Ie!==void 0?de(0,Pe*Ie,Ie,vo,_e):Te==="bottom"?de(0,Number.MAX_SAFE_INTEGER,0,!1,_e):Te==="top"&&de(0,0,0,!1,_e)},xe=(F,K)=>{if(!e.scrollable)return;const{value:le}=be;le&&(typeof F=="object"?le.scrollBy(F):le.scrollBy(F,K||0))};function de(F,K,le,ze,Pe){const{value:Ie}=be;if(Ie){if(ze){const{scrollTop:Te,offsetHeight:_e}=Ie;if(K>Te){K+le<=Te+_e||Ie.scrollTo({left:F,top:K+le-_e,behavior:Pe});return}}Ie.scrollTo({left:F,top:K,behavior:Pe})}}function ye(){ee(),ne(),Ve()}function he(){Me()}function Me(){Z(),A()}function Z(){S!==void 0&&window.clearTimeout(S),S=window.setTimeout(()=>{I.value=!1},e.duration)}function A(){T!==void 0&&window.clearTimeout(T),T=window.setTimeout(()=>{x.value=!1},e.duration)}function ee(){T!==void 0&&window.clearTimeout(T),x.value=!0}function ne(){S!==void 0&&window.clearTimeout(S),I.value=!0}function me(F){const{onScroll:K}=e;K&&K(F),Y()}function Y(){const{value:F}=be;F&&(b.value=F.scrollTop,C.value=F.scrollLeft*(n!=null&&n.value?-1:1))}function ce(){const{value:F}=ge;F&&(u.value=F.offsetHeight,f.value=F.offsetWidth);const{value:K}=be;K&&(p.value=K.offsetHeight,v.value=K.offsetWidth);const{value:le}=c,{value:ze}=d;le&&(m.value=le.offsetWidth),ze&&(h.value=ze.offsetHeight)}function He(){const{value:F}=be;F&&(b.value=F.scrollTop,C.value=F.scrollLeft*(n!=null&&n.value?-1:1),p.value=F.offsetHeight,v.value=F.offsetWidth,u.value=F.scrollHeight,f.value=F.scrollWidth);const{value:K}=c,{value:le}=d;K&&(m.value=K.offsetWidth),le&&(h.value=le.offsetHeight)}function Ve(){e.scrollable&&(e.useUnifiedContainer?He():(ce(),Y()))}function Ze(F){var K;return!(!((K=l.value)===null||K===void 0)&&K.contai
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
outline: none;
|
|
|
|
|
z-index: 0;
|
|
|
|
|
position: relative;
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier);
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
`,[g("scrollbar",`
|
|
|
|
|
max-height: var(--n-height);
|
|
|
|
|
`),g("virtual-list",`
|
|
|
|
|
max-height: var(--n-height);
|
|
|
|
|
`),g("base-select-option",`
|
|
|
|
|
min-height: var(--n-option-height);
|
|
|
|
|
font-size: var(--n-option-font-size);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[w("content",`
|
|
|
|
|
z-index: 1;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`)]),g("base-select-group-header",`
|
|
|
|
|
min-height: var(--n-option-height);
|
|
|
|
|
font-size: .93em;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`),g("base-select-menu-option-wrapper",`
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
|
|
|
|
`),w("loading, empty",`
|
|
|
|
|
display: flex;
|
|
|
|
|
padding: 12px 32px;
|
|
|
|
|
flex: 1;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
`),w("loading",`
|
|
|
|
|
color: var(--n-loading-color);
|
|
|
|
|
font-size: var(--n-loading-size);
|
|
|
|
|
`),w("action",`
|
|
|
|
|
padding: 8px var(--n-option-padding-left);
|
|
|
|
|
font-size: var(--n-option-font-size);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier);
|
|
|
|
|
border-top: 1px solid var(--n-action-divider-color);
|
|
|
|
|
color: var(--n-action-text-color);
|
|
|
|
|
`),g("base-select-group-header",`
|
|
|
|
|
position: relative;
|
|
|
|
|
cursor: default;
|
|
|
|
|
padding: var(--n-option-padding);
|
|
|
|
|
color: var(--n-group-header-text-color);
|
|
|
|
|
`),g("base-select-option",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: var(--n-option-padding);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
opacity .3s var(--n-bezier);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
color: var(--n-option-text-color);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
`,[k("show-checkmark",`
|
|
|
|
|
padding-right: calc(var(--n-option-padding-right) + 20px);
|
|
|
|
|
`),y("&::before",`
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 4px;
|
|
|
|
|
right: 4px;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
`),y("&:active",`
|
|
|
|
|
color: var(--n-option-text-color-pressed);
|
|
|
|
|
`),k("grouped",`
|
|
|
|
|
padding-left: calc(var(--n-option-padding-left) * 1.5);
|
|
|
|
|
`),k("pending",[y("&::before",`
|
|
|
|
|
background-color: var(--n-option-color-pending);
|
|
|
|
|
`)]),k("selected",`
|
|
|
|
|
color: var(--n-option-text-color-active);
|
|
|
|
|
`,[y("&::before",`
|
|
|
|
|
background-color: var(--n-option-color-active);
|
|
|
|
|
`),k("pending",[y("&::before",`
|
|
|
|
|
background-color: var(--n-option-color-active-pending);
|
|
|
|
|
`)])]),k("disabled",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
`,[je("selected",`
|
|
|
|
|
color: var(--n-option-text-color-disabled);
|
|
|
|
|
`),k("selected",`
|
|
|
|
|
opacity: var(--n-option-opacity-disabled);
|
|
|
|
|
`)]),w("check",`
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: calc(var(--n-option-padding-right) - 4px);
|
|
|
|
|
top: calc(50% - 7px);
|
|
|
|
|
color: var(--n-option-check-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`,[lt({enterScale:"0.5"})])])]),Cn=q({name:"InternalSelectMenu",props:Object.assign(Object.assign({},re.props),{clsPrefix:{type:String,required:!0},scrollable:{type:Boolean,default:!0},treeMate:{type:Object,required:!0},multiple:Boolean,size:{type:String,default:"medium"},value:{type:[String,Number,Array],default:null},autoPending:Boolean,virtualScroll:{type:Boolean,default:!0},show:{type:Boolean,default:!0},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},loading:Boolean,focusable:Boolean,renderLabel:Function,renderOption:Function,nodeProps:Function,showCheckmark:{type:Boolean,default:!0},onMousedown:Function,onScroll:Function,onFocus:Function,onBlur:Function,onKeyup:Function,onKeydown:Function,onTabOut:Function,onMouseenter:Function,onMouseleave:Function,onResize:Function,resetMenuOnOptionsChange:{type:Boolean,default:!0},inlineThemeDisabled:Boolean,onToggle:Function}),setup(e){const o=re("InternalSelectMenu","-internal-select-menu",Tc,Dr,e,ie(e,"clsPrefix")),t=D(null),r=D(null),n=D(null),l=R(()=>e.treeMate.getFlattenedNodes()),a=R(()=>pd(l.value)),s=D(null);function d(){const{treeMate:N}=e;let G=null;const{value:Ce}=e;Ce===null?G=N.getFirstAvailableNode():(e.multiple?G=N.getNode((Ce||[])[(Ce||[]).length-1]):G=N.getNode(Ce),(!G||G.disabled)&&(G=N.getFirstAvailableNode())),L(G||null)}function c(){const{value:N}=s;N&&!e.treeMate.getNode(N.key)&&(s.value=null)}let u;Ke(()=>e.show,N=>{N?u=Ke(()=>e.treeMate,()=>{e.resetMenuOnOptionsChange?(e.autoPending?d():c(),io(M)):c()},{immediate:!0}):u==null||u()},{immediate:!0}),wo(()=>{u==null||u()});const f=R(()=>Mo(o.value.self[W("optionHeight",e.size)])),p=R(()=>Bt(o.value.self[W("padding",e.size)])),v=R(()=>e.multiple&&Array.isArray(e.value)?new Set(e.value):new Set),h=R(()=>{const N=l.value;return N&&N.length===0});function m(N){const{onToggle:G}=e;G&&G(N)}function b(N){const{onScroll:G}=e;G&&G(N)}function C(N){var G;(G=n.value)===null||G===void 0||G.sync(),b(N)}function x(){var N;(N=n.value)===null||N===void 0||N.sync()}function I(){const{value:N}=s;return N||null}function B(N,G){G.disabled||L(G,!1)}function $(N,G){G.disabled||m(G)}function T(N){var G;ft(N,"action")||(G=e.onKeyup)===null||G===void 0||G.call(e,N)}function S(N){var G;ft(N,"action")||(G=e.onKeydown)===null||G===void 0||G.call(e,N)}function O(N){var G;(G=e.onMousedown)===null||G===void 0||G.call(e,N),!e.focusable&&N.preventDefault()}function P(){const{value:N}=s;N&&L(N.getNext({loop:!0}),!0)}function z(){const{value:N}=s;N&&L(N.getPrev({loop:!0}),!0)}function L(N,G=!1){s.value=N,G&&M()}function M(){var N,G;const Ce=s.value;if(!Ce)return;const X=a.value(Ce.key);X!==null&&(e.virtualScroll?(N=r.value)===null||N===void 0||N.scrollTo({index:X}):(G=n.value)===null||G===void 0||G.scrollTo({index:X,elSize:f.value}))}function j(N){var G,Ce;!((G=t.value)===null||G===void 0)&&G.contains(N.target)&&((Ce=e.onFocus)===null||Ce===void 0||Ce.call(e,N))}function E(N){var G,Ce;!((G=t.value)===null||G===void 0)&&G.contains(N.relatedTarget)||(Ce=e.onBlur)===null||Ce===void 0||Ce.call(e,N)}Oe(gn,{handleOptionMouseEnter:B,handleOptionClick:$,valueSetRef:v,pendingTmNodeRef:s,nodePropsRef:ie(e,"nodeProps"),showCheckmarkRef:ie(e,"showCheckmark"),multipleRef:ie(e,"multiple"),valueRef:ie(e,"value"),renderLabelRef:ie(e,"renderLabel"),renderOptionRef:ie(e,"renderOption"),labelFieldRef:ie(e,"labelField"),valueFieldRef:ie(e,"valueField")}),Oe(el,t),mo(()=>{const{value:N}=n;N&&N.sync()});const U=R(()=>{const{size:N}=e,{common:{cubicBezierEaseInOut:G},self:{height:Ce,borderRadius:X,color:pe,groupHeaderTextColor:fe,actionDividerColor:be,optionTextColorPressed:ge,optionTextColor:se,optionTextColorDisabled:Re,optionTextColorActive:ve,optionOpacityDisabled:J,optionCheckColor:xe,actionTextColor:de,optionColorPending:ye,optionColorActive:he,loadingColor:Me,loadingSize:Z,optionColorActivePending:A,[W("optionFontSize",N)]:ee,[W("optionHeight",N)]:ne,[W("optionPadding",N)]:me}}=o.value;return{"--n-height":Ce,"--n-action-divider-color":be,"--n-action-text-color":de,"--n-bezier":G,"--n-border-radius":X,"--n-color":pe,"--n-o
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
`),bl=q({name:"BaseWave",props:{clsPrefix:{type:String,required:!0}},setup(e){Xo("-base-wave",Fc,ie(e,"clsPrefix"));const o=D(null),t=D(!1);let r=null;return wo(()=>{r!==null&&window.clearTimeout(r)}),{active:t,selfRef:o,play(){r!==null&&(window.clearTimeout(r),t.value=!1,r=null),io(()=>{var n;(n=o.value)===null||n===void 0||n.offsetHeight,t.value=!0,r=window.setTimeout(()=>{t.value=!1,r=null},1e3)})}}},render(){const{clsPrefix:e}=this;return i("div",{ref:"selfRef","aria-hidden":!0,class:[`${e}-base-wave`,this.active&&`${e}-base-wave--active`]})}}),Oc={space:"6px",spaceArrow:"10px",arrowOffset:"10px",arrowOffsetVertical:"10px",arrowHeight:"6px",padding:"8px 14px"},xl=e=>{const{boxShadow2:o,popoverColor:t,textColor2:r,borderRadius:n,fontSize:l,dividerColor:a}=e;return Object.assign(Object.assign({},Oc),{fontSize:l,borderRadius:n,color:t,dividerColor:a,textColor:r,boxShadow:o})},Mc={name:"Popover",common:Le,self:xl},jt=Mc,_c={name:"Popover",common:ue,self:xl},St=_c,qr={top:"bottom",bottom:"top",left:"right",right:"left"},ro="var(--n-arrow-height) * 1.414",Dc=y([g("popover",`
|
|
|
|
|
transition:
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
position: relative;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
box-shadow: var(--n-box-shadow);
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
`,[y(">",[g("scrollbar",`
|
|
|
|
|
height: inherit;
|
|
|
|
|
max-height: inherit;
|
|
|
|
|
`)]),je("raw",`
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
`,[je("scrollable",[je("show-header-or-footer","padding: var(--n-padding);")])]),w("header",`
|
|
|
|
|
padding: var(--n-padding);
|
|
|
|
|
border-bottom: 1px solid var(--n-divider-color);
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
`),w("footer",`
|
|
|
|
|
padding: var(--n-padding);
|
|
|
|
|
border-top: 1px solid var(--n-divider-color);
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
`),k("scrollable, show-header-or-footer",[w("content",`
|
|
|
|
|
padding: var(--n-padding);
|
|
|
|
|
`)])]),g("popover-shared",`
|
|
|
|
|
transform-origin: inherit;
|
|
|
|
|
`,[g("popover-arrow-wrapper",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
`,[g("popover-arrow",`
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: block;
|
|
|
|
|
width: calc(${ro});
|
|
|
|
|
height: calc(${ro});
|
|
|
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
|
|
|
|
|
transform: rotate(45deg);
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
`)]),y("&.popover-transition-enter-from, &.popover-transition-leave-to",`
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transform: scale(.85);
|
|
|
|
|
`),y("&.popover-transition-enter-to, &.popover-transition-leave-from",`
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
`),y("&.popover-transition-enter-active",`
|
|
|
|
|
transition:
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
opacity .15s var(--n-bezier-ease-out),
|
|
|
|
|
transform .15s var(--n-bezier-ease-out);
|
|
|
|
|
`),y("&.popover-transition-leave-active",`
|
|
|
|
|
transition:
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
opacity .15s var(--n-bezier-ease-in),
|
|
|
|
|
transform .15s var(--n-bezier-ease-in);
|
|
|
|
|
`)]),Oo("top-start",`
|
|
|
|
|
top: calc(${ro} / -2);
|
|
|
|
|
left: calc(${et("top-start")} - var(--v-offset-left));
|
|
|
|
|
`),Oo("top",`
|
|
|
|
|
top: calc(${ro} / -2);
|
|
|
|
|
transform: translateX(calc(${ro} / -2)) rotate(45deg);
|
|
|
|
|
left: 50%;
|
|
|
|
|
`),Oo("top-end",`
|
|
|
|
|
top: calc(${ro} / -2);
|
|
|
|
|
right: calc(${et("top-end")} + var(--v-offset-left));
|
|
|
|
|
`),Oo("bottom-start",`
|
|
|
|
|
bottom: calc(${ro} / -2);
|
|
|
|
|
left: calc(${et("bottom-start")} - var(--v-offset-left));
|
|
|
|
|
`),Oo("bottom",`
|
|
|
|
|
bottom: calc(${ro} / -2);
|
|
|
|
|
transform: translateX(calc(${ro} / -2)) rotate(45deg);
|
|
|
|
|
left: 50%;
|
|
|
|
|
`),Oo("bottom-end",`
|
|
|
|
|
bottom: calc(${ro} / -2);
|
|
|
|
|
right: calc(${et("bottom-end")} + var(--v-offset-left));
|
|
|
|
|
`),Oo("left-start",`
|
|
|
|
|
left: calc(${ro} / -2);
|
|
|
|
|
top: calc(${et("left-start")} - var(--v-offset-top));
|
|
|
|
|
`),Oo("left",`
|
|
|
|
|
left: calc(${ro} / -2);
|
|
|
|
|
transform: translateY(calc(${ro} / -2)) rotate(45deg);
|
|
|
|
|
top: 50%;
|
|
|
|
|
`),Oo("left-end",`
|
|
|
|
|
left: calc(${ro} / -2);
|
|
|
|
|
bottom: calc(${et("left-end")} + var(--v-offset-top));
|
|
|
|
|
`),Oo("right-start",`
|
|
|
|
|
right: calc(${ro} / -2);
|
|
|
|
|
top: calc(${et("right-start")} - var(--v-offset-top));
|
|
|
|
|
`),Oo("right",`
|
|
|
|
|
right: calc(${ro} / -2);
|
|
|
|
|
transform: translateY(calc(${ro} / -2)) rotate(45deg);
|
|
|
|
|
top: 50%;
|
|
|
|
|
`),Oo("right-end",`
|
|
|
|
|
right: calc(${ro} / -2);
|
|
|
|
|
bottom: calc(${et("right-end")} + var(--v-offset-top));
|
|
|
|
|
`),...cd({top:["right-start","left-start"],right:["top-end","bottom-end"],bottom:["right-end","left-end"],left:["top-start","bottom-start"]},(e,o)=>{const t=["right","left"].includes(o),r=t?"width":"height";return e.map(n=>{const l=n.split("-")[1]==="end",s=`calc((${`var(--v-target-${r}, 0px)`} - ${ro}) / 2)`,d=et(n);return y(`[v-placement="${n}"] >`,[g("popover-shared",[k("center-arrow",[g("popover-arrow",`${o}: calc(max(${s}, ${d}) ${l?"+":"-"} var(--v-offset-${t?"left":"top"}));`)])])])})})]);function et(e){return["top","bottom"].includes(e.split("-")[0])?"var(--n-arrow-offset)":"var(--n-arrow-offset-vertical)"}function Oo(e,o){const t=e.split("-")[0],r=["top","bottom"].includes(t)?"height: var(--n-space-arrow);":"width: var(--n-space-arrow);";return y(`[v-placement="${e}"] >`,[g("popover-shared",`
|
|
|
|
|
margin-${qr[t]}: var(--n-space);
|
|
|
|
|
`,[k("show-arrow",`
|
|
|
|
|
margin-${qr[t]}: var(--n-space-arrow);
|
|
|
|
|
`),k("overlap",`
|
|
|
|
|
margin: 0;
|
|
|
|
|
`),$d("popover-arrow-wrapper",`
|
|
|
|
|
right: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
${t}: 100%;
|
|
|
|
|
${qr[t]}: auto;
|
|
|
|
|
${r}
|
|
|
|
|
`,[g("popover-arrow",o)])])])}const Cl=Object.assign(Object.assign({},re.props),{to:Io.propTo,show:Boolean,trigger:String,showArrow:Boolean,delay:Number,duration:Number,raw:Boolean,arrowPointToCenter:Boolean,arrowStyle:[String,Object],displayDirective:String,x:Number,y:Number,flip:Boolean,overlap:Boolean,placement:String,width:[Number,String],keepAliveOnHover:Boolean,scrollable:Boolean,contentStyle:[Object,String],headerStyle:[Object,String],footerStyle:[Object,String],internalDeactivateImmediately:Boolean,animated:Boolean,onClickoutside:Function,internalTrapFocus:Boolean,internalOnAfterLeave:Function,minWidth:Number,maxWidth:Number}),yl=({arrowStyle:e,clsPrefix:o})=>i("div",{key:"__popover-arrow__",class:`${o}-popover-arrow-wrapper`},i("div",{class:`${o}-popover-arrow`,style:e})),Lc=q({name:"PopoverBody",inheritAttrs:!1,props:Cl,setup(e,{slots:o,attrs:t}){const{namespaceRef:r,mergedClsPrefixRef:n,inlineThemeDisabled:l}=ke(e),a=re("Popover","-popover",Dc,jt,e,n),s=D(null),d=Se("NPopover"),c=D(null),u=D(e.show),f=D(!1);oo(()=>{const{show:S}=e;S&&!Rd()&&!e.internalDeactivateImmediately&&(f.value=!0)});const p=R(()=>{const{trigger:S,onClickoutside:O}=e,P=[],{positionManuallyRef:{value:z}}=d;return z||(S==="click"&&!O&&P.push([Ft,B,void 0,{capture:!0}]),S==="hover"&&P.push([hd,I])),O&&P.push([Ft,B,void 0,{capture:!0}]),(e.displayDirective==="show"||e.animated&&f.value)&&P.push([Ko,e.show]),P}),v=R(()=>{const S=e.width==="trigger"?void 0:eo(e.width),O=[];S&&O.push({width:S});const{maxWidth:P,minWidth:z}=e;return P&&O.push({maxWidth:eo(P)}),z&&O.push({maxWidth:eo(z)}),l||O.push(h.value),O}),h=R(()=>{const{common:{cubicBezierEaseInOut:S,cubicBezierEaseIn:O,cubicBezierEaseOut:P},self:{space:z,spaceArrow:L,padding:M,fontSize:j,textColor:E,dividerColor:U,color:_,boxShadow:V,borderRadius:te,arrowHeight:N,arrowOffset:G,arrowOffsetVertical:Ce}}=a.value;return{"--n-box-shadow":V,"--n-bezier":S,"--n-bezier-ease-in":O,"--n-bezier-ease-out":P,"--n-font-size":j,"--n-text-color":E,"--n-color":_,"--n-divider-color":U,"--n-border-radius":te,"--n-arrow-height":N,"--n-arrow-offset":G,"--n-arrow-offset-vertical":Ce,"--n-padding":M,"--n-space":z,"--n-space-arrow":L}}),m=l?Ae("popover",void 0,h,e):void 0;d.setBodyInstance({syncPosition:b}),wo(()=>{d.setBodyInstance(null)}),Ke(ie(e,"show"),S=>{e.animated||(S?u.value=!0:u.value=!1)});function b(){var S;(S=s.value)===null||S===void 0||S.syncPosition()}function C(S){e.trigger==="hover"&&e.keepAliveOnHover&&e.show&&d.handleMouseEnter(S)}function x(S){e.trigger==="hover"&&e.keepAliveOnHover&&d.handleMouseLeave(S)}function I(S){e.trigger==="hover"&&!$().contains(Jt(S))&&d.handleMouseMoveOutside(S)}function B(S){(e.trigger==="click"&&!$().contains(Jt(S))||e.onClickoutside)&&d.handleClickOutside(S)}function $(){return d.getTriggerElement()}Oe(Dt,c),Oe(ur,null),Oe(cr,null);function T(){if(m==null||m.onRender(),!(e.displayDirective==="show"||e.show||e.animated&&f.value))return null;let O;const P=d.internalRenderBodyRef.value,{value:z}=n;if(P)O=P([`${z}-popover-shared`,m==null?void 0:m.themeClass.value,e.overlap&&`${z}-popover-shared--overlap`,e.showArrow&&`${z}-popover-shared--show-arrow`,e.arrowPointToCenter&&`${z}-popover-shared--center-arrow`],c,v.value,C,x);else{const{value:L}=d.extraClassRef,{internalTrapFocus:M}=e,j=!ut(o.header)||!ut(o.footer),E=()=>{var U;const _=j?i(ao,null,Ee(o.header,N=>N?i("div",{class:`${z}-popover__header`,style:e.headerStyle},N):null),Ee(o.default,N=>N?i("div",{class:`${z}-popover__content`,style:e.contentStyle},o):null),Ee(o.footer,N=>N?i("div",{class:`${z}-popover__footer`,style:e.footerStyle},N):null)):e.scrollable?(U=o.default)===null||U===void 0?void 0:U.call(o):i("div",{class:`${z}-popover__content`,style:e.contentStyle},o),V=e.scrollable?i(gl,{contentClass:j?void 0:`${z}-popover__content`,contentStyle:j?void 0:e.contentStyle},{default:()=>_}):_,te=e.showArrow?yl({arrowStyle:e.arrowStyle,clsPrefix:z}):null;return[V,te]};O=i("div",ko({class:[`${z}-popover`,`${z}-popover-shared`,m==null?void 0:m.themeClass.value,L.map(U=>`${z}-${U}`),{[`${z}-popover--scrollable`]:e.scro
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
position: relative;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
cursor: default;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
padding: var(--n-padding);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
transition:
|
|
|
|
|
border-color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
opacity .3s var(--n-bezier);
|
|
|
|
|
line-height: 1;
|
|
|
|
|
height: var(--n-height);
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
`,[k("strong",`
|
|
|
|
|
font-weight: var(--n-font-weight-strong);
|
|
|
|
|
`),w("border",`
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
border: var(--n-border);
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
`),w("icon",`
|
|
|
|
|
display: flex;
|
|
|
|
|
margin: 0 4px 0 0;
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
font-size: var(--n-avatar-size-override);
|
|
|
|
|
`),w("avatar",`
|
|
|
|
|
display: flex;
|
|
|
|
|
margin: 0 6px 0 0;
|
|
|
|
|
`),w("close",`
|
|
|
|
|
margin: var(--n-close-margin);
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
`),k("round",`
|
|
|
|
|
padding: 0 calc(var(--n-height) / 3);
|
|
|
|
|
border-radius: calc(var(--n-height) / 2);
|
|
|
|
|
`,[w("icon",`
|
|
|
|
|
margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
|
|
|
|
|
`),w("avatar",`
|
|
|
|
|
margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
|
|
|
|
|
`),k("closable",`
|
|
|
|
|
padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
|
|
|
|
|
`)]),k("icon, avatar",[k("round",`
|
|
|
|
|
padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
|
|
|
|
|
`)]),k("disabled",`
|
|
|
|
|
cursor: not-allowed !important;
|
|
|
|
|
opacity: var(--n-opacity-disabled);
|
|
|
|
|
`),k("checkable",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
color: var(--n-text-color-checkable);
|
|
|
|
|
background-color: var(--n-color-checkable);
|
|
|
|
|
`,[je("disabled",[y("&:hover","background-color: var(--n-color-hover-checkable);",[je("checked","color: var(--n-text-color-hover-checkable);")]),y("&:active","background-color: var(--n-color-pressed-checkable);",[je("checked","color: var(--n-text-color-pressed-checkable);")])]),k("checked",`
|
|
|
|
|
color: var(--n-text-color-checked);
|
|
|
|
|
background-color: var(--n-color-checked);
|
|
|
|
|
`,[je("disabled",[y("&:hover","background-color: var(--n-color-checked-hover);"),y("&:active","background-color: var(--n-color-checked-pressed);")])])])]),Yc=Object.assign(Object.assign(Object.assign({},re.props),Gc),{bordered:{type:Boolean,default:void 0},checked:Boolean,checkable:Boolean,strong:Boolean,triggerClickOnClose:Boolean,onClose:[Array,Function],onMouseenter:Function,onMouseleave:Function,"onUpdate:checked":Function,onUpdateChecked:Function,internalCloseFocusable:{type:Boolean,default:!0},internalCloseIsButtonTag:{type:Boolean,default:!0},onCheckedChange:Function}),zl="n-tag",Yr=q({name:"Tag",props:Yc,setup(e){const o=D(null),{mergedBorderedRef:t,mergedClsPrefixRef:r,inlineThemeDisabled:n,mergedRtlRef:l}=ke(e),a=re("Tag","-tag",qc,Kc,e,r);Oe(zl,{roundRef:ie(e,"round")});function s(v){if(!e.disabled&&e.checkable){const{checked:h,onCheckedChange:m,onUpdateChecked:b,"onUpdate:checked":C}=e;b&&b(!h),C&&C(!h),m&&m(!h)}}function d(v){if(e.triggerClickOnClose||v.stopPropagation(),!e.disabled){const{onClose:h}=e;h&&ae(h,v)}}const c={setTextContent(v){const{value:h}=o;h&&(h.textContent=v)}},u=to("Tag",l,r),f=R(()=>{const{type:v,size:h,color:{color:m,textColor:b}={}}=e,{common:{cubicBezierEaseInOut:C},self:{padding:x,closeMargin:I,closeMarginRtl:B,borderRadius:$,opacityDisabled:T,textColorCheckable:S,textColorHoverCheckable:O,textColorPressedCheckable:P,textColorChecked:z,colorCheckable:L,colorHoverCheckable:M,colorPressedCheckable:j,colorChecked:E,colorCheckedHover:U,colorCheckedPressed:_,closeBorderRadius:V,fontWeightStrong:te,[W("colorBordered",v)]:N,[W("closeSize",h)]:G,[W("closeIconSize",h)]:Ce,[W("fontSize",h)]:X,[W("height",h)]:pe,[W("color",v)]:fe,[W("textColor",v)]:be,[W("border",v)]:ge,[W("closeIconColor",v)]:se,[W("closeIconColorHover",v)]:Re,[W("closeIconColorPressed",v)]:ve,[W("closeColorHover",v)]:J,[W("closeColorPressed",v)]:xe}}=a.value;return{"--n-font-weight-strong":te,"--n-avatar-size-override":`calc(${pe} - 8px)`,"--n-bezier":C,"--n-border-radius":$,"--n-border":ge,"--n-close-icon-size":Ce,"--n-close-color-pressed":xe,"--n-close-color-hover":J,"--n-close-border-radius":V,"--n-close-icon-color":se,"--n-close-icon-color-hover":Re,"--n-close-icon-color-pressed":ve,"--n-close-icon-color-disabled":se,"--n-close-margin":I,"--n-close-margin-rtl":B,"--n-close-size":G,"--n-color":m||(t.value?N:fe),"--n-color-checkable":L,"--n-color-checked":E,"--n-color-checked-hover":U,"--n-color-checked-pressed":_,"--n-color-hover-checkable":M,"--n-color-pressed-checkable":j,"--n-font-size":X,"--n-height":pe,"--n-opacity-disabled":T,"--n-padding":x,"--n-text-color":b||be,"--n-text-color-checkable":S,"--n-text-color-checked":z,"--n-text-color-hover-checkable":O,"--n-text-color-pressed-checkable":P}}),p=n?Ae("tag",R(()=>{let v="";const{type:h,size:m,color:{color:b,textColor:C}={}}=e;return v+=h[0],v+=m[0],b&&(v+=`a${Ot(b)}`),C&&(v+=`b${Ot(C)}`),t.value&&(v+="c"),v}),f,e):void 0;return Object.assign(Object.assign({},c),{rtlEnabled:u,mergedClsPrefix:r,contentRef:o,mergedBordered:t,handleClick:s,handleCloseClick:d,cssVars:n?void 0:f,themeClass:p==null?void 0:p.themeClass,onRender:p==null?void 0:p.onRender})},render(){var e,o;const{mergedClsPrefix:t,rtlEnabled:r,closable:n,color:{borderColor:l}={},round:a,onRender:s,$slots:d}=this;s==null||s();const c=Ee(d.avatar,f=>f&&i("div",{class:`${t}-tag__avatar`},f)),u=Ee(d.icon,f=>f&&i("div",{class:`${t}-tag__icon`},f));return i("div",{class:[`${t}-tag`,this.themeClass,{[`${t}-tag--rtl`]:r,[`${t}-tag--strong`]:this.strong,[`${t}-tag--disabled`]:this.disabled,[`${t}-tag--checkable`]:this.checkable,[`${t}-tag--checked`]:this.checkable&&this.checked,[`${t}-tag--round`]:a,[`${t}-tag--avatar`]:c,[`${t}-tag--icon`]:u,[`${t}-tag--closable`]:n}],style:this.cssVars,onClick:this.handleClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},u||c,i("span",{class:`${t}-tag__content`,ref:"contentRef"},(o=(e=this.$slots).default)===null||o===void 0?void 0:o.call(e)),!this.checkable&&n?i(yt,{clsPrefix:t,class:`${t}-tag__close`,disabled:this.disabled,onClick:this.handleCloseClick,focusable:
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
height: 1em;
|
|
|
|
|
width: 1em;
|
|
|
|
|
position: relative;
|
|
|
|
|
`,[y(">",[w("clear",`
|
|
|
|
|
font-size: var(--n-clear-size);
|
|
|
|
|
height: 1em;
|
|
|
|
|
width: 1em;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: var(--n-clear-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
display: flex;
|
|
|
|
|
`,[y("&:hover",`
|
|
|
|
|
color: var(--n-clear-color-hover)!important;
|
|
|
|
|
`),y("&:active",`
|
|
|
|
|
color: var(--n-clear-color-pressed)!important;
|
|
|
|
|
`)]),w("placeholder",`
|
|
|
|
|
display: flex;
|
|
|
|
|
`),w("clear, placeholder",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
`,[it({originalTransform:"translateX(-50%) translateY(-50%)",left:"50%",top:"50%"})])])]),sn=q({name:"BaseClear",props:{clsPrefix:{type:String,required:!0},show:Boolean,onClear:Function},setup(e){return Xo("-base-clear",Xc,ie(e,"clsPrefix")),{handleMouseDown(o){o.preventDefault()}}},render(){const{clsPrefix:e}=this;return i("div",{class:`${e}-base-clear`},i(At,null,{default:()=>{var o,t;return this.show?i("div",{key:"dismiss",class:`${e}-base-clear__clear`,onClick:this.onClear,onMousedown:this.handleMouseDown,"data-clear":!0},lo(this.$slots.icon,()=>[i(De,{clsPrefix:e},{default:()=>i(Xd,null)})])):i("div",{key:"icon",class:`${e}-base-clear__placeholder`},(t=(o=this.$slots).placeholder)===null||t===void 0?void 0:t.call(o))}}))}}),$l=q({name:"InternalSelectionSuffix",props:{clsPrefix:{type:String,required:!0},showArrow:{type:Boolean,default:void 0},showClear:{type:Boolean,default:void 0},loading:{type:Boolean,default:!1},onClear:Function},setup(e,{slots:o}){return()=>{const{clsPrefix:t}=e;return i(Et,{clsPrefix:t,class:`${t}-base-suffix`,strokeWidth:24,scale:.85,show:e.loading},{default:()=>e.showArrow?i(sn,{clsPrefix:t,show:e.showClear,onClear:e.onClear},{placeholder:()=>i(De,{clsPrefix:t,class:`${t}-base-suffix__arrow`},{default:()=>lo(o.default,()=>[i(Yd,null)])})}):null})}}}),Rl={paddingSingle:"0 26px 0 12px",paddingMultiple:"3px 26px 0 12px",clearSize:"16px",arrowSize:"16px"},Zc=e=>{const{borderRadius:o,textColor2:t,textColorDisabled:r,inputColor:n,inputColorDisabled:l,primaryColor:a,primaryColorHover:s,warningColor:d,warningColorHover:c,errorColor:u,errorColorHover:f,borderColor:p,iconColor:v,iconColorDisabled:h,clearColor:m,clearColorHover:b,clearColorPressed:C,placeholderColor:x,placeholderColorDisabled:I,fontSizeTiny:B,fontSizeSmall:$,fontSizeMedium:T,fontSizeLarge:S,heightTiny:O,heightSmall:P,heightMedium:z,heightLarge:L}=e;return Object.assign(Object.assign({},Rl),{fontSizeTiny:B,fontSizeSmall:$,fontSizeMedium:T,fontSizeLarge:S,heightTiny:O,heightSmall:P,heightMedium:z,heightLarge:L,borderRadius:o,textColor:t,textColorDisabled:r,placeholderColor:x,placeholderColorDisabled:I,color:n,colorDisabled:l,colorActive:n,border:`1px solid ${p}`,borderHover:`1px solid ${s}`,borderActive:`1px solid ${a}`,borderFocus:`1px solid ${s}`,boxShadowHover:"none",boxShadowActive:`0 0 0 2px ${Q(a,{alpha:.2})}`,boxShadowFocus:`0 0 0 2px ${Q(a,{alpha:.2})}`,caretColor:a,arrowColor:v,arrowColorDisabled:h,loadingColor:a,borderWarning:`1px solid ${d}`,borderHoverWarning:`1px solid ${c}`,borderActiveWarning:`1px solid ${d}`,borderFocusWarning:`1px solid ${c}`,boxShadowHoverWarning:"none",boxShadowActiveWarning:`0 0 0 2px ${Q(d,{alpha:.2})}`,boxShadowFocusWarning:`0 0 0 2px ${Q(d,{alpha:.2})}`,colorActiveWarning:n,caretColorWarning:d,borderError:`1px solid ${u}`,borderHoverError:`1px solid ${f}`,borderActiveError:`1px solid ${u}`,borderFocusError:`1px solid ${f}`,boxShadowHoverError:"none",boxShadowActiveError:`0 0 0 2px ${Q(u,{alpha:.2})}`,boxShadowFocusError:`0 0 0 2px ${Q(u,{alpha:.2})}`,colorActiveError:n,caretColorError:u,clearColor:m,clearColorHover:b,clearColorPressed:C})},Qc={name:"InternalSelection",common:Le,peers:{Popover:jt},self:Zc},Pl=Qc,Jc={name:"InternalSelection",common:ue,peers:{Popover:St},self(e){const{borderRadius:o,textColor2:t,textColorDisabled:r,inputColor:n,inputColorDisabled:l,primaryColor:a,primaryColorHover:s,warningColor:d,warningColorHover:c,errorColor:u,errorColorHover:f,iconColor:p,iconColorDisabled:v,clearColor:h,clearColorHover:m,clearColorPressed:b,placeholderColor:C,placeholderColorDisabled:x,fontSizeTiny:I,fontSizeSmall:B,fontSizeMedium:$,fontSizeLarge:T,heightTiny:S,heightSmall:O,heightMedium:P,heightLarge:z}=e;return Object.assign(Object.assign({},Rl),{fontSizeTiny:I,fontSizeSmall:B,fontSizeMedium:$,fontSizeLarge:T,heightTiny:S,heightSmall:O,heightMedium:P,heightLarge:z,borderRadius:o,textColor:t,textColorDisabled:r,placeholderColor:C,placeholderColorDisabled:x,color:n,colorDisabled:l,colorActive:Q(a,{alpha:.1}),border:"1px solid #0000",borderHover:`1px solid ${s}`,borderActive:`1px solid ${a}`,borde
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: auto;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
width: 100%;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
min-height: var(--n-height);
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
`,[g("base-loading",`
|
|
|
|
|
color: var(--n-loading-color);
|
|
|
|
|
`),g("base-selection-tags","min-height: var(--n-height);"),w("border, state-border",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
border: var(--n-border);
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
transition:
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier);
|
|
|
|
|
`),w("state-border",`
|
|
|
|
|
z-index: 1;
|
|
|
|
|
border-color: #0000;
|
|
|
|
|
`),g("base-suffix",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
right: 10px;
|
|
|
|
|
`,[w("arrow",`
|
|
|
|
|
font-size: var(--n-arrow-size);
|
|
|
|
|
color: var(--n-arrow-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`)]),g("base-selection-overlay",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
padding: var(--n-padding-single);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`,[w("wrapper",`
|
|
|
|
|
flex-basis: 0;
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
`)]),g("base-selection-placeholder",`
|
|
|
|
|
color: var(--n-placeholder-color);
|
|
|
|
|
`,[w("inner",`
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`)]),g("base-selection-tags",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
outline: none;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
padding: var(--n-padding-multiple);
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 100%;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
`),g("base-selection-label",`
|
|
|
|
|
height: var(--n-height);
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
outline: none;
|
|
|
|
|
z-index: auto;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
position: relative;
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[g("base-selection-input",`
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
line-height: inherit;
|
|
|
|
|
outline: none;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border:none;
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: var(--n-padding-single);
|
|
|
|
|
background-color: #0000;
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
caret-color: var(--n-caret-color);
|
|
|
|
|
`,[w("content",`
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
`)]),w("render-label",`
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
`)]),je("disabled",[y("&:hover",[w("state-border",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-hover);
|
|
|
|
|
border: var(--n-border-hover);
|
|
|
|
|
`)]),k("focus",[w("state-border",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
|
|
|
border: var(--n-border-focus);
|
|
|
|
|
`)]),k("active",[w("state-border",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-active);
|
|
|
|
|
border: var(--n-border-active);
|
|
|
|
|
`),g("base-selection-label","background-color: var(--n-color-active);"),g("base-selection-tags","background-color: var(--n-color-active);")])]),k("disabled","cursor: not-allowed;",[w("arrow",`
|
|
|
|
|
color: var(--n-arrow-color-disabled);
|
|
|
|
|
`),g("base-selection-label",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
background-color: var(--n-color-disabled);
|
|
|
|
|
`,[g("base-selection-input",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
color: var(--n-text-color-disabled);
|
|
|
|
|
`),w("render-label",`
|
|
|
|
|
color: var(--n-text-color-disabled);
|
|
|
|
|
`)]),g("base-selection-tags",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
background-color: var(--n-color-disabled);
|
|
|
|
|
`),g("base-selection-placeholder",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
color: var(--n-placeholder-color-disabled);
|
|
|
|
|
`)]),g("base-selection-input-tag",`
|
|
|
|
|
height: calc(var(--n-height) - 6px);
|
|
|
|
|
line-height: calc(var(--n-height) - 6px);
|
|
|
|
|
outline: none;
|
|
|
|
|
display: none;
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-bottom: 3px;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
`,[w("input",`
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
min-width: 1px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background-color: #0000;
|
|
|
|
|
outline: none;
|
|
|
|
|
border: none;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
width: 1em;
|
|
|
|
|
line-height: inherit;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
caret-color: var(--n-caret-color);
|
|
|
|
|
`),w("mirror",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
white-space: pre;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
`)]),["warning","error"].map(e=>k(`${e}-status`,[w("state-border",`border: var(--n-border-${e});`),je("disabled",[y("&:hover",[w("state-border",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-hover-${e});
|
|
|
|
|
border: var(--n-border-hover-${e});
|
|
|
|
|
`)]),k("active",[w("state-border",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-active-${e});
|
|
|
|
|
border: var(--n-border-active-${e});
|
|
|
|
|
`),g("base-selection-label",`background-color: var(--n-color-active-${e});`),g("base-selection-tags",`background-color: var(--n-color-active-${e});`)]),k("focus",[w("state-border",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-focus-${e});
|
|
|
|
|
border: var(--n-border-focus-${e});
|
|
|
|
|
`)])])]))]),g("base-selection-popover",`
|
|
|
|
|
margin-bottom: -3px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
margin-right: -8px;
|
|
|
|
|
`),g("base-selection-tag-wrapper",`
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
padding: 0 7px 3px 0;
|
|
|
|
|
`,[y("&:last-child","padding-right: 0;"),g("tag",`
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
`,[w("content",`
|
|
|
|
|
line-height: 1.25;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`)])])]),ou=q({name:"InternalSelection",props:Object.assign(Object.assign({},re.props),{clsPrefix:{type:String,required:!0},bordered:{type:Boolean,default:void 0},active:Boolean,pattern:{type:String,default:""},placeholder:String,selectedOption:{type:Object,default:null},selectedOptions:{type:Array,default:null},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},multiple:Boolean,filterable:Boolean,clearable:Boolean,disabled:Boolean,size:{type:String,default:"medium"},loading:Boolean,autofocus:Boolean,showArrow:{type:Boolean,default:!0},inputProps:Object,focused:Boolean,renderTag:Function,onKeydown:Function,onClick:Function,onBlur:Function,onFocus:Function,onDeleteOption:Function,maxTagCount:[String,Number],onClear:Function,onPatternInput:Function,onPatternFocus:Function,onPatternBlur:Function,renderLabel:Function,status:String,inlineThemeDisabled:Boolean,ignoreComposition:{type:Boolean,default:!0},onResize:Function}),setup(e){const o=D(null),t=D(null),r=D(null),n=D(null),l=D(null),a=D(null),s=D(null),d=D(null),c=D(null),u=D(null),f=D(!1),p=D(!1),v=D(!1),h=re("InternalSelection","-internal-selection",eu,Pl,e,ie(e,"clsPrefix")),m=R(()=>e.clearable&&!e.disabled&&(v.value||e.active)),b=R(()=>e.selectedOption?e.renderTag?e.renderTag({option:e.selectedOption,handleClose:()=>{}}):e.renderLabel?e.renderLabel(e.selectedOption,!0):qe(e.selectedOption[e.labelField],e.selectedOption,!0):e.placeholder),C=R(()=>{const Y=e.selectedOption;if(Y)return Y[e.labelField]}),x=R(()=>e.multiple?!!(Array.isArray(e.selectedOptions)&&e.selectedOptions.length):e.selectedOption!==null);function I(){var Y;const{value:ce}=o;if(ce){const{value:He}=t;He&&(He.style.width=`${ce.offsetWidth}px`,e.maxTagCount!=="responsive"&&((Y=c.value)===null||Y===void 0||Y.sync()))}}function B(){const{value:Y}=u;Y&&(Y.style.display="none")}function $(){const{value:Y}=u;Y&&(Y.style.display="inline-block")}Ke(ie(e,"active"),Y=>{Y||B()}),Ke(ie(e,"pattern"),()=>{e.multiple&&io(I)});function T(Y){const{onFocus:ce}=e;ce&&ce(Y)}function S(Y){const{onBlur:ce}=e;ce&&ce(Y)}function O(Y){const{onDeleteOption:ce}=e;ce&&ce(Y)}function P(Y){const{onClear:ce}=e;ce&&ce(Y)}function z(Y){const{onPatternInput:ce}=e;ce&&ce(Y)}function L(Y){var ce;(!Y.relatedTarget||!(!((ce=r.value)===null||ce===void 0)&&ce.contains(Y.relatedTarget)))&&T(Y)}function M(Y){var ce;!((ce=r.value)===null||ce===void 0)&&ce.contains(Y.relatedTarget)||S(Y)}function j(Y){P(Y)}function E(){v.value=!0}function U(){v.value=!1}function _(Y){!e.active||!e.filterable||Y.target!==t.value&&Y.preventDefault()}function V(Y){O(Y)}function te(Y){if(Y.key==="Backspace"&&!N.value&&!e.pattern.length){const{selectedOptions:ce}=e;ce!=null&&ce.length&&V(ce[ce.length-1])}}const N=D(!1);let G=null;function Ce(Y){const{value:ce}=o;if(ce){const He=Y.target.value;ce.textContent=He,I()}e.ignoreComposition&&N.value?G=Y:z(Y)}function X(){N.value=!0}function pe(){N.value=!1,e.ignoreComposition&&z(G),G=null}function fe(Y){var ce;p.value=!0,(ce=e.onPatternFocus)===null||ce===void 0||ce.call(e,Y)}function be(Y){var ce;p.value=!1,(ce=e.onPatternBlur)===null||ce===void 0||ce.call(e,Y)}function ge(){var Y,ce;if(e.filterable)p.value=!1,(Y=a.value)===null||Y===void 0||Y.blur(),(ce=t.value)===null||ce===void 0||ce.blur();else if(e.multiple){const{value:He}=n;He==null||He.blur()}else{const{value:He}=l;He==null||He.blur()}}function se(){var Y,ce,He;e.filterable?(p.value=!1,(Y=a.value)===null||Y===void 0||Y.focus()):e.multiple?(ce=n.value)===null||ce===void 0||ce.focus():(He=l.value)===null||He===void 0||He.focus()}function Re(){const{value:Y}=t;Y&&($(),Y.focus())}function ve(){const{value:Y}=t;Y&&Y.blur()}function J(Y){const{value:ce}=s;ce&&ce.setTextContent(`+${Y}`)}function xe(){const{value:Y}=d;return Y}function de(){return t.value}let ye=null;function he(){ye!==null&&window.clearTimeout(ye)}function Me(){e.disabled||e.active||(he(),ye=window.setTimeout(()=>{x.value&&(f.value=!0)},100))}function Z(){he()}function A(Y){Y||(he(),f.value=!1)}Ke(x,Y=>{Y||(f.value=!1)}),mo(()=>{oo(()=>{const Y=a.value;Y&&(Y.tabIndex=e.disab
|
|
|
|
|
opacity: 0!important;
|
|
|
|
|
margin-left: 0!important;
|
|
|
|
|
margin-right: 0!important;
|
|
|
|
|
`),y("&.fade-in-width-expand-transition-leave-active",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
transition:
|
|
|
|
|
opacity ${e} ${rt},
|
|
|
|
|
max-width ${e} ${rt} ${o},
|
|
|
|
|
margin-left ${e} ${rt} ${o},
|
|
|
|
|
margin-right ${e} ${rt} ${o};
|
|
|
|
|
`),y("&.fade-in-width-expand-transition-enter-active",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
transition:
|
|
|
|
|
opacity ${e} ${rt} ${o},
|
|
|
|
|
max-width ${e} ${rt},
|
|
|
|
|
margin-left ${e} ${rt},
|
|
|
|
|
margin-right ${e} ${rt};
|
|
|
|
|
`)]}const{cubicBezierEaseOut:Rt}=So;function tu({duration:e=".2s"}={}){return[y("&.fade-up-width-expand-transition-leave-active",{transition:`
|
|
|
|
|
opacity ${e} ${Rt},
|
|
|
|
|
max-width ${e} ${Rt},
|
|
|
|
|
transform ${e} ${Rt}
|
|
|
|
|
`}),y("&.fade-up-width-expand-transition-enter-active",{transition:`
|
|
|
|
|
opacity ${e} ${Rt},
|
|
|
|
|
max-width ${e} ${Rt},
|
|
|
|
|
transform ${e} ${Rt}
|
|
|
|
|
`}),y("&.fade-up-width-expand-transition-enter-to",{opacity:1,transform:"translateX(0) translateY(0)"}),y("&.fade-up-width-expand-transition-enter-from",{maxWidth:"0 !important",opacity:0,transform:"translateY(60%)"}),y("&.fade-up-width-expand-transition-leave-from",{opacity:1,transform:"translateY(0)"}),y("&.fade-up-width-expand-transition-leave-to",{maxWidth:"0 !important",opacity:0,transform:"translateY(60%)"})]}const ru=y([y("@keyframes n-base-slot-machine-fade-up-in",`
|
|
|
|
|
from {
|
|
|
|
|
transform: translateY(60%);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
`),y("@keyframes n-base-slot-machine-fade-down-in",`
|
|
|
|
|
from {
|
|
|
|
|
transform: translateY(-60%);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
`),y("@keyframes n-base-slot-machine-fade-up-out",`
|
|
|
|
|
from {
|
|
|
|
|
transform: translateY(0%);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
transform: translateY(-60%);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
`),y("@keyframes n-base-slot-machine-fade-down-out",`
|
|
|
|
|
from {
|
|
|
|
|
transform: translateY(0%);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
transform: translateY(60%);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
`),g("base-slot-machine",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 18px;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
`,[g("base-slot-machine-number",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 18px;
|
|
|
|
|
width: .6em;
|
|
|
|
|
max-width: .6em;
|
|
|
|
|
`,[tu({duration:".2s"}),kl({duration:".2s",delay:"0s"}),g("base-slot-machine-old-number",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
`,[k("top",{transform:"translateY(-100%)"}),k("bottom",{transform:"translateY(100%)"}),k("down-scroll",{animation:"n-base-slot-machine-fade-down-out .2s cubic-bezier(0, 0, .2, 1)",animationIterationCount:1}),k("up-scroll",{animation:"n-base-slot-machine-fade-up-out .2s cubic-bezier(0, 0, .2, 1)",animationIterationCount:1})]),g("base-slot-machine-current-number",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
width: .6em;
|
|
|
|
|
`,[k("down-scroll",{animation:"n-base-slot-machine-fade-down-in .2s cubic-bezier(0, 0, .2, 1)",animationIterationCount:1}),k("up-scroll",{animation:"n-base-slot-machine-fade-up-in .2s cubic-bezier(0, 0, .2, 1)",animationIterationCount:1}),w("inner",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
width: .6em;
|
|
|
|
|
`,[k("not-number",`
|
|
|
|
|
right: unset;
|
|
|
|
|
left: 0;
|
|
|
|
|
`)])])])])]),nu=q({name:"BaseSlotMachine",props:{clsPrefix:{type:String,required:!0},value:{type:[Number,String],default:0},max:{type:Number,default:void 0},appeared:{type:Boolean,required:!0}},setup(e){Xo("-base-slot-machine",ru,ie(e,"clsPrefix"));const o=D(),t=D(),r=R(()=>{if(typeof e.value=="string")return[];if(e.value<1)return[0];const n=[];let l=e.value;for(e.max!==void 0&&(l=Math.min(e.max,l));l>=1;)n.push(l%10),l/=10,l=Math.floor(l);return n.reverse(),n});return Ke(ie(e,"value"),(n,l)=>{typeof n=="string"?(t.value=void 0,o.value=void 0):typeof l=="string"?(t.value=n,o.value=void 0):(t.value=n,o.value=l)}),()=>{const{value:n,clsPrefix:l}=e;return typeof n=="number"?i("span",{class:`${l}-base-slot-machine`},i(un,{name:"fade-up-width-expand-transition",tag:"span"},{default:()=>r.value.map((a,s)=>i(ui,{clsPrefix:l,key:r.value.length-s-1,oldOriginalNumber:o.value,newOriginalNumber:t.value,value:a}))}),i(Ct,{key:"+",width:!0},{default:()=>e.max!==void 0&&e.max<n?i(ui,{clsPrefix:l,value:"+"}):null})):i("span",{class:`${l}-base-slot-machine`},n)}}}),Il={iconMargin:"11px 8px 0 12px",iconMarginRtl:"11px 12px 0 8px",iconSize:"24px",closeIconSize:"16px",closeSize:"20px",closeMargin:"13px 14px 0 0",closeMarginRtl:"13px 0 0 14px",padding:"13px"},iu={name:"Alert",common:ue,self(e){const{lineHeight:o,borderRadius:t,fontWeightStrong:r,dividerColor:n,inputColor:l,textColor1:a,textColor2:s,closeColorHover:d,closeColorPressed:c,closeIconColor:u,closeIconColorHover:f,closeIconColorPressed:p,infoColorSuppl:v,successColorSuppl:h,warningColorSuppl:m,errorColorSuppl:b,fontSize:C}=e;return Object.assign(Object.assign({},Il),{fontSize:C,lineHeight:o,titleFontWeight:r,borderRadius:t,border:`1px solid ${n}`,color:l,titleTextColor:a,iconColor:s,contentTextColor:s,closeBorderRadius:t,closeColorHover:d,closeColorPressed:c,closeIconColor:u,closeIconColorHover:f,closeIconColorPressed:p,borderInfo:`1px solid ${Q(v,{alpha:.35})}`,colorInfo:Q(v,{alpha:.25}),titleTextColorInfo:a,iconColorInfo:v,contentTextColorInfo:s,closeColorHoverInfo:d,closeColorPressedInfo:c,closeIconColorInfo:u,closeIconColorHoverInfo:f,closeIconColorPressedInfo:p,borderSuccess:`1px solid ${Q(h,{alpha:.35})}`,colorSuccess:Q(h,{alpha:.25}),titleTextColorSuccess:a,iconColorSuccess:h,contentTextColorSuccess:s,closeColorHoverSuccess:d,closeColorPressedSuccess:c,closeIconColorSuccess:u,closeIconColorHoverSuccess:f,closeIconColorPressedSuccess:p,borderWarning:`1px solid ${Q(m,{alpha:.35})}`,colorWarning:Q(m,{alpha:.25}),titleTextColorWarning:a,iconColorWarning:m,contentTextColorWarning:s,closeColorHoverWarning:d,closeColorPressedWarning:c,closeIconColorWarning:u,closeIconColorHoverWarning:f,closeIconColorPressedWarning:p,borderError:`1px solid ${Q(b,{alpha:.35})}`,colorError:Q(b,{alpha:.25}),titleTextColorError:a,iconColorError:b,contentTextColorError:s,closeColorHoverError:d,closeColorPressedError:c,closeIconColorError:u,closeIconColorHoverError:f,closeIconColorPressedError:p})}},lu=iu,au=e=>{const{lineHeight:o,borderRadius:t,fontWeightStrong:r,baseColor:n,dividerColor:l,actionColor:a,textColor1:s,textColor2:d,closeColorHover:c,closeColorPressed:u,closeIconColor:f,closeIconColorHover:p,closeIconColorPressed:v,infoColor:h,successColor:m,warningColor:b,errorColor:C,fontSize:x}=e;return Object.assign(Object.assign({},Il),{fontSize:x,lineHeight:o,titleFontWeight:r,borderRadius:t,border:`1px solid ${l}`,color:a,titleTextColor:s,iconColor:d,contentTextColor:d,closeBorderRadius:t,closeColorHover:c,closeColorPressed:u,closeIconColor:f,closeIconColorHover:p,closeIconColorPressed:v,borderInfo:`1px solid ${$e(n,Q(h,{alpha:.25}))}`,colorInfo:$e(n,Q(h,{alpha:.08})),titleTextColorInfo:s,iconColorInfo:h,contentTextColorInfo:d,closeColorHoverInfo:c,closeColorPressedInfo:u,closeIconColorInfo:f,closeIconColorHoverInfo:p,closeIconColorPressedInfo:v,borderSuccess:`1px solid ${$e(n,Q(m,{alpha:.25}))}`,colorSuccess:$e(n,Q(m,{alpha:.08})),titleTextColorSuccess:s,iconColorSuccess:m,contentTextColorSuccess:d,closeColorHoverSuccess:c,closeColorPressedSuccess:u,closeIconColorSuccess:f,closeIconColorHoverSucce
|
|
|
|
|
&.fade-in-height-expand-transition-${d}-to`,Object.assign(Object.assign({},l),{opacity:1})),y(`&.fade-in-height-expand-transition-${c}-to,
|
|
|
|
|
&.fade-in-height-expand-transition-${d}-from`,Object.assign(Object.assign({},a),{opacity:0,marginTop:"0 !important",marginBottom:"0 !important",paddingTop:n?"0 !important":void 0,paddingBottom:n?"0 !important":void 0})),y(`&.fade-in-height-expand-transition-${c}-active`,`
|
|
|
|
|
overflow: ${e};
|
|
|
|
|
transition:
|
|
|
|
|
max-height ${o} ${Uo} ${r},
|
|
|
|
|
opacity ${o} ${cu} ${r},
|
|
|
|
|
margin-top ${o} ${Uo} ${r},
|
|
|
|
|
margin-bottom ${o} ${Uo} ${r},
|
|
|
|
|
padding-top ${o} ${Uo} ${r},
|
|
|
|
|
padding-bottom ${o} ${Uo} ${r}
|
|
|
|
|
${t?","+t:""}
|
|
|
|
|
`),y(`&.fade-in-height-expand-transition-${d}-active`,`
|
|
|
|
|
overflow: ${e};
|
|
|
|
|
transition:
|
|
|
|
|
max-height ${o} ${Uo},
|
|
|
|
|
opacity ${o} ${uu},
|
|
|
|
|
margin-top ${o} ${Uo},
|
|
|
|
|
margin-bottom ${o} ${Uo},
|
|
|
|
|
padding-top ${o} ${Uo},
|
|
|
|
|
padding-bottom ${o} ${Uo}
|
|
|
|
|
${t?","+t:""}
|
|
|
|
|
`)]}const fu=g("alert",`
|
|
|
|
|
line-height: var(--n-line-height);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
position: relative;
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
text-align: start;
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
`,[w("border",`
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
border: var(--n-border);
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
`),k("closable",[g("alert-body",[w("title",`
|
|
|
|
|
padding-right: 24px;
|
|
|
|
|
`)])]),w("icon",{color:"var(--n-icon-color)"}),g("alert-body",{padding:"var(--n-padding)"},[w("title",{color:"var(--n-title-text-color)"}),w("content",{color:"var(--n-content-text-color)"})]),nr({originalTransition:"transform .3s var(--n-bezier)",enterToProps:{transform:"scale(1)"},leaveToProps:{transform:"scale(0.9)"}}),w("icon",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
display: flex;
|
|
|
|
|
width: var(--n-icon-size);
|
|
|
|
|
height: var(--n-icon-size);
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
margin: var(--n-icon-margin);
|
|
|
|
|
`),w("close",`
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
margin: var(--n-close-margin);
|
|
|
|
|
`),k("show-icon",[g("alert-body",{paddingLeft:"calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right))"})]),g("alert-body",`
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
`,[w("title",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
line-height: 19px;
|
|
|
|
|
font-weight: var(--n-title-font-weight);
|
|
|
|
|
`,[y("& +",[w("content",{marginTop:"9px"})])]),w("content",{transition:"color .3s var(--n-bezier)",fontSize:"var(--n-font-size)"})]),w("icon",{transition:"color .3s var(--n-bezier)"})]),hu=Object.assign(Object.assign({},re.props),{title:String,showIcon:{type:Boolean,default:!0},type:{type:String,default:"default"},bordered:{type:Boolean,default:!0},closable:Boolean,onClose:Function,onAfterLeave:Function,onAfterHide:Function}),f1=q({name:"Alert",inheritAttrs:!1,props:hu,setup(e){const{mergedClsPrefixRef:o,mergedBorderedRef:t,inlineThemeDisabled:r,mergedRtlRef:n}=ke(e),l=re("Alert","-alert",fu,du,e,o),a=to("Alert",n,o),s=R(()=>{const{common:{cubicBezierEaseInOut:v},self:h}=l.value,{fontSize:m,borderRadius:b,titleFontWeight:C,lineHeight:x,iconSize:I,iconMargin:B,iconMarginRtl:$,closeIconSize:T,closeBorderRadius:S,closeSize:O,closeMargin:P,closeMarginRtl:z,padding:L}=h,{type:M}=e,{left:j,right:E}=Bt(B);return{"--n-bezier":v,"--n-color":h[W("color",M)],"--n-close-icon-size":T,"--n-close-border-radius":S,"--n-close-color-hover":h[W("closeColorHover",M)],"--n-close-color-pressed":h[W("closeColorPressed",M)],"--n-close-icon-color":h[W("closeIconColor",M)],"--n-close-icon-color-hover":h[W("closeIconColorHover",M)],"--n-close-icon-color-pressed":h[W("closeIconColorPressed",M)],"--n-icon-color":h[W("iconColor",M)],"--n-border":h[W("border",M)],"--n-title-text-color":h[W("titleTextColor",M)],"--n-content-text-color":h[W("contentTextColor",M)],"--n-line-height":x,"--n-border-radius":b,"--n-font-size":m,"--n-title-font-weight":C,"--n-icon-size":I,"--n-icon-margin":B,"--n-icon-margin-rtl":$,"--n-close-size":O,"--n-close-margin":P,"--n-close-margin-rtl":z,"--n-padding":L,"--n-icon-margin-left":j,"--n-icon-margin-right":E}}),d=r?Ae("alert",R(()=>e.type[0]),s,e):void 0,c=D(!0),u=()=>{const{onAfterLeave:v,onAfterHide:h}=e;v&&v(),h&&h()};return{rtlEnabled:a,mergedClsPrefix:o,mergedBordered:t,visible:c,handleCloseClick:()=>{var v;Promise.resolve((v=e.onClose)===null||v===void 0?void 0:v.call(e)).then(h=>{h!==!1&&(c.value=!1)})},handleAfterLeave:()=>{u()},mergedTheme:l,cssVars:r?void 0:s,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender}},render(){var e;return(e=this.onRender)===null||e===void 0||e.call(this),i(Ct,{onAfterLeave:this.handleAfterLeave},{default:()=>{const{mergedClsPrefix:o,$slots:t}=this,r={class:[`${o}-alert`,this.themeClass,this.closable&&`${o}-alert--closable`,this.showIcon&&`${o}-alert--show-icon`,this.rtlEnabled&&`${o}-alert--rtl`],style:this.cssVars,role:"alert"};return this.visible?i("div",Object.assign({},ko(this.$attrs,r)),this.closable&&i(yt,{clsPrefix:o,class:`${o}-alert__close`,onClick:this.handleCloseClick}),this.bordered&&i("div",{class:`${o}-alert__border`}),this.showIcon&&i("div",{class:`${o}-alert__icon`,"aria-hidden":"true"},lo(t.icon,()=>[i(De,{clsPrefix:o},{default:()=>{switch(this.type){case"success":return i(Ht,null);case"info":return i(vt,null);case"warning":return i(xt,null);case"error":return i(Lt,null);default:return null}}})])),i("div",{class:[`${o}-alert-body`,this.mergedBordered&&`${o}-alert-body--bordered`]},Ee(t.header,n=>{const l=n||this.title;return l?i("div",{class:`${o}-alert-body__title`},l):null}),t.default&&i("div",{class:`${o}-alert-body__content`},t))):null}})}}),pu={linkFontSize:"13px",linkPadding:"0 0 0 16px",railWidth:"4px"},vu=e=>{const{borderRadius:o,railColor:t,primaryColor:r,primaryColorHover:n,primaryColorPressed:l,textColor2:a}=e;return Object.assign(Object.assign({},pu),{borderRadius:o,railColor:t,railColorActive:r,linkColor:Q(r,{alpha:.15}),linkTextColor:a,linkTextColorHover:n,linkTextColorPressed:l,linkTextColorActive:r})},gu={name:"Anchor",common:ue,self:vu},mu=gu;function Pr(e){return e.type==="group"}function Bl(e){return e.type==="ignored"}function Xr(e,o){try{return!!(1+o.toString().toLowerCase().indexOf(e.trim().toLowerCase()))}catch{return!1}}function Tl(e,o){return{getIsGroup:Pr,getIgnored:Bl,getKey(r){return Pr(r)?r.name||r.key||"key-required":r[e]},getChildren(r){return r[o]}}}function bu(e,o,t,r){if(!o)return e;function n(l){if(!Array.isArr
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
cursor: text;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
z-index: auto;
|
|
|
|
|
outline: none;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
--n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);
|
|
|
|
|
`,[w("input, textarea",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
position: relative;
|
|
|
|
|
`),w("input-el, textarea-el, input-mirror, textarea-mirror, separator, placeholder",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
border: none;
|
|
|
|
|
outline: none;
|
|
|
|
|
background-color: #0000;
|
|
|
|
|
text-align: inherit;
|
|
|
|
|
transition:
|
|
|
|
|
-webkit-text-fill-color .3s var(--n-bezier),
|
|
|
|
|
caret-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
text-decoration-color .3s var(--n-bezier);
|
|
|
|
|
`),w("input-el, textarea-el",`
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
scrollbar-width: none;
|
|
|
|
|
width: 100%;
|
|
|
|
|
min-width: 0;
|
|
|
|
|
text-decoration-color: var(--n-text-decoration-color);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
caret-color: var(--n-caret-color);
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
`,[y("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb",`
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
display: none;
|
|
|
|
|
`),y("&::placeholder",`
|
|
|
|
|
color: #0000;
|
|
|
|
|
-webkit-text-fill-color: transparent !important;
|
|
|
|
|
`),y("&:-webkit-autofill ~",[w("placeholder","display: none;")])]),k("round",[je("textarea","border-radius: calc(var(--n-height) / 2);")]),w("placeholder",`
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
color: var(--n-placeholder-color);
|
|
|
|
|
`,[y("span",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
`)]),k("textarea",[w("placeholder","overflow: visible;")]),je("autosize","width: 100%;"),k("autosize",[w("textarea-el, input-el",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
height: 100%;
|
|
|
|
|
`)]),g("input-wrapper",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-left: var(--n-padding-left);
|
|
|
|
|
padding-right: var(--n-padding-right);
|
|
|
|
|
`),w("input-mirror",`
|
|
|
|
|
padding: 0;
|
|
|
|
|
height: var(--n-height);
|
|
|
|
|
line-height: var(--n-height);
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
position: static;
|
|
|
|
|
white-space: pre;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
`),w("input-el",`
|
|
|
|
|
padding: 0;
|
|
|
|
|
height: var(--n-height);
|
|
|
|
|
line-height: var(--n-height);
|
|
|
|
|
`,[y("+",[w("placeholder",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`)])]),je("textarea",[w("placeholder","white-space: nowrap;")]),w("eye",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`),k("textarea","width: 100%;",[g("input-word-count",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: var(--n-padding-right);
|
|
|
|
|
bottom: var(--n-padding-vertical);
|
|
|
|
|
`),k("resizable",[g("input-wrapper",`
|
|
|
|
|
resize: vertical;
|
|
|
|
|
min-height: var(--n-height);
|
|
|
|
|
`)]),w("textarea-el, textarea-mirror, placeholder",`
|
|
|
|
|
height: 100%;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
padding-top: var(--n-padding-vertical);
|
|
|
|
|
padding-bottom: var(--n-padding-vertical);
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
line-height: var(--n-line-height-textarea);
|
|
|
|
|
margin: 0;
|
|
|
|
|
resize: none;
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
`),w("textarea-mirror",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
position: static;
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
`)]),k("pair",[w("input-el, placeholder","text-align: center;"),w("separator",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
`,[g("icon",`
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
`),g("base-icon",`
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
`)])]),k("disabled",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
background-color: var(--n-color-disabled);
|
|
|
|
|
`,[w("border","border: var(--n-border-disabled);"),w("input-el, textarea-el",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
color: var(--n-text-color-disabled);
|
|
|
|
|
text-decoration-color: var(--n-text-color-disabled);
|
|
|
|
|
`),w("placeholder","color: var(--n-placeholder-color-disabled);"),w("separator","color: var(--n-text-color-disabled);",[g("icon",`
|
|
|
|
|
color: var(--n-icon-color-disabled);
|
|
|
|
|
`),g("base-icon",`
|
|
|
|
|
color: var(--n-icon-color-disabled);
|
|
|
|
|
`)]),g("input-word-count",`
|
|
|
|
|
color: var(--n-count-text-color-disabled);
|
|
|
|
|
`),w("suffix, prefix","color: var(--n-text-color-disabled);",[g("icon",`
|
|
|
|
|
color: var(--n-icon-color-disabled);
|
|
|
|
|
`),g("internal-icon",`
|
|
|
|
|
color: var(--n-icon-color-disabled);
|
|
|
|
|
`)])]),je("disabled",[w("eye",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`,[y("&:hover",`
|
|
|
|
|
color: var(--n-icon-color-hover);
|
|
|
|
|
`),y("&:active",`
|
|
|
|
|
color: var(--n-icon-color-pressed);
|
|
|
|
|
`)]),y("&:hover",[w("state-border","border: var(--n-border-hover);")]),k("focus","background-color: var(--n-color-focus);",[w("state-border",`
|
|
|
|
|
border: var(--n-border-focus);
|
|
|
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
|
|
|
`)])]),w("border, state-border",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
border: var(--n-border);
|
|
|
|
|
transition:
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier);
|
|
|
|
|
`),w("state-border",`
|
|
|
|
|
border-color: #0000;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
`),w("prefix","margin-right: 4px;"),w("suffix",`
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
`),w("suffix, prefix",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
line-height: var(--n-height);
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
color: var(--n-suffix-text-color);
|
|
|
|
|
`,[g("base-loading",`
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
margin: 0 2px;
|
|
|
|
|
color: var(--n-loading-color);
|
|
|
|
|
`),g("base-clear",`
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
`,[w("placeholder",[g("base-icon",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
`)])]),y(">",[g("icon",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
`)]),g("base-icon",`
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
`)]),g("input-word-count",`
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
font-size: .85em;
|
|
|
|
|
color: var(--n-count-text-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
font-variant: tabular-nums;
|
|
|
|
|
`),["warning","error"].map(e=>k(`${e}-status`,[je("disabled",[g("base-loading",`
|
|
|
|
|
color: var(--n-loading-color-${e})
|
|
|
|
|
`),w("input-el, textarea-el",`
|
|
|
|
|
caret-color: var(--n-caret-color-${e});
|
|
|
|
|
`),w("state-border",`
|
|
|
|
|
border: var(--n-border-${e});
|
|
|
|
|
`),y("&:hover",[w("state-border",`
|
|
|
|
|
border: var(--n-border-hover-${e});
|
|
|
|
|
`)]),y("&:focus",`
|
|
|
|
|
background-color: var(--n-color-focus-${e});
|
|
|
|
|
`,[w("state-border",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-focus-${e});
|
|
|
|
|
border: var(--n-border-focus-${e});
|
|
|
|
|
`)]),k("focus",`
|
|
|
|
|
background-color: var(--n-color-focus-${e});
|
|
|
|
|
`,[w("state-border",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-focus-${e});
|
|
|
|
|
border: var(--n-border-focus-${e});
|
|
|
|
|
`)])])]))]),Pu=g("input",[k("disabled",[w("input-el, textarea-el",`
|
|
|
|
|
-webkit-text-fill-color: var(--n-text-color-disabled);
|
|
|
|
|
`)])]),ku=Object.assign(Object.assign({},re.props),{bordered:{type:Boolean,default:void 0},type:{type:String,default:"text"},placeholder:[Array,String],defaultValue:{type:[String,Array],default:null},value:[String,Array],disabled:{type:Boolean,default:void 0},size:String,rows:{type:[Number,String],default:3},round:Boolean,minlength:[String,Number],maxlength:[String,Number],clearable:Boolean,autosize:{type:[Boolean,Object],default:!1},pair:Boolean,separator:String,readonly:{type:[String,Boolean],default:!1},passivelyActivated:Boolean,showPasswordOn:String,stateful:{type:Boolean,default:!0},autofocus:Boolean,inputProps:Object,resizable:{type:Boolean,default:!0},showCount:Boolean,loading:{type:Boolean,default:void 0},allowInput:Function,renderCount:Function,onMousedown:Function,onKeydown:Function,onKeyup:Function,onInput:[Function,Array],onFocus:[Function,Array],onBlur:[Function,Array],onClick:[Function,Array],onChange:[Function,Array],onClear:[Function,Array],countGraphemes:Function,status:String,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],textDecoration:[String,Array],attrSize:{type:Number,default:20},onInputBlur:[Function,Array],onInputFocus:[Function,Array],onDeactivate:[Function,Array],onActivate:[Function,Array],onWrapperFocus:[Function,Array],onWrapperBlur:[Function,Array],internalDeactivateOnEnter:Boolean,internalForceFocus:Boolean,internalLoadingBeforeSuffix:Boolean,showPasswordToggle:Boolean}),mt=q({name:"Input",props:ku,setup(e){const{mergedClsPrefixRef:o,mergedBorderedRef:t,inlineThemeDisabled:r,mergedRtlRef:n}=ke(e),l=re("Input","-input",Ru,vr,e,o);Fl&&Xo("-input-safari",Pu,o);const a=D(null),s=D(null),d=D(null),c=D(null),u=D(null),f=D(null),p=D(null),v=$u(p),h=D(null),{localeRef:m}=Yo("Input"),b=D(e.defaultValue),C=ie(e,"value"),x=so(C,b),I=tt(e),{mergedSizeRef:B,mergedDisabledRef:$,mergedStatusRef:T}=I,S=D(!1),O=D(!1),P=D(!1),z=D(!1);let L=null;const M=R(()=>{const{placeholder:H,pair:oe}=e;return oe?Array.isArray(H)?H:H===void 0?["",""]:[H,H]:H===void 0?[m.value.placeholder]:[H]}),j=R(()=>{const{value:H}=P,{value:oe}=x,{value:Fe}=M;return!H&&(br(oe)||Array.isArray(oe)&&br(oe[0]))&&Fe[0]}),E=R(()=>{const{value:H}=P,{value:oe}=x,{value:Fe}=M;return!H&&Fe[1]&&(br(oe)||Array.isArray(oe)&&br(oe[1]))}),U=We(()=>e.internalForceFocus||S.value),_=We(()=>{if($.value||e.readonly||!e.clearable||!U.value&&!O.value)return!1;const{value:H}=x,{value:oe}=U;return e.pair?!!(Array.isArray(H)&&(H[0]||H[1]))&&(O.value||oe):!!H&&(O.value||oe)}),V=R(()=>{const{showPasswordOn:H}=e;if(H)return H;if(e.showPasswordToggle)return"click"}),te=D(!1),N=R(()=>{const{textDecoration:H}=e;return H?Array.isArray(H)?H.map(oe=>({textDecoration:oe})):[{textDecoration:H}]:["",""]}),G=D(void 0),Ce=()=>{var H,oe;if(e.type==="textarea"){const{autosize:Fe}=e;if(Fe&&(G.value=(oe=(H=h.value)===null||H===void 0?void 0:H.$el)===null||oe===void 0?void 0:oe.offsetWidth),!s.value||typeof Fe=="boolean")return;const{paddingTop:Ge,paddingBottom:Ye,lineHeight:Ue}=window.getComputedStyle(s.value),Zo=Number(Ge.slice(0,-2)),Qo=Number(Ye.slice(0,-2)),Jo=Number(Ue.slice(0,-2)),{value:at}=d;if(!at)return;if(Fe.minRows){const st=Math.max(Fe.minRows,1),qt=`${Zo+Qo+Jo*st}px`;at.style.minHeight=qt}if(Fe.maxRows){const st=`${Zo+Qo+Jo*Fe.maxRows}px`;at.style.maxHeight=st}}},X=R(()=>{const{maxlength:H}=e;return H===void 0?void 0:Number(H)});mo(()=>{const{value:H}=x;Array.isArray(H)||Te(H)});const pe=kr().proxy;function fe(H){const{onUpdateValue:oe,"onUpdate:value":Fe,onInput:Ge}=e,{nTriggerFormInput:Ye}=I;oe&&ae(oe,H),Fe&&ae(Fe,H),Ge&&ae(Ge,H),b.value=H,Ye()}function be(H){const{onChange:oe}=e,{nTriggerFormChange:Fe}=I;oe&&ae(oe,H),b.value=H,Fe()}function ge(H){const{onBlur:oe}=e,{nTriggerFormBlur:Fe}=I;oe&&ae(oe,H),Fe()}function se(H){const{onFocus:oe}=e,{nTriggerFormFocus:Fe}=I;oe&&ae(oe,H),Fe()}function Re(H){const{onClear:oe}=e;oe&&ae(oe,H)}function ve(H){const{onInputBlur:oe}=e;oe&&ae(oe,H)}function J(H){const{onInputFocus:oe}=e;oe&&ae(oe,H)}function xe(){const{onDeactivate:H}=e;H&&ae(H)}function de(){const{onActivate:H}=e;H&&ae(H)}function ye(H){co
|
|
|
|
|
`)}else{const{value:Ye}=c;Ye&&(H?Ye.textContent=H:Ye.innerHTML=" ")}}function _e(){Ce()}const Qe=D({top:"0"});function vo(H){var oe;const{scrollTop:Fe}=H.target;Qe.value.top=`${-Fe}px`,(oe=h.value)===null||oe===void 0||oe.syncUnifiedContainer()}let Wo=null;oo(()=>{const{autosize:H,type:oe}=e;H&&oe==="textarea"?Wo=Ke(x,Fe=>{!Array.isArray(Fe)&&Fe!==L&&Te(Fe)}):Wo==null||Wo()});let No=null;oo(()=>{e.type==="textarea"?No=Ke(x,H=>{var oe;!Array.isArray(H)&&H!==L&&((oe=h.value)===null||oe===void 0||oe.syncUnifiedContainer())}):No==null||No()}),Oe(Ml,{mergedValueRef:x,maxlengthRef:X,mergedClsPrefixRef:o,countGraphemesRef:ie(e,"countGraphemes")});const Kt={wrapperElRef:a,inputElRef:u,textareaElRef:s,isCompositing:P,focus:F,blur:K,select:le,deactivate:Pe,activate:ze,scrollTo:Ie},Gt=to("Input",n,o),zt=R(()=>{const{value:H}=B,{common:{cubicBezierEaseInOut:oe},self:{color:Fe,borderRadius:Ge,textColor:Ye,caretColor:Ue,caretColorError:Zo,caretColorWarning:Qo,textDecorationColor:Jo,border:at,borderDisabled:st,borderHover:qt,borderFocus:jr,placeholderColor:Wr,placeholderColorDisabled:Nr,lineHeightTextarea:ms,colorDisabled:bs,colorFocus:xs,textColorDisabled:Cs,boxShadowFocus:ys,iconSize:ws,colorFocusWarning:Ss,boxShadowFocusWarning:zs,borderWarning:$s,borderFocusWarning:Rs,borderHoverWarning:Ps,colorFocusError:ks,boxShadowFocusError:Is,borderError:Bs,borderFocusError:Ts,borderHoverError:Fs,clearSize:Os,clearColor:Ms,clearColorHover:_s,clearColorPressed:Ds,iconColor:Ls,iconColorDisabled:Hs,suffixTextColor:As,countTextColor:Es,countTextColorDisabled:js,iconColorHover:Ws,iconColorPressed:Ns,loadingColor:Vs,loadingColorError:Us,loadingColorWarning:Ks,[W("padding",H)]:Gs,[W("fontSize",H)]:qs,[W("height",H)]:Ys}}=l.value,{left:Xs,right:Zs}=Bt(Gs);return{"--n-bezier":oe,"--n-count-text-color":Es,"--n-count-text-color-disabled":js,"--n-color":Fe,"--n-font-size":qs,"--n-border-radius":Ge,"--n-height":Ys,"--n-padding-left":Xs,"--n-padding-right":Zs,"--n-text-color":Ye,"--n-caret-color":Ue,"--n-text-decoration-color":Jo,"--n-border":at,"--n-border-disabled":st,"--n-border-hover":qt,"--n-border-focus":jr,"--n-placeholder-color":Wr,"--n-placeholder-color-disabled":Nr,"--n-icon-size":ws,"--n-line-height-textarea":ms,"--n-color-disabled":bs,"--n-color-focus":xs,"--n-text-color-disabled":Cs,"--n-box-shadow-focus":ys,"--n-loading-color":Vs,"--n-caret-color-warning":Qo,"--n-color-focus-warning":Ss,"--n-box-shadow-focus-warning":zs,"--n-border-warning":$s,"--n-border-focus-warning":Rs,"--n-border-hover-warning":Ps,"--n-loading-color-warning":Ks,"--n-caret-color-error":Zo,"--n-color-focus-error":ks,"--n-box-shadow-focus-error":Is,"--n-border-error":Bs,"--n-border-focus-error":Ts,"--n-border-hover-error":Fs,"--n-loading-color-error":Us,"--n-clear-color":Ms,"--n-clear-size":Os,"--n-clear-color-hover":_s,"--n-clear-color-pressed":Ds,"--n-icon-color":Ls,"--n-icon-color-hover":Ws,"--n-icon-color-pressed":Ns,"--n-icon-color-disabled":Hs,"--n-suffix-text-color":As}}),Vo=r?Ae("input",R(()=>{const{value:H}=B;return H[0]}),zt,e):void 0;return Object.assign(Object.assign({},Kt),{wrapperElRef:a,inputElRef:u,inputMirrorElRef:c,inputEl2Ref:f,textareaElRef:s,textareaMirrorElRef:d,textareaScrollbarInstRef:h,rtlEnabled:Gt,uncontrolledValue:b,mergedValue:x,passwordVisible:te,mergedPlaceholder:M,showPlaceholder1:j,showPlaceholder2:E,mergedFocus:U,isComposing:P,activated:z,showClearButton:_,mergedSize:B,mergedDisabled:$,textDecorationStyle:N,mergedClsPrefix:o,mergedBordered:t,mergedShowPasswordOn:V,placeholderStyle:Qe,mergedStatus:T,textAreaScrollContainerWidth:G,handleTextAreaScroll:vo,handleCompositionStart:Z,handleCompositionEnd:A,handleInput:ee,handleInputBlur:me,handleInputFocus:Y,handleWrapperBlur:ce,handleWrapperFocus:He,handleMouseEnter:To,handleMouseLeave:xo,handleMouseDown:Bo,handleChange:Ze,handleClick:po,handleClear:fo,handlePasswordToggleClick:Co,handlePasswordToggleMousedown:Ao,handleWrapperKeydown:Fo,handleTextAreaMirrorResize:_e,getTextareaScrollContainer:()=>s.value,mergedTheme:l,cssVars:r?void 0:zt,themeClass:Vo==null?void 0:Vo.themeClass,onRender:Vo==
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
`,[y(">",[g("input",[y("&:not(:last-child)",`
|
|
|
|
|
border-top-right-radius: 0!important;
|
|
|
|
|
border-bottom-right-radius: 0!important;
|
|
|
|
|
`),y("&:not(:first-child)",`
|
|
|
|
|
border-top-left-radius: 0!important;
|
|
|
|
|
border-bottom-left-radius: 0!important;
|
|
|
|
|
margin-left: -1px!important;
|
|
|
|
|
`)]),g("button",[y("&:not(:last-child)",`
|
|
|
|
|
border-top-right-radius: 0!important;
|
|
|
|
|
border-bottom-right-radius: 0!important;
|
|
|
|
|
`,[w("state-border, border",`
|
|
|
|
|
border-top-right-radius: 0!important;
|
|
|
|
|
border-bottom-right-radius: 0!important;
|
|
|
|
|
`)]),y("&:not(:first-child)",`
|
|
|
|
|
border-top-left-radius: 0!important;
|
|
|
|
|
border-bottom-left-radius: 0!important;
|
|
|
|
|
`,[w("state-border, border",`
|
|
|
|
|
border-top-left-radius: 0!important;
|
|
|
|
|
border-bottom-left-radius: 0!important;
|
|
|
|
|
`)])]),y("*",[y("&:not(:last-child)",`
|
|
|
|
|
border-top-right-radius: 0!important;
|
|
|
|
|
border-bottom-right-radius: 0!important;
|
|
|
|
|
`,[y(">",[g("input",`
|
|
|
|
|
border-top-right-radius: 0!important;
|
|
|
|
|
border-bottom-right-radius: 0!important;
|
|
|
|
|
`),g("base-selection",[g("base-selection-label",`
|
|
|
|
|
border-top-right-radius: 0!important;
|
|
|
|
|
border-bottom-right-radius: 0!important;
|
|
|
|
|
`),g("base-selection-tags",`
|
|
|
|
|
border-top-right-radius: 0!important;
|
|
|
|
|
border-bottom-right-radius: 0!important;
|
|
|
|
|
`),w("box-shadow, border, state-border",`
|
|
|
|
|
border-top-right-radius: 0!important;
|
|
|
|
|
border-bottom-right-radius: 0!important;
|
|
|
|
|
`)])])]),y("&:not(:first-child)",`
|
|
|
|
|
margin-left: -1px!important;
|
|
|
|
|
border-top-left-radius: 0!important;
|
|
|
|
|
border-bottom-left-radius: 0!important;
|
|
|
|
|
`,[y(">",[g("input",`
|
|
|
|
|
border-top-left-radius: 0!important;
|
|
|
|
|
border-bottom-left-radius: 0!important;
|
|
|
|
|
`),g("base-selection",[g("base-selection-label",`
|
|
|
|
|
border-top-left-radius: 0!important;
|
|
|
|
|
border-bottom-left-radius: 0!important;
|
|
|
|
|
`),g("base-selection-tags",`
|
|
|
|
|
border-top-left-radius: 0!important;
|
|
|
|
|
border-bottom-left-radius: 0!important;
|
|
|
|
|
`),w("box-shadow, border, state-border",`
|
|
|
|
|
border-top-left-radius: 0!important;
|
|
|
|
|
border-bottom-left-radius: 0!important;
|
|
|
|
|
`)])])])])])]),Bu={},h1=q({name:"InputGroup",props:Bu,setup(e){const{mergedClsPrefixRef:o}=ke(e);return Xo("-input-group",Iu,o),{mergedClsPrefix:o}},render(){const{mergedClsPrefix:e}=this;return i("div",{class:`${e}-input-group`},this.$slots)}});function Tu(e){const{boxShadow2:o}=e;return{menuBoxShadow:o}}const Fu={name:"AutoComplete",common:ue,peers:{InternalSelectMenu:hr,Input:Ho},self:Tu},Ou=Fu,Tt=jo&&"loading"in document.createElement("img"),Mu=(e={})=>{var o;const{root:t=null}=e;return{hash:`${e.rootMargin||"0px 0px 0px 0px"}-${Array.isArray(e.threshold)?e.threshold.join(","):(o=e.threshold)!==null&&o!==void 0?o:"0"}`,options:Object.assign(Object.assign({},e),{root:(typeof t=="string"?document.querySelector(t):t)||document.documentElement})}},Zr=new WeakMap,Qr=new WeakMap,Jr=new WeakMap,_l=(e,o,t)=>{if(!e)return()=>{};const r=Mu(o),{root:n}=r.options;let l;const a=Zr.get(n);a?l=a:(l=new Map,Zr.set(n,l));let s,d;l.has(r.hash)?(d=l.get(r.hash),d[1].has(e)||(s=d[0],d[1].add(e),s.observe(e))):(s=new IntersectionObserver(f=>{f.forEach(p=>{if(p.isIntersecting){const v=Qr.get(p.target),h=Jr.get(p.target);v&&v(),h&&(h.value=!0)}})},r.options),s.observe(e),d=[s,new Set([e])],l.set(r.hash,d));let c=!1;const u=()=>{c||(Qr.delete(e),Jr.delete(e),c=!0,d[1].has(e)&&(d[0].unobserve(e),d[1].delete(e)),d[1].size<=0&&l.delete(r.hash),l.size||Zr.delete(n))};return Qr.set(e,u),Jr.set(e,t),u},Dl=e=>{const{borderRadius:o,avatarColor:t,cardColor:r,fontSize:n,heightTiny:l,heightSmall:a,heightMedium:s,heightLarge:d,heightHuge:c,modalColor:u,popoverColor:f}=e;return{borderRadius:o,fontSize:n,border:`2px solid ${r}`,heightTiny:l,heightSmall:a,heightMedium:s,heightLarge:d,heightHuge:c,color:$e(r,t),colorModal:$e(u,t),colorPopover:$e(f,t)}},_u={name:"Avatar",common:Le,self:Dl},Du=_u,Lu={name:"Avatar",common:ue,self:Dl},Ll=Lu,Hu="n-avatar-group",Au=g("avatar",`
|
|
|
|
|
width: var(--n-merged-size);
|
|
|
|
|
height: var(--n-merged-size);
|
|
|
|
|
color: #FFF;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border: var(--n-border);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
--n-merged-color: var(--n-color);
|
|
|
|
|
background-color: var(--n-merged-color);
|
|
|
|
|
transition:
|
|
|
|
|
border-color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
`,[Mr(y("&","--n-merged-color: var(--n-color-modal);")),vn(y("&","--n-merged-color: var(--n-color-popover);")),y("img",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
`),w("text",`
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
`),g("icon",`
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
font-size: calc(var(--n-merged-size) - 6px);
|
|
|
|
|
`),w("text","line-height: 1.25")]),Eu=Object.assign(Object.assign({},re.props),{size:[String,Number],src:String,circle:{type:Boolean,default:void 0},objectFit:String,round:{type:Boolean,default:void 0},bordered:{type:Boolean,default:void 0},onError:Function,fallbackSrc:String,intersectionObserverOptions:Object,lazy:Boolean,onLoad:Function,renderPlaceholder:Function,renderFallback:Function,imgProps:Object,color:String}),p1=q({name:"Avatar",props:Eu,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=D(!1);let n=null;const l=D(null),a=D(null),s=()=>{const{value:I}=l;if(I&&(n===null||n!==I.innerHTML)){n=I.innerHTML;const{value:B}=a;if(B){const{offsetWidth:$,offsetHeight:T}=B,{offsetWidth:S,offsetHeight:O}=I,P=.9,z=Math.min($/S*P,T/O*P,1);I.style.transform=`translateX(-50%) translateY(-50%) scale(${z})`}}},d=Se(Hu,null),c=R(()=>{const{size:I}=e;if(I)return I;const{size:B}=d||{};return B||"medium"}),u=re("Avatar","-avatar",Au,Du,e,o),f=Se(zl,null),p=R(()=>{if(d)return!0;const{round:I,circle:B}=e;return I!==void 0||B!==void 0?I||B:f?f.roundRef.value:!1}),v=R(()=>d?!0:e.bordered||!1),h=I=>{var B;if(!C.value)return;r.value=!0;const{onError:$,imgProps:T}=e;(B=T==null?void 0:T.onError)===null||B===void 0||B.call(T,I),$&&$(I)};Ke(()=>e.src,()=>r.value=!1);const m=R(()=>{const I=c.value,B=p.value,$=v.value,{color:T}=e,{self:{borderRadius:S,fontSize:O,color:P,border:z,colorModal:L,colorPopover:M},common:{cubicBezierEaseInOut:j}}=u.value;let E;return typeof I=="number"?E=`${I}px`:E=u.value.self[W("height",I)],{"--n-font-size":O,"--n-border":$?z:"none","--n-border-radius":B?"50%":S,"--n-color":T||P,"--n-color-modal":T||L,"--n-color-popover":T||M,"--n-bezier":j,"--n-merged-size":`var(--n-avatar-size-override, ${E})`}}),b=t?Ae("avatar",R(()=>{const I=c.value,B=p.value,$=v.value,{color:T}=e;let S="";return I&&(typeof I=="number"?S+=`a${I}`:S+=I[0]),B&&(S+="b"),$&&(S+="c"),T&&(S+=Ot(T)),S}),m,e):void 0,C=D(!e.lazy);mo(()=>{if(Tt)return;let I;const B=oo(()=>{I==null||I(),I=void 0,e.lazy&&(I=_l(a.value,e.intersectionObserverOptions,C))});wo(()=>{B(),I==null||I()})});const x=D(!e.lazy);return{textRef:l,selfRef:a,mergedRoundRef:p,mergedClsPrefix:o,fitTextTransform:s,cssVars:t?void 0:m,themeClass:b==null?void 0:b.themeClass,onRender:b==null?void 0:b.onRender,hasLoadError:r,handleError:h,shouldStartLoading:C,loaded:x,mergedOnLoad:I=>{var B;const{onLoad:$,imgProps:T}=e;$==null||$(I),(B=T==null?void 0:T.onLoad)===null||B===void 0||B.call(T,I),x.value=!0}}},render(){var e,o;const{$slots:t,src:r,mergedClsPrefix:n,lazy:l,onRender:a,mergedOnLoad:s,shouldStartLoading:d,loaded:c,hasLoadError:u}=this;a==null||a();let f;const p=!c&&!u&&(this.renderPlaceholder?this.renderPlaceholder():(o=(e=this.$slots).placeholder)===null||o===void 0?void 0:o.call(e));return this.hasLoadError?f=this.renderFallback?this.renderFallback():lo(t.fallback,()=>[i("img",{src:this.fallbackSrc,style:{objectFit:this.objectFit}})]):f=Ee(t.default,v=>{if(v)return i(ht,{onResize:this.fitTextTransform},{default:()=>i("span",{ref:"textRef",class:`${n}-avatar__text`},v)});if(r){const{imgProps:h}=this;return i("img",Object.assign(Object.assign({},h),{loading:Tt&&!this.intersectionObserverOptions&&l?"lazy":"eager",src:Tt||d||c?r:void 0,onLoad:s,"data-image-src":r,onError:this.handleError,style:[h==null?void 0:h.style,{objectFit:this.objectFit},p?{height:"0",width:"0",visibility:"hidden",position:"absolute"}:""]}))}}),i("span",{ref:"selfRef",class:[`${n}-avatar`,this.themeClass],style:this.cssVars},f,l&&p)}}),ju=()=>({gap:"-12px"}),Wu={name:"AvatarGroup",common:ue,peers:{Avatar:Ll},self:ju},Nu=Wu,Vu={width:"44px",height:"44px",borderRadius:"22px",iconSize:"26px"},Uu={name:"BackTop",common:ue,self(e){const{popoverColor:o,textColor2:t,primaryColorHover:r,primaryColorPressed:n}=e;return Object.assign(Object.assign({},Vu),{color:o,textColor:t,iconColor:t,iconColorHover:r,iconColorPressed:n,boxShadow:"0 2px 8px 0px rgba(0, 0, 0, .12)",boxShadowHover:"0 2px 12px 0px rgba(0, 0, 0, .18)",boxShadowPressed:"0 2px 12px 0px rgba(0, 0, 0, .18)"})}},Ku=Uu,Gu={name:"Badge",common:ue,self(e
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
color: var(--n-color);
|
|
|
|
|
font-family: var(--n-font-family);
|
|
|
|
|
`,[k("as-is",[g("badge-sup",{position:"static",transform:"translateX(0)"},[lt({transformOrigin:"left bottom",originalTransform:"translateX(0)"})])]),k("dot",[g("badge-sup",`
|
|
|
|
|
height: 8px;
|
|
|
|
|
width: 8px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
min-width: 8px;
|
|
|
|
|
left: 100%;
|
|
|
|
|
bottom: calc(100% - 4px);
|
|
|
|
|
`,[y("::before","border-radius: 4px;")])]),g("badge-sup",`
|
|
|
|
|
background: var(--n-color);
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
color: #FFF;
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 18px;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
border-radius: 9px;
|
|
|
|
|
padding: 0 6px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
transform: translateX(-50%);
|
|
|
|
|
left: 100%;
|
|
|
|
|
bottom: calc(100% - 9px);
|
|
|
|
|
font-variant-numeric: tabular-nums;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[lt({transformOrigin:"left bottom",originalTransform:"translateX(-50%)"}),g("base-wave",{zIndex:1,animationDuration:"2s",animationIterationCount:"infinite",animationDelay:"1s",animationTimingFunction:"var(--n-ripple-bezier)",animationName:"badge-wave-spread"}),y("&::before",`
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
border-radius: 9px;
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
`)])])]),Ju=Object.assign(Object.assign({},re.props),{value:[String,Number],max:Number,dot:Boolean,type:{type:String,default:"default"},show:{type:Boolean,default:!0},showZero:Boolean,processing:Boolean,color:String,offset:Array}),v1=q({name:"Badge",props:Ju,setup(e,{slots:o}){const{mergedClsPrefixRef:t,inlineThemeDisabled:r,mergedRtlRef:n}=ke(e),l=re("Badge","-badge",Qu,Zu,e,t),a=D(!1),s=()=>{a.value=!0},d=()=>{a.value=!1},c=R(()=>e.show&&(e.dot||e.value!==void 0&&!(!e.showZero&&e.value<=0)||!ut(o.value)));mo(()=>{c.value&&(a.value=!0)});const u=to("Badge",n,t),f=R(()=>{const{type:h,color:m}=e,{common:{cubicBezierEaseInOut:b,cubicBezierEaseOut:C},self:{[W("color",h)]:x,fontFamily:I,fontSize:B}}=l.value;return{"--n-font-size":B,"--n-font-family":I,"--n-color":m||x,"--n-ripple-color":m||x,"--n-bezier":b,"--n-ripple-bezier":C}}),p=r?Ae("badge",R(()=>{let h="";const{type:m,color:b}=e;return m&&(h+=m[0]),b&&(h+=Ot(b)),h}),f,e):void 0,v=R(()=>{const{offset:h}=e;if(!h)return;const[m,b]=h,C=typeof m=="number"?`${m}px`:m,x=typeof b=="number"?`${b}px`:b;return{transform:`translate(calc(${u!=null&&u.value?"50%":"-50%"} + ${C}), ${x})`}});return{rtlEnabled:u,mergedClsPrefix:t,appeared:a,showBadge:c,handleAfterEnter:s,handleAfterLeave:d,cssVars:r?void 0:f,themeClass:p==null?void 0:p.themeClass,onRender:p==null?void 0:p.onRender,offsetStyle:v}},render(){var e;const{mergedClsPrefix:o,onRender:t,themeClass:r,$slots:n}=this;t==null||t();const l=(e=n.default)===null||e===void 0?void 0:e.call(n);return i("div",{class:[`${o}-badge`,this.rtlEnabled&&`${o}-badge--rtl`,r,{[`${o}-badge--dot`]:this.dot,[`${o}-badge--as-is`]:!l}],style:this.cssVars},l,i(no,{name:"fade-in-scale-up-transition",onAfterEnter:this.handleAfterEnter,onAfterLeave:this.handleAfterLeave},{default:()=>this.showBadge?i("sup",{class:`${o}-badge-sup`,title:Ki(this.value),style:this.offsetStyle},lo(n.value,()=>[this.dot?null:i(nu,{clsPrefix:o,appeared:this.appeared,max:this.max,value:this.value})]),this.processing?i(bl,{clsPrefix:o}):null):null}))}}),ef={fontWeightActive:"400"},of=e=>{const{fontSize:o,textColor3:t,textColor2:r,borderRadius:n,buttonColor2Hover:l,buttonColor2Pressed:a}=e;return Object.assign(Object.assign({},ef),{fontSize:o,itemLineHeight:"1.25",itemTextColor:t,itemTextColorHover:r,itemTextColorPressed:r,itemTextColorActive:r,itemBorderRadius:n,itemColorHover:l,itemColorPressed:a,separatorColor:t})},tf={name:"Breadcrumb",common:ue,self:of},rf=tf;function dt(e){return $e(e,[255,255,255,.16])}function xr(e){return $e(e,[0,0,0,.12])}const Hl="n-button-group",nf={paddingTiny:"0 6px",paddingSmall:"0 10px",paddingMedium:"0 14px",paddingLarge:"0 18px",paddingRoundTiny:"0 10px",paddingRoundSmall:"0 14px",paddingRoundMedium:"0 18px",paddingRoundLarge:"0 22px",iconMarginTiny:"6px",iconMarginSmall:"6px",iconMarginMedium:"6px",iconMarginLarge:"6px",iconSizeTiny:"14px",iconSizeSmall:"18px",iconSizeMedium:"18px",iconSizeLarge:"20px",rippleDuration:".6s"},Al=e=>{const{heightTiny:o,heightSmall:t,heightMedium:r,heightLarge:n,borderRadius:l,fontSizeTiny:a,fontSizeSmall:s,fontSizeMedium:d,fontSizeLarge:c,opacityDisabled:u,textColor2:f,textColor3:p,primaryColorHover:v,primaryColorPressed:h,borderColor:m,primaryColor:b,baseColor:C,infoColor:x,infoColorHover:I,infoColorPressed:B,successColor:$,successColorHover:T,successColorPressed:S,warningColor:O,warningColorHover:P,warningColorPressed:z,errorColor:L,errorColorHover:M,errorColorPressed:j,fontWeight:E,buttonColor2:U,buttonColor2Hover:_,buttonColor2Pressed:V,fontWeightStrong:te}=e;return Object.assign(Object.assign({},nf),{heightTiny:o,heightSmall:t,heightMedium:r,heightLarge:n,borderRadiusTiny:l,borderRadiusSmall:l,borderRadiusMedium:l,borderRadiusLarge:l,fontSizeTiny:a,fontSizeSmall:s,fontSizeMedium:d,fontSizeLarge:c,opacityDisabled:u,colorOpacitySecondary:"0.16",colorOpacitySecondaryHover:"0.22",colorOpacitySecondaryPressed:"0.28",colorSecondary:U,colorSecondaryHover:_,colorSecondaryPressed:V,colorTertiary:U,colorTertiaryHover:_,colorTertiaryPressed:V,colorQuaternary:"#0000",colorQuaternaryHover:_,colorQuaternaryPressed:V,color
|
|
|
|
|
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);
|
|
|
|
|
`,[k("color",[w("border",{borderColor:"var(--n-border-color)"}),k("disabled",[w("border",{borderColor:"var(--n-border-color-disabled)"})]),je("disabled",[y("&:focus",[w("state-border",{borderColor:"var(--n-border-color-focus)"})]),y("&:hover",[w("state-border",{borderColor:"var(--n-border-color-hover)"})]),y("&:active",[w("state-border",{borderColor:"var(--n-border-color-pressed)"})]),k("pressed",[w("state-border",{borderColor:"var(--n-border-color-pressed)"})])])]),k("disabled",{backgroundColor:"var(--n-color-disabled)",color:"var(--n-text-color-disabled)"},[w("border",{border:"var(--n-border-disabled)"})]),je("disabled",[y("&:focus",{backgroundColor:"var(--n-color-focus)",color:"var(--n-text-color-focus)"},[w("state-border",{border:"var(--n-border-focus)"})]),y("&:hover",{backgroundColor:"var(--n-color-hover)",color:"var(--n-text-color-hover)"},[w("state-border",{border:"var(--n-border-hover)"})]),y("&:active",{backgroundColor:"var(--n-color-pressed)",color:"var(--n-text-color-pressed)"},[w("state-border",{border:"var(--n-border-pressed)"})]),k("pressed",{backgroundColor:"var(--n-color-pressed)",color:"var(--n-text-color-pressed)"},[w("state-border",{border:"var(--n-border-pressed)"})])]),k("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);
|
|
|
|
|
`,[k("active",{zIndex:1,animationName:"button-wave-spread, button-wave-opacity"})]),jo&&"MozBoxSizing"in document.createElement("div").style?y("&::moz-focus-inner",{border:0}):null,w("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;
|
|
|
|
|
`),w("border",{border:"var(--n-border)"}),w("state-border",{border:"var(--n-border)",borderColor:"#0000",zIndex:1}),w("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;
|
|
|
|
|
`,[it({top:"50%",originalTransform:"translateY(-50%)"})]),kl()]),w("content",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
min-width: 0;
|
|
|
|
|
`,[y("~",[w("icon",{margin:"var(--n-icon-margin)",marginRight:0})])]),k("block",`
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
`),k("dashed",[w("border, state-border",{borderStyle:"dashed !important"})]),k("disabled",{cursor:"not-allowed",opacity:"var(--n-opacity-disabled)"})]),y("@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)"}}),y("@keyframes button-wave-opacity",{from:{opacity:"var(--n-wave-opacity)"},to:{opacity:0}})]),df=Object.assign(Object.assign({},re.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:!Fl}}),El=q({name:"Button",props:df,setup(e){const o=D(null),t=D(null),r=D(!1),n=We(()=>!e.quaternary&&!e.tertiary&&!e.secondary&&!e.text&&(!e.color||e.ghost||e.dashed)&&e.bordered),l=Se(Hl,{}),{mergedSizeRef:a}=tt({},{defaultSize:"medium",mergedSize:B=>{const{size:$}=e;if($)return $;const{size:T}=l;if(T)return T;const{mergedSize:S}=B||{};return S?S.value:"medium"}}),s=R(()=>e.focusable&&!e.disabled),d=B=>{var $;s.value||B.preventDefault(),!e.nativeFocusBehavior&&(B.preventDefault(),!e.disabled&&s.value&&(($=o.value)===null||$===void 0||$.focus({preventScroll:!0})))},c=B=>{var $;if(!e.disabled&&!e.loading){const{onClick:T}=e;T&&ae(T,B),e.text||($=t.value)===null||$===void 0||$.play()}},u=B=>{switch(B.key){case"Enter":if(!e.keyboard)return;r.value=!1}},f=B=>{switch(B.key){case"Enter":if(!e.keyboard||e.loading){B.preventDefault();return}r.value=!0}},p=()=>{r.value=!1},{inlineThemeDisabled:v,mergedClsPrefixRef:h,mergedRtlRef:m}=ke(e),b=re("Button","-button",sf,Wt,e,h),C=to("Button",m,h),x=R(()=>{const B=b.value,{common:{cubicBezierEaseInOut:$,cubicBezierEaseOut:T},self:S}=B,{rippleDuration:O,opacityDisabled:P,fontWeight:z,fontWeightStrong:L}=S,M=a.value,{dashed:j,type:E,ghost:U,text:_,color:V,round:te,circle:N,textColor:G,secondary:Ce,tertiary:X,quaternary:pe,strong:fe}=e,be={"font-weight":fe?L:z};let ge={"--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"};const se=E==="tertiary",Re=E==="default",ve=se?"default":E;if(_){const me=G||V;ge={"--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":me||S[W("textColorText",ve)],"--n-text-color-hover":me?dt(me):S[W("textColorTextHover",ve)],"--n-text-color-pressed":me?xr(me):S[W("textColorTextPressed",ve)],"--n-text-color-focus":me?dt(me):S[W("textColorTextHover",ve)],"--n-text-color-disabled":me||S[W("textColorTextDisabled",ve)]}}else if(U||j){const me=G||V;ge={"--n-color":"#0000","--n-color-hover":"#0000","--n-color-pressed":"#0000","--n-color-focus":"#0000","--n-color-disabled":"#0000","--n-ripple-color":V||S[W("rippleColor",ve)],"--n-text-color":me||S[W("textColorGhost",ve)],"--n-text-color-hover":me?dt(me):S[W("textColorGhostHover",ve)],"--n-text-color-pressed":me?xr(me):S[W("textColorGhostPressed",ve)],"--n-text-color-focus":me?dt(me):S[W("textColorGhostHover",ve)],"--n-text-color-disabled":me||S[W("textColorGhostDisabled",ve)]}}else if(Ce){const me=Re?S.textColor:se?S.textColorTertiary:S[W("color",ve)],Y=V||me,ce=E!=="default"&&E!=="tertiary";ge={"--n-color":ce?Q(Y,{alpha:Number(S.colorOpacitySecondary)}):S.colorSecondary,"--n-color-hover":ce?Q(Y,{alpha:Number(S.colorOpacitySecondaryHover)}):S.colorSecondaryHover,"--n-color-pressed":ce?Q(Y,{alpha:Number(S.colorOpacitySecondaryPressed)}):S.
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
`,[je("vertical",{flexDirection:"row"},[je("rtl",[g("button",[y("&:first-child:not(:last-child)",`
|
|
|
|
|
margin-right: ${Xe};
|
|
|
|
|
border-top-right-radius: ${Xe};
|
|
|
|
|
border-bottom-right-radius: ${Xe};
|
|
|
|
|
`),y("&:last-child:not(:first-child)",`
|
|
|
|
|
margin-left: ${Xe};
|
|
|
|
|
border-top-left-radius: ${Xe};
|
|
|
|
|
border-bottom-left-radius: ${Xe};
|
|
|
|
|
`),y("&:not(:first-child):not(:last-child)",`
|
|
|
|
|
margin-left: ${Xe};
|
|
|
|
|
margin-right: ${Xe};
|
|
|
|
|
border-radius: ${Xe};
|
|
|
|
|
`),Pt("default"),k("ghost",[Pt("primary"),Pt("info"),Pt("success"),Pt("warning"),Pt("error")])])])]),k("vertical",{flexDirection:"column"},[g("button",[y("&:first-child:not(:last-child)",`
|
|
|
|
|
margin-bottom: ${Xe};
|
|
|
|
|
margin-left: ${Xe};
|
|
|
|
|
margin-right: ${Xe};
|
|
|
|
|
border-bottom-left-radius: ${Xe};
|
|
|
|
|
border-bottom-right-radius: ${Xe};
|
|
|
|
|
`),y("&:last-child:not(:first-child)",`
|
|
|
|
|
margin-top: ${Xe};
|
|
|
|
|
margin-left: ${Xe};
|
|
|
|
|
margin-right: ${Xe};
|
|
|
|
|
border-top-left-radius: ${Xe};
|
|
|
|
|
border-top-right-radius: ${Xe};
|
|
|
|
|
`),y("&:not(:first-child):not(:last-child)",`
|
|
|
|
|
margin: ${Xe};
|
|
|
|
|
border-radius: ${Xe};
|
|
|
|
|
`),kt("default"),k("ghost",[kt("primary"),kt("info"),kt("success"),kt("warning"),kt("error")])])])]),uf={size:{type:String,default:void 0},vertical:Boolean},ff=q({name:"ButtonGroup",props:uf,setup(e){const{mergedClsPrefixRef:o,mergedRtlRef:t}=ke(e);return Xo("-button-group",cf,o),Oe(Hl,e),{rtlEnabled:to("ButtonGroup",t,o),mergedClsPrefix:o}},render(){const{mergedClsPrefix:e}=this;return i("div",{class:[`${e}-button-group`,this.rtlEnabled&&`${e}-button-group--rtl`,this.vertical&&`${e}-button-group--vertical`],role:"group"},this.$slots)}}),hf={titleFontSize:"22px"},pf=e=>{const{borderRadius:o,fontSize:t,lineHeight:r,textColor2:n,textColor1:l,textColorDisabled:a,dividerColor:s,fontWeightStrong:d,primaryColor:c,baseColor:u,hoverColor:f,cardColor:p,modalColor:v,popoverColor:h}=e;return Object.assign(Object.assign({},hf),{borderRadius:o,borderColor:$e(p,s),borderColorModal:$e(v,s),borderColorPopover:$e(h,s),textColor:n,titleFontWeight:d,titleTextColor:l,dayTextColor:a,fontSize:t,lineHeight:r,dateColorCurrent:c,dateTextColorCurrent:u,cellColorHover:$e(p,f),cellColorHoverModal:$e(v,f),cellColorHoverPopover:$e(h,f),cellColor:p,cellColorModal:v,cellColorPopover:h,barColor:c})},vf={name:"Calendar",common:ue,peers:{Button:$o},self:pf},gf=vf,mf=e=>{const{fontSize:o,boxShadow2:t,popoverColor:r,textColor2:n,borderRadius:l,borderColor:a,heightSmall:s,heightMedium:d,heightLarge:c,fontSizeSmall:u,fontSizeMedium:f,fontSizeLarge:p,dividerColor:v}=e;return{panelFontSize:o,boxShadow:t,color:r,textColor:n,borderRadius:l,border:`1px solid ${a}`,heightSmall:s,heightMedium:d,heightLarge:c,fontSizeSmall:u,fontSizeMedium:f,fontSizeLarge:p,dividerColor:v}},bf={name:"ColorPicker",common:ue,peers:{Input:Ho,Button:$o},self:mf},xf=bf,Cf={paddingSmall:"12px 16px 12px",paddingMedium:"19px 24px 20px",paddingLarge:"23px 32px 24px",paddingHuge:"27px 40px 28px",titleFontSizeSmall:"16px",titleFontSizeMedium:"18px",titleFontSizeLarge:"18px",titleFontSizeHuge:"18px",closeIconSize:"18px",closeSize:"22px"},Wl=e=>{const{primaryColor:o,borderRadius:t,lineHeight:r,fontSize:n,cardColor:l,textColor2:a,textColor1:s,dividerColor:d,fontWeightStrong:c,closeIconColor:u,closeIconColorHover:f,closeIconColorPressed:p,closeColorHover:v,closeColorPressed:h,modalColor:m,boxShadow1:b,popoverColor:C,actionColor:x}=e;return Object.assign(Object.assign({},Cf),{lineHeight:r,color:l,colorModal:m,colorPopover:C,colorTarget:o,colorEmbedded:x,colorEmbeddedModal:x,colorEmbeddedPopover:x,textColor:a,titleTextColor:s,borderColor:d,actionColor:x,titleFontWeight:c,closeColorHover:v,closeColorPressed:h,closeBorderRadius:t,closeIconColor:u,closeIconColorHover:f,closeIconColorPressed:p,fontSizeSmall:n,fontSizeMedium:n,fontSizeLarge:n,fontSizeHuge:n,boxShadow:b,borderRadius:t})},yf={name:"Card",common:Le,self:Wl},Nl=yf,wf={name:"Card",common:ue,self(e){const o=Wl(e),{cardColor:t,modalColor:r,popoverColor:n}=e;return o.colorEmbedded=t,o.colorEmbeddedModal=r,o.colorEmbeddedPopover=n,o}},Vl=wf,Sf=y([g("card",`
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
line-height: var(--n-line-height);
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
width: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
position: relative;
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier);
|
|
|
|
|
`,[Zi({background:"var(--n-color-modal)"}),k("hoverable",[y("&:hover","box-shadow: var(--n-box-shadow);")]),k("content-segmented",[y(">",[w("content",{paddingTop:"var(--n-padding-bottom)"})])]),k("content-soft-segmented",[y(">",[w("content",`
|
|
|
|
|
margin: 0 var(--n-padding-left);
|
|
|
|
|
padding: var(--n-padding-bottom) 0;
|
|
|
|
|
`)])]),k("footer-segmented",[y(">",[w("footer",{paddingTop:"var(--n-padding-bottom)"})])]),k("footer-soft-segmented",[y(">",[w("footer",`
|
|
|
|
|
padding: var(--n-padding-bottom) 0;
|
|
|
|
|
margin: 0 var(--n-padding-left);
|
|
|
|
|
`)])]),y(">",[g("card-header",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: var(--n-title-font-size);
|
|
|
|
|
padding:
|
|
|
|
|
var(--n-padding-top)
|
|
|
|
|
var(--n-padding-left)
|
|
|
|
|
var(--n-padding-bottom)
|
|
|
|
|
var(--n-padding-left);
|
|
|
|
|
`,[w("main",`
|
|
|
|
|
font-weight: var(--n-title-font-weight);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
flex: 1;
|
|
|
|
|
min-width: 0;
|
|
|
|
|
color: var(--n-title-text-color);
|
|
|
|
|
`),w("extra",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
`),w("close",`
|
|
|
|
|
margin: 0 0 0 8px;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
`)]),w("action",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier);
|
|
|
|
|
background-clip: padding-box;
|
|
|
|
|
background-color: var(--n-action-color);
|
|
|
|
|
`),w("content","flex: 1; min-width: 0;"),w("content, footer",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
`,[y("&:first-child",{paddingTop:"var(--n-padding-bottom)"})]),w("action",`
|
|
|
|
|
background-color: var(--n-action-color);
|
|
|
|
|
padding: var(--n-padding-bottom) var(--n-padding-left);
|
|
|
|
|
border-bottom-left-radius: var(--n-border-radius);
|
|
|
|
|
border-bottom-right-radius: var(--n-border-radius);
|
|
|
|
|
`)]),g("card-cover",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
|
|
|
|
|
`,[y("img",`
|
|
|
|
|
display: block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
`)]),k("bordered",`
|
|
|
|
|
border: 1px solid var(--n-border-color);
|
|
|
|
|
`,[y("&:target","border-color: var(--n-color-target);")]),k("action-segmented",[y(">",[w("action",[y("&:not(:first-child)",{borderTop:"1px solid var(--n-border-color)"})])])]),k("content-segmented, content-soft-segmented",[y(">",[w("content",{transition:"border-color 0.3s var(--n-bezier)"},[y("&:not(:first-child)",{borderTop:"1px solid var(--n-border-color)"})])])]),k("footer-segmented, footer-soft-segmented",[y(">",[w("footer",{transition:"border-color 0.3s var(--n-bezier)"},[y("&:not(:first-child)",{borderTop:"1px solid var(--n-border-color)"})])])]),k("embedded",`
|
|
|
|
|
background-color: var(--n-color-embedded);
|
|
|
|
|
`)]),Mr(g("card",`
|
|
|
|
|
background: var(--n-color-modal);
|
|
|
|
|
`,[k("embedded",`
|
|
|
|
|
background-color: var(--n-color-embedded-modal);
|
|
|
|
|
`)])),vn(g("card",`
|
|
|
|
|
background: var(--n-color-popover);
|
|
|
|
|
`,[k("embedded",`
|
|
|
|
|
background-color: var(--n-color-embedded-popover);
|
|
|
|
|
`)]))]),wn={title:String,contentStyle:[Object,String],headerStyle:[Object,String],headerExtraStyle:[Object,String],footerStyle:[Object,String],embedded:Boolean,segmented:{type:[Boolean,Object],default:!1},size:{type:String,default:"medium"},bordered:{type:Boolean,default:!0},closable:Boolean,hoverable:Boolean,role:String,onClose:[Function,Array],tag:{type:String,default:"div"}},zf=yo(wn),$f=Object.assign(Object.assign({},re.props),wn),Rf=q({name:"Card",props:$f,setup(e){const o=()=>{const{onClose:c}=e;c&&ae(c)},{inlineThemeDisabled:t,mergedClsPrefixRef:r,mergedRtlRef:n}=ke(e),l=re("Card","-card",Sf,Nl,e,r),a=to("Card",n,r),s=R(()=>{const{size:c}=e,{self:{color:u,colorModal:f,colorTarget:p,textColor:v,titleTextColor:h,titleFontWeight:m,borderColor:b,actionColor:C,borderRadius:x,lineHeight:I,closeIconColor:B,closeIconColorHover:$,closeIconColorPressed:T,closeColorHover:S,closeColorPressed:O,closeBorderRadius:P,closeIconSize:z,closeSize:L,boxShadow:M,colorPopover:j,colorEmbedded:E,colorEmbeddedModal:U,colorEmbeddedPopover:_,[W("padding",c)]:V,[W("fontSize",c)]:te,[W("titleFontSize",c)]:N},common:{cubicBezierEaseInOut:G}}=l.value,{top:Ce,left:X,bottom:pe}=Bt(V);return{"--n-bezier":G,"--n-border-radius":x,"--n-color":u,"--n-color-modal":f,"--n-color-popover":j,"--n-color-embedded":E,"--n-color-embedded-modal":U,"--n-color-embedded-popover":_,"--n-color-target":p,"--n-text-color":v,"--n-line-height":I,"--n-action-color":C,"--n-title-text-color":h,"--n-title-font-weight":m,"--n-close-icon-color":B,"--n-close-icon-color-hover":$,"--n-close-icon-color-pressed":T,"--n-close-color-hover":S,"--n-close-color-pressed":O,"--n-border-color":b,"--n-box-shadow":M,"--n-padding-top":Ce,"--n-padding-bottom":pe,"--n-padding-left":X,"--n-font-size":te,"--n-title-font-size":N,"--n-close-size":L,"--n-close-icon-size":z,"--n-close-border-radius":P}}),d=t?Ae("card",R(()=>e.size[0]),s,e):void 0;return{rtlEnabled:a,mergedClsPrefix:r,mergedTheme:l,handleCloseClick:o,cssVars:t?void 0:s,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender}},render(){const{segmented:e,bordered:o,hoverable:t,mergedClsPrefix:r,rtlEnabled:n,onRender:l,embedded:a,tag:s,$slots:d}=this;return l==null||l(),i(s,{class:[`${r}-card`,this.themeClass,a&&`${r}-card--embedded`,{[`${r}-card--rtl`]:n,[`${r}-card--content${typeof e!="boolean"&&e.content==="soft"?"-soft":""}-segmented`]:e===!0||e!==!1&&e.content,[`${r}-card--footer${typeof e!="boolean"&&e.footer==="soft"?"-soft":""}-segmented`]:e===!0||e!==!1&&e.footer,[`${r}-card--action-segmented`]:e===!0||e!==!1&&e.action,[`${r}-card--bordered`]:o,[`${r}-card--hoverable`]:t}],style:this.cssVars,role:this.role},Ee(d.cover,c=>c&&i("div",{class:`${r}-card-cover`,role:"none"},c)),Ee(d.header,c=>c||this.title||this.closable?i("div",{class:`${r}-card-header`,style:this.headerStyle},i("div",{class:`${r}-card-header__main`,role:"heading"},c||this.title),Ee(d["header-extra"],u=>u&&i("div",{class:`${r}-card-header__extra`,style:this.headerExtraStyle},u)),this.closable?i(yt,{clsPrefix:r,class:`${r}-card-header__close`,onClick:this.handleCloseClick,absolute:!0}):null):null),Ee(d.default,c=>c&&i("div",{class:`${r}-card__content`,style:this.contentStyle,role:"none"},c)),Ee(d.footer,c=>c&&[i("div",{class:`${r}-card__footer`,style:this.footerStyle,role:"none"},c)]),Ee(d.action,c=>c&&i("div",{class:`${r}-card__action`,role:"none"},c)))}}),Pf=e=>({dotSize:"8px",dotColor:"rgba(255, 255, 255, .3)",dotColorActive:"rgba(255, 255, 255, 1)",dotColorFocus:"rgba(255, 255, 255, .5)",dotLineWidth:"16px",dotLineWidthActive:"24px",arrowColor:"#eee"}),kf={name:"Carousel",common:ue,self:Pf},If=kf,Bf={sizeSmall:"14px",sizeMedium:"16px",sizeLarge:"18px",labelPadding:"0 8px",labelFontWeight:"400"},Tf=e=>{const{baseColor:o,inputColorDisabled:t,cardColor:r,modalColor:n,popoverColor:l,textColorDisabled:a,borderColor:s,primaryColor:d,textColor2:c,fontSizeSmall:u,fontSizeMedium:f,fontSizeLarge:p,borderRadiusSmall:v,lineHeight:h}=e;return Object.assign(Object.assign({},Bf),{labelLineHeight:h,fontSizeSmall:u,fontSizeMedium:f,fontSizeLarge:p,borderRadius
|
|
|
|
|
box-shadow: var(--n-menu-box-shadow);
|
|
|
|
|
`),zn={multiple:Boolean,value:{type:[String,Number,Array],default:null},cancelable:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:"medium"},scrollable:Boolean,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onMouseenter:Function,onMouseleave:Function,renderLabel:Function,showCheckmark:{type:Boolean,default:void 0},nodeProps:Function,virtualScroll:Boolean,onChange:[Function,Array]},pi=yo(zn),Zf=q({name:"PopselectPanel",props:zn,setup(e){const o=Se(Gl),{mergedClsPrefixRef:t,inlineThemeDisabled:r}=ke(e),n=re("Popselect","-pop-select",Xf,Sn,o.props,t),l=R(()=>sr(e.options,Tl("value","children")));function a(p,v){const{onUpdateValue:h,"onUpdate:value":m,onChange:b}=e;h&&ae(h,p,v),m&&ae(m,p,v),b&&ae(b,p,v)}function s(p){c(p.key)}function d(p){ft(p,"action")||p.preventDefault()}function c(p){const{value:{getNode:v}}=l;if(e.multiple)if(Array.isArray(e.value)){const h=[],m=[];let b=!0;e.value.forEach(C=>{if(C===p){b=!1;return}const x=v(C);x&&(h.push(x.key),m.push(x.rawNode))}),b&&(h.push(p),m.push(v(p).rawNode)),a(h,m)}else{const h=v(p);h&&a([p],[h.rawNode])}else if(e.value===p&&e.cancelable)a(null,null);else{const h=v(p);h&&a(p,h.rawNode);const{"onUpdate:show":m,onUpdateShow:b}=o.props;m&&ae(m,!1),b&&ae(b,!1),o.setShow(!1)}io(()=>{o.syncPosition()})}Ke(ie(e,"options"),()=>{io(()=>{o.syncPosition()})});const u=R(()=>{const{self:{menuBoxShadow:p}}=n.value;return{"--n-menu-box-shadow":p}}),f=r?Ae("select",void 0,u,o.props):void 0;return{mergedTheme:o.mergedThemeRef,mergedClsPrefix:t,treeMate:l,handleToggle:s,handleMenuMousedown:d,cssVars:r?void 0:u,themeClass:f==null?void 0:f.themeClass,onRender:f==null?void 0:f.onRender}},render(){var e;return(e=this.onRender)===null||e===void 0||e.call(this),i(Cn,{clsPrefix:this.mergedClsPrefix,focusable:!0,nodeProps:this.nodeProps,class:[`${this.mergedClsPrefix}-popselect-menu`,this.themeClass],style:this.cssVars,theme:this.mergedTheme.peers.InternalSelectMenu,themeOverrides:this.mergedTheme.peerOverrides.InternalSelectMenu,multiple:this.multiple,treeMate:this.treeMate,size:this.size,value:this.value,virtualScroll:this.virtualScroll,scrollable:this.scrollable,renderLabel:this.renderLabel,onToggle:this.handleToggle,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseenter,onMousedown:this.handleMenuMousedown,showCheckmark:this.showCheckmark},{action:()=>{var o,t;return((t=(o=this.$slots).action)===null||t===void 0?void 0:t.call(o))||[]},empty:()=>{var o,t;return((t=(o=this.$slots).empty)===null||t===void 0?void 0:t.call(o))||[]}})}}),Qf=Object.assign(Object.assign(Object.assign(Object.assign({},re.props),_t(gt,["showArrow","arrow"])),{placement:Object.assign(Object.assign({},gt.placement),{default:"bottom"}),trigger:{type:String,default:"hover"}}),zn),Jf=q({name:"Popselect",props:Qf,inheritAttrs:!1,__popover__:!0,setup(e){const o=re("Popselect","-popselect",void 0,Sn,e),t=D(null);function r(){var a;(a=t.value)===null||a===void 0||a.syncPosition()}function n(a){var s;(s=t.value)===null||s===void 0||s.setShow(a)}return Oe(Gl,{props:e,mergedThemeRef:o,syncPosition:r,setShow:n}),Object.assign(Object.assign({},{syncPosition:r,setShow:n}),{popoverInstRef:t,mergedTheme:o})},render(){const{mergedTheme:e}=this,o={theme:e.peers.Popover,themeOverrides:e.peerOverrides.Popover,builtinThemeOverrides:{padding:"0"},ref:"popoverInstRef",internalRenderBody:(t,r,n,l,a)=>{const{$attrs:s}=this;return i(Zf,Object.assign({},s,{class:[s.class,t],style:[s.style,n]},go(this.$props,pi),{ref:Gi(r),onMouseenter:Qt([l,s.onMouseenter]),onMouseleave:Qt([a,s.onMouseleave])}),{action:()=>{var d,c;return(c=(d=this.$slots).action)===null||c===void 0?void 0:c.call(d)},empty:()=>{var d,c;return(c=(d=this.$slots).empty)===null||c===void 0?void 0:c.call(d)}})}};return i(pr,Object.assign({},_t(this.$props,pi),o,{internalDeactivateImmediately:!0}),{trigger:()=>{var t,r;return(r=(t=this.$slots).default)===null||r===void 0?void 0:r.call(t)}})}});function ql(e){const{boxShadow2:o}=e;return{menuBoxShadow:o}}const eh={name:"Select",common:Le,peers:{InternalSelection:Pl,InternalSelectMenu:Dr},self:q
|
|
|
|
|
z-index: auto;
|
|
|
|
|
outline: none;
|
|
|
|
|
width: 100%;
|
|
|
|
|
position: relative;
|
|
|
|
|
`),g("select-menu",`
|
|
|
|
|
margin: 4px 0;
|
|
|
|
|
box-shadow: var(--n-menu-box-shadow);
|
|
|
|
|
`,[lt({originalTransition:"background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"})])]),rh=Object.assign(Object.assign({},re.props),{to:Io.propTo,bordered:{type:Boolean,default:void 0},clearable:Boolean,clearFilterAfterSelect:{type:Boolean,default:!0},options:{type:Array,default:()=>[]},defaultValue:{type:[String,Number,Array],default:null},value:[String,Number,Array],placeholder:String,menuProps:Object,multiple:Boolean,size:String,filterable:Boolean,disabled:{type:Boolean,default:void 0},remote:Boolean,loading:Boolean,filter:Function,placement:{type:String,default:"bottom-start"},widthMode:{type:String,default:"trigger"},tag:Boolean,onCreate:Function,fallbackOption:{type:[Function,Boolean],default:void 0},show:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:!0},maxTagCount:[Number,String],consistentMenuWidth:{type:Boolean,default:!0},virtualScroll:{type:Boolean,default:!0},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},childrenField:{type:String,default:"children"},renderLabel:Function,renderOption:Function,renderTag:Function,"onUpdate:value":[Function,Array],inputProps:Object,nodeProps:Function,ignoreComposition:{type:Boolean,default:!0},showOnFocus:Boolean,onUpdateValue:[Function,Array],onBlur:[Function,Array],onClear:[Function,Array],onFocus:[Function,Array],onScroll:[Function,Array],onSearch:[Function,Array],onUpdateShow:[Function,Array],"onUpdate:show":[Function,Array],displayDirective:{type:String,default:"show"},resetMenuOnOptionsChange:{type:Boolean,default:!0},status:String,showCheckmark:{type:Boolean,default:!0},onChange:[Function,Array],items:Array}),nh=q({name:"Select",props:rh,setup(e){const{mergedClsPrefixRef:o,mergedBorderedRef:t,namespaceRef:r,inlineThemeDisabled:n}=ke(e),l=re("Select","-select",th,Yl,e,o),a=D(e.defaultValue),s=ie(e,"value"),d=so(s,a),c=D(!1),u=D(""),f=R(()=>{const{valueField:F,childrenField:K}=e,le=Tl(F,K);return sr(M.value,le)}),p=R(()=>xu(z.value,e.valueField,e.childrenField)),v=D(!1),h=so(ie(e,"show"),v),m=D(null),b=D(null),C=D(null),{localeRef:x}=Yo("Select"),I=R(()=>{var F;return(F=e.placeholder)!==null&&F!==void 0?F:x.value.placeholder}),B=pt(e,["items","options"]),$=[],T=D([]),S=D([]),O=D(new Map),P=R(()=>{const{fallbackOption:F}=e;if(F===void 0){const{labelField:K,valueField:le}=e;return ze=>({[K]:String(ze),[le]:ze})}return F===!1?!1:K=>Object.assign(F(K),{value:K})}),z=R(()=>S.value.concat(T.value).concat(B.value)),L=R(()=>{const{filter:F}=e;if(F)return F;const{labelField:K,valueField:le}=e;return(ze,Pe)=>{if(!Pe)return!1;const Ie=Pe[K];if(typeof Ie=="string")return Xr(ze,Ie);const Te=Pe[le];return typeof Te=="string"?Xr(ze,Te):typeof Te=="number"?Xr(ze,String(Te)):!1}}),M=R(()=>{if(e.remote)return B.value;{const{value:F}=z,{value:K}=u;return!K.length||!e.filterable?F:bu(F,L.value,K,e.childrenField)}});function j(F){const K=e.remote,{value:le}=O,{value:ze}=p,{value:Pe}=P,Ie=[];return F.forEach(Te=>{if(ze.has(Te))Ie.push(ze.get(Te));else if(K&&le.has(Te))Ie.push(le.get(Te));else if(Pe){const _e=Pe(Te);_e&&Ie.push(_e)}}),Ie}const E=R(()=>{if(e.multiple){const{value:F}=d;return Array.isArray(F)?j(F):[]}return null}),U=R(()=>{const{value:F}=d;return!e.multiple&&!Array.isArray(F)?F===null?null:j([F])[0]||null:null}),_=tt(e),{mergedSizeRef:V,mergedDisabledRef:te,mergedStatusRef:N}=_;function G(F,K){const{onChange:le,"onUpdate:value":ze,onUpdateValue:Pe}=e,{nTriggerFormChange:Ie,nTriggerFormInput:Te}=_;le&&ae(le,F,K),Pe&&ae(Pe,F,K),ze&&ae(ze,F,K),a.value=F,Ie(),Te()}function Ce(F){const{onBlur:K}=e,{nTriggerFormBlur:le}=_;K&&ae(K,F),le()}function X(){const{onClear:F}=e;F&&ae(F)}function pe(F){const{onFocus:K,showOnFocus:le}=e,{nTriggerFormFocus:ze}=_;K&&ae(K,F),ze(),le&&Re()}function fe(F){const{onSearch:K}=e;K&&ae(K,F)}function be(F){const{onScroll:K}=e;K&&ae(K,F)}function ge(){var F;const{remote:K,multiple:le}=e;if(K){const{value:ze}=O;if(le){const{valueField:Pe}=e;(F=E.value)===null||F===void 0||F.forEach(Ie=>{ze.set(Ie[Pe],Ie)})}else{const Pe=U.value;Pe&&ze.set(Pe[e.valueField],Pe)}}}function se(F){const{onUpdateSh
|
|
|
|
|
background: var(--n-item-color-hover);
|
|
|
|
|
color: var(--n-item-text-color-hover);
|
|
|
|
|
border: var(--n-item-border-hover);
|
|
|
|
|
`,mi=[k("button",`
|
|
|
|
|
background: var(--n-button-color-hover);
|
|
|
|
|
border: var(--n-button-border-hover);
|
|
|
|
|
color: var(--n-button-icon-color-hover);
|
|
|
|
|
`)],ch=g("pagination",`
|
|
|
|
|
display: flex;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
font-size: var(--n-item-font-size);
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
`,[g("pagination-prefix",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin: var(--n-prefix-margin);
|
|
|
|
|
`),g("pagination-suffix",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin: var(--n-suffix-margin);
|
|
|
|
|
`),y("> *:not(:first-child)",`
|
|
|
|
|
margin: var(--n-item-margin);
|
|
|
|
|
`),g("select",`
|
|
|
|
|
width: var(--n-select-width);
|
|
|
|
|
`),y("&.transition-disabled",[g("pagination-item","transition: none!important;")]),g("pagination-quick-jumper",`
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
display: flex;
|
|
|
|
|
color: var(--n-jumper-text-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: var(--n-jumper-font-size);
|
|
|
|
|
`,[g("input",`
|
|
|
|
|
margin: var(--n-input-margin);
|
|
|
|
|
width: var(--n-input-width);
|
|
|
|
|
`)]),g("pagination-item",`
|
|
|
|
|
position: relative;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
min-width: var(--n-item-size);
|
|
|
|
|
height: var(--n-item-size);
|
|
|
|
|
padding: var(--n-item-padding);
|
|
|
|
|
background-color: var(--n-item-color);
|
|
|
|
|
color: var(--n-item-text-color);
|
|
|
|
|
border-radius: var(--n-item-border-radius);
|
|
|
|
|
border: var(--n-item-border);
|
|
|
|
|
fill: var(--n-button-icon-color);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
fill .3s var(--n-bezier);
|
|
|
|
|
`,[k("button",`
|
|
|
|
|
background: var(--n-button-color);
|
|
|
|
|
color: var(--n-button-icon-color);
|
|
|
|
|
border: var(--n-button-border);
|
|
|
|
|
padding: 0;
|
|
|
|
|
`,[g("base-icon",`
|
|
|
|
|
font-size: var(--n-button-icon-size);
|
|
|
|
|
`)]),je("disabled",[k("hover",gi,mi),y("&:hover",gi,mi),y("&:active",`
|
|
|
|
|
background: var(--n-item-color-pressed);
|
|
|
|
|
color: var(--n-item-text-color-pressed);
|
|
|
|
|
border: var(--n-item-border-pressed);
|
|
|
|
|
`,[k("button",`
|
|
|
|
|
background: var(--n-button-color-pressed);
|
|
|
|
|
border: var(--n-button-border-pressed);
|
|
|
|
|
color: var(--n-button-icon-color-pressed);
|
|
|
|
|
`)]),k("active",`
|
|
|
|
|
background: var(--n-item-color-active);
|
|
|
|
|
color: var(--n-item-text-color-active);
|
|
|
|
|
border: var(--n-item-border-active);
|
|
|
|
|
`,[y("&:hover",`
|
|
|
|
|
background: var(--n-item-color-active-hover);
|
|
|
|
|
`)])]),k("disabled",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
color: var(--n-item-text-color-disabled);
|
|
|
|
|
`,[k("active, button",`
|
|
|
|
|
background-color: var(--n-item-color-disabled);
|
|
|
|
|
border: var(--n-item-border-disabled);
|
|
|
|
|
`)])]),k("disabled",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
`,[g("pagination-quick-jumper",`
|
|
|
|
|
color: var(--n-jumper-text-color-disabled);
|
|
|
|
|
`)]),k("simple",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
`,[g("pagination-quick-jumper",[g("input",`
|
|
|
|
|
margin: 0;
|
|
|
|
|
`)])])]),uh=Object.assign(Object.assign({},re.props),{simple:Boolean,page:Number,defaultPage:{type:Number,default:1},itemCount:Number,pageCount:Number,defaultPageCount:{type:Number,default:1},showSizePicker:Boolean,pageSize:Number,defaultPageSize:Number,pageSizes:{type:Array,default(){return[10]}},showQuickJumper:Boolean,size:{type:String,default:"medium"},disabled:Boolean,pageSlot:{type:Number,default:9},selectProps:Object,prev:Function,next:Function,goto:Function,prefix:Function,suffix:Function,label:Function,displayOrder:{type:Array,default:["pages","size-picker","quick-jumper"]},to:Io.propTo,"onUpdate:page":[Function,Array],onUpdatePage:[Function,Array],"onUpdate:pageSize":[Function,Array],onUpdatePageSize:[Function,Array],onPageSizeChange:[Function,Array],onChange:[Function,Array]}),b1=q({name:"Pagination",props:uh,setup(e){const{mergedComponentPropsRef:o,mergedClsPrefixRef:t,inlineThemeDisabled:r,mergedRtlRef:n}=ke(e),l=re("Pagination","-pagination",ch,ah,e,t),{localeRef:a}=Yo("Pagination"),s=D(null),d=D(e.defaultPage),u=D((()=>{const{defaultPageSize:J}=e;if(J!==void 0)return J;const xe=e.pageSizes[0];return typeof xe=="number"?xe:xe.value||10})()),f=so(ie(e,"page"),d),p=so(ie(e,"pageSize"),u),v=R(()=>{const{itemCount:J}=e;if(J!==void 0)return Math.max(1,Math.ceil(J/p.value));const{pageCount:xe}=e;return xe!==void 0?Math.max(xe,1):1}),h=D("");oo(()=>{e.simple,h.value=String(f.value)});const m=D(!1),b=D(!1),C=D(!1),x=D(!1),I=()=>{e.disabled||(m.value=!0,_())},B=()=>{e.disabled||(m.value=!1,_())},$=()=>{b.value=!0,_()},T=()=>{b.value=!1,_()},S=J=>{V(J)},O=R(()=>dh(f.value,v.value,e.pageSlot));oo(()=>{O.value.hasFastBackward?O.value.hasFastForward||(m.value=!1,C.value=!1):(b.value=!1,x.value=!1)});const P=R(()=>{const J=a.value.selectionSuffix;return e.pageSizes.map(xe=>typeof xe=="number"?{label:`${xe} / ${J}`,value:xe}:xe)}),z=R(()=>{var J,xe;return((xe=(J=o==null?void 0:o.value)===null||J===void 0?void 0:J.Pagination)===null||xe===void 0?void 0:xe.inputSize)||Vn(e.size)}),L=R(()=>{var J,xe;return((xe=(J=o==null?void 0:o.value)===null||J===void 0?void 0:J.Pagination)===null||xe===void 0?void 0:xe.selectSize)||Vn(e.size)}),M=R(()=>(f.value-1)*p.value),j=R(()=>{const J=f.value*p.value-1,{itemCount:xe}=e;return xe!==void 0&&J>xe-1?xe-1:J}),E=R(()=>{const{itemCount:J}=e;return J!==void 0?J:(e.pageCount||1)*p.value}),U=to("Pagination",n,t),_=()=>{io(()=>{var J;const{value:xe}=s;xe&&(xe.classList.add("transition-disabled"),(J=s.value)===null||J===void 0||J.offsetWidth,xe.classList.remove("transition-disabled"))})};function V(J){if(J===f.value)return;const{"onUpdate:page":xe,onUpdatePage:de,onChange:ye,simple:he}=e;xe&&ae(xe,J),de&&ae(de,J),ye&&ae(ye,J),d.value=J,he&&(h.value=String(J))}function te(J){if(J===p.value)return;const{"onUpdate:pageSize":xe,onUpdatePageSize:de,onPageSizeChange:ye}=e;xe&&ae(xe,J),de&&ae(de,J),ye&&ae(ye,J),u.value=J,v.value<f.value&&V(v.value)}function N(){if(e.disabled)return;const J=Math.min(f.value+1,v.value);V(J)}function G(){if(e.disabled)return;const J=Math.max(f.value-1,1);V(J)}function Ce(){if(e.disabled)return;const J=Math.min(O.value.fastForwardTo,v.value);V(J)}function X(){if(e.disabled)return;const J=Math.max(O.value.fastBackwardTo,1);V(J)}function pe(J){te(J)}function fe(){const J=parseInt(h.value);Number.isNaN(J)||(V(Math.max(1,Math.min(J,v.value))),e.simple||(h.value=""))}function be(){fe()}function ge(J){if(!e.disabled)switch(J.type){case"page":V(J.label);break;case"fast-backward":X();break;case"fast-forward":Ce();break}}function se(J){h.value=J.replace(/\D+/g,"")}oo(()=>{f.value,p.value,_()});const Re=R(()=>{const{size:J}=e,{self:{buttonBorder:xe,buttonBorderHover:de,buttonBorderPressed:ye,buttonIconColor:he,buttonIconColorHover:Me,buttonIconColorPressed:Z,itemTextColor:A,itemTextColorHover:ee,itemTextColorPressed:ne,itemTextColorActive:me,itemTextColorDisabled:Y,itemColor:ce,itemColorHover:He,itemColorPressed:Ve,itemColorActive:Ze,itemColorActiveHover:po,itemColorDisabled:fo,itemBorder:Bo,itemBorderHover:To,itemBorderPressed:xo,itemBorderActive:Co,itemBorderDisabled:Ao,itemBord
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
`),k("line-clamp",`
|
|
|
|
|
display: -webkit-inline-box;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
`),k("cursor-pointer",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`)]);function bi(e){return`${e}-ellipsis--line-clamp`}function xi(e,o){return`${e}-ellipsis--cursor-${o}`}const Bh=Object.assign(Object.assign({},re.props),{expandTrigger:String,lineClamp:[Number,String],tooltip:{type:[Boolean,Object],default:!0}}),x1=q({name:"Ellipsis",inheritAttrs:!1,props:Bh,setup(e,{slots:o,attrs:t}){const{mergedClsPrefixRef:r}=ke(e),n=re("Ellipsis","-ellipsis",Ih,mh,e,r),l=D(null),a=D(null),s=D(null),d=D(!1),c=R(()=>{const{lineClamp:b}=e,{value:C}=d;return b!==void 0?{textOverflow:"","-webkit-line-clamp":C?"":b}:{textOverflow:C?"":"ellipsis","-webkit-line-clamp":""}});function u(){let b=!1;const{value:C}=d;if(C)return!0;const{value:x}=l;if(x){const{lineClamp:I}=e;if(v(x),I!==void 0)b=x.scrollHeight<=x.offsetHeight;else{const{value:B}=a;B&&(b=B.getBoundingClientRect().width<=x.getBoundingClientRect().width)}h(x,b)}return b}const f=R(()=>e.expandTrigger==="click"?()=>{var b;const{value:C}=d;C&&((b=s.value)===null||b===void 0||b.setShow(!1)),d.value=!C}:void 0);Ei(()=>{var b;e.tooltip&&((b=s.value)===null||b===void 0||b.setShow(!1))});const p=()=>i("span",Object.assign({},ko(t,{class:[`${r.value}-ellipsis`,e.lineClamp!==void 0?bi(r.value):void 0,e.expandTrigger==="click"?xi(r.value,"pointer"):void 0],style:c.value}),{ref:"triggerRef",onClick:f.value,onMouseenter:e.expandTrigger==="click"?u:void 0}),e.lineClamp?o:i("span",{ref:"triggerInnerRef"},o));function v(b){if(!b)return;const C=c.value,x=bi(r.value);e.lineClamp!==void 0?m(b,x,"add"):m(b,x,"remove");for(const I in C)b.style[I]!==C[I]&&(b.style[I]=C[I])}function h(b,C){const x=xi(r.value,"pointer");e.expandTrigger==="click"&&!C?m(b,x,"add"):m(b,x,"remove")}function m(b,C,x){x==="add"?b.classList.contains(C)||b.classList.add(C):b.classList.contains(C)&&b.classList.remove(C)}return{mergedTheme:n,triggerRef:l,triggerInnerRef:a,tooltipRef:s,handleClick:f,renderTrigger:p,getTooltipDisabled:u}},render(){var e;const{tooltip:o,renderTrigger:t,$slots:r}=this;if(o){const{mergedTheme:n}=this;return i(Rn,Object.assign({ref:"tooltipRef",placement:"top"},o,{getDisabled:this.getTooltipDisabled,theme:n.peers.Tooltip,themeOverrides:n.peerOverrides.Tooltip}),{trigger:t,default:(e=r.tooltip)!==null&&e!==void 0?e:r.default})}else return t()}}),Th={name:String,value:{type:[String,Number,Boolean],default:"on"},checked:{type:Boolean,default:void 0},defaultChecked:Boolean,disabled:{type:Boolean,default:void 0},label:String,size:String,onUpdateChecked:[Function,Array],"onUpdate:checked":[Function,Array],checkedValue:{type:Boolean,default:void 0}},la="n-radio-group";function Fh(e){const o=tt(e,{mergedSize(x){const{size:I}=e;if(I!==void 0)return I;if(a){const{mergedSizeRef:{value:B}}=a;if(B!==void 0)return B}return x?x.mergedSize.value:"medium"},mergedDisabled(x){return!!(e.disabled||a!=null&&a.disabledRef.value||x!=null&&x.disabled.value)}}),{mergedSizeRef:t,mergedDisabledRef:r}=o,n=D(null),l=D(null),a=Se(la,null),s=D(e.defaultChecked),d=ie(e,"checked"),c=so(d,s),u=We(()=>a?a.valueRef.value===e.value:c.value),f=We(()=>{const{name:x}=e;if(x!==void 0)return x;if(a)return a.nameRef.value}),p=D(!1);function v(){if(a){const{doUpdateValue:x}=a,{value:I}=e;ae(x,I)}else{const{onUpdateChecked:x,"onUpdate:checked":I}=e,{nTriggerFormInput:B,nTriggerFormChange:$}=o;x&&ae(x,!0),I&&ae(I,!0),B(),$(),s.value=!0}}function h(){r.value||u.value||v()}function m(){h()}function b(){p.value=!1}function C(){p.value=!0}return{mergedClsPrefix:a?a.mergedClsPrefixRef:ke(e).mergedClsPrefixRef,inputRef:n,labelRef:l,mergedName:f,mergedDisabled:r,uncontrolledChecked:s,renderSafeChecked:u,focus:p,mergedSize:t,handleRadioInputChange:m,handleRadioInputBlur:b,handleRadioInputFocus:C}}const Oh=g("radio",`
|
|
|
|
|
line-height: var(--n-label-line-height);
|
|
|
|
|
outline: none;
|
|
|
|
|
position: relative;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
`,[k("checked",[w("dot",`
|
|
|
|
|
background-color: var(--n-color-active);
|
|
|
|
|
`)]),w("dot-wrapper",`
|
|
|
|
|
position: relative;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
flex-grow: 0;
|
|
|
|
|
width: var(--n-radio-size);
|
|
|
|
|
`),g("radio-input",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`),w("dot",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 0;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
height: var(--n-radio-size);
|
|
|
|
|
width: var(--n-radio-size);
|
|
|
|
|
background: var(--n-color);
|
|
|
|
|
box-shadow: var(--n-box-shadow);
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier);
|
|
|
|
|
`,[y("&::before",`
|
|
|
|
|
content: "";
|
|
|
|
|
opacity: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 4px;
|
|
|
|
|
top: 4px;
|
|
|
|
|
height: calc(100% - 8px);
|
|
|
|
|
width: calc(100% - 8px);
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
transform: scale(.8);
|
|
|
|
|
background: var(--n-dot-color-active);
|
|
|
|
|
transition:
|
|
|
|
|
opacity .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
transform .3s var(--n-bezier);
|
|
|
|
|
`),k("checked",{boxShadow:"var(--n-box-shadow-active)"},[y("&::before",`
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
`)])]),w("label",`
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
padding: var(--n-label-padding);
|
|
|
|
|
font-weight: var(--n-label-font-weight);
|
|
|
|
|
display: inline-block;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`),je("disabled",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`,[y("&:hover",[w("dot",{boxShadow:"var(--n-box-shadow-hover)"})]),k("focus",[y("&:not(:active)",[w("dot",{boxShadow:"var(--n-box-shadow-focus)"})])])]),k("disabled",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
`,[w("dot",{boxShadow:"var(--n-box-shadow-disabled)",backgroundColor:"var(--n-color-disabled)"},[y("&::before",{backgroundColor:"var(--n-dot-color-disabled)"}),k("checked",`
|
|
|
|
|
opacity: 1;
|
|
|
|
|
`)]),w("label",{color:"var(--n-text-color-disabled)"}),g("radio-input",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
`)])]),C1=q({name:"Radio",props:Object.assign(Object.assign({},re.props),Th),setup(e){const o=Fh(e),t=re("Radio","-radio",Oh,ra,e,o.mergedClsPrefix),r=R(()=>{const{mergedSize:{value:c}}=o,{common:{cubicBezierEaseInOut:u},self:{boxShadow:f,boxShadowActive:p,boxShadowDisabled:v,boxShadowFocus:h,boxShadowHover:m,color:b,colorDisabled:C,colorActive:x,textColor:I,textColorDisabled:B,dotColorActive:$,dotColorDisabled:T,labelPadding:S,labelLineHeight:O,labelFontWeight:P,[W("fontSize",c)]:z,[W("radioSize",c)]:L}}=t.value;return{"--n-bezier":u,"--n-label-line-height":O,"--n-label-font-weight":P,"--n-box-shadow":f,"--n-box-shadow-active":p,"--n-box-shadow-disabled":v,"--n-box-shadow-focus":h,"--n-box-shadow-hover":m,"--n-color":b,"--n-color-active":x,"--n-color-disabled":C,"--n-dot-color-active":$,"--n-dot-color-disabled":T,"--n-font-size":z,"--n-radio-size":L,"--n-text-color":I,"--n-text-color-disabled":B,"--n-label-padding":S}}),{inlineThemeDisabled:n,mergedClsPrefixRef:l,mergedRtlRef:a}=ke(e),s=to("Radio",a,l),d=n?Ae("radio",R(()=>o.mergedSize.value[0]),r,e):void 0;return Object.assign(o,{rtlEnabled:s,cssVars:n?void 0:r,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender})},render(){const{$slots:e,mergedClsPrefix:o,onRender:t,label:r}=this;return t==null||t(),i("label",{class:[`${o}-radio`,this.themeClass,{[`${o}-radio--rtl`]:this.rtlEnabled,[`${o}-radio--disabled`]:this.mergedDisabled,[`${o}-radio--checked`]:this.renderSafeChecked,[`${o}-radio--focus`]:this.focus}],style:this.cssVars},i("input",{ref:"inputRef",type:"radio",class:`${o}-radio-input`,value:this.value,name:this.mergedName,checked:this.renderSafeChecked,disabled:this.mergedDisabled,onChange:this.handleRadioInputChange,onFocus:this.handleRadioInputFocus,onBlur:this.handleRadioInputBlur}),i("div",{class:`${o}-radio__dot-wrapper`}," ",i("div",{class:[`${o}-radio__dot`,this.renderSafeChecked&&`${o}-radio__dot--checked`]})),Ee(e.default,n=>!n&&!r?null:i("div",{ref:"labelRef",class:`${o}-radio__label`},n||r)))}}),Mh=g("radio-group",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
`,[w("splitor",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
width: 1px;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
opacity .3s var(--n-bezier);
|
|
|
|
|
background: var(--n-button-border-color);
|
|
|
|
|
`,[k("checked",{backgroundColor:"var(--n-button-border-color-active)"}),k("disabled",{opacity:"var(--n-opacity-disabled)"})]),k("button-group",`
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
height: var(--n-height);
|
|
|
|
|
line-height: var(--n-height);
|
|
|
|
|
`,[g("radio-button",{height:"var(--n-height)",lineHeight:"var(--n-height)"}),w("splitor",{height:"var(--n-height)"})]),g("radio-button",`
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
outline: none;
|
|
|
|
|
position: relative;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding-left: 14px;
|
|
|
|
|
padding-right: 14px;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
opacity .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-button-text-color);
|
|
|
|
|
border-top: 1px solid var(--n-button-border-color);
|
|
|
|
|
border-bottom: 1px solid var(--n-button-border-color);
|
|
|
|
|
`,[g("radio-input",`
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
`),w("state-border",`
|
|
|
|
|
z-index: 1;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
box-shadow: var(--n-button-box-shadow);
|
|
|
|
|
transition: box-shadow .3s var(--n-bezier);
|
|
|
|
|
left: -1px;
|
|
|
|
|
bottom: -1px;
|
|
|
|
|
right: -1px;
|
|
|
|
|
top: -1px;
|
|
|
|
|
`),y("&:first-child",`
|
|
|
|
|
border-top-left-radius: var(--n-button-border-radius);
|
|
|
|
|
border-bottom-left-radius: var(--n-button-border-radius);
|
|
|
|
|
border-left: 1px solid var(--n-button-border-color);
|
|
|
|
|
`,[w("state-border",`
|
|
|
|
|
border-top-left-radius: var(--n-button-border-radius);
|
|
|
|
|
border-bottom-left-radius: var(--n-button-border-radius);
|
|
|
|
|
`)]),y("&:last-child",`
|
|
|
|
|
border-top-right-radius: var(--n-button-border-radius);
|
|
|
|
|
border-bottom-right-radius: var(--n-button-border-radius);
|
|
|
|
|
border-right: 1px solid var(--n-button-border-color);
|
|
|
|
|
`,[w("state-border",`
|
|
|
|
|
border-top-right-radius: var(--n-button-border-radius);
|
|
|
|
|
border-bottom-right-radius: var(--n-button-border-radius);
|
|
|
|
|
`)]),je("disabled",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`,[y("&:hover",[w("state-border",`
|
|
|
|
|
transition: box-shadow .3s var(--n-bezier);
|
|
|
|
|
box-shadow: var(--n-button-box-shadow-hover);
|
|
|
|
|
`),je("checked",{color:"var(--n-button-text-color-hover)"})]),k("focus",[y("&:not(:active)",[w("state-border",{boxShadow:"var(--n-button-box-shadow-focus)"})])])]),k("checked",`
|
|
|
|
|
background: var(--n-button-color-active);
|
|
|
|
|
color: var(--n-button-text-color-active);
|
|
|
|
|
border-color: var(--n-button-border-color-active);
|
|
|
|
|
`),k("disabled",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
opacity: var(--n-opacity-disabled);
|
|
|
|
|
`)])]);function _h(e,o,t){var r;const n=[];let l=!1;for(let a=0;a<e.length;++a){const s=e[a],d=(r=s.type)===null||r===void 0?void 0:r.name;d==="RadioButton"&&(l=!0);const c=s.props;if(d!=="RadioButton"){n.push(s);continue}if(a===0)n.push(s);else{const u=n[n.length-1].props,f=o===u.value,p=u.disabled,v=o===c.value,h=c.disabled,m=(f?2:0)+(p?0:1),b=(v?2:0)+(h?0:1),C={[`${t}-radio-group__splitor--disabled`]:p,[`${t}-radio-group__splitor--checked`]:f},x={[`${t}-radio-group__splitor--disabled`]:h,[`${t}-radio-group__splitor--checked`]:v},I=m<b?x:C;n.push(i("div",{class:[`${t}-radio-group__splitor`,I]}),s)}}return{children:n,isButtonGroup:l}}const Dh=Object.assign(Object.assign({},re.props),{name:String,value:[String,Number,Boolean],defaultValue:{type:[String,Number,Boolean],default:null},size:String,disabled:{type:Boolean,default:void 0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array]}),y1=q({name:"RadioGroup",props:Dh,setup(e){const o=D(null),{mergedSizeRef:t,mergedDisabledRef:r,nTriggerFormChange:n,nTriggerFormInput:l,nTriggerFormBlur:a,nTriggerFormFocus:s}=tt(e),{mergedClsPrefixRef:d,inlineThemeDisabled:c,mergedRtlRef:u}=ke(e),f=re("Radio","-radio-group",Mh,ra,e,d),p=D(e.defaultValue),v=ie(e,"value"),h=so(v,p);function m($){const{onUpdateValue:T,"onUpdate:value":S}=e;T&&ae(T,$),S&&ae(S,$),p.value=$,n(),l()}function b($){const{value:T}=o;T&&(T.contains($.relatedTarget)||s())}function C($){const{value:T}=o;T&&(T.contains($.relatedTarget)||a())}Oe(la,{mergedClsPrefixRef:d,nameRef:ie(e,"name"),valueRef:h,disabledRef:r,mergedSizeRef:t,doUpdateValue:m});const x=to("Radio",u,d),I=R(()=>{const{value:$}=t,{common:{cubicBezierEaseInOut:T},self:{buttonBorderColor:S,buttonBorderColorActive:O,buttonBorderRadius:P,buttonBoxShadow:z,buttonBoxShadowFocus:L,buttonBoxShadowHover:M,buttonColorActive:j,buttonTextColor:E,buttonTextColorActive:U,buttonTextColorHover:_,opacityDisabled:V,[W("buttonHeight",$)]:te,[W("fontSize",$)]:N}}=f.value;return{"--n-font-size":N,"--n-bezier":T,"--n-button-border-color":S,"--n-button-border-color-active":O,"--n-button-border-radius":P,"--n-button-box-shadow":z,"--n-button-box-shadow-focus":L,"--n-button-box-shadow-hover":M,"--n-button-color-active":j,"--n-button-text-color":E,"--n-button-text-color-hover":_,"--n-button-text-color-active":U,"--n-height":te,"--n-opacity-disabled":V}}),B=c?Ae("radio-group",R(()=>t.value[0]),I,e):void 0;return{selfElRef:o,rtlEnabled:x,mergedClsPrefix:d,mergedValue:h,handleFocusout:C,handleFocusin:b,cssVars:c?void 0:I,themeClass:B==null?void 0:B.themeClass,onRender:B==null?void 0:B.onRender}},render(){var e;const{mergedValue:o,mergedClsPrefix:t,handleFocusin:r,handleFocusout:n}=this,{children:l,isButtonGroup:a}=_h(ot(pn(this)),o,t);return(e=this.onRender)===null||e===void 0||e.call(this),i("div",{onFocusin:r,onFocusout:n,ref:"selfElRef",class:[`${t}-radio-group`,this.rtlEnabled&&`${t}-radio-group--rtl`,this.themeClass,a&&`${t}-radio-group--button-group`],style:this.cssVars},l)}}),aa=q({name:"DropdownDivider",props:{clsPrefix:{type:String,required:!0}},render(){return i("div",{class:`${this.clsPrefix}-dropdown-divider`})}}),sa=e=>{const{textColorBase:o,opacity1:t,opacity2:r,opacity3:n,opacity4:l,opacity5:a}=e;return{color:o,opacity1Depth:t,opacity2Depth:r,opacity3Depth:n,opacity4Depth:l,opacity5Depth:a}},Lh={name:"Icon",common:Le,self:sa},Hh=Lh,Ah={name:"Icon",common:ue,self:sa},Eh=Ah,jh=g("icon",`
|
|
|
|
|
height: 1em;
|
|
|
|
|
width: 1em;
|
|
|
|
|
line-height: 1em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: relative;
|
|
|
|
|
fill: currentColor;
|
|
|
|
|
transform: translateZ(0);
|
|
|
|
|
`,[k("color-transition",{transition:"color .3s var(--n-bezier)"}),k("depth",{color:"var(--n-color)"},[y("svg",{opacity:"var(--n-opacity)",transition:"opacity .3s var(--n-bezier)"})]),y("svg",{height:"1em",width:"1em"})]),Wh=Object.assign(Object.assign({},re.props),{depth:[String,Number],size:[Number,String],color:String,component:Object}),Nh=q({_n_icon__:!0,name:"Icon",inheritAttrs:!1,props:Wh,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Icon","-icon",jh,Hh,e,o),n=R(()=>{const{depth:a}=e,{common:{cubicBezierEaseInOut:s},self:d}=r.value;if(a!==void 0){const{color:c,[`opacity${a}Depth`]:u}=d;return{"--n-bezier":s,"--n-color":c,"--n-opacity":u}}return{"--n-bezier":s,"--n-color":"","--n-opacity":""}}),l=t?Ae("icon",R(()=>`${e.depth||"d"}`),n,e):void 0;return{mergedClsPrefix:o,mergedStyle:R(()=>{const{size:a,color:s}=e;return{fontSize:eo(a),color:s}}),cssVars:t?void 0:n,themeClass:l==null?void 0:l.themeClass,onRender:l==null?void 0:l.onRender}},render(){var e;const{$parent:o,depth:t,mergedClsPrefix:r,component:n,onRender:l,themeClass:a}=this;return!((e=o==null?void 0:o.$options)===null||e===void 0)&&e._n_icon__&&Go("icon","don't wrap `n-icon` inside `n-icon`"),l==null||l(),i("i",ko(this.$attrs,{role:"img",class:[`${r}-icon`,a,{[`${r}-icon--depth`]:t,[`${r}-icon--color-transition`]:t!==void 0}],style:[this.cssVars,this.mergedStyle]}),n?i(n):this.$slots)}}),Pn="n-dropdown-menu",Ar="n-dropdown",Ci="n-dropdown-option";function dn(e,o){return e.type==="submenu"||e.type===void 0&&e[o]!==void 0}function Vh(e){return e.type==="group"}function da(e){return e.type==="divider"}function Uh(e){return e.type==="render"}const ca=q({name:"DropdownOption",props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0},parentKey:{type:[String,Number],default:null},placement:{type:String,default:"right-start"},props:Object,scrollable:Boolean},setup(e){const o=Se(Ar),{hoverKeyRef:t,keyboardKeyRef:r,lastToggledSubmenuKeyRef:n,pendingKeyPathRef:l,activeKeyPathRef:a,animatedRef:s,mergedShowRef:d,renderLabelRef:c,renderIconRef:u,labelFieldRef:f,childrenFieldRef:p,renderOptionRef:v,nodePropsRef:h,menuPropsRef:m}=o,b=Se(Ci,null),C=Se(Pn),x=Se(Dt),I=R(()=>e.tmNode.rawNode),B=R(()=>{const{value:V}=p;return dn(e.tmNode.rawNode,V)}),$=R(()=>{const{disabled:V}=e.tmNode;return V}),T=R(()=>{if(!B.value)return!1;const{key:V,disabled:te}=e.tmNode;if(te)return!1;const{value:N}=t,{value:G}=r,{value:Ce}=n,{value:X}=l;return N!==null?X.includes(V):G!==null?X.includes(V)&&X[X.length-1]!==V:Ce!==null?X.includes(V):!1}),S=R(()=>r.value===null&&!s.value),O=Id(T,300,S),P=R(()=>!!(b!=null&&b.enteringSubmenuRef.value)),z=D(!1);Oe(Ci,{enteringSubmenuRef:z});function L(){z.value=!0}function M(){z.value=!1}function j(){const{parentKey:V,tmNode:te}=e;te.disabled||d.value&&(n.value=V,r.value=null,t.value=te.key)}function E(){const{tmNode:V}=e;V.disabled||d.value&&t.value!==V.key&&j()}function U(V){if(e.tmNode.disabled||!d.value)return;const{relatedTarget:te}=V;te&&!ft({target:te},"dropdownOption")&&!ft({target:te},"scrollbarRail")&&(t.value=null)}function _(){const{value:V}=B,{tmNode:te}=e;d.value&&!V&&!te.disabled&&(o.doSelect(te.key,te.rawNode),o.doUpdateShow(!1))}return{labelField:f,renderLabel:c,renderIcon:u,siblingHasIcon:C.showIconRef,siblingHasSubmenu:C.hasSubmenuRef,menuProps:m,popoverBody:x,animated:s,mergedShowSubmenu:R(()=>O.value&&!P.value),rawNode:I,hasSubmenu:B,pending:We(()=>{const{value:V}=l,{key:te}=e.tmNode;return V.includes(te)}),childActive:We(()=>{const{value:V}=a,{key:te}=e.tmNode,N=V.findIndex(G=>te===G);return N===-1?!1:N<V.length-1}),active:We(()=>{const{value:V}=a,{key:te}=e.tmNode,N=V.findIndex(G=>te===G);return N===-1?!1:N===V.length-1}),mergedDisabled:$,renderOption:v,nodeProps:h,handleClick:_,handleMouseMove:E,handleMouseEnter:j,handleMouseLeave:U,handleSubmenuBeforeEnter:L,handleSubmenuAfterEnter:M}},render(){var e,o;const{animated:t,rawNode:r,mergedShowSubmenu:n,clsPrefix:l,siblingHasIcon:a,siblingHasSubmenu:s,renderLabel:d,renderIcon:c,renderOption:u,nodeProps:f,props:p,scrollable:v}=this;let h=null;if(n)
|
|
|
|
|
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);
|
|
|
|
|
`,[lt(),g("dropdown-option",`
|
|
|
|
|
position: relative;
|
|
|
|
|
`,[y("a",`
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: inherit;
|
|
|
|
|
outline: none;
|
|
|
|
|
`,[y("&::before",`
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
`)]),g("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);
|
|
|
|
|
`,[y("&::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);
|
|
|
|
|
`),je("disabled",[k("pending",`
|
|
|
|
|
color: var(--n-option-text-color-hover);
|
|
|
|
|
`,[w("prefix, suffix",`
|
|
|
|
|
color: var(--n-option-text-color-hover);
|
|
|
|
|
`),y("&::before","background-color: var(--n-option-color-hover);")]),k("active",`
|
|
|
|
|
color: var(--n-option-text-color-active);
|
|
|
|
|
`,[w("prefix, suffix",`
|
|
|
|
|
color: var(--n-option-text-color-active);
|
|
|
|
|
`),y("&::before","background-color: var(--n-option-color-active);")]),k("child-active",`
|
|
|
|
|
color: var(--n-option-text-color-child-active);
|
|
|
|
|
`,[w("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);
|
|
|
|
|
`,[w("prefix",`
|
|
|
|
|
width: calc(var(--n-option-prefix-width) / 2);
|
|
|
|
|
`,[k("show-icon",`
|
|
|
|
|
width: calc(var(--n-option-icon-prefix-width) / 2);
|
|
|
|
|
`)])]),w("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);
|
|
|
|
|
`),g("icon",`
|
|
|
|
|
font-size: var(--n-option-icon-size);
|
|
|
|
|
`)]),w("label",`
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
flex: 1;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
`),w("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);
|
|
|
|
|
`),g("icon",`
|
|
|
|
|
font-size: var(--n-option-icon-size);
|
|
|
|
|
`)]),g("dropdown-menu","pointer-events: all;")]),g("dropdown-offset-container",`
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: -4px;
|
|
|
|
|
bottom: -4px;
|
|
|
|
|
`)]),g("dropdown-divider",`
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
background-color: var(--n-divider-color);
|
|
|
|
|
height: 1px;
|
|
|
|
|
margin: 4px 0;
|
|
|
|
|
`),g("dropdown-menu-wrapper",`
|
|
|
|
|
transform-origin: var(--v-transform-origin);
|
|
|
|
|
width: fit-content;
|
|
|
|
|
`),y(">",[g("scrollbar",`
|
|
|
|
|
height: inherit;
|
|
|
|
|
max-height: inherit;
|
|
|
|
|
`)]),je("scrollable",`
|
|
|
|
|
padding: var(--n-padding);
|
|
|
|
|
`),k("scrollable",[w("content",`
|
|
|
|
|
padding: var(--n-padding);
|
|
|
|
|
`)])]),Xh={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]},Zh=Object.keys(gt),Qh=Object.assign(Object.assign(Object.assign({},gt),Xh),re.props),Jh=q({name:"Dropdown",inheritAttrs:!1,props:Qh,setup(e){const o=D(!1),t=so(ie(e,"show"),o),r=R(()=>{const{keyField:M,childrenField:j}=e;return sr(e.options,{getKey(E){return E[M]},getDisabled(E){return E.disabled===!0},getIgnored(E){return E.type==="divider"||E.type==="render"},getChildren(E){return E[j]}})}),n=R(()=>r.value.treeNodes),l=D(null),a=D(null),s=D(null),d=R(()=>{var M,j,E;return(E=(j=(M=l.value)!==null&&M!==void 0?M:a.value)!==null&&j!==void 0?j:s.value)!==null&&E!==void 0?E:null}),c=R(()=>r.value.getPath(d.value).keyPath),u=R(()=>r.value.getPath(e.value).keyPath),f=We(()=>e.keyboard&&t.value);ld({keydown:{ArrowUp:{prevent:!0,handler:$},ArrowRight:{prevent:!0,handler:B},ArrowDown:{prevent:!0,handler:T},ArrowLeft:{prevent:!0,handler:I},Enter:{prevent:!0,handler:S},Escape:x}},f);const{mergedClsPrefixRef:p,inlineThemeDisabled:v}=ke(e),h=re("Dropdown","-dropdown",Yh,ia,e,p);Oe(Ar,{labelFieldRef:ie(e,"labelField"),childrenFieldRef:ie(e,"childrenField"),renderLabelRef:ie(e,"renderLabel"),renderIconRef:ie(e,"renderIcon"),hoverKeyRef:l,keyboardKeyRef:a,lastToggledSubmenuKeyRef:s,pendingKeyPathRef:c,activeKeyPathRef:u,animatedRef:ie(e,"animated"),mergedShowRef:t,nodePropsRef:ie(e,"nodeProps"),renderOptionRef:ie(e,"renderOption"),menuPropsRef:ie(e,"menuProps"),doSelect:m,doUpdateShow:b}),Ke(t,M=>{!e.animated&&!M&&C()});function m(M,j){const{onSelect:E}=e;E&&ae(E,M,j)}function b(M){const{"onUpdate:show":j,onUpdateShow:E}=e;j&&ae(j,M),E&&ae(E,M),o.value=M}function C(){l.value=null,a.value=null,s.value=null}function x(){b(!1)}function I(){P("left")}function B(){P("right")}function $(){P("up")}function T(){P("down")}function S(){const M=O();M!=null&&M.isLeaf&&t.value&&(m(M.key,M.rawNode),b(!1))}function O(){var M;const{value:j}=r,{value:E}=d;return!j||E===null?null:(M=j.getNode(E))!==null&&M!==void 0?M:null}function P(M){const{value:j}=d,{value:{getFirstAvailableNode:E}}=r;let U=null;if(j===null){const _=E();_!==null&&(U=_.key)}else{const _=O();if(_){let V;switch(M){case"down":V=_.getNext();break;case"up":V=_.getPrev();break;case"right":V=_.getChild();break;case"left":V=_.getParent();break}V&&(U=V.key)}}U!==null&&(l.value=null,a.value=U)}const z=R(()=>{const{size:M,inverted:j}=e,{common:{cubicBezierEaseInOut:E},self:U}=h.value,{padding:_,dividerColor:V,borderRadius:te,optionOpacityDisabled:N,[W("optionIconSuffixWidth",M)]:G,[W("optionSuffixWidth",M)]:Ce,[W("optionIconPrefixWidth",M)]:X,[W("optionPrefixWidth",M)]:pe,[W("fontSize",M)]:fe,[W("optionHeight",M)]:be,[W("optionIconSize",M)]:ge}=U,se={"--n-bezier":E,"--n-font-size":fe,"--n-padding":_,"--n-border-radius":te,"--n-option-height":be,"--n-option-prefix-width":pe,"--n-option-icon-prefix-width":X,"--n-option-suffix-width":Ce,"--n-option-icon-suffix-width":G,"--n-option-icon-size":ge,"--n-divider-color":V,"--n-option-opacity-disabled":N};return j?(se["--n-color"]=U.colorInverted,se["--n-option-color-hover"]=U.optionColorHoverInverted,se["--n-option-color-active"]=U.optionColorActiveInverted,se["--n-option-text-color"]=U.optionTextColorInverted,se["--n-option-text-color-hover"]=U.optionTextColorHoverInverted,se["--n-option-text-color-active"]=U.optionTextColorActiveInverted,se["--n-option-text-color-child-active"]=U.optionTextColorChildActiveInverted,se["--n-prefix-color"]=U.prefixColorInverted,se["--n-suffix-color"]=U.suffixColorInverted,se["--n-group-header-text-color"]=U.groupHeaderTextColorInverted):(se["--n-color"]=U.color,se["--n-option-color-hover"]=U.optionColorHover,se["--n-option-col
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
line-height: var(--n-line-height);
|
|
|
|
|
position: relative;
|
|
|
|
|
background: var(--n-color);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin: auto;
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
padding: var(--n-padding);
|
|
|
|
|
transition:
|
|
|
|
|
border-color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
`,[w("icon",{color:"var(--n-icon-color)"}),k("bordered",{border:"var(--n-border)"}),k("icon-top",[w("close",{margin:"var(--n-close-margin)"}),w("icon",{margin:"var(--n-icon-margin)"}),w("content",{textAlign:"center"}),w("title",{justifyContent:"center"}),w("action",{justifyContent:"center"})]),k("icon-left",[w("icon",{margin:"var(--n-icon-margin)"}),k("closable",[w("title",`
|
|
|
|
|
padding-right: calc(var(--n-close-size) + 6px);
|
|
|
|
|
`)])]),w("close",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
margin: var(--n-close-margin);
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
z-index: 1;
|
|
|
|
|
`),w("content",`
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
margin: var(--n-content-margin);
|
|
|
|
|
position: relative;
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
`,[k("last","margin-bottom: 0;")]),w("action",`
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
`,[y("> *:not(:last-child)",{marginRight:"var(--n-action-space)"})]),w("icon",{fontSize:"var(--n-icon-size)",transition:"color .3s var(--n-bezier)"}),w("title",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: var(--n-title-font-size);
|
|
|
|
|
font-weight: var(--n-title-font-weight);
|
|
|
|
|
color: var(--n-title-text-color);
|
|
|
|
|
`),g("dialog-icon-container",{display:"flex",justifyContent:"center"})]),Mr(g("dialog",`
|
|
|
|
|
width: 446px;
|
|
|
|
|
max-width: calc(100vw - 32px);
|
|
|
|
|
`)),g("dialog",[Zi(`
|
|
|
|
|
width: 446px;
|
|
|
|
|
max-width: calc(100vw - 32px);
|
|
|
|
|
`)])]),vp={default:()=>i(vt,null),info:()=>i(vt,null),success:()=>i(Ht,null),warning:()=>i(xt,null),error:()=>i(Lt,null)},ma=q({name:"Dialog",alias:["NimbusConfirmCard","Confirm"],props:Object.assign(Object.assign({},re.props),Er),setup(e){const{mergedComponentPropsRef:o,mergedClsPrefixRef:t,inlineThemeDisabled:r}=ke(e),n=R(()=>{var f,p;const{iconPlacement:v}=e;return v||((p=(f=o==null?void 0:o.value)===null||f===void 0?void 0:f.Dialog)===null||p===void 0?void 0:p.iconPlacement)||"left"});function l(f){const{onPositiveClick:p}=e;p&&p(f)}function a(f){const{onNegativeClick:p}=e;p&&p(f)}function s(){const{onClose:f}=e;f&&f()}const d=re("Dialog","-dialog",pp,pa,e,t),c=R(()=>{const{type:f}=e,p=n.value,{common:{cubicBezierEaseInOut:v},self:{fontSize:h,lineHeight:m,border:b,titleTextColor:C,textColor:x,color:I,closeBorderRadius:B,closeColorHover:$,closeColorPressed:T,closeIconColor:S,closeIconColorHover:O,closeIconColorPressed:P,closeIconSize:z,borderRadius:L,titleFontWeight:M,titleFontSize:j,padding:E,iconSize:U,actionSpace:_,contentMargin:V,closeSize:te,[p==="top"?"iconMarginIconTop":"iconMargin"]:N,[p==="top"?"closeMarginIconTop":"closeMargin"]:G,[W("iconColor",f)]:Ce}}=d.value;return{"--n-font-size":h,"--n-icon-color":Ce,"--n-bezier":v,"--n-close-margin":G,"--n-icon-margin":N,"--n-icon-size":U,"--n-close-size":te,"--n-close-icon-size":z,"--n-close-border-radius":B,"--n-close-color-hover":$,"--n-close-color-pressed":T,"--n-close-icon-color":S,"--n-close-icon-color-hover":O,"--n-close-icon-color-pressed":P,"--n-color":I,"--n-text-color":x,"--n-border-radius":L,"--n-padding":E,"--n-line-height":m,"--n-border":b,"--n-content-margin":V,"--n-title-font-size":j,"--n-title-font-weight":M,"--n-title-text-color":C,"--n-action-space":_}}),u=r?Ae("dialog",R(()=>`${e.type[0]}${n.value[0]}`),c,e):void 0;return{mergedClsPrefix:t,mergedIconPlacement:n,mergedTheme:d,handlePositiveClick:l,handleNegativeClick:a,handleCloseClick:s,cssVars:r?void 0:c,themeClass:u==null?void 0:u.themeClass,onRender:u==null?void 0:u.onRender}},render(){var e;const{bordered:o,mergedIconPlacement:t,cssVars:r,closable:n,showIcon:l,title:a,content:s,action:d,negativeText:c,positiveText:u,positiveButtonProps:f,negativeButtonProps:p,handlePositiveClick:v,handleNegativeClick:h,mergedTheme:m,loading:b,type:C,mergedClsPrefix:x}=this;(e=this.onRender)===null||e===void 0||e.call(this);const I=l?i(De,{clsPrefix:x,class:`${x}-dialog__icon`},{default:()=>Ee(this.$slots.icon,$=>$||(this.icon?qe(this.icon):vp[this.type]()))}):null,B=Ee(this.$slots.action,$=>$||u||c||d?i("div",{class:`${x}-dialog__action`},$||(d?[qe(d)]:[this.negativeText&&i(Po,Object.assign({theme:m.peers.Button,themeOverrides:m.peerOverrides.Button,ghost:!0,size:"small",onClick:h},p),{default:()=>qe(this.negativeText)}),this.positiveText&&i(Po,Object.assign({theme:m.peers.Button,themeOverrides:m.peerOverrides.Button,size:"small",type:C==="default"?"primary":C,disabled:b,loading:b,onClick:v},f),{default:()=>qe(this.positiveText)})])):null);return i("div",{class:[`${x}-dialog`,this.themeClass,this.closable&&`${x}-dialog--closable`,`${x}-dialog--icon-${t}`,o&&`${x}-dialog--bordered`],style:r,role:"dialog"},n?i(yt,{clsPrefix:x,class:`${x}-dialog__close`,onClick:this.handleCloseClick}):null,l&&t==="top"?i("div",{class:`${x}-dialog-icon-container`},I):null,i("div",{class:`${x}-dialog__title`},l&&t==="left"?I:null,lo(this.$slots.header,()=>[qe(a)])),i("div",{class:[`${x}-dialog__content`,B?"":`${x}-dialog__content--last`]},lo(this.$slots.default,()=>[qe(s)])),B)}}),ba="n-dialog-provider",xa="n-dialog-api",gp="n-dialog-reactive-list",Ca=e=>{const{modalColor:o,textColor2:t,boxShadow3:r}=e;return{color:o,textColor:t,boxShadow:r}},mp={name:"Modal",common:Le,peers:{Scrollbar:_r,Dialog:pa,Card:Nl},self:Ca},bp=mp,xp={name:"Modal",common:ue,peers:{Scrollbar:zo,Dialog:va,Card:Vl},self:Ca},Cp=xp,kn=Object.assign(Object.assign({},wn),Er),yp=yo(kn),wp=q({name:"ModalBody",inheritAttrs:!1,props:Object.assign(Object.assign({show:{type:Boolean,required:!0},preset:String,displayDirective:{type:String,required:!0},trapFocus:{type:Bo
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
width: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
`),g("modal-mask",`
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
background-color: rgba(0, 0, 0, .4);
|
|
|
|
|
`,[Mt({enterDuration:".25s",leaveDuration:".25s",enterCubicBezier:"var(--n-bezier-ease-out)",leaveCubicBezier:"var(--n-bezier-ease-out)"})]),g("modal-body-wrapper",`
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
overflow: visible;
|
|
|
|
|
`,[g("modal-scroll-content",`
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
`)]),g("modal",`
|
|
|
|
|
position: relative;
|
|
|
|
|
align-self: center;
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
margin: auto;
|
|
|
|
|
box-shadow: var(--n-box-shadow);
|
|
|
|
|
`,[lt({duration:".25s",enterScale:".5"})])]),zp=Object.assign(Object.assign(Object.assign(Object.assign({},re.props),{show:Boolean,unstableShowMask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},preset:String,to:[String,Object],displayDirective:{type:String,default:"if"},transformOrigin:{type:String,default:"mouse"},zIndex:Number,autoFocus:{type:Boolean,default:!0},trapFocus:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},blockScroll:{type:Boolean,default:!0}}),kn),{onEsc:Function,"onUpdate:show":[Function,Array],onUpdateShow:[Function,Array],onAfterEnter:Function,onBeforeLeave:Function,onAfterLeave:Function,onClose:Function,onPositiveClick:Function,onNegativeClick:Function,onMaskClick:Function,internalDialog:Boolean,internalAppear:{type:Boolean,default:void 0},overlayStyle:[String,Object],onBeforeHide:Function,onAfterHide:Function,onHide:Function}),$p=q({name:"Modal",inheritAttrs:!1,props:zp,setup(e){const o=D(null),{mergedClsPrefixRef:t,namespaceRef:r,inlineThemeDisabled:n}=ke(e),l=re("Modal","-modal",Sp,bp,e,t),a=Ni(64),s=Vi(),d=bt(),c=e.internalDialog?Se(ba,null):null,u=ll();function f($){const{onUpdateShow:T,"onUpdate:show":S,onHide:O}=e;T&&ae(T,$),S&&ae(S,$),O&&!$&&O($)}function p(){const{onClose:$}=e;$?Promise.resolve($()).then(T=>{T!==!1&&f(!1)}):f(!1)}function v(){const{onPositiveClick:$}=e;$?Promise.resolve($()).then(T=>{T!==!1&&f(!1)}):f(!1)}function h(){const{onNegativeClick:$}=e;$?Promise.resolve($()).then(T=>{T!==!1&&f(!1)}):f(!1)}function m(){const{onBeforeLeave:$,onBeforeHide:T}=e;$&&ae($),T&&T()}function b(){const{onAfterLeave:$,onAfterHide:T}=e;$&&ae($),T&&T()}function C($){var T;const{onMaskClick:S}=e;S&&S($),e.maskClosable&&!((T=o.value)===null||T===void 0)&&T.contains(Jt($))&&f(!1)}function x($){var T;(T=e.onEsc)===null||T===void 0||T.call(e),e.show&&e.closeOnEsc&&Ji($)&&!u.value&&f(!1)}Oe(ol,{getMousePosition:()=>{if(c){const{clickedRef:$,clickPositionRef:T}=c;if($.value&&T.value)return T.value}return a.value?s.value:null},mergedClsPrefixRef:t,mergedThemeRef:l,isMountedRef:d,appearRef:ie(e,"internalAppear"),transformOriginRef:ie(e,"transformOrigin")});const I=R(()=>{const{common:{cubicBezierEaseOut:$},self:{boxShadow:T,color:S,textColor:O}}=l.value;return{"--n-bezier-ease-out":$,"--n-box-shadow":T,"--n-color":S,"--n-text-color":O}}),B=n?Ae("theme-class",void 0,I,e):void 0;return{mergedClsPrefix:t,namespace:r,isMounted:d,containerRef:o,presetProps:R(()=>go(e,yp)),handleEsc:x,handleAfterLeave:b,handleClickoutside:C,handleBeforeLeave:m,doUpdateShow:f,handleNegativeClick:h,handlePositiveClick:v,handleCloseClick:p,cssVars:n?void 0:I,themeClass:B==null?void 0:B.themeClass,onRender:B==null?void 0:B.onRender}},render(){const{mergedClsPrefix:e}=this;return i(hn,{to:this.to,show:this.show},{default:()=>{var o;(o=this.onRender)===null||o===void 0||o.call(this);const{unstableShowMask:t}=this;return Lo(i("div",{role:"none",ref:"containerRef",class:[`${e}-modal-container`,this.themeClass,this.namespace],style:this.cssVars},i(wp,Object.assign({style:this.overlayStyle},this.$attrs,{ref:"bodyWrapper",displayDirective:this.displayDirective,show:this.show,preset:this.preset,autoFocus:this.autoFocus,trapFocus:this.trapFocus,blockScroll:this.blockScroll},this.presetProps,{onEsc:this.handleEsc,onClose:this.handleCloseClick,onNegativeClick:this.handleNegativeClick,onPositiveClick:this.handlePositiveClick,onBeforeLeave:this.handleBeforeLeave,onAfterEnter:this.onAfterEnter,onAfterLeave:this.handleAfterLeave,onClickoutside:t?void 0:this.handleClickoutside,renderMask:t?()=>{var r;return i(no,{name:"fade-in-transition",key:"mask",appear:(r=this.internalAppear)!==null&&r!==void 0?r:this.isMounted},{default:()=>this.show?i("div",{"aria-hidden":!0,ref:"containerRef",class:`${e}-modal-mask`,onClick:this.handleClickoutside}):null})}:void 0}),this.$slots)),[[Fr,{zIndex:this.zIndex,enabled:this.show}]])}})}}),Rp=Object.assign(Object.assign({},Er),{onAfterEnter:Function,onAfterLeave:Function,transformOrigin:String,blockScroll:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},onEsc:Functi
|
|
|
|
|
position: relative;
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
`,[je("vertical",`
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
margin-bottom: 24px;
|
|
|
|
|
`,[je("no-title",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`)]),w("title",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-left: 12px;
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
font-weight: var(--n-font-weight);
|
|
|
|
|
`),k("title-position-left",[w("line",[k("left",{width:"28px"})])]),k("title-position-right",[w("line",[k("right",{width:"28px"})])]),k("dashed",[w("line",`
|
|
|
|
|
background-color: #0000;
|
|
|
|
|
height: 0px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-style: dashed;
|
|
|
|
|
border-width: 1px 0 0;
|
|
|
|
|
`)]),k("vertical",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
margin: 0 8px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
width: 1px;
|
|
|
|
|
`),w("line",`
|
|
|
|
|
border: none;
|
|
|
|
|
transition: background-color .3s var(--n-bezier), border-color .3s var(--n-bezier);
|
|
|
|
|
height: 1px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
`),je("dashed",[w("line",{backgroundColor:"var(--n-color)"})]),k("dashed",[w("line",{borderColor:"var(--n-color)"})]),k("vertical",{backgroundColor:"var(--n-color)"})]),Mp=Object.assign(Object.assign({},re.props),{titlePlacement:{type:String,default:"center"},dashed:Boolean,vertical:Boolean}),z1=q({name:"Divider",props:Mp,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Divider","-divider",Op,Bp,e,o),n=R(()=>{const{common:{cubicBezierEaseInOut:a},self:{color:s,textColor:d,fontWeight:c}}=r.value;return{"--n-bezier":a,"--n-color":s,"--n-text-color":d,"--n-font-weight":c}}),l=t?Ae("divider",void 0,n,e):void 0;return{mergedClsPrefix:o,cssVars:t?void 0:n,themeClass:l==null?void 0:l.themeClass,onRender:l==null?void 0:l.onRender}},render(){var e;const{$slots:o,titlePlacement:t,vertical:r,dashed:n,cssVars:l,mergedClsPrefix:a}=this;return(e=this.onRender)===null||e===void 0||e.call(this),i("div",{role:"separator",class:[`${a}-divider`,this.themeClass,{[`${a}-divider--vertical`]:r,[`${a}-divider--no-title`]:!o.default,[`${a}-divider--dashed`]:n,[`${a}-divider--title-position-${t}`]:o.default&&t}],style:l},r?null:i("div",{class:`${a}-divider__line ${a}-divider__line--left`}),!r&&o.default?i(ao,null,i("div",{class:`${a}-divider__title`},this.$slots),i("div",{class:`${a}-divider__line ${a}-divider__line--right`})):null)}}),wa=e=>{const{modalColor:o,textColor1:t,textColor2:r,boxShadow3:n,lineHeight:l,fontWeightStrong:a,dividerColor:s,closeColorHover:d,closeColorPressed:c,closeIconColor:u,closeIconColorHover:f,closeIconColorPressed:p,borderRadius:v,primaryColorHover:h}=e;return{bodyPadding:"16px 24px",headerPadding:"16px 24px",footerPadding:"16px 24px",color:o,textColor:r,titleTextColor:t,titleFontSize:"18px",titleFontWeight:a,boxShadow:n,lineHeight:l,headerBorderBottom:`1px solid ${s}`,footerBorderTop:`1px solid ${s}`,closeIconColor:u,closeIconColorHover:f,closeIconColorPressed:p,closeSize:"22px",closeIconSize:"18px",closeColorHover:d,closeColorPressed:c,closeBorderRadius:v,resizableTriggerColorHover:h}},_p={name:"Drawer",common:Le,peers:{Scrollbar:_r},self:wa},Dp=_p,Lp={name:"Drawer",common:ue,peers:{Scrollbar:zo},self:wa},Hp=Lp,Ap=q({name:"NDrawerContent",inheritAttrs:!1,props:{blockScroll:Boolean,show:{type:Boolean,default:void 0},displayDirective:{type:String,required:!0},placement:{type:String,required:!0},contentStyle:[Object,String],nativeScrollbar:{type:Boolean,required:!0},scrollbarProps:Object,trapFocus:{type:Boolean,default:!0},autoFocus:{type:Boolean,default:!0},showMask:{type:[Boolean,String],required:!0},resizable:Boolean,onClickoutside:Function,onAfterLeave:Function,onAfterEnter:Function,onEsc:Function},setup(e){const o=D(!!e.show),t=D(null),r=Se(mn);let n=0,l="",a=null;const s=D(!1),d=D(!1),c=R(()=>e.placement==="top"||e.placement==="bottom"),{mergedClsPrefixRef:u,mergedRtlRef:f}=ke(e),p=to("Drawer",f,u),v=S=>{d.value=!0,n=c.value?S.clientY:S.clientX,l=document.body.style.cursor,document.body.style.cursor=c.value?"ns-resize":"ew-resize",document.body.addEventListener("mousemove",x),document.body.addEventListener("mouseleave",B),document.body.addEventListener("mouseup",I)},h=()=>{a!==null&&(window.clearTimeout(a),a=null),d.value?s.value=!0:a=window.setTimeout(()=>{s.value=!0},300)},m=()=>{a!==null&&(window.clearTimeout(a),a=null),s.value=!1},{doUpdateHeight:b,doUpdateWidth:C}=r,x=S=>{var O,P;if(d.value)if(c.value){let z=((O=t.value)===null||O===void 0?void 0:O.offsetHeight)||0;const L=n-S.clientY;z+=e.placement==="bottom"?L:-L,b(z),n=S.clientY}else{let z=((P=t.value)===null||P===void 0?void 0:P.offsetWidth)||0;const L=n-S.clientX;z+=e.placement==="right"?L:-L,C(z),n=S.clientX}},I=()=>{d.value&&(n=0,d.value=!1,document.body.style.cursor=l,document.body.removeEventListener("mousemove",x),document.body.removeEventListener("mouseup",I),document.body.removeEventListener("mouseleave",B))},B=I;oo(()=>{e.show&&(o.value=!0)}),Ke(()=>e.show,S=>{S||I()}),wo(()=>{I()});const $=R(()=>{const{show:S}=e,O=[[Ko,S]];return e.showMask||O.push([Ft,e.onClickoutside,void 0,{capture:!0}]),O});function T(){var S;o.value
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
line-height: var(--n-line-height);
|
|
|
|
|
position: absolute;
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
box-shadow: var(--n-box-shadow);
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
`,[Wp(),Up(),qp(),Zp(),k("unselectable",`
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
`),k("native-scrollbar",[g("drawer-content-wrapper",`
|
|
|
|
|
overflow: auto;
|
|
|
|
|
height: 100%;
|
|
|
|
|
`)]),w("resize-trigger",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
background-color: #0000;
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
`,[k("hover",`
|
|
|
|
|
background-color: var(--n-resize-trigger-color-hover);
|
|
|
|
|
`)]),g("drawer-content-wrapper",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
`),g("drawer-content",`
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
`,[k("native-scrollbar",[g("drawer-body-content-wrapper",`
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
`)]),g("drawer-body",`
|
|
|
|
|
flex: 1 0 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`),g("drawer-body-content-wrapper",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: var(--n-body-padding);
|
|
|
|
|
`),g("drawer-header",`
|
|
|
|
|
font-weight: var(--n-title-font-weight);
|
|
|
|
|
line-height: 1;
|
|
|
|
|
font-size: var(--n-title-font-size);
|
|
|
|
|
color: var(--n-title-text-color);
|
|
|
|
|
padding: var(--n-header-padding);
|
|
|
|
|
transition: border .3s var(--n-bezier);
|
|
|
|
|
border-bottom: 1px solid var(--n-divider-color);
|
|
|
|
|
border-bottom: var(--n-header-border-bottom);
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[w("close",`
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
`)]),g("drawer-footer",`
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
border-top: var(--n-footer-border-top);
|
|
|
|
|
transition: border .3s var(--n-bezier);
|
|
|
|
|
padding: var(--n-footer-padding);
|
|
|
|
|
`)]),k("right-placement",`
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
`,[w("resize-trigger",`
|
|
|
|
|
width: 3px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
transform: translateX(-1.5px);
|
|
|
|
|
cursor: ew-resize;
|
|
|
|
|
`)]),k("left-placement",`
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
`,[w("resize-trigger",`
|
|
|
|
|
width: 3px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
transform: translateX(1.5px);
|
|
|
|
|
cursor: ew-resize;
|
|
|
|
|
`)]),k("top-placement",`
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
`,[w("resize-trigger",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 3px;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
transform: translateY(1.5px);
|
|
|
|
|
cursor: ns-resize;
|
|
|
|
|
`)]),k("bottom-placement",`
|
|
|
|
|
left: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
`,[w("resize-trigger",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 3px;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
transform: translateY(-1.5px);
|
|
|
|
|
cursor: ns-resize;
|
|
|
|
|
`)])]),y("body",[y(">",[g("drawer-container",{position:"fixed"})])]),g("drawer-container",`
|
|
|
|
|
position: relative;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
`,[y("> *",{pointerEvents:"all"})]),g("drawer-mask",`
|
|
|
|
|
background-color: rgba(0, 0, 0, .3);
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
`,[k("invisible",`
|
|
|
|
|
background-color: rgba(0, 0, 0, 0)
|
|
|
|
|
`),Mt({enterDuration:"0.2s",leaveDuration:"0.2s",enterCubicBezier:"var(--n-bezier-in)",leaveCubicBezier:"var(--n-bezier-out)"})])]),Jp=Object.assign(Object.assign({},re.props),{show:Boolean,width:[Number,String],height:[Number,String],placement:{type:String,default:"right"},maskClosable:{type:Boolean,default:!0},showMask:{type:[Boolean,String],default:!0},to:[String,Object],displayDirective:{type:String,default:"if"},nativeScrollbar:{type:Boolean,default:!0},zIndex:Number,onMaskClick:Function,scrollbarProps:Object,contentStyle:[Object,String],trapFocus:{type:Boolean,default:!0},onEsc:Function,autoFocus:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},blockScroll:{type:Boolean,default:!0},resizable:Boolean,defaultWidth:{type:[Number,String],default:251},defaultHeight:{type:[Number,String],default:251},onUpdateWidth:[Function,Array],onUpdateHeight:[Function,Array],"onUpdate:width":[Function,Array],"onUpdate:height":[Function,Array],"onUpdate:show":[Function,Array],onUpdateShow:[Function,Array],onAfterEnter:Function,onAfterLeave:Function,drawerStyle:[String,Object],drawerClass:String,target:null,onShow:Function,onHide:Function}),$1=q({name:"Drawer",inheritAttrs:!1,props:Jp,setup(e){const{mergedClsPrefixRef:o,namespaceRef:t,inlineThemeDisabled:r}=ke(e),n=bt(),l=re("Drawer","-drawer",Qp,Dp,e,o),a=D(e.defaultWidth),s=D(e.defaultHeight),d=so(ie(e,"width"),a),c=so(ie(e,"height"),s),u=R(()=>{const{placement:$}=e;return $==="top"||$==="bottom"?"":eo(d.value)}),f=R(()=>{const{placement:$}=e;return $==="left"||$==="right"?"":eo(c.value)}),p=$=>{const{onUpdateWidth:T,"onUpdate:width":S}=e;T&&ae(T,$),S&&ae(S,$),a.value=$},v=$=>{const{onUpdateHeight:T,"onUpdate:width":S}=e;T&&ae(T,$),S&&ae(S,$),s.value=$},h=R(()=>[{width:u.value,height:f.value},e.drawerStyle||""]);function m($){const{onMaskClick:T,maskClosable:S}=e;S&&x(!1),T&&T($)}const b=ll();function C($){var T;(T=e.onEsc)===null||T===void 0||T.call(e),e.show&&e.closeOnEsc&&Ji($)&&!b.value&&x(!1)}function x($){const{onHide:T,onUpdateShow:S,"onUpdate:show":O}=e;S&&ae(S,$),O&&ae(O,$),T&&!$&&ae(T,$)}Oe(mn,{isMountedRef:n,mergedThemeRef:l,mergedClsPrefixRef:o,doUpdateShow:x,doUpdateHeight:v,doUpdateWidth:p});const I=R(()=>{const{common:{cubicBezierEaseInOut:$,cubicBezierEaseIn:T,cubicBezierEaseOut:S},self:{color:O,textColor:P,boxShadow:z,lineHeight:L,headerPadding:M,footerPadding:j,bodyPadding:E,titleFontSize:U,titleTextColor:_,titleFontWeight:V,headerBorderBottom:te,footerBorderTop:N,closeIconColor:G,closeIconColorHover:Ce,closeIconColorPressed:X,closeColorHover:pe,closeColorPressed:fe,closeIconSize:be,closeSize:ge,closeBorderRadius:se,resizableTriggerColorHover:Re}}=l.value;return{"--n-line-height":L,"--n-color":O,"--n-text-color":P,"--n-box-shadow":z,"--n-bezier":$,"--n-bezier-out":S,"--n-bezier-in":T,"--n-header-padding":M,"--n-body-padding":E,"--n-footer-padding":j,"--n-title-text-color":_,"--n-title-font-size":U,"--n-title-font-weight":V,"--n-header-border-bottom":te,"--n-footer-border-top":N,"--n-close-icon-color":G,"--n-close-icon-color-hover":Ce,"--n-close-icon-color-pressed":X,"--n-close-size":ge,"--n-close-color-hover":pe,"--n-close-color-pressed":fe,"--n-close-icon-size":be,"--n-close-border-radius":se,"--n-resize-trigger-color-hover":Re}}),B=r?Ae("drawer",void 0,I,e):void 0;return{mergedClsPrefix:o,namespace:t,mergedBodyStyle:h,handleMaskClick:m,handleEsc:C,mergedTheme:l,cssVars:r?void 0:I,themeClass:B==null?void 0:B.themeClass,onRender:B==null?void 0:B.onRender,isMounted:n}},render(){const{mergedClsPrefix:e}=this;return i(hn,{to:this.to,show:this.show},{default:()=>{var o;return(o=this.onRender)===null||o===void 0||o.call(this),Lo(i("div",{class:[`${e}-drawer-container`,this.namespace,this.themeClass],style:this.cssVars,role:"none"},this.showMask?i(no,{name:"fade-in-transition",appear:this.isMounted},{default:()=>this.show?i("div",{"aria-hidden":!0,class:[`${e}-drawer-mask`,this.showMask==="transparent"&&`${e}-drawer-mask--invisible`],onClick:this.handleMaskClick}):null}):null,i(Ap,Object.assign({},this.$attrs,{class:[this.drawerClass,this.$attrs.class],sty
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
`,[g("dynamic-input-preset-input",{flex:1,alignItems:"center"}),g("dynamic-input-preset-pair",`
|
|
|
|
|
flex: 1;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[g("dynamic-input-pair-input",[y("&:first-child",{"margin-right":"12px"})])]),w("action",`
|
|
|
|
|
align-self: flex-start;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
flex-grow: 0;
|
|
|
|
|
margin: var(--action-margin);
|
|
|
|
|
`,[k("icon",{cursor:"pointer"})]),y("&:last-child",{marginBottom:0})]),g("form-item",`
|
|
|
|
|
padding-top: 0 !important;
|
|
|
|
|
margin-right: 0 !important;
|
|
|
|
|
`,[g("form-item-blank",{paddingTop:"0 !important"})])]),Cr=new WeakMap,dv=Object.assign(Object.assign({},re.props),{max:Number,min:{type:Number,default:0},value:Array,defaultValue:{type:Array,default:()=>[]},preset:{type:String,default:"input"},keyField:String,itemStyle:[String,Object],keyPlaceholder:{type:String,default:""},valuePlaceholder:{type:String,default:""},placeholder:{type:String,default:""},showSortButton:Boolean,createButtonProps:Object,onCreate:Function,onRemove:Function,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onClear:Function,onInput:[Function,Array]}),P1=q({name:"DynamicInput",props:dv,setup(e,{slots:o}){const{mergedComponentPropsRef:t,mergedClsPrefixRef:r,mergedRtlRef:n,inlineThemeDisabled:l}=ke(),a=Se(Rr,null),s=D(e.defaultValue),d=ie(e,"value"),c=so(d,s),u=re("DynamicInput","-dynamic-input",sv,iv,e,r),f=R(()=>{const{value:P}=c;if(Array.isArray(P)){const{max:z}=e;return z!==void 0&&P.length>=z}return!1}),p=R(()=>{const{value:P}=c;return Array.isArray(P)?P.length<=e.min:!0}),v=R(()=>{var P,z;return(z=(P=t==null?void 0:t.value)===null||P===void 0?void 0:P.DynamicInput)===null||z===void 0?void 0:z.buttonSize});function h(P){const{onInput:z,"onUpdate:value":L,onUpdateValue:M}=e;z&&ae(z,P),L&&ae(L,P),M&&ae(M,P),s.value=P}function m(P,z){if(P==null||typeof P!="object")return z;const L=Vr(P)?Ur(P):P;let M=Cr.get(L);return M===void 0&&Cr.set(L,M=nt()),M}function b(P,z){const{value:L}=c,M=Array.from(L??[]),j=M[P];if(M[P]=z,j&&z&&typeof j=="object"&&typeof z=="object"){const E=Vr(j)?Ur(j):j,U=Vr(z)?Ur(z):z,_=Cr.get(E);_!==void 0&&Cr.set(U,_)}h(M)}function C(){x(0)}function x(P){const{value:z}=c,{onCreate:L}=e,M=Array.from(z??[]);if(L)M.splice(P+1,0,L(P+1)),h(M);else if(o.default)M.splice(P+1,0,null),h(M);else switch(e.preset){case"input":M.splice(P+1,0,""),h(M);break;case"pair":M.splice(P+1,0,{key:"",value:""}),h(M);break}}function I(P){const{value:z}=c;if(!Array.isArray(z))return;const{min:L}=e;if(z.length<=L)return;const M=Array.from(z);M.splice(P,1),h(M);const{onRemove:j}=e;j&&j(P)}function B(P,z,L){if(z<0||L<0||z>=P.length||L>=P.length||z===L)return;const M=P[z];P[z]=P[L],P[L]=M}function $(P,z){const{value:L}=c;if(!Array.isArray(L))return;const M=Array.from(L);P==="up"&&B(M,z,z-1),P==="down"&&B(M,z,z+1),h(M)}Oe(In,{mergedThemeRef:u,keyPlaceholderRef:ie(e,"keyPlaceholder"),valuePlaceholderRef:ie(e,"valuePlaceholder"),placeholderRef:ie(e,"placeholder")});const T=to("DynamicInput",n,r),S=R(()=>{const{self:{actionMargin:P,actionMarginRtl:z}}=u.value;return{"--action-margin":P,"--action-margin-rtl":z}}),O=l?Ae("dynamic-input",void 0,S,e):void 0;return{locale:Yo("DynamicInput").localeRef,rtlEnabled:T,buttonSize:v,mergedClsPrefix:r,NFormItem:a,uncontrolledValue:s,mergedValue:c,insertionDisabled:f,removeDisabled:p,handleCreateClick:C,ensureKey:m,handleValueChange:b,remove:I,move:$,createItem:x,mergedTheme:u,cssVars:l?void 0:S,themeClass:O==null?void 0:O.themeClass,onRender:O==null?void 0:O.onRender}},render(){const{$slots:e,buttonSize:o,mergedClsPrefix:t,mergedValue:r,locale:n,mergedTheme:l,keyField:a,itemStyle:s,preset:d,showSortButton:c,NFormItem:u,ensureKey:f,handleValueChange:p,remove:v,createItem:h,move:m,onRender:b}=this;return b==null||b(),i("div",{class:[`${t}-dynamic-input`,this.rtlEnabled&&`${t}-dynamic-input--rtl`,this.themeClass],style:this.cssVars},!Array.isArray(r)||r.length===0?i(Po,Object.assign({block:!0,ghost:!0,dashed:!0,size:o},this.createButtonProps,{disabled:this.insertionDisabled,theme:l.peers.Button,themeOverrides:l.peerOverrides.Button,onClick:this.handleCreateClick}),{default:()=>lo(e["create-button-default"],()=>[n.create]),icon:()=>lo(e["create-button-icon"],()=>[i(De,{clsPrefix:t},{default:()=>i(rr,null)})])}):r.map((C,x)=>i("div",{key:a?C[a]:f(C,x),"data-key":a?C[a]:f(C,x),class:`${t}-dynamic-input-item`,style:s},qi(e.default,{value:r[x],index:x},()=>[d==="input"?i(lv,{clsPrefix:t,value:r[x],parentPath:u?u.path.value:void 0,path:u!=null&&u.path.value?`${u.path.value}[${x}]`:void 0,onUpdateValue:I=>p(x,I)}):d==="pair"?i(av,{clsPrefix:t,value:r[x],parentPath:u?u.
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
align-content: space-around;
|
|
|
|
|
`,[g("form-item",{width:"auto",marginRight:"18px"},[y("&:last-child",{marginRight:0})])])]),gr="n-form",ka="n-form-item-insts";var $v=globalThis&&globalThis.__awaiter||function(e,o,t,r){function n(l){return l instanceof t?l:new t(function(a){a(l)})}return new(t||(t=Promise))(function(l,a){function s(u){try{c(r.next(u))}catch(f){a(f)}}function d(u){try{c(r.throw(u))}catch(f){a(f)}}function c(u){u.done?l(u.value):n(u.value).then(s,d)}c((r=r.apply(e,o||[])).next())})};const Rv=Object.assign(Object.assign({},re.props),{inline:Boolean,labelWidth:[Number,String],labelAlign:String,labelPlacement:{type:String,default:"top"},model:{type:Object,default:()=>{}},rules:Object,disabled:Boolean,size:String,showRequireMark:{type:Boolean,default:void 0},requireMarkPlacement:String,showFeedback:{type:Boolean,default:!0},onSubmit:{type:Function,default:e=>e.preventDefault()},showLabel:{type:Boolean,default:void 0},validateMessages:Object}),I1=q({name:"Form",props:Rv,setup(e){const{mergedClsPrefixRef:o}=ke(e);re("Form","-form",zv,Pa,e,o);const t={},r=D(void 0),n=d=>{const c=r.value;(c===void 0||d>=c)&&(r.value=d)};function l(d,c=()=>!0){return $v(this,void 0,void 0,function*(){return yield new Promise((u,f)=>{const p=[];for(const v of yo(t)){const h=t[v];for(const m of h)m.path&&p.push(m.internalValidate(null,c))}Promise.all(p).then(v=>{if(v.some(h=>!h.valid)){const h=v.filter(m=>m.errors).map(m=>m.errors);d&&d(h),f(h)}else d&&d(),u()})})})}function a(){for(const d of yo(t)){const c=t[d];for(const u of c)u.restoreValidation()}}return Oe(gr,{props:e,maxChildLabelWidthRef:r,deriveMaxChildLabelWidth:n}),Oe(ka,{formItems:t}),Object.assign({validate:l,restoreValidation:a},{mergedClsPrefix:o})},render(){const{mergedClsPrefix:e}=this;return i("form",{class:[`${e}-form`,this.inline&&`${e}-form--inline`],onSubmit:this.onSubmit},this.$slots)}});function Pv(e){const o=Se(gr,null);return{mergedSize:R(()=>e.size!==void 0?e.size:(o==null?void 0:o.props.size)!==void 0?o.props.size:"medium")}}function kv(e){const o=Se(gr,null),t=R(()=>{const{labelPlacement:v}=e;return v!==void 0?v:o!=null&&o.props.labelPlacement?o.props.labelPlacement:"top"}),r=R(()=>t.value==="left"&&(e.labelWidth==="auto"||(o==null?void 0:o.props.labelWidth)==="auto")),n=R(()=>{if(t.value==="top")return;const{labelWidth:v}=e;if(v!==void 0&&v!=="auto")return eo(v);if(r.value){const h=o==null?void 0:o.maxChildLabelWidthRef.value;return h!==void 0?eo(h):void 0}if((o==null?void 0:o.props.labelWidth)!==void 0)return eo(o.props.labelWidth)}),l=R(()=>{const{labelAlign:v}=e;if(v)return v;if(o!=null&&o.props.labelAlign)return o.props.labelAlign}),a=R(()=>{var v;return[(v=e.labelProps)===null||v===void 0?void 0:v.style,e.labelStyle,{width:n.value}]}),s=R(()=>{const{showRequireMark:v}=e;return v!==void 0?v:o==null?void 0:o.props.showRequireMark}),d=R(()=>{const{requireMarkPlacement:v}=e;return v!==void 0?v:(o==null?void 0:o.props.requireMarkPlacement)||"right"}),c=D(!1),u=R(()=>{const{validationStatus:v}=e;if(v!==void 0)return v;if(c.value)return"error"}),f=R(()=>{const{showFeedback:v}=e;return v!==void 0?v:(o==null?void 0:o.props.showFeedback)!==void 0?o.props.showFeedback:!0}),p=R(()=>{const{showLabel:v}=e;return v!==void 0?v:(o==null?void 0:o.props.showLabel)!==void 0?o.props.showLabel:!0});return{validationErrored:c,mergedLabelStyle:a,mergedLabelPlacement:t,mergedLabelAlign:l,mergedShowRequireMark:s,mergedRequireMarkPlacement:d,mergedValidationStatus:u,mergedShowFeedback:f,mergedShowLabel:p,isAutoLabelWidth:r}}function Iv(e){const o=Se(gr,null),t=R(()=>{const{rulePath:a}=e;if(a!==void 0)return a;const{path:s}=e;if(s!==void 0)return s}),r=R(()=>{const a=[],{rule:s}=e;if(s!==void 0&&(Array.isArray(s)?a.push(...s):a.push(s)),o){const{rules:d}=o.props,{value:c}=t;if(d!==void 0&&c!==void 0){const u=Ui(d,c);u!==void 0&&(Array.isArray(u)?a.push(...u):a.push(u))}}return a}),n=R(()=>r.value.some(a=>a.required)),l=R(()=>n.value||e.required);return{mergedRules:r,mergedRequired:l}}const{cubicBezierEaseInOut:yi}=So;function Bv({name:e="fade-down",fromOffset:o="-4px",enterDuration:t=".3s",leaveDuration:r="
|
|
|
|
|
display: grid;
|
|
|
|
|
line-height: var(--n-line-height);
|
|
|
|
|
`,[g("form-item-label",`
|
|
|
|
|
grid-area: label;
|
|
|
|
|
align-items: center;
|
|
|
|
|
line-height: 1.25;
|
|
|
|
|
text-align: var(--n-label-text-align);
|
|
|
|
|
font-size: var(--n-label-font-size);
|
|
|
|
|
min-height: var(--n-label-height);
|
|
|
|
|
padding: var(--n-label-padding);
|
|
|
|
|
color: var(--n-label-text-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
font-weight: var(--n-label-font-weight);
|
|
|
|
|
`,[w("asterisk",`
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
color: var(--n-asterisk-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`),w("asterisk-placeholder",`
|
|
|
|
|
grid-area: mark;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
`)]),g("form-item-blank",`
|
|
|
|
|
grid-area: blank;
|
|
|
|
|
min-height: var(--n-blank-height);
|
|
|
|
|
`),k("auto-label-width",[g("form-item-label","white-space: nowrap;")]),k("left-labelled",`
|
|
|
|
|
grid-template-areas:
|
|
|
|
|
"label blank"
|
|
|
|
|
"label feedback";
|
|
|
|
|
grid-template-columns: auto minmax(0, 1fr);
|
|
|
|
|
grid-template-rows: auto 1fr;
|
|
|
|
|
align-items: start;
|
|
|
|
|
`,[g("form-item-label",`
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-columns: 1fr auto;
|
|
|
|
|
min-height: var(--n-blank-height);
|
|
|
|
|
height: auto;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
flex-grow: 0;
|
|
|
|
|
`,[k("reverse-columns-space",`
|
|
|
|
|
grid-template-columns: auto 1fr;
|
|
|
|
|
`),k("left-mark",`
|
|
|
|
|
grid-template-areas:
|
|
|
|
|
"mark text"
|
|
|
|
|
". text";
|
|
|
|
|
`),k("right-mark",`
|
|
|
|
|
grid-template-areas:
|
|
|
|
|
"text mark"
|
|
|
|
|
"text .";
|
|
|
|
|
`),k("right-hanging-mark",`
|
|
|
|
|
grid-template-areas:
|
|
|
|
|
"text mark"
|
|
|
|
|
"text .";
|
|
|
|
|
`),w("text",`
|
|
|
|
|
grid-area: text;
|
|
|
|
|
`),w("asterisk",`
|
|
|
|
|
grid-area: mark;
|
|
|
|
|
align-self: end;
|
|
|
|
|
`)])]),k("top-labelled",`
|
|
|
|
|
grid-template-areas:
|
|
|
|
|
"label"
|
|
|
|
|
"blank"
|
|
|
|
|
"feedback";
|
|
|
|
|
grid-template-rows: minmax(var(--n-label-height), auto) 1fr;
|
|
|
|
|
grid-template-columns: minmax(0, 100%);
|
|
|
|
|
`,[k("no-label",`
|
|
|
|
|
grid-template-areas:
|
|
|
|
|
"blank"
|
|
|
|
|
"feedback";
|
|
|
|
|
grid-template-rows: 1fr;
|
|
|
|
|
`),g("form-item-label",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
justify-content: var(--n-label-text-align);
|
|
|
|
|
`)]),g("form-item-blank",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
position: relative;
|
|
|
|
|
`),g("form-item-feedback-wrapper",`
|
|
|
|
|
grid-area: feedback;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
min-height: var(--n-feedback-height);
|
|
|
|
|
font-size: var(--n-feedback-font-size);
|
|
|
|
|
line-height: 1.25;
|
|
|
|
|
transform-origin: top left;
|
|
|
|
|
`,[y("&:not(:empty)",`
|
|
|
|
|
padding: var(--n-feedback-padding);
|
|
|
|
|
`),g("form-item-feedback",{transition:"color .3s var(--n-bezier)",color:"var(--n-feedback-text-color)"},[k("warning",{color:"var(--n-feedback-text-color-warning)"}),k("error",{color:"var(--n-feedback-text-color-error)"}),Bv({fromOffset:"-3px",enterDuration:".3s",leaveDuration:".2s"})])])]);var wi=globalThis&&globalThis.__awaiter||function(e,o,t,r){function n(l){return l instanceof t?l:new t(function(a){a(l)})}return new(t||(t=Promise))(function(l,a){function s(u){try{c(r.next(u))}catch(f){a(f)}}function d(u){try{c(r.throw(u))}catch(f){a(f)}}function c(u){u.done?l(u.value):n(u.value).then(s,d)}c((r=r.apply(e,o||[])).next())})};const Bn=Object.assign(Object.assign({},re.props),{label:String,labelWidth:[Number,String],labelStyle:[String,Object],labelAlign:String,labelPlacement:String,path:String,first:Boolean,rulePath:String,required:Boolean,showRequireMark:{type:Boolean,default:void 0},requireMarkPlacement:String,showFeedback:{type:Boolean,default:void 0},rule:[Object,Array],size:String,ignorePathChange:Boolean,validationStatus:String,feedback:String,showLabel:{type:Boolean,default:void 0},labelProps:Object}),Fv=yo(Bn);function Si(e,o){return(...t)=>{try{const r=e(...t);return!o&&(typeof r=="boolean"||r instanceof Error||Array.isArray(r))||r!=null&&r.then?r:(r===void 0||Go("form-item/validate",`You return a ${typeof r} typed value in the validator method, which is not recommended. Please use `+(o?"`Promise`":"`boolean`, `Error` or `Promise`")+" typed value instead."),!0)}catch(r){Go("form-item/validate","An error is catched in the validation, so the validation won't be done. Your callback in `validate` method of `n-form` or `n-form-item` won't be called in this validation."),console.error(r);return}}}const Ov=q({name:"FormItem",props:Bn,setup(e){kd(ka,"formItems",ie(e,"path"));const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=Se(gr,null),n=Pv(e),l=kv(e),{validationErrored:a}=l,{mergedRequired:s,mergedRules:d}=Iv(e),{mergedSize:c}=n,{mergedLabelPlacement:u,mergedLabelAlign:f,mergedRequireMarkPlacement:p}=l,v=D([]),h=D(nt()),m=r?ie(r.props,"disabled"):D(!1),b=re("Form","-form-item",Tv,Pa,e,o);Ke(ie(e,"path"),()=>{e.ignorePathChange||C()});function C(){v.value=[],a.value=!1,e.feedback&&(h.value=nt())}function x(){S("blur")}function I(){S("change")}function B(){S("focus")}function $(){S("input")}function T(j,E){return wi(this,void 0,void 0,function*(){let U,_,V,te;return typeof j=="string"?(U=j,_=E):j!==null&&typeof j=="object"&&(U=j.trigger,_=j.callback,V=j.shouldRuleBeApplied,te=j.options),yield new Promise((N,G)=>{S(U,V,te).then(({valid:Ce,errors:X})=>{Ce?(_&&_(),N()):(_&&_(X),G(X))})})})}const S=(j=null,E=()=>!0,U={suppressWarning:!0})=>wi(this,void 0,void 0,function*(){const{path:_}=e;U?U.first||(U.first=e.first):U={};const{value:V}=d,te=r?Ui(r.props.model,_||""):void 0,N={},G={},Ce=(j?V.filter(be=>Array.isArray(be.trigger)?be.trigger.includes(j):be.trigger===j):V).filter(E).map((be,ge)=>{const se=Object.assign({},be);if(se.validator&&(se.validator=Si(se.validator,!1)),se.asyncValidator&&(se.asyncValidator=Si(se.asyncValidator,!0)),se.renderMessage){const Re=`__renderMessage__${ge}`;G[Re]=se.message,se.message=Re,N[Re]=se.renderMessage}return se});if(!Ce.length)return{valid:!0};const X=_??"__n_no_path__",pe=new vd({[X]:Ce}),{validateMessages:fe}=(r==null?void 0:r.props)||{};return fe&&pe.messages(fe),yield new Promise(be=>{pe.validate({[X]:te},U,ge=>{ge!=null&&ge.length?(v.value=ge.map(se=>{const Re=(se==null?void 0:se.message)||"";return{key:Re,render:()=>Re.startsWith("__renderMessage__")?N[Re]():Re}}),ge.forEach(se=>{var Re;!((Re=se.message)===null||Re===void 0)&&Re.startsWith("__renderMessage__")&&(se.message=G[se.message])}),a.value=!0,be({valid:!1,errors:ge})):(C(),be({valid:!0}))})})});Oe(Rr,{path:ie(e,"path"),disabled:m,mergedSize:n.mergedSize,mergedValidationStatus:l.mergedValidationStatus,restoreValidation:C,handleContentBlur:x,handleContentChange:I,handleContentFocus:B,handleContentInput:$});const O={validate:T,restoreValidation:C,internalValidate:S},P=D(null);mo(()=>{if(!l.isAutoLabelWidth.value)retu
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-weight: var(--n-font-weight);
|
|
|
|
|
-webkit-background-clip: text;
|
|
|
|
|
background-clip: text;
|
|
|
|
|
color: #0000;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
background-image: linear-gradient(var(--n-rotate), var(--n-color-start) 0%, var(--n-color-end) 100%);
|
|
|
|
|
transition:
|
|
|
|
|
--n-color-start .3s var(--n-bezier),
|
|
|
|
|
--n-color-end .3s var(--n-bezier);
|
|
|
|
|
`),Xv=Object.assign(Object.assign({},re.props),{size:[String,Number],fontSize:[String,Number],type:{type:String,default:"primary"},color:[Object,String],gradient:[Object,String]}),O1=q({name:"GradientText",props:Xv,setup(e){rl();const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=R(()=>{const{type:c}=e;return c==="danger"?"error":c}),n=R(()=>{let c=e.size||e.fontSize;return c&&(c=eo(c)),c||void 0}),l=R(()=>{const c=e.color||e.gradient;if(typeof c=="string")return c;if(c){const u=c.deg||0,f=c.from,p=c.to;return`linear-gradient(${u}deg, ${f} 0%, ${p} 100%)`}}),a=re("GradientText","-gradient-text",Yv,qv,e,o),s=R(()=>{const{value:c}=r,{common:{cubicBezierEaseInOut:u},self:{rotate:f,[W("colorStart",c)]:p,[W("colorEnd",c)]:v,fontWeight:h}}=a.value;return{"--n-bezier":u,"--n-rotate":f,"--n-color-start":p,"--n-color-end":v,"--n-font-weight":h}}),d=t?Ae("gradient-text",R(()=>r.value[0]),s,e):void 0;return{mergedClsPrefix:o,compatibleType:r,styleFontSize:n,styleBgImage:l,cssVars:t?void 0:s,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender}},render(){const{mergedClsPrefix:e,onRender:o}=this;return o==null||o(),i("span",{class:[`${e}-gradient-text`,`${e}-gradient-text--${this.compatibleType}-type`,this.themeClass],style:[{fontSize:this.styleFontSize,backgroundImage:this.styleBgImage},this.cssVars]},this.$slots)}}),Zv={xs:0,s:640,m:1024,l:1280,xl:1536,xxl:1920},Fa=24,on="__ssr__",Qv={layoutShiftDisabled:Boolean,responsive:{type:[String,Boolean],default:"self"},cols:{type:[Number,String],default:Fa},itemResponsive:Boolean,collapsed:Boolean,collapsedRows:{type:Number,default:1},itemStyle:[Object,String],xGap:{type:[Number,String],default:0},yGap:{type:[Number,String],default:0}},M1=q({name:"Grid",inheritAttrs:!1,props:Qv,setup(e){const{mergedClsPrefixRef:o,mergedBreakpointsRef:t}=ke(e),r=/^\d+$/,n=D(void 0),l=ad((t==null?void 0:t.value)||Zv),a=We(()=>!!(e.itemResponsive||!r.test(e.cols.toString())||!r.test(e.xGap.toString())||!r.test(e.yGap.toString()))),s=R(()=>{if(a.value)return e.responsive==="self"?n.value:l.value}),d=We(()=>{var C;return(C=Number(Yt(e.cols.toString(),s.value)))!==null&&C!==void 0?C:Fa}),c=We(()=>Yt(e.xGap.toString(),s.value)),u=We(()=>Yt(e.yGap.toString(),s.value)),f=C=>{n.value=C.contentRect.width},p=C=>{Hi(f,C)},v=D(!1),h=R(()=>{if(e.responsive==="self")return p}),m=D(!1),b=D();return mo(()=>{const{value:C}=b;C&&C.hasAttribute(on)&&(C.removeAttribute(on),m.value=!0)}),Oe(Ia,{layoutShiftDisabledRef:ie(e,"layoutShiftDisabled"),isSsrRef:m,itemStyleRef:ie(e,"itemStyle"),xGapRef:c,overflowRef:v}),{isSsr:!jo,contentEl:b,mergedClsPrefix:o,style:R(()=>e.layoutShiftDisabled?{width:"100%",display:"grid",gridTemplateColumns:`repeat(${e.cols}, minmax(0, 1fr))`,columnGap:_o(e.xGap),rowGap:_o(e.yGap)}:{width:"100%",display:"grid",gridTemplateColumns:`repeat(${d.value}, minmax(0, 1fr))`,columnGap:_o(c.value),rowGap:_o(u.value)}),isResponsive:a,responsiveQuery:s,responsiveCols:d,handleResize:h,overflow:v}},render(){if(this.layoutShiftDisabled)return i("div",ko({ref:"contentEl",class:`${this.mergedClsPrefix}-grid`,style:this.style},this.$attrs),this.$slots);const e=()=>{var o,t,r,n,l,a,s;this.overflow=!1;const d=ot(pn(this)),c=[],{collapsed:u,collapsedRows:f,responsiveCols:p,responsiveQuery:v}=this;d.forEach(x=>{var I,B,$,T;if(((I=x==null?void 0:x.type)===null||I===void 0?void 0:I.__GRID_ITEM__)!==!0)return;if(Cd(x)){const P=er(x);P.props?P.props.privateShow=!1:P.props={privateShow:!1},c.push({child:P,rawChildSpan:0});return}x.dirs=((B=x.dirs)===null||B===void 0?void 0:B.filter(({dir:P})=>P!==Ko))||null;const S=er(x),O=Number((T=Yt(($=S.props)===null||$===void 0?void 0:$.span,v))!==null&&T!==void 0?T:zi);O!==0&&c.push({child:S,rawChildSpan:O})});let h=0;const m=(o=c[c.length-1])===null||o===void 0?void 0:o.child;if(m!=null&&m.props){const x=(t=m.props)===null||t===void 0?void 0:t.suffix;x!==void 0&&x!==!1&&(h=(n=(r=m.props)===null||r===void 0?void 0:r.span)!==null&&n!==void 0?n:zi,m.props.privateSpan=h,m.props.privateColStart=p+1-h,m.props.privateShow=(l=m.props.privateShow)!==null&&l!==void 0?l:!0
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
`),g("image-preview-overlay",`
|
|
|
|
|
z-index: -1;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
background: rgba(0, 0, 0, .3);
|
|
|
|
|
`,[Mt()]),g("image-preview-toolbar",`
|
|
|
|
|
z-index: 1;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%);
|
|
|
|
|
border-radius: var(--n-toolbar-border-radius);
|
|
|
|
|
height: 48px;
|
|
|
|
|
bottom: 40px;
|
|
|
|
|
padding: 0 12px;
|
|
|
|
|
background: var(--n-toolbar-color);
|
|
|
|
|
box-shadow: var(--n-toolbar-box-shadow);
|
|
|
|
|
color: var(--n-toolbar-icon-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[g("base-icon",`
|
|
|
|
|
padding: 0 8px;
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`),Mt()]),g("image-preview-wrapper",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
`,[lt()]),g("image-preview",`
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
margin: auto;
|
|
|
|
|
max-height: calc(100vh - 32px);
|
|
|
|
|
max-width: calc(100vw - 32px);
|
|
|
|
|
transition: transform .3s var(--n-bezier);
|
|
|
|
|
`),g("image",`
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
max-height: 100%;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
`,[je("preview-disabled",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`),y("img",`
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
`)])]),yr=32,Za=q({name:"ImagePreview",props:Object.assign(Object.assign({},Mn),{onNext:Function,onPrev:Function,clsPrefix:{type:String,required:!0}}),setup(e){const o=re("Image","-image",sb,rg,e,ie(e,"clsPrefix"));let t=null;const r=D(null),n=D(null),l=D(void 0),a=D(!1),s=D(!1),{localeRef:d}=Yo("Image");function c(){const{value:de}=n;if(!t||!de)return;const{style:ye}=de,he=t.getBoundingClientRect(),Me=he.left+he.width/2,Z=he.top+he.height/2;ye.transformOrigin=`${Me}px ${Z}px`}function u(de){var ye,he;switch(de.key){case" ":de.preventDefault();break;case"ArrowLeft":(ye=e.onPrev)===null||ye===void 0||ye.call(e);break;case"ArrowRight":(he=e.onNext)===null||he===void 0||he.call(e);break;case"Escape":be();break}}Ke(a,de=>{de?Do("keydown",document,u):Ro("keydown",document,u)}),wo(()=>{Ro("keydown",document,u)});let f=0,p=0,v=0,h=0,m=0,b=0,C=0,x=0,I=!1;function B(de){const{clientX:ye,clientY:he}=de;v=ye-f,h=he-p,Hi(fe)}function $(de){const{mouseUpClientX:ye,mouseUpClientY:he,mouseDownClientX:Me,mouseDownClientY:Z}=de,A=Me-ye,ee=Z-he,ne=`vertical${ee>0?"Top":"Bottom"}`,me=`horizontal${A>0?"Left":"Right"}`;return{moveVerticalDirection:ne,moveHorizontalDirection:me,deltaHorizontal:A,deltaVertical:ee}}function T(de){const{value:ye}=r;if(!ye)return{offsetX:0,offsetY:0};const he=ye.getBoundingClientRect(),{moveVerticalDirection:Me,moveHorizontalDirection:Z,deltaHorizontal:A,deltaVertical:ee}=de||{};let ne=0,me=0;return he.width<=window.innerWidth?ne=0:he.left>0?ne=(he.width-window.innerWidth)/2:he.right<window.innerWidth?ne=-(he.width-window.innerWidth)/2:Z==="horizontalRight"?ne=Math.min((he.width-window.innerWidth)/2,m-(A??0)):ne=Math.max(-((he.width-window.innerWidth)/2),m-(A??0)),he.height<=window.innerHeight?me=0:he.top>0?me=(he.height-window.innerHeight)/2:he.bottom<window.innerHeight?me=-(he.height-window.innerHeight)/2:Me==="verticalBottom"?me=Math.min((he.height-window.innerHeight)/2,b-(ee??0)):me=Math.max(-((he.height-window.innerHeight)/2),b-(ee??0)),{offsetX:ne,offsetY:me}}function S(de){Ro("mousemove",document,B),Ro("mouseup",document,S);const{clientX:ye,clientY:he}=de;I=!1;const Me=$({mouseUpClientX:ye,mouseUpClientY:he,mouseDownClientX:C,mouseDownClientY:x}),Z=T(Me);v=Z.offsetX,h=Z.offsetY,fe()}const O=Se(Oa,null);function P(de){var ye,he;if((he=(ye=O==null?void 0:O.previewedImgPropsRef.value)===null||ye===void 0?void 0:ye.onMousedown)===null||he===void 0||he.call(ye,de),de.button!==0)return;const{clientX:Me,clientY:Z}=de;I=!0,f=Me-v,p=Z-h,m=v,b=h,C=Me,x=Z,fe(),Do("mousemove",document,B),Do("mouseup",document,S)}function z(de){var ye,he;(he=(ye=O==null?void 0:O.previewedImgPropsRef.value)===null||ye===void 0?void 0:ye.onDblclick)===null||he===void 0||he.call(ye,de);const Me=Ce();j=j===Me?1:Me,fe()}const L=1.5;let M=0,j=1,E=0;function U(){j=1,M=0}function _(){var de;U(),E=0,(de=e.onPrev)===null||de===void 0||de.call(e)}function V(){var de;U(),E=0,(de=e.onNext)===null||de===void 0||de.call(e)}function te(){E-=90,fe()}function N(){E+=90,fe()}function G(){const{value:de}=r;if(!de)return 1;const{innerWidth:ye,innerHeight:he}=window,Me=Math.max(1,de.naturalHeight/(he-yr)),Z=Math.max(1,de.naturalWidth/(ye-yr));return Math.max(3,Me*2,Z*2)}function Ce(){const{value:de}=r;if(!de)return 1;const{innerWidth:ye,innerHeight:he}=window,Me=de.naturalHeight/(he-yr),Z=de.naturalWidth/(ye-yr);return Me<1&&Z<1?1:Math.max(Me,Z)}function X(){const de=G();j<de&&(M+=1,j=Math.min(de,Math.pow(L,M)),fe())}function pe(){if(j>.5){const de=j;M-=1,j=Math.max(.5,Math.pow(L,M));const ye=de-j;fe(!1);const he=T();j+=ye,fe(!1),j-=ye,v=he.offsetX,h=he.offsetY,fe()}}function fe(de=!0){var ye;const{value:he}=r;if(!he)return;const{style:Me}=he,Z=td((ye=O==null?void 0:O.previewedImgPropsRef.value)===null||ye===void 0?void 0:ye.style);let A="";if(typeof Z=="string")A=Z+";";else for(const ne in Z)A+=`${fd(ne)}: ${Z[ne]};`;const ee=`transform-origin: center; transform: translateX(${v}px) translateY(${h}px) rotate(${E}deg) scale(${j});`;I?Me.cssText=A+"cursor: grabbing; transition: none;"+ee:Me.cssText=A+"cursor: grab;"+ee+(de?"":"transition: none;"),de||he.off
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
`),g("input-number-prefix",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
`)]),Ri=800,Pi=100,gb=Object.assign(Object.assign({},re.props),{autofocus:Boolean,loading:{type:Boolean,default:void 0},placeholder:String,defaultValue:{type:Number,default:null},value:Number,step:{type:[Number,String],default:1},min:[Number,String],max:[Number,String],size:String,disabled:{type:Boolean,default:void 0},validator:Function,bordered:{type:Boolean,default:void 0},showButton:{type:Boolean,default:!0},buttonPlacement:{type:String,default:"right"},readonly:Boolean,clearable:Boolean,keyboard:{type:Object,default:{}},updateValueOnInput:{type:Boolean,default:!0},parse:Function,format:Function,precision:Number,status:String,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onFocus:[Function,Array],onBlur:[Function,Array],onClear:[Function,Array],onChange:[Function,Array]}),_1=q({name:"InputNumber",props:gb,setup(e){const{mergedBorderedRef:o,mergedClsPrefixRef:t,mergedRtlRef:r}=ke(e),n=re("InputNumber","-input-number",vb,xg,e,t),{localeRef:l}=Yo("InputNumber"),a=tt(e),{mergedSizeRef:s,mergedDisabledRef:d,mergedStatusRef:c}=a,u=D(null),f=D(null),p=D(null),v=D(e.defaultValue),h=ie(e,"value"),m=so(h,v),b=D(""),C=A=>{const ee=String(A).split(".")[1];return ee?ee.length:0},x=A=>{const ee=[e.min,e.max,e.step,A].map(ne=>ne===void 0?0:C(ne));return Math.max(...ee)},I=We(()=>{const{placeholder:A}=e;return A!==void 0?A:l.value.placeholder}),B=We(()=>{const A=rn(e.step);return A!==null?A===0?1:Math.abs(A):1}),$=We(()=>{const A=rn(e.min);return A!==null?A:null}),T=We(()=>{const A=rn(e.max);return A!==null?A:null}),S=A=>{const{value:ee}=m;if(A===ee){P();return}const{"onUpdate:value":ne,onUpdateValue:me,onChange:Y}=e,{nTriggerFormInput:ce,nTriggerFormChange:He}=a;Y&&ae(Y,A),me&&ae(me,A),ne&&ae(ne,A),v.value=A,ce(),He()},O=({offset:A,doUpdateIfValid:ee,fixPrecision:ne,isInputing:me})=>{const{value:Y}=b;if(me&&pb(Y))return!1;const ce=(e.parse||hb)(Y);if(ce===null)return ee&&S(null),null;if(tn(ce)){const He=C(ce),{precision:Ve}=e;if(Ve!==void 0&&Ve<He&&!ne)return!1;let Ze=parseFloat((ce+A).toFixed(Ve??x(ce)));if(tn(Ze)){const{value:po}=T,{value:fo}=$;if(po!==null&&Ze>po){if(!ee||me)return!1;Ze=po}if(fo!==null&&Ze<fo){if(!ee||me)return!1;Ze=fo}return e.validator&&!e.validator(Ze)?!1:(ee&&S(Ze),Ze)}}return!1},P=()=>{const{value:A}=m;if(tn(A)){const{format:ee,precision:ne}=e;ee?b.value=ee(A):A===null||ne===void 0||C(A)>ne?b.value=$i(A,void 0):b.value=$i(A,ne)}else b.value=String(A)};P();const z=We(()=>O({offset:0,doUpdateIfValid:!1,isInputing:!1,fixPrecision:!1})===!1),L=We(()=>{const{value:A}=m;if(e.validator&&A===null)return!1;const{value:ee}=B;return O({offset:-ee,doUpdateIfValid:!1,isInputing:!1,fixPrecision:!1})!==!1}),M=We(()=>{const{value:A}=m;if(e.validator&&A===null)return!1;const{value:ee}=B;return O({offset:+ee,doUpdateIfValid:!1,isInputing:!1,fixPrecision:!1})!==!1});function j(A){const{onFocus:ee}=e,{nTriggerFormFocus:ne}=a;ee&&ae(ee,A),ne()}function E(A){var ee,ne;if(A.target===((ee=u.value)===null||ee===void 0?void 0:ee.wrapperElRef))return;const me=O({offset:0,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0});if(me!==!1){const He=(ne=u.value)===null||ne===void 0?void 0:ne.inputElRef;He&&(He.value=String(me||"")),m.value===me&&P()}else P();const{onBlur:Y}=e,{nTriggerFormBlur:ce}=a;Y&&ae(Y,A),ce(),io(()=>{P()})}function U(A){const{onClear:ee}=e;ee&&ae(ee,A)}function _(){const{value:A}=M;if(!A){se();return}const{value:ee}=m;if(ee===null)e.validator||S(G());else{const{value:ne}=B;O({offset:ne,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0})}}function V(){const{value:A}=L;if(!A){ge();return}const{value:ee}=m;if(ee===null)e.validator||S(G());else{const{value:ne}=B;O({offset:-ne,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0})}}const te=j,N=E;function G(){if(e.validator)return null;const{value:A}=$,{value:ee}=T;return A!==null?Math.max(0,A):ee!==null?Math.min(0,ee):0}function Ce(A){U(A),S(null)}function X(A){var ee,ne,me;!((ee=p.value)===null||ee===void 0)&&ee.$el.contains(A.target)&&A.preventDefault(),!((ne=f.value)===null||ne===void 0)&&ne.$el.contains(A.target)&&A.preventDefault(),(me=u.value)===null||
|
|
|
|
|
--n-merged-border-color: var(--n-border-color);
|
|
|
|
|
--n-merged-color: var(--n-color);
|
|
|
|
|
--n-merged-color-hover: var(--n-color-hover);
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier);
|
|
|
|
|
padding: 0;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
background-color: var(--n-merged-color);
|
|
|
|
|
`,[k("show-divider",[g("list-item",[y("&:not(:last-child)",[w("divider",`
|
|
|
|
|
background-color: var(--n-merged-border-color);
|
|
|
|
|
`)])])]),k("clickable",[g("list-item",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`)]),k("bordered",`
|
|
|
|
|
border: 1px solid var(--n-merged-border-color);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
`),k("hoverable",[g("list-item",`
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
`,[y("&:hover",`
|
|
|
|
|
background-color: var(--n-merged-color-hover);
|
|
|
|
|
`,[w("divider",`
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
`)])])]),k("bordered, hoverable",[g("list-item",`
|
|
|
|
|
padding: 12px 20px;
|
|
|
|
|
`),w("header, footer",`
|
|
|
|
|
padding: 12px 20px;
|
|
|
|
|
`)]),w("header, footer",`
|
|
|
|
|
padding: 12px 0;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
`,[y("&:not(:last-child)",`
|
|
|
|
|
border-bottom: 1px solid var(--n-merged-border-color);
|
|
|
|
|
`)]),g("list-item",`
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: 12px 0;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
align-items: center;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier);
|
|
|
|
|
`,[w("prefix",`
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
flex: 0;
|
|
|
|
|
`),w("suffix",`
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
flex: 0;
|
|
|
|
|
`),w("main",`
|
|
|
|
|
flex: 1;
|
|
|
|
|
`),w("divider",`
|
|
|
|
|
height: 1px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
`)])]),Mr(g("list",`
|
|
|
|
|
--n-merged-color-hover: var(--n-color-hover-modal);
|
|
|
|
|
--n-merged-color: var(--n-color-modal);
|
|
|
|
|
--n-merged-border-color: var(--n-border-color-modal);
|
|
|
|
|
`)),vn(g("list",`
|
|
|
|
|
--n-merged-color-hover: var(--n-color-hover-popover);
|
|
|
|
|
--n-merged-color: var(--n-color-popover);
|
|
|
|
|
--n-merged-border-color: var(--n-border-color-popover);
|
|
|
|
|
`))]),wb=Object.assign(Object.assign({},re.props),{size:{type:String,default:"medium"},bordered:Boolean,clickable:Boolean,hoverable:Boolean,showDivider:{type:Boolean,default:!0}}),Ja="n-list",D1=q({name:"List",props:wb,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t,mergedRtlRef:r}=ke(e),n=to("List",r,o),l=re("List","-list",yb,Sg,e,o);Oe(Ja,{showDividerRef:ie(e,"showDivider"),mergedClsPrefixRef:o});const a=R(()=>{const{common:{cubicBezierEaseInOut:d},self:{fontSize:c,textColor:u,color:f,colorModal:p,colorPopover:v,borderColor:h,borderColorModal:m,borderColorPopover:b,borderRadius:C,colorHover:x,colorHoverModal:I,colorHoverPopover:B}}=l.value;return{"--n-font-size":c,"--n-bezier":d,"--n-text-color":u,"--n-color":f,"--n-border-radius":C,"--n-border-color":h,"--n-border-color-modal":m,"--n-border-color-popover":b,"--n-color-modal":p,"--n-color-popover":v,"--n-color-hover":x,"--n-color-hover-modal":I,"--n-color-hover-popover":B}}),s=t?Ae("list",void 0,a,e):void 0;return{mergedClsPrefix:o,rtlEnabled:n,cssVars:t?void 0:a,themeClass:s==null?void 0:s.themeClass,onRender:s==null?void 0:s.onRender}},render(){var e;const{$slots:o,mergedClsPrefix:t,onRender:r}=this;return r==null||r(),i("ul",{class:[`${t}-list`,this.rtlEnabled&&`${t}-list--rtl`,this.bordered&&`${t}-list--bordered`,this.showDivider&&`${t}-list--show-divider`,this.hoverable&&`${t}-list--hoverable`,this.clickable&&`${t}-list--clickable`,this.themeClass],style:this.cssVars},o.header?i("div",{class:`${t}-list__header`},o.header()):null,(e=o.default)===null||e===void 0?void 0:e.call(o),o.footer?i("div",{class:`${t}-list__footer`},o.footer()):null)}}),L1=q({name:"ListItem",setup(){const e=Se(Ja,null);return e||Eo("list-item","`n-list-item` must be placed in `n-list`."),{showDivider:e.showDividerRef,mergedClsPrefix:e.mergedClsPrefixRef}},render(){const{$slots:e,mergedClsPrefix:o}=this;return i("li",{class:`${o}-list-item`},e.prefix?i("div",{class:`${o}-list-item__prefix`},e.prefix()):null,e.default?i("div",{class:`${o}-list-item__main`},e):null,e.suffix?i("div",{class:`${o}-list-item__suffix`},e.suffix()):null,this.showDivider&&i("div",{class:`${o}-list-item__divider`}))}}),mr="n-menu",_n="n-submenu",Dn="n-menu-item-group",wr=8;function Ln(e){const o=Se(mr),{props:t,mergedCollapsedRef:r}=o,n=Se(_n,null),l=Se(Dn,null),a=R(()=>t.mode==="horizontal"),s=R(()=>a.value?t.dropdownPlacement:"tmNodes"in e?"right-start":"right"),d=R(()=>{var p;return Math.max((p=t.collapsedIconSize)!==null&&p!==void 0?p:t.iconSize,t.iconSize)}),c=R(()=>{var p;return!a.value&&e.root&&r.value&&(p=t.collapsedIconSize)!==null&&p!==void 0?p:t.iconSize}),u=R(()=>{if(a.value)return;const{collapsedWidth:p,indent:v,rootIndent:h}=t,{root:m,isGroup:b}=e,C=h===void 0?v:h;if(m)return r.value?p/2-d.value/2:C;if(l)return v/2+l.paddingLeftRef.value;if(n)return(b?v/2:v)+n.paddingLeftRef.value}),f=R(()=>{const{collapsedWidth:p,indent:v,rootIndent:h}=t,{value:m}=d,{root:b}=e;return a.value||!b||!r.value?wr:(h===void 0?v:h)+m+wr-(p+m)/2});return{dropdownPlacement:s,activeIconSize:c,maxIconSize:d,paddingLeft:u,iconMarginRight:f,NMenu:o,NSubmenu:n}}const Hn={internalKey:{type:[String,Number],required:!0},root:Boolean,isGroup:Boolean,level:{type:Number,required:!0},title:[String,Function],extra:[String,Function]},es=Object.assign(Object.assign({},Hn),{tmNode:{type:Object,required:!0},tmNodes:{type:Array,required:!0}}),Sb=q({name:"MenuOptionGroup",props:es,setup(e){Oe(_n,null);const o=Ln(e);Oe(Dn,{paddingLeftRef:o.paddingLeft});const{mergedClsPrefixRef:t,props:r}=Se(mr);return function(){const{value:n}=t,l=o.paddingLeft.value,{nodeProps:a}=r,s=a==null?void 0:a(e.tmNode.rawNode);return i("div",{class:`${n}-menu-item-group`,role:"group"},i("div",Object.assign({},s,{class:[`${n}-menu-item-group-title`,s==null?void 0:s.class],style:[(s==null?void 0:s.style)||"",l!==void 0?`padding-left: ${l}px;`:""]}),qe(e.title),e.extra?i(ao,null," ",qe(e.extra)):null),i("div",null,e.tmNodes.map(d=>An(d,r))))}}}),os=q({name:"MenuOptionContent",props:{collapsed:Boolean,disabled:Boolean,title:[String,Function],icon:Function,extra:[St
|
|
|
|
|
color: var(--n-arrow-color-hover);
|
|
|
|
|
`),w("icon",`
|
|
|
|
|
color: var(--n-item-icon-color-hover);
|
|
|
|
|
`),g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-hover);
|
|
|
|
|
`,[y("a",`
|
|
|
|
|
color: var(--n-item-text-color-hover);
|
|
|
|
|
`),w("extra",`
|
|
|
|
|
color: var(--n-item-text-color-hover);
|
|
|
|
|
`)])],Ii=[w("icon",`
|
|
|
|
|
color: var(--n-item-icon-color-hover-horizontal);
|
|
|
|
|
`),g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-hover-horizontal);
|
|
|
|
|
`,[y("a",`
|
|
|
|
|
color: var(--n-item-text-color-hover-horizontal);
|
|
|
|
|
`),w("extra",`
|
|
|
|
|
color: var(--n-item-text-color-hover-horizontal);
|
|
|
|
|
`)])],Tb=y([g("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;
|
|
|
|
|
`,[g("submenu","margin: 0;"),g("menu-item","margin: 0;"),g("menu-item-content",`
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
border-bottom: 2px solid #0000;
|
|
|
|
|
`,[y("&::before","display: none;"),k("selected","border-bottom: 2px solid var(--n-border-color-horizontal)")]),g("menu-item-content",[k("selected",[w("icon","color: var(--n-item-icon-color-active-horizontal);"),g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-active-horizontal);
|
|
|
|
|
`,[y("a","color: var(--n-item-text-color-active-horizontal);"),w("extra","color: var(--n-item-text-color-active-horizontal);")])]),k("child-active",`
|
|
|
|
|
border-bottom: 2px solid var(--n-border-color-horizontal);
|
|
|
|
|
`,[g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-child-active-horizontal);
|
|
|
|
|
`,[y("a",`
|
|
|
|
|
color: var(--n-item-text-color-child-active-horizontal);
|
|
|
|
|
`),w("extra",`
|
|
|
|
|
color: var(--n-item-text-color-child-active-horizontal);
|
|
|
|
|
`)]),w("icon",`
|
|
|
|
|
color: var(--n-item-icon-color-child-active-horizontal);
|
|
|
|
|
`)]),je("disabled",[je("selected, child-active",[y("&:focus-within",Ii)]),k("selected",[ct(null,[w("icon","color: var(--n-item-icon-color-active-hover-horizontal);"),g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-active-hover-horizontal);
|
|
|
|
|
`,[y("a","color: var(--n-item-text-color-active-hover-horizontal);"),w("extra","color: var(--n-item-text-color-active-hover-horizontal);")])])]),k("child-active",[ct(null,[w("icon","color: var(--n-item-icon-color-child-active-hover-horizontal);"),g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-child-active-hover-horizontal);
|
|
|
|
|
`,[y("a","color: var(--n-item-text-color-child-active-hover-horizontal);"),w("extra","color: var(--n-item-text-color-child-active-hover-horizontal);")])])]),ct("border-bottom: 2px solid var(--n-border-color-horizontal);",Ii)]),g("menu-item-content-header",[y("a","color: var(--n-item-text-color-horizontal);")])])]),k("collapsed",[g("menu-item-content",[k("selected",[y("&::before",`
|
|
|
|
|
background-color: var(--n-item-color-active-collapsed) !important;
|
|
|
|
|
`)]),g("menu-item-content-header","opacity: 0;"),w("arrow","opacity: 0;"),w("icon","color: var(--n-item-icon-color-collapsed);")])]),g("menu-item",`
|
|
|
|
|
height: var(--n-item-height);
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
position: relative;
|
|
|
|
|
`),g("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);
|
|
|
|
|
`,[y("> *","z-index: 1;"),y("&::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",[w("arrow","transform: rotate(0);")]),k("selected",[y("&::before","background-color: var(--n-item-color-active);"),w("arrow","color: var(--n-arrow-color-active);"),w("icon","color: var(--n-item-icon-color-active);"),g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-active);
|
|
|
|
|
`,[y("a","color: var(--n-item-text-color-active);"),w("extra","color: var(--n-item-text-color-active);")])]),k("child-active",[g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-child-active);
|
|
|
|
|
`,[y("a",`
|
|
|
|
|
color: var(--n-item-text-color-child-active);
|
|
|
|
|
`),w("extra",`
|
|
|
|
|
color: var(--n-item-text-color-child-active);
|
|
|
|
|
`)]),w("arrow",`
|
|
|
|
|
color: var(--n-arrow-color-child-active);
|
|
|
|
|
`),w("icon",`
|
|
|
|
|
color: var(--n-item-icon-color-child-active);
|
|
|
|
|
`)]),je("disabled",[je("selected, child-active",[y("&:focus-within",ki)]),k("selected",[ct(null,[w("arrow","color: var(--n-arrow-color-active-hover);"),w("icon","color: var(--n-item-icon-color-active-hover);"),g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-active-hover);
|
|
|
|
|
`,[y("a","color: var(--n-item-text-color-active-hover);"),w("extra","color: var(--n-item-text-color-active-hover);")])])]),k("child-active",[ct(null,[w("arrow","color: var(--n-arrow-color-child-active-hover);"),w("icon","color: var(--n-item-icon-color-child-active-hover);"),g("menu-item-content-header",`
|
|
|
|
|
color: var(--n-item-text-color-child-active-hover);
|
|
|
|
|
`,[y("a","color: var(--n-item-text-color-child-active-hover);"),w("extra","color: var(--n-item-text-color-child-active-hover);")])])]),k("selected",[ct(null,[y("&::before","background-color: var(--n-item-color-active-hover);")])]),ct(null,ki)]),w("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;
|
|
|
|
|
`),w("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);
|
|
|
|
|
`),g("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);
|
|
|
|
|
`,[y("a",`
|
|
|
|
|
outline: none;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-item-text-color);
|
|
|
|
|
`,[y("&::before",`
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
`)]),w("extra",`
|
|
|
|
|
font-size: .93em;
|
|
|
|
|
color: var(--n-group-text-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`)])]),g("submenu",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
`,[g("menu-item-content",`
|
|
|
|
|
height: var(--n-item-height);
|
|
|
|
|
`),g("submenu-children",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding: 0;
|
|
|
|
|
`,[nr({duration:".2s"})])]),g("menu-item-group",[g("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);
|
|
|
|
|
`)])]),g("menu-tooltip",[y("a",`
|
|
|
|
|
color: inherit;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
`)]),g("menu-divider",`
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
background-color: var(--n-divider-color);
|
|
|
|
|
height: 1px;
|
|
|
|
|
margin: 6px 18px;
|
|
|
|
|
`)]);function ct(e,o){return[k("hover",e,o),y("&:hover",e,o)]}const Fb=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,defalut:!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"}}),H1=q({name:"Menu",props:Fb,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Menu","-menu",Tb,Lg,e,o),n=Se(mb,null),l=R(()=>{var O;const{collapsed:P}=e;if(P!==void 0)return P;if(n){const{collapseModeRef:z,collapsedRef:L}=n;if(z.value==="width")return(O=L.value)!==null&&O!==void 0?O:!1}return!1}),a=R(()=>{const{keyField:O,childrenField:P,disabledField:z}=e;return sr(e.items||e.options,{getIgnored(L){return ns(L)},getChildren(L){return L[P]},getDisabled(L){return L[z]},getKey(L){var M;return(M=L[O])!==null&&M!==void 0?M:L.name}})}),s=R(()=>new Set(a.value.treeNodes.map(O=>O.key))),{watchProps:d}=e,c=D(null);d!=null&&d.includes("defaultValue")?oo(()=>{c.value=e.defaultValue}):c.value=e.defaultValue;const u=ie(e,"value"),f=so(u,c),p=D([]),v=()=>{p.value=e.defaultExpandAll?a.value.getNonLeafKeys():e.defaultExpandedNames||e.defaultExpandedKeys||a.value.getPath(f.value,{includeSelf:!1}).keyPath};d!=null&&d.includes("defaultExpandedKeys")?oo(v):v();const h=pt(e,["expandedNames","expandedKeys"]),m=so(h,p),b=R(()=>a.value.treeNodes),C=R(()=>a.value.getPath(f.value).keyPath);Oe(mr,{props:e,mergedCollapsedRef:l,mergedThemeRef:r,mergedValueRef:f,mergedExpandedKeysRef:m,activePathRef:C,mergedClsPrefixRef:o,isHorizontalRef:R(()=>e.mode==="horizontal"),invertedRef:ie(e,"inverted"),doSelect:x,toggleExpand:B});function x(O,P){const{"onUpdate:value":z,onUpdateValue:L,onSelect:M}=e;L&&ae(L,O,P),z&&ae(z,O,P),M&&ae(M,O,P),c.value=O}function I(O){const{"onUpdate:expandedKeys":P,onUpdateExpandedKeys:z,onExpandedNamesChange:L,onOpenNamesChange:M}=e;P&&ae(P,O),z&&ae(z,O),L&&ae(L,O),M&&ae(M,O),p.value=O}function B(O){const P=Array.from(m.value),z=P.findIndex(L=>L===O);if(~z)P.splice(z,1);else{if(e.accordion&&s.value.has(O)){const L=P.findIndex(M=>s.value.has(M));L>-1&&P.splice(L,1)}P.push(O)}I(P)}const $=O=>{const P=a.value.getPath(O??f.value,{includeSelf:!1}).keyPath;if(!P.length)return;const z=Array.from(m.value),L=new Set([...z,...P]);e.accordion&&s.value.forEach(M=>{L.has(M)&&!P.includes(M)&&L.delete(M)}),I(Array.from(L))},T=R(()=>{const{inverted:O}=e,{common:{cubicBezierEaseInOut:P},self:z}=r.value,{borderRadius:L,borderColorHorizontal:M,fontSize:j,itemHeight:E,dividerColor:U}=z,_={"--n-divider-color":U,"--n-bezier":P,"--n-font-size":j,"--n-border-color-horizontal":M,"--n-border-radius":L,"--n-item-height":E};return O?(_["--n-group-text-color"]=z.groupTextColorInverted,_["--n-color"]=z.colorInverted,_["--n-item-text-color"]=z.itemTextColorInverted,_["--n-item-text-color-hover"]=z.itemTextColorHoverInverted,_["--n-item-text-color-active"]=z.itemTextColorActiveInverted,_["--n-item-text-color-child-active"]=z.itemTextColorChildActiveInverted,_["--n-item-text-color-child-active-hover"]=z.itemTextColorChildActiveInverted,_["--n-item-text-color-a
|
|
|
|
|
box-shadow: var(--n-menu-box-shadow);
|
|
|
|
|
`,[lt({originalTransition:"background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"})])]),_b=Object.assign(Object.assign({},re.props),{to:Io.propTo,autosize:[Boolean,Object],options:{type:Array,default:[]},type:{type:String,default:"text"},separator:{type:String,validator:e=>e.length!==1?(Go("mention","`separator`'s length must be 1."),!1):!0,default:" "},bordered:{type:Boolean,default:void 0},disabled:Boolean,value:String,defaultValue:{type:String,default:""},loading:Boolean,prefix:{type:[String,Array],default:"@"},placeholder:{type:String,default:""},placement:{type:String,default:"bottom-start"},size:String,renderLabel:Function,status:String,"onUpdate:show":[Array,Function],onUpdateShow:[Array,Function],"onUpdate:value":[Array,Function],onUpdateValue:[Array,Function],onSearch:Function,onSelect:Function,onFocus:Function,onBlur:Function,internalDebug:Boolean}),A1=q({name:"Mention",props:_b,setup(e){const{namespaceRef:o,mergedClsPrefixRef:t,mergedBorderedRef:r,inlineThemeDisabled:n}=ke(e),l=re("Mention","-mention",Mb,Mg,e,t),a=tt(e),s=D(null),d=D(null),c=D(null),u=D("");let f=null,p=null,v=null;const h=R(()=>{const{value:X}=u;return e.options.filter(pe=>X?typeof pe.label=="string"?pe.label.startsWith(X):typeof pe.value=="string"?pe.value.startsWith(X):!1:!0)}),m=R(()=>sr(h.value,{getKey:X=>X.value})),b=D(null),C=D(!1),x=D(e.defaultValue),I=ie(e,"value"),B=so(I,x),$=R(()=>{const{self:{menuBoxShadow:X}}=l.value;return{"--n-menu-box-shadow":X}}),T=n?Ae("mention",void 0,$,e):void 0;function S(X){if(e.disabled)return;const{onUpdateShow:pe,"onUpdate:show":fe}=e;pe&&ae(pe,X),fe&&ae(fe,X),X||(f=null,p=null,v=null),C.value=X}function O(X){const{onUpdateValue:pe,"onUpdate:value":fe}=e,{nTriggerFormChange:be,nTriggerFormInput:ge}=a;fe&&ae(fe,X),pe&&ae(pe,X),ge(),be(),x.value=X}function P(){return e.type==="text"?s.value.inputElRef:s.value.textareaElRef}function z(){var X;const pe=P();if(document.activeElement!==pe){S(!1);return}const{selectionEnd:fe}=pe;if(fe===null){S(!1);return}const be=pe.value,{separator:ge}=e,{prefix:se}=e,Re=typeof se=="string"?[se]:se;for(let ve=fe-1;ve>=0;--ve){const J=be[ve];if(J===ge||J===`
|
|
|
|
|
`||J==="\r"){S(!1);return}if(Re.includes(J)){const xe=be.slice(ve+1,fe);S(!0),(X=e.onSearch)===null||X===void 0||X.call(e,xe,J),u.value=xe,f=J,p=ve+1,v=fe;return}}S(!1)}function L(){const{value:X}=d;if(!X)return;const pe=P(),fe=Ob(pe);fe.left+=pe.parentElement.offsetLeft,X.style.left=`${fe.left}px`,X.style.top=`${fe.top+fe.height}px`}function M(){var X;C.value&&((X=c.value)===null||X===void 0||X.syncPosition())}function j(X){O(X),E()}function E(){setTimeout(()=>{L(),z(),io().then(M)},0)}function U(X){var pe,fe;if(X.key==="ArrowLeft"||X.key==="ArrowRight"){if(!((pe=s.value)===null||pe===void 0)&&pe.isCompositing)return;E()}else if(X.key==="ArrowUp"||X.key==="ArrowDown"||X.key==="Enter"){if(!((fe=s.value)===null||fe===void 0)&&fe.isCompositing)return;const{value:be}=b;if(C.value){if(be)if(X.preventDefault(),X.key==="ArrowUp")be.prev();else if(X.key==="ArrowDown")be.next();else{const ge=be.getPendingTmNode();ge?G(ge):S(!1)}}else E()}}function _(X){const{onFocus:pe}=e;pe==null||pe(X);const{nTriggerFormFocus:fe}=a;fe(),E()}function V(){var X;(X=s.value)===null||X===void 0||X.focus()}function te(){var X;(X=s.value)===null||X===void 0||X.blur()}function N(X){const{onBlur:pe}=e;pe==null||pe(X);const{nTriggerFormBlur:fe}=a;fe(),S(!1)}function G(X){var pe;if(f===null||p===null||v===null)return;const{rawNode:{value:fe=""}}=X,be=P(),ge=be.value,{separator:se}=e,Re=ge.slice(v),ve=Re.startsWith(se),J=`${fe}${ve?"":se}`;O(ge.slice(0,p)+J+Re),(pe=e.onSelect)===null||pe===void 0||pe.call(e,X.rawNode,f);const xe=p+J.length+(ve?1:0);io().then(()=>{be.selectionStart=xe,be.selectionEnd=xe,z()})}function Ce(){e.disabled||E()}return{namespace:o,mergedClsPrefix:t,mergedBordered:r,mergedSize:a.mergedSizeRef,mergedStatus:a.mergedStatusRef,mergedTheme:l,treeMate:m,selectMenuInstRef:b,inputInstRef:s,cursorRef:d,followerRef:c,showMenu:C,adjustedTo:Io(e),isMounted:bt(),mergedValue:B,handleInputFocus:_,handleInputBlur:N,handleInputUpdateValue:j,handleInputKeyDown:U,handleSelect:G,handleInputMouseDown:Ce,focus:V,blur:te,cssVars:n?void 0:$,themeClass:T==null?void 0:T.themeClass,onRender:T==null?void 0:T.onRender}},render(){const{mergedTheme:e,mergedClsPrefix:o,$slots:t}=this;return i("div",{class:`${o}-mention`},i(mt,{status:this.mergedStatus,themeOverrides:e.peerOverrides.Input,theme:e.peers.Input,size:this.mergedSize,autosize:this.autosize,type:this.type,ref:"inputInstRef",placeholder:this.placeholder,onMousedown:this.handleInputMouseDown,onUpdateValue:this.handleInputUpdateValue,onKeydown:this.handleInputKeyDown,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,bordered:this.mergedBordered,disabled:this.disabled,value:this.mergedValue}),i(Br,null,{default:()=>[i(Tr,null,{default:()=>i("div",{style:{position:"absolute",width:0,height:0},ref:"cursorRef"})}),i(Ir,{ref:"followerRef",placement:this.placement,show:this.showMenu,containerClass:this.namespace,to:this.adjustedTo,teleportDisabled:this.adjustedTo===Io.tdkey},{default:()=>i(no,{name:"fade-in-scale-up-transition",appear:this.isMounted},{default:()=>{const{mergedTheme:r,onRender:n}=this;return n==null||n(),this.showMenu?i(Cn,{clsPrefix:o,theme:r.peers.InternalSelectMenu,themeOverrides:r.peerOverrides.InternalSelectMenu,autoPending:!0,ref:"selectMenuInstRef",class:[`${o}-mention-menu`,this.themeClass],loading:this.loading,treeMate:this.treeMate,virtualScroll:!1,style:this.cssVars,onToggle:this.handleSelect,renderLabel:this.renderLabel},t):null}})})]}))}}),is={icon:Function,type:{type:String,default:"info"},content:[String,Number,Function],showIcon:{type:Boolean,default:!0},closable:Boolean,keepAliveOnHover:Boolean,onClose:Function,onMouseenter:Function,onMouseleave:Function},ls="n-message-api",as="n-message-provider",Db=y([g("message-wrapper",`
|
|
|
|
|
margin: var(--n-margin);
|
|
|
|
|
z-index: 0;
|
|
|
|
|
transform-origin: top center;
|
|
|
|
|
display: flex;
|
|
|
|
|
`,[nr({overflow:"visible",originalTransition:"transform .3s var(--n-bezier)",enterToProps:{transform:"scale(1)"},leaveToProps:{transform:"scale(0.85)"}})]),g("message",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
opacity .3s var(--n-bezier),
|
|
|
|
|
transform .3s var(--n-bezier),
|
|
|
|
|
margin-bottom .3s var(--n-bezier);
|
|
|
|
|
padding: var(--n-padding);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
max-width: var(--n-max-width);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
background-color: var(--n-color);
|
|
|
|
|
box-shadow: var(--n-box-shadow);
|
|
|
|
|
`,[w("content",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
line-height: var(--n-line-height);
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
`),w("icon",`
|
|
|
|
|
position: relative;
|
|
|
|
|
margin: var(--n-icon-margin);
|
|
|
|
|
height: var(--n-icon-size);
|
|
|
|
|
width: var(--n-icon-size);
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
`,[["default","info","success","warning","error","loading"].map(e=>k(`${e}-type`,[y("> *",`
|
|
|
|
|
color: var(--n-icon-color-${e});
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`)])),y("> *",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
`,[it()])]),w("close",`
|
|
|
|
|
margin: var(--n-close-margin);
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
`,[y("&:hover",`
|
|
|
|
|
color: var(--n-close-icon-color-hover);
|
|
|
|
|
`),y("&:active",`
|
|
|
|
|
color: var(--n-close-icon-color-pressed);
|
|
|
|
|
`)])]),g("message-container",`
|
|
|
|
|
z-index: 6000;
|
|
|
|
|
position: fixed;
|
|
|
|
|
height: 0;
|
|
|
|
|
overflow: visible;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[k("top",`
|
|
|
|
|
top: 12px;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
`),k("top-left",`
|
|
|
|
|
top: 12px;
|
|
|
|
|
left: 12px;
|
|
|
|
|
right: 0;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
`),k("top-right",`
|
|
|
|
|
top: 12px;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 12px;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
`),k("bottom",`
|
|
|
|
|
bottom: 4px;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
`),k("bottom-left",`
|
|
|
|
|
bottom: 4px;
|
|
|
|
|
left: 12px;
|
|
|
|
|
right: 0;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
`),k("bottom-right",`
|
|
|
|
|
bottom: 4px;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 12px;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
`)])]),Lb={info:()=>i(vt,null),success:()=>i(Ht,null),warning:()=>i(xt,null),error:()=>i(Lt,null),default:()=>null},Hb=q({name:"Message",props:Object.assign(Object.assign({},is),{render:Function}),setup(e){const{inlineThemeDisabled:o,mergedRtlRef:t}=ke(e),{props:r,mergedClsPrefixRef:n}=Se(as),l=to("Message",t,n),a=re("Message","-message",Db,cg,r,n),s=R(()=>{const{type:c}=e,{common:{cubicBezierEaseInOut:u},self:{padding:f,margin:p,maxWidth:v,iconMargin:h,closeMargin:m,closeSize:b,iconSize:C,fontSize:x,lineHeight:I,borderRadius:B,iconColorInfo:$,iconColorSuccess:T,iconColorWarning:S,iconColorError:O,iconColorLoading:P,closeIconSize:z,closeBorderRadius:L,[W("textColor",c)]:M,[W("boxShadow",c)]:j,[W("color",c)]:E,[W("closeColorHover",c)]:U,[W("closeColorPressed",c)]:_,[W("closeIconColor",c)]:V,[W("closeIconColorPressed",c)]:te,[W("closeIconColorHover",c)]:N}}=a.value;return{"--n-bezier":u,"--n-margin":p,"--n-padding":f,"--n-max-width":v,"--n-font-size":x,"--n-icon-margin":h,"--n-icon-size":C,"--n-close-icon-size":z,"--n-close-border-radius":L,"--n-close-size":b,"--n-close-margin":m,"--n-text-color":M,"--n-color":E,"--n-box-shadow":j,"--n-icon-color-info":$,"--n-icon-color-success":T,"--n-icon-color-warning":S,"--n-icon-color-error":O,"--n-icon-color-loading":P,"--n-close-color-hover":U,"--n-close-color-pressed":_,"--n-close-icon-color":V,"--n-close-icon-color-pressed":te,"--n-close-icon-color-hover":N,"--n-line-height":I,"--n-border-radius":B}}),d=o?Ae("message",R(()=>e.type[0]),s,{}):void 0;return{mergedClsPrefix:n,rtlEnabled:l,messageProviderProps:r,handleClose(){var c;(c=e.onClose)===null||c===void 0||c.call(e)},cssVars:o?void 0:s,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender,placement:r.placement}},render(){const{render:e,type:o,closable:t,content:r,mergedClsPrefix:n,cssVars:l,themeClass:a,onRender:s,icon:d,handleClose:c,showIcon:u}=this;s==null||s();let f;return i("div",{class:[`${n}-message-wrapper`,a],onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave,style:[{alignItems:this.placement.startsWith("top")?"flex-start":"flex-end"},l]},e?e(this.$props):i("div",{class:[`${n}-message ${n}-message--${o}-type`,this.rtlEnabled&&`${n}-message--rtl`]},(f=Ab(d,o,n))&&u?i("div",{class:`${n}-message__icon ${n}-message__icon--${o}-type`},i(At,null,{default:()=>f})):null,i("div",{class:`${n}-message__content`},qe(r)),t?i(yt,{clsPrefix:n,class:`${n}-message__close`,onClick:c,absolute:!0}):null))}});function Ab(e,o,t){if(typeof e=="function")return e();{const r=o==="loading"?i(Et,{clsPrefix:t,strokeWidth:24,scale:.85}):Lb[o]();return r?i(De,{clsPrefix:t,key:o},{default:()=>r}):null}}const Eb=q({name:"MessageEnvironment",props:Object.assign(Object.assign({},is),{duration:{type:Number,default:3e3},onAfterLeave:Function,onLeave:Function,internalKey:{type:String,required:!0},onInternalAfterLeave:Function,onHide:Function,onAfterHide:Function}),setup(e){let o=null;const t=D(!0);mo(()=>{r()});function r(){const{duration:u}=e;u&&(o=window.setTimeout(a,u))}function n(u){u.currentTarget===u.target&&o!==null&&(window.clearTimeout(o),o=null)}function l(u){u.currentTarget===u.target&&r()}function a(){const{onHide:u}=e;t.value=!1,o&&(window.clearTimeout(o),o=null),u&&u()}function s(){const{onClose:u}=e;u&&u(),a()}function d(){const{onAfterLeave:u,onInternalAfterLeave:f,onAfterHide:p,internalKey:v}=e;u&&u(),f&&f(v),p&&p()}function c(){a()}return{show:t,hide:a,handleClose:s,handleAfterLeave:d,handleMouseleave:l,handleMouseenter:n,deactivate:c}},render(){return i(Ct,{appear:!0,onAfterLeave:this.handleAfterLeave,onLeave:this.onLeave},{default:()=>[this.show?i(Hb,{content:this.content,type:this.type,icon:this.icon,showIcon:this.showIcon,closable:this.closable,onClose:this.handleClose,onMouseenter:this.keepAliveOnHover?this.handleMouseenter:void 0,onMouseleave:this.keepAliveOnHover?this.handleMouseleave:void 0}):null]})}}),jb=Object.assign(Object.assign({},re.props),{to:[String,Object],duration:{type:Number,default:3e3},keepAliveOnHover:Boolean,max:Number,placement:{type:String,default:"top"},closable:Boolean,contai
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
position: relative;
|
|
|
|
|
`,[w("icon",`
|
|
|
|
|
display: flex;
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
margin: 0 8px 0 0;
|
|
|
|
|
`)]),w("action",`
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
`,[y("&:not(:first-child)","margin-top: 8px"),g("button",[y("&:not(:last-child)","margin-right: 8px;")])])]),Vb=Object.assign(Object.assign(Object.assign({},re.props),gt),{positiveText:String,negativeText:String,showIcon:{type:Boolean,default:!0},trigger:{type:String,default:"click"},positiveButtonProps:Object,negativeButtonProps:Object,onPositiveClick:Function,onNegativeClick:Function}),W1=q({name:"Popconfirm",props:Vb,__popover__:!0,setup(e){const{mergedClsPrefixRef:o}=ke(),t=re("Popconfirm","-popconfirm",Nb,Ug,e,o),r=D(null);function n(s){const{onPositiveClick:d,"onUpdate:show":c}=e;Promise.resolve(d?d(s):!0).then(u=>{var f;u!==!1&&((f=r.value)===null||f===void 0||f.setShow(!1),c&&ae(c,!1))})}function l(s){const{onNegativeClick:d,"onUpdate:show":c}=e;Promise.resolve(d?d(s):!0).then(u=>{var f;u!==!1&&((f=r.value)===null||f===void 0||f.setShow(!1),c&&ae(c,!1))})}return Oe(ss,{mergedThemeRef:t,mergedClsPrefixRef:o,props:e}),Object.assign(Object.assign({},{setShow(s){var d;(d=r.value)===null||d===void 0||d.setShow(s)},syncPosition(){var s;(s=r.value)===null||s===void 0||s.syncPosition()}}),{mergedTheme:t,popoverInstRef:r,handlePositiveClick:n,handleNegativeClick:l})},render(){const{$slots:e,$props:o,mergedTheme:t}=this;return i(pr,_t(o,Bi,{theme:t.peers.Popover,themeOverrides:t.peerOverrides.Popover,internalExtraClass:["popconfirm"],ref:"popoverInstRef"}),{trigger:e.activator||e.trigger,default:()=>{const r=go(o,Bi);return i(Wb,Object.assign(Object.assign({},r),{onPositiveClick:this.handlePositiveClick,onNegativeClick:this.handleNegativeClick}),e)}})}}),Ub=y([g("progress",{display:"inline-block"},[g("progress-icon",`
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`),k("line",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: block;
|
|
|
|
|
`,[g("progress-content",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[g("progress-graph",{flex:1})]),g("progress-custom-content",{marginLeft:"14px"}),g("progress-icon",`
|
|
|
|
|
width: 30px;
|
|
|
|
|
padding-left: 14px;
|
|
|
|
|
height: var(--n-icon-size-line);
|
|
|
|
|
line-height: var(--n-icon-size-line);
|
|
|
|
|
font-size: var(--n-icon-size-line);
|
|
|
|
|
`,[k("as-text",`
|
|
|
|
|
color: var(--n-text-color-line-outer);
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 40px;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
padding-left: 4px;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`)])]),k("circle, dashboard",{width:"120px"},[g("progress-custom-content",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
`),g("progress-text",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
color: inherit;
|
|
|
|
|
font-size: var(--n-font-size-circle);
|
|
|
|
|
color: var(--n-text-color-circle);
|
|
|
|
|
font-weight: var(--n-font-weight-circle);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
`),g("progress-icon",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
font-size: var(--n-icon-size-circle);
|
|
|
|
|
`)]),k("multiple-circle",`
|
|
|
|
|
width: 200px;
|
|
|
|
|
color: inherit;
|
|
|
|
|
`,[g("progress-text",`
|
|
|
|
|
font-weight: var(--n-font-weight-circle);
|
|
|
|
|
color: var(--n-text-color-circle);
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`)]),g("progress-content",{position:"relative"}),g("progress-graph",{position:"relative"},[g("progress-graph-circle",[y("svg",{verticalAlign:"bottom"}),g("progress-graph-circle-fill",`
|
|
|
|
|
stroke: var(--n-fill-color);
|
|
|
|
|
transition:
|
|
|
|
|
opacity .3s var(--n-bezier),
|
|
|
|
|
stroke .3s var(--n-bezier),
|
|
|
|
|
stroke-dasharray .3s var(--n-bezier);
|
|
|
|
|
`,[k("empty",{opacity:0})]),g("progress-graph-circle-rail",`
|
|
|
|
|
transition: stroke .3s var(--n-bezier);
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
stroke: var(--n-rail-color);
|
|
|
|
|
`)]),g("progress-graph-line",[k("indicator-inside",[g("progress-graph-line-rail",`
|
|
|
|
|
height: 16px;
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
`,[g("progress-graph-line-fill",`
|
|
|
|
|
height: inherit;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
`),g("progress-graph-line-indicator",`
|
|
|
|
|
background: #0000;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-align: right;
|
|
|
|
|
margin-left: 14px;
|
|
|
|
|
margin-right: 14px;
|
|
|
|
|
height: inherit;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: var(--n-text-color-line-inner);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`)])]),k("indicator-inside-label",`
|
|
|
|
|
height: 16px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[g("progress-graph-line-rail",`
|
|
|
|
|
flex: 1;
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
`),g("progress-graph-line-indicator",`
|
|
|
|
|
background: var(--n-fill-color);
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
transform: translateZ(0);
|
|
|
|
|
display: flex;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
height: 16px;
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
color: var(--n-text-color-line-inner);
|
|
|
|
|
transition:
|
|
|
|
|
right .2s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
`)]),g("progress-graph-line-rail",`
|
|
|
|
|
position: relative;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
height: var(--n-rail-height);
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
background-color: var(--n-rail-color);
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
`,[g("progress-graph-line-fill",`
|
|
|
|
|
background: var(--n-fill-color);
|
|
|
|
|
position: relative;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
height: inherit;
|
|
|
|
|
width: 100%;
|
|
|
|
|
max-width: 0%;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
max-width .2s var(--n-bezier);
|
|
|
|
|
`,[k("processing",[y("&::after",`
|
|
|
|
|
content: "";
|
|
|
|
|
background-image: var(--n-line-bg-processing);
|
|
|
|
|
animation: progress-processing-animation 2s var(--n-bezier) infinite;
|
|
|
|
|
`)])])])])])]),y("@keyframes progress-processing-animation",`
|
|
|
|
|
0% {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 100%;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
66% {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
`)]),Kb={success:i(Ht,null),error:i(Lt,null),warning:i(xt,null),info:i(vt,null)},Gb=q({name:"ProgressLine",props:{clsPrefix:{type:String,required:!0},percentage:{type:Number,default:0},railColor:String,railStyle:[String,Object],fillColor:String,status:{type:String,required:!0},indicatorPlacement:{type:String,required:!0},indicatorTextColor:String,unit:{type:String,default:"%"},processing:{type:Boolean,required:!0},showIndicator:{type:Boolean,required:!0},height:[String,Number],railBorderRadius:[String,Number],fillBorderRadius:[String,Number]},setup(e,{slots:o}){const t=R(()=>eo(e.height)),r=R(()=>e.railBorderRadius!==void 0?eo(e.railBorderRadius):e.height!==void 0?eo(e.height,{c:.5}):""),n=R(()=>e.fillBorderRadius!==void 0?eo(e.fillBorderRadius):e.railBorderRadius!==void 0?eo(e.railBorderRadius):e.height!==void 0?eo(e.height,{c:.5}):"");return()=>{const{indicatorPlacement:l,railColor:a,railStyle:s,percentage:d,unit:c,indicatorTextColor:u,status:f,showIndicator:p,fillColor:v,processing:h,clsPrefix:m}=e;return i("div",{class:`${m}-progress-content`,role:"none"},i("div",{class:`${m}-progress-graph`,"aria-hidden":!0},i("div",{class:[`${m}-progress-graph-line`,{[`${m}-progress-graph-line--indicator-${l}`]:!0}]},i("div",{class:`${m}-progress-graph-line-rail`,style:[{backgroundColor:a,height:t.value,borderRadius:r.value},s]},i("div",{class:[`${m}-progress-graph-line-fill`,h&&`${m}-progress-graph-line-fill--processing`],style:{maxWidth:`${e.percentage}%`,backgroundColor:v,height:t.value,lineHeight:t.value,borderRadius:n.value}},l==="inside"?i("div",{class:`${m}-progress-graph-line-indicator`,style:{color:u}},d,c):null)))),p&&l==="outside"?i("div",null,o.default?i("div",{class:`${m}-progress-custom-content`,style:{color:u},role:"none"},o.default()):f==="default"?i("div",{role:"none",class:`${m}-progress-icon ${m}-progress-icon--as-text`,style:{color:u}},d,c):i("div",{class:`${m}-progress-icon`,"aria-hidden":!0},i(De,{clsPrefix:m},{default:()=>Kb[f]}))):null)}}}),qb={success:i(Ht,null),error:i(Lt,null),warning:i(xt,null),info:i(vt,null)},Yb=q({name:"ProgressCircle",props:{clsPrefix:{type:String,required:!0},status:{type:String,required:!0},strokeWidth:{type:Number,required:!0},fillColor:String,railColor:String,railStyle:[String,Object],percentage:{type:Number,default:0},offsetDegree:{type:Number,default:0},showIndicator:{type:Boolean,required:!0},indicatorTextColor:String,unit:String,viewBoxWidth:{type:Number,required:!0},gapDegree:{type:Number,required:!0},gapOffsetDegree:{type:Number,default:0}},setup(e,{slots:o}){function t(r,n,l){const{gapDegree:a,viewBoxWidth:s,strokeWidth:d}=e,c=50,u=0,f=c,p=0,v=2*c,h=50+d/2,m=`M ${h},${h} m ${u},${f}
|
|
|
|
|
a ${c},${c} 0 1 1 ${p},${-v}
|
|
|
|
|
a ${c},${c} 0 1 1 ${-p},${v}`,b=Math.PI*2*c,C={stroke:l,strokeDasharray:`${r/100*(b-a)}px ${s*8}px`,strokeDashoffset:`-${a/2}px`,transformOrigin:n?"center":void 0,transform:n?`rotate(${n}deg)`:void 0};return{pathString:m,pathStyle:C}}return()=>{const{fillColor:r,railColor:n,strokeWidth:l,offsetDegree:a,status:s,percentage:d,showIndicator:c,indicatorTextColor:u,unit:f,gapOffsetDegree:p,clsPrefix:v}=e,{pathString:h,pathStyle:m}=t(100,0,n),{pathString:b,pathStyle:C}=t(d,a,r),x=100+l;return i("div",{class:`${v}-progress-content`,role:"none"},i("div",{class:`${v}-progress-graph`,"aria-hidden":!0},i("div",{class:`${v}-progress-graph-circle`,style:{transform:p?`rotate(${p}deg)`:void 0}},i("svg",{viewBox:`0 0 ${x} ${x}`},i("g",null,i("path",{class:`${v}-progress-graph-circle-rail`,d:h,"stroke-width":l,"stroke-linecap":"round",fill:"none",style:m})),i("g",null,i("path",{class:[`${v}-progress-graph-circle-fill`,d===0&&`${v}-progress-graph-circle-fill--empty`],d:b,"stroke-width":l,"stroke-linecap":"round",fill:"none",style:C}))))),c?i("div",null,o.default?i("div",{class:`${v}-progress-custom-content`,role:"none"},o.default()):s!=="default"?i("div",{class:`${v}-progress-icon`,"aria-hidden":!0},i(De,{clsPrefix:v},{default:()=>qb[s]})):i("div",{class:`${v}-progress-text`,style:{color:u},role:"none"},i("span",{class:`${v}-progress-text__percentage`},d),i("span",{class:`${v}-progress-text__unit`},f))):null)}}});function Ti(e,o,t=100){return`m ${t/2} ${t/2-e} a ${e} ${e} 0 1 1 0 ${2*e} a ${e} ${e} 0 1 1 0 -${2*e}`}const Xb=q({name:"ProgressMultipleCircle",props:{clsPrefix:{type:String,required:!0},viewBoxWidth:{type:Number,required:!0},percentage:{type:Array,default:[0]},strokeWidth:{type:Number,required:!0},circleGap:{type:Number,required:!0},showIndicator:{type:Boolean,required:!0},fillColor:{type:Array,default:()=>[]},railColor:{type:Array,default:()=>[]},railStyle:{type:Array,default:()=>[]}},setup(e,{slots:o}){const t=R(()=>e.percentage.map((n,l)=>`${Math.PI*n/100*(e.viewBoxWidth/2-e.strokeWidth/2*(1+2*l)-e.circleGap*l)*2}, ${e.viewBoxWidth*8}`));return()=>{const{viewBoxWidth:r,strokeWidth:n,circleGap:l,showIndicator:a,fillColor:s,railColor:d,railStyle:c,percentage:u,clsPrefix:f}=e;return i("div",{class:`${f}-progress-content`,role:"none"},i("div",{class:`${f}-progress-graph`,"aria-hidden":!0},i("div",{class:`${f}-progress-graph-circle`},i("svg",{viewBox:`0 0 ${r} ${r}`},u.map((p,v)=>i("g",{key:v},i("path",{class:`${f}-progress-graph-circle-rail`,d:Ti(r/2-n/2*(1+2*v)-l*v,n,r),"stroke-width":n,"stroke-linecap":"round",fill:"none",style:[{strokeDashoffset:0,stroke:d[v]},c[v]]}),i("path",{class:[`${f}-progress-graph-circle-fill`,p===0&&`${f}-progress-graph-circle-fill--empty`],d:Ti(r/2-n/2*(1+2*v)-l*v,n,r),"stroke-width":n,"stroke-linecap":"round",fill:"none",style:{strokeDasharray:t.value[v],strokeDashoffset:0,stroke:s[v]}})))))),a&&o.default?i("div",null,i("div",{class:`${f}-progress-text`},o.default())):null)}}}),Zb=Object.assign(Object.assign({},re.props),{processing:Boolean,type:{type:String,default:"line"},gapDegree:Number,gapOffsetDegree:Number,status:{type:String,default:"default"},railColor:[String,Array],railStyle:[String,Array],color:[String,Array],viewBoxWidth:{type:Number,default:100},strokeWidth:{type:Number,default:7},percentage:[Number,Array],unit:{type:String,default:"%"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{type:String,default:"outside"},indicatorPlacement:{type:String,default:"outside"},indicatorTextColor:String,circleGap:{type:Number,default:1},height:Number,borderRadius:[String,Number],fillBorderRadius:[String,Number],offsetDegree:Number}),Qb=q({name:"Progress",props:Zb,setup(e){const o=R(()=>e.indicatorPlacement||e.indicatorPosition),t=R(()=>{if(e.gapDegree||e.gapDegree===0)return e.gapDegree;if(e.type==="dashboard")return 75}),{mergedClsPrefixRef:r,inlineThemeDisabled:n}=ke(e),l=re("Progress","-progress",Ub,Aa,e,r),a=R(()=>{const{status:d}=e,{common:{cubicBezierEaseInOut:c},self:{fontSize:u,fontSizeCircle:f,railColor:p,railHeight:v,iconSizeCircle:h,iconSizeLine:m,textColorCircle:b,tex
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
line-height: var(--n-line-height);
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
`,[g("result-icon",`
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`,[w("status-image",`
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
width: 1em;
|
|
|
|
|
height: 1em;
|
|
|
|
|
`),g("base-icon",`
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
font-size: var(--n-icon-size);
|
|
|
|
|
`)]),g("result-content",{marginTop:"24px"}),g("result-footer",`
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
`),g("result-header",[w("title",`
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
font-weight: var(--n-title-font-weight);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: var(--n-title-text-color);
|
|
|
|
|
font-size: var(--n-title-font-size);
|
|
|
|
|
`),w("description",`
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
`)])]),n0={403:t0,404:Jb,418:o0,500:e0,info:i(vt,null),success:i(Ht,null),warning:i(xt,null),error:i(Lt,null)},i0=Object.assign(Object.assign({},re.props),{size:{type:String,default:"medium"},status:{type:String,default:"info"},title:String,description:String}),N1=q({name:"Result",props:i0,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Result","-result",r0,em,e,o),n=R(()=>{const{size:a,status:s}=e,{common:{cubicBezierEaseInOut:d},self:{textColor:c,lineHeight:u,titleTextColor:f,titleFontWeight:p,[W("iconColor",s)]:v,[W("fontSize",a)]:h,[W("titleFontSize",a)]:m,[W("iconSize",a)]:b}}=r.value;return{"--n-bezier":d,"--n-font-size":h,"--n-icon-size":b,"--n-line-height":u,"--n-text-color":c,"--n-title-font-size":m,"--n-title-font-weight":p,"--n-title-text-color":f,"--n-icon-color":v||""}}),l=t?Ae("result",R(()=>{const{size:a,status:s}=e;let d="";return a&&(d+=a[0]),s&&(d+=s[0]),d}),n,e):void 0;return{mergedClsPrefix:o,cssVars:t?void 0:n,themeClass:l==null?void 0:l.themeClass,onRender:l==null?void 0:l.onRender}},render(){var e;const{status:o,$slots:t,mergedClsPrefix:r,onRender:n}=this;return n==null||n(),i("div",{class:[`${r}-result`,this.themeClass],style:this.cssVars},i("div",{class:`${r}-result-icon`},((e=t.icon)===null||e===void 0?void 0:e.call(t))||i(De,{clsPrefix:r},{default:()=>n0[o]})),i("div",{class:`${r}-result-header`},this.title?i("div",{class:`${r}-result-header__title`},this.title):null,this.description?i("div",{class:`${r}-result-header__description`},this.description):null),t.default&&i("div",{class:`${r}-result-content`},t),t.footer&&i("div",{class:`${r}-result-footer`},t.footer()))}}),l0={name:"Skeleton",common:ue,self(e){const{heightSmall:o,heightMedium:t,heightLarge:r,borderRadius:n}=e;return{color:"rgba(255, 255, 255, 0.12)",colorEnd:"rgba(255, 255, 255, 0.18)",borderRadius:n,heightSmall:o,heightMedium:t,heightLarge:r}}},a0=e=>{const{heightSmall:o,heightMedium:t,heightLarge:r,borderRadius:n}=e;return{color:"#eee",colorEnd:"#ddd",borderRadius:n,heightSmall:o,heightMedium:t,heightLarge:r}},s0={name:"Skeleton",common:Le,self:a0},d0=y([g("skeleton",`
|
|
|
|
|
height: 1em;
|
|
|
|
|
width: 100%;
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
transition:
|
|
|
|
|
--n-color-start .3s var(--n-bezier),
|
|
|
|
|
--n-color-end .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
animation: 2s skeleton-loading infinite cubic-bezier(0.36, 0, 0.64, 1);
|
|
|
|
|
background-color: var(--n-color-start);
|
|
|
|
|
`),y("@keyframes skeleton-loading",`
|
|
|
|
|
0% {
|
|
|
|
|
background: var(--n-color-start);
|
|
|
|
|
}
|
|
|
|
|
40% {
|
|
|
|
|
background: var(--n-color-end);
|
|
|
|
|
}
|
|
|
|
|
80% {
|
|
|
|
|
background: var(--n-color-start);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
background: var(--n-color-start);
|
|
|
|
|
}
|
|
|
|
|
`)]),c0=Object.assign(Object.assign({},re.props),{text:Boolean,round:Boolean,circle:Boolean,height:[String,Number],width:[String,Number],size:String,repeat:{type:Number,default:1},animated:{type:Boolean,default:!0},sharp:{type:Boolean,default:!0}}),V1=q({name:"Skeleton",inheritAttrs:!1,props:c0,setup(e){rl();const{mergedClsPrefixRef:o}=ke(e),t=re("Skeleton","-skeleton",d0,s0,e,o);return{mergedClsPrefix:o,style:R(()=>{var r,n;const l=t.value,{common:{cubicBezierEaseInOut:a}}=l,s=l.self,{color:d,colorEnd:c,borderRadius:u}=s;let f;const{circle:p,sharp:v,round:h,width:m,height:b,size:C,text:x,animated:I}=e;C!==void 0&&(f=s[W("height",C)]);const B=p?(r=m??b)!==null&&r!==void 0?r:f:m,$=(n=p?m??b:b)!==null&&n!==void 0?n:f;return{display:x?"inline-block":"",verticalAlign:x?"-0.125em":"",borderRadius:p?"50%":h?"4096px":v?"":u,width:typeof B=="number"?_o(B):B,height:typeof $=="number"?_o($):$,animation:I?"":"none","--n-bezier":a,"--n-color-start":d,"--n-color-end":c}})}},render(){const{repeat:e,style:o,mergedClsPrefix:t,$attrs:r}=this,n=i("div",ko({class:`${t}-skeleton`,style:o},r));return e>1?i(ao,null,Array.apply(null,{length:e}).map(l=>[n,`
|
|
|
|
|
`])):n}}),u0=y([y("@keyframes spin-rotate",`
|
|
|
|
|
from {
|
|
|
|
|
transform: rotate(0);
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
}
|
|
|
|
|
`),g("spin-container",{position:"relative"},[g("spin-body",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
`,[Mt()])]),g("spin-body",`
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
`),g("spin",`
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
height: var(--n-size);
|
|
|
|
|
width: var(--n-size);
|
|
|
|
|
font-size: var(--n-size);
|
|
|
|
|
color: var(--n-color);
|
|
|
|
|
`,[k("rotate",`
|
|
|
|
|
animation: spin-rotate 2s linear infinite;
|
|
|
|
|
`)]),g("spin-description",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
`),g("spin-content",`
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition: opacity .3s var(--n-bezier);
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
`,[k("spinning",`
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
opacity: var(--n-opacity-spinning);
|
|
|
|
|
`)])]),f0={small:20,medium:18,large:16},h0=Object.assign(Object.assign({},re.props),{description:String,stroke:String,size:{type:[String,Number],default:"medium"},show:{type:Boolean,default:!0},strokeWidth:Number,rotate:{type:Boolean,default:!0},spinning:{type:Boolean,validator:()=>!0,default:void 0}}),U1=q({name:"Spin",props:h0,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Spin","-spin",u0,am,e,o),n=R(()=>{const{size:a}=e,{common:{cubicBezierEaseInOut:s},self:d}=r.value,{opacitySpinning:c,color:u,textColor:f}=d,p=typeof a=="number"?_o(a):d[W("size",a)];return{"--n-bezier":s,"--n-opacity-spinning":c,"--n-size":p,"--n-color":u,"--n-text-color":f}}),l=t?Ae("spin",R(()=>{const{size:a}=e;return typeof a=="number"?String(a):a[0]}),n,e):void 0;return{mergedClsPrefix:o,compitableShow:pt(e,["spinning","show"]),mergedStrokeWidth:R(()=>{const{strokeWidth:a}=e;if(a!==void 0)return a;const{size:s}=e;return f0[typeof s=="number"?"medium":s]}),cssVars:t?void 0:n,themeClass:l==null?void 0:l.themeClass,onRender:l==null?void 0:l.onRender}},render(){var e,o;const{$slots:t,mergedClsPrefix:r,description:n}=this,l=t.icon&&this.rotate,a=(n||t.description)&&i("div",{class:`${r}-spin-description`},n||((e=t.description)===null||e===void 0?void 0:e.call(t))),s=t.icon?i("div",{class:[`${r}-spin-body`,this.themeClass]},i("div",{class:[`${r}-spin`,l&&`${r}-spin--rotate`],style:t.default?"":this.cssVars},t.icon()),a):i("div",{class:[`${r}-spin-body`,this.themeClass]},i(Et,{clsPrefix:r,style:t.default?"":this.cssVars,stroke:this.stroke,"stroke-width":this.mergedStrokeWidth,class:`${r}-spin`}),a);return(o=this.onRender)===null||o===void 0||o.call(this),t.default?i("div",{class:[`${r}-spin-container`,this.themeClass],style:this.cssVars},i("div",{class:[`${r}-spin-content`,this.compitableShow&&`${r}-spin-content--spinning`]},t),i(no,{name:"fade-in-transition"},{default:()=>this.compitableShow?s:null})):s}}),p0=g("statistic",[w("label",`
|
|
|
|
|
font-weight: var(--n-label-font-weight);
|
|
|
|
|
transition: .3s color var(--n-bezier);
|
|
|
|
|
font-size: var(--n-label-font-size);
|
|
|
|
|
color: var(--n-label-text-color);
|
|
|
|
|
`),g("statistic-value",`
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
font-weight: var(--n-value-font-weight);
|
|
|
|
|
`,[w("prefix",`
|
|
|
|
|
margin: 0 4px 0 0;
|
|
|
|
|
font-size: var(--n-value-font-size);
|
|
|
|
|
transition: .3s color var(--n-bezier);
|
|
|
|
|
color: var(--n-value-prefix-text-color);
|
|
|
|
|
`,[g("icon",{verticalAlign:"-0.125em"})]),w("content",`
|
|
|
|
|
font-size: var(--n-value-font-size);
|
|
|
|
|
transition: .3s color var(--n-bezier);
|
|
|
|
|
color: var(--n-value-text-color);
|
|
|
|
|
`),w("suffix",`
|
|
|
|
|
margin: 0 0 0 4px;
|
|
|
|
|
font-size: var(--n-value-font-size);
|
|
|
|
|
transition: .3s color var(--n-bezier);
|
|
|
|
|
color: var(--n-value-suffix-text-color);
|
|
|
|
|
`,[g("icon",{verticalAlign:"-0.125em"})])])]),v0=Object.assign(Object.assign({},re.props),{tabularNums:Boolean,label:String,value:[String,Number]}),K1=q({name:"Statistic",props:v0,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t,mergedRtlRef:r}=ke(e),n=re("Statistic","-statistic",p0,um,e,o),l=to("Statistic",r,o),a=R(()=>{const{self:{labelFontWeight:d,valueFontSize:c,valueFontWeight:u,valuePrefixTextColor:f,labelTextColor:p,valueSuffixTextColor:v,valueTextColor:h,labelFontSize:m},common:{cubicBezierEaseInOut:b}}=n.value;return{"--n-bezier":b,"--n-label-font-size":m,"--n-label-font-weight":d,"--n-label-text-color":p,"--n-value-font-weight":u,"--n-value-font-size":c,"--n-value-prefix-text-color":f,"--n-value-suffix-text-color":v,"--n-value-text-color":h}}),s=t?Ae("statistic",void 0,a,e):void 0;return{rtlEnabled:l,mergedClsPrefix:o,cssVars:t?void 0:a,themeClass:s==null?void 0:s.themeClass,onRender:s==null?void 0:s.onRender}},render(){var e;const{mergedClsPrefix:o,$slots:{default:t,label:r,prefix:n,suffix:l}}=this;return(e=this.onRender)===null||e===void 0||e.call(this),i("div",{class:[`${o}-statistic`,this.themeClass,this.rtlEnabled&&`${o}-statistic--rtl`],style:this.cssVars},Ee(r,a=>i("div",{class:`${o}-statistic__label`},this.label||a)),i("div",{class:`${o}-statistic-value`,style:{fontVariantNumeric:this.tabularNums?"tabular-nums":""}},Ee(n,a=>a&&i("span",{class:`${o}-statistic-value__prefix`},a)),this.value!==void 0?i("span",{class:`${o}-statistic-value__content`},this.value):Ee(t,a=>a&&i("span",{class:`${o}-statistic-value__content`},a)),Ee(l,a=>a&&i("span",{class:`${o}-statistic-value__suffix`},a))))}}),g0=g("switch",`
|
|
|
|
|
height: var(--n-height);
|
|
|
|
|
min-width: var(--n-width);
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
outline: none;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[w("children-placeholder",`
|
|
|
|
|
height: var(--n-rail-height);
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
`),w("rail-placeholder",`
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: none;
|
|
|
|
|
`),w("button-placeholder",`
|
|
|
|
|
width: calc(1.75 * var(--n-rail-height));
|
|
|
|
|
height: var(--n-rail-height);
|
|
|
|
|
`),g("base-loading",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
font-size: calc(var(--n-button-width) - 4px);
|
|
|
|
|
color: var(--n-loading-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`,[it({left:"50%",top:"50%",originalTransform:"translateX(-50%) translateY(-50%)"})]),w("checked, unchecked",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
position: absolute;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
`),w("checked",`
|
|
|
|
|
right: 0;
|
|
|
|
|
padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
|
|
|
|
|
`),w("unchecked",`
|
|
|
|
|
left: 0;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
|
|
|
|
|
`),y("&:focus",[w("rail",`
|
|
|
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
|
|
|
`)]),k("round",[w("rail","border-radius: calc(var(--n-rail-height) / 2);",[w("button","border-radius: calc(var(--n-button-height) / 2);")])]),je("disabled",[je("icon",[k("rubber-band",[k("pressed",[w("rail",[w("button","max-width: var(--n-button-width-pressed);")])]),w("rail",[y("&:active",[w("button","max-width: var(--n-button-width-pressed);")])]),k("active",[k("pressed",[w("rail",[w("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])]),w("rail",[y("&:active",[w("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])])])])])]),k("active",[w("rail",[w("button","left: calc(100% - var(--n-button-width) - var(--n-offset))")])]),w("rail",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
height: var(--n-rail-height);
|
|
|
|
|
min-width: var(--n-rail-width);
|
|
|
|
|
border-radius: var(--n-rail-border-radius);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: relative;
|
|
|
|
|
transition:
|
|
|
|
|
opacity .3s var(--n-bezier),
|
|
|
|
|
background .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier);
|
|
|
|
|
background-color: var(--n-rail-color);
|
|
|
|
|
`,[w("button-icon",`
|
|
|
|
|
color: var(--n-icon-color);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
font-size: calc(var(--n-button-height) - 4px);
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
`,[it()]),w("button",`
|
|
|
|
|
align-items: center;
|
|
|
|
|
top: var(--n-offset);
|
|
|
|
|
left: var(--n-offset);
|
|
|
|
|
height: var(--n-button-height);
|
|
|
|
|
width: var(--n-button-width-pressed);
|
|
|
|
|
max-width: var(--n-button-width);
|
|
|
|
|
border-radius: var(--n-button-border-radius);
|
|
|
|
|
background-color: var(--n-button-color);
|
|
|
|
|
box-shadow: var(--n-button-box-shadow);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
left .3s var(--n-bezier),
|
|
|
|
|
opacity .3s var(--n-bezier),
|
|
|
|
|
max-width .3s var(--n-bezier),
|
|
|
|
|
box-shadow .3s var(--n-bezier);
|
|
|
|
|
`)]),k("active",[w("rail","background-color: var(--n-rail-color-active);")]),k("loading",[w("rail",`
|
|
|
|
|
cursor: wait;
|
|
|
|
|
`)]),k("disabled",[w("rail",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
opacity: .5;
|
|
|
|
|
`)])]),m0=Object.assign(Object.assign({},re.props),{size:{type:String,default:"medium"},value:{type:[String,Number,Boolean],default:void 0},loading:Boolean,defaultValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:void 0},round:{type:Boolean,default:!0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},railStyle:Function,rubberBand:{type:Boolean,default:!0},onChange:[Function,Array]});let Zt;const G1=q({name:"Switch",props:m0,setup(e){Zt===void 0&&(typeof CSS<"u"?typeof CSS.supports<"u"?Zt=CSS.supports("width","max(1px)"):Zt=!1:Zt=!0);const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Switch","-switch",g0,wm,e,o),n=tt(e),{mergedSizeRef:l,mergedDisabledRef:a}=n,s=D(e.defaultValue),d=ie(e,"value"),c=so(d,s),u=R(()=>c.value===e.checkedValue),f=D(!1),p=D(!1),v=R(()=>{const{railStyle:O}=e;if(O)return O({focused:p.value,checked:u.value})});function h(O){const{"onUpdate:value":P,onChange:z,onUpdateValue:L}=e,{nTriggerFormInput:M,nTriggerFormChange:j}=n;P&&ae(P,O),L&&ae(L,O),z&&ae(z,O),s.value=O,M(),j()}function m(){const{nTriggerFormFocus:O}=n;O()}function b(){const{nTriggerFormBlur:O}=n;O()}function C(){e.loading||a.value||(c.value!==e.checkedValue?h(e.checkedValue):h(e.uncheckedValue))}function x(){p.value=!0,m()}function I(){p.value=!1,b(),f.value=!1}function B(O){e.loading||a.value||O.key===" "&&(c.value!==e.checkedValue?h(e.checkedValue):h(e.uncheckedValue),f.value=!1)}function $(O){e.loading||a.value||O.key===" "&&(O.preventDefault(),f.value=!0)}const T=R(()=>{const{value:O}=l,{self:{opacityDisabled:P,railColor:z,railColorActive:L,buttonBoxShadow:M,buttonColor:j,boxShadowFocus:E,loadingColor:U,textColor:_,iconColor:V,[W("buttonHeight",O)]:te,[W("buttonWidth",O)]:N,[W("buttonWidthPressed",O)]:G,[W("railHeight",O)]:Ce,[W("railWidth",O)]:X,[W("railBorderRadius",O)]:pe,[W("buttonBorderRadius",O)]:fe},common:{cubicBezierEaseInOut:be}}=r.value;let ge,se,Re;return Zt?(ge=`calc((${Ce} - ${te}) / 2)`,se=`max(${Ce}, ${te})`,Re=`max(${X}, calc(${X} + ${te} - ${Ce}))`):(ge=_o((Mo(Ce)-Mo(te))/2),se=_o(Math.max(Mo(Ce),Mo(te))),Re=Mo(Ce)>Mo(te)?X:_o(Mo(X)+Mo(te)-Mo(Ce))),{"--n-bezier":be,"--n-button-border-radius":fe,"--n-button-box-shadow":M,"--n-button-color":j,"--n-button-width":N,"--n-button-width-pressed":G,"--n-button-height":te,"--n-height":se,"--n-offset":ge,"--n-opacity-disabled":P,"--n-rail-border-radius":pe,"--n-rail-color":z,"--n-rail-color-active":L,"--n-rail-height":Ce,"--n-rail-width":X,"--n-width":Re,"--n-box-shadow-focus":E,"--n-loading-color":U,"--n-text-color":_,"--n-icon-color":V}}),S=t?Ae("switch",R(()=>l.value[0]),T,e):void 0;return{handleClick:C,handleBlur:I,handleFocus:x,handleKeyup:B,handleKeydown:$,mergedRailStyle:v,pressed:f,mergedClsPrefix:o,mergedValue:c,checked:u,mergedDisabled:a,cssVars:t?void 0:T,themeClass:S==null?void 0:S.themeClass,onRender:S==null?void 0:S.onRender}},render(){const{mergedClsPrefix:e,mergedDisabled:o,checked:t,mergedRailStyle:r,onRender:n,$slots:l}=this;n==null||n();const{checked:a,unchecked:s,icon:d,"checked-icon":c,"unchecked-icon":u}=l,f=!(ut(d)&&ut(c)&&ut(u));return i("div",{role:"switch","aria-checked":t,class:[`${e}-switch`,this.themeClass,f&&`${e}-switch--icon`,t&&`${e}-switch--active`,o&&`${e}-switch--disabled`,this.round&&`${e}-switch--round`,this.loading&&`${e}-switch--loading`,this.pressed&&`${e}-switch--pressed`,this.rubberBand&&`${e}-switch--rubber-band`],tabindex:this.mergedDisabled?void 0:0,style:this.cssVars,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},i("div",{class:`${e}-switch__rail`,"aria-hidden":"true",style:r},Ee(a,p=>Ee(s,v=>p||v?i("div",{"aria-hidden":!0,class:`${e}-switch__children-placeholder`},i("div",{class:`${e}-switch__rail-placeholder`},i("div",{class:`${e}-switch__button-placeholder`}),p),i("div",{class:`${e}-switch__rail-placeholder`},i("div",{class:`${e}-switch__button-placeholder`}),v)):null)),i("div",{cl
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier);
|
|
|
|
|
`,[k("segment-type",[g("tabs-rail",[y("&.transition-disabled","color: red;",[g("tabs-tab",`
|
|
|
|
|
transition: none;
|
|
|
|
|
`)])])]),k("left, right",`
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
`,[g("tabs-bar",`
|
|
|
|
|
width: 2px;
|
|
|
|
|
right: 0;
|
|
|
|
|
transition:
|
|
|
|
|
top .2s var(--n-bezier),
|
|
|
|
|
max-height .2s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
`),g("tabs-tab",`
|
|
|
|
|
padding: var(--n-tab-padding-vertical);
|
|
|
|
|
`)]),k("right",`
|
|
|
|
|
flex-direction: row-reverse;
|
|
|
|
|
`,[g("tabs-bar",`
|
|
|
|
|
left: 0;
|
|
|
|
|
`)]),k("bottom",`
|
|
|
|
|
flex-direction: column-reverse;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
`,[g("tabs-bar",`
|
|
|
|
|
top: 0;
|
|
|
|
|
`)]),g("tabs-rail",`
|
|
|
|
|
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;
|
|
|
|
|
`,[g("tabs-tab-wrapper",`
|
|
|
|
|
flex-basis: 0;
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
`,[g("tabs-tab",`
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
border-radius: var(--n-tab-border-radius);
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
`,[k("active",`
|
|
|
|
|
font-weight: var(--n-font-weight-strong);
|
|
|
|
|
color: var(--n-tab-text-color-active);
|
|
|
|
|
background-color: var(--n-tab-color-segment);
|
|
|
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
|
|
|
|
|
`),y("&:hover",`
|
|
|
|
|
color: var(--n-tab-text-color-hover);
|
|
|
|
|
`)])])]),k("flex",[g("tabs-nav",{width:"100%"},[g("tabs-wrapper",{width:"100%"},[g("tabs-tab",{marginRight:0})])])]),g("tabs-nav",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
display: flex;
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
`,[w("prefix, suffix",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`),w("prefix","padding-right: 16px;"),w("suffix","padding-left: 16px;")]),g("tabs-nav-scroll-wrapper",`
|
|
|
|
|
flex: 1;
|
|
|
|
|
position: relative;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`,[k("shadow-before",[y("&::before",`
|
|
|
|
|
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
|
|
|
|
|
`)]),k("shadow-after",[y("&::after",`
|
|
|
|
|
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
|
|
|
|
|
`)]),g("tabs-nav-y-scroll",`
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
scrollbar-width: none;
|
|
|
|
|
`,[y("&::-webkit-scrollbar",`
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
`)]),y("&::before, &::after",`
|
|
|
|
|
transition: box-shadow .3s var(--n-bezier);
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
width: 20px;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
`),y("&::before",`
|
|
|
|
|
left: 0;
|
|
|
|
|
`),y("&::after",`
|
|
|
|
|
right: 0;
|
|
|
|
|
`)]),g("tabs-nav-scroll-content",`
|
|
|
|
|
display: flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
min-width: 100%;
|
|
|
|
|
width: fit-content;
|
|
|
|
|
`),g("tabs-wrapper",`
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
position: relative;
|
|
|
|
|
`),g("tabs-tab-wrapper",`
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
flex-grow: 0;
|
|
|
|
|
`),g("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);
|
|
|
|
|
`,[k("disabled",{cursor:"not-allowed"}),w("close",`
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
transition:
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
color .3s var(--n-bezier);
|
|
|
|
|
`),w("label",`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`)]),g("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),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
`,[y("&.transition-disabled",`
|
|
|
|
|
transition: none;
|
|
|
|
|
`),k("disabled",`
|
|
|
|
|
background-color: var(--n-tab-text-color-disabled)
|
|
|
|
|
`)]),g("tabs-pane-wrapper",`
|
|
|
|
|
position: relative;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
transition: max-height .2s var(--n-bezier);
|
|
|
|
|
`),g("tab-pane",`
|
|
|
|
|
color: var(--n-pane-text-color);
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: var(--n-pane-padding);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier),
|
|
|
|
|
opacity .2s var(--n-bezier);
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
`,[y("&.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);
|
|
|
|
|
`),y("&.next-transition-leave-active, &.prev-transition-leave-active",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
`),y("&.next-transition-enter-from, &.prev-transition-leave-to",`
|
|
|
|
|
transform: translateX(32px);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
`),y("&.next-transition-leave-to, &.prev-transition-enter-from",`
|
|
|
|
|
transform: translateX(-32px);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
`),y("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to",`
|
|
|
|
|
transform: translateX(0);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
`)]),g("tabs-tab-pad",`
|
|
|
|
|
width: var(--n-tab-gap);
|
|
|
|
|
flex-grow: 0;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
`),k("line-type, bar-type",[g("tabs-tab",`
|
|
|
|
|
font-weight: var(--n-tab-font-weight);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
`,[y("&:hover",{color:"var(--n-tab-text-color-hover)"}),k("active",`
|
|
|
|
|
color: var(--n-tab-text-color-active);
|
|
|
|
|
font-weight: var(--n-tab-font-weight-active);
|
|
|
|
|
`),k("disabled",{color:"var(--n-tab-text-color-disabled)"})])]),g("tabs-nav",[k("line-type",[w("prefix, suffix",`
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
|
|
|
`),g("tabs-nav-scroll-content",`
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
|
|
|
`),g("tabs-bar",`
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
bottom: -1px;
|
|
|
|
|
`)]),k("card-type",[w("prefix, suffix",`
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
|
|
|
`),g("tabs-pad",`
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
|
|
|
`),g("tabs-tab-pad",`
|
|
|
|
|
transition: border-color .3s var(--n-bezier);
|
|
|
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
|
|
|
`),g("tabs-tab",`
|
|
|
|
|
font-weight: var(--n-tab-font-weight);
|
|
|
|
|
border: 1px solid var(--n-tab-border-color);
|
|
|
|
|
border-top-left-radius: var(--n-tab-border-radius);
|
|
|
|
|
border-top-right-radius: var(--n-tab-border-radius);
|
|
|
|
|
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);
|
|
|
|
|
`,[k("addable",`
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
padding-right: 8px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
`,[w("height-placeholder",`
|
|
|
|
|
width: 0;
|
|
|
|
|
font-size: var(--n-tab-font-size);
|
|
|
|
|
`),je("disabled",[y("&:hover",`
|
|
|
|
|
color: var(--n-tab-text-color-hover);
|
|
|
|
|
`)])]),k("closable","padding-right: 6px;"),k("active",`
|
|
|
|
|
border-bottom: 1px solid #0000;
|
|
|
|
|
background-color: #0000;
|
|
|
|
|
font-weight: var(--n-tab-font-weight-active);
|
|
|
|
|
color: var(--n-tab-text-color-active);
|
|
|
|
|
`),k("disabled","color: var(--n-tab-text-color-disabled);")]),g("tabs-scroll-padding","border-bottom: 1px solid var(--n-tab-border-color);")]),k("left, right",[g("tabs-wrapper",`
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
`,[g("tabs-tab-wrapper",`
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
`,[g("tabs-tab-pad",`
|
|
|
|
|
height: var(--n-tab-gap);
|
|
|
|
|
width: 100%;
|
|
|
|
|
`)])]),g("tabs-nav-scroll-content",`
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
`)]),k("left",[g("tabs-nav-scroll-content",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
|
|
|
`)]),k("right",[g("tabs-nav-scroll-content",`
|
|
|
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
|
|
|
`)]),k("bottom",[g("tabs-nav-scroll-content",`
|
|
|
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
`)])])]),C0=Object.assign(Object.assign({},re.props),{value:[String,Number],defaultValue:[String,Number],trigger:{type:String,default:"click"},type:{type:String,default:"bar"},closable:Boolean,justifyContent:String,size:{type:String,default:"medium"},placement:{type:String,default:"top"},tabStyle:[String,Object],barWidth:Number,paneClass:String,paneStyle:[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]}),Y1=q({name:"Tabs",props:C0,setup(e,{slots:o}){var t,r,n,l;const{mergedClsPrefixRef:a,inlineThemeDisabled:s}=ke(e),d=re("Tabs","-tabs",x0,Im,e,a),c=D(null),u=D(null),f=D(null),p=D(null),v=D(null),h=D(!0),m=D(!0),b=pt(e,["labelSize","size"]),C=pt(e,["activeName","value"]),x=D((r=(t=C.value)!==null&&t!==void 0?t:e.defaultValue)!==null&&r!==void 0?r:o.default?(l=(n=ot(o.default())[0])===null||n===void 0?void 0:n.props)===null||l===void 0?void 0:l.name:null),I=so(C,x),B={id:0},$=R(()=>{if(!(!e.justifyContent||e.type==="card"))return{display:"flex",justifyContent:e.justifyContent}});Ke(I,()=>{B.id=0,P(),z()});function T(){var Z;const{value:A}=I;return A===null?null:(Z=c.value)===null||Z===void 0?void 0:Z.querySelector(`[data-name="${A}"]`)}function S(Z){if(e.type==="card")return;const{value:A}=u;if(A&&Z){const ee=`${a.value}-tabs-bar--disabled`,{barWidth:ne,placement:me}=e;if(Z.dataset.disabled==="true"?A.classList.add(ee):A.classList.remove(ee),["top","bottom"].includes(me)){if(O(["top","maxHeight","height"]),typeof ne=="number"&&Z.offsetWidth>=ne){const Y=Math.floor((Z.offsetWidth-ne)/2)+Z.offsetLeft;A.style.left=`${Y}px`,A.style.maxWidth=`${ne}px`}else A.style.left=`${Z.offsetLeft}px`,A.style.maxWidth=`${Z.offsetWidth}px`;A.style.width="8192px",A.offsetWidth}else{if(O(["left","maxWidth","width"]),typeof ne=="number"&&Z.offsetHeight>=ne){const Y=Math.floor((Z.offsetHeight-ne)/2)+Z.offsetTop;A.style.top=`${Y}px`,A.style.maxHeight=`${ne}px`}else A.style.top=`${Z.offsetTop}px`,A.style.maxHeight=`${Z.offsetHeight}px`;A.style.height="8192px",A.offsetHeight}}}function O(Z){const{value:A}=u;if(A)for(const ee of Z)A.style[ee]=""}function P(){if(e.type==="card")return;const Z=T();Z&&S(Z)}function z(Z){var A;const ee=(A=v.value)===null||A===void 0?void 0:A.$el;if(!ee)return;const ne=T();if(!ne)return;const{scrollLeft:me,offsetWidth:Y}=ee,{offsetLeft:ce,offsetWidth:He}=ne;me>ce?ee.scrollTo({top:0,left:ce,behavior:"smooth"}):ce+He>me+Y&&ee.scrollTo({top:0,left:ce+He-Y,behavior:"smooth"})}const L=D(null);let M=0,j=null;function E(Z){const A=L.value;if(A){M=Z.getBoundingClientRect().height;const ee=`${M}px`,ne=()=>{A.style.height=ee,A.style.maxHeight=ee};j?(ne(),j(),j=null):j=ne}}function U(Z){const A=L.value;if(A){const ee=Z.getBoundingClientRect().height,ne=()=>{document.body.offsetHeight,A.style.maxHeight=`${ee}px`,A.style.height=`${Math.max(M,ee)}px`};j?(j(),j=null,ne()):j=ne}}function _(){const Z=L.value;Z&&(Z.style.maxHeight="",Z.style.height="")}const V={value:[]},te=D("next");function N(Z){const A=I.value;let ee="next";for(const ne of V.value){if(ne===A)break;if(ne===Z){ee="prev";break}}te.value=ee,G(Z)}function G(Z){const{onActiveNameChange:A,onUpdateValue:ee,"onUpdate:value":ne}=e;A&&ae(A,Z),ee&&ae(ee,Z),ne&&ae(ne,Z),x.value=Z}function Ce(Z){const{onClose:A}=e;A&&ae(A,Z)}function X(){const{value:Z}=u;if(!Z)return;const A="transition-disabled";Z.classList.add(A),P(),Z.classList.remove(A)}let pe=0;function fe(Z){var A;if(Z.contentRect.width===0&&Z.contentRect.height===0||pe===Z.contentRect.width)return;pe=Z.contentRect.width;const{type:ee}=e;(ee==="line"||ee==="bar")&&X(),ee!=="segment"&&J((A=v.value)===null||A===void 0?void 0:A.$el)}const be=Kr(fe,64);Ke([()=>e.justifyContent,()=>e.size],()=>{io(()=>{const{type:Z}=e;(Z==="line"||Z==="bar")&&X()})});const ge=D(!1);function se(Z){var A;const{target:ee,contentRect:{width:ne}}=Z,me=ee.parentElement.offsetWidth;if(!ge.value)me<ne&&(ge
|
|
|
|
|
display: flex;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
`,[g("thing-avatar",`
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
`),g("thing-avatar-header-wrapper",`
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
`,[g("thing-header-wrapper",`
|
|
|
|
|
flex: 1;
|
|
|
|
|
`)]),g("thing-main",`
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
`,[g("thing-header",`
|
|
|
|
|
display: flex;
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[w("title",`
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: var(--n-title-font-weight);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-title-text-color);
|
|
|
|
|
`)]),w("description",[y("&:not(:last-child)",`
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
`)]),w("content",[y("&:not(:first-child)",`
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
`)]),w("footer",[y("&:not(:first-child)",`
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
`)]),w("action",[y("&:not(:first-child)",`
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
`)])])]),w0=Object.assign(Object.assign({},re.props),{title:String,titleExtra:String,description:String,descriptionStyle:[String,Object],content:String,contentStyle:[String,Object],contentIndented:Boolean}),X1=q({name:"Thing",props:w0,setup(e,{slots:o}){const{mergedClsPrefixRef:t,inlineThemeDisabled:r,mergedRtlRef:n}=ke(e),l=re("Thing","-thing",y0,Om,e,t),a=to("Thing",n,t),s=R(()=>{const{self:{titleTextColor:c,textColor:u,titleFontWeight:f,fontSize:p},common:{cubicBezierEaseInOut:v}}=l.value;return{"--n-bezier":v,"--n-font-size":p,"--n-text-color":u,"--n-title-font-weight":f,"--n-title-text-color":c}}),d=r?Ae("thing",void 0,s,e):void 0;return()=>{var c;const{value:u}=t,f=a?a.value:!1;return(c=d==null?void 0:d.onRender)===null||c===void 0||c.call(d),i("div",{class:[`${u}-thing`,d==null?void 0:d.themeClass,f&&`${u}-thing--rtl`],style:r?void 0:s.value},o.avatar&&e.contentIndented?i("div",{class:`${u}-thing-avatar`},o.avatar()):null,i("div",{class:`${u}-thing-main`},!e.contentIndented&&(o.header||e.title||o["header-extra"]||e.titleExtra||o.avatar)?i("div",{class:`${u}-thing-avatar-header-wrapper`},o.avatar?i("div",{class:`${u}-thing-avatar`},o.avatar()):null,o.header||e.title||o["header-extra"]||e.titleExtra?i("div",{class:`${u}-thing-header-wrapper`},i("div",{class:`${u}-thing-header`},o.header||e.title?i("div",{class:`${u}-thing-header__title`},o.header?o.header():e.title):null,o["header-extra"]||e.titleExtra?i("div",{class:`${u}-thing-header__extra`},o["header-extra"]?o["header-extra"]():e.titleExtra):null),o.description||e.description?i("div",{class:`${u}-thing-main__description`,style:e.descriptionStyle},o.description?o.description():e.description):null):null):i(ao,null,o.header||e.title||o["header-extra"]||e.titleExtra?i("div",{class:`${u}-thing-header`},o.header||e.title?i("div",{class:`${u}-thing-header__title`},o.header?o.header():e.title):null,o["header-extra"]||e.titleExtra?i("div",{class:`${u}-thing-header__extra`},o["header-extra"]?o["header-extra"]():e.titleExtra):null):null,o.description||e.description?i("div",{class:`${u}-thing-main__description`,style:e.descriptionStyle},o.description?o.description():e.description):null),o.default||e.content?i("div",{class:`${u}-thing-main__content`,style:e.contentStyle},o.default?o.default():e.content):null,o.footer?i("div",{class:`${u}-thing-main__footer`},o.footer()):null,o.action?i("div",{class:`${u}-thing-main__action`},o.action()):null))}}}),S0=g("h",`
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
font-weight: var(--n-font-weight);
|
|
|
|
|
margin: var(--n-margin);
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
`,[y("&:first-child",{marginTop:0}),k("prefix-bar",{position:"relative",paddingLeft:"var(--n-prefix-width)"},[k("align-text",{paddingLeft:0},[y("&::before",{left:"calc(-1 * var(--n-prefix-width))"})]),y("&::before",`
|
|
|
|
|
content: "";
|
|
|
|
|
width: var(--n-bar-width);
|
|
|
|
|
border-radius: calc(var(--n-bar-width) / 2);
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
`),y("&::before",{backgroundColor:"var(--n-bar-color)"})])]),z0=Object.assign(Object.assign({},re.props),{type:{type:String,default:"default"},prefix:String,alignText:Boolean}),Vt=e=>q({name:`H${e}`,props:z0,setup(o){const{mergedClsPrefixRef:t,inlineThemeDisabled:r}=ke(o),n=re("Typography","-h",S0,Ya,o,t),l=R(()=>{const{type:s}=o,{common:{cubicBezierEaseInOut:d},self:{headerFontWeight:c,headerTextColor:u,[W("headerPrefixWidth",e)]:f,[W("headerFontSize",e)]:p,[W("headerMargin",e)]:v,[W("headerBarWidth",e)]:h,[W("headerBarColor",s)]:m}}=n.value;return{"--n-bezier":d,"--n-font-size":p,"--n-margin":v,"--n-bar-color":m,"--n-bar-width":h,"--n-font-weight":c,"--n-text-color":u,"--n-prefix-width":f}}),a=r?Ae(`h${e}`,R(()=>o.type[0]),l,o):void 0;return{mergedClsPrefix:t,cssVars:r?void 0:l,themeClass:a==null?void 0:a.themeClass,onRender:a==null?void 0:a.onRender}},render(){var o;const{prefix:t,alignText:r,mergedClsPrefix:n,cssVars:l,$slots:a}=this;return(o=this.onRender)===null||o===void 0||o.call(this),i(`h${e}`,{class:[`${n}-h`,`${n}-h${e}`,this.themeClass,{[`${n}-h--prefix-bar`]:t,[`${n}-h--align-text`]:r}],style:l},a)}});Vt("1");Vt("2");const Z1=Vt("3");Vt("4");Vt("5");Vt("6");const $0=g("text",`
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
color: var(--n-text-color);
|
|
|
|
|
`,[k("strong",`
|
|
|
|
|
font-weight: var(--n-font-weight-strong);
|
|
|
|
|
`),k("italic",{fontStyle:"italic"}),k("underline",{textDecoration:"underline"}),k("code",`
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-family: var(--n-font-famliy-mono);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: .05em .35em 0 .35em;
|
|
|
|
|
border-radius: var(--n-code-border-radius);
|
|
|
|
|
font-size: .9em;
|
|
|
|
|
color: var(--n-code-text-color);
|
|
|
|
|
background-color: var(--n-code-color);
|
|
|
|
|
border: var(--n-code-border);
|
|
|
|
|
`)]),R0=Object.assign(Object.assign({},re.props),{code:Boolean,type:{type:String,default:"default"},delete:Boolean,strong:Boolean,italic:Boolean,underline:Boolean,depth:[String,Number],tag:String,as:{type:String,validator:()=>!0,default:void 0}}),Q1=q({name:"Text",props:R0,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Typography","-text",$0,Ya,e,o),n=R(()=>{const{depth:a,type:s}=e,d=s==="default"?a===void 0?"textColor":`textColor${a}Depth`:W("textColor",s),{common:{fontWeightStrong:c,fontFamilyMono:u,cubicBezierEaseInOut:f},self:{codeTextColor:p,codeBorderRadius:v,codeColor:h,codeBorder:m,[d]:b}}=r.value;return{"--n-bezier":f,"--n-text-color":b,"--n-font-weight-strong":c,"--n-font-famliy-mono":u,"--n-code-border-radius":v,"--n-code-text-color":p,"--n-code-color":h,"--n-code-border":m}}),l=t?Ae("text",R(()=>`${e.type[0]}${e.depth||""}`),n,e):void 0;return{mergedClsPrefix:o,compitableTag:pt(e,["as","tag"]),cssVars:t?void 0:n,themeClass:l==null?void 0:l.themeClass,onRender:l==null?void 0:l.onRender}},render(){var e,o,t;const{mergedClsPrefix:r}=this;(e=this.onRender)===null||e===void 0||e.call(this);const n=[`${r}-text`,this.themeClass,{[`${r}-text--code`]:this.code,[`${r}-text--delete`]:this.delete,[`${r}-text--strong`]:this.strong,[`${r}-text--italic`]:this.italic,[`${r}-text--underline`]:this.underline}],l=(t=(o=this.$slots).default)===null||t===void 0?void 0:t.call(o);return this.code?i("code",{class:n,style:this.cssVars},this.delete?i("del",null,l):l):this.delete?i("del",{class:n,style:this.cssVars},l):i(this.compitableTag||"span",{class:n,style:this.cssVars},l)}}),Ut="n-upload",us="__UPLOAD_DRAGGER__",P0=q({name:"UploadDragger",[us]:!0,setup(e,{slots:o}){const t=Se(Ut,null);return t||Eo("upload-dragger","`n-upload-dragger` must be placed inside `n-upload`."),()=>{const{mergedClsPrefixRef:{value:r},mergedDisabledRef:{value:n},maxReachedRef:{value:l}}=t;return i("div",{class:[`${r}-upload-dragger`,(n||l)&&`${r}-upload-dragger--disabled`]},o)}}});var fs=globalThis&&globalThis.__awaiter||function(e,o,t,r){function n(l){return l instanceof t?l:new t(function(a){a(l)})}return new(t||(t=Promise))(function(l,a){function s(u){try{c(r.next(u))}catch(f){a(f)}}function d(u){try{c(r.throw(u))}catch(f){a(f)}}function c(u){u.done?l(u.value):n(u.value).then(s,d)}c((r=r.apply(e,o||[])).next())})};const hs=e=>e.includes("image/"),_i=(e="")=>{const o=e.split("/"),r=o[o.length-1].split(/#|\?/)[0];return(/\.[^./\\]*$/.exec(r)||[""])[0]},Di=/(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i,ps=e=>{if(e.type)return hs(e.type);const o=_i(e.name||"");if(Di.test(o))return!0;const t=e.thumbnailUrl||e.url||"",r=_i(t);return!!(/^data:image\//.test(t)||Di.test(r))};function k0(e){return fs(this,void 0,void 0,function*(){return yield new Promise(o=>{if(!e.type||!hs(e.type)){o("");return}o(window.URL.createObjectURL(e))})})}const I0=jo&&window.FileReader&&window.File;function B0(e){return e.isDirectory}function T0(e){return e.isFile}function F0(e,o){return fs(this,void 0,void 0,function*(){const t=[];let r,n=0;function l(){n++}function a(){n--,n||r(t)}function s(d){d.forEach(c=>{if(c){if(l(),o&&B0(c)){const u=c.createReader();l(),u.readEntries(f=>{s(f),a()},()=>{a()})}else T0(c)&&(l(),c.file(u=>{t.push({file:u,entry:c,source:"dnd"}),a()},()=>{a()}));a()}})}return yield new Promise(d=>{r=d,s(e)}),t})}function ir(e){const{id:o,name:t,percentage:r,status:n,url:l,file:a,thumbnailUrl:s,type:d,fullPath:c,batchId:u}=e;return{id:o,name:t,percentage:r??null,status:n,url:l??null,file:a??null,thumbnailUrl:s??null,type:d??null,fullPath:c??null,batchId:u??null}}function O0(e,o,t){return e=e.toLowerCase(),o=o.toLocaleLowerCase(),t=t.toLocaleLowerCase(),t.split(",").map(n=>n.trim()).filter(Boolean).some(n=>{if(n.startsWith(".")){if(e.endsWith(n))return!0}else if(n.includes("/")){const[l,a]=o.split("/"),[s,d]=n.split("/");if((s==="*"||l&&s&&s===l)&&(d==="*"||a&&d&&d===a))return!0}else return!0;return!1})}const M0=(e,o)=>{if(!e)return;const t=document.createElement("a");t.href=e,o!==void 0&&(t.download=o),document.body.appendChild(t),t.click(
|
|
|
|
|
display: block;
|
|
|
|
|
`)]),k("drag-over",[g("upload-dragger",`
|
|
|
|
|
border: var(--n-dragger-border-hover);
|
|
|
|
|
`)])]),g("upload-dragger",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
padding: 24px;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition:
|
|
|
|
|
opacity .3s var(--n-bezier),
|
|
|
|
|
border-color .3s var(--n-bezier),
|
|
|
|
|
background-color .3s var(--n-bezier);
|
|
|
|
|
background-color: var(--n-dragger-color);
|
|
|
|
|
border: var(--n-dragger-border);
|
|
|
|
|
`,[y("&:hover",`
|
|
|
|
|
border: var(--n-dragger-border-hover);
|
|
|
|
|
`),k("disabled",`
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
`)]),g("upload-trigger",`
|
|
|
|
|
display: inline-block;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition: opacity .3s var(--n-bezier);
|
|
|
|
|
`,[y("+",[g("upload-file-list","margin-top: 8px;")]),k("disabled",`
|
|
|
|
|
opacity: var(--n-item-disabled-opacity);
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
`),k("image-card",`
|
|
|
|
|
width: 96px;
|
|
|
|
|
height: 96px;
|
|
|
|
|
`,[g("base-icon",`
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
`),g("upload-dragger",`
|
|
|
|
|
padding: 0;
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
`)])]),g("upload-file-list",`
|
|
|
|
|
line-height: var(--n-line-height);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition: opacity .3s var(--n-bezier);
|
|
|
|
|
`,[y("a, img","outline: none;"),k("disabled",`
|
|
|
|
|
opacity: var(--n-item-disabled-opacity);
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
`,[g("upload-file","cursor: not-allowed;")]),k("grid",`
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-columns: repeat(auto-fill, 96px);
|
|
|
|
|
grid-gap: 8px;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
`),g("upload-file",`
|
|
|
|
|
display: block;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
cursor: default;
|
|
|
|
|
padding: 0px 12px 0 6px;
|
|
|
|
|
transition: background-color .3s var(--n-bezier);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
`,[nr(),g("progress",[nr({foldPadding:!0})]),y("&:hover",`
|
|
|
|
|
background-color: var(--n-item-color-hover);
|
|
|
|
|
`,[g("upload-file-info",[w("action",`
|
|
|
|
|
opacity: 1;
|
|
|
|
|
`)])]),k("image-type",`
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
text-decoration-color: #0000;
|
|
|
|
|
`,[g("upload-file-info",`
|
|
|
|
|
padding-top: 0px;
|
|
|
|
|
padding-bottom: 0px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 6px 0;
|
|
|
|
|
`,[g("progress",`
|
|
|
|
|
padding: 2px 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
`),w("name",`
|
|
|
|
|
padding: 0 8px;
|
|
|
|
|
`),w("thumbnail",`
|
|
|
|
|
width: 32px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`,[y("img",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
`)])])]),k("text-type",[g("progress",`
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding-bottom: 6px;
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
`)]),k("image-card-type",`
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 96px;
|
|
|
|
|
height: 96px;
|
|
|
|
|
border: var(--n-item-border-image-card);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
padding: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
transition: border-color .3s var(--n-bezier), background-color .3s var(--n-bezier);
|
|
|
|
|
border-radius: var(--n-border-radius);
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`,[g("progress",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 8px;
|
|
|
|
|
bottom: 8px;
|
|
|
|
|
right: 8px;
|
|
|
|
|
width: unset;
|
|
|
|
|
`),g("upload-file-info",`
|
|
|
|
|
padding: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
`,[w("thumbnail",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: 36px;
|
|
|
|
|
`,[y("img",`
|
|
|
|
|
width: 100%;
|
|
|
|
|
`)])]),y("&::before",`
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transition: opacity .2s var(--n-bezier);
|
|
|
|
|
content: "";
|
|
|
|
|
`),y("&:hover",[y("&::before","opacity: 1;"),g("upload-file-info",[w("thumbnail","opacity: .12;")])])]),k("error-status",[y("&:hover",`
|
|
|
|
|
background-color: var(--n-item-color-hover-error);
|
|
|
|
|
`),g("upload-file-info",[w("name","color: var(--n-item-text-color-error);"),w("thumbnail","color: var(--n-item-text-color-error);")]),k("image-card-type",`
|
|
|
|
|
border: var(--n-item-border-image-card-error);
|
|
|
|
|
`)]),k("with-url",`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`,[g("upload-file-info",[w("name",`
|
|
|
|
|
color: var(--n-item-text-color-success);
|
|
|
|
|
text-decoration-color: var(--n-item-text-color-success);
|
|
|
|
|
`,[y("a",`
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
`)])])]),g("upload-file-info",`
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-top: 6px;
|
|
|
|
|
padding-bottom: 6px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
`,[w("thumbnail",`
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition: opacity .2s var(--n-bezier);
|
|
|
|
|
color: var(--n-item-icon-color);
|
|
|
|
|
`,[g("base-icon",`
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
transition: color .3s var(--n-bezier);
|
|
|
|
|
`)]),w("action",`
|
|
|
|
|
padding-top: inherit;
|
|
|
|
|
padding-bottom: inherit;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
width: 80px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
transition: opacity .2s var(--n-bezier);
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
`,[g("button",[y("&:not(:last-child)",{marginRight:"4px"}),g("base-icon",[y("svg",[it()])])]),k("image-type",`
|
|
|
|
|
position: relative;
|
|
|
|
|
max-width: 80px;
|
|
|
|
|
width: auto;
|
|
|
|
|
`),k("image-card-type",`
|
|
|
|
|
z-index: 2;
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`)]),w("name",`
|
|
|
|
|
color: var(--n-item-text-color);
|
|
|
|
|
flex: 1;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
text-decoration-color: #0000;
|
|
|
|
|
font-size: var(--n-font-size);
|
|
|
|
|
transition:
|
|
|
|
|
color .3s var(--n-bezier),
|
|
|
|
|
text-decoration-color .3s var(--n-bezier);
|
|
|
|
|
`,[y("a",`
|
|
|
|
|
color: inherit;
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
`)])])])]),g("upload-file-input",`
|
|
|
|
|
display: block;
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
`)]);var Li=globalThis&&globalThis.__awaiter||function(e,o,t,r){function n(l){return l instanceof t?l:new t(function(a){a(l)})}return new(t||(t=Promise))(function(l,a){function s(u){try{c(r.next(u))}catch(f){a(f)}}function d(u){try{c(r.throw(u))}catch(f){a(f)}}function c(u){u.done?l(u.value):n(u.value).then(s,d)}c((r=r.apply(e,o||[])).next())})};function W0(e,o,t){const{doChange:r,xhrMap:n}=e;let l=0;function a(d){var c;let u=Object.assign({},o,{status:"error",percentage:l});n.delete(o.id),u=ir(((c=e.onError)===null||c===void 0?void 0:c.call(e,{file:u,event:d}))||u),r(u,d)}function s(d){var c;if(e.isErrorState){if(e.isErrorState(t)){a(d);return}}else if(t.status<200||t.status>=300){a(d);return}let u=Object.assign({},o,{status:"finished",percentage:l});n.delete(o.id),u=ir(((c=e.onFinish)===null||c===void 0?void 0:c.call(e,{file:u,event:d}))||u),r(u,d)}return{handleXHRLoad:s,handleXHRError:a,handleXHRAbort(d){const c=Object.assign({},o,{status:"removed",file:null,percentage:l});n.delete(o.id),r(c,d)},handleXHRProgress(d){const c=Object.assign({},o,{status:"uploading"});if(d.lengthComputable){const u=Math.ceil(d.loaded/d.total*100);c.percentage=u,l=u}r(c,d)}}}function N0(e){const{inst:o,file:t,data:r,headers:n,withCredentials:l,action:a,customRequest:s}=e,{doChange:d}=e.inst;let c=0;s({file:t,data:r,headers:n,withCredentials:l,action:a,onProgress(u){const f=Object.assign({},t,{status:"uploading"}),p=u.percent;f.percentage=p,c=p,d(f)},onFinish(){var u;let f=Object.assign({},t,{status:"finished",percentage:c});f=ir(((u=o.onFinish)===null||u===void 0?void 0:u.call(o,{file:f}))||f),d(f)},onError(){var u;let f=Object.assign({},t,{status:"error",percentage:c});f=ir(((u=o.onError)===null||u===void 0?void 0:u.call(o,{file:f}))||f),d(f)}})}function V0(e,o,t){const r=W0(e,o,t);t.onabort=r.handleXHRAbort,t.onerror=r.handleXHRError,t.onload=r.handleXHRLoad,t.upload&&(t.upload.onprogress=r.handleXHRProgress)}function gs(e,o){return typeof e=="function"?e({file:o}):e||{}}function U0(e,o,t){const r=gs(o,t);r&&Object.keys(r).forEach(n=>{e.setRequestHeader(n,r[n])})}function K0(e,o,t){const r=gs(o,t);r&&Object.keys(r).forEach(n=>{e.append(n,r[n])})}function G0(e,o,t,{method:r,action:n,withCredentials:l,responseType:a,headers:s,data:d}){const c=new XMLHttpRequest;c.responseType=a,e.xhrMap.set(t.id,c),c.withCredentials=l;const u=new FormData;if(K0(u,d,t),u.append(o,t.file),V0(e,t,c),n!==void 0){c.open(r.toUpperCase(),n),U0(c,s,t),c.send(u);const f=Object.assign({},t,{status:"uploading"});e.doChange(f)}}const q0=Object.assign(Object.assign({},re.props),{name:{type:String,default:"file"},accept:String,action:String,customRequest:Function,directory:Boolean,directoryDnd:{type:Boolean,default:void 0},method:{type:String,default:"POST"},multiple:Boolean,showFileList:{type:Boolean,default:!0},data:[Object,Function],headers:[Object,Function],withCredentials:Boolean,responseType:{type:String,default:""},disabled:{type:Boolean,default:void 0},onChange:Function,onRemove:Function,onFinish:Function,onError:Function,onBeforeUpload:Function,isErrorState:Function,onDownload:Function,defaultUpload:{type:Boolean,default:!0},fileList:Array,"onUpdate:fileList":[Function,Array],onUpdateFileList:[Function,Array],fileListStyle:[String,Object],defaultFileList:{type:Array,default:()=>[]},showCancelButton:{type:Boolean,default:!0},showRemoveButton:{type:Boolean,default:!0},showDownloadButton:Boolean,showRetryButton:{type:Boolean,default:!0},showPreviewButton:{type:Boolean,default:!0},listType:{type:String,default:"text"},onPreview:Function,shouldUseThumbnailUrl:{type:Function,default:e=>I0?ps(e):!1},createThumbnailUrl:Function,abstract:Boolean,max:Number,showTrigger:{type:Boolean,default:!0},imageGroupProps:Object,inputProps:Object,triggerStyle:[String,Object],renderIcon:Object}),J1=q({name:"Upload",props:q0,setup(e){e.abstract&&e.listType==="image-card"&&Eo("upload","when the list-type is image-card, abstract is not supported.");const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=ke(e),r=re("Upload","-upload",j0,Zm,e,o),n=tt(e),l=R(()=>{const{max:P}=e;return P!==void
|