generated from VLADIMIR/template_frontend
440 lines
70 KiB
JavaScript
440 lines
70 KiB
JavaScript
import{$ as e,A as t,D as n,Et as r,L as i,P as a,U as o,X as s,Z as c,ct as l,it as u,j as d,m as f,p,s as m,st as h,v as g,z as _}from"./vue-router-bPs2Bq2h.js";import{F as v,G as y,I as b,J as x,K as S,L as C,M as w,N as T,X as E,Y as D,Z as O,n as k,o as ee,r as A,t as j,z as M}from"./light-BDe84dgP.js";import{u as te}from"./Follower-CgQrJO2u.js";import{A as N,D as ne,_ as P,a as re,j as ie,l as ae,v as oe}from"./Card-DF2AyvmW.js";import{r as F}from"./resolve-slot-Cp3m6n7Y.js";import{o as I}from"./light-WRuBODwl.js";import{c as L,o as se,t as R}from"./Button-dWBIzq1v.js";import{n as z,t as B}from"./Popover-DJt1tSjB.js";import{t as V}from"./call-ChHlm4-m.js";import{o as H}from"./get-BbPLvmEw.js";import{t as ce}from"./Add-DIWmYlsC.js";import{n as U}from"./Input-DrEqgWfL.js";import{t as le}from"./fade-in.cssr-CHZadXSL.js";import{B as W,F as ue,H as G,I as de,J as fe,L as K,N as q,Q as pe,R as J,U as Y,V as me,Y as X,_ as he,n as ge,q as _e,s as ve,w as ye,z as be}from"./index-D7-p-dnQ.js";function xe(e,t){if(!e)return;let n=document.createElement(`a`);n.href=e,t!==void 0&&(n.download=t),document.body.appendChild(n),n.click(),document.body.removeChild(n)}function Se(e,t,n,r){var i=-1,a=e==null?0:e.length;for(r&&a&&(n=e[++i]);++i<a;)n=t(n,e[i],i,e);return n}function Ce(e){return function(t){return e?.[t]}}var we=Ce({À:`A`,Á:`A`,Â:`A`,Ã:`A`,Ä:`A`,Å:`A`,à:`a`,á:`a`,â:`a`,ã:`a`,ä:`a`,å:`a`,Ç:`C`,ç:`c`,Ð:`D`,ð:`d`,È:`E`,É:`E`,Ê:`E`,Ë:`E`,è:`e`,é:`e`,ê:`e`,ë:`e`,Ì:`I`,Í:`I`,Î:`I`,Ï:`I`,ì:`i`,í:`i`,î:`i`,ï:`i`,Ñ:`N`,ñ:`n`,Ò:`O`,Ó:`O`,Ô:`O`,Õ:`O`,Ö:`O`,Ø:`O`,ò:`o`,ó:`o`,ô:`o`,õ:`o`,ö:`o`,ø:`o`,Ù:`U`,Ú:`U`,Û:`U`,Ü:`U`,ù:`u`,ú:`u`,û:`u`,ü:`u`,Ý:`Y`,ý:`y`,ÿ:`y`,Æ:`Ae`,æ:`ae`,Þ:`Th`,þ:`th`,ß:`ss`,Ā:`A`,Ă:`A`,Ą:`A`,ā:`a`,ă:`a`,ą:`a`,Ć:`C`,Ĉ:`C`,Ċ:`C`,Č:`C`,ć:`c`,ĉ:`c`,ċ:`c`,č:`c`,Ď:`D`,Đ:`D`,ď:`d`,đ:`d`,Ē:`E`,Ĕ:`E`,Ė:`E`,Ę:`E`,Ě:`E`,ē:`e`,ĕ:`e`,ė:`e`,ę:`e`,ě:`e`,Ĝ:`G`,Ğ:`G`,Ġ:`G`,Ģ:`G`,ĝ:`g`,ğ:`g`,ġ:`g`,ģ:`g`,Ĥ:`H`,Ħ:`H`,ĥ:`h`,ħ:`h`,Ĩ:`I`,Ī:`I`,Ĭ:`I`,Į:`I`,İ:`I`,ĩ:`i`,ī:`i`,ĭ:`i`,į:`i`,ı:`i`,Ĵ:`J`,ĵ:`j`,Ķ:`K`,ķ:`k`,ĸ:`k`,Ĺ:`L`,Ļ:`L`,Ľ:`L`,Ŀ:`L`,Ł:`L`,ĺ:`l`,ļ:`l`,ľ:`l`,ŀ:`l`,ł:`l`,Ń:`N`,Ņ:`N`,Ň:`N`,Ŋ:`N`,ń:`n`,ņ:`n`,ň:`n`,ŋ:`n`,Ō:`O`,Ŏ:`O`,Ő:`O`,ō:`o`,ŏ:`o`,ő:`o`,Ŕ:`R`,Ŗ:`R`,Ř:`R`,ŕ:`r`,ŗ:`r`,ř:`r`,Ś:`S`,Ŝ:`S`,Ş:`S`,Š:`S`,ś:`s`,ŝ:`s`,ş:`s`,š:`s`,Ţ:`T`,Ť:`T`,Ŧ:`T`,ţ:`t`,ť:`t`,ŧ:`t`,Ũ:`U`,Ū:`U`,Ŭ:`U`,Ů:`U`,Ű:`U`,Ų:`U`,ũ:`u`,ū:`u`,ŭ:`u`,ů:`u`,ű:`u`,ų:`u`,Ŵ:`W`,ŵ:`w`,Ŷ:`Y`,ŷ:`y`,Ÿ:`Y`,Ź:`Z`,Ż:`Z`,Ž:`Z`,ź:`z`,ż:`z`,ž:`z`,IJ:`IJ`,ij:`ij`,Œ:`Oe`,œ:`oe`,ʼn:`'n`,ſ:`s`}),Te=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Ee=RegExp(`[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]`,`g`);function De(e){return e=Y(e),e&&e.replace(Te,we).replace(Ee,``)}var Oe=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;function ke(e){return e.match(Oe)||[]}var Ae=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;function je(e){return Ae.test(e)}var Me=`\\ud800-\\udfff`,Ne=`\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff`,Pe=`\\u2700-\\u27bf`,Fe=`a-z\\xdf-\\xf6\\xf8-\\xff`,Ie=`\\xac\\xb1\\xd7\\xf7`,Le=`\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf`,Re=`\\u2000-\\u206f`,ze=` \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000`,Be=`A-Z\\xc0-\\xd6\\xd8-\\xde`,Ve=`\\ufe0e\\ufe0f`,He=Ie+Le+Re+ze,Ue=`['’]`,We=`[`+He+`]`,Ge=`[`+Ne+`]`,Ke=`\\d+`,qe=`[`+Pe+`]`,Je=`[`+Fe+`]`,Ye=`[^`+Me+He+Ke+Pe+Fe+Be+`]`,Xe=`(?:`+Ge+`|\\ud83c[\\udffb-\\udfff])`,Ze=`[^`+Me+`]`,Qe=`(?:\\ud83c[\\udde6-\\uddff]){2}`,$e=`[\\ud800-\\udbff][\\udc00-\\udfff]`,Z=`[`+Be+`]`,et=`\\u200d`,tt=`(?:`+Je+`|`+Ye+`)`,nt=`(?:`+Z+`|`+Ye+`)`,rt=`(?:`+Ue+`(?:d|ll|m|re|s|t|ve))?`,it=`(?:`+Ue+`(?:D|LL|M|RE|S|T|VE))?`,at=Xe+`?`,ot=`[`+Ve+`]?`,st=`(?:`+et+`(?:`+[Ze,Qe,$e].join(`|`)+`)`+ot+at+`)*`,ct=`\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])`,lt=`\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])`,ut=ot+at+st,dt=`(?:`+[qe,Qe,$e].join(`|`)+`)`+ut,ft=RegExp([Z+`?`+Je+`+`+rt+`(?=`+[We,Z,`$`].join(`|`)+`)`,nt+`+`+it+`(?=`+[We,Z+tt,`$`].join(`|`)+`)`,Z+`?`+tt+`+`+rt,Z+`+`+it,lt,ct,Ke,dt].join(`|`),`g`);function pt(e){return e.match(ft)||[]}function mt(e,t,n){return e=Y(e),t=n?void 0:t,t===void 0?je(e)?pt(e):ke(e):e.match(t)||[]}var ht=RegExp(`['’]`,`g`);function gt(e){return function(t){return Se(mt(De(t).replace(ht,``)),e,``)}}var _t=gt(function(e,t,n){return e+(n?`-`:``)+t.toLowerCase()}),vt=W(`attach`,()=>t(`svg`,{viewBox:`0 0 16 16`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`},t(`g`,{stroke:`none`,"stroke-width":`1`,fill:`none`,"fill-rule":`evenodd`},t(`g`,{fill:`currentColor`,"fill-rule":`nonzero`},t(`path`,{d:`M3.25735931,8.70710678 L7.85355339,4.1109127 C8.82986412,3.13460197 10.4127766,3.13460197 11.3890873,4.1109127 C12.365398,5.08722343 12.365398,6.67013588 11.3890873,7.64644661 L6.08578644,12.9497475 C5.69526215,13.3402718 5.06209717,13.3402718 4.67157288,12.9497475 C4.28104858,12.5592232 4.28104858,11.9260582 4.67157288,11.5355339 L9.97487373,6.23223305 C10.1701359,6.0369709 10.1701359,5.72038841 9.97487373,5.52512627 C9.77961159,5.32986412 9.4630291,5.32986412 9.26776695,5.52512627 L3.96446609,10.8284271 C3.18341751,11.6094757 3.18341751,12.8758057 3.96446609,13.6568542 C4.74551468,14.4379028 6.01184464,14.4379028 6.79289322,13.6568542 L12.0961941,8.35355339 C13.4630291,6.98671837 13.4630291,4.77064094 12.0961941,3.40380592 C10.7293591,2.0369709 8.51328163,2.0369709 7.14644661,3.40380592 L2.55025253,8 C2.35499039,8.19526215 2.35499039,8.51184464 2.55025253,8.70710678 C2.74551468,8.90236893 3.06209717,8.90236893 3.25735931,8.70710678 Z`}))))),yt=W(`cancel`,()=>t(`svg`,{viewBox:`0 0 16 16`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`},t(`g`,{stroke:`none`,"stroke-width":`1`,fill:`none`,"fill-rule":`evenodd`},t(`g`,{fill:`currentColor`,"fill-rule":`nonzero`},t(`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`}))))),bt=W(`download`,()=>t(`svg`,{viewBox:`0 0 16 16`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`},t(`g`,{stroke:`none`,"stroke-width":`1`,fill:`none`,"fill-rule":`evenodd`},t(`g`,{fill:`currentColor`,"fill-rule":`nonzero`},t(`path`,{d:`M3.5,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7454599 12.8231248,13.9496084 12.5898756,13.9919443 L12.5,14 L3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2545401 3.17687516,13.0503916 3.41012437,13.0080557 L3.5,13 L12.5,13 L3.5,13 Z M7.91012437,1.00805567 L8,1 C8.24545989,1 8.44960837,1.17687516 8.49194433,1.41012437 L8.5,1.5 L8.5,10.292 L11.1819805,7.6109127 C11.3555469,7.43734635 11.6249713,7.4180612 11.8198394,7.55305725 L11.8890873,7.6109127 C12.0626536,7.78447906 12.0819388,8.05390346 11.9469427,8.2487716 L11.8890873,8.31801948 L8.35355339,11.8535534 C8.17998704,12.0271197 7.91056264,12.0464049 7.7156945,11.9114088 L7.64644661,11.8535534 L4.1109127,8.31801948 C3.91565056,8.12275734 3.91565056,7.80617485 4.1109127,7.6109127 C4.28447906,7.43734635 4.55390346,7.4180612 4.7487716,7.55305725 L4.81801948,7.6109127 L7.5,10.292 L7.5,1.5 C7.5,1.25454011 7.67687516,1.05039163 7.91012437,1.00805567 L8,1 L7.91012437,1.00805567 Z`}))))),xt=n({name:`ResizeSmall`,render(){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`},t(`g`,{fill:`none`},t(`path`,{d:`M5.5 4A1.5 1.5 0 0 0 4 5.5v1a.5.5 0 0 1-1 0v-1A2.5 2.5 0 0 1 5.5 3h1a.5.5 0 0 1 0 1h-1zM16 5.5A1.5 1.5 0 0 0 14.5 4h-1a.5.5 0 0 1 0-1h1A2.5 2.5 0 0 1 17 5.5v1a.5.5 0 0 1-1 0v-1zm0 9a1.5 1.5 0 0 1-1.5 1.5h-1a.5.5 0 0 0 0 1h1a2.5 2.5 0 0 0 2.5-2.5v-1a.5.5 0 0 0-1 0v1zm-12 0A1.5 1.5 0 0 0 5.5 16h1.25a.5.5 0 0 1 0 1H5.5A2.5 2.5 0 0 1 3 14.5v-1.25a.5.5 0 0 1 1 0v1.25zM8.5 7A1.5 1.5 0 0 0 7 8.5v3A1.5 1.5 0 0 0 8.5 13h3a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 11.5 7h-3zM8 8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3z`,fill:`currentColor`})))}}),St=W(`retry`,()=>t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 512 512`},t(`path`,{d:`M320,146s24.36-12-64-12A160,160,0,1,0,416,294`,style:`fill: none; stroke: currentcolor; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 32px;`}),t(`polyline`,{points:`256 58 336 138 256 218`,style:`fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;`}))),Ct=W(`rotateClockwise`,()=>t(`svg`,{viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},t(`path`,{d:`M3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 12.7916 15.3658 15.2026 13 16.3265V14.5C13 14.2239 12.7761 14 12.5 14C12.2239 14 12 14.2239 12 14.5V17.5C12 17.7761 12.2239 18 12.5 18H15.5C15.7761 18 16 17.7761 16 17.5C16 17.2239 15.7761 17 15.5 17H13.8758C16.3346 15.6357 18 13.0128 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 10.2761 2.22386 10.5 2.5 10.5C2.77614 10.5 3 10.2761 3 10Z`,fill:`currentColor`}),t(`path`,{d:`M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12ZM10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10C11 10.5523 10.5523 11 10 11Z`,fill:`currentColor`}))),wt=W(`rotateClockwise`,()=>t(`svg`,{viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},t(`path`,{d:`M17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 12.7916 4.63419 15.2026 7 16.3265V14.5C7 14.2239 7.22386 14 7.5 14C7.77614 14 8 14.2239 8 14.5V17.5C8 17.7761 7.77614 18 7.5 18H4.5C4.22386 18 4 17.7761 4 17.5C4 17.2239 4.22386 17 4.5 17H6.12422C3.66539 15.6357 2 13.0128 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 10.2761 17.7761 10.5 17.5 10.5C17.2239 10.5 17 10.2761 17 10Z`,fill:`currentColor`}),t(`path`,{d:`M10 12C8.89543 12 8 11.1046 8 10C8 8.89543 8.89543 8 10 8C11.1046 8 12 8.89543 12 10C12 11.1046 11.1046 12 10 12ZM10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z`,fill:`currentColor`}))),Tt=W(`trash`,()=>t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 512 512`},t(`path`,{d:`M432,144,403.33,419.74A32,32,0,0,1,371.55,448H140.46a32,32,0,0,1-31.78-28.26L80,144`,style:`fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;`}),t(`rect`,{x:`32`,y:`64`,width:`448`,height:`80`,rx:`16`,ry:`16`,style:`fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;`}),t(`line`,{x1:`312`,y1:`240`,x2:`200`,y2:`352`,style:`fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;`}),t(`line`,{x1:`312`,y1:`352`,x2:`200`,y2:`240`,style:`fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;`}))),Et=W(`zoomIn`,()=>t(`svg`,{viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},t(`path`,{d:`M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5Z`,fill:`currentColor`}),t(`path`,{d:`M8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z`,fill:`currentColor`}))),Dt=W(`zoomOut`,()=>t(`svg`,{viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},t(`path`,{d:`M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11Z`,fill:`currentColor`}),t(`path`,{d:`M14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z`,fill:`currentColor`}))),Ot=L&&`loading`in document.createElement(`img`);function kt(e={}){let{root:t=null}=e;return{hash:`${e.rootMargin||`0px 0px 0px 0px`}-${Array.isArray(e.threshold)?e.threshold.join(`,`):e.threshold??`0`}`,options:Object.assign(Object.assign({},e),{root:(typeof t==`string`?document.querySelector(t):t)||document.documentElement})}}var At=new WeakMap,jt=new WeakMap,Mt=new WeakMap,Nt=(e,t,n)=>{if(!e)return()=>{};let r=kt(t),{root:i}=r.options,a,o=At.get(i);o?a=o:(a=new Map,At.set(i,a));let s,c;a.has(r.hash)?(c=a.get(r.hash),c[1].has(e)||(s=c[0],c[1].add(e),s.observe(e))):(s=new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting){let t=jt.get(e.target),n=Mt.get(e.target);t&&t(),n&&(n.value=!0)}})},r.options),s.observe(e),c=[s,new Set([e])],a.set(r.hash,c));let l=!1,u=()=>{l||(jt.delete(e),Mt.delete(e),l=!0,c[1].has(e)&&(c[0].unobserve(e),c[1].delete(e)),c[1].size<=0&&a.delete(r.hash),a.size||At.delete(i))};return jt.set(e,u),Mt.set(e,n),u},Pt=n({name:`Tooltip`,props:Object.assign(Object.assign({},z),A.props),slots:Object,__popover__:!0,setup(e){let{mergedClsPrefixRef:t}=T(e),n=A(`Tooltip`,`-tooltip`,void 0,he,e,t),r=u(null);return Object.assign(Object.assign({},{syncPosition(){r.value.syncPosition()},setShow(e){r.value.setShow(e)}}),{popoverRef:r,mergedTheme:n,popoverThemeOverrides:g(()=>n.value.self)})},render(){let{mergedTheme:e,internalExtraClass:n}=this;return t(B,Object.assign(Object.assign({},this.$props),{theme:e.peers.Popover,themeOverrides:e.peerOverrides.Popover,builtinThemeOverrides:this.popoverThemeOverrides,internalExtraClass:n.concat(`tooltip`),ref:`popoverRef`}),this.$slots)}});function Ft(){return{toolbarIconColor:`rgba(255, 255, 255, .9)`,toolbarColor:`rgba(0, 0, 0, .35)`,toolbarBoxShadow:`none`,toolbarBorderRadius:`24px`}}var It=k({name:`Image`,common:j,peers:{Tooltip:he},self:Ft});function Lt(){return t(`svg`,{viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},t(`path`,{d:`M6 5C5.75454 5 5.55039 5.17688 5.50806 5.41012L5.5 5.5V14.5C5.5 14.7761 5.72386 15 6 15C6.24546 15 6.44961 14.8231 6.49194 14.5899L6.5 14.5V5.5C6.5 5.22386 6.27614 5 6 5ZM13.8536 5.14645C13.68 4.97288 13.4106 4.9536 13.2157 5.08859L13.1464 5.14645L8.64645 9.64645C8.47288 9.82001 8.4536 10.0894 8.58859 10.2843L8.64645 10.3536L13.1464 14.8536C13.3417 15.0488 13.6583 15.0488 13.8536 14.8536C14.0271 14.68 14.0464 14.4106 13.9114 14.2157L13.8536 14.1464L9.70711 10L13.8536 5.85355C14.0488 5.65829 14.0488 5.34171 13.8536 5.14645Z`,fill:`currentColor`}))}function Rt(){return t(`svg`,{viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},t(`path`,{d:`M13.5 5C13.7455 5 13.9496 5.17688 13.9919 5.41012L14 5.5V14.5C14 14.7761 13.7761 15 13.5 15C13.2545 15 13.0504 14.8231 13.0081 14.5899L13 14.5V5.5C13 5.22386 13.2239 5 13.5 5ZM5.64645 5.14645C5.82001 4.97288 6.08944 4.9536 6.28431 5.08859L6.35355 5.14645L10.8536 9.64645C11.0271 9.82001 11.0464 10.0894 10.9114 10.2843L10.8536 10.3536L6.35355 14.8536C6.15829 15.0488 5.84171 15.0488 5.64645 14.8536C5.47288 14.68 5.4536 14.4106 5.58859 14.2157L5.64645 14.1464L9.79289 10L5.64645 5.85355C5.45118 5.65829 5.45118 5.34171 5.64645 5.14645Z`,fill:`currentColor`}))}function zt(){return t(`svg`,{viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},t(`path`,{d:`M4.089 4.216l.057-.07a.5.5 0 0 1 .638-.057l.07.057L10 9.293l5.146-5.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07L10.707 10l5.147 5.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.638.057l-.07-.057L10 10.707l-5.146 5.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.057-.07L9.293 10L4.146 4.854a.5.5 0 0 1-.057-.638l.057-.07l-.057.07z`,fill:`currentColor`}))}var Bt=Object.assign(Object.assign({},A.props),{onPreviewPrev:Function,onPreviewNext:Function,showToolbar:{type:Boolean,default:!0},showToolbarTooltip:Boolean,renderToolbar:Function}),Vt=M(`n-image`),Ht=y([y(`body >`,[S(`image-container`,`position: fixed;`)]),S(`image-preview-container`,`
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
display: flex;
|
||
`),S(`image-preview-overlay`,`
|
||
z-index: -1;
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
background: rgba(0, 0, 0, .3);
|
||
`,[le()]),S(`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;
|
||
`,[S(`base-icon`,`
|
||
padding: 0 8px;
|
||
font-size: 28px;
|
||
cursor: pointer;
|
||
`),le()]),S(`image-preview-wrapper`,`
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
display: flex;
|
||
pointer-events: none;
|
||
`,[re()]),S(`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);
|
||
`),S(`image`,`
|
||
display: inline-flex;
|
||
max-height: 100%;
|
||
max-width: 100%;
|
||
`,[E(`preview-disabled`,`
|
||
cursor: pointer;
|
||
`),y(`img`,`
|
||
border-radius: inherit;
|
||
`)])]),Ut=32,Wt=n({name:`ImagePreview`,props:Object.assign(Object.assign({},Bt),{src:String,show:{type:Boolean,default:void 0},defaultShow:Boolean,"onUpdate:show":[Function,Array],onUpdateShow:[Function,Array],onNext:Function,onPrev:Function,onClose:[Function,Array]}),setup(e){let{src:n}=l(e),{mergedClsPrefixRef:a}=T(e),o=A(`Image`,`-image`,Ht,It,e,a),c=null,f=u(null),p=u(null),m=u(!1),{localeRef:_}=ae(`Image`),v=u(e.defaultShow),y=ne(h(e,`show`),v);function b(){let{value:e}=p;if(!c||!e)return;let{style:t}=e,n=c.getBoundingClientRect();t.transformOrigin=`${n.left+n.width/2}px ${n.top+n.height/2}px`}function x(t){var n,r;switch(t.key){case` `:t.preventDefault();break;case`ArrowLeft`:(n=e.onPrev)==null||n.call(e);break;case`ArrowRight`:(r=e.onNext)==null||r.call(e);break;case`ArrowUp`:t.preventDefault(),K();break;case`ArrowDown`:t.preventDefault(),q();break;case`Escape`:Y();break}}function S(t){let{onUpdateShow:n,"onUpdate:show":r}=e;n&&V(n,t),r&&V(r,t),v.value=t,m.value=!0}s(y,e=>{e?ie(`keydown`,document,x):N(`keydown`,document,x)}),i(()=>{N(`keydown`,document,x)});let C=0,E=0,D=0,O=0,k=0,ee=0,j=0,M=0,P=!1;function re(e){let{clientX:t,clientY:n}=e;D=t-C,O=n-E,te(J)}function oe(e){let{mouseUpClientX:t,mouseUpClientY:n,mouseDownClientX:r,mouseDownClientY:i}=e,a=r-t,o=i-n;return{moveVerticalDirection:`vertical${o>0?`Top`:`Bottom`}`,moveHorizontalDirection:`horizontal${a>0?`Left`:`Right`}`,deltaHorizontal:a,deltaVertical:o}}function F(e){let{value:t}=f;if(!t)return{offsetX:0,offsetY:0};let n=t.getBoundingClientRect(),{moveVerticalDirection:r,moveHorizontalDirection:i,deltaHorizontal:a,deltaVertical:o}=e||{},s=0,c=0;return s=n.width<=window.innerWidth?0:n.left>0?(n.width-window.innerWidth)/2:n.right<window.innerWidth?-(n.width-window.innerWidth)/2:i===`horizontalRight`?Math.min((n.width-window.innerWidth)/2,k-(a??0)):Math.max(-((n.width-window.innerWidth)/2),k-(a??0)),c=n.height<=window.innerHeight?0:n.top>0?(n.height-window.innerHeight)/2:n.bottom<window.innerHeight?-(n.height-window.innerHeight)/2:r===`verticalBottom`?Math.min((n.height-window.innerHeight)/2,ee-(o??0)):Math.max(-((n.height-window.innerHeight)/2),ee-(o??0)),{offsetX:s,offsetY:c}}function I(e){N(`mousemove`,document,re),N(`mouseup`,document,I);let{clientX:t,clientY:n}=e;P=!1;let r=F(oe({mouseUpClientX:t,mouseUpClientY:n,mouseDownClientX:j,mouseDownClientY:M}));D=r.offsetX,O=r.offsetY,J()}let L=d(Vt,null);function se(e){var t,n;if((n=(t=L?.previewedImgPropsRef.value)?.onMousedown)==null||n.call(t,e),e.button!==0)return;let{clientX:r,clientY:i}=e;P=!0,C=r-D,E=i-O,k=D,ee=O,j=r,M=i,J(),ie(`mousemove`,document,re),ie(`mouseup`,document,I)}let R=1.5,z=0,B=1,H=0;function ce(e){var t,n;(n=(t=L?.previewedImgPropsRef.value)?.onDblclick)==null||n.call(t,e);let r=fe();B=B===r?1:r,J()}function U(){B=1,z=0}function le(){var t;U(),H=0,(t=e.onPrev)==null||t.call(e)}function W(){var t;U(),H=0,(t=e.onNext)==null||t.call(e)}function ue(){H-=90,J()}function G(){H+=90,J()}function de(){let{value:e}=f;if(!e)return 1;let{innerWidth:t,innerHeight:n}=window,r=Math.max(1,e.naturalHeight/(n-Ut)),i=Math.max(1,e.naturalWidth/(t-Ut));return Math.max(3,r*2,i*2)}function fe(){let{value:e}=f;if(!e)return 1;let{innerWidth:t,innerHeight:n}=window,r=e.naturalHeight/(n-Ut),i=e.naturalWidth/(t-Ut);return r<1&&i<1?1:Math.max(r,i)}function K(){let e=de();B<e&&(z+=1,B=Math.min(e,R**z),J())}function q(){if(B>.5){let e=B;--z,B=Math.max(.5,R**z);let t=e-B;J(!1);let n=F();B+=t,J(!1),B-=t,D=n.offsetX,O=n.offsetY,J()}}function pe(){let e=n.value;e&&xe(e,void 0)}function J(e=!0){let{value:t}=f;if(!t)return;let{style:n}=t,i=r(L?.previewedImgPropsRef.value?.style),a=``;if(typeof i==`string`)a=`${i};`;else for(let e in i)a+=`${_t(e)}: ${i[e]};`;let o=`transform-origin: center; transform: translateX(${D}px) translateY(${O}px) rotate(${H}deg) scale(${B});`;P?n.cssText=`${a}cursor: grabbing; transition: none;${o}`:n.cssText=`${a}cursor: grab;${o}${e?``:`transition: none;`}`,e||t.offsetHeight}function Y(){if(y.value){let{onClose:t}=e;t&&V(t),S(!1),v.value=!1}}function me(){B=fe(),z=Math.ceil(Math.log(B)/Math.log(R)),D=0,O=0,J()}let X={setThumbnailEl:e=>{c=e}};function he(n,r){if(e.showToolbarTooltip){let{value:e}=o;return t(Pt,{to:!1,theme:e.peers.Tooltip,themeOverrides:e.peerOverrides.Tooltip,keepAliveOnHover:!1},{default:()=>_.value[r],trigger:()=>n})}else return n}let ge=g(()=>{let{common:{cubicBezierEaseInOut:e},self:{toolbarIconColor:t,toolbarBorderRadius:n,toolbarBoxShadow:r,toolbarColor:i}}=o.value;return{"--n-bezier":e,"--n-toolbar-icon-color":t,"--n-toolbar-color":i,"--n-toolbar-border-radius":n,"--n-toolbar-box-shadow":r}}),{inlineThemeDisabled:ve}=T(),ye=ve?w(`image-preview`,void 0,ge,e):void 0;function be(e){e.preventDefault()}return Object.assign({clsPrefix:a,previewRef:f,previewWrapperRef:p,previewSrc:n,mergedShow:y,appear:_e(),displayed:m,previewedImgProps:L?.previewedImgPropsRef,handleWheel:be,handlePreviewMousedown:se,handlePreviewDblclick:ce,syncTransformOrigin:b,handleAfterLeave:()=>{U(),H=0,m.value=!1},handleDragStart:e=>{var t,n;(n=(t=L?.previewedImgPropsRef.value)?.onDragstart)==null||n.call(t,e),e.preventDefault()},zoomIn:K,zoomOut:q,handleDownloadClick:pe,rotateCounterclockwise:ue,rotateClockwise:G,handleSwitchPrev:le,handleSwitchNext:W,withTooltip:he,resizeToOrignalImageSize:me,cssVars:ve?void 0:ge,themeClass:ye?.themeClass,onRender:ye?.onRender,doUpdateShow:S,close:Y},X)},render(){var n;let{clsPrefix:r,renderToolbar:i,withTooltip:a}=this,o=a(t(G,{clsPrefix:r,onClick:this.handleSwitchPrev},{default:Lt}),`tipPrevious`),s=a(t(G,{clsPrefix:r,onClick:this.handleSwitchNext},{default:Rt}),`tipNext`),c=a(t(G,{clsPrefix:r,onClick:this.rotateCounterclockwise},{default:()=>t(wt,null)}),`tipCounterclockwise`),l=a(t(G,{clsPrefix:r,onClick:this.rotateClockwise},{default:()=>t(Ct,null)}),`tipClockwise`),u=a(t(G,{clsPrefix:r,onClick:this.resizeToOrignalImageSize},{default:()=>t(xt,null)}),`tipOriginalSize`),d=a(t(G,{clsPrefix:r,onClick:this.zoomOut},{default:()=>t(Dt,null)}),`tipZoomOut`),f=a(t(G,{clsPrefix:r,onClick:this.handleDownloadClick},{default:()=>t(bt,null)}),`tipDownload`),m=a(t(G,{clsPrefix:r,onClick:()=>this.close()},{default:zt}),`tipClose`),h=a(t(G,{clsPrefix:r,onClick:this.zoomIn},{default:()=>t(Et,null)}),`tipZoomIn`);return t(p,null,(n=this.$slots).default?.call(n),t(P,{show:this.mergedShow},{default:()=>{var n;return this.mergedShow||this.displayed?((n=this.onRender)==null||n.call(this),e(t(`div`,{ref:`containerRef`,class:[`${r}-image-preview-container`,this.themeClass],style:this.cssVars,onWheel:this.handleWheel},t(X,{name:`fade-in-transition`,appear:this.appear},{default:()=>this.mergedShow?t(`div`,{class:`${r}-image-preview-overlay`,onClick:()=>this.close()}):null}),this.showToolbar?t(X,{name:`fade-in-transition`,appear:this.appear},{default:()=>this.mergedShow?t(`div`,{class:`${r}-image-preview-toolbar`},i?i({nodes:{prev:o,next:s,rotateCounterclockwise:c,rotateClockwise:l,resizeToOriginalSize:u,zoomOut:d,zoomIn:h,download:f,close:m}}):t(p,null,this.onPrev?t(p,null,o,s):null,c,l,u,d,h,f,m)):null}):null,t(X,{name:`fade-in-scale-up-transition`,onAfterLeave:this.handleAfterLeave,appear:this.appear,onEnter:this.syncTransformOrigin,onBeforeLeave:this.syncTransformOrigin},{default:()=>{let{previewedImgProps:n={}}=this;return e(t(`div`,{class:`${r}-image-preview-wrapper`,ref:`previewWrapperRef`},t(`img`,Object.assign({},n,{draggable:!1,onMousedown:this.handlePreviewMousedown,onDblclick:this.handlePreviewDblclick,class:[`${r}-image-preview`,n.class],key:this.previewSrc,src:this.previewSrc,ref:`previewRef`,onDragstart:this.handleDragStart}))),[[pe,this.mergedShow]])}})),[[oe,{enabled:this.mergedShow}]])):null}}))}}),Gt=M(`n-image-group`),Kt=n({name:`ImageGroup`,props:Object.assign(Object.assign({},Bt),{srcList:Array,current:Number,defaultCurrent:{type:Number,default:0},show:{type:Boolean,default:void 0},defaultShow:Boolean,onUpdateShow:[Function,Array],"onUpdate:show":[Function,Array],onUpdateCurrent:[Function,Array],"onUpdate:current":[Function,Array]}),setup(e){let{mergedClsPrefixRef:t}=T(e),n=`c${I()}`,r=u(null),i=u(e.defaultShow),a=ne(h(e,`show`),i),s=u(new Map),c=g(()=>{if(e.srcList){let t=new Map;return e.srcList.forEach((e,n)=>{t.set(`p${n}`,e)}),t}return s.value}),l=g(()=>Array.from(c.value.keys())),d=()=>l.value.length;function f(t,n){e.srcList&&b(`image-group`,"`n-image` can't be placed inside `n-image-group` when image group's `src-list` prop is set.");let r=`r${t}`;return s.value.has(`r${r}`)||s.value.set(r,n),function(){s.value.has(r)||s.value.delete(r)}}let p=u(e.defaultCurrent),m=ne(h(e,`current`),p),_=t=>{if(t!==m.value){let{onUpdateCurrent:n,"onUpdate:current":r}=e;n&&V(n,t),r&&V(r,t),p.value=t}},v=g(()=>l.value[m.value]),y=e=>{let t=l.value.indexOf(e);t!==m.value&&_(t)},x=g(()=>c.value.get(v.value));function S(t){let{onUpdateShow:n,"onUpdate:show":r}=e;n&&V(n,t),r&&V(r,t),i.value=t}function C(){S(!1)}let w=g(()=>{let e=(e,t)=>{for(let n=e;n<=t;n++){let e=l.value[n];if(c.value.get(e))return n}},t=e(m.value+1,d()-1);return t===void 0?e(0,m.value-1):t}),E=g(()=>{let e=(e,t)=>{for(let n=e;n>=t;n--){let e=l.value[n];if(c.value.get(e))return n}},t=e(m.value-1,0);return t===void 0?e(d()-1,m.value+1):t});function D(t){var n,r;t===1?(E.value!==void 0&&_(w.value),(n=e.onPreviewNext)==null||n.call(e)):(w.value!==void 0&&_(E.value),(r=e.onPreviewPrev)==null||r.call(e))}return o(Gt,{mergedClsPrefixRef:t,registerImageUrl:f,setThumbnailEl:e=>{var t;(t=r.value)==null||t.setThumbnailEl(e)},toggleShow:e=>{S(!0),y(e)},groupId:n,renderToolbarRef:h(e,`renderToolbar`)}),{mergedClsPrefix:t,previewInstRef:r,mergedShow:a,src:x,onClose:C,next:()=>{D(1)},prev:()=>{D(-1)}}},render(){return t(Wt,{theme:this.theme,themeOverrides:this.themeOverrides,ref:`previewInstRef`,onPrev:this.prev,onNext:this.next,src:this.src,show:this.mergedShow,showToolbar:this.showToolbar,showToolbarTooltip:this.showToolbarTooltip,renderToolbar:this.renderToolbar,onClose:this.onClose},this.$slots)}}),qt=Object.assign({alt:String,height:[String,Number],imgProps:Object,previewedImgProps:Object,lazy:Boolean,intersectionObserverOptions:Object,objectFit:{type:String,default:`fill`},previewSrc:String,fallbackSrc:String,width:[String,Number],src:String,previewDisabled:Boolean,loadDescription:String,onError:Function,onLoad:Function},Bt),Jt=0,Yt=n({name:`Image`,props:qt,slots:Object,inheritAttrs:!1,setup(e){let t=u(null),n=u(!1),r=u(null),a=d(Gt,null),{mergedClsPrefixRef:s}=a||T(e),l=g(()=>e.previewSrc||e.src),f=u(!1),p=Jt++,m=()=>{if(e.previewDisabled||n.value)return;if(a){a.setThumbnailEl(t.value),a.toggleShow(`r${p}`);return}let{value:i}=r;i&&(i.setThumbnailEl(t.value),f.value=!0)},v={click:()=>{m()},showPreview:m},y=u(!e.lazy);_(()=>{var e;(e=t.value)==null||e.setAttribute(`data-group-id`,a?.groupId||``)}),_(()=>{if(e.lazy&&e.intersectionObserverOptions){let n,r=c(()=>{n?.(),n=void 0,n=Nt(t.value,e.intersectionObserverOptions,y)});i(()=>{r(),n?.()})}}),c(()=>{var t;e.src||(t=e.imgProps)==null||t.src,n.value=!1}),c(e=>{let t=(a?.registerImageUrl)?.call(a,p,l.value||``);e(()=>{t?.()})});function b(t){var n,r;v.showPreview(),(r=(n=e.imgProps)?.onClick)==null||r.call(n,t)}function x(){f.value=!1}let S=u(!1);return o(Vt,{previewedImgPropsRef:h(e,`previewedImgProps`)}),Object.assign({mergedClsPrefix:s,groupId:a?.groupId,previewInstRef:r,imageRef:t,mergedPreviewSrc:l,showError:n,shouldStartLoading:y,loaded:S,mergedOnClick:e=>{b(e)},onPreviewClose:x,mergedOnError:t=>{if(!y.value)return;n.value=!0;let{onError:r,imgProps:{onError:i}={}}=e;r?.(t),i?.(t)},mergedOnLoad:t=>{let{onLoad:n,imgProps:{onLoad:r}={}}=e;n?.(t),r?.(t),S.value=!0},previewShow:f},v)},render(){var e;let{mergedClsPrefix:n,imgProps:r={},loaded:i,$attrs:a,lazy:o}=this,s=F(this.$slots.error,()=>[]),c=(e=this.$slots).placeholder?.call(e),l=this.src||r.src,u=this.showError&&s.length?s:t(`img`,Object.assign(Object.assign({},r),{ref:`imageRef`,width:this.width||r.width,height:this.height||r.height,src:this.showError?this.fallbackSrc:o&&this.intersectionObserverOptions?this.shouldStartLoading?l:void 0:l,alt:this.alt||r.alt,"aria-label":this.alt||r.alt,onClick:this.mergedOnClick,onError:this.mergedOnError,onLoad:this.mergedOnLoad,loading:Ot&&o&&!this.intersectionObserverOptions?`lazy`:`eager`,style:[r.style||``,c&&!i?{height:`0`,width:`0`,visibility:`hidden`}:``,{objectFit:this.objectFit}],"data-error":this.showError,"data-preview-src":this.previewSrc||this.src}));return t(`div`,Object.assign({},a,{role:`none`,class:[a.class,`${n}-image`,(this.previewDisabled||this.showError)&&`${n}-image--preview-disabled`]}),this.groupId?u:t(Wt,{theme:this.theme,themeOverrides:this.themeOverrides,ref:`previewInstRef`,showToolbar:this.showToolbar,showToolbarTooltip:this.showToolbarTooltip,renderToolbar:this.renderToolbar,src:this.mergedPreviewSrc,show:!this.previewDisabled&&this.previewShow,onClose:this.onPreviewClose},{default:()=>u}),!i&&c)}}),Xt={success:t(K,null),error:t(be,null),warning:t(de,null),info:t(J,null)},Zt=n({name:`ProgressCircle`,props:{clsPrefix:{type:String,required:!0},status:{type:String,required:!0},strokeWidth:{type:Number,required:!0},fillColor:[String,Object],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:n}){let r=g(()=>{let t=`gradient`,{fillColor:n}=e;return typeof n==`object`?`${t}-${m(JSON.stringify(n))}`:t});function i(t,n,i,a){let{gapDegree:o,viewBoxWidth:s,strokeWidth:c}=e,l=50+c/2,u=`M ${l},${l} m 0,50
|
||
a 50,50 0 1 1 0,-100
|
||
a 50,50 0 1 1 0,100`,d=Math.PI*2*50;return{pathString:u,pathStyle:{stroke:a===`rail`?i:typeof e.fillColor==`object`?`url(#${r.value})`:i,strokeDasharray:`${Math.min(t,100)/100*(d-o)}px ${s*8}px`,strokeDashoffset:`-${o/2}px`,transformOrigin:n?`center`:void 0,transform:n?`rotate(${n}deg)`:void 0}}}let a=()=>{let n=typeof e.fillColor==`object`,i=n?e.fillColor.stops[0]:``,a=n?e.fillColor.stops[1]:``;return n&&t(`defs`,null,t(`linearGradient`,{id:r.value,x1:`0%`,y1:`100%`,x2:`100%`,y2:`0%`},t(`stop`,{offset:`0%`,"stop-color":i}),t(`stop`,{offset:`100%`,"stop-color":a})))};return()=>{let{fillColor:r,railColor:o,strokeWidth:s,offsetDegree:c,status:l,percentage:u,showIndicator:d,indicatorTextColor:f,unit:p,gapOffsetDegree:m,clsPrefix:h}=e,{pathString:g,pathStyle:_}=i(100,0,o,`rail`),{pathString:v,pathStyle:y}=i(u,c,r,`fill`),b=100+s;return t(`div`,{class:`${h}-progress-content`,role:`none`},t(`div`,{class:`${h}-progress-graph`,"aria-hidden":!0},t(`div`,{class:`${h}-progress-graph-circle`,style:{transform:m?`rotate(${m}deg)`:void 0}},t(`svg`,{viewBox:`0 0 ${b} ${b}`},a(),t(`g`,null,t(`path`,{class:`${h}-progress-graph-circle-rail`,d:g,"stroke-width":s,"stroke-linecap":`round`,fill:`none`,style:_})),t(`g`,null,t(`path`,{class:[`${h}-progress-graph-circle-fill`,u===0&&`${h}-progress-graph-circle-fill--empty`],d:v,"stroke-width":s,"stroke-linecap":`round`,fill:`none`,style:y}))))),d?t(`div`,null,n.default?t(`div`,{class:`${h}-progress-custom-content`,role:`none`},n.default()):l==="default"?t(`div`,{class:`${h}-progress-text`,style:{color:f},role:`none`},t(`span`,{class:`${h}-progress-text__percentage`},u),t(`span`,{class:`${h}-progress-text__unit`},p)):t(`div`,{class:`${h}-progress-icon`,"aria-hidden":!0},t(G,{clsPrefix:h},{default:()=>Xt[l]}))):null)}}}),Qt={success:t(K,null),error:t(be,null),warning:t(de,null),info:t(J,null)},$t=n({name:`ProgressLine`,props:{clsPrefix:{type:String,required:!0},percentage:{type:Number,default:0},railColor:String,railStyle:[String,Object],fillColor:[String,Object],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:n}){let r=g(()=>H(e.height)),i=g(()=>typeof e.fillColor==`object`?`linear-gradient(to right, ${e.fillColor?.stops[0]} , ${e.fillColor?.stops[1]})`:e.fillColor),a=g(()=>e.railBorderRadius===void 0?e.height===void 0?``:H(e.height,{c:.5}):H(e.railBorderRadius)),o=g(()=>e.fillBorderRadius===void 0?e.railBorderRadius===void 0?e.height===void 0?``:H(e.height,{c:.5}):H(e.railBorderRadius):H(e.fillBorderRadius));return()=>{let{indicatorPlacement:s,railColor:c,railStyle:l,percentage:u,unit:d,indicatorTextColor:f,status:p,showIndicator:m,processing:h,clsPrefix:g}=e;return t(`div`,{class:`${g}-progress-content`,role:`none`},t(`div`,{class:`${g}-progress-graph`,"aria-hidden":!0},t(`div`,{class:[`${g}-progress-graph-line`,{[`${g}-progress-graph-line--indicator-${s}`]:!0}]},t(`div`,{class:`${g}-progress-graph-line-rail`,style:[{backgroundColor:c,height:r.value,borderRadius:a.value},l]},t(`div`,{class:[`${g}-progress-graph-line-fill`,h&&`${g}-progress-graph-line-fill--processing`],style:{maxWidth:`${e.percentage}%`,background:i.value,height:r.value,lineHeight:r.value,borderRadius:o.value}},s===`inside`?t(`div`,{class:`${g}-progress-graph-line-indicator`,style:{color:f}},n.default?n.default():`${u}${d}`):null)))),m&&s===`outside`?t(`div`,null,n.default?t(`div`,{class:`${g}-progress-custom-content`,style:{color:f},role:`none`},n.default()):p==="default"?t(`div`,{role:`none`,class:`${g}-progress-icon ${g}-progress-icon--as-text`,style:{color:f}},u,d):t(`div`,{class:`${g}-progress-icon`,"aria-hidden":!0},t(G,{clsPrefix:g},{default:()=>Qt[p]}))):null)}}});function en(e,t,n=100){return`m ${n/2} ${n/2-e} a ${e} ${e} 0 1 1 0 ${2*e} a ${e} ${e} 0 1 1 0 -${2*e}`}var tn=n({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:n}){let r=g(()=>e.percentage.map((t,n)=>`${Math.PI*t/100*(e.viewBoxWidth/2-e.strokeWidth/2*(1+2*n)-e.circleGap*n)*2}, ${e.viewBoxWidth*8}`)),i=(n,r)=>{let i=e.fillColor[r],a=typeof i==`object`?i.stops[0]:``,o=typeof i==`object`?i.stops[1]:``;return typeof e.fillColor[r]==`object`&&t(`linearGradient`,{id:`gradient-${r}`,x1:`100%`,y1:`0%`,x2:`0%`,y2:`100%`},t(`stop`,{offset:`0%`,"stop-color":a}),t(`stop`,{offset:`100%`,"stop-color":o}))};return()=>{let{viewBoxWidth:a,strokeWidth:o,circleGap:s,showIndicator:c,fillColor:l,railColor:u,railStyle:d,percentage:f,clsPrefix:p}=e;return t(`div`,{class:`${p}-progress-content`,role:`none`},t(`div`,{class:`${p}-progress-graph`,"aria-hidden":!0},t(`div`,{class:`${p}-progress-graph-circle`},t(`svg`,{viewBox:`0 0 ${a} ${a}`},t(`defs`,null,f.map((e,t)=>i(e,t))),f.map((e,n)=>t(`g`,{key:n},t(`path`,{class:`${p}-progress-graph-circle-rail`,d:en(a/2-o/2*(1+2*n)-s*n,o,a),"stroke-width":o,"stroke-linecap":`round`,fill:`none`,style:[{strokeDashoffset:0,stroke:u[n]},d[n]]}),t(`path`,{class:[`${p}-progress-graph-circle-fill`,e===0&&`${p}-progress-graph-circle-fill--empty`],d:en(a/2-o/2*(1+2*n)-s*n,o,a),"stroke-width":o,"stroke-linecap":`round`,fill:`none`,style:{strokeDasharray:r.value[n],strokeDashoffset:0,stroke:typeof l[n]==`object`?`url(#gradient-${n})`:l[n]}})))))),c&&n.default?t(`div`,null,t(`div`,{class:`${p}-progress-text`},n.default())):null)}}}),nn=y([S(`progress`,{display:`inline-block`},[S(`progress-icon`,`
|
||
color: var(--n-icon-color);
|
||
transition: color .3s var(--n-bezier);
|
||
`),D(`line`,`
|
||
width: 100%;
|
||
display: block;
|
||
`,[S(`progress-content`,`
|
||
display: flex;
|
||
align-items: center;
|
||
`,[S(`progress-graph`,{flex:1})]),S(`progress-custom-content`,{marginLeft:`14px`}),S(`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);
|
||
`,[D(`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);
|
||
`)])]),D(`circle, dashboard`,{width:`120px`},[S(`progress-custom-content`,`
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translateX(-50%) translateY(-50%);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
`),S(`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;
|
||
`),S(`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);
|
||
`)]),D(`multiple-circle`,`
|
||
width: 200px;
|
||
color: inherit;
|
||
`,[S(`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);
|
||
`)]),S(`progress-content`,{position:`relative`}),S(`progress-graph`,{position:`relative`},[S(`progress-graph-circle`,[y(`svg`,{verticalAlign:`bottom`}),S(`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);
|
||
`,[D(`empty`,{opacity:0})]),S(`progress-graph-circle-rail`,`
|
||
transition: stroke .3s var(--n-bezier);
|
||
overflow: hidden;
|
||
stroke: var(--n-rail-color);
|
||
`)]),S(`progress-graph-line`,[D(`indicator-inside`,[S(`progress-graph-line-rail`,`
|
||
height: 16px;
|
||
line-height: 16px;
|
||
border-radius: 10px;
|
||
`,[S(`progress-graph-line-fill`,`
|
||
height: inherit;
|
||
border-radius: 10px;
|
||
`),S(`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);
|
||
`)])]),D(`indicator-inside-label`,`
|
||
height: 16px;
|
||
display: flex;
|
||
align-items: center;
|
||
`,[S(`progress-graph-line-rail`,`
|
||
flex: 1;
|
||
transition: background-color .3s var(--n-bezier);
|
||
`),S(`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);
|
||
`)]),S(`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);
|
||
`,[S(`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);
|
||
`,[D(`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;
|
||
}
|
||
`)]),rn=n({name:`Progress`,props:Object.assign(Object.assign({},A.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,Object],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}),setup(e){let t=g(()=>e.indicatorPlacement||e.indicatorPosition),n=g(()=>{if(e.gapDegree||e.gapDegree===0)return e.gapDegree;if(e.type===`dashboard`)return 75}),{mergedClsPrefixRef:r,inlineThemeDisabled:i}=T(e),a=A(`Progress`,`-progress`,nn,ve,e,r),o=g(()=>{let{status:t}=e,{common:{cubicBezierEaseInOut:n},self:{fontSize:r,fontSizeCircle:i,railColor:o,railHeight:s,iconSizeCircle:c,iconSizeLine:l,textColorCircle:u,textColorLineInner:d,textColorLineOuter:f,lineBgProcessing:p,fontWeightCircle:m,[O(`iconColor`,t)]:h,[O(`fillColor`,t)]:g}}=a.value;return{"--n-bezier":n,"--n-fill-color":g,"--n-font-size":r,"--n-font-size-circle":i,"--n-font-weight-circle":m,"--n-icon-color":h,"--n-icon-size-circle":c,"--n-icon-size-line":l,"--n-line-bg-processing":p,"--n-rail-color":o,"--n-rail-height":s,"--n-text-color-circle":u,"--n-text-color-line-inner":d,"--n-text-color-line-outer":f}}),s=i?w(`progress`,g(()=>e.status[0]),o,e):void 0;return{mergedClsPrefix:r,mergedIndicatorPlacement:t,gapDeg:n,cssVars:i?void 0:o,themeClass:s?.themeClass,onRender:s?.onRender}},render(){let{type:e,cssVars:n,indicatorTextColor:r,showIndicator:i,status:a,railColor:o,railStyle:s,color:c,percentage:l,viewBoxWidth:u,strokeWidth:d,mergedIndicatorPlacement:f,unit:p,borderRadius:m,fillBorderRadius:h,height:g,processing:_,circleGap:v,mergedClsPrefix:y,gapDeg:b,gapOffsetDegree:x,themeClass:S,$slots:C,onRender:w}=this;return w?.(),t(`div`,{class:[S,`${y}-progress`,`${y}-progress--${e}`,`${y}-progress--${a}`],style:n,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":l,role:e===`circle`||e===`line`||e===`dashboard`?`progressbar`:`none`},e===`circle`||e===`dashboard`?t(Zt,{clsPrefix:y,status:a,showIndicator:i,indicatorTextColor:r,railColor:o,fillColor:c,railStyle:s,offsetDegree:this.offsetDegree,percentage:l,viewBoxWidth:u,strokeWidth:d,gapDegree:b===void 0?e===`dashboard`?75:0:b,gapOffsetDegree:x,unit:p},C):e===`line`?t($t,{clsPrefix:y,status:a,showIndicator:i,indicatorTextColor:r,railColor:o,fillColor:c,railStyle:s,percentage:l,processing:_,indicatorPlacement:f,unit:p,fillBorderRadius:h,railBorderRadius:m,height:g},C):e===`multiple-circle`?t(tn,{clsPrefix:y,strokeWidth:d,railColor:o,fillColor:c,railStyle:s,viewBoxWidth:u,percentage:l,showIndicator:i,circleGap:v},C):null)}}),Q=M(`n-upload`),an=y([S(`upload`,`width: 100%;`,[D(`dragger-inside`,[S(`upload-trigger`,`
|
||
display: block;
|
||
`)]),D(`drag-over`,[S(`upload-dragger`,`
|
||
border: var(--n-dragger-border-hover);
|
||
`)])]),S(`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);
|
||
`),D(`disabled`,`
|
||
cursor: not-allowed;
|
||
`)]),S(`upload-trigger`,`
|
||
display: inline-block;
|
||
box-sizing: border-box;
|
||
opacity: 1;
|
||
transition: opacity .3s var(--n-bezier);
|
||
`,[y(`+`,[S(`upload-file-list`,`margin-top: 8px;`)]),D(`disabled`,`
|
||
opacity: var(--n-item-disabled-opacity);
|
||
cursor: not-allowed;
|
||
`),D(`image-card`,`
|
||
width: 96px;
|
||
height: 96px;
|
||
`,[S(`base-icon`,`
|
||
font-size: 24px;
|
||
`),S(`upload-dragger`,`
|
||
padding: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
`)])]),S(`upload-file-list`,`
|
||
line-height: var(--n-line-height);
|
||
opacity: 1;
|
||
transition: opacity .3s var(--n-bezier);
|
||
`,[y(`a, img`,`outline: none;`),D(`disabled`,`
|
||
opacity: var(--n-item-disabled-opacity);
|
||
cursor: not-allowed;
|
||
`,[S(`upload-file`,`cursor: not-allowed;`)]),D(`grid`,`
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, 96px);
|
||
grid-gap: 8px;
|
||
margin-top: 0;
|
||
`),S(`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);
|
||
`,[ye(),S(`progress`,[ye({foldPadding:!0})]),y(`&:hover`,`
|
||
background-color: var(--n-item-color-hover);
|
||
`,[S(`upload-file-info`,[x(`action`,`
|
||
opacity: 1;
|
||
`)])]),D(`image-type`,`
|
||
border-radius: var(--n-border-radius);
|
||
text-decoration: underline;
|
||
text-decoration-color: #0000;
|
||
`,[S(`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;
|
||
`,[S(`progress`,`
|
||
padding: 2px 0;
|
||
margin-bottom: 0;
|
||
`),x(`name`,`
|
||
padding: 0 8px;
|
||
`),x(`thumbnail`,`
|
||
width: 32px;
|
||
height: 32px;
|
||
font-size: 28px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
`,[y(`img`,`
|
||
width: 100%;
|
||
`)])])]),D(`text-type`,[S(`progress`,`
|
||
box-sizing: border-box;
|
||
padding-bottom: 6px;
|
||
margin-bottom: 6px;
|
||
`)]),D(`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;
|
||
`,[S(`progress`,`
|
||
position: absolute;
|
||
left: 8px;
|
||
bottom: 8px;
|
||
right: 8px;
|
||
width: unset;
|
||
`),S(`upload-file-info`,`
|
||
padding: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
`,[x(`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;`),S(`upload-file-info`,[x(`thumbnail`,`opacity: .12;`)])])]),D(`error-status`,[y(`&:hover`,`
|
||
background-color: var(--n-item-color-hover-error);
|
||
`),S(`upload-file-info`,[x(`name`,`color: var(--n-item-text-color-error);`),x(`thumbnail`,`color: var(--n-item-text-color-error);`)]),D(`image-card-type`,`
|
||
border: var(--n-item-border-image-card-error);
|
||
`)]),D(`with-url`,`
|
||
cursor: pointer;
|
||
`,[S(`upload-file-info`,[x(`name`,`
|
||
color: var(--n-item-text-color-success);
|
||
text-decoration-color: var(--n-item-text-color-success);
|
||
`,[y(`a`,`
|
||
text-decoration: underline;
|
||
`)])])]),S(`upload-file-info`,`
|
||
position: relative;
|
||
padding-top: 6px;
|
||
padding-bottom: 6px;
|
||
display: flex;
|
||
flex-wrap: nowrap;
|
||
`,[x(`thumbnail`,`
|
||
font-size: 18px;
|
||
opacity: 1;
|
||
transition: opacity .2s var(--n-bezier);
|
||
color: var(--n-item-icon-color);
|
||
`,[S(`base-icon`,`
|
||
margin-right: 2px;
|
||
vertical-align: middle;
|
||
transition: color .3s var(--n-bezier);
|
||
`)]),x(`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;
|
||
`,[S(`button`,[y(`&:not(:last-child)`,{marginRight:`4px`}),S(`base-icon`,[y(`svg`,[ue()])])]),D(`image-type`,`
|
||
position: relative;
|
||
max-width: 80px;
|
||
width: auto;
|
||
`),D(`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;
|
||
`)]),x(`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;
|
||
`)])])])]),S(`upload-file-input`,`
|
||
display: none;
|
||
width: 0;
|
||
height: 0;
|
||
opacity: 0;
|
||
`)]),on=n({name:`UploadDragger`,__UPLOAD_DRAGGER__:!0,setup(e,{slots:n}){let r=d(Q,null);return r||b(`upload-dragger`,"`n-upload-dragger` must be placed inside `n-upload`."),()=>{let{mergedClsPrefixRef:{value:e},mergedDisabledRef:{value:i},maxReachedRef:{value:a}}=r;return t(`div`,{class:[`${e}-upload-dragger`,(i||a)&&`${e}-upload-dragger--disabled`]},n)}}});function sn(){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 28 28`},t(`g`,{fill:`none`},t(`path`,{d:`M21.75 3A3.25 3.25 0 0 1 25 6.25v15.5A3.25 3.25 0 0 1 21.75 25H6.25A3.25 3.25 0 0 1 3 21.75V6.25A3.25 3.25 0 0 1 6.25 3h15.5zm.583 20.4l-7.807-7.68a.75.75 0 0 0-.968-.07l-.084.07l-7.808 7.68c.183.065.38.1.584.1h15.5c.204 0 .4-.035.583-.1l-7.807-7.68l7.807 7.68zM21.75 4.5H6.25A1.75 1.75 0 0 0 4.5 6.25v15.5c0 .208.036.408.103.593l7.82-7.692a2.25 2.25 0 0 1 3.026-.117l.129.117l7.82 7.692c.066-.185.102-.385.102-.593V6.25a1.75 1.75 0 0 0-1.75-1.75zm-3.25 3a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5zm0 1.5a1 1 0 1 0 0 2a1 1 0 0 0 0-2z`,fill:`currentColor`})))}function cn(){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 28 28`},t(`g`,{fill:`none`},t(`path`,{d:`M6.4 2A2.4 2.4 0 0 0 4 4.4v19.2A2.4 2.4 0 0 0 6.4 26h15.2a2.4 2.4 0 0 0 2.4-2.4V11.578c0-.729-.29-1.428-.805-1.944l-6.931-6.931A2.4 2.4 0 0 0 14.567 2H6.4zm-.9 2.4a.9.9 0 0 1 .9-.9H14V10a2 2 0 0 0 2 2h6.5v11.6a.9.9 0 0 1-.9.9H6.4a.9.9 0 0 1-.9-.9V4.4zm16.44 6.1H16a.5.5 0 0 1-.5-.5V4.06l6.44 6.44z`,fill:`currentColor`})))}var ln=n({name:`UploadProgress`,props:{show:Boolean,percentage:{type:Number,required:!0},status:{type:String,required:!0}},setup(){return{mergedTheme:d(Q).mergedThemeRef}},render(){return t(q,null,{default:()=>this.show?t(rn,{type:`line`,showIndicator:!1,percentage:this.percentage,status:this.status,height:2,theme:this.mergedTheme.peers.Progress,themeOverrides:this.mergedTheme.peerOverrides.Progress}):null})}}),un=function(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})};function dn(e){return e.includes(`image/`)}function fn(e=``){let t=e.split(`/`),n=t[t.length-1].split(/#|\?/)[0];return(/\.[^./\\]*$/.exec(n)||[``])[0]}var pn=/(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i,mn=e=>{if(e.type)return dn(e.type);let t=fn(e.name||``);if(pn.test(t))return!0;let n=e.thumbnailUrl||e.url||``,r=fn(n);return!!(/^data:image\//.test(n)||pn.test(r))};function hn(e){return un(this,void 0,void 0,function*(){return yield new Promise(t=>{if(!e.type||!dn(e.type)){t(``);return}t(window.URL.createObjectURL(e))})})}var gn=L&&window.FileReader&&window.File;function _n(e){return e.isDirectory}function vn(e){return e.isFile}function yn(e,t){return un(this,void 0,void 0,function*(){let n=[];function r(e){return un(this,void 0,void 0,function*(){for(let i of e)if(i){if(t&&_n(i)){let e=i.createReader(),t=[],n;try{do n=yield new Promise((t,n)=>{e.readEntries(t,n)}),t=t.concat(n);while(n.length>0)}catch(e){v(`upload`,`error happens when handling directory upload`,e)}yield r(t)}else if(vn(i))try{let e=yield new Promise((e,t)=>{i.file(e,t)});n.push({file:e,entry:i,source:`dnd`})}catch(e){v(`upload`,`error happens when handling file upload`,e)}}})}return yield r(e),n})}function $(e){let{id:t,name:n,percentage:r,status:i,url:a,file:o,thumbnailUrl:s,type:c,fullPath:l,batchId:u}=e;return{id:t,name:n,percentage:r??null,status:i,url:a??null,file:o??null,thumbnailUrl:s??null,type:c??null,fullPath:l??null,batchId:u??null}}function bn(e,t,n){return e=e.toLowerCase(),t=t.toLocaleLowerCase(),n=n.toLocaleLowerCase(),n.split(`,`).map(e=>e.trim()).filter(Boolean).some(n=>{if(n.startsWith(`.`)){if(e.endsWith(n))return!0}else if(n.includes(`/`)){let[e,r]=t.split(`/`),[i,a]=n.split(`/`);if((i===`*`||e&&i&&i===e)&&(a===`*`||r&&a&&a===r))return!0}else return!0;return!1})}var xn=function(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})},Sn={paddingMedium:`0 3px`,heightMedium:`24px`,iconSizeMedium:`18px`},Cn=n({name:`UploadFile`,props:{clsPrefix:{type:String,required:!0},file:{type:Object,required:!0},listType:{type:String,required:!0},index:{type:Number,required:!0}},setup(e){let t=d(Q),n=u(null),r=u(``),i=g(()=>{let{file:t}=e;return t.status===`finished`?`success`:t.status===`error`?`error`:`info`}),a=g(()=>{let{file:t}=e;if(t.status===`error`)return`error`}),o=g(()=>{let{file:t}=e;return t.status===`uploading`}),s=g(()=>{if(!t.showCancelButtonRef.value)return!1;let{file:n}=e;return[`uploading`,`pending`,`error`].includes(n.status)}),l=g(()=>{if(!t.showRemoveButtonRef.value)return!1;let{file:n}=e;return[`finished`].includes(n.status)}),f=g(()=>{if(!t.showDownloadButtonRef.value)return!1;let{file:n}=e;return[`finished`].includes(n.status)}),p=g(()=>{if(!t.showRetryButtonRef.value)return!1;let{file:n}=e;return[`error`].includes(n.status)}),m=fe(()=>r.value||e.file.thumbnailUrl||e.file.url),h=g(()=>{if(!t.showPreviewButtonRef.value)return!1;let{file:{status:n},listType:r}=e;return[`finished`].includes(n)&&m.value&&r===`image-card`});function _(){return xn(this,void 0,void 0,function*(){let n=t.onRetryRef.value;n&&(yield n({file:e.file}))===!1||t.submit({fileId:e.file.id})})}function v(t){t.preventDefault();let{file:n}=e;[`finished`,`pending`,`error`].includes(n.status)?b(n):[`uploading`].includes(n.status)?S(n):C(`upload`,`The button clicked type is unknown.`)}function y(t){t.preventDefault(),x(e.file)}function b(n){let{xhrMap:r,doChange:i,onRemoveRef:{value:a},mergedFileListRef:{value:o}}=t;Promise.resolve(a?a({file:Object.assign({},n),fileList:o,index:e.index}):!0).then(e=>{if(e===!1)return;let t=Object.assign({},n,{status:`removed`});r.delete(n.id),i(t,void 0,{remove:!0})})}function x(e){let{onDownloadRef:{value:n},customDownloadRef:{value:r}}=t;Promise.resolve(n?n(Object.assign({},e)):!0).then(t=>{t!==!1&&(r?r(Object.assign({},e)):xe(e.url,e.name))})}function S(e){let{xhrMap:n}=t;n.get(e.id)?.abort(),b(Object.assign({},e))}function w(r){let{onPreviewRef:{value:i}}=t;if(i)i(e.file,{event:r});else if(e.listType===`image-card`){let{value:e}=n;if(!e)return;e.showPreview()}}let T=()=>xn(this,void 0,void 0,function*(){let{listType:n}=e;n!==`image`&&n!==`image-card`||t.shouldUseThumbnailUrlRef.value(e.file)&&(r.value=yield t.getFileThumbnailUrlResolver(e.file))});return c(()=>{T()}),{mergedTheme:t.mergedThemeRef,progressStatus:i,buttonType:a,showProgress:o,disabled:t.mergedDisabledRef,showCancelButton:s,showRemoveButton:l,showDownloadButton:f,showRetryButton:p,showPreviewButton:h,mergedThumbnailUrl:m,shouldUseThumbnailUrl:t.shouldUseThumbnailUrlRef,renderIcon:t.renderIconRef,imageRef:n,handleRemoveOrCancelClick:v,handleDownloadClick:y,handleRetryClick:_,handlePreviewClick:w}},render(){let{clsPrefix:e,mergedTheme:n,listType:r,file:i,renderIcon:a}=this,o,s=r===`image`;o=s||r===`image-card`?!this.shouldUseThumbnailUrl(i)||!this.mergedThumbnailUrl?t(`span`,{class:`${e}-upload-file-info__thumbnail`},a?a(i):mn(i)?t(G,{clsPrefix:e},{default:sn}):t(G,{clsPrefix:e},{default:cn})):t(`a`,{rel:`noopener noreferer`,target:`_blank`,href:i.url||void 0,class:`${e}-upload-file-info__thumbnail`,onClick:this.handlePreviewClick},r===`image-card`?t(Yt,{src:this.mergedThumbnailUrl||void 0,previewSrc:i.url||void 0,alt:i.name,ref:`imageRef`}):t(`img`,{src:this.mergedThumbnailUrl||void 0,alt:i.name})):t(`span`,{class:`${e}-upload-file-info__thumbnail`},a?a(i):t(G,{clsPrefix:e},{default:()=>t(vt,null)}));let c=t(ln,{show:this.showProgress,percentage:i.percentage||0,status:this.progressStatus}),l=r===`text`||r===`image`;return t(`div`,{class:[`${e}-upload-file`,`${e}-upload-file--${this.progressStatus}-status`,i.url&&i.status!==`error`&&r!==`image-card`&&`${e}-upload-file--with-url`,`${e}-upload-file--${r}-type`]},t(`div`,{class:`${e}-upload-file-info`},o,t(`div`,{class:`${e}-upload-file-info__name`},l&&(i.url&&i.status!==`error`?t(`a`,{rel:`noopener noreferer`,target:`_blank`,href:i.url||void 0,onClick:this.handlePreviewClick},i.name):t(`span`,{onClick:this.handlePreviewClick},i.name)),s&&c),t(`div`,{class:[`${e}-upload-file-info__action`,`${e}-upload-file-info__action--${r}-type`]},this.showPreviewButton?t(R,{key:`preview`,quaternary:!0,type:this.buttonType,onClick:this.handlePreviewClick,theme:n.peers.Button,themeOverrides:n.peerOverrides.Button,builtinThemeOverrides:Sn},{icon:()=>t(G,{clsPrefix:e},{default:()=>t(U,null)})}):null,(this.showRemoveButton||this.showCancelButton)&&!this.disabled&&t(R,{key:`cancelOrTrash`,theme:n.peers.Button,themeOverrides:n.peerOverrides.Button,quaternary:!0,builtinThemeOverrides:Sn,type:this.buttonType,onClick:this.handleRemoveOrCancelClick},{icon:()=>t(me,null,{default:()=>this.showRemoveButton?t(G,{clsPrefix:e,key:`trash`},{default:()=>t(Tt,null)}):t(G,{clsPrefix:e,key:`cancel`},{default:()=>t(yt,null)})})}),this.showRetryButton&&!this.disabled&&t(R,{key:`retry`,quaternary:!0,type:this.buttonType,onClick:this.handleRetryClick,theme:n.peers.Button,themeOverrides:n.peerOverrides.Button,builtinThemeOverrides:Sn},{icon:()=>t(G,{clsPrefix:e},{default:()=>t(St,null)})}),this.showDownloadButton?t(R,{key:`download`,quaternary:!0,type:this.buttonType,onClick:this.handleDownloadClick,theme:n.peers.Button,themeOverrides:n.peerOverrides.Button,builtinThemeOverrides:Sn},{icon:()=>t(G,{clsPrefix:e},{default:()=>t(bt,null)})}):null)),!s&&c)}}),wn=n({name:`UploadTrigger`,props:{abstract:Boolean},slots:Object,setup(e,{slots:n}){let r=d(Q,null);r||b(`upload-trigger`,"`n-upload-trigger` must be placed inside `n-upload`.");let{mergedClsPrefixRef:i,mergedDisabledRef:a,maxReachedRef:o,listTypeRef:s,dragOverRef:c,openOpenFileDialog:l,draggerInsideRef:u,handleFileAddition:f,mergedDirectoryDndRef:p,triggerClassRef:m,triggerStyleRef:h}=r,_=g(()=>s.value===`image-card`);function v(){a.value||o.value||l()}function y(e){e.preventDefault(),c.value=!0}function x(e){e.preventDefault(),c.value=!0}function S(e){e.preventDefault(),c.value=!1}function C(e){if(e.preventDefault(),!u.value||a.value||o.value){c.value=!1;return}let t=e.dataTransfer?.items;t?.length?yn(Array.from(t).map(e=>e.webkitGetAsEntry()),p.value).then(e=>{f(e)}).finally(()=>{c.value=!1}):c.value=!1}return()=>{let{value:r}=i;return e.abstract?n.default?.call(n,{handleClick:v,handleDrop:C,handleDragOver:y,handleDragEnter:x,handleDragLeave:S}):t(`div`,{class:[`${r}-upload-trigger`,(a.value||o.value)&&`${r}-upload-trigger--disabled`,_.value&&`${r}-upload-trigger--image-card`,m.value],style:h.value,onClick:v,onDrop:C,onDragover:y,onDragenter:x,onDragleave:S},_.value?t(on,null,{default:()=>F(n.default,()=>[t(G,{clsPrefix:r},{default:()=>t(ce,null)})])}):n)}}}),Tn=n({name:`UploadFileList`,setup(e,{slots:n}){let r=d(Q,null);r||b(`upload-file-list`,"`n-upload-file-list` must be placed inside `n-upload`.");let{abstractRef:i,mergedClsPrefixRef:a,listTypeRef:o,mergedFileListRef:s,fileListClassRef:c,fileListStyleRef:l,cssVarsRef:u,themeClassRef:f,maxReachedRef:p,showTriggerRef:m,imageGroupPropsRef:h}=r,_=g(()=>o.value===`image-card`),v=()=>s.value.map((e,n)=>t(Cn,{clsPrefix:a.value,key:e.id,file:e,index:n,listType:o.value})),y=()=>_.value?t(Kt,Object.assign({},h.value),{default:v}):t(q,{group:!0},{default:v});return()=>{let{value:e}=a,{value:r}=i;return t(`div`,{class:[`${e}-upload-file-list`,_.value&&`${e}-upload-file-list--grid`,r?f?.value:void 0,c.value],style:[r&&u?u.value:``,l.value]},y(),m.value&&!p.value&&_.value&&t(wn,null,n))}}}),En=function(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})};function Dn(e,t,n){let{doChange:r,xhrMap:i}=e,a=0;function o(n){let o=Object.assign({},t,{status:`error`,percentage:a});i.delete(t.id),o=$(e.onError?.call(e,{file:o,event:n})||o),r(o,n)}function s(s){if(e.isErrorState){if(e.isErrorState(n)){o(s);return}}else if(n.status<200||n.status>=300){o(s);return}let c=Object.assign({},t,{status:`finished`,percentage:a});i.delete(t.id),c=$(e.onFinish?.call(e,{file:c,event:s})||c),r(c,s)}return{handleXHRLoad:s,handleXHRError:o,handleXHRAbort(e){let n=Object.assign({},t,{status:`removed`,file:null,percentage:a});i.delete(t.id),r(n,e)},handleXHRProgress(e){let n=Object.assign({},t,{status:`uploading`});if(e.lengthComputable){let t=Math.ceil(e.loaded/e.total*100);n.percentage=t,a=t}r(n,e)}}}function On(e){let{inst:t,file:n,data:r,headers:i,withCredentials:a,action:o,customRequest:s}=e,{doChange:c}=e.inst,l=0;s({file:n,data:r,headers:i,withCredentials:a,action:o,onProgress(e){let t=Object.assign({},n,{status:`uploading`}),r=e.percent;t.percentage=r,l=r,c(t)},onFinish(){let e=Object.assign({},n,{status:`finished`,percentage:l});e=$(t.onFinish?.call(t,{file:e})||e),c(e)},onError(){let e=Object.assign({},n,{status:`error`,percentage:l});e=$(t.onError?.call(t,{file:e})||e),c(e)}})}function kn(e,t,n){let r=Dn(e,t,n);n.onabort=r.handleXHRAbort,n.onerror=r.handleXHRError,n.onload=r.handleXHRLoad,n.upload&&(n.upload.onprogress=r.handleXHRProgress)}function An(e,t){return typeof e==`function`?e({file:t}):e||{}}function jn(e,t,n){let r=An(t,n);r&&Object.keys(r).forEach(t=>{e.setRequestHeader(t,r[t])})}function Mn(e,t,n){let r=An(t,n);r&&Object.keys(r).forEach(t=>{e.append(t,r[t])})}function Nn(e,t,n,{method:r,action:i,withCredentials:a,responseType:o,headers:s,data:c}){let l=new XMLHttpRequest;l.responseType=o,e.xhrMap.set(n.id,l),l.withCredentials=a;let u=new FormData;if(Mn(u,c,n),n.file!==null&&u.append(t,n.file),kn(e,n,l),i!==void 0){l.open(r.toUpperCase(),i),jn(l,s,n),l.send(u);let t=Object.assign({},n,{status:`uploading`});e.doChange(t)}}var Pn=n({name:`Upload`,props:Object.assign(Object.assign({},A.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,onRetry:Function,onBeforeUpload:Function,isErrorState:Function,onDownload:Function,customDownload:Function,defaultUpload:{type:Boolean,default:!0},fileList:Array,"onUpdate:fileList":[Function,Array],onUpdateFileList:[Function,Array],fileListClass:String,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=>gn?mn(e):!1},createThumbnailUrl:Function,abstract:Boolean,max:Number,showTrigger:{type:Boolean,default:!0},imageGroupProps:Object,inputProps:Object,triggerClass:String,triggerStyle:[String,Object],renderIcon:Function}),setup(e){e.abstract&&e.listType===`image-card`&&b(`upload`,`when the list-type is image-card, abstract is not supported.`);let{mergedClsPrefixRef:t,inlineThemeDisabled:n,mergedRtlRef:r}=T(e),i=A(`Upload`,`-upload`,an,ge,e,t),s=ee(`Upload`,r,t),c=se(e),l=u(e.defaultFileList),d=h(e,`fileList`),f=u(null),p={value:!1},m=u(!1),_=new Map,v=ne(d,l),y=g(()=>v.value.map($)),x=g(()=>{let{max:t}=e;return t===void 0?!1:y.value.length>=t});function S(){var e;(e=f.value)==null||e.click()}function C(e){let t=e.target;k(t.files?Array.from(t.files).map(e=>({file:e,entry:null,source:`input`})):null,e),t.value=``}function E(t){let{"onUpdate:fileList":n,onUpdateFileList:r}=e;n&&V(n,t),r&&V(r,t),l.value=t}let D=g(()=>e.multiple||e.directory),O=(t,n,r={append:!1,remove:!1})=>{let{append:i,remove:a}=r,o=Array.from(y.value),s=o.findIndex(e=>e.id===t.id);if(i||a||~s){i?o.push(t):a?o.splice(s,1):o.splice(s,1,t);let{onChange:r}=e;r&&r({file:t,fileList:o,event:n}),E(o)}};function k(t,n){if(!t||t.length===0)return;let{onBeforeUpload:r}=e;t=D.value?t:[t[0]];let{max:i,accept:o}=e;t=t.filter(({file:e,source:t})=>t===`dnd`&&o?.trim()?bn(e.name,e.type,o):!0),i&&(t=t.slice(0,i-y.value.length));let s=I();Promise.all(t.map(e=>En(this,[e],void 0,function*({file:e,entry:t}){let n={id:I(),batchId:s,name:e.name,status:`pending`,percentage:0,file:e,url:null,type:e.type,thumbnailUrl:null,fullPath:t?.fullPath??`/${e.webkitRelativePath||e.name}`};return!r||(yield r({file:n,fileList:y.value}))!==!1?n:null}))).then(e=>En(this,void 0,void 0,function*(){let t=Promise.resolve();e.forEach(e=>{t=t.then(a).then(()=>{e&&O(e,n,{append:!0})})}),yield t})).then(()=>{e.defaultUpload&&j()})}function j({fileId:t,retry:n=!1}={}){let{method:r,action:i,withCredentials:a,headers:o,data:s,name:c}=e,l=t===void 0?y.value:y.value.filter(e=>e.id===t),u=n||t!==void 0;l.forEach(t=>{let{status:n}=t;(n===`pending`||n===`error`&&u)&&(e.customRequest?On({inst:{doChange:O,xhrMap:_,onFinish:e.onFinish,onError:e.onError},file:t,action:i,withCredentials:a,headers:o,data:s,customRequest:e.customRequest}):Nn({doChange:O,xhrMap:_,onFinish:e.onFinish,onError:e.onError,isErrorState:e.isErrorState},c,t,{method:r,action:i,withCredentials:a,responseType:e.responseType,headers:o,data:s}))})}function M(t){if(t.thumbnailUrl)return t.thumbnailUrl;let{createThumbnailUrl:n}=e;return n?n(t.file,t)??(t.url||``):t.url?t.url:t.file?hn(t.file):``}let te=g(()=>{let{common:{cubicBezierEaseInOut:e},self:{draggerColor:t,draggerBorder:n,draggerBorderHover:r,itemColorHover:a,itemColorHoverError:o,itemTextColorError:s,itemTextColorSuccess:c,itemTextColor:l,itemIconColor:u,itemDisabledOpacity:d,lineHeight:f,borderRadius:p,fontSize:m,itemBorderImageCardError:h,itemBorderImageCard:g}}=i.value;return{"--n-bezier":e,"--n-border-radius":p,"--n-dragger-border":n,"--n-dragger-border-hover":r,"--n-dragger-color":t,"--n-font-size":m,"--n-item-color-hover":a,"--n-item-color-hover-error":o,"--n-item-disabled-opacity":d,"--n-item-icon-color":u,"--n-item-text-color":l,"--n-item-text-color-error":s,"--n-item-text-color-success":c,"--n-line-height":f,"--n-item-border-image-card-error":h,"--n-item-border-image-card":g}}),N=n?w(`upload`,void 0,te,e):void 0;o(Q,{mergedClsPrefixRef:t,mergedThemeRef:i,showCancelButtonRef:h(e,`showCancelButton`),showDownloadButtonRef:h(e,`showDownloadButton`),showRemoveButtonRef:h(e,`showRemoveButton`),showRetryButtonRef:h(e,`showRetryButton`),onRemoveRef:h(e,`onRemove`),onDownloadRef:h(e,`onDownload`),customDownloadRef:h(e,`customDownload`),mergedFileListRef:y,triggerClassRef:h(e,`triggerClass`),triggerStyleRef:h(e,`triggerStyle`),shouldUseThumbnailUrlRef:h(e,`shouldUseThumbnailUrl`),renderIconRef:h(e,`renderIcon`),xhrMap:_,submit:j,doChange:O,showPreviewButtonRef:h(e,`showPreviewButton`),onPreviewRef:h(e,`onPreview`),getFileThumbnailUrlResolver:M,listTypeRef:h(e,`listType`),dragOverRef:m,openOpenFileDialog:S,draggerInsideRef:p,handleFileAddition:k,mergedDisabledRef:c.mergedDisabledRef,maxReachedRef:x,fileListClassRef:h(e,`fileListClass`),fileListStyleRef:h(e,`fileListStyle`),abstractRef:h(e,`abstract`),acceptRef:h(e,`accept`),cssVarsRef:n?void 0:te,themeClassRef:N?.themeClass,onRender:N?.onRender,showTriggerRef:h(e,`showTrigger`),imageGroupPropsRef:h(e,`imageGroupProps`),mergedDirectoryDndRef:g(()=>e.directoryDnd??e.directory),onRetryRef:h(e,`onRetry`)});let P={clear:()=>{l.value=[]},submit:j,openOpenFileDialog:S};return Object.assign({mergedClsPrefix:t,draggerInsideRef:p,rtlEnabled:s,inputElRef:f,mergedTheme:i,dragOver:m,mergedMultiple:D,cssVars:n?void 0:te,themeClass:N?.themeClass,onRender:N?.onRender,handleFileInputChange:C},P)},render(){let{draggerInsideRef:e,mergedClsPrefix:n,$slots:r,directory:i,onRender:a}=this;r.default&&!this.abstract&&r.default()[0]?.type?.__UPLOAD_DRAGGER__&&(e.value=!0);let o=t(`input`,Object.assign({},this.inputProps,{ref:`inputElRef`,type:`file`,class:`${n}-upload-file-input`,accept:this.accept,multiple:this.mergedMultiple,onChange:this.handleFileInputChange,webkitdirectory:i||void 0,directory:i||void 0}));return this.abstract?t(p,null,r.default?.call(r),t(f,{to:`body`},o)):(a?.(),t(`div`,{class:[`${n}-upload`,this.rtlEnabled&&`${n}-upload--rtl`,e.value&&`${n}-upload--dragger-inside`,this.dragOver&&`${n}-upload--drag-over`,this.themeClass],style:this.cssVars},o,this.showTrigger&&this.listType!==`image-card`&&t(wn,null,r),this.showFileList&&t(Tn,null,r)))}});export{on as n,Pn as t}; |