n8n-editor-ui
Version:
Workflow Editor UI for n8n
7 lines • 31.3 kB
JavaScript
(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.13.4`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`e7f66432-b846-44a4-9421-ecdf59b38097`,e._sentryDebugIdIdentifier=`sentry-dbid-e7f66432-b846-44a4-9421-ecdf59b38097`)})()}catch{}import{o as e}from"./chunk-DxpFCn6T.js";import{$ as t,A as n,Bt as r,C as i,E as a,Ft as o,N as s,O as c,R as l,Rt as u,S as d,Sn as f,T as p,U as m,Wt as h,X as g,_,_n as v,en as y,gt as b,h as x,in as S,it as C,j as w,ln as T,m as E,pn as D,q as O,qt as k,r as A,rt as ee,st as j,tn as M,tt as N,w as P,yn as F,yt as I}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as te}from"./_MapCache-CUJwh2qp.js";import{$i as ne,$n as L,Br as re,En as ie,Et as ae,Fi as oe,Fr as se,Gn as R,Ir as ce,Jr as z,Ln as le,Lr as ue,On as B,Or as V,Pr as H,Qi as U,Qn as W,Rr as de,Tn as G,Tt as fe,Wn as K,Wr as pe,Xr as me,Yr as q,Zi as he,Zn as ge,_r as J,_t as _e,ar as ve,ci as ye,cr as be,ei as xe,fi as Se,gn as Y,gr as Ce,gt as we,hn as X,ir as Te,kr as Ee,lr as De,pn as Z,si as Oe,tr as ke,ui as Ae,vi as je,vr as Me,vt as Ne,yt as Pe,zr as Fe}from"./src-wni2AGA3.js";import{t as Ie}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{a as Le,c as Re,i as ze,n as Be,o as Ve,r as He,s as Q,t as Ue}from"./_initCloneObject-Dqx3IypF.js";import{Tr as We,en as Ge,r as Ke}from"./users.store-BHWXXawf.js";import{n as qe,t as Je}from"./radio-BbcMeDSx.js";import{Lr as Ye,la as Xe,ni as Ze,vi as Qe}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import{t as $e}from"./dataTable.store-DzRmkvR8.js";import{t as et}from"./Modal-CfEU2AWh.js";function tt(e,t){for(var n=-1,r=e==null?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}var nt=tt;function rt(e,t){return e&&Q(t,pe(t),e)}var it=rt;function at(e,t){return e&&Q(t,Ve(t),e)}var ot=at;function st(e,t){return Q(e,ue(e),t)}var ct=st,lt=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)re(t,ue(e)),e=Le(e);return t}:de;function ut(e,t){return Q(e,lt(e),t)}var dt=ut;function ft(e){return ce(e,Ve,lt)}var pt=ft,mt=Object.prototype.hasOwnProperty;function ht(e){var t=e.length,n=new e.constructor(t);return t&&typeof e[0]==`string`&&mt.call(e,`index`)&&(n.index=e.index,n.input=e.input),n}var gt=ht;function _t(e,t){var n=t?He(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}var vt=_t,yt=/\w*$/;function bt(e){var t=new e.constructor(e.source,yt.exec(e));return t.lastIndex=e.lastIndex,t}var xt=bt,St=Se?Se.prototype:void 0,Ct=St?St.valueOf:void 0;function wt(e){return Ct?Object(Ct.call(e)):{}}var Tt=wt,Et=`[object Boolean]`,Dt=`[object Date]`,Ot=`[object Map]`,kt=`[object Number]`,At=`[object RegExp]`,jt=`[object Set]`,Mt=`[object String]`,Nt=`[object Symbol]`,Pt=`[object ArrayBuffer]`,Ft=`[object DataView]`,It=`[object Float32Array]`,Lt=`[object Float64Array]`,Rt=`[object Int8Array]`,zt=`[object Int16Array]`,Bt=`[object Int32Array]`,Vt=`[object Uint8Array]`,Ht=`[object Uint8ClampedArray]`,Ut=`[object Uint16Array]`,Wt=`[object Uint32Array]`;function Gt(e,t,n){var r=e.constructor;switch(t){case Pt:return He(e);case Et:case Dt:return new r(+e);case Ft:return vt(e,n);case It:case Lt:case Rt:case zt:case Bt:case Vt:case Ht:case Ut:case Wt:return Be(e,n);case Ot:return new r;case kt:case Mt:return new r(e);case At:return xt(e);case jt:return new r;case Nt:return Tt(e)}}var Kt=Gt,qt=`[object Map]`;function Jt(e){return Ae(e)&&H(e)==qt}var Yt=Jt,Xt=z&&z.isMap,Zt=Xt?q(Xt):Yt,Qt=`[object Set]`;function $t(e){return Ae(e)&&H(e)==Qt}var en=$t,tn=z&&z.isSet,nn=tn?q(tn):en,rn=1,an=2,on=4,sn=`[object Arguments]`,cn=`[object Array]`,ln=`[object Boolean]`,un=`[object Date]`,dn=`[object Error]`,fn=`[object Function]`,pn=`[object GeneratorFunction]`,mn=`[object Map]`,hn=`[object Number]`,gn=`[object Object]`,_n=`[object RegExp]`,vn=`[object Set]`,yn=`[object String]`,bn=`[object Symbol]`,xn=`[object WeakMap]`,Sn=`[object ArrayBuffer]`,Cn=`[object DataView]`,wn=`[object Float32Array]`,Tn=`[object Float64Array]`,En=`[object Int8Array]`,Dn=`[object Int16Array]`,On=`[object Int32Array]`,kn=`[object Uint8Array]`,An=`[object Uint8ClampedArray]`,jn=`[object Uint16Array]`,Mn=`[object Uint32Array]`,$={};$[sn]=$[cn]=$[Sn]=$[Cn]=$[ln]=$[un]=$[wn]=$[Tn]=$[En]=$[Dn]=$[On]=$[mn]=$[hn]=$[gn]=$[_n]=$[vn]=$[yn]=$[bn]=$[kn]=$[An]=$[jn]=$[Mn]=!0,$[dn]=$[fn]=$[xn]=!1;function Nn(e,t,n,r,i,a){var o,s=t&rn,c=t&an,l=t&on;if(n&&(o=i?n(e,r,i,a):n(e)),o!==void 0)return o;if(!Oe(e))return e;var u=ye(e);if(u){if(o=gt(e),!s)return Re(e,o)}else{var d=H(e),f=d==fn||d==pn;if(me(e))return ze(e,s);if(d==gn||d==sn||f&&!i){if(o=c||f?{}:Ue(e),!s)return c?dt(e,ot(o,e)):ct(e,it(o,e))}else{if(!$[d])return i?e:{};o=Kt(e,d,s)}}a||=new Fe;var p=a.get(e);if(p)return p;a.set(e,o),nn(e)?e.forEach(function(r){o.add(Nn(r,t,n,r,e,a))}):Zt(e)&&e.forEach(function(r,i){o.set(i,Nn(r,t,n,i,e,a))});var m=u?void 0:(l?c?pt:se:c?Ve:pe)(e);return nt(m||e,function(r,i){m&&(i=r,r=e[i]),xe(o,i,Nn(r,t,n,i,e,a))}),o}var Pn=Nn,Fn=1,In=4;function Ln(e){return Pn(e,Fn|In)}var Rn=Ln,zn=K({type:{type:String,default:`line`,values:[`line`,`circle`,`dashboard`]},percentage:{type:Number,default:0,validator:e=>e>=0&&e<=100},status:{type:String,default:``,values:[``,`success`,`exception`,`warning`]},indeterminate:{type:Boolean,default:!1},duration:{type:Number,default:3},strokeWidth:{type:Number,default:6},strokeLinecap:{type:R(String),default:`round`},textInside:{type:Boolean,default:!1},width:{type:Number,default:126},showText:{type:Boolean,default:!0},color:{type:R([String,Array,Function]),default:``},striped:Boolean,stripedFlow:Boolean,format:{type:R(Function),default:e=>`${e}%`}});y();var Bn=[`aria-valuenow`],Vn={viewBox:`0 0 100 100`},Hn=[`d`,`stroke`,`stroke-linecap`,`stroke-width`],Un=[`d`,`stroke`,`opacity`,`stroke-linecap`,`stroke-width`],Wn={key:0},Gn=le(Y(s({...s({name:`ElProgress`}),props:zn,setup(e){let n=e,r={success:`#13ce66`,exception:`#ff4949`,warning:`#e6a23c`,default:`#20a0ff`},o=G(`progress`),s=d(()=>({width:`${n.percentage}%`,animationDuration:`${n.duration}s`,backgroundColor:k(n.percentage)})),c=d(()=>(n.strokeWidth/n.width*100).toFixed(1)),l=d(()=>[`circle`,`dashboard`].includes(n.type)?Number.parseInt(`${50-Number.parseFloat(c.value)/2}`,10):0),u=d(()=>{let e=l.value,t=n.type===`dashboard`;return`
M 50 50
m 0 ${t?``:`-`}${e}
a ${e} ${e} 0 1 1 0 ${t?`-`:``}${e*2}
a ${e} ${e} 0 1 1 0 ${t?``:`-`}${e*2}
`}),m=d(()=>2*Math.PI*l.value),g=d(()=>n.type===`dashboard`?.75:1),_=d(()=>`${-1*m.value*(1-g.value)/2}px`),y=d(()=>({strokeDasharray:`${m.value*g.value}px, ${m.value}px`,strokeDashoffset:_.value})),b=d(()=>({strokeDasharray:`${m.value*g.value*(n.percentage/100)}px, ${m.value}px`,strokeDashoffset:_.value,transition:`stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s`})),x=d(()=>{let e;return e=n.color?k(n.percentage):r[n.status]||r.default,e}),w=d(()=>n.status===`warning`?be:n.type===`line`?n.status===`success`?W:L:n.status===`success`?ge:ke),T=d(()=>n.type===`line`?12+n.strokeWidth*.4:n.width*.111111+2),E=d(()=>n.format(n.percentage));function O(e){let t=100/e.length;return e.map((e,n)=>D(e)?{color:e,percentage:(n+1)*t}:e).sort((e,t)=>e.percentage-t.percentage)}let k=e=>{let{color:t}=n;if(S(t))return t(e);if(D(t))return t;{let n=O(t);for(let t of n)if(t.percentage>e)return t.color;return n[n.length-1]?.color}};return(e,n)=>(t(),a(`div`,{class:v([h(o).b(),h(o).m(e.type),h(o).is(e.status),{[h(o).m(`without-text`)]:!e.showText,[h(o).m(`text-inside`)]:e.textInside}]),role:`progressbar`,"aria-valuenow":e.percentage,"aria-valuemin":`0`,"aria-valuemax":`100`},[e.type===`line`?(t(),a(`div`,{key:0,class:v(h(o).b(`bar`))},[i(`div`,{class:v(h(o).be(`bar`,`outer`)),style:F({height:`${e.strokeWidth}px`})},[i(`div`,{class:v([h(o).be(`bar`,`inner`),{[h(o).bem(`bar`,`inner`,`indeterminate`)]:e.indeterminate},{[h(o).bem(`bar`,`inner`,`striped`)]:e.striped},{[h(o).bem(`bar`,`inner`,`striped-flow`)]:e.stripedFlow}]),style:F(h(s))},[(e.showText||e.$slots.default)&&e.textInside?(t(),a(`div`,{key:0,class:v(h(o).be(`bar`,`innerText`))},[C(e.$slots,`default`,{percentage:e.percentage},()=>[i(`span`,null,f(h(E)),1)])],2)):p(`v-if`,!0)],6)],6)],2)):(t(),a(`div`,{key:1,class:v(h(o).b(`circle`)),style:F({height:`${e.width}px`,width:`${e.width}px`})},[(t(),a(`svg`,Vn,[i(`path`,{class:v(h(o).be(`circle`,`track`)),d:h(u),stroke:`var(${h(o).cssVarName(`fill-color-light`)}, #e5e9f2)`,"stroke-linecap":e.strokeLinecap,"stroke-width":h(c),fill:`none`,style:F(h(y))},null,14,Hn),i(`path`,{class:v(h(o).be(`circle`,`path`)),d:h(u),stroke:h(x),fill:`none`,opacity:e.percentage?1:0,"stroke-linecap":e.strokeLinecap,"stroke-width":h(c),style:F(h(b))},null,14,Un)]))],6)),(e.showText||e.$slots.default)&&!e.textInside?(t(),a(`div`,{key:2,class:v(h(o).e(`text`)),style:F({fontSize:`${h(T)}px`})},[C(e.$slots,`default`,{percentage:e.percentage},()=>[e.status?(t(),P(h(X),{key:1},{default:I(()=>[(t(),P(j(h(w))))]),_:1})):(t(),a(`span`,Wn,f(h(E)),1))])],6)):p(`v-if`,!0)],10,Bn))}}),[[`__file`,`/home/runner/work/element-plus/element-plus/packages/components/progress/src/progress.vue`]])),Kn=Symbol(`uploadContextKey`);y();var qn=`ElUpload`,Jn=class extends Error{constructor(e,t,n,r){super(e),this.name=`UploadAjaxError`,this.status=t,this.method=n,this.url=r}};function Yn(e,t,n){let r;return r=n.response?`${n.response.error||n.response}`:n.responseText?`${n.responseText}`:`fail to ${t.method} ${e} ${n.status}`,new Jn(r,n.status,t.method,e)}function Xn(e){let t=e.responseText||e.response;if(!t)return t;try{return JSON.parse(t)}catch{return t}}var Zn=e=>{typeof XMLHttpRequest>`u`&&J(qn,`XMLHttpRequest is undefined`);let t=new XMLHttpRequest,n=e.action;t.upload&&t.upload.addEventListener(`progress`,t=>{let n=t;n.percent=t.total>0?t.loaded/t.total*100:0,e.onProgress(n)});let r=new FormData;if(e.data)for(let[t,n]of Object.entries(e.data))M(n)&&n.length?r.append(t,...n):r.append(t,n);r.append(e.filename,e.file,e.file.name),t.addEventListener(`error`,()=>{e.onError(Yn(n,e,t))}),t.addEventListener(`load`,()=>{if(t.status<200||t.status>=300)return e.onError(Yn(n,e,t));e.onSuccess(Xn(t))}),t.open(e.method,n,!0),e.withCredentials&&`withCredentials`in t&&(t.withCredentials=!0);let i=e.headers||{};if(i instanceof Headers)i.forEach((e,n)=>t.setRequestHeader(n,e));else for(let[e,n]of Object.entries(i))V(n)||t.setRequestHeader(e,String(n));return t.send(r),t};y();var Qn=[`text`,`picture`,`picture-card`],$n=1,er=()=>Date.now()+ $n++,tr=K({action:{type:String,default:`#`},headers:{type:R(Object)},method:{type:String,default:`post`},data:{type:R([Object,Function,Promise]),default:()=>B({})},multiple:{type:Boolean,default:!1},name:{type:String,default:`file`},drag:{type:Boolean,default:!1},withCredentials:Boolean,showFileList:{type:Boolean,default:!0},accept:{type:String,default:``},fileList:{type:R(Array),default:()=>B([])},autoUpload:{type:Boolean,default:!0},listType:{type:String,values:Qn,default:`text`},httpRequest:{type:R(Function),default:Zn},disabled:Boolean,limit:Number}),nr=K({...tr,beforeUpload:{type:R(Function),default:k},beforeRemove:{type:R(Function)},onRemove:{type:R(Function),default:k},onChange:{type:R(Function),default:k},onPreview:{type:R(Function),default:k},onSuccess:{type:R(Function),default:k},onProgress:{type:R(Function),default:k},onError:{type:R(Function),default:k},onExceed:{type:R(Function),default:k}});y();var rr=K({files:{type:R(Array),default:()=>B([])},disabled:{type:Boolean,default:!1},handlePreview:{type:R(Function),default:k},listType:{type:String,values:Qn,default:`text`}}),ir={remove:e=>!!e},ar=[`onKeydown`],or=[`src`],sr=[`onClick`],cr=[`title`],lr=[`onClick`],ur=[`onClick`],dr=Y(s({...s({name:`ElUploadList`}),props:rr,emits:ir,setup(e,{emit:n}){let r=e,{t:s}=ie(),c=G(`upload`),l=G(`icon`),u=G(`list`),m=Z(),g=o(!1),y=d(()=>[c.b(`list`),c.bm(`list`,r.listType),c.is(`disabled`,r.disabled)]),b=e=>{n(`remove`,e)};return(e,n)=>(t(),P(A,{tag:`ul`,class:v(h(y)),name:h(u).b()},{default:I(()=>[(t(!0),a(_,null,ee(e.files,r=>(t(),a(`li`,{key:r.uid||r.name,class:v([h(c).be(`list`,`item`),h(c).is(r.status),{focusing:g.value}]),tabindex:`0`,onKeydown:E(e=>!h(m)&&b(r),[`delete`]),onFocus:n[0]||=e=>g.value=!0,onBlur:n[1]||=e=>g.value=!1,onClick:n[2]||=e=>g.value=!1},[C(e.$slots,`default`,{file:r},()=>[e.listType===`picture`||r.status!==`uploading`&&e.listType===`picture-card`?(t(),a(`img`,{key:0,class:v(h(c).be(`list`,`item-thumbnail`)),src:r.url,alt:``},null,10,or)):p(`v-if`,!0),r.status===`uploading`||e.listType!==`picture-card`?(t(),a(`div`,{key:1,class:v(h(c).be(`list`,`item-info`))},[i(`a`,{class:v(h(c).be(`list`,`item-name`)),onClick:x(t=>e.handlePreview(r),[`prevent`])},[w(h(X),{class:v(h(l).m(`document`))},{default:I(()=>[w(h(ve))]),_:1},8,[`class`]),i(`span`,{class:v(h(c).be(`list`,`item-file-name`)),title:r.name},f(r.name),11,cr)],10,sr),r.status===`uploading`?(t(),P(h(Gn),{key:0,type:e.listType===`picture-card`?`circle`:`line`,"stroke-width":e.listType===`picture-card`?6:2,percentage:Number(r.percentage),style:F(e.listType===`picture-card`?``:`margin-top: 0.5rem`)},null,8,[`type`,`stroke-width`,`percentage`,`style`])):p(`v-if`,!0)],2)):p(`v-if`,!0),i(`label`,{class:v(h(c).be(`list`,`item-status-label`))},[e.listType===`text`?(t(),P(h(X),{key:0,class:v([h(l).m(`upload-success`),h(l).m(`circle-check`)])},{default:I(()=>[w(h(W))]),_:1},8,[`class`])):[`picture-card`,`picture`].includes(e.listType)?(t(),P(h(X),{key:1,class:v([h(l).m(`upload-success`),h(l).m(`check`)])},{default:I(()=>[w(h(ge))]),_:1},8,[`class`])):p(`v-if`,!0)],2),h(m)?p(`v-if`,!0):(t(),P(h(X),{key:2,class:v(h(l).m(`close`)),onClick:e=>b(r)},{default:I(()=>[w(h(ke))]),_:2},1032,[`class`,`onClick`])),p(` Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn`),p(` This is a bug which needs to be fixed `),p(` TODO: Fix the incorrect navigation interaction `),h(m)?p(`v-if`,!0):(t(),a(`i`,{key:3,class:v(h(l).m(`close-tip`))},f(h(s)(`el.upload.deleteTip`)),3)),e.listType===`picture-card`?(t(),a(`span`,{key:4,class:v(h(c).be(`list`,`item-actions`))},[i(`span`,{class:v(h(c).be(`list`,`item-preview`)),onClick:t=>e.handlePreview(r)},[w(h(X),{class:v(h(l).m(`zoom-in`))},{default:I(()=>[w(h(De))]),_:1},8,[`class`])],10,lr),h(m)?p(`v-if`,!0):(t(),a(`span`,{key:0,class:v(h(c).be(`list`,`item-delete`)),onClick:e=>b(r)},[w(h(X),{class:v(h(l).m(`delete`))},{default:I(()=>[w(h(Te))]),_:1},8,[`class`])],10,ur))],2)):p(`v-if`,!0)])],42,ar))),128)),C(e.$slots,`append`)]),_:3},8,[`class`,`name`]))}}),[[`__file`,`/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-list.vue`]]);y();var fr=K({disabled:{type:Boolean,default:!1}}),pr={file:e=>M(e)},mr=[`onDrop`,`onDragover`],hr=`ElUploadDrag`,gr=Y(s({...s({name:hr}),props:fr,emits:pr,setup(e,{emit:n}){let r=l(Kn);r||J(hr,`usage: <el-upload><el-upload-dragger /></el-upload>`);let i=G(`upload`),s=o(!1),c=Z(),u=e=>{if(c.value)return;s.value=!1,e.stopPropagation();let t=Array.from(e.dataTransfer.files),i=r.accept.value;if(!i){n(`file`,t);return}n(`file`,t.filter(e=>{let{type:t,name:n}=e,r=n.includes(`.`)?`.${n.split(`.`).pop()}`:``,a=t.replace(/\/.*$/,``);return i.split(`,`).map(e=>e.trim()).filter(e=>e).some(e=>e.startsWith(`.`)?r===e:/\/\*$/.test(e)?a===e.replace(/\/\*$/,``):/^[^/]+\/[^/]+$/.test(e)?t===e:!1)}))},d=()=>{c.value||(s.value=!0)};return(e,n)=>(t(),a(`div`,{class:v([h(i).b(`dragger`),h(i).is(`dragover`,s.value)]),onDrop:x(u,[`prevent`]),onDragover:x(d,[`prevent`]),onDragleave:n[0]||=x(e=>s.value=!1,[`prevent`])},[C(e.$slots,`default`)],42,mr))}}),[[`__file`,`/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-dragger.vue`]]);y();var _r=K({...tr,beforeUpload:{type:R(Function),default:k},onRemove:{type:R(Function),default:k},onStart:{type:R(Function),default:k},onSuccess:{type:R(Function),default:k},onProgress:{type:R(Function),default:k},onError:{type:R(Function),default:k},onExceed:{type:R(Function),default:k}});y();var vr=[`onKeydown`],yr=[`name`,`multiple`,`accept`],br=Y(s({...s({name:`ElUploadContent`,inheritAttrs:!1}),props:_r,setup(e,{expose:n}){let r=e,o=G(`upload`),s=Z(),c=u({}),l=u(),d=e=>{if(e.length===0)return;let{autoUpload:t,limit:n,fileList:i,multiple:a,onStart:o,onExceed:s}=r;if(n&&i.length+e.length>n){s(e,i);return}a||(e=e.slice(0,1));for(let n of e){let e=n;e.uid=er(),o(e),t&&f(e)}},f=async e=>{if(l.value.value=``,!r.beforeUpload)return m(e);let t,n={};try{let i=r.data,a=r.beforeUpload(e);n=T(r.data)?Rn(r.data):r.data,t=await a,T(r.data)&&Ee(i,n)&&(n=Rn(r.data))}catch{t=!1}if(t===!1){r.onRemove(e);return}let i=e;t instanceof Blob&&(i=t instanceof File?t:new File([t],e.name,{type:e.type})),m(Object.assign(i,{uid:e.uid}),n)},p=async(e,t)=>S(e)?e(t):e,m=async(e,t)=>{let{headers:n,data:i,method:a,withCredentials:o,name:s,action:l,onProgress:u,onSuccess:d,onError:f,httpRequest:m}=r;try{t=await p(t??i,e)}catch{r.onRemove(e);return}let{uid:h}=e,g={headers:n||{},withCredentials:o,file:e,data:t,method:a,filename:s,action:l,onProgress:t=>{u(t,e)},onSuccess:t=>{d(t,e),delete c.value[h]},onError:t=>{f(t,e),delete c.value[h]}},_=m(g);c.value[h]=_,_ instanceof Promise&&_.then(g.onSuccess,g.onError)},g=e=>{let t=e.target.files;t&&d(Array.from(t))},_=()=>{s.value||(l.value.value=``,l.value.click())},y=()=>{_()};return n({abort:e=>{Me(c.value).filter(e?([t])=>String(e.uid)===t:()=>!0).forEach(([e,t])=>{t instanceof XMLHttpRequest&&t.abort(),delete c.value[e]})},upload:f}),(e,n)=>(t(),a(`div`,{class:v([h(o).b(),h(o).m(e.listType),h(o).is(`drag`,e.drag)]),tabindex:`0`,onClick:_,onKeydown:E(x(y,[`self`]),[`enter`,`space`])},[e.drag?(t(),P(gr,{key:0,disabled:h(s),onFile:d},{default:I(()=>[C(e.$slots,`default`)]),_:3},8,[`disabled`])):C(e.$slots,`default`,{key:1}),i(`input`,{ref_key:`inputRef`,ref:l,class:v(h(o).e(`input`)),name:e.name,multiple:e.multiple,accept:e.accept,type:`file`,onChange:g,onClick:n[0]||=x(()=>{},[`stop`])},null,42,yr)],42,vr))}}),[[`__file`,`/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-content.vue`]]),xr=`ElUpload`,Sr=e=>{e.url?.startsWith(`blob:`)&&URL.revokeObjectURL(e.url)},Cr=(e,t)=>{let n=je(e,`fileList`,void 0,{passive:!0}),r=e=>n.value.find(t=>t.uid===e.uid);function i(e){var n;(n=t.value)==null||n.abort(e)}function a(e=[`ready`,`uploading`,`success`,`fail`]){n.value=n.value.filter(t=>!e.includes(t.status))}let o=(t,i)=>{let a=r(i);a&&(console.error(t),a.status=`fail`,n.value.splice(n.value.indexOf(a),1),e.onError(t,a,n.value),e.onChange(a,n.value))},s=(t,i)=>{let a=r(i);a&&(e.onProgress(t,a,n.value),a.status=`uploading`,a.percentage=Math.round(t.percent))},c=(t,i)=>{let a=r(i);a&&(a.status=`success`,a.response=t,e.onSuccess(t,a,n.value),e.onChange(a,n.value))},l=t=>{V(t.uid)&&(t.uid=er());let r={name:t.name,percentage:0,status:`ready`,size:t.size,raw:t,uid:t.uid};if(e.listType===`picture-card`||e.listType===`picture`)try{r.url=URL.createObjectURL(t)}catch(t){Ce(xr,t.message),e.onError(t,r,n.value)}n.value=[...n.value,r],e.onChange(r,n.value)},u=async t=>{let a=t instanceof File?r(t):t;a||J(xr,`file to be removed not found`);let o=t=>{i(t);let r=n.value;r.splice(r.indexOf(t),1),e.onRemove(t,r),Sr(t)};e.beforeRemove?await e.beforeRemove(a,n.value)!==!1&&o(a):o(a)};function d(){n.value.filter(({status:e})=>e===`ready`).forEach(({raw:e})=>e&&t.value?.upload(e))}return b(()=>e.listType,t=>{t!==`picture-card`&&t!==`picture`||(n.value=n.value.map(t=>{let{raw:r,url:i}=t;if(!i&&r)try{t.url=URL.createObjectURL(r)}catch(r){e.onError(r,t,n.value)}return t}))}),b(n,e=>{for(let t of e)t.uid||=er(),t.status||=`success`},{immediate:!0,deep:!0}),{uploadFiles:n,abort:i,clearFiles:a,handleError:o,handleProgress:s,handleStart:l,handleSuccess:c,handleRemove:u,submit:d,revokeFileObjectURL:Sr}},wr=le(Y(s({...s({name:`ElUpload`}),props:nr,setup(e,{expose:n}){let i=e,o=Z(),s=u(),{abort:l,submit:f,clearFiles:g,uploadFiles:_,handleStart:v,handleError:y,handleRemove:b,handleSuccess:x,handleProgress:S,revokeFileObjectURL:T}=Cr(i,s),E=d(()=>i.listType===`picture-card`),D=d(()=>({...i,fileList:_.value,onStart:v,onProgress:S,onSuccess:x,onError:y,onRemove:b}));return O(()=>{_.value.forEach(T)}),N(Kn,{accept:r(i,`accept`)}),n({abort:l,submit:f,clearFiles:g,handleStart:v,handleRemove:b}),(e,n)=>(t(),a(`div`,null,[h(E)&&e.showFileList?(t(),P(dr,{key:0,disabled:h(o),"list-type":e.listType,files:h(_),"handle-preview":e.onPreview,onRemove:h(b)},c({append:I(()=>[w(br,m({ref_key:`uploadRef`,ref:s},h(D)),{default:I(()=>[e.$slots.trigger?C(e.$slots,`trigger`,{key:0}):p(`v-if`,!0),!e.$slots.trigger&&e.$slots.default?C(e.$slots,`default`,{key:1}):p(`v-if`,!0)]),_:3},16)]),_:2},[e.$slots.file?{name:`default`,fn:I(({file:t})=>[C(e.$slots,`file`,{file:t})])}:void 0]),1032,[`disabled`,`list-type`,`files`,`handle-preview`,`onRemove`])):p(`v-if`,!0),!h(E)||h(E)&&!e.showFileList?(t(),P(br,m({key:1,ref_key:`uploadRef`,ref:s},h(D)),{default:I(()=>[e.$slots.trigger?C(e.$slots,`trigger`,{key:0}):p(`v-if`,!0),!e.$slots.trigger&&e.$slots.default?C(e.$slots,`default`,{key:1}):p(`v-if`,!0)]),_:3},16)):p(`v-if`,!0),e.$slots.trigger?C(e.$slots,`default`,{key:2}):p(`v-if`,!0),C(e.$slots,`tip`),!h(E)&&e.showFileList?(t(),P(dr,{key:3,disabled:h(o),"list-type":e.listType,files:h(_),"handle-preview":e.onPreview,onRemove:h(b)},c({_:2},[e.$slots.file?{name:`default`,fn:I(({file:t})=>[C(e.$slots,`file`,{file:t})])}:void 0]),1032,[`disabled`,`list-type`,`files`,`handle-preview`,`onRemove`])):p(`v-if`,!0)]))}}),[[`__file`,`/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload.vue`]])),Tr=[`aria-label`],Er=Ie(s({__name:`AddDataTableModal`,props:{modalName:{}},setup(e){let r=e,s=$e(),c=Ke(),l=we(),u=_e(),m=te(),y=We(),b=Ge(),x=o(`select`),S=o(``),C=o(null),T=o(null),D=o(null),O=o(``),k=o([]),A=o(0),j=o(0),M=o(!1),N=o(!0),F=o(!1),L=[{label:`String`,value:`string`},{label:`Number`,value:`number`},{label:`Boolean`,value:`boolean`},{label:`Datetime`,value:`date`}],re=e=>L.some(t=>t.value===e),ie=e=>!e||e.length===0?L:L.filter(t=>e.includes(t.value)),se=e=>{if(Xe.includes(e))return m.baseText(`dataTable.import.systemColumnName`,{interpolate:{columnName:e}});if(!Qe.safeParse(e).success)return m.baseText(`dataTable.import.invalidColumnName`)},R=d(()=>k.value.filter(e=>e.included)),ce=d(()=>x.value===`import`?R.value.some(e=>e.error!==void 0):!1),z=d(()=>{if(x.value!==`import`)return!1;let e=R.value.map(e=>e.name.toLowerCase());return e.length!==new Set(e).size}),le=d(()=>x.value===`import`?R.value.length===0:!1),ue=d(()=>x.value===`import`?`Set data table columns`:m.baseText(`dataTable.add.title`)),B=d(()=>x.value===`import`?!S.value||!D.value||ce.value||z.value||le.value:!0);g(()=>{setTimeout(()=>{C.value?.focus(),C.value?.select()},0)});let V=o(`scratch`),H=async()=>{if(!(!V.value||!S.value||M.value)){if(V.value===`scratch`)await q();else if(V.value===`import`){if(!T.value)return;await me()}}},W=()=>{k.value.forEach((e,t)=>{if(!e.included){e.error=void 0;return}let n=se(e.name);k.value.some((n,r)=>r!==t&&n.included&&n.name.toLowerCase()===e.name.toLowerCase())&&!n?e.error=m.baseText(`dataTable.import.duplicateColumnName`):e.error=n})},de=e=>{k.value[e]&&W()},G=()=>{W()},K=(e=!1)=>{e&&(S.value=``),T.value=null,D.value=null,O.value=``,k.value=[],A.value=0,j.value=0,V.value=`scratch`,x.value=`select`},pe=e=>{e.raw&&(T.value=e.raw)},me=async()=>{if(T.value){M.value=!0,x.value=`import`;try{let e=await s.uploadCsvFile(T.value,N.value);D.value=e.id,O.value=e.originalName,A.value=e.rowCount,j.value=e.columnCount,k.value=e.columns.map(e=>{let t=(e.compatibleTypes||[e.type]).filter(re),n=e.name.replace(/\s+/g,`_`);return{name:n,type:re(e.type)?e.type:`string`,compatibleTypes:t,typeOptions:ie(t),error:se(n),included:!0,csvColumnName:e.name}}),S.value||=T.value.name.replace(/\.csv$/i,``)}catch(e){y.showError(e,m.baseText(`dataTable.upload.error`)),K()}finally{M.value=!1}}},q=async()=>{M.value=!0;try{let e;if(V.value===`scratch`)e=await s.createDataTable(S.value,l.params.projectId);else if(x.value===`import`&&D.value){let t=k.value.some(e=>!e.included||e.name!==e.csvColumnName.replace(/\s+/g,`_`));e=await s.createDataTable(S.value,l.params.projectId,R.value.map(e=>({name:e.name,type:e.type,...t?{csvColumnName:e.csvColumnName}:{}})),D.value,N.value)}e&&(b.track(`User created data table`,{data_table_id:e.id,data_table_project_id:e.project?.id,creation_mode:V.value}),K(!0),c.closeModal(r.modalName),u.push({name:Ye,params:{id:e.id}}))}catch(e){y.showError(e,m.baseText(`dataTable.add.error`))}finally{M.value=!1}},ge=()=>{x.value=`select`},J=()=>{u.replace({name:Ze})};return(e,o)=>(t(),P(et,{name:r.modalName,center:!0,width:x.value===`import`?`700px`:`540px`,"min-height":x.value===`import`?`600px`:void 0,"before-close":J},{header:I(()=>[i(`div`,{class:v(e.$style.header)},[i(`h2`,null,f(ue.value),1)],2)]),content:I(()=>[x.value===`select`?(t(),a(`div`,{key:0,class:v(e.$style.selectionContent)},[w(h(Ne),{label:h(m).baseText(`dataTable.add.input.name.label`),required:!0,"input-name":`dataTableNameSelect`},{default:I(()=>[w(h(oe),{ref_key:`inputRef`,ref:C,modelValue:S.value,"onUpdate:modelValue":o[0]||=e=>S.value=e,type:`text`,placeholder:h(m).baseText(`dataTable.add.input.name.placeholder`),"data-test-id":`data-table-name-input-select`,name:`dataTableNameSelect`,onKeydown:E(H,[`enter`])},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),w(h(qe),{modelValue:V.value,"onUpdate:modelValue":o[1]||=e=>V.value=e,class:v(e.$style.radioGroup)},{default:I(()=>[w(h(Je),{label:`scratch`,"data-test-id":`create-from-scratch-option`},{default:I(()=>[n(f(h(m).baseText(`dataTable.add.fromScratch`)),1)]),_:1}),w(h(Je),{label:`import`,"data-test-id":`import-csv-option`},{default:I(()=>[n(f(h(m).baseText(`dataTable.add.importCsv`)),1)]),_:1})]),_:1},8,[`modelValue`,`class`]),V.value===`import`?(t(),a(`div`,{key:0,class:v(e.$style.uploadSection)},[w(h(wr),{class:v(e.$style.uploadDemo),drag:``,"auto-upload":!1,"show-file-list":!1,accept:`.csv`,"on-change":pe,onMouseenter:o[2]||=e=>F.value=!0,onMouseleave:o[3]||=e=>F.value=!1},{default:I(()=>[w(h(ne),{icon:`file`,size:24,color:F.value?`text-dark`:`text-light`,class:v(e.$style.uploadIcon)},null,8,[`color`,`class`]),T.value?(t(),P(h(he),{key:0,color:F.value?`text-dark`:`text-light`},{default:I(()=>[n(f(T.value?.name),1)]),_:1},8,[`color`])):(t(),P(h(he),{key:1,size:`medium`,color:F.value?`text-dark`:`text-light`},{default:I(()=>[n(f(h(m).baseText(`dataTable.upload.dropOrClick`)),1)]),_:1},8,[`color`]))]),_:1},8,[`class`]),w(h(Pe),{modelValue:N.value,"onUpdate:modelValue":o[4]||=e=>N.value=e,label:h(m).baseText(`dataTable.upload.hasHeaders`),"data-test-id":`has-headers-checkbox`},null,8,[`modelValue`,`label`])],2)):p(``,!0)],2)):x.value===`import`?(t(),a(`div`,{key:1,class:v(e.$style.content)},[M.value?(t(),a(`div`,{key:0,class:v(e.$style.uploadingMessage)},f(h(m).baseText(`dataTable.upload.uploading`)),3)):D.value?D.value&&k.value.length>0?(t(),a(`div`,{key:2,class:v(e.$style.importContent)},[i(`div`,{class:v(e.$style.successNotice)},f(h(m).baseText(`dataTable.upload.success`,{adjustToNumber:A.value,interpolate:{fileName:O.value,columnCount:j.value,rowCount:A.value}})),3),i(`div`,{class:v(e.$style.columnHeaders)},[i(`div`,{"aria-label":h(m).baseText(`dataTable.import.includeColumn`)},null,8,Tr),i(`div`,{class:v(e.$style.columnHeaderLabel)},f(h(m).baseText(`dataTable.import.columnName`)),3),i(`div`,{class:v(e.$style.columnHeaderLabel)},f(h(m).baseText(`dataTable.import.columnType`)),3)],2),i(`div`,{class:v(e.$style.columnsContainer)},[(t(!0),a(_,null,ee(k.value,(n,r)=>(t(),a(`div`,{key:r,class:v(e.$style.columnItem)},[i(`div`,{class:v(e.$style.columnCheckboxWrapper)},[w(h(Pe),{modelValue:n.included,"onUpdate:modelValue":[e=>n.included=e,G],"data-test-id":`column-include-${r}`},null,8,[`modelValue`,`onUpdate:modelValue`,`data-test-id`])],2),i(`div`,{class:v(e.$style.columnInputWrapper)},[w(h(oe),{modelValue:n.name,"onUpdate:modelValue":[e=>n.name=e,e=>de(r)],placeholder:h(m).baseText(`dataTable.import.columnNamePlaceholder`),"data-test-id":`column-name-${r}`,disabled:!n.included,class:v({[e.$style.inputError]:n.error})},null,8,[`modelValue`,`onUpdate:modelValue`,`placeholder`,`data-test-id`,`disabled`,`class`]),n.error?(t(),a(`div`,{key:0,class:v(e.$style.columnErrorMessage)},f(n.error),3)):p(``,!0)],2),i(`div`,{class:v(e.$style.columnTypeWrapper)},[w(h(fe),{modelValue:n.type,"onUpdate:modelValue":e=>n.type=e,disabled:!n.included||n.typeOptions.length===1,class:v({"column-type-excluded":!n.included}),"data-test-id":`column-type-${r}`},{default:I(()=>[(t(!0),a(_,null,ee(n.typeOptions,e=>(t(),P(h(ae),{key:e.value,value:e.value,label:e.label},null,8,[`value`,`label`]))),128))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`,`disabled`,`class`,`data-test-id`])],2)],2))),128))],2)],2)):p(``,!0):(t(),a(`div`,{key:1,class:v(e.$style.uploadingMessage)},f(h(m).baseText(`dataTable.upload.selectFile`)),3))],2)):p(``,!0)]),footer:I(()=>[i(`div`,{class:v(e.$style.footer)},[x.value===`select`?(t(),P(h(U),{key:0,variant:`subtle`,size:`large`,label:h(m).baseText(`generic.cancel`),"data-test-id":`cancel-select-button`,onClick:J},null,8,[`label`])):p(``,!0),x.value===`select`?(t(),P(h(U),{key:1,loading:M.value,size:`large`,disabled:!S.value||!V.value||V.value===`import`&&!T.value,label:h(m).baseText(`generic.create`),"data-test-id":`proceed-from-select-button`,onClick:H},null,8,[`loading`,`disabled`,`label`])):p(``,!0),x.value===`import`?(t(),P(h(U),{key:2,variant:`subtle`,size:`large`,label:h(m).baseText(`generic.back`),"data-test-id":`back-button`,onClick:ge},null,8,[`label`])):p(``,!0),x.value===`import`?(t(),P(h(U),{key:3,loading:M.value,size:`large`,disabled:B.value,label:h(m).baseText(`generic.create`),"data-test-id":`confirm-add-data-table-button`,onClick:q},null,8,[`loading`,`disabled`,`label`])):p(``,!0)],2)]),_:1},8,[`name`,`width`,`min-height`]))}}),[[`__cssModules`,{$style:{header:`_header_t240m_125`,content:`_content_t240m_129`,selectionContent:`_selectionContent_t240m_134`,radioGroup:`_radioGroup_t240m_140`,uploadSection:`_uploadSection_t240m_172`,uploadingMessage:`_uploadingMessage_t240m_178`,importContent:`_importContent_t240m_184`,successNotice:`_successNotice_t240m_190`,columnHeaders:`_columnHeaders_t240m_199`,columnHeaderLabel:`_columnHeaderLabel_t240m_207`,columnsContainer:`_columnsContainer_t240m_213`,columnItem:`_columnItem_t240m_222`,columnCheckboxWrapper:`_columnCheckboxWrapper_t240m_229`,columnInputWrapper:`_columnInputWrapper_t240m_236`,columnTypeWrapper:`_columnTypeWrapper_t240m_242`,inputError:`_inputError_t240m_255`,columnErrorMessage:`_columnErrorMessage_t240m_262`,footer:`_footer_t240m_268`,fileSelectedContainer:`_fileSelectedContainer_t240m_275`,uploadDemo:`_uploadDemo_t240m_282`,uploadIcon:`_uploadIcon_t240m_308`,fileName:`_fileName_t240m_312`}}]]);export{Er as default};
//# sourceMappingURL=AddDataTableModal-BfvuN5Q_.js.map