diff --git a/404.html b/404.html new file mode 100644 index 0000000..55d42e1 --- /dev/null +++ b/404.html @@ -0,0 +1,23 @@ + + + + + + 404 | @wakeadmin/components + + + + + + + + + + + +
Skip to content

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
+ + + + + \ No newline at end of file diff --git a/assets/1.b0b78981.jpg b/assets/1.b0b78981.jpg new file mode 100644 index 0000000..5fc6520 Binary files /dev/null and b/assets/1.b0b78981.jpg differ diff --git a/assets/2.f6d891d8.jpg b/assets/2.f6d891d8.jpg new file mode 100644 index 0000000..a93254f Binary files /dev/null and b/assets/2.f6d891d8.jpg differ diff --git a/assets/3.b363edde.jpg b/assets/3.b363edde.jpg new file mode 100644 index 0000000..fa49a8d Binary files /dev/null and b/assets/3.b363edde.jpg differ diff --git a/assets/4.b36cd28b.jpg b/assets/4.b36cd28b.jpg new file mode 100644 index 0000000..c3aa926 Binary files /dev/null and b/assets/4.b36cd28b.jpg differ diff --git a/assets/5.e3044e27.jpg b/assets/5.e3044e27.jpg new file mode 100644 index 0000000..8254b18 Binary files /dev/null and b/assets/5.e3044e27.jpg differ diff --git a/assets/app.56f20909.js b/assets/app.56f20909.js new file mode 100644 index 0000000..e71d430 --- /dev/null +++ b/assets/app.56f20909.js @@ -0,0 +1,87 @@ +var w7=Object.defineProperty;var C7=(e,t,n)=>t in e?w7(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var rl=(e,t,n)=>(C7(e,typeof t!="symbol"?t+"":t,n),n);function q1(e,t){const n=Object.create(null),r=e.split(",");for(let o=0;o!!n[o.toLowerCase()]:o=>!!n[o]}const er={},Ku=[],gn=()=>{},S7=()=>!1,k7=/^on[^a-z]/,Xf=e=>k7.test(e),G1=e=>e.startsWith("onUpdate:"),pr=Object.assign,Y1=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},$7=Object.prototype.hasOwnProperty,Xt=(e,t)=>$7.call(e,t),et=Array.isArray,Wu=e=>Zf(e)==="[object Map]",Tm=e=>Zf(e)==="[object Set]",Ki=e=>Zf(e)==="[object Date]",ht=e=>typeof e=="function",_t=e=>typeof e=="string",ff=e=>typeof e=="symbol",Bt=e=>e!==null&&typeof e=="object",vf=e=>Bt(e)&&ht(e.then)&&ht(e.catch),QT=Object.prototype.toString,Zf=e=>QT.call(e),Jp=e=>Zf(e).slice(8,-1),JT=e=>Zf(e)==="[object Object]",X1=e=>_t(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Hd=q1(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Pm=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},E7=/-(\w)/g,ma=Pm(e=>e.replace(E7,(t,n)=>n?n.toUpperCase():"")),T7=/\B([A-Z])/g,Gs=Pm(e=>e.replace(T7,"-$1").toLowerCase()),Qf=Pm(e=>e.charAt(0).toUpperCase()+e.slice(1)),eh=Pm(e=>e?`on${Qf(e)}`:""),pf=(e,t)=>!Object.is(e,t),th=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},oy=e=>{const t=parseFloat(e);return isNaN(t)?e:t},eP=e=>{const t=_t(e)?Number(e):NaN;return isNaN(t)?e:t};let $k;const ay=()=>$k||($k=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function lt(e){if(et(e)){const t={};for(let n=0;n{if(n){const r=n.split(O7);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t}function F(e){let t="";if(_t(e))t=e;else if(et(e))for(let n=0;nlc(n,t))}const Ae=e=>_t(e)?e:e==null?"":et(e)||Bt(e)&&(e.toString===QT||!ht(e.toString))?JSON.stringify(e,rP,2):String(e),rP=(e,t)=>t&&t.__v_isRef?rP(e,t.value):Wu(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[r,o])=>(n[`${r} =>`]=o,n),{})}:Tm(t)?{[`Set(${t.size})`]:[...t.values()]}:Bt(t)&&!et(t)&&!JT(t)?String(t):t;let Ko;class oP{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=Ko,!t&&Ko&&(this.index=(Ko.scopes||(Ko.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const n=Ko;try{return Ko=this,t()}finally{Ko=n}}}on(){Ko=this}off(){Ko=this.parent}stop(t){if(this._active){let n,r;for(n=0,r=this.effects.length;n{const t=new Set(e);return t.w=0,t.n=0,t},uP=e=>(e.w&Ds)>0,cP=e=>(e.n&Ds)>0,R7=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let n=0;for(let r=0;r{(f==="length"||f>=i)&&s.push(u)})}else switch(n!==void 0&&s.push(l.get(n)),t){case"add":et(e)?X1(n)&&s.push(l.get("length")):(s.push(l.get(Fi)),Wu(e)&&s.push(l.get(sy)));break;case"delete":et(e)||(s.push(l.get(Fi)),Wu(e)&&s.push(l.get(sy)));break;case"set":Wu(e)&&s.push(l.get(Fi));break}if(s.length===1)s[0]&&iy(s[0]);else{const i=[];for(const u of s)u&&i.push(...u);iy(Z1(i))}}function iy(e,t){const n=et(e)?e:[...e];for(const r of n)r.computed&&Tk(r);for(const r of n)r.computed||Tk(r)}function Tk(e,t){(e!==Ra||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}function L7(e,t){var n;return(n=Dh.get(e))==null?void 0:n.get(t)}const D7=q1("__proto__,__v_isRef,__isVue"),vP=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(ff)),B7=Q1(),V7=Q1(!1,!0),j7=Q1(!0),Pk=z7();function z7(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const r=vn(this);for(let a=0,l=this.length;a{e[t]=function(...n){Nc();const r=vn(this)[t].apply(this,n);return Rc(),r}}),e}function H7(e){const t=vn(this);return Ao(t,"has",e),t.hasOwnProperty(e)}function Q1(e=!1,t=!1){return function(r,o,a){if(o==="__v_isReactive")return!e;if(o==="__v_isReadonly")return e;if(o==="__v_isShallow")return t;if(o==="__v_raw"&&a===(e?t?aV:bP:t?gP:mP).get(r))return r;const l=et(r);if(!e){if(l&&Xt(Pk,o))return Reflect.get(Pk,o,a);if(o==="hasOwnProperty")return H7}const s=Reflect.get(r,o,a);return(ff(o)?vP.has(o):D7(o))||(e||Ao(r,"get",o),t)?s:kn(s)?l&&X1(o)?s:s.value:Bt(s)?e?Ys(s):nn(s):s}}const K7=pP(),W7=pP(!0);function pP(e=!1){return function(n,r,o,a){let l=n[r];if(sc(l)&&kn(l)&&!kn(o))return!1;if(!e&&(!Bh(o)&&!sc(o)&&(l=vn(l),o=vn(o)),!et(n)&&kn(l)&&!kn(o)))return l.value=o,!0;const s=et(n)&&X1(r)?Number(r)e,xm=e=>Reflect.getPrototypeOf(e);function bp(e,t,n=!1,r=!1){e=e.__v_raw;const o=vn(e),a=vn(t);n||(t!==a&&Ao(o,"get",t),Ao(o,"get",a));const{has:l}=xm(o),s=r?J1:n?n_:hf;if(l.call(o,t))return s(e.get(t));if(l.call(o,a))return s(e.get(a));e!==o&&e.get(t)}function yp(e,t=!1){const n=this.__v_raw,r=vn(n),o=vn(e);return t||(e!==o&&Ao(r,"has",e),Ao(r,"has",o)),e===o?n.has(e):n.has(e)||n.has(o)}function _p(e,t=!1){return e=e.__v_raw,!t&&Ao(vn(e),"iterate",Fi),Reflect.get(e,"size",e)}function Ok(e){e=vn(e);const t=vn(this);return xm(t).has.call(t,e)||(t.add(e),Ul(t,"add",e,e)),this}function xk(e,t){t=vn(t);const n=vn(this),{has:r,get:o}=xm(n);let a=r.call(n,e);a||(e=vn(e),a=r.call(n,e));const l=o.call(n,e);return n.set(e,t),a?pf(t,l)&&Ul(n,"set",e,t):Ul(n,"add",e,t),this}function Ak(e){const t=vn(this),{has:n,get:r}=xm(t);let o=n.call(t,e);o||(e=vn(e),o=n.call(t,e)),r&&r.call(t,e);const a=t.delete(e);return o&&Ul(t,"delete",e,void 0),a}function Ik(){const e=vn(this),t=e.size!==0,n=e.clear();return t&&Ul(e,"clear",void 0,void 0),n}function wp(e,t){return function(r,o){const a=this,l=a.__v_raw,s=vn(l),i=t?J1:e?n_:hf;return!e&&Ao(s,"iterate",Fi),l.forEach((u,f)=>r.call(o,i(u),i(f),a))}}function Cp(e,t,n){return function(...r){const o=this.__v_raw,a=vn(o),l=Wu(a),s=e==="entries"||e===Symbol.iterator&&l,i=e==="keys"&&l,u=o[e](...r),f=n?J1:t?n_:hf;return!t&&Ao(a,"iterate",i?sy:Fi),{next(){const{value:v,done:p}=u.next();return p?{value:v,done:p}:{value:s?[f(v[0]),f(v[1])]:f(v),done:p}},[Symbol.iterator](){return this}}}}function bs(e){return function(...t){return e==="delete"?!1:this}}function Z7(){const e={get(a){return bp(this,a)},get size(){return _p(this)},has:yp,add:Ok,set:xk,delete:Ak,clear:Ik,forEach:wp(!1,!1)},t={get(a){return bp(this,a,!1,!0)},get size(){return _p(this)},has:yp,add:Ok,set:xk,delete:Ak,clear:Ik,forEach:wp(!1,!0)},n={get(a){return bp(this,a,!0)},get size(){return _p(this,!0)},has(a){return yp.call(this,a,!0)},add:bs("add"),set:bs("set"),delete:bs("delete"),clear:bs("clear"),forEach:wp(!0,!1)},r={get(a){return bp(this,a,!0,!0)},get size(){return _p(this,!0)},has(a){return yp.call(this,a,!0)},add:bs("add"),set:bs("set"),delete:bs("delete"),clear:bs("clear"),forEach:wp(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(a=>{e[a]=Cp(a,!1,!1),n[a]=Cp(a,!0,!1),t[a]=Cp(a,!1,!0),r[a]=Cp(a,!0,!0)}),[e,n,t,r]}const[Q7,J7,eV,tV]=Z7();function e_(e,t){const n=t?e?tV:eV:e?J7:Q7;return(r,o,a)=>o==="__v_isReactive"?!e:o==="__v_isReadonly"?e:o==="__v_raw"?r:Reflect.get(Xt(n,o)&&o in r?n:r,o,a)}const nV={get:e_(!1,!1)},rV={get:e_(!1,!0)},oV={get:e_(!0,!1)},mP=new WeakMap,gP=new WeakMap,bP=new WeakMap,aV=new WeakMap;function lV(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function sV(e){return e.__v_skip||!Object.isExtensible(e)?0:lV(Jp(e))}function nn(e){return sc(e)?e:t_(e,!1,hP,nV,mP)}function Fc(e){return t_(e,!1,X7,rV,gP)}function Ys(e){return t_(e,!0,Y7,oV,bP)}function t_(e,t,n,r,o){if(!Bt(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const a=o.get(e);if(a)return a;const l=sV(e);if(l===0)return e;const s=new Proxy(e,l===2?r:n);return o.set(e,s),s}function Li(e){return sc(e)?Li(e.__v_raw):!!(e&&e.__v_isReactive)}function sc(e){return!!(e&&e.__v_isReadonly)}function Bh(e){return!!(e&&e.__v_isShallow)}function yP(e){return Li(e)||sc(e)}function vn(e){const t=e&&e.__v_raw;return t?vn(t):e}function Da(e){return Lh(e,"__v_skip",!0),e}const hf=e=>Bt(e)?nn(e):e,n_=e=>Bt(e)?Ys(e):e;function r_(e){Ns&&Ra&&(e=vn(e),fP(e.dep||(e.dep=Z1())))}function Am(e,t){e=vn(e);const n=e.dep;n&&iy(n)}function kn(e){return!!(e&&e.__v_isRef===!0)}function D(e){return _P(e,!1)}function En(e){return _P(e,!0)}function _P(e,t){return kn(e)?e:new iV(e,t)}class iV{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:vn(t),this._value=n?t:hf(t)}get value(){return r_(this),this._value}set value(t){const n=this.__v_isShallow||Bh(t)||sc(t);t=n?t:vn(t),pf(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:hf(t),Am(this))}}function Au(e){Am(e)}function c(e){return kn(e)?e.value:e}const uV={get:(e,t,n)=>c(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const o=e[t];return kn(o)&&!kn(n)?(o.value=n,!0):Reflect.set(e,t,n,r)}};function wP(e){return Li(e)?e:new Proxy(e,uV)}class cV{constructor(t){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:r}=t(()=>r_(this),()=>Am(this));this._get=n,this._set=r}get value(){return this._get()}set value(t){this._set(t)}}function CP(e){return new cV(e)}function kr(e){const t=et(e)?new Array(e.length):{};for(const n in e)t[n]=SP(e,n);return t}class dV{constructor(t,n,r){this._object=t,this._key=n,this._defaultValue=r,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return L7(vn(this._object),this._key)}}class fV{constructor(t){this._getter=t,this.__v_isRef=!0,this.__v_isReadonly=!0}get value(){return this._getter()}}function Nn(e,t,n){return kn(e)?e:ht(e)?new fV(e):Bt(e)&&arguments.length>1?SP(e,t,n):D(e)}function SP(e,t,n){const r=e[t];return kn(r)?r:new dV(e,t,n)}class vV{constructor(t,n,r,o){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new Om(t,()=>{this._dirty||(this._dirty=!0,Am(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!o,this.__v_isReadonly=r}get value(){const t=vn(this);return r_(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function pV(e,t,n=!1){let r,o;const a=ht(e);return a?(r=e,o=gn):(r=e.get,o=e.set),new vV(r,o,a||!o,n)}function hV(e,...t){}function Rs(e,t,n,r){let o;try{o=r?e(...r):e()}catch(a){Jf(a,t,n)}return o}function va(e,t,n,r){if(ht(e)){const a=Rs(e,t,n,r);return a&&vf(a)&&a.catch(l=>{Jf(l,t,n)}),a}const o=[];for(let a=0;a>>1;gf(Qr[r])il&&Qr.splice(t,1)}function EP(e){et(e)?Uu.push(...e):(!Dl||!Dl.includes(e,e.allowRecurse?Si+1:Si))&&Uu.push(e),$P()}function Mk(e,t=mf?il+1:0){for(;tgf(n)-gf(r)),Si=0;Sie.id==null?1/0:e.id,yV=(e,t)=>{const n=gf(e)-gf(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function TP(e){uy=!1,mf=!0,Qr.sort(yV);const t=gn;try{for(il=0;il_t(h)?h.trim():h)),v&&(o=n.map(oy))}let s,i=r[s=eh(t)]||r[s=eh(ma(t))];!i&&a&&(i=r[s=eh(Gs(t))]),i&&va(i,e,6,o);const u=r[s+"Once"];if(u){if(!e.emitted)e.emitted={};else if(e.emitted[s])return;e.emitted[s]=!0,va(u,e,6,o)}}function PP(e,t,n=!1){const r=t.emitsCache,o=r.get(e);if(o!==void 0)return o;const a=e.emits;let l={},s=!1;if(!ht(e)){const i=u=>{const f=PP(u,t,!0);f&&(s=!0,pr(l,f))};!n&&t.mixins.length&&t.mixins.forEach(i),e.extends&&i(e.extends),e.mixins&&e.mixins.forEach(i)}return!a&&!s?(Bt(e)&&r.set(e,null),null):(et(a)?a.forEach(i=>l[i]=null):pr(l,a),Bt(e)&&r.set(e,l),l)}function Im(e,t){return!e||!Xf(t)?!1:(t=t.slice(2).replace(/Once$/,""),Xt(e,t[0].toLowerCase()+t.slice(1))||Xt(e,Gs(t))||Xt(e,t))}let Wr=null,Mm=null;function jh(e){const t=Wr;return Wr=e,Mm=e&&e.type.__scopeId||null,t}function Wa(e){Mm=e}function Ua(){Mm=null}function re(e,t=Wr,n){if(!t||e._n)return e;const r=(...o)=>{r._d&&qk(-1);const a=jh(t);let l;try{l=e(...o)}finally{jh(a),r._d&&qk(1)}return l};return r._n=!0,r._c=!0,r._d=!0,r}function tb(e){const{type:t,vnode:n,proxy:r,withProxy:o,props:a,propsOptions:[l],slots:s,attrs:i,emit:u,render:f,renderCache:v,data:p,setupState:h,ctx:b,inheritAttrs:g}=e;let _,y;const S=jh(e);try{if(n.shapeFlag&4){const C=o||r;_=ua(f.call(C,C,v,a,h,p,b)),y=i}else{const C=t;_=ua(C.length>1?C(a,{attrs:i,slots:s,emit:u}):C(a,null)),y=t.props?i:CV(i)}}catch(C){Ud.length=0,Jf(C,e,1),_=Q(Nr)}let w=_;if(y&&g!==!1){const C=Object.keys(y),{shapeFlag:k}=w;C.length&&k&7&&(l&&C.some(G1)&&(y=SV(y,l)),w=Gl(w,y))}return n.dirs&&(w=Gl(w),w.dirs=w.dirs?w.dirs.concat(n.dirs):n.dirs),n.transition&&(w.transition=n.transition),_=w,jh(S),_}function wV(e){let t;for(let n=0;n{let t;for(const n in e)(n==="class"||n==="style"||Xf(n))&&((t||(t={}))[n]=e[n]);return t},SV=(e,t)=>{const n={};for(const r in e)(!G1(r)||!(r.slice(9)in t))&&(n[r]=e[r]);return n};function kV(e,t,n){const{props:r,children:o,component:a}=e,{props:l,children:s,patchFlag:i}=t,u=a.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&i>=0){if(i&1024)return!0;if(i&16)return r?Nk(r,l,u):!!l;if(i&8){const f=t.dynamicProps;for(let v=0;ve.__isSuspense,EV={name:"Suspense",__isSuspense:!0,process(e,t,n,r,o,a,l,s,i,u){e==null?TV(t,n,r,o,a,l,s,i,u):PV(e,t,n,r,o,l,s,i,u)},hydrate:OV,create:s_,normalize:xV},nb=EV;function bf(e,t){const n=e.props&&e.props[t];ht(n)&&n()}function TV(e,t,n,r,o,a,l,s,i){const{p:u,o:{createElement:f}}=i,v=f("div"),p=e.suspense=s_(e,o,r,t,v,n,a,l,s,i);u(null,p.pendingBranch=e.ssContent,v,null,r,p,a,l),p.deps>0?(bf(e,"onPending"),bf(e,"onFallback"),u(null,e.ssFallback,t,n,r,null,a,l),qu(p,e.ssFallback)):p.resolve(!1,!0)}function PV(e,t,n,r,o,a,l,s,{p:i,um:u,o:{createElement:f}}){const v=t.suspense=e.suspense;v.vnode=t,t.el=e.el;const p=t.ssContent,h=t.ssFallback,{activeBranch:b,pendingBranch:g,isInFallback:_,isHydrating:y}=v;if(g)v.pendingBranch=p,ul(p,g)?(i(g,p,v.hiddenContainer,null,o,v,a,l,s),v.deps<=0?v.resolve():_&&(i(b,h,n,r,o,null,a,l,s),qu(v,h))):(v.pendingId++,y?(v.isHydrating=!1,v.activeBranch=g):u(g,o,v),v.deps=0,v.effects.length=0,v.hiddenContainer=f("div"),_?(i(null,p,v.hiddenContainer,null,o,v,a,l,s),v.deps<=0?v.resolve():(i(b,h,n,r,o,null,a,l,s),qu(v,h))):b&&ul(p,b)?(i(b,p,n,r,o,v,a,l,s),v.resolve(!0)):(i(null,p,v.hiddenContainer,null,o,v,a,l,s),v.deps<=0&&v.resolve()));else if(b&&ul(p,b))i(b,p,n,r,o,v,a,l,s),qu(v,p);else if(bf(t,"onPending"),v.pendingBranch=p,v.pendingId++,i(null,p,v.hiddenContainer,null,o,v,a,l,s),v.deps<=0)v.resolve();else{const{timeout:S,pendingId:w}=v;S>0?setTimeout(()=>{v.pendingId===w&&v.fallback(h)},S):S===0&&v.fallback(h)}}function s_(e,t,n,r,o,a,l,s,i,u,f=!1){const{p:v,m:p,um:h,n:b,o:{parentNode:g,remove:_}}=u;let y;const S=AV(e);S&&t!=null&&t.pendingBranch&&(y=t.pendingId,t.deps++);const w=e.props?eP(e.props.timeout):void 0,C={vnode:e,parent:t,parentComponent:n,isSVG:l,container:r,hiddenContainer:o,anchor:a,deps:0,pendingId:0,timeout:typeof w=="number"?w:-1,activeBranch:null,pendingBranch:null,isInFallback:!0,isHydrating:f,isUnmounted:!1,effects:[],resolve(k=!1,$=!1){const{vnode:O,activeBranch:x,pendingBranch:R,pendingId:V,effects:A,parentComponent:I,container:B}=C;if(C.isHydrating)C.isHydrating=!1;else if(!k){const K=x&&R.transition&&R.transition.mode==="out-in";K&&(x.transition.afterLeave=()=>{V===C.pendingId&&p(R,B,M,0)});let{anchor:M}=C;x&&(M=b(x),h(x,I,C,!0)),K||p(R,B,M,0)}qu(C,R),C.pendingBranch=null,C.isInFallback=!1;let z=C.parent,Y=!1;for(;z;){if(z.pendingBranch){z.effects.push(...A),Y=!0;break}z=z.parent}Y||EP(A),C.effects=[],S&&t&&t.pendingBranch&&y===t.pendingId&&(t.deps--,t.deps===0&&!$&&t.resolve()),bf(O,"onResolve")},fallback(k){if(!C.pendingBranch)return;const{vnode:$,activeBranch:O,parentComponent:x,container:R,isSVG:V}=C;bf($,"onFallback");const A=b(O),I=()=>{!C.isInFallback||(v(null,k,R,A,x,null,V,s,i),qu(C,k))},B=k.transition&&k.transition.mode==="out-in";B&&(O.transition.afterLeave=I),C.isInFallback=!0,h(O,x,null,!0),B||I()},move(k,$,O){C.activeBranch&&p(C.activeBranch,k,$,O),C.container=k},next(){return C.activeBranch&&b(C.activeBranch)},registerDep(k,$){const O=!!C.pendingBranch;O&&C.deps++;const x=k.vnode.el;k.asyncDep.catch(R=>{Jf(R,k,0)}).then(R=>{if(k.isUnmounted||C.isUnmounted||C.pendingId!==k.suspenseId)return;k.asyncResolved=!0;const{vnode:V}=k;hy(k,R,!1),x&&(V.el=x);const A=!x&&k.subTree.el;$(k,V,g(x||k.subTree.el),x?null:b(k.subTree),C,l,i),A&&_(A),l_(k,V.el),O&&--C.deps===0&&C.resolve()})},unmount(k,$){C.isUnmounted=!0,C.activeBranch&&h(C.activeBranch,n,k,$),C.pendingBranch&&h(C.pendingBranch,n,k,$)}};return C}function OV(e,t,n,r,o,a,l,s,i){const u=t.suspense=s_(t,r,n,e.parentNode,document.createElement("div"),null,o,a,l,s,!0),f=i(e,u.pendingBranch=t.ssContent,n,u,a,l);return u.deps===0&&u.resolve(!1,!0),f}function xV(e){const{shapeFlag:t,children:n}=e,r=t&32;e.ssContent=Rk(r?n.default:n),e.ssFallback=r?Rk(n.fallback):Q(Nr)}function Rk(e){let t;if(ht(e)){const n=uc&&e._c;n&&(e._d=!1,P()),e=e(),n&&(e._d=!0,t=da,YP())}return et(e)&&(e=wV(e)),e=ua(e),t&&!e.dynamicChildren&&(e.dynamicChildren=t.filter(n=>n!==e)),e}function OP(e,t){t&&t.pendingBranch?et(e)?t.effects.push(...e):t.effects.push(e):EP(e)}function qu(e,t){e.activeBranch=t;const{vnode:n,parentComponent:r}=e,o=n.el=t.el;r&&r.subTree===n&&(r.vnode.el=o,l_(r,o))}function AV(e){var t;return((t=e.props)==null?void 0:t.suspensible)!=null&&e.props.suspensible!==!1}function ir(e,t){return Rm(e,null,t)}function Nm(e,t){return Rm(e,null,{flush:"post"})}const Sp={};function be(e,t,n){return Rm(e,t,n)}function Rm(e,t,{immediate:n,deep:r,flush:o,onTrack:a,onTrigger:l}=er){var s;const i=sP()===((s=Ar)==null?void 0:s.scope)?Ar:null;let u,f=!1,v=!1;if(kn(e)?(u=()=>e.value,f=Bh(e)):Li(e)?(u=()=>e,r=!0):et(e)?(v=!0,f=e.some(C=>Li(C)||Bh(C)),u=()=>e.map(C=>{if(kn(C))return C.value;if(Li(C))return Oi(C);if(ht(C))return Rs(C,i,2)})):ht(e)?t?u=()=>Rs(e,i,2):u=()=>{if(!(i&&i.isUnmounted))return p&&p(),va(e,i,3,[h])}:u=gn,t&&r){const C=u;u=()=>Oi(C())}let p,h=C=>{p=S.onStop=()=>{Rs(C,i,4)}},b;if(wf)if(h=gn,t?n&&va(t,i,3,[u(),v?[]:void 0,h]):u(),o==="sync"){const C=_j();b=C.__watcherHandles||(C.__watcherHandles=[])}else return gn;let g=v?new Array(e.length).fill(Sp):Sp;const _=()=>{if(!!S.active)if(t){const C=S.run();(r||f||(v?C.some((k,$)=>pf(k,g[$])):pf(C,g)))&&(p&&p(),va(t,i,3,[C,g===Sp?void 0:v&&g[0]===Sp?[]:g,h]),g=C)}else S.run()};_.allowRecurse=!!t;let y;o==="sync"?y=_:o==="post"?y=()=>ko(_,i&&i.suspense):(_.pre=!0,i&&(_.id=i.uid),y=()=>a_(_));const S=new Om(u,y);t?n?_():g=S.run():o==="post"?ko(S.run.bind(S),i&&i.suspense):S.run();const w=()=>{S.stop(),i&&i.scope&&Y1(i.scope.effects,S)};return b&&b.push(w),w}function IV(e,t,n){const r=this.proxy,o=_t(e)?e.includes(".")?xP(r,e):()=>r[e]:e.bind(r,r);let a;ht(t)?a=t:(a=t.handler,n=t);const l=Ar;cc(this);const s=Rm(o,a.bind(r),n);return l?cc(l):Di(),s}function xP(e,t){const n=t.split(".");return()=>{let r=e;for(let o=0;o{Oi(n,t)});else if(JT(e))for(const n in e)Oi(e[n],t);return e}function Ot(e,t){const n=Wr;if(n===null)return e;const r=jm(n)||n.proxy,o=e.dirs||(e.dirs=[]);for(let a=0;a{e.isMounted=!0}),hn(()=>{e.isUnmounting=!0}),e}const aa=[Function,Array],IP={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:aa,onEnter:aa,onAfterEnter:aa,onEnterCancelled:aa,onBeforeLeave:aa,onLeave:aa,onAfterLeave:aa,onLeaveCancelled:aa,onBeforeAppear:aa,onAppear:aa,onAfterAppear:aa,onAppearCancelled:aa},MV={name:"BaseTransition",props:IP,setup(e,{slots:t}){const n=vt(),r=AP();let o;return()=>{const a=t.default&&i_(t.default(),!0);if(!a||!a.length)return;let l=a[0];if(a.length>1){for(const g of a)if(g.type!==Nr){l=g;break}}const s=vn(e),{mode:i}=s;if(r.isLeaving)return rb(l);const u=Fk(l);if(!u)return rb(l);const f=yf(u,s,r,n);_f(u,f);const v=n.subTree,p=v&&Fk(v);let h=!1;const{getTransitionKey:b}=u.type;if(b){const g=b();o===void 0?o=g:g!==o&&(o=g,h=!0)}if(p&&p.type!==Nr&&(!ul(u,p)||h)){const g=yf(p,s,r,n);if(_f(p,g),i==="out-in")return r.isLeaving=!0,g.afterLeave=()=>{r.isLeaving=!1,n.update.active!==!1&&n.update()},rb(l);i==="in-out"&&u.type!==Nr&&(g.delayLeave=(_,y,S)=>{const w=MP(r,p);w[String(p.key)]=p,_._leaveCb=()=>{y(),_._leaveCb=void 0,delete f.delayedLeave},f.delayedLeave=S})}return l}}},NV=MV;function MP(e,t){const{leavingVNodes:n}=e;let r=n.get(t.type);return r||(r=Object.create(null),n.set(t.type,r)),r}function yf(e,t,n,r){const{appear:o,mode:a,persisted:l=!1,onBeforeEnter:s,onEnter:i,onAfterEnter:u,onEnterCancelled:f,onBeforeLeave:v,onLeave:p,onAfterLeave:h,onLeaveCancelled:b,onBeforeAppear:g,onAppear:_,onAfterAppear:y,onAppearCancelled:S}=t,w=String(e.key),C=MP(n,e),k=(x,R)=>{x&&va(x,r,9,R)},$=(x,R)=>{const V=R[1];k(x,R),et(x)?x.every(A=>A.length<=1)&&V():x.length<=1&&V()},O={mode:a,persisted:l,beforeEnter(x){let R=s;if(!n.isMounted)if(o)R=g||s;else return;x._leaveCb&&x._leaveCb(!0);const V=C[w];V&&ul(e,V)&&V.el._leaveCb&&V.el._leaveCb(),k(R,[x])},enter(x){let R=i,V=u,A=f;if(!n.isMounted)if(o)R=_||i,V=y||u,A=S||f;else return;let I=!1;const B=x._enterCb=z=>{I||(I=!0,z?k(A,[x]):k(V,[x]),O.delayedLeave&&O.delayedLeave(),x._enterCb=void 0)};R?$(R,[x,B]):B()},leave(x,R){const V=String(e.key);if(x._enterCb&&x._enterCb(!0),n.isUnmounting)return R();k(v,[x]);let A=!1;const I=x._leaveCb=B=>{A||(A=!0,R(),B?k(b,[x]):k(h,[x]),x._leaveCb=void 0,C[V]===e&&delete C[V])};C[V]=e,p?$(p,[x,I]):I()},clone(x){return yf(x,t,n,r)}};return O}function rb(e){if(Fm(e))return e=Gl(e),e.children=null,e}function Fk(e){return Fm(e)?e.children?e.children[0]:void 0:e}function _f(e,t){e.shapeFlag&6&&e.component?_f(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function i_(e,t=!1,n){let r=[],o=0;for(let a=0;a1)for(let a=0;apr({name:e.name},t,{setup:e}))():e}const Gu=e=>!!e.type.__asyncLoader,Fm=e=>e.type.__isKeepAlive;function RV(e,t){RP(e,"a",t)}function NP(e,t){RP(e,"da",t)}function RP(e,t,n=Ar){const r=e.__wdc||(e.__wdc=()=>{let o=n;for(;o;){if(o.isDeactivated)return;o=o.parent}return e()});if(Lm(t,r,n),n){let o=n.parent;for(;o&&o.parent;)Fm(o.parent.vnode)&&FV(r,t,n,o),o=o.parent}}function FV(e,t,n,r){const o=Lm(t,e,r,!0);Br(()=>{Y1(r[t],o)},n)}function Lm(e,t,n=Ar,r=!1){if(n){const o=n[e]||(n[e]=[]),a=t.__weh||(t.__weh=(...l)=>{if(n.isUnmounted)return;Nc(),cc(n);const s=va(t,n,e,l);return Di(),Rc(),s});return r?o.unshift(a):o.push(a),a}}const ts=e=>(t,n=Ar)=>(!wf||e==="sp")&&Lm(e,(...r)=>t(...r),n),Dm=ts("bm"),bt=ts("m"),FP=ts("bu"),Sa=ts("u"),hn=ts("bum"),Br=ts("um"),LV=ts("sp"),DV=ts("rtg"),BV=ts("rtc");function VV(e,t=Ar){Lm("ec",e,t)}const u_="components",jV="directives";function Ct(e,t){return c_(u_,e,!0,t)||e}const LP=Symbol.for("v-ndc");function jt(e){return _t(e)?c_(u_,e,!1)||e:e||LP}function ic(e){return c_(jV,e)}function c_(e,t,n=!0,r=!1){const o=Wr||Ar;if(o){const a=o.type;if(e===u_){const s=gj(a,!1);if(s&&(s===t||s===ma(t)||s===Qf(ma(t))))return a}const l=Lk(o[e]||a[e],t)||Lk(o.appContext[e],t);return!l&&r?a:l}}function Lk(e,t){return e&&(e[t]||e[ma(t)]||e[Qf(ma(t))])}function xt(e,t,n,r){let o;const a=n&&n[r];if(et(e)||_t(e)){o=new Array(e.length);for(let l=0,s=e.length;lt(l,s,void 0,a&&a[s]));else{const l=Object.keys(e);o=new Array(l.length);for(let s=0,i=l.length;s{const a=r.fn(...o);return a&&(a.key=r.key),a}:r.fn)}return e}function de(e,t,n={},r,o){if(Wr.isCE||Wr.parent&&Gu(Wr.parent)&&Wr.parent.isCE)return t!=="default"&&(n.name=t),Q("slot",n,r&&r());let a=e[t];a&&a._c&&(a._d=!1),P();const l=a&&DP(a(n)),s=ue(Ue,{key:n.key||l&&l.key||`_${t}`},l||(r?r():[]),l&&e._===1?64:-2);return!o&&s.scopeId&&(s.slotScopeIds=[s.scopeId+"-s"]),a&&a._c&&(a._d=!0),s}function DP(e){return e.some(t=>An(t)?!(t.type===Nr||t.type===Ue&&!DP(t.children)):!0)?e:null}function zV(e,t){const n={};for(const r in e)n[t&&/[A-Z]/.test(r)?`on:${r}`:eh(r)]=e[r];return n}const cy=e=>e?QP(e)?jm(e)||e.proxy:cy(e.parent):null,Kd=pr(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>cy(e.parent),$root:e=>cy(e.root),$emit:e=>e.emit,$options:e=>d_(e),$forceUpdate:e=>e.f||(e.f=()=>a_(e.update)),$nextTick:e=>e.n||(e.n=tt.bind(e.proxy)),$watch:e=>IV.bind(e)}),ob=(e,t)=>e!==er&&!e.__isScriptSetup&&Xt(e,t),HV={get({_:e},t){const{ctx:n,setupState:r,data:o,props:a,accessCache:l,type:s,appContext:i}=e;let u;if(t[0]!=="$"){const h=l[t];if(h!==void 0)switch(h){case 1:return r[t];case 2:return o[t];case 4:return n[t];case 3:return a[t]}else{if(ob(r,t))return l[t]=1,r[t];if(o!==er&&Xt(o,t))return l[t]=2,o[t];if((u=e.propsOptions[0])&&Xt(u,t))return l[t]=3,a[t];if(n!==er&&Xt(n,t))return l[t]=4,n[t];dy&&(l[t]=0)}}const f=Kd[t];let v,p;if(f)return t==="$attrs"&&Ao(e,"get",t),f(e);if((v=s.__cssModules)&&(v=v[t]))return v;if(n!==er&&Xt(n,t))return l[t]=4,n[t];if(p=i.config.globalProperties,Xt(p,t))return p[t]},set({_:e},t,n){const{data:r,setupState:o,ctx:a}=e;return ob(o,t)?(o[t]=n,!0):r!==er&&Xt(r,t)?(r[t]=n,!0):Xt(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(a[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:o,propsOptions:a}},l){let s;return!!n[l]||e!==er&&Xt(e,l)||ob(t,l)||(s=a[0])&&Xt(s,l)||Xt(r,l)||Xt(Kd,l)||Xt(o.config.globalProperties,l)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:Xt(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function Vr(){return BP().slots}function Lc(){return BP().attrs}function BP(){const e=vt();return e.setupContext||(e.setupContext=eO(e))}function Dk(e){return et(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let dy=!0;function KV(e){const t=d_(e),n=e.proxy,r=e.ctx;dy=!1,t.beforeCreate&&Bk(t.beforeCreate,e,"bc");const{data:o,computed:a,methods:l,watch:s,provide:i,inject:u,created:f,beforeMount:v,mounted:p,beforeUpdate:h,updated:b,activated:g,deactivated:_,beforeDestroy:y,beforeUnmount:S,destroyed:w,unmounted:C,render:k,renderTracked:$,renderTriggered:O,errorCaptured:x,serverPrefetch:R,expose:V,inheritAttrs:A,components:I,directives:B,filters:z}=t;if(u&&WV(u,r,null),l)for(const M in l){const j=l[M];ht(j)&&(r[M]=j.bind(n))}if(o){const M=o.call(n,n);Bt(M)&&(e.data=nn(M))}if(dy=!0,a)for(const M in a){const j=a[M],N=ht(j)?j.bind(n,n):ht(j.get)?j.get.bind(n,n):gn,U=!ht(j)&&ht(j.set)?j.set.bind(n):gn,W=T({get:N,set:U});Object.defineProperty(r,M,{enumerable:!0,configurable:!0,get:()=>W.value,set:G=>W.value=G})}if(s)for(const M in s)VP(s[M],r,n,M);if(i){const M=ht(i)?i.call(n):i;Reflect.ownKeys(M).forEach(j=>{$t(j,M[j])})}f&&Bk(f,e,"c");function K(M,j){et(j)?j.forEach(N=>M(N.bind(n))):j&&M(j.bind(n))}if(K(Dm,v),K(bt,p),K(FP,h),K(Sa,b),K(RV,g),K(NP,_),K(VV,x),K(BV,$),K(DV,O),K(hn,S),K(Br,C),K(LV,R),et(V))if(V.length){const M=e.exposed||(e.exposed={});V.forEach(j=>{Object.defineProperty(M,j,{get:()=>n[j],set:N=>n[j]=N})})}else e.exposed||(e.exposed={});k&&e.render===gn&&(e.render=k),A!=null&&(e.inheritAttrs=A),I&&(e.components=I),B&&(e.directives=B)}function WV(e,t,n=gn){et(e)&&(e=fy(e));for(const r in e){const o=e[r];let a;Bt(o)?"default"in o?a=Ge(o.from||r,o.default,!0):a=Ge(o.from||r):a=Ge(o),kn(a)?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>a.value,set:l=>a.value=l}):t[r]=a}}function Bk(e,t,n){va(et(e)?e.map(r=>r.bind(t.proxy)):e.bind(t.proxy),t,n)}function VP(e,t,n,r){const o=r.includes(".")?xP(n,r):()=>n[r];if(_t(e)){const a=t[e];ht(a)&&be(o,a)}else if(ht(e))be(o,e.bind(n));else if(Bt(e))if(et(e))e.forEach(a=>VP(a,t,n,r));else{const a=ht(e.handler)?e.handler.bind(n):t[e.handler];ht(a)&&be(o,a,e)}}function d_(e){const t=e.type,{mixins:n,extends:r}=t,{mixins:o,optionsCache:a,config:{optionMergeStrategies:l}}=e.appContext,s=a.get(t);let i;return s?i=s:!o.length&&!n&&!r?i=t:(i={},o.length&&o.forEach(u=>zh(i,u,l,!0)),zh(i,t,l)),Bt(t)&&a.set(t,i),i}function zh(e,t,n,r=!1){const{mixins:o,extends:a}=t;a&&zh(e,a,n,!0),o&&o.forEach(l=>zh(e,l,n,!0));for(const l in t)if(!(r&&l==="expose")){const s=UV[l]||n&&n[l];e[l]=s?s(e[l],t[l]):t[l]}return e}const UV={data:Vk,props:jk,emits:jk,methods:Nd,computed:Nd,beforeCreate:lo,created:lo,beforeMount:lo,mounted:lo,beforeUpdate:lo,updated:lo,beforeDestroy:lo,beforeUnmount:lo,destroyed:lo,unmounted:lo,activated:lo,deactivated:lo,errorCaptured:lo,serverPrefetch:lo,components:Nd,directives:Nd,watch:GV,provide:Vk,inject:qV};function Vk(e,t){return t?e?function(){return pr(ht(e)?e.call(this,this):e,ht(t)?t.call(this,this):t)}:t:e}function qV(e,t){return Nd(fy(e),fy(t))}function fy(e){if(et(e)){const t={};for(let n=0;n1)return n&&ht(t)?t.call(r&&r.proxy):t}}function ZV(e,t,n,r=!1){const o={},a={};Lh(a,Bm,1),e.propsDefaults=Object.create(null),zP(e,t,o,a);for(const l in e.propsOptions[0])l in o||(o[l]=void 0);n?e.props=r?o:Fc(o):e.type.props?e.props=o:e.props=a,e.attrs=a}function QV(e,t,n,r){const{props:o,attrs:a,vnode:{patchFlag:l}}=e,s=vn(o),[i]=e.propsOptions;let u=!1;if((r||l>0)&&!(l&16)){if(l&8){const f=e.vnode.dynamicProps;for(let v=0;v{i=!0;const[p,h]=HP(v,t,!0);pr(l,p),h&&s.push(...h)};!n&&t.mixins.length&&t.mixins.forEach(f),e.extends&&f(e.extends),e.mixins&&e.mixins.forEach(f)}if(!a&&!i)return Bt(e)&&r.set(e,Ku),Ku;if(et(a))for(let f=0;f-1,h[1]=g<0||b-1||Xt(h,"default"))&&s.push(v)}}}const u=[l,s];return Bt(e)&&r.set(e,u),u}function zk(e){return e[0]!=="$"}function Hk(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function Kk(e,t){return Hk(e)===Hk(t)}function Wk(e,t){return et(t)?t.findIndex(n=>Kk(n,e)):ht(t)&&Kk(t,e)?0:-1}const KP=e=>e[0]==="_"||e==="$stable",f_=e=>et(e)?e.map(ua):[ua(e)],JV=(e,t,n)=>{if(t._n)return t;const r=re((...o)=>f_(t(...o)),n);return r._c=!1,r},WP=(e,t,n)=>{const r=e._ctx;for(const o in e){if(KP(o))continue;const a=e[o];if(ht(a))t[o]=JV(o,a,r);else if(a!=null){const l=f_(a);t[o]=()=>l}}},UP=(e,t)=>{const n=f_(t);e.slots.default=()=>n},ej=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=vn(t),Lh(t,"_",n)):WP(t,e.slots={})}else e.slots={},t&&UP(e,t);Lh(e.slots,Bm,1)},tj=(e,t,n)=>{const{vnode:r,slots:o}=e;let a=!0,l=er;if(r.shapeFlag&32){const s=t._;s?n&&s===1?a=!1:(pr(o,t),!n&&s===1&&delete o._):(a=!t.$stable,WP(t,o)),l=t}else t&&(UP(e,t),l={default:1});if(a)for(const s in o)!KP(s)&&!(s in l)&&delete o[s]};function Kh(e,t,n,r,o=!1){if(et(e)){e.forEach((p,h)=>Kh(p,t&&(et(t)?t[h]:t),n,r,o));return}if(Gu(r)&&!o)return;const a=r.shapeFlag&4?jm(r.component)||r.component.proxy:r.el,l=o?null:a,{i:s,r:i}=e,u=t&&t.r,f=s.refs===er?s.refs={}:s.refs,v=s.setupState;if(u!=null&&u!==i&&(_t(u)?(f[u]=null,Xt(v,u)&&(v[u]=null)):kn(u)&&(u.value=null)),ht(i))Rs(i,s,12,[l,f]);else{const p=_t(i),h=kn(i);if(p||h){const b=()=>{if(e.f){const g=p?Xt(v,i)?v[i]:f[i]:i.value;o?et(g)&&Y1(g,a):et(g)?g.includes(a)||g.push(a):p?(f[i]=[a],Xt(v,i)&&(v[i]=f[i])):(i.value=[a],e.k&&(f[e.k]=i.value))}else p?(f[i]=l,Xt(v,i)&&(v[i]=l)):h&&(i.value=l,e.k&&(f[e.k]=l))};l?(b.id=-1,ko(b,n)):b()}}}let ys=!1;const kp=e=>/svg/.test(e.namespaceURI)&&e.tagName!=="foreignObject",$p=e=>e.nodeType===8;function nj(e){const{mt:t,p:n,o:{patchProp:r,createText:o,nextSibling:a,parentNode:l,remove:s,insert:i,createComment:u}}=e,f=(y,S)=>{if(!S.hasChildNodes()){n(null,y,S),Vh(),S._vnode=y;return}ys=!1,v(S.firstChild,y,null,null,null),Vh(),S._vnode=y,ys&&console.error("Hydration completed but contains mismatches.")},v=(y,S,w,C,k,$=!1)=>{const O=$p(y)&&y.data==="[",x=()=>g(y,S,w,C,k,O),{type:R,ref:V,shapeFlag:A,patchFlag:I}=S;let B=y.nodeType;S.el=y,I===-2&&($=!1,S.dynamicChildren=null);let z=null;switch(R){case Bs:B!==3?S.children===""?(i(S.el=o(""),l(y),y),z=y):z=x():(y.data!==S.children&&(ys=!0,y.data=S.children),z=a(y));break;case Nr:B!==8||O?z=x():z=a(y);break;case Yu:if(O&&(y=a(y),B=y.nodeType),B===1||B===3){z=y;const Y=!S.children.length;for(let K=0;K{$=$||!!S.dynamicChildren;const{type:O,props:x,patchFlag:R,shapeFlag:V,dirs:A}=S,I=O==="input"&&A||O==="option";if(I||R!==-1){if(A&&ll(S,null,w,"created"),x)if(I||!$||R&48)for(const z in x)(I&&z.endsWith("value")||Xf(z)&&!Hd(z))&&r(y,z,null,x[z],!1,void 0,w);else x.onClick&&r(y,"onClick",null,x.onClick,!1,void 0,w);let B;if((B=x&&x.onVnodeBeforeMount)&&la(B,w,S),A&&ll(S,null,w,"beforeMount"),((B=x&&x.onVnodeMounted)||A)&&OP(()=>{B&&la(B,w,S),A&&ll(S,null,w,"mounted")},C),V&16&&!(x&&(x.innerHTML||x.textContent))){let z=h(y.firstChild,S,y,w,C,k,$);for(;z;){ys=!0;const Y=z;z=z.nextSibling,s(Y)}}else V&8&&y.textContent!==S.children&&(ys=!0,y.textContent=S.children)}return y.nextSibling},h=(y,S,w,C,k,$,O)=>{O=O||!!S.dynamicChildren;const x=S.children,R=x.length;for(let V=0;V{const{slotScopeIds:O}=S;O&&(k=k?k.concat(O):O);const x=l(y),R=h(a(y),S,x,w,C,k,$);return R&&$p(R)&&R.data==="]"?a(S.anchor=R):(ys=!0,i(S.anchor=u("]"),x,R),R)},g=(y,S,w,C,k,$)=>{if(ys=!0,S.el=null,$){const R=_(y);for(;;){const V=a(y);if(V&&V!==R)s(V);else break}}const O=a(y),x=l(y);return s(y),n(null,S,x,O,w,C,kp(x),k),O},_=y=>{let S=0;for(;y;)if(y=a(y),y&&$p(y)&&(y.data==="["&&S++,y.data==="]")){if(S===0)return a(y);S--}return y};return[f,v]}const ko=OP;function rj(e){return qP(e)}function oj(e){return qP(e,nj)}function qP(e,t){const n=ay();n.__VUE__=!0;const{insert:r,remove:o,patchProp:a,createElement:l,createText:s,createComment:i,setText:u,setElementText:f,parentNode:v,nextSibling:p,setScopeId:h=gn,insertStaticContent:b}=e,g=(ne,ie,ye,Oe=null,je=null,_e=null,Ve=!1,Te=null,Le=!!ie.dynamicChildren)=>{if(ne===ie)return;ne&&!ul(ne,ie)&&(Oe=ke(ne),G(ne,je,_e,!0),ne=null),ie.patchFlag===-2&&(Le=!1,ie.dynamicChildren=null);const{type:Ee,ref:Ze,shapeFlag:Ye}=ie;switch(Ee){case Bs:_(ne,ie,ye,Oe);break;case Nr:y(ne,ie,ye,Oe);break;case Yu:ne==null&&S(ie,ye,Oe,Ve);break;case Ue:I(ne,ie,ye,Oe,je,_e,Ve,Te,Le);break;default:Ye&1?k(ne,ie,ye,Oe,je,_e,Ve,Te,Le):Ye&6?B(ne,ie,ye,Oe,je,_e,Ve,Te,Le):(Ye&64||Ye&128)&&Ee.process(ne,ie,ye,Oe,je,_e,Ve,Te,Le,ee)}Ze!=null&&je&&Kh(Ze,ne&&ne.ref,_e,ie||ne,!ie)},_=(ne,ie,ye,Oe)=>{if(ne==null)r(ie.el=s(ie.children),ye,Oe);else{const je=ie.el=ne.el;ie.children!==ne.children&&u(je,ie.children)}},y=(ne,ie,ye,Oe)=>{ne==null?r(ie.el=i(ie.children||""),ye,Oe):ie.el=ne.el},S=(ne,ie,ye,Oe)=>{[ne.el,ne.anchor]=b(ne.children,ie,ye,Oe,ne.el,ne.anchor)},w=({el:ne,anchor:ie},ye,Oe)=>{let je;for(;ne&&ne!==ie;)je=p(ne),r(ne,ye,Oe),ne=je;r(ie,ye,Oe)},C=({el:ne,anchor:ie})=>{let ye;for(;ne&&ne!==ie;)ye=p(ne),o(ne),ne=ye;o(ie)},k=(ne,ie,ye,Oe,je,_e,Ve,Te,Le)=>{Ve=Ve||ie.type==="svg",ne==null?$(ie,ye,Oe,je,_e,Ve,Te,Le):R(ne,ie,je,_e,Ve,Te,Le)},$=(ne,ie,ye,Oe,je,_e,Ve,Te)=>{let Le,Ee;const{type:Ze,props:Ye,shapeFlag:$e,transition:Xe,dirs:ft}=ne;if(Le=ne.el=l(ne.type,_e,Ye&&Ye.is,Ye),$e&8?f(Le,ne.children):$e&16&&x(ne.children,Le,null,Oe,je,_e&&Ze!=="foreignObject",Ve,Te),ft&&ll(ne,null,Oe,"created"),O(Le,ne,ne.scopeId,Ve,Oe),Ye){for(const dt in Ye)dt!=="value"&&!Hd(dt)&&a(Le,dt,null,Ye[dt],_e,ne.children,Oe,je,pe);"value"in Ye&&a(Le,"value",null,Ye.value),(Ee=Ye.onVnodeBeforeMount)&&la(Ee,Oe,ne)}ft&&ll(ne,null,Oe,"beforeMount");const Et=(!je||je&&!je.pendingBranch)&&Xe&&!Xe.persisted;Et&&Xe.beforeEnter(Le),r(Le,ie,ye),((Ee=Ye&&Ye.onVnodeMounted)||Et||ft)&&ko(()=>{Ee&&la(Ee,Oe,ne),Et&&Xe.enter(Le),ft&&ll(ne,null,Oe,"mounted")},je)},O=(ne,ie,ye,Oe,je)=>{if(ye&&h(ne,ye),Oe)for(let _e=0;_e{for(let Ee=Le;Ee{const Te=ie.el=ne.el;let{patchFlag:Le,dynamicChildren:Ee,dirs:Ze}=ie;Le|=ne.patchFlag&16;const Ye=ne.props||er,$e=ie.props||er;let Xe;ye&&fi(ye,!1),(Xe=$e.onVnodeBeforeUpdate)&&la(Xe,ye,ie,ne),Ze&&ll(ie,ne,ye,"beforeUpdate"),ye&&fi(ye,!0);const ft=je&&ie.type!=="foreignObject";if(Ee?V(ne.dynamicChildren,Ee,Te,ye,Oe,ft,_e):Ve||j(ne,ie,Te,null,ye,Oe,ft,_e,!1),Le>0){if(Le&16)A(Te,ie,Ye,$e,ye,Oe,je);else if(Le&2&&Ye.class!==$e.class&&a(Te,"class",null,$e.class,je),Le&4&&a(Te,"style",Ye.style,$e.style,je),Le&8){const Et=ie.dynamicProps;for(let dt=0;dt{Xe&&la(Xe,ye,ie,ne),Ze&&ll(ie,ne,ye,"updated")},Oe)},V=(ne,ie,ye,Oe,je,_e,Ve)=>{for(let Te=0;Te{if(ye!==Oe){if(ye!==er)for(const Te in ye)!Hd(Te)&&!(Te in Oe)&&a(ne,Te,ye[Te],null,Ve,ie.children,je,_e,pe);for(const Te in Oe){if(Hd(Te))continue;const Le=Oe[Te],Ee=ye[Te];Le!==Ee&&Te!=="value"&&a(ne,Te,Ee,Le,Ve,ie.children,je,_e,pe)}"value"in Oe&&a(ne,"value",ye.value,Oe.value)}},I=(ne,ie,ye,Oe,je,_e,Ve,Te,Le)=>{const Ee=ie.el=ne?ne.el:s(""),Ze=ie.anchor=ne?ne.anchor:s("");let{patchFlag:Ye,dynamicChildren:$e,slotScopeIds:Xe}=ie;Xe&&(Te=Te?Te.concat(Xe):Xe),ne==null?(r(Ee,ye,Oe),r(Ze,ye,Oe),x(ie.children,ye,Ze,je,_e,Ve,Te,Le)):Ye>0&&Ye&64&&$e&&ne.dynamicChildren?(V(ne.dynamicChildren,$e,ye,je,_e,Ve,Te),(ie.key!=null||je&&ie===je.subTree)&&v_(ne,ie,!0)):j(ne,ie,ye,Ze,je,_e,Ve,Te,Le)},B=(ne,ie,ye,Oe,je,_e,Ve,Te,Le)=>{ie.slotScopeIds=Te,ne==null?ie.shapeFlag&512?je.ctx.activate(ie,ye,Oe,Ve,Le):z(ie,ye,Oe,je,_e,Ve,Le):Y(ne,ie,Le)},z=(ne,ie,ye,Oe,je,_e,Ve)=>{const Te=ne.component=vj(ne,Oe,je);if(Fm(ne)&&(Te.ctx.renderer=ee),pj(Te),Te.asyncDep){if(je&&je.registerDep(Te,K),!ne.el){const Le=Te.subTree=Q(Nr);y(null,Le,ie,ye)}return}K(Te,ne,ie,ye,je,_e,Ve)},Y=(ne,ie,ye)=>{const Oe=ie.component=ne.component;if(kV(ne,ie,ye))if(Oe.asyncDep&&!Oe.asyncResolved){M(Oe,ie,ye);return}else Oe.next=ie,bV(Oe.update),Oe.update();else ie.el=ne.el,Oe.vnode=ie},K=(ne,ie,ye,Oe,je,_e,Ve)=>{const Te=()=>{if(ne.isMounted){let{next:Ze,bu:Ye,u:$e,parent:Xe,vnode:ft}=ne,Et=Ze,dt;fi(ne,!1),Ze?(Ze.el=ft.el,M(ne,Ze,Ve)):Ze=ft,Ye&&th(Ye),(dt=Ze.props&&Ze.props.onVnodeBeforeUpdate)&&la(dt,Xe,Ze,ft),fi(ne,!0);const Ne=tb(ne),Fe=ne.subTree;ne.subTree=Ne,g(Fe,Ne,v(Fe.el),ke(Fe),ne,je,_e),Ze.el=Ne.el,Et===null&&l_(ne,Ne.el),$e&&ko($e,je),(dt=Ze.props&&Ze.props.onVnodeUpdated)&&ko(()=>la(dt,Xe,Ze,ft),je)}else{let Ze;const{el:Ye,props:$e}=ie,{bm:Xe,m:ft,parent:Et}=ne,dt=Gu(ie);if(fi(ne,!1),Xe&&th(Xe),!dt&&(Ze=$e&&$e.onVnodeBeforeMount)&&la(Ze,Et,ie),fi(ne,!0),Ye&&Be){const Ne=()=>{ne.subTree=tb(ne),Be(Ye,ne.subTree,ne,je,null)};dt?ie.type.__asyncLoader().then(()=>!ne.isUnmounted&&Ne()):Ne()}else{const Ne=ne.subTree=tb(ne);g(null,Ne,ye,Oe,ne,je,_e),ie.el=Ne.el}if(ft&&ko(ft,je),!dt&&(Ze=$e&&$e.onVnodeMounted)){const Ne=ie;ko(()=>la(Ze,Et,Ne),je)}(ie.shapeFlag&256||Et&&Gu(Et.vnode)&&Et.vnode.shapeFlag&256)&&ne.a&&ko(ne.a,je),ne.isMounted=!0,ie=ye=Oe=null}},Le=ne.effect=new Om(Te,()=>a_(Ee),ne.scope),Ee=ne.update=()=>Le.run();Ee.id=ne.uid,fi(ne,!0),Ee()},M=(ne,ie,ye)=>{ie.component=ne;const Oe=ne.vnode.props;ne.vnode=ie,ne.next=null,QV(ne,ie.props,Oe,ye),tj(ne,ie.children,ye),Nc(),Mk(),Rc()},j=(ne,ie,ye,Oe,je,_e,Ve,Te,Le=!1)=>{const Ee=ne&&ne.children,Ze=ne?ne.shapeFlag:0,Ye=ie.children,{patchFlag:$e,shapeFlag:Xe}=ie;if($e>0){if($e&128){U(Ee,Ye,ye,Oe,je,_e,Ve,Te,Le);return}else if($e&256){N(Ee,Ye,ye,Oe,je,_e,Ve,Te,Le);return}}Xe&8?(Ze&16&&pe(Ee,je,_e),Ye!==Ee&&f(ye,Ye)):Ze&16?Xe&16?U(Ee,Ye,ye,Oe,je,_e,Ve,Te,Le):pe(Ee,je,_e,!0):(Ze&8&&f(ye,""),Xe&16&&x(Ye,ye,Oe,je,_e,Ve,Te,Le))},N=(ne,ie,ye,Oe,je,_e,Ve,Te,Le)=>{ne=ne||Ku,ie=ie||Ku;const Ee=ne.length,Ze=ie.length,Ye=Math.min(Ee,Ze);let $e;for($e=0;$eZe?pe(ne,je,_e,!0,!1,Ye):x(ie,ye,Oe,je,_e,Ve,Te,Le,Ye)},U=(ne,ie,ye,Oe,je,_e,Ve,Te,Le)=>{let Ee=0;const Ze=ie.length;let Ye=ne.length-1,$e=Ze-1;for(;Ee<=Ye&&Ee<=$e;){const Xe=ne[Ee],ft=ie[Ee]=Le?Es(ie[Ee]):ua(ie[Ee]);if(ul(Xe,ft))g(Xe,ft,ye,null,je,_e,Ve,Te,Le);else break;Ee++}for(;Ee<=Ye&&Ee<=$e;){const Xe=ne[Ye],ft=ie[$e]=Le?Es(ie[$e]):ua(ie[$e]);if(ul(Xe,ft))g(Xe,ft,ye,null,je,_e,Ve,Te,Le);else break;Ye--,$e--}if(Ee>Ye){if(Ee<=$e){const Xe=$e+1,ft=Xe$e)for(;Ee<=Ye;)G(ne[Ee],je,_e,!0),Ee++;else{const Xe=Ee,ft=Ee,Et=new Map;for(Ee=ft;Ee<=$e;Ee++){const We=ie[Ee]=Le?Es(ie[Ee]):ua(ie[Ee]);We.key!=null&&Et.set(We.key,Ee)}let dt,Ne=0;const Fe=$e-ft+1;let we=!1,le=0;const fe=new Array(Fe);for(Ee=0;Ee=Fe){G(We,je,_e,!0);continue}let ct;if(We.key!=null)ct=Et.get(We.key);else for(dt=ft;dt<=$e;dt++)if(fe[dt-ft]===0&&ul(We,ie[dt])){ct=dt;break}ct===void 0?G(We,je,_e,!0):(fe[ct-ft]=Ee+1,ct>=le?le=ct:we=!0,g(We,ie[ct],ye,null,je,_e,Ve,Te,Le),Ne++)}const Re=we?aj(fe):Ku;for(dt=Re.length-1,Ee=Fe-1;Ee>=0;Ee--){const We=ft+Ee,ct=ie[We],xe=We+1{const{el:_e,type:Ve,transition:Te,children:Le,shapeFlag:Ee}=ne;if(Ee&6){W(ne.component.subTree,ie,ye,Oe);return}if(Ee&128){ne.suspense.move(ie,ye,Oe);return}if(Ee&64){Ve.move(ne,ie,ye,ee);return}if(Ve===Ue){r(_e,ie,ye);for(let Ye=0;YeTe.enter(_e),je);else{const{leave:Ye,delayLeave:$e,afterLeave:Xe}=Te,ft=()=>r(_e,ie,ye),Et=()=>{Ye(_e,()=>{ft(),Xe&&Xe()})};$e?$e(_e,ft,Et):Et()}else r(_e,ie,ye)},G=(ne,ie,ye,Oe=!1,je=!1)=>{const{type:_e,props:Ve,ref:Te,children:Le,dynamicChildren:Ee,shapeFlag:Ze,patchFlag:Ye,dirs:$e}=ne;if(Te!=null&&Kh(Te,null,ye,ne,!0),Ze&256){ie.ctx.deactivate(ne);return}const Xe=Ze&1&&$e,ft=!Gu(ne);let Et;if(ft&&(Et=Ve&&Ve.onVnodeBeforeUnmount)&&la(Et,ie,ne),Ze&6)Ce(ne.component,ye,Oe);else{if(Ze&128){ne.suspense.unmount(ye,Oe);return}Xe&&ll(ne,null,ie,"beforeUnmount"),Ze&64?ne.type.remove(ne,ie,ye,je,ee,Oe):Ee&&(_e!==Ue||Ye>0&&Ye&64)?pe(Ee,ie,ye,!1,!0):(_e===Ue&&Ye&384||!je&&Ze&16)&&pe(Le,ie,ye),Oe&&ae(ne)}(ft&&(Et=Ve&&Ve.onVnodeUnmounted)||Xe)&&ko(()=>{Et&&la(Et,ie,ne),Xe&&ll(ne,null,ie,"unmounted")},ye)},ae=ne=>{const{type:ie,el:ye,anchor:Oe,transition:je}=ne;if(ie===Ue){me(ye,Oe);return}if(ie===Yu){C(ne);return}const _e=()=>{o(ye),je&&!je.persisted&&je.afterLeave&&je.afterLeave()};if(ne.shapeFlag&1&&je&&!je.persisted){const{leave:Ve,delayLeave:Te}=je,Le=()=>Ve(ye,_e);Te?Te(ne.el,_e,Le):Le()}else _e()},me=(ne,ie)=>{let ye;for(;ne!==ie;)ye=p(ne),o(ne),ne=ye;o(ie)},Ce=(ne,ie,ye)=>{const{bum:Oe,scope:je,update:_e,subTree:Ve,um:Te}=ne;Oe&&th(Oe),je.stop(),_e&&(_e.active=!1,G(Ve,ne,ie,ye)),Te&&ko(Te,ie),ko(()=>{ne.isUnmounted=!0},ie),ie&&ie.pendingBranch&&!ie.isUnmounted&&ne.asyncDep&&!ne.asyncResolved&&ne.suspenseId===ie.pendingId&&(ie.deps--,ie.deps===0&&ie.resolve())},pe=(ne,ie,ye,Oe=!1,je=!1,_e=0)=>{for(let Ve=_e;Vene.shapeFlag&6?ke(ne.component.subTree):ne.shapeFlag&128?ne.suspense.next():p(ne.anchor||ne.el),ce=(ne,ie,ye)=>{ne==null?ie._vnode&&G(ie._vnode,null,null,!0):g(ie._vnode||null,ne,ie,null,null,null,ye),Mk(),Vh(),ie._vnode=ne},ee={p:g,um:G,m:W,r:ae,mt:z,mc:x,pc:j,pbc:V,n:ke,o:e};let ve,Be;return t&&([ve,Be]=t(ee)),{render:ce,hydrate:ve,createApp:XV(ce,ve)}}function fi({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function v_(e,t,n=!1){const r=e.children,o=t.children;if(et(r)&&et(o))for(let a=0;a>1,e[n[s]]0&&(t[r]=n[a-1]),n[a]=r)}}for(a=n.length,l=n[a-1];a-- >0;)n[a]=l,l=t[l];return n}const lj=e=>e.__isTeleport,Wd=e=>e&&(e.disabled||e.disabled===""),Uk=e=>typeof SVGElement<"u"&&e instanceof SVGElement,py=(e,t)=>{const n=e&&e.to;return _t(n)?t?t(n):null:n},sj={__isTeleport:!0,process(e,t,n,r,o,a,l,s,i,u){const{mc:f,pc:v,pbc:p,o:{insert:h,querySelector:b,createText:g,createComment:_}}=u,y=Wd(t.props);let{shapeFlag:S,children:w,dynamicChildren:C}=t;if(e==null){const k=t.el=g(""),$=t.anchor=g("");h(k,n,r),h($,n,r);const O=t.target=py(t.props,b),x=t.targetAnchor=g("");O&&(h(x,O),l=l||Uk(O));const R=(V,A)=>{S&16&&f(w,V,A,o,a,l,s,i)};y?R(n,$):O&&R(O,x)}else{t.el=e.el;const k=t.anchor=e.anchor,$=t.target=e.target,O=t.targetAnchor=e.targetAnchor,x=Wd(e.props),R=x?n:$,V=x?k:O;if(l=l||Uk($),C?(p(e.dynamicChildren,C,R,o,a,l,s),v_(e,t,!0)):i||v(e,t,R,V,o,a,l,s,!1),y)x||Ep(t,n,k,u,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const A=t.target=py(t.props,b);A&&Ep(t,A,null,u,0)}else x&&Ep(t,$,O,u,1)}GP(t)},remove(e,t,n,r,{um:o,o:{remove:a}},l){const{shapeFlag:s,children:i,anchor:u,targetAnchor:f,target:v,props:p}=e;if(v&&a(f),(l||!Wd(p))&&(a(u),s&16))for(let h=0;h0?da||Ku:null,YP(),uc>0&&da&&da.push(e),e}function H(e,t,n,r,o,a){return XP(q(e,t,n,r,o,a,!0))}function ue(e,t,n,r,o){return XP(Q(e,t,n,r,o,!0))}function An(e){return e?e.__v_isVNode===!0:!1}function ul(e,t){return e.type===t.type&&e.key===t.key}const Bm="__vInternal",ZP=({key:e})=>e!=null?e:null,nh=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?_t(e)||kn(e)||ht(e)?{i:Wr,r:e,k:t,f:!!n}:e:null);function q(e,t=null,n=null,r=0,o=null,a=e===Ue?0:1,l=!1,s=!1){const i={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&ZP(t),ref:t&&nh(t),scopeId:Mm,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:r,dynamicProps:o,dynamicChildren:null,appContext:null,ctx:Wr};return s?(p_(i,n),a&128&&e.normalize(i)):n&&(i.shapeFlag|=_t(n)?8:16),uc>0&&!l&&da&&(i.patchFlag>0||a&6)&&i.patchFlag!==32&&da.push(i),i}const Q=uj;function uj(e,t=null,n=null,r=0,o=null,a=!1){if((!e||e===LP)&&(e=Nr),An(e)){const s=Gl(e,t,!0);return n&&p_(s,n),uc>0&&!a&&da&&(s.shapeFlag&6?da[da.indexOf(e)]=s:da.push(s)),s.patchFlag|=-2,s}if(bj(e)&&(e=e.__vccOpts),t){t=Vm(t);let{class:s,style:i}=t;s&&!_t(s)&&(t.class=F(s)),Bt(i)&&(yP(i)&&!et(i)&&(i=pr({},i)),t.style=lt(i))}const l=_t(e)?1:$V(e)?128:lj(e)?64:Bt(e)?4:ht(e)?2:0;return q(e,t,n,r,o,l,a,!0)}function Vm(e){return e?yP(e)||Bm in e?pr({},e):e:null}function Gl(e,t,n=!1){const{props:r,ref:o,patchFlag:a,children:l}=e,s=t?Ft(r||{},t):r;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:s,key:s&&ZP(s),ref:t&&t.ref?n&&o?et(o)?o.concat(nh(t)):[o,nh(t)]:nh(t):o,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Ue?a===-1?16:a|16:a,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Gl(e.ssContent),ssFallback:e.ssFallback&&Gl(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function Ht(e=" ",t=0){return Q(Bs,null,e,t)}function cj(e,t){const n=Q(Yu,null,e);return n.staticCount=t,n}function se(e="",t=!1){return t?(P(),ue(Nr,null,e)):Q(Nr,null,e)}function ua(e){return e==null||typeof e=="boolean"?Q(Nr):et(e)?Q(Ue,null,e.slice()):typeof e=="object"?Es(e):Q(Bs,null,String(e))}function Es(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Gl(e)}function p_(e,t){let n=0;const{shapeFlag:r}=e;if(t==null)t=null;else if(et(t))n=16;else if(typeof t=="object")if(r&65){const o=t.default;o&&(o._c&&(o._d=!1),p_(e,o()),o._c&&(o._d=!0));return}else{n=32;const o=t._;!o&&!(Bm in t)?t._ctx=Wr:o===3&&Wr&&(Wr.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else ht(t)?(t={default:t,_ctx:Wr},n=32):(t=String(t),r&64?(n=16,t=[Ht(t)]):n=8);e.children=t,e.shapeFlag|=n}function Ft(...e){const t={};for(let n=0;nAr||Wr;let h_,Su,Gk="__VUE_INSTANCE_SETTERS__";(Su=ay()[Gk])||(Su=ay()[Gk]=[]),Su.push(e=>Ar=e),h_=e=>{Su.length>1?Su.forEach(t=>t(e)):Su[0](e)};const cc=e=>{h_(e),e.scope.on()},Di=()=>{Ar&&Ar.scope.off(),h_(null)};function QP(e){return e.vnode.shapeFlag&4}let wf=!1;function pj(e,t=!1){wf=t;const{props:n,children:r}=e.vnode,o=QP(e);ZV(e,n,o,t),ej(e,r);const a=o?hj(e,t):void 0;return wf=!1,a}function hj(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=Da(new Proxy(e.ctx,HV));const{setup:r}=n;if(r){const o=e.setupContext=r.length>1?eO(e):null;cc(e),Nc();const a=Rs(r,e,0,[e.props,o]);if(Rc(),Di(),vf(a)){if(a.then(Di,Di),t)return a.then(l=>{hy(e,l,t)}).catch(l=>{Jf(l,e,0)});e.asyncDep=a}else hy(e,a,t)}else JP(e,t)}function hy(e,t,n){ht(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Bt(t)&&(e.setupState=wP(t)),JP(e,n)}let Yk;function JP(e,t,n){const r=e.type;if(!e.render){if(!t&&Yk&&!r.render){const o=r.template||d_(e).template;if(o){const{isCustomElement:a,compilerOptions:l}=e.appContext.config,{delimiters:s,compilerOptions:i}=r,u=pr(pr({isCustomElement:a,delimiters:s},l),i);r.render=Yk(o,u)}}e.render=r.render||gn}cc(e),Nc(),KV(e),Rc(),Di()}function mj(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,n){return Ao(e,"get","$attrs"),t[n]}}))}function eO(e){const t=n=>{e.exposed=n||{}};return{get attrs(){return mj(e)},slots:e.slots,emit:e.emit,expose:t}}function jm(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(wP(Da(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Kd)return Kd[n](e)},has(t,n){return n in t||n in Kd}}))}function gj(e,t=!0){return ht(e)?e.displayName||e.name:e.name||t&&e.__name}function bj(e){return ht(e)&&"__vccOpts"in e}const T=(e,t)=>pV(e,t,wf);function st(e,t,n){const r=arguments.length;return r===2?Bt(t)&&!et(t)?An(t)?Q(e,null,[t]):Q(e,t):Q(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):r===3&&An(n)&&(n=[n]),Q(e,t,n))}const yj=Symbol.for("v-scx"),_j=()=>Ge(yj),wj="3.3.4",Cj="http://www.w3.org/2000/svg",ki=typeof document<"u"?document:null,Xk=ki&&ki.createElement("template"),Sj={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{const o=t?ki.createElementNS(Cj,e):ki.createElement(e,n?{is:n}:void 0);return e==="select"&&r&&r.multiple!=null&&o.setAttribute("multiple",r.multiple),o},createText:e=>ki.createTextNode(e),createComment:e=>ki.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>ki.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,r,o,a){const l=n?n.previousSibling:t.lastChild;if(o&&(o===a||o.nextSibling))for(;t.insertBefore(o.cloneNode(!0),n),!(o===a||!(o=o.nextSibling)););else{Xk.innerHTML=r?`${e}`:e;const s=Xk.content;if(r){const i=s.firstChild;for(;i.firstChild;)s.appendChild(i.firstChild);s.removeChild(i)}t.insertBefore(s,n)}return[l?l.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};function kj(e,t,n){const r=e._vtc;r&&(t=(t?[t,...r]:[...r]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}function $j(e,t,n){const r=e.style,o=_t(n);if(n&&!o){if(t&&!_t(t))for(const a in t)n[a]==null&&my(r,a,"");for(const a in n)my(r,a,n[a])}else{const a=r.display;o?t!==n&&(r.cssText=n):t&&e.removeAttribute("style"),"_vod"in e&&(r.display=a)}}const Zk=/\s*!important$/;function my(e,t,n){if(et(n))n.forEach(r=>my(e,t,r));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const r=Ej(e,t);Zk.test(n)?e.setProperty(Gs(r),n.replace(Zk,""),"important"):e[r]=n}}const Qk=["Webkit","Moz","ms"],ab={};function Ej(e,t){const n=ab[t];if(n)return n;let r=ma(t);if(r!=="filter"&&r in e)return ab[t]=r;r=Qf(r);for(let o=0;olb||(Ij.then(()=>lb=0),lb=Date.now());function Nj(e,t){const n=r=>{if(!r._vts)r._vts=Date.now();else if(r._vts<=n.attached)return;va(Rj(r,n.value),t,5,[r])};return n.value=e,n.attached=Mj(),n}function Rj(e,t){if(et(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(r=>o=>!o._stopped&&r&&r(o))}else return t}const t$=/^on[a-z]/,Fj=(e,t,n,r,o=!1,a,l,s,i)=>{t==="class"?kj(e,r,o):t==="style"?$j(e,n,r):Xf(t)?G1(t)||xj(e,t,n,r,l):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Lj(e,t,r,o))?Pj(e,t,r,a,l,s,i):(t==="true-value"?e._trueValue=r:t==="false-value"&&(e._falseValue=r),Tj(e,t,r,o))};function Lj(e,t,n,r){return r?!!(t==="innerHTML"||t==="textContent"||t in e&&t$.test(t)&&ht(n)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||t$.test(t)&&_t(n)?!1:t in e}function Dj(e){const t=vt();if(!t)return;const n=t.ut=(o=e(t.proxy))=>{Array.from(document.querySelectorAll(`[data-v-owner="${t.uid}"]`)).forEach(a=>by(a,o))},r=()=>{const o=e(t.proxy);gy(t.subTree,o),n(o)};Nm(r),bt(()=>{const o=new MutationObserver(r);o.observe(t.subTree.el.parentNode,{childList:!0}),Br(()=>o.disconnect())})}function gy(e,t){if(e.shapeFlag&128){const n=e.suspense;e=n.activeBranch,n.pendingBranch&&!n.isHydrating&&n.effects.push(()=>{gy(n.activeBranch,t)})}for(;e.component;)e=e.component.subTree;if(e.shapeFlag&1&&e.el)by(e.el,t);else if(e.type===Ue)e.children.forEach(n=>gy(n,t));else if(e.type===Yu){let{el:n,anchor:r}=e;for(;n&&(by(n,t),n!==r);)n=n.nextSibling}}function by(e,t){if(e.nodeType===1){const n=e.style;for(const r in t)n.setProperty(`--${r}`,t[r])}}const _s="transition",Sd="animation",tr=(e,{slots:t})=>st(NV,nO(e),t);tr.displayName="Transition";const tO={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Bj=tr.props=pr({},IP,tO),vi=(e,t=[])=>{et(e)?e.forEach(n=>n(...t)):e&&e(...t)},n$=e=>e?et(e)?e.some(t=>t.length>1):e.length>1:!1;function nO(e){const t={};for(const I in e)I in tO||(t[I]=e[I]);if(e.css===!1)return t;const{name:n="v",type:r,duration:o,enterFromClass:a=`${n}-enter-from`,enterActiveClass:l=`${n}-enter-active`,enterToClass:s=`${n}-enter-to`,appearFromClass:i=a,appearActiveClass:u=l,appearToClass:f=s,leaveFromClass:v=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:h=`${n}-leave-to`}=e,b=Vj(o),g=b&&b[0],_=b&&b[1],{onBeforeEnter:y,onEnter:S,onEnterCancelled:w,onLeave:C,onLeaveCancelled:k,onBeforeAppear:$=y,onAppear:O=S,onAppearCancelled:x=w}=t,R=(I,B,z)=>{Cs(I,B?f:s),Cs(I,B?u:l),z&&z()},V=(I,B)=>{I._isLeaving=!1,Cs(I,v),Cs(I,h),Cs(I,p),B&&B()},A=I=>(B,z)=>{const Y=I?O:S,K=()=>R(B,I,z);vi(Y,[B,K]),r$(()=>{Cs(B,I?i:a),Fl(B,I?f:s),n$(Y)||o$(B,r,g,K)})};return pr(t,{onBeforeEnter(I){vi(y,[I]),Fl(I,a),Fl(I,l)},onBeforeAppear(I){vi($,[I]),Fl(I,i),Fl(I,u)},onEnter:A(!1),onAppear:A(!0),onLeave(I,B){I._isLeaving=!0;const z=()=>V(I,B);Fl(I,v),oO(),Fl(I,p),r$(()=>{!I._isLeaving||(Cs(I,v),Fl(I,h),n$(C)||o$(I,r,_,z))}),vi(C,[I,z])},onEnterCancelled(I){R(I,!1),vi(w,[I])},onAppearCancelled(I){R(I,!0),vi(x,[I])},onLeaveCancelled(I){V(I),vi(k,[I])}})}function Vj(e){if(e==null)return null;if(Bt(e))return[sb(e.enter),sb(e.leave)];{const t=sb(e);return[t,t]}}function sb(e){return eP(e)}function Fl(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e._vtc||(e._vtc=new Set)).add(t)}function Cs(e,t){t.split(/\s+/).forEach(r=>r&&e.classList.remove(r));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function r$(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let jj=0;function o$(e,t,n,r){const o=e._endId=++jj,a=()=>{o===e._endId&&r()};if(n)return setTimeout(a,n);const{type:l,timeout:s,propCount:i}=rO(e,t);if(!l)return r();const u=l+"end";let f=0;const v=()=>{e.removeEventListener(u,p),a()},p=h=>{h.target===e&&++f>=i&&v()};setTimeout(()=>{f(n[b]||"").split(", "),o=r(`${_s}Delay`),a=r(`${_s}Duration`),l=a$(o,a),s=r(`${Sd}Delay`),i=r(`${Sd}Duration`),u=a$(s,i);let f=null,v=0,p=0;t===_s?l>0&&(f=_s,v=l,p=a.length):t===Sd?u>0&&(f=Sd,v=u,p=i.length):(v=Math.max(l,u),f=v>0?l>u?_s:Sd:null,p=f?f===_s?a.length:i.length:0);const h=f===_s&&/\b(transform|all)(,|$)/.test(r(`${_s}Property`).toString());return{type:f,timeout:v,propCount:p,hasTransform:h}}function a$(e,t){for(;e.lengthl$(n)+l$(e[r])))}function l$(e){return Number(e.slice(0,-1).replace(",","."))*1e3}function oO(){return document.body.offsetHeight}const aO=new WeakMap,lO=new WeakMap,sO={name:"TransitionGroup",props:pr({},Bj,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=vt(),r=AP();let o,a;return Sa(()=>{if(!o.length)return;const l=e.moveClass||`${e.name||"v"}-move`;if(!Uj(o[0].el,n.vnode.el,l))return;o.forEach(Hj),o.forEach(Kj);const s=o.filter(Wj);oO(),s.forEach(i=>{const u=i.el,f=u.style;Fl(u,l),f.transform=f.webkitTransform=f.transitionDuration="";const v=u._moveCb=p=>{p&&p.target!==u||(!p||/transform$/.test(p.propertyName))&&(u.removeEventListener("transitionend",v),u._moveCb=null,Cs(u,l))};u.addEventListener("transitionend",v)})}),()=>{const l=vn(e),s=nO(l);let i=l.tag||Ue;o=a,a=t.default?i_(t.default()):[];for(let u=0;udelete e.mode;sO.props;const iO=sO;function Hj(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function Kj(e){lO.set(e,e.el.getBoundingClientRect())}function Wj(e){const t=aO.get(e),n=lO.get(e),r=t.left-n.left,o=t.top-n.top;if(r||o){const a=e.el.style;return a.transform=a.webkitTransform=`translate(${r}px,${o}px)`,a.transitionDuration="0s",e}}function Uj(e,t,n){const r=e.cloneNode();e._vtc&&e._vtc.forEach(l=>{l.split(/\s+/).forEach(s=>s&&r.classList.remove(s))}),n.split(/\s+/).forEach(l=>l&&r.classList.add(l)),r.style.display="none";const o=t.nodeType===1?t:t.parentNode;o.appendChild(r);const{hasTransform:a}=rO(r);return o.removeChild(r),a}const dc=e=>{const t=e.props["onUpdate:modelValue"]||!1;return et(t)?n=>th(t,n):t};function qj(e){e.target.composing=!0}function s$(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const m_={created(e,{modifiers:{lazy:t,trim:n,number:r}},o){e._assign=dc(o);const a=r||o.props&&o.props.type==="number";Ps(e,t?"change":"input",l=>{if(l.target.composing)return;let s=e.value;n&&(s=s.trim()),a&&(s=oy(s)),e._assign(s)}),n&&Ps(e,"change",()=>{e.value=e.value.trim()}),t||(Ps(e,"compositionstart",qj),Ps(e,"compositionend",s$),Ps(e,"change",s$))},mounted(e,{value:t}){e.value=t==null?"":t},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:r,number:o}},a){if(e._assign=dc(a),e.composing||document.activeElement===e&&e.type!=="range"&&(n||r&&e.value.trim()===t||(o||e.type==="number")&&oy(e.value)===t))return;const l=t==null?"":t;e.value!==l&&(e.value=l)}},Wh={deep:!0,created(e,t,n){e._assign=dc(n),Ps(e,"change",()=>{const r=e._modelValue,o=cO(e),a=e.checked,l=e._assign;if(et(r)){const s=nP(r,o),i=s!==-1;if(a&&!i)l(r.concat(o));else if(!a&&i){const u=[...r];u.splice(s,1),l(u)}}else if(Tm(r)){const s=new Set(r);a?s.add(o):s.delete(o),l(s)}else l(dO(e,a))})},mounted:i$,beforeUpdate(e,t,n){e._assign=dc(n),i$(e,t,n)}};function i$(e,{value:t,oldValue:n},r){e._modelValue=t,et(t)?e.checked=nP(t,r.props.value)>-1:Tm(t)?e.checked=t.has(r.props.value):t!==n&&(e.checked=lc(t,dO(e,!0)))}const uO={created(e,{value:t},n){e.checked=lc(t,n.props.value),e._assign=dc(n),Ps(e,"change",()=>{e._assign(cO(e))})},beforeUpdate(e,{value:t,oldValue:n},r){e._assign=dc(r),t!==n&&(e.checked=lc(t,r.props.value))}};function cO(e){return"_value"in e?e._value:e.value}function dO(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const Gj=["ctrl","shift","alt","meta"],Yj={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>Gj.some(n=>e[`${n}Key`]&&!t.includes(n))},pt=(e,t)=>(n,...r)=>{for(let o=0;on=>{if(!("key"in n))return;const r=Gs(n.key);if(t.some(o=>o===r||Xj[o]===r))return e(n)},on={beforeMount(e,{value:t},{transition:n}){e._vod=e.style.display==="none"?"":e.style.display,n&&t?n.beforeEnter(e):kd(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),kd(e,!0),r.enter(e)):r.leave(e,()=>{kd(e,!1)}):kd(e,t))},beforeUnmount(e,{value:t}){kd(e,t)}};function kd(e,t){e.style.display=t?e._vod:"none"}const fO=pr({patchProp:Fj},Sj);let qd,u$=!1;function vO(){return qd||(qd=rj(fO))}function Zj(){return qd=u$?qd:oj(fO),u$=!0,qd}const Vs=(...e)=>{vO().render(...e)},Qj=(...e)=>{const t=vO().createApp(...e),{mount:n}=t;return t.mount=r=>{const o=pO(r);if(!o)return;const a=t._component;!ht(a)&&!a.render&&!a.template&&(a.template=o.innerHTML),o.innerHTML="";const l=n(o,!1,o instanceof SVGElement);return o instanceof Element&&(o.removeAttribute("v-cloak"),o.setAttribute("data-v-app","")),l},t},Jj=(...e)=>{const t=Zj().createApp(...e),{mount:n}=t;return t.mount=r=>{const o=pO(r);if(o)return n(o,!0,o instanceof SVGElement)},t};function pO(e){return _t(e)?document.querySelector(e):e}function Zt(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o{this.list.forEach(t=>t()),this.list=[]});rl(this,"remove",(...t)=>{t.forEach(n=>{const r=this.list.indexOf(n);r!==-1&&this.list.splice(r,1)})})}add(...t){return this.list.push(...t),()=>{this.remove(...t)}}push(...t){return this.add(...t)}}function tz(e){return new Promise(function(t){setTimeout(t,e)})}function g_(e){return!!e&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"}const za={},Hn=[],Yl=()=>{};var Ir=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function nz(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Lr=nz;Array.isArray.bind(Array);function ev(e){return Boolean(e)}function rz(e,t,n){var r=-1,o=e.length;t<0&&(t=-t>o?0:o+t),n=n>o?o:n,n<0&&(n+=o),o=t>n?0:n-t>>>0,t>>>=0;for(var a=Array(o);++r=r?e:oz(e,t,n)}var lz=az,sz="\\ud800-\\udfff",iz="\\u0300-\\u036f",uz="\\ufe20-\\ufe2f",cz="\\u20d0-\\u20ff",dz=iz+uz+cz,fz="\\ufe0e\\ufe0f",vz="\\u200d",pz=RegExp("["+vz+sz+dz+fz+"]");function hz(e){return pz.test(e)}var gO=hz;function mz(e){return e.split("")}var gz=mz,bO="\\ud800-\\udfff",bz="\\u0300-\\u036f",yz="\\ufe20-\\ufe2f",_z="\\u20d0-\\u20ff",wz=bz+yz+_z,Cz="\\ufe0e\\ufe0f",Sz="["+bO+"]",yy="["+wz+"]",_y="\\ud83c[\\udffb-\\udfff]",kz="(?:"+yy+"|"+_y+")",yO="[^"+bO+"]",_O="(?:\\ud83c[\\udde6-\\uddff]){2}",wO="[\\ud800-\\udbff][\\udc00-\\udfff]",$z="\\u200d",CO=kz+"?",SO="["+Cz+"]?",Ez="(?:"+$z+"(?:"+[yO,_O,wO].join("|")+")"+SO+CO+")*",Tz=SO+CO+Ez,Pz="(?:"+[yO+yy+"?",yy,_O,wO,Sz].join("|")+")",Oz=RegExp(_y+"(?="+_y+")|"+Pz+Tz,"g");function xz(e){return e.match(Oz)||[]}var Az=xz,Iz=gz,Mz=gO,Nz=Az;function Rz(e){return Mz(e)?Nz(e):Iz(e)}var Fz=Rz,Lz=typeof Ir=="object"&&Ir&&Ir.Object===Object&&Ir,kO=Lz,Dz=kO,Bz=typeof self=="object"&&self&&self.Object===Object&&self,Vz=Dz||Bz||Function("return this")(),qa=Vz,jz=qa,zz=jz.Symbol,Dc=zz;function Hz(e,t){for(var n=-1,r=e==null?0:e.length,o=Array(r);++n0&&n(s)?t>1?jO(s,t-1,n,r,o):ZK(o,s):r||(o[o.length]=s)}return o}var JK=jO,eW=JK;function tW(e){var t=e==null?0:e.length;return t?eW(e,1):[]}var nW=tW;function rW(e,t){const n=[];for(let r=0;r-1&&e%1==0&&e<=_U}var k_=wU,CU=C_,SU=k_;function kU(e){return e!=null&&SU(e.length)&&!CU(e)}var Km=kU,fc={exports:{}};function $U(){return!1}var EU=$U;(function(e,t){var n=qa,r=EU,o=t&&!t.nodeType&&t,a=o&&!0&&e&&!e.nodeType&&e,l=a&&a.exports===o,s=l?n.Buffer:void 0,i=s?s.isBuffer:void 0,u=i||r;e.exports=u})(fc,fc.exports);var TU=Bc,PU=k_,OU=ns,xU="[object Arguments]",AU="[object Array]",IU="[object Boolean]",MU="[object Date]",NU="[object Error]",RU="[object Function]",FU="[object Map]",LU="[object Number]",DU="[object Object]",BU="[object RegExp]",VU="[object Set]",jU="[object String]",zU="[object WeakMap]",HU="[object ArrayBuffer]",KU="[object DataView]",WU="[object Float32Array]",UU="[object Float64Array]",qU="[object Int8Array]",GU="[object Int16Array]",YU="[object Int32Array]",XU="[object Uint8Array]",ZU="[object Uint8ClampedArray]",QU="[object Uint16Array]",JU="[object Uint32Array]",Qn={};Qn[WU]=Qn[UU]=Qn[qU]=Qn[GU]=Qn[YU]=Qn[XU]=Qn[ZU]=Qn[QU]=Qn[JU]=!0;Qn[xU]=Qn[AU]=Qn[HU]=Qn[IU]=Qn[KU]=Qn[MU]=Qn[NU]=Qn[RU]=Qn[FU]=Qn[LU]=Qn[DU]=Qn[BU]=Qn[VU]=Qn[jU]=Qn[zU]=!1;function eq(e){return OU(e)&&PU(e.length)&&!!Qn[TU(e)]}var tq=eq;function nq(e){return function(t){return e(t)}}var $_=nq,Cf={exports:{}};(function(e,t){var n=kO,r=t&&!t.nodeType&&t,o=r&&!0&&e&&!e.nodeType&&e,a=o&&o.exports===r,l=a&&n.process,s=function(){try{var i=o&&o.require&&o.require("util").types;return i||l&&l.binding&&l.binding("util")}catch{}}();e.exports=s})(Cf,Cf.exports);var rq=tq,oq=$_,O$=Cf.exports,x$=O$&&O$.isTypedArray,aq=x$?oq(x$):rq,E_=aq;function lq(){this.__data__=[],this.size=0}var sq=lq;function iq(e,t){return e===t||e!==e&&t!==t}var rv=iq,uq=rv;function cq(e,t){for(var n=e.length;n--;)if(uq(e[n][0],t))return n;return-1}var Wm=cq,dq=Wm,fq=Array.prototype,vq=fq.splice;function pq(e){var t=this.__data__,n=dq(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():vq.call(t,n,1),--this.size,!0}var hq=pq,mq=Wm;function gq(e){var t=this.__data__,n=mq(t,e);return n<0?void 0:t[n][1]}var bq=gq,yq=Wm;function _q(e){return yq(this.__data__,e)>-1}var wq=_q,Cq=Wm;function Sq(e,t){var n=this.__data__,r=Cq(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var kq=Sq,$q=sq,Eq=hq,Tq=bq,Pq=wq,Oq=kq;function jc(e){var t=-1,n=e==null?0:e.length;for(this.clear();++ts))return!1;var u=a.get(e),f=a.get(t);if(u&&f)return u==t&&f==e;var v=-1,p=!0,h=n&fY?new iY:void 0;for(a.set(e,t),a.set(t,e);++v-1&&e%1==0&&e0){if(++t>=Yee)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}var Jee=Qee,ete=Gee,tte=Jee,nte=tte(ete),vx=nte,rte=nW,ote=dx,ate=vx;function lte(e){return ate(ote(e,void 0,rte),e+"")}var px=lte,ste=b_,ite=lx,ute=$ee,cte=Uc,dte=Wc,fte=Lee,vte=px,pte=ex,hte=1,mte=2,gte=4,bte=vte(function(e,t){var n={};if(e==null)return n;var r=!1;t=ste(t,function(a){return a=cte(a,e),r||(r=a.length>1),a}),dte(e,pte(e),n),r&&(n=ite(n,hte|mte|gte,fte));for(var o=t.length;o--;)ute(n,t[o]);return n}),yte=bte;const D_=yte;var _te=I_,wte=Uc,Cte=Ym,rE=Lr,Ste=av;function kte(e,t,n,r){if(!rE(e))return e;t=wte(t,e);for(var o=-1,a=t.length,l=a-1,s=e;s!=null&&++o{if(this.list.has(t))throw new TypeError(`${t} existed`);return this.list.set(t,n),this.notify(t,n,"add"),()=>this.unregister(t)});rl(this,"unregister",t=>{const n=this.list.get(t);return n!=null?(this.list.delete(t),this.notify(t,n,"remove"),!0):!1});rl(this,"subscribe",t=>(this.subscribers.push(t),()=>this.unsubscribe(t)));rl(this,"unsubscribe",t=>{const n=this.subscribers.indexOf(t);return n!==-1?(this.subscribers.splice(n,1),!0):!1});this.registered=this.registered.bind(this)}registered(t){return t!=null?this.list.get(t):this.list}notify(t,n,r){this.subscribers.forEach(o=>{o(t,n,this.list,r)})}}var bx={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Ir,function(){var n=1e3,r=6e4,o=36e5,a="millisecond",l="second",s="minute",i="hour",u="day",f="week",v="month",p="quarter",h="year",b="date",g="Invalid Date",_=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,S={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(z){var Y=["th","st","nd","rd"],K=z%100;return"["+z+(Y[(K-20)%10]||Y[K]||Y[0])+"]"}},w=function(z,Y,K){var M=String(z);return!M||M.length>=Y?z:""+Array(Y+1-M.length).join(K)+z},C={s:w,z:function(z){var Y=-z.utcOffset(),K=Math.abs(Y),M=Math.floor(K/60),j=K%60;return(Y<=0?"+":"-")+w(M,2,"0")+":"+w(j,2,"0")},m:function z(Y,K){if(Y.date()1)return z(U[0])}else{var W=Y.name;$[W]=Y,j=W}return!M&&j&&(k=j),j||!M&&k},V=function(z,Y){if(x(z))return z.clone();var K=typeof Y=="object"?Y:{};return K.date=z,K.args=arguments,new I(K)},A=C;A.l=R,A.i=x,A.w=function(z,Y){return V(z,{locale:Y.$L,utc:Y.$u,x:Y.$x,$offset:Y.$offset})};var I=function(){function z(K){this.$L=R(K.locale,null,!0),this.parse(K),this.$x=this.$x||K.x||{},this[O]=!0}var Y=z.prototype;return Y.parse=function(K){this.$d=function(M){var j=M.date,N=M.utc;if(j===null)return new Date(NaN);if(A.u(j))return new Date;if(j instanceof Date)return new Date(j);if(typeof j=="string"&&!/Z$/i.test(j)){var U=j.match(_);if(U){var W=U[2]-1||0,G=(U[7]||"0").substring(0,3);return N?new Date(Date.UTC(U[1],W,U[3]||1,U[4]||0,U[5]||0,U[6]||0,G)):new Date(U[1],W,U[3]||1,U[4]||0,U[5]||0,U[6]||0,G)}}return new Date(j)}(K),this.init()},Y.init=function(){var K=this.$d;this.$y=K.getFullYear(),this.$M=K.getMonth(),this.$D=K.getDate(),this.$W=K.getDay(),this.$H=K.getHours(),this.$m=K.getMinutes(),this.$s=K.getSeconds(),this.$ms=K.getMilliseconds()},Y.$utils=function(){return A},Y.isValid=function(){return this.$d.toString()!==g},Y.isSame=function(K,M){var j=V(K);return this.startOf(M)<=j&&j<=this.endOf(M)},Y.isAfter=function(K,M){return V(K)68?1900:2e3)},u=function(g){return function(_){this[g]=+_}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(g){(this.zone||(this.zone={})).offset=function(_){if(!_||_==="Z")return 0;var y=_.match(/([+-]|\d\d)/g),S=60*y[1]+(+y[2]||0);return S===0?0:y[0]==="+"?-S:S}(g)}],v=function(g){var _=s[g];return _&&(_.indexOf?_:_.s.concat(_.f))},p=function(g,_){var y,S=s.meridiem;if(S){for(var w=1;w<=24;w+=1)if(g.indexOf(S(w,0,_))>-1){y=w>12;break}}else y=g===(_?"pm":"PM");return y},h={A:[l,function(g){this.afternoon=p(g,!1)}],a:[l,function(g){this.afternoon=p(g,!0)}],S:[/\d/,function(g){this.milliseconds=100*+g}],SS:[o,function(g){this.milliseconds=10*+g}],SSS:[/\d{3}/,function(g){this.milliseconds=+g}],s:[a,u("seconds")],ss:[a,u("seconds")],m:[a,u("minutes")],mm:[a,u("minutes")],H:[a,u("hours")],h:[a,u("hours")],HH:[a,u("hours")],hh:[a,u("hours")],D:[a,u("day")],DD:[o,u("day")],Do:[l,function(g){var _=s.ordinal,y=g.match(/\d+/);if(this.day=y[0],_)for(var S=1;S<=31;S+=1)_(S).replace(/\[|\]/g,"")===g&&(this.day=S)}],M:[a,u("month")],MM:[o,u("month")],MMM:[l,function(g){var _=v("months"),y=(v("monthsShort")||_.map(function(S){return S.slice(0,3)})).indexOf(g)+1;if(y<1)throw new Error;this.month=y%12||y}],MMMM:[l,function(g){var _=v("months").indexOf(g)+1;if(_<1)throw new Error;this.month=_%12||_}],Y:[/[+-]?\d+/,u("year")],YY:[o,function(g){this.year=i(g)}],YYYY:[/\d{4}/,u("year")],Z:f,ZZ:f};function b(g){var _,y;_=g,y=s&&s.formats;for(var S=(g=_.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(R,V,A){var I=A&&A.toUpperCase();return V||y[A]||n[A]||y[I].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(B,z,Y){return z||Y.slice(1)})})).match(r),w=S.length,C=0;C-1)return new Date((M==="X"?1e3:1)*K);var N=b(M)(K),U=N.year,W=N.month,G=N.day,ae=N.hours,me=N.minutes,Ce=N.seconds,pe=N.milliseconds,ke=N.zone,ce=new Date,ee=G||(U||W?1:ce.getDate()),ve=U||ce.getFullYear(),Be=0;U&&!W||(Be=W>0?W-1:ce.getMonth());var ne=ae||0,ie=me||0,ye=Ce||0,Oe=pe||0;return ke?new Date(Date.UTC(ve,Be,ee,ne,ie,ye,Oe+60*ke.offset*1e3)):j?new Date(Date.UTC(ve,Be,ee,ne,ie,ye,Oe)):new Date(ve,Be,ee,ne,ie,ye,Oe)}catch{return new Date("")}}(k,x,$),this.init(),I&&I!==!0&&(this.$L=this.locale(I).$L),A&&k!=this.format(x)&&(this.$d=new Date("")),s={}}else if(x instanceof Array)for(var B=x.length,z=1;z<=B;z+=1){O[1]=x[z-1];var Y=y.apply(this,O);if(Y.isValid()){this.$d=Y.$d,this.$L=Y.$L,this.init();break}z===B&&(this.$d=new Date(""))}else w.call(this,C)}}})})(yx);const Qm=yx.exports;At.extend(Qm);const one="YYYY-MM-DD";function ane(e,t){if(typeof e=="number")return new Date(e);if(e instanceof Date)return e;const n=At(e,t);if(n.isValid())return n.toDate();{t||(e=e.replace(/-/g,"/"),e=e.replace(/T/g," "));const r=At(e);return r.isValid()?r.toDate():null}}function lne(e,t=one,n){const r=ane(e,n);return At(r).format(t)}var sne=qa,ine=function(){return sne.Date.now()},une=ine,cne=RK,dne=/^\s+/;function fne(e){return e&&e.slice(0,cne(e)+1).replace(dne,"")}var vne=fne,pne=vne,oE=Lr,hne=tv,aE=0/0,mne=/^[-+]0x[0-9a-f]+$/i,gne=/^0b[01]+$/i,bne=/^0o[0-7]+$/i,yne=parseInt;function _ne(e){if(typeof e=="number")return e;if(hne(e))return aE;if(oE(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=oE(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pne(e);var n=gne.test(e);return n||bne.test(e)?yne(e.slice(2),n?2:8):mne.test(e)?aE:+e}var wne=_ne,Cne=Lr,db=une,lE=wne,Sne="Expected a function",kne=Math.max,$ne=Math.min;function Ene(e,t,n){var r,o,a,l,s,i,u=0,f=!1,v=!1,p=!0;if(typeof e!="function")throw new TypeError(Sne);t=lE(t)||0,Cne(n)&&(f=!!n.leading,v="maxWait"in n,a=v?kne(lE(n.maxWait)||0,t):a,p="trailing"in n?!!n.trailing:p);function h($){var O=r,x=o;return r=o=void 0,u=$,l=e.apply(x,O),l}function b($){return u=$,s=setTimeout(y,t),f?h($):l}function g($){var O=$-i,x=$-u,R=t-O;return v?$ne(R,a-x):R}function _($){var O=$-i,x=$-u;return i===void 0||O>=t||O<0||v&&x>=a}function y(){var $=db();if(_($))return S($);s=setTimeout(y,g($))}function S($){return s=void 0,p&&r?h($):(r=o=void 0,l)}function w(){s!==void 0&&clearTimeout(s),u=0,r=i=o=s=void 0}function C(){return s===void 0?l:S(db())}function k(){var $=db(),O=_($);if(r=arguments,o=this,i=$,O){if(s===void 0)return b(i);if(v)return clearTimeout(s),s=setTimeout(y,t),h(i)}return s===void 0&&(s=setTimeout(y,t)),l}return k.cancel=w,k.flush=C,k}var _x=Ene;const Bi=_x;var Tne=_x,Pne=Lr,One="Expected a function";function xne(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(One);return Pne(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Tne(e,t,{leading:r,maxWait:t,trailing:o})}var Ane=xne;const Ine=Ane;var wx={},Mne=e=>encodeURIComponent(e).replace(/[!'()*]/g,t=>`%${t.charCodeAt(0).toString(16).toUpperCase()}`),Cx="%[a-f0-9]{2}",sE=new RegExp("("+Cx+")|([^%]+?)","gi"),iE=new RegExp("("+Cx+")+","gi");function Ey(e,t){try{return[decodeURIComponent(e.join(""))]}catch{}if(e.length===1)return e;t=t||1;var n=e.slice(0,t),r=e.slice(t);return Array.prototype.concat.call([],Ey(n),Ey(r))}function Nne(e){try{return decodeURIComponent(e)}catch{for(var t=e.match(sE)||[],n=1;n{if(!(typeof e=="string"&&typeof t=="string"))throw new TypeError("Expected the arguments to be of type `string`");if(t==="")return[e];const n=e.indexOf(t);return n===-1?[e]:[e.slice(0,n),e.slice(n+t.length)]},Dne=function(e,t){for(var n={},r=Object.keys(e),o=Array.isArray(t),a=0;aS==null,l=Symbol("encodeFragmentIdentifier");function s(S){switch(S.arrayFormat){case"index":return w=>(C,k)=>{const $=C.length;return k===void 0||S.skipNull&&k===null||S.skipEmptyString&&k===""?C:k===null?[...C,[f(w,S),"[",$,"]"].join("")]:[...C,[f(w,S),"[",f($,S),"]=",f(k,S)].join("")]};case"bracket":return w=>(C,k)=>k===void 0||S.skipNull&&k===null||S.skipEmptyString&&k===""?C:k===null?[...C,[f(w,S),"[]"].join("")]:[...C,[f(w,S),"[]=",f(k,S)].join("")];case"colon-list-separator":return w=>(C,k)=>k===void 0||S.skipNull&&k===null||S.skipEmptyString&&k===""?C:k===null?[...C,[f(w,S),":list="].join("")]:[...C,[f(w,S),":list=",f(k,S)].join("")];case"comma":case"separator":case"bracket-separator":{const w=S.arrayFormat==="bracket-separator"?"[]=":"=";return C=>(k,$)=>$===void 0||S.skipNull&&$===null||S.skipEmptyString&&$===""?k:($=$===null?"":$,k.length===0?[[f(C,S),w,f($,S)].join("")]:[[k,f($,S)].join(S.arrayFormatSeparator)])}default:return w=>(C,k)=>k===void 0||S.skipNull&&k===null||S.skipEmptyString&&k===""?C:k===null?[...C,f(w,S)]:[...C,[f(w,S),"=",f(k,S)].join("")]}}function i(S){let w;switch(S.arrayFormat){case"index":return(C,k,$)=>{if(w=/\[(\d*)\]$/.exec(C),C=C.replace(/\[\d*\]$/,""),!w){$[C]=k;return}$[C]===void 0&&($[C]={}),$[C][w[1]]=k};case"bracket":return(C,k,$)=>{if(w=/(\[\])$/.exec(C),C=C.replace(/\[\]$/,""),!w){$[C]=k;return}if($[C]===void 0){$[C]=[k];return}$[C]=[].concat($[C],k)};case"colon-list-separator":return(C,k,$)=>{if(w=/(:list)$/.exec(C),C=C.replace(/:list$/,""),!w){$[C]=k;return}if($[C]===void 0){$[C]=[k];return}$[C]=[].concat($[C],k)};case"comma":case"separator":return(C,k,$)=>{const O=typeof k=="string"&&k.includes(S.arrayFormatSeparator),x=typeof k=="string"&&!O&&v(k,S).includes(S.arrayFormatSeparator);k=x?v(k,S):k;const R=O||x?k.split(S.arrayFormatSeparator).map(V=>v(V,S)):k===null?k:v(k,S);$[C]=R};case"bracket-separator":return(C,k,$)=>{const O=/(\[\])$/.test(C);if(C=C.replace(/\[\]$/,""),!O){$[C]=k&&v(k,S);return}const x=k===null?[]:k.split(S.arrayFormatSeparator).map(R=>v(R,S));if($[C]===void 0){$[C]=x;return}$[C]=[].concat($[C],x)};default:return(C,k,$)=>{if($[C]===void 0){$[C]=k;return}$[C]=[].concat($[C],k)}}}function u(S){if(typeof S!="string"||S.length!==1)throw new TypeError("arrayFormatSeparator must be single character string")}function f(S,w){return w.encode?w.strict?t(S):encodeURIComponent(S):S}function v(S,w){return w.decode?n(S):S}function p(S){return Array.isArray(S)?S.sort():typeof S=="object"?p(Object.keys(S)).sort((w,C)=>Number(w)-Number(C)).map(w=>S[w]):S}function h(S){const w=S.indexOf("#");return w!==-1&&(S=S.slice(0,w)),S}function b(S){let w="";const C=S.indexOf("#");return C!==-1&&(w=S.slice(C)),w}function g(S){S=h(S);const w=S.indexOf("?");return w===-1?"":S.slice(w+1)}function _(S,w){return w.parseNumbers&&!Number.isNaN(Number(S))&&typeof S=="string"&&S.trim()!==""?S=Number(S):w.parseBooleans&&S!==null&&(S.toLowerCase()==="true"||S.toLowerCase()==="false")&&(S=S.toLowerCase()==="true"),S}function y(S,w){w=Object.assign({decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1},w),u(w.arrayFormatSeparator);const C=i(w),k=Object.create(null);if(typeof S!="string"||(S=S.trim().replace(/^[?#&]/,""),!S))return k;for(const $ of S.split("&")){if($==="")continue;let[O,x]=r(w.decode?$.replace(/\+/g," "):$,"=");x=x===void 0?null:["comma","separator","bracket-separator"].includes(w.arrayFormat)?x:v(x,w),C(v(O,w),x,k)}for(const $ of Object.keys(k)){const O=k[$];if(typeof O=="object"&&O!==null)for(const x of Object.keys(O))O[x]=_(O[x],w);else k[$]=_(O,w)}return w.sort===!1?k:(w.sort===!0?Object.keys(k).sort():Object.keys(k).sort(w.sort)).reduce(($,O)=>{const x=k[O];return Boolean(x)&&typeof x=="object"&&!Array.isArray(x)?$[O]=p(x):$[O]=x,$},Object.create(null))}e.extract=g,e.parse=y,e.stringify=(S,w)=>{if(!S)return"";w=Object.assign({encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:","},w),u(w.arrayFormatSeparator);const C=x=>w.skipNull&&a(S[x])||w.skipEmptyString&&S[x]==="",k=s(w),$={};for(const x of Object.keys(S))C(x)||($[x]=S[x]);const O=Object.keys($);return w.sort!==!1&&O.sort(w.sort),O.map(x=>{const R=S[x];return R===void 0?"":R===null?f(x,w):Array.isArray(R)?R.length===0&&w.arrayFormat==="bracket-separator"?f(x,w)+"[]":R.reduce(k(x),[]).join("&"):f(x,w)+"="+f(R,w)}).filter(x=>x.length>0).join("&")},e.parseUrl=(S,w)=>{w=Object.assign({decode:!0},w);const[C,k]=r(S,"#");return Object.assign({url:C.split("?")[0]||"",query:y(g(S),w)},w&&w.parseFragmentIdentifier&&k?{fragmentIdentifier:v(k,w)}:{})},e.stringifyUrl=(S,w)=>{w=Object.assign({encode:!0,strict:!0,[l]:!0},w);const C=h(S.url).split("?")[0]||"",k=e.extract(S.url),$=e.parse(k,{sort:!1}),O=Object.assign($,S.query);let x=e.stringify(O,w);x&&(x=`?${x}`);let R=b(S.url);return S.fragmentIdentifier&&(R=`#${w[l]?f(S.fragmentIdentifier,w):S.fragmentIdentifier}`),`${C}${x}${R}`},e.pick=(S,w,C)=>{C=Object.assign({parseFragmentIdentifier:!0,[l]:!1},C);const{url:k,query:$,fragmentIdentifier:O}=e.parseUrl(S,C);return e.stringifyUrl({url:k,query:o($,w),fragmentIdentifier:O},C)},e.exclude=(S,w,C)=>{const k=Array.isArray(w)?$=>!w.includes($):($,O)=>!w($,O);return e.pick(S,k,C)}})(wx);const Bne=wx;var Vne=20,jne=1,Wi=1e6,uE=1e6,zne=-7,Hne=21,Kne=!1,lv="[big.js] ",Qi=lv+"Invalid ",Jm=Qi+"decimal places",Wne=Qi+"rounding mode",Sx=lv+"Division by zero",Bn={},pl=void 0,Une=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function kx(){function e(t){var n=this;if(!(n instanceof e))return t===pl?kx():new e(t);if(t instanceof e)n.s=t.s,n.e=t.e,n.c=t.c.slice();else{if(typeof t!="string"){if(e.strict===!0&&typeof t!="bigint")throw TypeError(Qi+"value");t=t===0&&1/t<0?"-0":String(t)}qne(n,t)}n.constructor=e}return e.prototype=Bn,e.DP=Vne,e.RM=jne,e.NE=zne,e.PE=Hne,e.strict=Kne,e.roundDown=0,e.roundHalfUp=1,e.roundHalfEven=2,e.roundUp=3,e}function qne(e,t){var n,r,o;if(!Une.test(t))throw Error(Qi+"number");for(e.s=t.charAt(0)=="-"?(t=t.slice(1),-1):1,(n=t.indexOf("."))>-1&&(t=t.replace(".","")),(r=t.search(/e/i))>0?(n<0&&(n=r),n+=+t.slice(r+1),t=t.substring(0,r)):n<0&&(n=t.length),o=t.length,r=0;r0&&t.charAt(--o)=="0";);for(e.e=n-r-1,e.c=[],n=0;r<=o;)e.c[n++]=+t.charAt(r++)}return e}function Ji(e,t,n,r){var o=e.c;if(n===pl&&(n=e.constructor.RM),n!==0&&n!==1&&n!==2&&n!==3)throw Error(Wne);if(t<1)r=n===3&&(r||!!o[0])||t===0&&(n===1&&o[0]>=5||n===2&&(o[0]>5||o[0]===5&&(r||o[1]!==pl))),o.length=1,r?(e.e=e.e-t+1,o[0]=1):o[0]=e.e=0;else if(t=5||n===2&&(o[t]>5||o[t]===5&&(r||o[t+1]!==pl||o[t-1]&1))||n===3&&(r||!!o[0]),o.length=t,r){for(;++o[--t]>9;)if(o[t]=0,t===0){++e.e,o.unshift(1);break}}for(t=o.length;!o[--t];)o.pop()}return e}function qc(e,t,n){var r=e.e,o=e.c.join(""),a=o.length;if(t)o=o.charAt(0)+(a>1?"."+o.slice(1):"")+(r<0?"e":"e+")+r;else if(r<0){for(;++r;)o="0"+o;o="0."+o}else if(r>0)if(++r>a)for(r-=a;r--;)o+="0";else r1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&n?"-"+o:o}Bn.abs=function(){var e=new this.constructor(this);return e.s=1,e};Bn.cmp=function(e){var t,n=this,r=n.c,o=(e=new n.constructor(e)).c,a=n.s,l=e.s,s=n.e,i=e.e;if(!r[0]||!o[0])return r[0]?a:o[0]?-l:0;if(a!=l)return a;if(t=a<0,s!=i)return s>i^t?1:-1;for(l=(s=r.length)<(i=o.length)?s:i,a=-1;++ao[a]^t?1:-1;return s==i?0:s>i^t?1:-1};Bn.div=function(e){var t=this,n=t.constructor,r=t.c,o=(e=new n(e)).c,a=t.s==e.s?1:-1,l=n.DP;if(l!==~~l||l<0||l>Wi)throw Error(Jm);if(!o[0])throw Error(Sx);if(!r[0])return e.s=a,e.c=[e.e=0],e;var s,i,u,f,v,p=o.slice(),h=s=o.length,b=r.length,g=r.slice(0,s),_=g.length,y=e,S=y.c=[],w=0,C=l+(y.e=t.e-e.e)+1;for(y.s=a,a=C<0?0:C,p.unshift(0);_++_?1:-1;else for(v=-1,f=0;++vg[v]?1:-1;break}if(f<0){for(i=_==s?o:p;_;){if(g[--_]C&&Ji(y,C,n.RM,g[0]!==pl),y};Bn.eq=function(e){return this.cmp(e)===0};Bn.gt=function(e){return this.cmp(e)>0};Bn.gte=function(e){return this.cmp(e)>-1};Bn.lt=function(e){return this.cmp(e)<0};Bn.lte=function(e){return this.cmp(e)<1};Bn.minus=Bn.sub=function(e){var t,n,r,o,a=this,l=a.constructor,s=a.s,i=(e=new l(e)).s;if(s!=i)return e.s=-i,a.plus(e);var u=a.c.slice(),f=a.e,v=e.c,p=e.e;if(!u[0]||!v[0])return v[0]?e.s=-i:u[0]?e=new l(a):e.s=1,e;if(s=f-p){for((o=s<0)?(s=-s,r=u):(p=f,r=v),r.reverse(),i=s;i--;)r.push(0);r.reverse()}else for(n=((o=u.length0)for(;i--;)u[t++]=0;for(i=t;n>s;){if(u[--n]0?(i=l,r=u):(t=-t,r=s),r.reverse();t--;)r.push(0);r.reverse()}for(s.length-u.length<0&&(r=u,u=s,s=r),t=u.length,n=0;t;s[t]%=10)n=(s[--t]=s[t]+u[t]+n)/10|0;for(n&&(s.unshift(n),++i),t=s.length;s[--t]===0;)s.pop();return e.c=s,e.e=i,e};Bn.pow=function(e){var t=this,n=new t.constructor("1"),r=n,o=e<0;if(e!==~~e||e<-uE||e>uE)throw Error(Qi+"exponent");for(o&&(e=-e);e&1&&(r=r.times(t)),e>>=1,!!e;)t=t.times(t);return o?n.div(r):r};Bn.prec=function(e,t){if(e!==~~e||e<1||e>Wi)throw Error(Qi+"precision");return Ji(new this.constructor(this),e,t)};Bn.round=function(e,t){if(e===pl)e=0;else if(e!==~~e||e<-Wi||e>Wi)throw Error(Jm);return Ji(new this.constructor(this),e+this.e+1,t)};Bn.sqrt=function(){var e,t,n,r=this,o=r.constructor,a=r.s,l=r.e,s=new o("0.5");if(!r.c[0])return new o(r);if(a<0)throw Error(lv+"No square root");a=Math.sqrt(r+""),a===0||a===1/0?(t=r.c.join(""),t.length+l&1||(t+="0"),a=Math.sqrt(t),l=((l+1)/2|0)-(l<0||l&1),e=new o((a==1/0?"5e":(a=a.toExponential()).slice(0,a.indexOf("e")+1))+l)):e=new o(a+""),l=e.e+(o.DP+=4);do n=e,e=s.times(n.plus(r.div(n)));while(n.c.slice(0,l).join("")!==e.c.slice(0,l).join(""));return Ji(e,(o.DP-=4)+e.e+1,o.RM)};Bn.times=Bn.mul=function(e){var t,n=this,r=n.constructor,o=n.c,a=(e=new r(e)).c,l=o.length,s=a.length,i=n.e,u=e.e;if(e.s=n.s==e.s?1:-1,!o[0]||!a[0])return e.c=[e.e=0],e;for(e.e=i+u,li;)s=t[u]+a[i]*o[u-i-1]+s,t[u--]=s%10,s=s/10|0;t[u]=s}for(s?++e.e:t.shift(),i=t.length;!t[--i];)t.pop();return e.c=t,e};Bn.toExponential=function(e,t){var n=this,r=n.c[0];if(e!==pl){if(e!==~~e||e<0||e>Wi)throw Error(Jm);for(n=Ji(new n.constructor(n),++e,t);n.c.lengthWi)throw Error(Jm);for(n=Ji(new n.constructor(n),e+n.e+1,t),e=e+n.e+1;n.c.length=t.PE,!!e.c[0])};Bn.toNumber=function(){var e=Number(qc(this,!0,!0));if(this.constructor.strict===!0&&!this.eq(e.toString()))throw Error(lv+"Imprecise conversion");return e};Bn.toPrecision=function(e,t){var n=this,r=n.constructor,o=n.c[0];if(e!==pl){if(e!==~~e||e<1||e>Wi)throw Error(Qi+"precision");for(n=Ji(new r(n),e,t);n.c.length=r.PE,!!o)};Bn.valueOf=function(){var e=this,t=e.constructor;if(t.strict===!0)throw Error(lv+"valueOf disallowed");return qc(e,e.e<=t.NE||e.e>=t.PE,!0)};var Gne=kx();const $x=Gne;function cE(e,t=0){return $x(e).toFixed(t,1)}function Yne(e,t){return $x(e).div(t).toNumber()}const Os={currency:{symbol:"$",format:"%s%v",decimal:".",thousand:",",precision:2,grouping:3},number:{precision:0,grouping:3,thousand:",",decimal:"."}};function Xne(e,t=Os.number.precision,n=Os.number.thousand,r=Os.number.decimal){const o=e<0?"-":"",a=String(parseInt(cE(Math.abs(e||0),t),10)),l=a.length>3?a.length%3:0;return o+(l?a.slice(0,l)+n:"")+a.slice(l).replace(/(\d{3})(?=\d)/g,"$1"+n)+(t?r+cE(Math.abs(e),t).split(".")[1]:"")}function Zne(e,t=Os.currency.symbol,n=Os.currency.precision,r=Os.currency.thousand,o=Os.currency.decimal,a=Os.currency.format){const l=Qne(a);return(e>0?l.pos:e<0?l.neg:l.zero).replace("%s",t).replace("%v",Xne(Math.abs(e),n,r,o))}function Qne(e){return typeof e=="string"?{pos:e,neg:e.replace("-","").replace("%v","-%v"),zero:e}:e}var Jne=lx,ere=1,tre=4;function nre(e){return Jne(e,ere|tre)}var rre=nre;const Vl=rre,ore=/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,are=/^(?:\+?86)?1(?:3\d{3}|5[^4\D]\d{2}|8\d{3}|7(?:[235-8]\d{2}|4(?:0\d|1[0-2]|9\d))|9[0-35-9]\d{2}|66\d{2})\d{6}$/,Ex=1024,Tx=Ex*1024,Px=Tx*1024,Ox=Px*1024,lre=Ox*1024,sre=[[lre,"PB"],[Ox,"TB"],[Px,"GB"],[Tx,"MB"],[Ex,"KB"]];function xx(e,t=2){if(Number.isInteger(e)||Number.isNaN(e))return e.toString();const n=e.toFixed(t);for(let r=n.length-1;r>=0;r--){const o=n[r];if(o!=="0")return o==="."&&r--,n.slice(0,r+1)}return n}function B_(e){for(const[t,n]of sre)if(e>=t)return xx(e/t)+" "+n;return e+" B"}var ire=A_,ure=rv;function cre(e,t,n){(n!==void 0&&!ure(e[t],n)||n===void 0&&!(t in e))&&ire(e,t,n)}var Ax=cre;function dre(e){return function(t,n,r){for(var o=-1,a=Object(t),l=r(t),s=l.length;s--;){var i=l[e?s:++o];if(n(a[i],i,a)===!1)break}return t}}var fre=dre,vre=fre,pre=vre(),hre=pre,mre=Km,gre=ns;function bre(e){return gre(e)&&mre(e)}var yre=bre;function _re(e,t){if(!(t==="constructor"&&typeof e[t]=="function")&&t!="__proto__")return e[t]}var Ix=_re,wre=Wc,Cre=ov;function Sre(e){return wre(e,Cre(e))}var kre=Sre,dE=Ax,$re=qh.exports,Ere=tx,Tre=M_,Pre=nx,fE=zm,vE=Ga,Ore=yre,xre=fc.exports,Are=C_,Ire=Lr,Mre=cx,Nre=E_,pE=Ix,Rre=kre;function Fre(e,t,n,r,o,a,l){var s=pE(e,n),i=pE(t,n),u=l.get(i);if(u){dE(e,n,u);return}var f=a?a(s,i,n+"",e,t,l):void 0,v=f===void 0;if(v){var p=vE(i),h=!p&&xre(i),b=!p&&!h&&Nre(i);f=i,p||h||b?vE(s)?f=s:Ore(s)?f=Tre(s):h?(v=!1,f=$re(i,!0)):b?(v=!1,f=Ere(i,!0)):f=[]:Mre(i)||fE(i)?(f=s,fE(s)?f=Rre(s):(!Ire(s)||Are(s))&&(f=Pre(i))):v=!1}v&&(l.set(i,f),o(f,i,r,a,l),l.delete(i)),dE(e,n,f)}var Lre=Fre,Dre=P_,Bre=Ax,Vre=hre,jre=Lre,zre=Lr,Hre=ov,Kre=Ix;function Mx(e,t,n,r,o){e!==t&&Vre(t,function(a,l){if(o||(o=new Dre),zre(a))jre(e,t,l,n,Mx,r,o);else{var s=r?r(Kre(e,l),a,l+"",e,t,o):void 0;s===void 0&&(s=a),Bre(e,l,s)}},Hre)}var Wre=Mx,Ure=fx,qre=dx,Gre=vx;function Yre(e,t){return Gre(qre(e,t,Ure),e+"")}var Xre=Yre,Zre=rv,Qre=Km,Jre=Ym,eoe=Lr;function toe(e,t,n){if(!eoe(n))return!1;var r=typeof t;return(r=="number"?Qre(n)&&Jre(t,n.length):r=="string"&&t in n)?Zre(n[t],e):!1}var noe=toe,roe=Xre,ooe=noe;function aoe(e){return roe(function(t,n){var r=-1,o=n.length,a=o>1?n[o-1]:void 0,l=o>2?n[2]:void 0;for(a=e.length>3&&typeof a=="function"?(o--,a):void 0,l&&ooe(n[0],n[1],l)&&(a=o<3?void 0:a,o=1),t=Object(t);++re;function Fx(e){return An(e)}function Coe(e){let t;for(const n in e)n.startsWith("on")&&n.endsWith("Native")&&typeof e[n]=="function"&&((t!=null?t:t={})[n.slice(0,-6)]=e[n]);return t!=null?Object.assign(t,e):e}function Soe(e,t){return t==null||typeof t!="object"?t:Coe(t)}function koe(e){return!(!_oe(e)||Fx(e))}function $oe(e){for(const t in e){const n=e[t];n!==void 0&&typeof n!="function"&&(e[t]=()=>n)}return e}function Eoe(e,t,n){const r=t==null?void 0:t["v-slots"],o=n.length===1&&koe(n[0])?n[0]:void 0,a=n.length?n:null;return r!=null&&(a&&(r.default=a),t==null||delete t["v-slots"]),r||o?$oe(r||o):a?{default:()=>a}:null}function Toe(e,t){((t==null?void 0:t.refInFor)||(t==null?void 0:t.ref_for))&&(t.ref_for=!0)}const Lx=Symbol("directive-binding");function Poe(e){return!!(Array.isArray(e)&&e[Lx])}function Ooe(e){const t=e.map(([n,r,o,a])=>({dir:n,name:n,value:r,arg:o,modifiers:a}));return Object.defineProperty(t,Lx,{enumerable:!1,configurable:!1,value:!0}),{directives:t}}function xoe(e){return e.directives.map(t=>[t.name,t.value,t.arg,t.modifiers])}const Aoe={show:on};function Gc(e,t){return Fx(e)?Ot(e,t.map(n=>{var r;const o=n[0];if(typeof o=="string"){const a=(r=Aoe[o])!==null&&r!==void 0?r:ic(o);a&&(n[0]=a)}return n})):Ooe(e)}const V_=e=>({functional:!0,render(t){return t("div",null,e)}});Fs!=null||V_("Teleport \u5728 Vue 2 \u4E0B\u4E0D\u652F\u6301");nb!=null||V_("Suspense \u5728 Vue 2 \u4E0B\u4E0D\u652F\u6301");const Dx=Ue!=null?Ue:V_("Fragment \u5728 Vue 2 \u4E0B\u4E0D\u652F\u6301");function Du(e,t,...n){var r;n.length===1&&Array.isArray(n[0])&&(n=n[0]);let o;if(e===Dx)o=st(e,t,n);else{t=t!=null?t:{};const a=Eoe(e,t,n),l=(r=Soe(e,t))!==null&&r!==void 0?r:{};Toe(e,l);{let s;l.directives&&Poe(l.directives)&&(s=l.directives,delete l.directives),o=st(e,l,a),s&&(o=Gc(o,xoe({directives:s})))}}return o}Du.Fragment=Dx;function J(e,t,n,r,o){const{children:a}=t,l=Zt(t,["children"]);return n!=null&&Object.assign(l,{key:n}),Array.isArray(a)&&a.length?a.length?Du(e,l,a):Du(e,l):a!=null?Du(e,l,a):Du(e,l)}const Pt=J;function Xl(e,t,n){return Math.max(t,Math.min(n,e))}function Ioe(e,t){if(e==t)return!0;if(!Array.isArray(e)||!Array.isArray(t)||e.length!==t.length)return!1;for(let n=0;no?-1:1;let s=r;for(;s!==o;s+=l)e[s]=e[s+l];e[o]=a}function i7e(e,t,n){const r=c(e),o=Xl(t,0,r.length-1),a=Xl(n,0,r.length-1);if(o===a)return;const l=r[o],s=o>a?-1:1;let i=o;for(;i!==a;i+=s)Jr(r,i,r[i+s]);Jr(r,a,l)}function u7e(e,t,n,r){const o=Xl(n,0,e.length-1),a=Xl(r,0,t.length);e.length&&t.splice(a,0,e.splice(o,1)[0])}function Bx(e,t){if(t==null||!Sf(t))return e;const n=Object.keys(t);if(n.length===0)return e;for(const r of n){const o=t[r];if(!(r in e)){e[r]=o;continue}if(typeof o=="function"&&typeof e[r]=="function"&&r.startsWith("on")){const a=e[r];e[r]=function(){const l=a.apply(this,arguments);return o.apply(this,arguments),l}}else e[r]=o}return e}function Mt(...e){let t="";const n=r=>{const o=r.trim();o&&(t+=" "+o)};for(const r of e)if(!!r){if(typeof r=="string")n(r);else if(Array.isArray(r))n(Mt.apply(null,r));else if(typeof r=="object")for(const o in r)r[o]&&n(o)}return t.trim()}const Noe=["primary","secondary","success","danger","warning","info"];function j_(e){if(!!e)return Noe.includes(e)?`var(--fat-color-${e})`:e}Zi(e=>e.replace(/yyyy/g,"YYYY").replace(/d/g,"D").replace(/W/g,"w").replace(/S/g,"s").replace("timestamp","x"));const Yc=lne;function z_(){return typeof document>"u"?null:document}function hE(e,t){e.type!=="file"&&(t.value=e.value)}function Roe(e,t,n,r){const o=t.querySelectorAll(e);if(o.length>0){const a=n.querySelectorAll(e);let l=0;for(;lo-v&&rs-f&&n=r&&n<=o&&t>=a&&t<=l}function hr(e,t,n){for(const r of t)r in e||Object.defineProperty(e,r,{configurable:!0,enumerable:!0,get(){var o;return(o=n.value)===null||o===void 0?void 0:o[r]},set(o){n.value!=null&&(n.value[r]=o)}})}function eg(e,t,n){if(e===!1)return;const r=Object.assign({},t);return typeof e=="string"&&(r.message=e),typeof e=="function"?Object.assign(r,e(n)):e&&typeof e=="object"&&Object.assign(r,e),r}function gE(e,t,n){if(e===!1)return;const r=Object.assign({},t);return typeof e=="string"&&(r.message=e),typeof e=="function"?Object.assign(r,e(n)):e&&typeof e=="object"&&Object.assign(r,e),r}const Doe=/(-|_|\.|\s)+(.)?/g;function jx(e){return typeof e=="string"?e:""}function Boe(e,t){if(typeof e!="string")return e;const n=e.match(t);return n===null?"":n[0]}function fb(e){return typeof e=="string"?e.trim():e}function Voe(e){return e.replace(Doe,(t,n,r)=>r?r.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase())}const joe=/;(?![^(]*\))/g,zoe=/:(.+)/;function zx(e,t="px"){if(!!e)return typeof e=="number"?`${e}${t}`:e}function Hoe(e){const t={};return e.split(joe).forEach(n=>{if(n){const r=n.split(zoe);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t}function Rr(...e){const t={};for(const n of e){if(!n)continue;let r;typeof n=="string"?r=Hoe(n):Array.isArray(n)?r=Rr.apply(null,n):typeof n=="object"&&(r=n),r&&Object.assign(t,r)}return t}function H_(e,t,n=new Set){const r=e.style;for(const[o,a]of Object.entries(t))a?r.setProperty(o,a,n.has(o)?"important":""):r.removeProperty(o)}const Koe=/^on[^a-z]/,Woe=e=>Koe.test(e),Uoe=e=>e==="class"||e==="className"||e.endsWith("ClassName")||e.endsWith("Class"),qoe=e=>e==="style"||e.endsWith("Style");function Io(...e){const t={};for(let n=0;nuae.all(e.filter(Boolean),{arrayMerge:(t,n,r)=>n});function Dr(e,...t){return Object.keys(e).reduce((n,r)=>(t.includes(r)||(n[r]=e[r]),n),{})}function Eae(e){return W_(e).join(".")}function yE(e){return!isNaN(parseFloat(e))}function Ty(e,t,n){pa(e,t,n);const r=W_(t),o=r.length,a=o-1;for(let l=0;l1?Eo(e,r.slice(0,-1)):e,a=r[r.length-1];if(o==null)return!0;const l=()=>{if(Array.isArray(o)){const s=parseInt(a);return Number.isNaN(s)||s>=o.length||s<0?!1:!!o.splice(s,1).length}else return delete o[a]};return n?n(o,a,l):l()}function vb(e,t){return ng(e,t,(n,r,o)=>Array.isArray(n)?o():(ez(n,r),!0))}Z({name:"PortalHost"});class Pae{constructor(t,n={}){var r;Object.defineProperty(this,"component",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"attached",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"portalInstance",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_instance",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"target",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"context",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_host",{enumerable:!0,configurable:!0,writable:!0,value:null}),this.target=n.target===null?null:n.target||document.body;const o=n.context||((r=vt())===null||r===void 0?void 0:r.proxy);if(!o)throw new Error("\u65E0\u6CD5\u83B7\u53D6\u5BF9\u5E94\u7684\u4E0A\u4E0B\u6587");this.context=o}async waitSetupFinish(){for(;;){if(vt()){await tt();continue}return}}get instance(){return this._instance}get host(){return this._host}}class Oae extends Pae{constructor(t,n={}){super(t,n)}async attach(){this.attached||(await super.waitSetupFinish(),this.portalInstance=this.createPortal(),Vs(this.portalInstance,document.createElement("div")),this.portalInstance.component.parent=this.context.$,this._instance=this.getExposeOrProxy(this.portalInstance),this._host=this.portalInstance.el,this.target&&this.target.appendChild(this._host),this.attached=!0)}detach(){!this.attached||(this.attached=!1,this._instance=void 0,Vs(null,{_vnode:this.portalInstance.component.vnode}),this.portalInstance.el.remove(),this.portalInstance=null,this._host=null)}getExposeOrProxy(t){const n=t.component.subTree.children[0].component;return n?n.exposed?n.exposed:n.proxy:{}}createAppContext(){return{app:null,config:{isNativeTag:()=>!1,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}mergeAppContext(t){const n=this.createAppContext();return[...new Set([...Object.keys(t),...Object.keys(n)])].reduce((o,a)=>(o[a]=t[a]||n[a],o),{})}createPortal(){const t=Q(this.createOutlet(),{},{default:this.component});return t.appContext=this.mergeAppContext(this.context.$),t}createOutlet(){return Z({name:"Vue3Portal",setup(t,{slots:n}){return()=>J("div",{children:n.default()})}})}}const _E=Oae;function xae(e){if(!(e==null||e.length===0)){for(const t of e)if(t.status==="rejected")throw t.reason}}function Ut(e,t,n){return typeof e[`render${y_(n)}`]=="function"||typeof t[n]=="function"}function Op(e,t){if(e!=null){if(typeof e!="function"&&tg)throw new Error(`[@wakeadmin/components] \u671F\u671B\u63A5\u6536\u5230\u7684\u662F\u51FD\u6570\uFF0C\u5F53\u524D\u4E3A ${typeof e}`);return e.apply(null,t)}}function yt(e,t,n,...r){const o=e[`render${y_(n)}`],a=t[n];return o&&a?[Op(o,r),Op(a,r)]:a!=null?Op(a,r):Op(o,r)}function Aae(e){if(!(!e||typeof e!="object"))return e.props}function Iae(e){var t;if(!(!e||typeof e!="object"))return(t=e.type)===null||t===void 0?void 0:t.name}function Mae(e){return An(e)&&e.type===Ue}function q_(e){if(!(!e||!Array.isArray(e)))return e.map(t=>Mae(t)?t.children:t).flat()}function Nae(e){var t;return(t=q_(e))===null||t===void 0?void 0:t.map(Aae)}function Kx(e,t){var n;return(n=q_(e))===null||n===void 0?void 0:n.some(r=>Iae(r)===t)}const pb=Symbol("event-name-cache"),wE=new WeakMap;function Rae(e){if(!Object.isExtensible(e)){let n=wE.get(e);return n!=null||(n={},wE.set(e,n)),n}if(boe(e,pb))return e[pb];const t={};return yoe(e,pb,t),t}function Fae(e){return`on${y_(e)}`}function Lae(e,t,n=woe){var r,o;const a=Rae(t);if(e in a)return a[e];const l=i=>{const u=n(i);return u in t?u:null},s=(o=(r=l(e))!==null&&r!==void 0?r:l(e.toLowerCase()))!==null&&o!==void 0?o:l(e.split(":").map(i=>poe(i)).join(":"));return a[e]=s,s}function Dae(e,t,n){if(typeof e=="function")return e.apply(t,n);if(Array.isArray(e)&&e.length)return e.map(r=>{if(typeof r=="function")return r.apply(t,n)})[e.length-1]}const Bae=["emits"];function wt(e){const{setup:t}=e,n=Zt(e,["setup"]),r={inheritAttrs:!1};return Object.assign(r,D_(n,Bae)),Z(Object.assign(Object.assign({},r),{setup:function(o,a){const l=(s,...i)=>{const u=Lae(s,a.attrs,Fae);u?Dae(a.attrs[u],a.attrs,i):a.emit(s,...i)};return t.call(this,o,Object.assign(Object.assign({},a),{emit:l}))}}))}function Vae(e,t){const n=Object.keys(t);return new Proxy(e,{get(r,o){const a=Reflect.get(r,o);return a===void 0&&Reflect.has(t,o)?Reflect.get(t,o):a},getOwnPropertyDescriptor(r,o){return Reflect.has(r,o)?Reflect.getOwnPropertyDescriptor(r,o):Reflect.getOwnPropertyDescriptor(t,o)},ownKeys(r){const o=Reflect.ownKeys(r);for(const a of n)o.includes(a)||o.push(a);return o}})}const CE=Symbol("h-plugin-installed"),jae={install(e){Nx(e,CE)||Rx(e,CE,!0)}},Wx=()=>"__MAPP_SERVICES__"in window,SE=e=>({slot:e}),Py=wt({name:"FatCard",props:{title:null,escapeHeader:{type:Boolean,default:!1},padding:{type:Boolean,default:!0},border:{type:Boolean,default:!0},renderTitle:null,renderExtra:null,renderDefault:null},slots:void 0,setup(e,{attrs:t,slots:n}){const r=T(()=>!!e.title||Ut(e,n,"title")||Ut(e,n,"extra"));return()=>{const{title:o,escapeHeader:a,padding:l,border:s}=e;return Pt("section",Object.assign({class:["fat-card",t.class,{"fat-card--escaped":a,"fat-card--borderless":!s}],style:t.style},{children:[r.value&&Pt("header",Object.assign({class:"fat-card__header"},{children:[J("div",Object.assign({class:"fat-card__title"},{children:Ut(e,n,"title")?yt(e,n,"title"):o})),J("div",Object.assign({class:"fat-card__extra"},{children:yt(e,n,"extra")}))]})),J("main",Object.assign({class:["fat-card__content",{"fat-card__content--padding":l}]},{children:yt(e,n,"default")}))]}))}}}),zae={wkc:{add:"\u65B0\u589E",alertMessage:"\u63D0\u793A\u4FE1\u606F",alertTitle:"\u63D0\u793A",and:"\u4E14",audio:"\u97F3\u9891",cancel:"\u53D6\u6D88",choose:"\u9009\u62E9",clickToUpload:"\u70B9\u51FB\u4E0A\u4F20",columnSelectAlert:"\u8BF7\u81F3\u5C11\u9009\u62E9\u4E00\u5217",columnSetting:"\u5217\u8BBE\u7F6E",columnVisible:"\u5217\u5C55\u793A",confirm:"\u786E\u5B9A",confirmDelete:"\u786E\u8BA4\u5220\u9664?",copied:"\u5DF2\u62F7\u8D1D",copy:"\u62F7\u8D1D",dataLoadFailed:"\u6570\u636E\u52A0\u8F7D\u5931\u8D25",delete:"\u5220\u9664",deleteFail:"\u5220\u9664\u5931\u8D25\uFF1A{message}",deleteSuccess:"\u5220\u9664\u6210\u529F",dragAndDropFileOrClickToUpload:"\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216\u70B9\u51FB\u4E0A\u4F20",endDate:"\u7ED3\u675F\u65E5\u671F",endTime:"\u7ED3\u675F\u65F6\u95F4",enter:"\u8BF7\u8F93\u5165",enterCaptcha:"\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",enterCorrectEmail:"\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u90AE\u7BB1\u5730\u5740",enterCorrectPhoneNumber:"\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u7801",enterEmail:"\u8BF7\u8F93\u5165\u90AE\u7BB1",enterInteger:"\u8BF7\u8F93\u5165\u6574\u6570",enterLink:"\u8BF7\u8F93\u5165\u94FE\u63A5",enterNumber:"\u8BF7\u8F93\u5165\u6570\u5B57",enterPassword:"\u8BF7\u8F93\u5165\u5BC6\u7801",enterPhone:"\u8BF7\u8F93\u5165\u624B\u673A\u53F7\u7801",enterValidURL:"\u8BF7\u8F93\u5165\u5408\u6CD5 URL",enterValue:"\u8BF7\u8F93\u5165 {value}",fatTableRemoveParamRequired:"[fat-table] \u5220\u9664\u9700\u8981\u914D\u7F6E remove \u53C2\u6570",fillForm:"\u8BF7\u6309\u7167\u8981\u6C42\u5B8C\u6210\u8868\u5355\u586B\u5199",getCaptcha:"\u83B7\u53D6\u9A8C\u8BC1\u7801",image:"\u56FE\u7247",imageVerificationPlaceholder:"\u62D6\u52A8\u6ED1\u5757\u9A8C\u8BC1",import:{clickToUpload:"\u70B9\u51FB\u4E0A\u4F20",dragAndDropFileOr:"\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216",errorData:"\u5931\u8D25\u6570\u636E",errorLine:"\u6570\u636E\u6240\u5728\u884C",errorReason:"\u5BFC\u5165\u5931\u8D25\u539F\u56E0",failed:"\u5BFC\u5165\u5931\u8D25",result:"\u5BFC\u5165\u7ED3\u679C",selectFile:"\u8BF7\u9009\u62E9\u6587\u4EF6",submit:"\u5BFC\u5165",success:"\u5BFC\u5165\u6210\u529F",title:"\u6279\u91CF\u5BFC\u5165",uploadFailed:"\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25",uploadMessage:"\u53EA\u80FD\u4E0A\u4F20xlsx\u3001xls\u683C\u5F0F\u6587\u4EF6"},inputCaptcha:"\u8BF7\u8F93\u5165{label}",moveDown:"\u4E0B\u79FB",moveUp:"\u4E0A\u79FB",nextStep:"\u4E0B\u4E00\u6B65",noDataAvailable:"\u6682\u65E0\u6570\u636E",notSupportDeleteInMode:"\u8BE5\u6A21\u5F0F\u4E0B\u4E0D\u652F\u6301\u5220\u9664",off:"\u5173\u95ED",on:"\u5F00\u542F",operation:"\u64CD\u4F5C",optionLoadFailed:"\u9009\u9879\u52A0\u8F7D\u5931\u8D25\uFF1A{message}",or:"\u6216",previousStep:"\u4E0A\u4E00\u6B65",rangeSeparator:"\u81F3",refresh:"\u5237\u65B0",reset:"\u91CD\u7F6E",retrievalFailed:"\u83B7\u53D6\u5931\u8D25",retrieving:"\u83B7\u53D6\u4E2D",save:"\u4FDD\u5B58",search:"\u641C\u7D22",select:"\u8BF7\u9009\u62E9",selectDate:"\u8BF7\u9009\u62E9\u65E5\u671F",selectFileFormat:"\u8BF7\u9009\u62E9 {format} \u683C\u5F0F\u7684\u6587\u4EF6",selectFileLessThan:"\u8BF7\u9009\u62E9\u5C0F\u4E8E {size} \u7684\u6587\u4EF6",selectMaxFiles:"\u6700\u591A\u53EA\u80FD\u9009\u62E9 {limit} \u4E2A\u6587\u4EF6",selectOption:"\u8BF7\u9009\u62E9{label}",selectTime:"\u8BF7\u9009\u62E9\u65F6\u95F4",selected:"\u5DF2\u9009\u62E9",startDate:"\u5F00\u59CB\u65E5\u671F",startTime:"\u5F00\u59CB\u65F6\u95F4",uploadFileLimit:"\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 {limit} \u4E2A\u6587\u4EF6",uploadFileSizeLimit:"\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 {sizeLimit}",uploadFormat:"\u8BF7\u4E0A\u4F20 {accept} \u683C\u5F0F\u7684\u6587\u4EF6",valueCannotBeNull:"{label} \u4E0D\u80FD\u4E3A\u7A7A",video:"\u89C6\u9891"}};let Ux;const Hae=/{([a-z[\]0-9.-_]+)}/gi;function Kae(e){return(t,n)=>{const r=Eo(e,t);return n?r.replace(Hae,(o,a)=>Eo(n,a)||""):r!=null?r:""}}function Wae(e,t){return String(e)}const rg={t:Kae(zae),d:Wae};function Wo(){return Ux||rg}function Uae(e){Ux=e}const qae='a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])',Gae=e=>getComputedStyle(e).position==="fixed"?!1:e.offsetParent!==null,kE=e=>Array.from(e.querySelectorAll(qae)).filter(t=>Yae(t)&&Gae(t)),Yae=e=>{if(e.tabIndex>0||e.tabIndex===0&&e.getAttribute("tabIndex")!==null)return!0;if(e.disabled)return!1;switch(e.nodeName){case"A":return!!e.href&&e.rel!=="ignore";case"INPUT":return!(e.type==="hidden"||e.type==="file");case"BUTTON":case"SELECT":case"TEXTAREA":return!0;default:return!1}},ah=function(e,t,...n){let r;t.includes("mouse")||t.includes("click")?r="MouseEvents":t.includes("key")?r="KeyboardEvent":r="HTMLEvents";const o=document.createEvent(r);return o.initEvent(t,...n),e.dispatchEvent(o),e},qx=e=>!e.getAttribute("aria-owns"),Gx=(e,t,n)=>{const{parentNode:r}=e;if(!r)return null;const o=r.querySelectorAll(n),a=Array.prototype.indexOf.call(o,e);return o[a+t]||null},lh=e=>{!e||(e.focus(),!qx(e)&&e.click())},Yn=(e,t,{checkForDefaultPrevented:n=!0}={})=>o=>{const a=e==null?void 0:e(o);if(n===!1||!a)return t==null?void 0:t(o)},$E=e=>t=>t.pointerType==="mouse"?e(t):void 0;var Xae=Object.defineProperty,Zae=Object.defineProperties,Qae=Object.getOwnPropertyDescriptors,EE=Object.getOwnPropertySymbols,Jae=Object.prototype.hasOwnProperty,ele=Object.prototype.propertyIsEnumerable,TE=(e,t,n)=>t in e?Xae(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,tle=(e,t)=>{for(var n in t||(t={}))Jae.call(t,n)&&TE(e,n,t[n]);if(EE)for(var n of EE(t))ele.call(t,n)&&TE(e,n,t[n]);return e},nle=(e,t)=>Zae(e,Qae(t));function PE(e,t){var n;const r=En();return ir(()=>{r.value=e()},nle(tle({},t),{flush:(n=t==null?void 0:t.flush)!=null?n:"sync"})),Ys(r)}var OE;const en=typeof window<"u",rle=e=>typeof e<"u",ole=e=>typeof e=="function",ale=e=>typeof e=="string",pc=()=>{},Yx=en&&((OE=window==null?void 0:window.navigator)==null?void 0:OE.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function js(e){return typeof e=="function"?e():c(e)}function Xx(e,t){function n(...r){return new Promise((o,a)=>{Promise.resolve(e(()=>t.apply(this,r),{fn:t,thisArg:this,args:r})).then(o).catch(a)})}return n}function lle(e,t={}){let n,r,o=pc;const a=s=>{clearTimeout(s),o(),o=pc};return s=>{const i=js(e),u=js(t.maxWait);return n&&a(n),i<=0||u!==void 0&&u<=0?(r&&(a(r),r=null),Promise.resolve(s())):new Promise((f,v)=>{o=t.rejectOnCancel?v:f,u&&!r&&(r=setTimeout(()=>{n&&a(n),r=null,f(s())},u)),n=setTimeout(()=>{r&&a(r),r=null,f(s())},i)})}}function sle(e,t=!0,n=!0,r=!1){let o=0,a,l=!0,s=pc,i;const u=()=>{a&&(clearTimeout(a),a=void 0,s(),s=pc)};return v=>{const p=js(e),h=Date.now()-o,b=()=>i=v();return u(),p<=0?(o=Date.now(),b()):(h>p&&(n||!l)?(o=Date.now(),b()):t&&(i=new Promise((g,_)=>{s=r?_:g,a=setTimeout(()=>{o=Date.now(),l=!0,g(b()),u()},Math.max(0,p-h))})),!n&&!a&&(a=setTimeout(()=>l=!0,p)),l=!1,i)}}function ile(e){return e}function sv(e){return sP()?(iP(e),!0):!1}function ule(e,t=200,n={}){return Xx(lle(t,n),e)}function cle(e,t=200,n={}){const r=D(e.value),o=ule(()=>{r.value=e.value},t,n);return be(e,()=>o()),r}function Zx(e,t=200,n=!1,r=!0,o=!1){return Xx(sle(t,n,r,o),e)}function dle(e){return typeof e=="function"?T(e):D(e)}function G_(e,t=!0){vt()?bt(e):t?e():tt(e)}function Ui(e,t,n={}){const{immediate:r=!0}=n,o=D(!1);let a=null;function l(){a&&(clearTimeout(a),a=null)}function s(){o.value=!1,l()}function i(...u){l(),o.value=!0,a=setTimeout(()=>{o.value=!1,a=null,e(...u)},js(t))}return r&&(o.value=!0,en&&i()),sv(s),{isPending:Ys(o),start:i,stop:s}}function qo(e){var t;const n=js(e);return(t=n==null?void 0:n.$el)!=null?t:n}const eu=en?window:void 0,fle=en?window.document:void 0;function Kn(...e){let t,n,r,o;if(ale(e[0])||Array.isArray(e[0])?([n,r,o]=e,t=eu):[t,n,r,o]=e,!t)return pc;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const a=[],l=()=>{a.forEach(f=>f()),a.length=0},s=(f,v,p,h)=>(f.addEventListener(v,p,h),()=>f.removeEventListener(v,p,h)),i=be(()=>[qo(t),js(o)],([f,v])=>{l(),f&&a.push(...n.flatMap(p=>r.map(h=>s(f,p,h,v))))},{immediate:!0,flush:"post"}),u=()=>{i(),l()};return sv(u),u}let xE=!1;function Y_(e,t,n={}){const{window:r=eu,ignore:o=[],capture:a=!0,detectIframe:l=!1}=n;if(!r)return;Yx&&!xE&&(xE=!0,Array.from(r.document.body.children).forEach(p=>p.addEventListener("click",pc)));let s=!0;const i=p=>o.some(h=>{if(typeof h=="string")return Array.from(r.document.querySelectorAll(h)).some(b=>b===p.target||p.composedPath().includes(b));{const b=qo(h);return b&&(p.target===b||p.composedPath().includes(b))}}),f=[Kn(r,"click",p=>{const h=qo(e);if(!(!h||h===p.target||p.composedPath().includes(h))){if(p.detail===0&&(s=!i(p)),!s){s=!0;return}t(p)}},{passive:!0,capture:a}),Kn(r,"pointerdown",p=>{const h=qo(e);h&&(s=!p.composedPath().includes(h)&&!i(p))},{passive:!0}),l&&Kn(r,"blur",p=>{var h;const b=qo(e);((h=r.document.activeElement)==null?void 0:h.tagName)==="IFRAME"&&!(b!=null&&b.contains(r.document.activeElement))&&t(p)})].filter(Boolean);return()=>f.forEach(p=>p())}function Qx(e,t=!1){const n=D(),r=()=>n.value=Boolean(e());return r(),G_(r,t),n}function AE(e,t={}){const{window:n=eu}=t,r=Qx(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let o;const a=D(!1),l=()=>{!o||("removeEventListener"in o?o.removeEventListener("change",s):o.removeListener(s))},s=()=>{!r.value||(l(),o=n.matchMedia(dle(e).value),a.value=o.matches,"addEventListener"in o?o.addEventListener("change",s):o.addListener(s))};return ir(s),sv(()=>l()),a}function vle(e){return JSON.parse(JSON.stringify(e))}const Oy=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},xy="__vueuse_ssr_handlers__";Oy[xy]=Oy[xy]||{};Oy[xy];function ple(e,t,{window:n=eu,initialValue:r=""}={}){const o=D(r),a=T(()=>{var l;return qo(t)||((l=n==null?void 0:n.document)==null?void 0:l.documentElement)});return be([a,()=>js(e)],([l,s])=>{var i;if(l&&n){const u=(i=n.getComputedStyle(l).getPropertyValue(s))==null?void 0:i.trim();o.value=u||r}},{immediate:!0}),be(o,l=>{var s;(s=a.value)!=null&&s.style&&a.value.style.setProperty(js(e),l)}),o}function hle({document:e=fle}={}){if(!e)return D("visible");const t=D(e.visibilityState);return Kn(e,"visibilitychange",()=>{t.value=e.visibilityState}),t}var IE=Object.getOwnPropertySymbols,mle=Object.prototype.hasOwnProperty,gle=Object.prototype.propertyIsEnumerable,ble=(e,t)=>{var n={};for(var r in e)mle.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&IE)for(var r of IE(e))t.indexOf(r)<0&&gle.call(e,r)&&(n[r]=e[r]);return n};function eo(e,t,n={}){const r=n,{window:o=eu}=r,a=ble(r,["window"]);let l;const s=Qx(()=>o&&"ResizeObserver"in o),i=()=>{l&&(l.disconnect(),l=void 0)},u=be(()=>qo(e),v=>{i(),s.value&&o&&v&&(l=new ResizeObserver(t),l.observe(v,a))},{immediate:!0,flush:"post"}),f=()=>{i(),u()};return sv(f),{isSupported:s,stop:f}}function ME(e,t={}){const{reset:n=!0,windowResize:r=!0,windowScroll:o=!0,immediate:a=!0}=t,l=D(0),s=D(0),i=D(0),u=D(0),f=D(0),v=D(0),p=D(0),h=D(0);function b(){const g=qo(e);if(!g){n&&(l.value=0,s.value=0,i.value=0,u.value=0,f.value=0,v.value=0,p.value=0,h.value=0);return}const _=g.getBoundingClientRect();l.value=_.height,s.value=_.bottom,i.value=_.left,u.value=_.right,f.value=_.top,v.value=_.width,p.value=_.x,h.value=_.y}return eo(e,b),be(()=>qo(e),g=>!g&&b()),o&&Kn("scroll",b,{capture:!0,passive:!0}),r&&Kn("resize",b,{passive:!0}),G_(()=>{a&&b()}),{height:l,bottom:s,left:i,right:u,top:f,width:v,x:p,y:h,update:b}}var NE;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(NE||(NE={}));var yle=Object.defineProperty,RE=Object.getOwnPropertySymbols,_le=Object.prototype.hasOwnProperty,wle=Object.prototype.propertyIsEnumerable,FE=(e,t,n)=>t in e?yle(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Cle=(e,t)=>{for(var n in t||(t={}))_le.call(t,n)&&FE(e,n,t[n]);if(RE)for(var n of RE(t))wle.call(t,n)&&FE(e,n,t[n]);return e};const Sle={easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]};Cle({linear:ile},Sle);function kle(e,t,n,r={}){var o,a,l;const{clone:s=!1,passive:i=!1,eventName:u,deep:f=!1,defaultValue:v}=r,p=vt(),h=n||(p==null?void 0:p.emit)||((o=p==null?void 0:p.$emit)==null?void 0:o.bind(p))||((l=(a=p==null?void 0:p.proxy)==null?void 0:a.$emit)==null?void 0:l.bind(p==null?void 0:p.proxy));let b=u;t||(t="modelValue"),b=u||b||`update:${t.toString()}`;const g=y=>s?ole(s)?s(y):vle(y):y,_=()=>rle(e[t])?g(e[t]):v;if(i){const y=_(),S=D(y);return be(()=>e[t],w=>S.value=g(w)),be(S,w=>{(w!==e[t]||f)&&h(b,w)},{deep:f}),S}else return T({get(){return _()},set(y){h(b,y)}})}function $le({window:e=eu}={}){if(!e)return D(!1);const t=D(e.document.hasFocus());return Kn(e,"blur",()=>{t.value=!1}),Kn(e,"focus",()=>{t.value=!0}),t}function Ele(e={}){const{window:t=eu,initialWidth:n=1/0,initialHeight:r=1/0,listenOrientation:o=!0,includeScrollbar:a=!0}=e,l=D(n),s=D(r),i=()=>{t&&(a?(l.value=t.innerWidth,s.value=t.innerHeight):(l.value=t.document.documentElement.clientWidth,s.value=t.document.documentElement.clientHeight))};return i(),G_(i),Kn("resize",i,{passive:!0}),o&&Kn("orientationchange",i,{passive:!0}),{width:l,height:s}}const Jx=()=>en&&/firefox/i.test(window.navigator.userAgent),Tle=(e,t)=>{if(!en||!e||!t)return!1;const n=e.getBoundingClientRect();let r;return t instanceof Element?r=t.getBoundingClientRect():r={top:0,right:window.innerWidth,bottom:window.innerHeight,left:0},n.topr.top&&n.right>r.left&&n.left{let t=0,n=e;for(;n;)t+=n.offsetTop,n=n.offsetParent;return t},Ple=(e,t)=>Math.abs(LE(e)-LE(t)),X_=e=>{let t,n;return e.type==="touchend"?(n=e.changedTouches[0].clientY,t=e.changedTouches[0].clientX):e.type.startsWith("touch")?(n=e.touches[0].clientY,t=e.touches[0].clientX):(n=e.clientY,t=e.clientX),{clientX:t,clientY:n}};var Ole=typeof global=="object"&&global&&global.Object===Object&&global;const e6=Ole;var xle=typeof self=="object"&&self&&self.Object===Object&&self,Ale=e6||xle||Function("return this")();const Xa=Ale;var Ile=Xa.Symbol;const ga=Ile;var t6=Object.prototype,Mle=t6.hasOwnProperty,Nle=t6.toString,Ed=ga?ga.toStringTag:void 0;function Rle(e){var t=Mle.call(e,Ed),n=e[Ed];try{e[Ed]=void 0;var r=!0}catch{}var o=Nle.call(e);return r&&(t?e[Ed]=n:delete e[Ed]),o}var Fle=Object.prototype,Lle=Fle.toString;function Dle(e){return Lle.call(e)}var Ble="[object Null]",Vle="[object Undefined]",DE=ga?ga.toStringTag:void 0;function tu(e){return e==null?e===void 0?Vle:Ble:DE&&DE in Object(e)?Rle(e):Dle(e)}function gl(e){return e!=null&&typeof e=="object"}var jle="[object Symbol]";function og(e){return typeof e=="symbol"||gl(e)&&tu(e)==jle}function n6(e,t){for(var n=-1,r=e==null?0:e.length,o=Array(r);++n0){if(++t>=_se)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}function kse(e){return function(){return e}}var $se=function(){try{var e=ru(Object,"defineProperty");return e({},"",{}),e}catch{}}();const Yh=$se;var Ese=Yh?function(e,t){return Yh(e,"toString",{configurable:!0,enumerable:!1,value:kse(t),writable:!0})}:Z_;const Tse=Ese;var Pse=Sse(Tse);const a6=Pse;function Ose(e,t){for(var n=-1,r=e==null?0:e.length;++n-1}var Rse=9007199254740991,Fse=/^(?:0|[1-9]\d*)$/;function ag(e,t){var n=typeof e;return t=t==null?Rse:t,!!t&&(n=="number"||n!="symbol"&&Fse.test(e))&&e>-1&&e%1==0&&e-1&&e%1==0&&e<=Bse}function Xc(e){return e!=null&&tw(e.length)&&!Q_(e)}function Vse(e,t,n){if(!fo(n))return!1;var r=typeof t;return(r=="number"?Xc(n)&&ag(t,n.length):r=="string"&&t in n)?iv(n[t],e):!1}function jse(e){return s6(function(t,n){var r=-1,o=n.length,a=o>1?n[o-1]:void 0,l=o>2?n[2]:void 0;for(a=e.length>3&&typeof a=="function"?(o--,a):void 0,l&&Vse(n[0],n[1],l)&&(a=o<3?void 0:a,o=1),t=Object(t);++r-1}function rue(e,t){var n=this.__data__,r=lg(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}function rs(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t0&&n(s)?t>1?vv(s,t-1,n,r,o):sw(o,s):r||(o[o.length]=s)}return o}function v6(e){var t=e==null?0:e.length;return t?vv(e,1):[]}function wue(e){return a6(l6(e,void 0,v6),e+"")}var Cue=f6(Object.getPrototypeOf,Object);const iw=Cue;var Sue="[object Object]",kue=Function.prototype,$ue=Object.prototype,p6=kue.toString,Eue=$ue.hasOwnProperty,Tue=p6.call(Object);function Pue(e){if(!gl(e)||tu(e)!=Sue)return!1;var t=iw(e);if(t===null)return!0;var n=Eue.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&p6.call(n)==Tue}function mc(){if(!arguments.length)return[];var e=arguments[0];return co(e)?e:[e]}function Oue(){this.__data__=new rs,this.size=0}function xue(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n}function Aue(e){return this.__data__.get(e)}function Iue(e){return this.__data__.has(e)}var Mue=200;function Nue(e,t){var n=this.__data__;if(n instanceof rs){var r=n.__data__;if(!Pf||r.lengths))return!1;var u=a.get(e),f=a.get(t);if(u&&f)return u==t&&f==e;var v=-1,p=!0,h=n&bde?new xf:void 0;for(a.set(e,t),a.set(t,e);++v=t||O<0||v&&x>=a}function y(){var $=bb();if(_($))return S($);s=setTimeout(y,g($))}function S($){return s=void 0,p&&r?h($):(r=o=void 0,l)}function w(){s!==void 0&&clearTimeout(s),u=0,r=i=o=s=void 0}function C(){return s===void 0?l:S(bb())}function k(){var $=bb(),O=_($);if(r=arguments,o=this,i=$,O){if(s===void 0)return b(i);if(v)return clearTimeout(s),s=setTimeout(y,t),h(i)}return s===void 0&&(s=setTimeout(y,t)),l}return k.cancel=w,k.flush=C,k}function Ry(e,t,n){(n!==void 0&&!iv(e[t],n)||n===void 0&&!(t in e))&&J_(e,t,n)}function A6(e){return gl(e)&&Xc(e)}function Fy(e,t){if(!(t==="constructor"&&typeof e[t]=="function")&&t!="__proto__")return e[t]}function dfe(e){return uv(e,dv(e))}function ffe(e,t,n,r,o,a,l){var s=Fy(e,n),i=Fy(t,n),u=l.get(i);if(u){Ry(e,n,u);return}var f=a?a(s,i,n+"",e,t,l):void 0,v=f===void 0;if(v){var p=co(i),h=!p&&Ef(i),b=!p&&!h&&ow(i);f=i,p||h||b?co(s)?f=s:A6(s)?f=o6(s):h?(v=!1,f=m6(i,!0)):b?(v=!1,f=_6(i,!0)):f=[]:Pue(i)||$f(i)?(f=s,$f(s)?f=dfe(s):(!fo(s)||Q_(s))&&(f=w6(i))):v=!1}v&&(l.set(i,f),o(f,i,r,a,l),l.delete(i)),Ry(e,n,f)}function I6(e,t,n,r,o){e!==t&&x6(t,function(a,l){if(o||(o=new Ba),fo(a))ffe(e,t,l,n,I6,r,o);else{var s=r?r(Fy(e,l),a,l+"",e,t,o):void 0;s===void 0&&(s=a),Ry(e,l,s)}},dv)}function vfe(e,t,n){for(var r=-1,o=e==null?0:e.length;++r=Ofe){var u=t?null:Pfe(e);if(u)return dw(u);l=!1,o=$6,i=new xf}else i=t?[]:s;e:for(;++re===void 0,yr=e=>typeof e=="boolean",gt=e=>typeof e=="number",ca=e=>!e&&e!==0||et(e)&&e.length===0||Bt(e)&&!Object.keys(e).length,ba=e=>typeof Element>"u"?!1:e instanceof Element,Ife=e=>br(e),Mfe=e=>_t(e)?!Number.isNaN(Number(e)):!1,R6=(e="")=>e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d"),cl=e=>Qf(e),Af=e=>Object.keys(e),Nfe=e=>Object.entries(e),sh=(e,t,n)=>({get value(){return jn(e,t,n)},set value(r){kfe(e,t,r)}});class Rfe extends Error{constructor(t){super(t),this.name="ElementPlusError"}}function wr(e,t){throw new Rfe(`[${e}] ${t}`)}const F6=(e="")=>e.split(" ").filter(t=>!!t.trim()),Va=(e,t)=>{if(!e||!t)return!1;if(t.includes(" "))throw new Error("className should not contain space.");return e.classList.contains(t)},fl=(e,t)=>{!e||!t.trim()||e.classList.add(...F6(t))},Po=(e,t)=>{!e||!t.trim()||e.classList.remove(...F6(t))},jl=(e,t)=>{var n;if(!en||!e||!t)return"";let r=ma(t);r==="float"&&(r="cssFloat");try{const o=e.style[r];if(o)return o;const a=(n=document.defaultView)==null?void 0:n.getComputedStyle(e,"");return a?a[r]:""}catch{return e.style[r]}};function or(e,t="px"){if(!e)return"";if(gt(e)||Mfe(e))return`${e}${t}`;if(_t(e))return e}const Ffe=(e,t)=>{if(!en)return!1;const n={undefined:"overflow",true:"overflow-y",false:"overflow-x"}[String(t)],r=jl(e,n);return["scroll","auto","overlay"].some(o=>r.includes(o))},fw=(e,t)=>{if(!en)return;let n=e;for(;n;){if([window,document,document.documentElement].includes(n))return window;if(Ffe(n,t))return n;n=n.parentNode}return n};let Ap;const L6=e=>{var t;if(!en)return 0;if(Ap!==void 0)return Ap;const n=document.createElement("div");n.className=`${e}-scrollbar__wrap`,n.style.visibility="hidden",n.style.width="100px",n.style.position="absolute",n.style.top="-9999px",document.body.appendChild(n);const r=n.offsetWidth;n.style.overflow="scroll";const o=document.createElement("div");o.style.width="100%",n.appendChild(o);const a=o.offsetWidth;return(t=n.parentNode)==null||t.removeChild(n),Ap=r-a,Ap};function D6(e,t){if(!en)return;if(!t){e.scrollTop=0;return}const n=[];let r=t.offsetParent;for(;r!==null&&e!==r&&e.contains(r);)n.push(r),r=r.offsetParent;const o=t.offsetTop+n.reduce((i,u)=>i+u.offsetTop,0),a=o+t.offsetHeight,l=e.scrollTop,s=l+e.clientHeight;os&&(e.scrollTop=a-e.clientHeight)}/*! Element Plus Icons Vue v2.3.1 */var Lfe=Z({name:"ArrowDown",__name:"arrow-down",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"})]))}}),Xs=Lfe,Dfe=Z({name:"ArrowLeft",__name:"arrow-left",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"})]))}}),zs=Dfe,Bfe=Z({name:"ArrowRight",__name:"arrow-right",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),io=Bfe,Vfe=Z({name:"ArrowUp",__name:"arrow-up",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0"})]))}}),dg=Vfe,jfe=Z({name:"Back",__name:"back",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64"}),q("path",{fill:"currentColor",d:"m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z"})]))}}),zfe=jfe,Hfe=Z({name:"Calendar",__name:"calendar",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64"})]))}}),Kfe=Hfe,Wfe=Z({name:"CaretRight",__name:"caret-right",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M384 192v640l384-320.064z"})]))}}),B6=Wfe,Ufe=Z({name:"CaretTop",__name:"caret-top",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 320 192 704h639.936z"})]))}}),qfe=Ufe,Gfe=Z({name:"Check",__name:"check",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"})]))}}),pv=Gfe,Yfe=Z({name:"CircleCheckFilled",__name:"circle-check-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"})]))}}),Xfe=Yfe,Zfe=Z({name:"CircleCheck",__name:"circle-check",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"}),q("path",{fill:"currentColor",d:"M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"})]))}}),vw=Zfe,Qfe=Z({name:"CircleCloseFilled",__name:"circle-close-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"})]))}}),pw=Qfe,Jfe=Z({name:"CircleClose",__name:"circle-close",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"}),q("path",{fill:"currentColor",d:"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"})]))}}),Zs=Jfe,eve=Z({name:"Clock",__name:"clock",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"}),q("path",{fill:"currentColor",d:"M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32"}),q("path",{fill:"currentColor",d:"M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32"})]))}}),V6=eve,tve=Z({name:"Close",__name:"close",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"})]))}}),Ha=tve,nve=Z({name:"DArrowLeft",__name:"d-arrow-left",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"})]))}}),gc=nve,rve=Z({name:"DArrowRight",__name:"d-arrow-right",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L764.736 512 452.864 192a30.592 30.592 0 0 1 0-42.688m-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L508.736 512 196.864 192a30.592 30.592 0 0 1 0-42.688z"})]))}}),bc=rve,ove=Z({name:"Delete",__name:"delete",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"})]))}}),ave=ove,lve=Z({name:"Document",__name:"document",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z"})]))}}),sve=lve,ive=Z({name:"FullScreen",__name:"full-screen",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"})]))}}),uve=ive,cve=Z({name:"Hide",__name:"hide",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"}),q("path",{fill:"currentColor",d:"M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"})]))}}),dve=cve,fve=Z({name:"InfoFilled",__name:"info-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"})]))}}),hw=fve,vve=Z({name:"Loading",__name:"loading",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"})]))}}),Qs=vve,pve=Z({name:"Minus",__name:"minus",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64"})]))}}),hve=pve,mve=Z({name:"MoreFilled",__name:"more-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M176 416a112 112 0 1 1 0 224 112 112 0 0 1 0-224m336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224m336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224"})]))}}),h4=mve,gve=Z({name:"More",__name:"more",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M176 416a112 112 0 1 0 0 224 112 112 0 0 0 0-224m0 64a48 48 0 1 1 0 96 48 48 0 0 1 0-96m336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96m336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96"})]))}}),bve=gve,yve=Z({name:"PictureFilled",__name:"picture-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32zm315.52-228.48-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112M256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384"})]))}}),_ve=yve,wve=Z({name:"Plus",__name:"plus",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"})]))}}),j6=wve,Cve=Z({name:"QuestionFilled",__name:"question-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"})]))}}),Sve=Cve,kve=Z({name:"RefreshLeft",__name:"refresh-left",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"})]))}}),$ve=kve,Eve=Z({name:"RefreshRight",__name:"refresh-right",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"})]))}}),Tve=Eve,Pve=Z({name:"ScaleToOriginal",__name:"scale-to-original",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118M512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412M512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512"})]))}}),Ove=Pve,xve=Z({name:"Search",__name:"search",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"})]))}}),Ave=xve,Ive=Z({name:"SortDown",__name:"sort-down",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M576 96v709.568L333.312 562.816A32 32 0 1 0 288 608l297.408 297.344A32 32 0 0 0 640 882.688V96a32 32 0 0 0-64 0"})]))}}),Mve=Ive,Nve=Z({name:"SortUp",__name:"sort-up",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M384 141.248V928a32 32 0 1 0 64 0V218.56l242.688 242.688A32 32 0 1 0 736 416L438.592 118.656A32 32 0 0 0 384 141.248"})]))}}),Rve=Nve,Fve=Z({name:"StarFilled",__name:"star-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M283.84 867.84 512 747.776l228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72z"})]))}}),Ip=Fve,Lve=Z({name:"Star",__name:"star",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"})]))}}),Dve=Lve,Bve=Z({name:"SuccessFilled",__name:"success-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"})]))}}),z6=Bve,Vve=Z({name:"View",__name:"view",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"})]))}}),jve=Vve,zve=Z({name:"WarningFilled",__name:"warning-filled",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"})]))}}),fg=zve,Hve=Z({name:"ZoomIn",__name:"zoom-in",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"})]))}}),H6=Hve,Kve=Z({name:"ZoomOut",__name:"zoom-out",setup(e){return(t,n)=>(P(),H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[q("path",{fill:"currentColor",d:"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"})]))}}),Wve=Kve;const K6="__epPropKey",ge=e=>e,Uve=e=>Bt(e)&&!!e[K6],Za=(e,t)=>{if(!Bt(e)||Uve(e))return e;const{values:n,required:r,default:o,type:a,validator:l}=e,i={type:a,required:!!r,validator:n||l?u=>{let f=!1,v=[];if(n&&(v=Array.from(n),Xt(e,"default")&&v.push(o),f||(f=v.includes(u))),l&&(f||(f=l(u))),!f&&v.length>0){const p=[...new Set(v)].map(h=>JSON.stringify(h)).join(", ");hV(`Invalid prop: validation failed${t?` for prop "${t}"`:""}. Expected one of [${p}], got value ${JSON.stringify(u)}.`)}return f}:void 0,[K6]:!0};return Xt(e,"default")&&(i.default=o),i},He=e=>Qh(Object.entries(e).map(([t,n])=>[t,Za(n,t)])),On=ge([String,Object,Function]),W6={Close:Ha},mw={Close:Ha,SuccessFilled:z6,InfoFilled:hw,WarningFilled:fg,CircleCloseFilled:pw},Hs={success:z6,warning:fg,error:pw,info:hw},U6={validating:Qs,success:vw,error:Zs},Rt=(e,t)=>{if(e.install=n=>{for(const r of[e,...Object.values(t!=null?t:{})])n.component(r.name,r)},t)for(const[n,r]of Object.entries(t))e[n]=r;return e},q6=(e,t)=>(e.install=n=>{e._context=n._context,n.config.globalProperties[t]=e},e),qve=(e,t)=>(e.install=n=>{n.directive(t,e)},e),Xn=e=>(e.install=gn,e),vg=(...e)=>t=>{e.forEach(n=>{ht(n)?n(t):n.value=t})},ut={tab:"Tab",enter:"Enter",space:"Space",left:"ArrowLeft",up:"ArrowUp",right:"ArrowRight",down:"ArrowDown",esc:"Escape",delete:"Delete",backspace:"Backspace",numpadEnter:"NumpadEnter",pageUp:"PageUp",pageDown:"PageDown",home:"Home",end:"End"},Gve=["year","month","date","dates","week","datetime","datetimerange","daterange","monthrange"],_b=["sun","mon","tue","wed","thu","fri","sat"],Dt="update:modelValue",Rn="change",uo="input",m4=Symbol("INSTALLED_KEY"),Cl=["","default","small","large"],Yve={large:40,default:32,small:24},Xve=e=>Yve[e||"default"],pg=e=>["",...Cl].includes(e);var ia=(e=>(e[e.TEXT=1]="TEXT",e[e.CLASS=2]="CLASS",e[e.STYLE=4]="STYLE",e[e.PROPS=8]="PROPS",e[e.FULL_PROPS=16]="FULL_PROPS",e[e.HYDRATE_EVENTS=32]="HYDRATE_EVENTS",e[e.STABLE_FRAGMENT=64]="STABLE_FRAGMENT",e[e.KEYED_FRAGMENT=128]="KEYED_FRAGMENT",e[e.UNKEYED_FRAGMENT=256]="UNKEYED_FRAGMENT",e[e.NEED_PATCH=512]="NEED_PATCH",e[e.DYNAMIC_SLOTS=1024]="DYNAMIC_SLOTS",e[e.HOISTED=-1]="HOISTED",e[e.BAIL=-2]="BAIL",e))(ia||{});function Ly(e){return An(e)&&e.type===Ue}function Zve(e){return An(e)&&e.type===Nr}function Qve(e){return An(e)&&!Ly(e)&&!Zve(e)}const Jve=e=>{if(!An(e))return{};const t=e.props||{},n=(An(e.type)?e.type.props:void 0)||{},r={};return Object.keys(n).forEach(o=>{Xt(n[o],"default")&&(r[o]=n[o].default)}),Object.keys(t).forEach(o=>{r[ma(o)]=t[o]}),r},epe=e=>{if(!et(e)||e.length>1)throw new Error("expect to receive a single Vue element child");return e[0]},Zu=e=>{const t=et(e)?e:[e],n=[];return t.forEach(r=>{var o;et(r)?n.push(...Zu(r)):An(r)&&et(r.children)?n.push(...Zu(r.children)):(n.push(r),An(r)&&((o=r.component)==null?void 0:o.subTree)&&n.push(...Zu(r.component.subTree)))}),n},g4=e=>[...new Set(e)],Kl=e=>!e&&e!==0?[]:Array.isArray(e)?e:[e],hg=e=>/([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(e),If=e=>en?window.requestAnimationFrame(e):setTimeout(e,16),mg=e=>en?window.cancelAnimationFrame(e):clearTimeout(e),gg=()=>Math.floor(Math.random()*1e4),zn=e=>e,tpe=["class","style"],npe=/^on[A-Z]/,gw=(e={})=>{const{excludeListeners:t=!1,excludeKeys:n}=e,r=T(()=>((n==null?void 0:n.value)||[]).concat(tpe)),o=vt();return T(o?()=>{var a;return Qh(Object.entries((a=o.proxy)==null?void 0:a.$attrs).filter(([l])=>!r.value.includes(l)&&!(t&&npe.test(l))))}:()=>({}))},bl=({from:e,replacement:t,scope:n,version:r,ref:o,type:a="API"},l)=>{be(()=>c(l),s=>{},{immediate:!0})},G6=(e,t,n)=>{let r={offsetX:0,offsetY:0};const o=s=>{const i=s.clientX,u=s.clientY,{offsetX:f,offsetY:v}=r,p=e.value.getBoundingClientRect(),h=p.left,b=p.top,g=p.width,_=p.height,y=document.documentElement.clientWidth,S=document.documentElement.clientHeight,w=-h+f,C=-b+v,k=y-h-g+f,$=S-b-_+v,O=R=>{const V=Math.min(Math.max(f+R.clientX-i,w),k),A=Math.min(Math.max(v+R.clientY-u,C),$);r={offsetX:V,offsetY:A},e.value.style.transform=`translate(${or(V)}, ${or(A)})`},x=()=>{document.removeEventListener("mousemove",O),document.removeEventListener("mouseup",x)};document.addEventListener("mousemove",O),document.addEventListener("mouseup",x)},a=()=>{t.value&&e.value&&t.value.addEventListener("mousedown",o)},l=()=>{t.value&&e.value&&t.value.removeEventListener("mousedown",o)};bt(()=>{ir(()=>{n.value?a():l()})}),hn(()=>{l()})},rpe=e=>({focus:()=>{var t,n;(n=(t=e.value)==null?void 0:t.focus)==null||n.call(t)}});var ope={name:"en",el:{colorpicker:{confirm:"OK",clear:"Clear",defaultLabel:"color picker",description:"current color is {color}. press enter to select a new color."},datepicker:{now:"Now",today:"Today",cancel:"Cancel",clear:"Clear",confirm:"OK",dateTablePrompt:"Use the arrow keys and enter to select the day of the month",monthTablePrompt:"Use the arrow keys and enter to select the month",yearTablePrompt:"Use the arrow keys and enter to select the year",selectedDate:"Selected date",selectDate:"Select date",selectTime:"Select time",startDate:"Start Date",startTime:"Start Time",endDate:"End Date",endTime:"End Time",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"",month1:"January",month2:"February",month3:"March",month4:"April",month5:"May",month6:"June",month7:"July",month8:"August",month9:"September",month10:"October",month11:"November",month12:"December",week:"week",weeks:{sun:"Sun",mon:"Mon",tue:"Tue",wed:"Wed",thu:"Thu",fri:"Fri",sat:"Sat"},weeksFull:{sun:"Sunday",mon:"Monday",tue:"Tuesday",wed:"Wednesday",thu:"Thursday",fri:"Friday",sat:"Saturday"},months:{jan:"Jan",feb:"Feb",mar:"Mar",apr:"Apr",may:"May",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Oct",nov:"Nov",dec:"Dec"}},inputNumber:{decrease:"decrease number",increase:"increase number"},select:{loading:"Loading",noMatch:"No matching data",noData:"No data",placeholder:"Select"},dropdown:{toggleDropdown:"Toggle Dropdown"},cascader:{noMatch:"No matching data",loading:"Loading",placeholder:"Select",noData:"No data"},pagination:{goto:"Go to",pagesize:"/page",total:"Total {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages",deprecationWarning:"Deprecated usages detected, please refer to the el-pagination documentation for more details"},dialog:{close:"Close this dialog"},drawer:{close:"Close this dialog"},messagebox:{title:"Message",confirm:"OK",cancel:"Cancel",error:"Illegal input",close:"Close this dialog"},upload:{deleteTip:"press delete to remove",delete:"Delete",preview:"Preview",continue:"Continue"},slider:{defaultLabel:"slider between {min} and {max}",defaultRangeStartLabel:"pick start value",defaultRangeEndLabel:"pick end value"},table:{emptyText:"No Data",confirmFilter:"Confirm",resetFilter:"Reset",clearFilter:"All",sumText:"Sum"},tree:{emptyText:"No Data"},transfer:{noMatch:"No matching data",noData:"No data",titles:["List 1","List 2"],filterPlaceholder:"Enter keyword",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} checked"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};const ape=e=>(t,n)=>lpe(t,n,c(e)),lpe=(e,t,n)=>jn(n,e,e).replace(/\{(\w+)\}/g,(r,o)=>{var a;return`${(a=t==null?void 0:t[o])!=null?a:`{${o}}`}`}),spe=e=>{const t=T(()=>c(e).name),n=kn(e)?e:D(e);return{lang:t,locale:n,t:ape(e)}},Y6=Symbol("localeContextKey"),rn=e=>{const t=e||Ge(Y6,D());return spe(T(()=>t.value||ope))},ipe=()=>{},upe=Array.isArray,cpe=e=>typeof e=="function",dpe=e=>typeof e=="symbol";let fpe;function vpe(e,t=fpe){t&&t.active&&t.effects.push(e)}const ppe=e=>{const t=new Set(e);return t.w=0,t.n=0,t},X6=e=>(e.w&Ks)>0,Z6=e=>(e.n&Ks)>0,hpe=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let n=0;for(let r=0;re!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(dpe));function bg(e){const t=e&&e.__v_raw;return t?bg(t):e}function _pe(e){ih&&dl&&(e=bg(e),bpe(e.dep||(e.dep=ppe())))}function wpe(e,t){e=bg(e);const n=e.dep;n&&ype(n)}class Cpe{constructor(t,n,r,o){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new gpe(t,()=>{this._dirty||(this._dirty=!0,wpe(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!o,this.__v_isReadonly=r}get value(){const t=bg(this);return _pe(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function Spe(e,t,n=!1){let r,o;const a=cpe(e);return a?(r=e,o=ipe):(r=e.get,o=e.set),new Cpe(r,o,a||!o,n)}const Jh="el",kpe="is-",pi=(e,t,n,r,o)=>{let a=`${e}-${t}`;return n&&(a+=`-${n}`),r&&(a+=`__${r}`),o&&(a+=`--${o}`),a},Q6=Symbol("namespaceContextKey"),bw=e=>{const t=e||Ge(Q6,D(Jh));return T(()=>c(t)||Jh)},Ie=(e,t)=>{const n=bw(t);return{namespace:n,b:(g="")=>pi(n.value,e,g,"",""),e:g=>g?pi(n.value,e,"",g,""):"",m:g=>g?pi(n.value,e,"","",g):"",be:(g,_)=>g&&_?pi(n.value,e,g,_,""):"",em:(g,_)=>g&&_?pi(n.value,e,"",g,_):"",bm:(g,_)=>g&&_?pi(n.value,e,g,"",_):"",bem:(g,_,y)=>g&&_&&y?pi(n.value,e,g,_,y):"",is:(g,..._)=>{const y=_.length>=1?_[0]:!0;return g&&y?`${kpe}${g}`:""},cssVar:g=>{const _={};for(const y in g)g[y]&&(_[`--${n.value}-${y}`]=g[y]);return _},cssVarName:g=>`--${n.value}-${g}`,cssVarBlock:g=>{const _={};for(const y in g)g[y]&&(_[`--${n.value}-${e}-${y}`]=g[y]);return _},cssVarBlockName:g=>`--${n.value}-${e}-${g}`}},J6=(e,t={})=>{kn(e)||wr("[useLockscreen]","You need to pass a ref param to this function");const n=t.ns||Ie("popup"),r=Spe(()=>n.bm("parent","hidden"));if(!en||Va(document.body,r.value))return;let o=0,a=!1,l="0";const s=()=>{setTimeout(()=>{Po(document==null?void 0:document.body,r.value),a&&document&&(document.body.style.width=l)},200)};be(e,i=>{if(!i){s();return}a=!Va(document.body,r.value),a&&(l=document.body.style.width),o=L6(n.namespace.value);const u=document.documentElement.clientHeight0&&(u||f==="scroll")&&a&&(document.body.style.width=`calc(100% - ${o}px)`),fl(document.body,r.value)}),iP(()=>s())},$pe=Za({type:ge(Boolean),default:null}),Epe=Za({type:ge(Function)}),Tpe=e=>{const t=`update:${e}`,n=`onUpdate:${e}`,r=[t],o={[e]:$pe,[n]:Epe};return{useModelToggle:({indicator:l,toggleReason:s,shouldHideWhenRouteChanges:i,shouldProceed:u,onShow:f,onHide:v})=>{const p=vt(),{emit:h}=p,b=p.props,g=T(()=>ht(b[n])),_=T(()=>b[e]===null),y=O=>{l.value!==!0&&(l.value=!0,s&&(s.value=O),ht(f)&&f(O))},S=O=>{l.value!==!1&&(l.value=!1,s&&(s.value=O),ht(v)&&v(O))},w=O=>{if(b.disabled===!0||ht(u)&&!u())return;const x=g.value&&en;x&&h(t,!0),(_.value||!x)&&y(O)},C=O=>{if(b.disabled===!0||!en)return;const x=g.value&&en;x&&h(t,!1),(_.value||!x)&&S(O)},k=O=>{!yr(O)||(b.disabled&&O?g.value&&h(t,!1):l.value!==O&&(O?y():S()))},$=()=>{l.value?C():w()};return be(()=>b[e],k),i&&p.appContext.config.globalProperties.$route!==void 0&&be(()=>({...p.proxy.$route}),()=>{i.value&&l.value&&C()}),bt(()=>{k(b[e])}),{hide:C,show:w,toggle:$,hasUpdateHandler:g}},useModelToggleProps:o,useModelToggleEmits:r}},e8=e=>{const t=vt();return T(()=>{var n,r;return(r=(n=t==null?void 0:t.proxy)==null?void 0:n.$props)==null?void 0:r[e]})};var Oo="top",ya="bottom",_a="right",xo="left",yw="auto",hv=[Oo,ya,_a,xo],yc="start",Mf="end",Ppe="clippingParents",t8="viewport",Td="popper",Ope="reference",_4=hv.reduce(function(e,t){return e.concat([t+"-"+yc,t+"-"+Mf])},[]),ou=[].concat(hv,[yw]).reduce(function(e,t){return e.concat([t,t+"-"+yc,t+"-"+Mf])},[]),xpe="beforeRead",Ape="read",Ipe="afterRead",Mpe="beforeMain",Npe="main",Rpe="afterMain",Fpe="beforeWrite",Lpe="write",Dpe="afterWrite",Bpe=[xpe,Ape,Ipe,Mpe,Npe,Rpe,Fpe,Lpe,Dpe];function yl(e){return e?(e.nodeName||"").toLowerCase():null}function Qa(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function _c(e){var t=Qa(e).Element;return e instanceof t||e instanceof Element}function ha(e){var t=Qa(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function _w(e){if(typeof ShadowRoot>"u")return!1;var t=Qa(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Vpe(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var r=t.styles[n]||{},o=t.attributes[n]||{},a=t.elements[n];!ha(a)||!yl(a)||(Object.assign(a.style,r),Object.keys(o).forEach(function(l){var s=o[l];s===!1?a.removeAttribute(l):a.setAttribute(l,s===!0?"":s)}))})}function jpe(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(r){var o=t.elements[r],a=t.attributes[r]||{},l=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:n[r]),s=l.reduce(function(i,u){return i[u]="",i},{});!ha(o)||!yl(o)||(Object.assign(o.style,s),Object.keys(a).forEach(function(i){o.removeAttribute(i)}))})}}var n8={name:"applyStyles",enabled:!0,phase:"write",fn:Vpe,effect:jpe,requires:["computeStyles"]};function hl(e){return e.split("-")[0]}var ji=Math.max,em=Math.min,wc=Math.round;function Cc(e,t){t===void 0&&(t=!1);var n=e.getBoundingClientRect(),r=1,o=1;if(ha(e)&&t){var a=e.offsetHeight,l=e.offsetWidth;l>0&&(r=wc(n.width)/l||1),a>0&&(o=wc(n.height)/a||1)}return{width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ww(e){var t=Cc(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function r8(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&_w(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function Zl(e){return Qa(e).getComputedStyle(e)}function zpe(e){return["table","td","th"].indexOf(yl(e))>=0}function Js(e){return((_c(e)?e.ownerDocument:e.document)||window.document).documentElement}function yg(e){return yl(e)==="html"?e:e.assignedSlot||e.parentNode||(_w(e)?e.host:null)||Js(e)}function w4(e){return!ha(e)||Zl(e).position==="fixed"?null:e.offsetParent}function Hpe(e){var t=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&ha(e)){var r=Zl(e);if(r.position==="fixed")return null}var o=yg(e);for(_w(o)&&(o=o.host);ha(o)&&["html","body"].indexOf(yl(o))<0;){var a=Zl(o);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||t&&a.willChange==="filter"||t&&a.filter&&a.filter!=="none")return o;o=o.parentNode}return null}function mv(e){for(var t=Qa(e),n=w4(e);n&&zpe(n)&&Zl(n).position==="static";)n=w4(n);return n&&(yl(n)==="html"||yl(n)==="body"&&Zl(n).position==="static")?t:n||Hpe(e)||t}function Cw(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Xd(e,t,n){return ji(e,em(t,n))}function Kpe(e,t,n){var r=Xd(e,t,n);return r>n?n:r}function o8(){return{top:0,right:0,bottom:0,left:0}}function a8(e){return Object.assign({},o8(),e)}function l8(e,t){return t.reduce(function(n,r){return n[r]=e,n},{})}var Wpe=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,a8(typeof e!="number"?e:l8(e,hv))};function Upe(e){var t,n=e.state,r=e.name,o=e.options,a=n.elements.arrow,l=n.modifiersData.popperOffsets,s=hl(n.placement),i=Cw(s),u=[xo,_a].indexOf(s)>=0,f=u?"height":"width";if(!(!a||!l)){var v=Wpe(o.padding,n),p=ww(a),h=i==="y"?Oo:xo,b=i==="y"?ya:_a,g=n.rects.reference[f]+n.rects.reference[i]-l[i]-n.rects.popper[f],_=l[i]-n.rects.reference[i],y=mv(a),S=y?i==="y"?y.clientHeight||0:y.clientWidth||0:0,w=g/2-_/2,C=v[h],k=S-p[f]-v[b],$=S/2-p[f]/2+w,O=Xd(C,$,k),x=i;n.modifiersData[r]=(t={},t[x]=O,t.centerOffset=O-$,t)}}function qpe(e){var t=e.state,n=e.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=t.elements.popper.querySelector(o),!o)||!r8(t.elements.popper,o)||(t.elements.arrow=o))}var Gpe={name:"arrow",enabled:!0,phase:"main",fn:Upe,effect:qpe,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Sc(e){return e.split("-")[1]}var Ype={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Xpe(e){var t=e.x,n=e.y,r=window,o=r.devicePixelRatio||1;return{x:wc(t*o)/o||0,y:wc(n*o)/o||0}}function C4(e){var t,n=e.popper,r=e.popperRect,o=e.placement,a=e.variation,l=e.offsets,s=e.position,i=e.gpuAcceleration,u=e.adaptive,f=e.roundOffsets,v=e.isFixed,p=l.x,h=p===void 0?0:p,b=l.y,g=b===void 0?0:b,_=typeof f=="function"?f({x:h,y:g}):{x:h,y:g};h=_.x,g=_.y;var y=l.hasOwnProperty("x"),S=l.hasOwnProperty("y"),w=xo,C=Oo,k=window;if(u){var $=mv(n),O="clientHeight",x="clientWidth";if($===Qa(n)&&($=Js(n),Zl($).position!=="static"&&s==="absolute"&&(O="scrollHeight",x="scrollWidth")),$=$,o===Oo||(o===xo||o===_a)&&a===Mf){C=ya;var R=v&&$===k&&k.visualViewport?k.visualViewport.height:$[O];g-=R-r.height,g*=i?1:-1}if(o===xo||(o===Oo||o===ya)&&a===Mf){w=_a;var V=v&&$===k&&k.visualViewport?k.visualViewport.width:$[x];h-=V-r.width,h*=i?1:-1}}var A=Object.assign({position:s},u&&Ype),I=f===!0?Xpe({x:h,y:g}):{x:h,y:g};if(h=I.x,g=I.y,i){var B;return Object.assign({},A,(B={},B[C]=S?"0":"",B[w]=y?"0":"",B.transform=(k.devicePixelRatio||1)<=1?"translate("+h+"px, "+g+"px)":"translate3d("+h+"px, "+g+"px, 0)",B))}return Object.assign({},A,(t={},t[C]=S?g+"px":"",t[w]=y?h+"px":"",t.transform="",t))}function Zpe(e){var t=e.state,n=e.options,r=n.gpuAcceleration,o=r===void 0?!0:r,a=n.adaptive,l=a===void 0?!0:a,s=n.roundOffsets,i=s===void 0?!0:s,u={placement:hl(t.placement),variation:Sc(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,C4(Object.assign({},u,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:l,roundOffsets:i})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,C4(Object.assign({},u,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:i})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var s8={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Zpe,data:{}},Mp={passive:!0};function Qpe(e){var t=e.state,n=e.instance,r=e.options,o=r.scroll,a=o===void 0?!0:o,l=r.resize,s=l===void 0?!0:l,i=Qa(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&u.forEach(function(f){f.addEventListener("scroll",n.update,Mp)}),s&&i.addEventListener("resize",n.update,Mp),function(){a&&u.forEach(function(f){f.removeEventListener("scroll",n.update,Mp)}),s&&i.removeEventListener("resize",n.update,Mp)}}var i8={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Qpe,data:{}},Jpe={left:"right",right:"left",bottom:"top",top:"bottom"};function uh(e){return e.replace(/left|right|bottom|top/g,function(t){return Jpe[t]})}var ehe={start:"end",end:"start"};function S4(e){return e.replace(/start|end/g,function(t){return ehe[t]})}function Sw(e){var t=Qa(e),n=t.pageXOffset,r=t.pageYOffset;return{scrollLeft:n,scrollTop:r}}function kw(e){return Cc(Js(e)).left+Sw(e).scrollLeft}function the(e){var t=Qa(e),n=Js(e),r=t.visualViewport,o=n.clientWidth,a=n.clientHeight,l=0,s=0;return r&&(o=r.width,a=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(l=r.offsetLeft,s=r.offsetTop)),{width:o,height:a,x:l+kw(e),y:s}}function nhe(e){var t,n=Js(e),r=Sw(e),o=(t=e.ownerDocument)==null?void 0:t.body,a=ji(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=ji(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+kw(e),i=-r.scrollTop;return Zl(o||n).direction==="rtl"&&(s+=ji(n.clientWidth,o?o.clientWidth:0)-a),{width:a,height:l,x:s,y:i}}function $w(e){var t=Zl(e),n=t.overflow,r=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+o+r)}function u8(e){return["html","body","#document"].indexOf(yl(e))>=0?e.ownerDocument.body:ha(e)&&$w(e)?e:u8(yg(e))}function Zd(e,t){var n;t===void 0&&(t=[]);var r=u8(e),o=r===((n=e.ownerDocument)==null?void 0:n.body),a=Qa(r),l=o?[a].concat(a.visualViewport||[],$w(r)?r:[]):r,s=t.concat(l);return o?s:s.concat(Zd(yg(l)))}function By(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function rhe(e){var t=Cc(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function k4(e,t){return t===t8?By(the(e)):_c(t)?rhe(t):By(nhe(Js(e)))}function ohe(e){var t=Zd(yg(e)),n=["absolute","fixed"].indexOf(Zl(e).position)>=0,r=n&&ha(e)?mv(e):e;return _c(r)?t.filter(function(o){return _c(o)&&r8(o,r)&&yl(o)!=="body"}):[]}function ahe(e,t,n){var r=t==="clippingParents"?ohe(e):[].concat(t),o=[].concat(r,[n]),a=o[0],l=o.reduce(function(s,i){var u=k4(e,i);return s.top=ji(u.top,s.top),s.right=em(u.right,s.right),s.bottom=em(u.bottom,s.bottom),s.left=ji(u.left,s.left),s},k4(e,a));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function c8(e){var t=e.reference,n=e.element,r=e.placement,o=r?hl(r):null,a=r?Sc(r):null,l=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,i;switch(o){case Oo:i={x:l,y:t.y-n.height};break;case ya:i={x:l,y:t.y+t.height};break;case _a:i={x:t.x+t.width,y:s};break;case xo:i={x:t.x-n.width,y:s};break;default:i={x:t.x,y:t.y}}var u=o?Cw(o):null;if(u!=null){var f=u==="y"?"height":"width";switch(a){case yc:i[u]=i[u]-(t[f]/2-n[f]/2);break;case Mf:i[u]=i[u]+(t[f]/2-n[f]/2);break}}return i}function Nf(e,t){t===void 0&&(t={});var n=t,r=n.placement,o=r===void 0?e.placement:r,a=n.boundary,l=a===void 0?Ppe:a,s=n.rootBoundary,i=s===void 0?t8:s,u=n.elementContext,f=u===void 0?Td:u,v=n.altBoundary,p=v===void 0?!1:v,h=n.padding,b=h===void 0?0:h,g=a8(typeof b!="number"?b:l8(b,hv)),_=f===Td?Ope:Td,y=e.rects.popper,S=e.elements[p?_:f],w=ahe(_c(S)?S:S.contextElement||Js(e.elements.popper),l,i),C=Cc(e.elements.reference),k=c8({reference:C,element:y,strategy:"absolute",placement:o}),$=By(Object.assign({},y,k)),O=f===Td?$:C,x={top:w.top-O.top+g.top,bottom:O.bottom-w.bottom+g.bottom,left:w.left-O.left+g.left,right:O.right-w.right+g.right},R=e.modifiersData.offset;if(f===Td&&R){var V=R[o];Object.keys(x).forEach(function(A){var I=[_a,ya].indexOf(A)>=0?1:-1,B=[Oo,ya].indexOf(A)>=0?"y":"x";x[A]+=V[B]*I})}return x}function lhe(e,t){t===void 0&&(t={});var n=t,r=n.placement,o=n.boundary,a=n.rootBoundary,l=n.padding,s=n.flipVariations,i=n.allowedAutoPlacements,u=i===void 0?ou:i,f=Sc(r),v=f?s?_4:_4.filter(function(b){return Sc(b)===f}):hv,p=v.filter(function(b){return u.indexOf(b)>=0});p.length===0&&(p=v);var h=p.reduce(function(b,g){return b[g]=Nf(e,{placement:g,boundary:o,rootBoundary:a,padding:l})[hl(g)],b},{});return Object.keys(h).sort(function(b,g){return h[b]-h[g]})}function she(e){if(hl(e)===yw)return[];var t=uh(e);return[S4(e),t,S4(t)]}function ihe(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var o=n.mainAxis,a=o===void 0?!0:o,l=n.altAxis,s=l===void 0?!0:l,i=n.fallbackPlacements,u=n.padding,f=n.boundary,v=n.rootBoundary,p=n.altBoundary,h=n.flipVariations,b=h===void 0?!0:h,g=n.allowedAutoPlacements,_=t.options.placement,y=hl(_),S=y===_,w=i||(S||!b?[uh(_)]:she(_)),C=[_].concat(w).reduce(function(me,Ce){return me.concat(hl(Ce)===yw?lhe(t,{placement:Ce,boundary:f,rootBoundary:v,padding:u,flipVariations:b,allowedAutoPlacements:g}):Ce)},[]),k=t.rects.reference,$=t.rects.popper,O=new Map,x=!0,R=C[0],V=0;V=0,Y=z?"width":"height",K=Nf(t,{placement:A,boundary:f,rootBoundary:v,altBoundary:p,padding:u}),M=z?B?_a:xo:B?ya:Oo;k[Y]>$[Y]&&(M=uh(M));var j=uh(M),N=[];if(a&&N.push(K[I]<=0),s&&N.push(K[M]<=0,K[j]<=0),N.every(function(me){return me})){R=A,x=!1;break}O.set(A,N)}if(x)for(var U=b?3:1,W=function(me){var Ce=C.find(function(pe){var ke=O.get(pe);if(ke)return ke.slice(0,me).every(function(ce){return ce})});if(Ce)return R=Ce,"break"},G=U;G>0;G--){var ae=W(G);if(ae==="break")break}t.placement!==R&&(t.modifiersData[r]._skip=!0,t.placement=R,t.reset=!0)}}var uhe={name:"flip",enabled:!0,phase:"main",fn:ihe,requiresIfExists:["offset"],data:{_skip:!1}};function $4(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function E4(e){return[Oo,_a,ya,xo].some(function(t){return e[t]>=0})}function che(e){var t=e.state,n=e.name,r=t.rects.reference,o=t.rects.popper,a=t.modifiersData.preventOverflow,l=Nf(t,{elementContext:"reference"}),s=Nf(t,{altBoundary:!0}),i=$4(l,r),u=$4(s,o,a),f=E4(i),v=E4(u);t.modifiersData[n]={referenceClippingOffsets:i,popperEscapeOffsets:u,isReferenceHidden:f,hasPopperEscaped:v},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":v})}var dhe={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:che};function fhe(e,t,n){var r=hl(e),o=[xo,Oo].indexOf(r)>=0?-1:1,a=typeof n=="function"?n(Object.assign({},t,{placement:e})):n,l=a[0],s=a[1];return l=l||0,s=(s||0)*o,[xo,_a].indexOf(r)>=0?{x:s,y:l}:{x:l,y:s}}function vhe(e){var t=e.state,n=e.options,r=e.name,o=n.offset,a=o===void 0?[0,0]:o,l=ou.reduce(function(f,v){return f[v]=fhe(v,t.rects,a),f},{}),s=l[t.placement],i=s.x,u=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=i,t.modifiersData.popperOffsets.y+=u),t.modifiersData[r]=l}var phe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:vhe};function hhe(e){var t=e.state,n=e.name;t.modifiersData[n]=c8({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var d8={name:"popperOffsets",enabled:!0,phase:"read",fn:hhe,data:{}};function mhe(e){return e==="x"?"y":"x"}function ghe(e){var t=e.state,n=e.options,r=e.name,o=n.mainAxis,a=o===void 0?!0:o,l=n.altAxis,s=l===void 0?!1:l,i=n.boundary,u=n.rootBoundary,f=n.altBoundary,v=n.padding,p=n.tether,h=p===void 0?!0:p,b=n.tetherOffset,g=b===void 0?0:b,_=Nf(t,{boundary:i,rootBoundary:u,padding:v,altBoundary:f}),y=hl(t.placement),S=Sc(t.placement),w=!S,C=Cw(y),k=mhe(C),$=t.modifiersData.popperOffsets,O=t.rects.reference,x=t.rects.popper,R=typeof g=="function"?g(Object.assign({},t.rects,{placement:t.placement})):g,V=typeof R=="number"?{mainAxis:R,altAxis:R}:Object.assign({mainAxis:0,altAxis:0},R),A=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if($){if(a){var B,z=C==="y"?Oo:xo,Y=C==="y"?ya:_a,K=C==="y"?"height":"width",M=$[C],j=M+_[z],N=M-_[Y],U=h?-x[K]/2:0,W=S===yc?O[K]:x[K],G=S===yc?-x[K]:-O[K],ae=t.elements.arrow,me=h&&ae?ww(ae):{width:0,height:0},Ce=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:o8(),pe=Ce[z],ke=Ce[Y],ce=Xd(0,O[K],me[K]),ee=w?O[K]/2-U-ce-pe-V.mainAxis:W-ce-pe-V.mainAxis,ve=w?-O[K]/2+U+ce+ke+V.mainAxis:G+ce+ke+V.mainAxis,Be=t.elements.arrow&&mv(t.elements.arrow),ne=Be?C==="y"?Be.clientTop||0:Be.clientLeft||0:0,ie=(B=A==null?void 0:A[C])!=null?B:0,ye=M+ee-ie-ne,Oe=M+ve-ie,je=Xd(h?em(j,ye):j,M,h?ji(N,Oe):N);$[C]=je,I[C]=je-M}if(s){var _e,Ve=C==="x"?Oo:xo,Te=C==="x"?ya:_a,Le=$[k],Ee=k==="y"?"height":"width",Ze=Le+_[Ve],Ye=Le-_[Te],$e=[Oo,xo].indexOf(y)!==-1,Xe=(_e=A==null?void 0:A[k])!=null?_e:0,ft=$e?Ze:Le-O[Ee]-x[Ee]-Xe+V.altAxis,Et=$e?Le+O[Ee]+x[Ee]-Xe-V.altAxis:Ye,dt=h&&$e?Kpe(ft,Le,Et):Xd(h?ft:Ze,Le,h?Et:Ye);$[k]=dt,I[k]=dt-Le}t.modifiersData[r]=I}}var bhe={name:"preventOverflow",enabled:!0,phase:"main",fn:ghe,requiresIfExists:["offset"]};function yhe(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function _he(e){return e===Qa(e)||!ha(e)?Sw(e):yhe(e)}function whe(e){var t=e.getBoundingClientRect(),n=wc(t.width)/e.offsetWidth||1,r=wc(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Che(e,t,n){n===void 0&&(n=!1);var r=ha(t),o=ha(t)&&whe(t),a=Js(t),l=Cc(e,o),s={scrollLeft:0,scrollTop:0},i={x:0,y:0};return(r||!r&&!n)&&((yl(t)!=="body"||$w(a))&&(s=_he(t)),ha(t)?(i=Cc(t,!0),i.x+=t.clientLeft,i.y+=t.clientTop):a&&(i.x=kw(a))),{x:l.left+s.scrollLeft-i.x,y:l.top+s.scrollTop-i.y,width:l.width,height:l.height}}function She(e){var t=new Map,n=new Set,r=[];e.forEach(function(a){t.set(a.name,a)});function o(a){n.add(a.name);var l=[].concat(a.requires||[],a.requiresIfExists||[]);l.forEach(function(s){if(!n.has(s)){var i=t.get(s);i&&o(i)}}),r.push(a)}return e.forEach(function(a){n.has(a.name)||o(a)}),r}function khe(e){var t=She(e);return Bpe.reduce(function(n,r){return n.concat(t.filter(function(o){return o.phase===r}))},[])}function $he(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function Ehe(e){var t=e.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(t).map(function(n){return t[n]})}var T4={placement:"bottom",modifiers:[],strategy:"absolute"};function P4(){for(var e=arguments.length,t=new Array(e),n=0;n{const r={name:"updateState",enabled:!0,phase:"write",fn:({state:i})=>{const u=xhe(i);Object.assign(l.value,u)},requires:["computeStyles"]},o=T(()=>{const{onFirstUpdate:i,placement:u,strategy:f,modifiers:v}=c(n);return{onFirstUpdate:i,placement:u||"bottom",strategy:f||"absolute",modifiers:[...v||[],r,{name:"applyStyles",enabled:!1}]}}),a=En(),l=D({styles:{popper:{position:c(o).strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),s=()=>{!a.value||(a.value.destroy(),a.value=void 0)};return be(o,i=>{const u=c(a);u&&u.setOptions(i)},{deep:!0}),be([e,t],([i,u])=>{s(),!(!i||!u)&&(a.value=f8(i,u,c(o)))}),hn(()=>{s()}),{state:T(()=>{var i;return{...((i=c(a))==null?void 0:i.state)||{}}}),styles:T(()=>c(l).styles),attributes:T(()=>c(l).attributes),update:()=>{var i;return(i=c(a))==null?void 0:i.update()},forceUpdate:()=>{var i;return(i=c(a))==null?void 0:i.forceUpdate()},instanceRef:T(()=>c(a))}};function xhe(e){const t=Object.keys(e.elements),n=Qh(t.map(o=>[o,e.styles[o]||{}])),r=Qh(t.map(o=>[o,e.attributes[o]]));return{styles:n,attributes:r}}const Tw=e=>{if(!e)return{onClick:gn,onMousedown:gn,onMouseup:gn};let t=!1,n=!1;return{onClick:l=>{t&&n&&e(l),t=n=!1},onMousedown:l=>{t=l.target===l.currentTarget},onMouseup:l=>{n=l.target===l.currentTarget}}},Ahe=(e,t=0)=>{if(t===0)return e;const n=D(!1);let r=0;const o=()=>{r&&clearTimeout(r),r=window.setTimeout(()=>{n.value=e.value},t)};return bt(o),be(()=>e.value,a=>{a?o():n.value=a}),n};function O4(){let e;const t=(r,o)=>{n(),e=window.setTimeout(r,o)},n=()=>window.clearTimeout(e);return sv(()=>n()),{registerTimeout:t,cancelTimeout:n}}const x4={prefix:Math.floor(Math.random()*1e4),current:0},Ihe=Symbol("elIdInjection"),v8=()=>vt()?Ge(Ihe,x4):x4,wa=e=>{const t=v8(),n=bw();return T(()=>c(e)||`${n.value}-id-${t.prefix}-${t.current++}`)};let Mu=[];const A4=e=>{const t=e;t.key===ut.esc&&Mu.forEach(n=>n(t))},Mhe=e=>{bt(()=>{Mu.length===0&&document.addEventListener("keydown",A4),en&&Mu.push(e)}),hn(()=>{Mu=Mu.filter(t=>t!==e),Mu.length===0&&en&&document.removeEventListener("keydown",A4)})};let I4;const p8=()=>{const e=bw(),t=v8(),n=T(()=>`${e.value}-popper-container-${t.prefix}`),r=T(()=>`#${n.value}`);return{id:n,selector:r}},Nhe=e=>{const t=document.createElement("div");return t.id=e,document.body.appendChild(t),t},Rhe=()=>{const{id:e,selector:t}=p8();return Dm(()=>{!en||!I4&&!document.body.querySelector(t.value)&&(I4=Nhe(e.value))}),{id:e,selector:t}},Fhe=He({showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},autoClose:{type:Number,default:0}}),h8=({showAfter:e,hideAfter:t,autoClose:n,open:r,close:o})=>{const{registerTimeout:a}=O4(),{registerTimeout:l,cancelTimeout:s}=O4();return{onOpen:f=>{a(()=>{r(f);const v=c(n);gt(v)&&v>0&&l(()=>{o(f)},v)},c(e))},onClose:f=>{s(),a(()=>{o(f)},c(t))}}},m8=Symbol("elForwardRef"),Lhe=e=>{$t(m8,{setForwardRef:n=>{e.value=n}})},Dhe=e=>({mounted(t){e(t)},updated(t){e(t)},unmounted(){e(null)}}),M4=D(0),g8=2e3,b8=Symbol("zIndexContextKey"),Zc=e=>{const t=e||Ge(b8,void 0),n=T(()=>{const a=c(t);return gt(a)?a:g8}),r=T(()=>n.value+M4.value);return{initialZIndex:n,currentZIndex:r,nextZIndex:()=>(M4.value++,r.value)}},Rf=Math.min,Qu=Math.max,tm=Math.round,Ws=e=>({x:e,y:e});function Bhe(e,t,n){return Qu(e,Rf(t,n))}function y8(e,t){return typeof e=="function"?e(t):e}function Pw(e){return e.split("-")[0]}function Ow(e){return e.split("-")[1]}function Vhe(e){return e==="x"?"y":"x"}function _8(e){return e==="y"?"height":"width"}function xw(e){return["top","bottom"].includes(Pw(e))?"y":"x"}function w8(e){return Vhe(xw(e))}function jhe(e){return{top:0,right:0,bottom:0,left:0,...e}}function zhe(e){return typeof e!="number"?jhe(e):{top:e,right:e,bottom:e,left:e}}function C8(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function N4(e,t,n){let{reference:r,floating:o}=e;const a=xw(t),l=w8(t),s=_8(l),i=Pw(t),u=a==="y",f=r.x+r.width/2-o.width/2,v=r.y+r.height/2-o.height/2,p=r[s]/2-o[s]/2;let h;switch(i){case"top":h={x:f,y:r.y-o.height};break;case"bottom":h={x:f,y:r.y+r.height};break;case"right":h={x:r.x+r.width,y:v};break;case"left":h={x:r.x-o.width,y:v};break;default:h={x:r.x,y:r.y}}switch(Ow(t)){case"start":h[l]-=p*(n&&u?-1:1);break;case"end":h[l]+=p*(n&&u?-1:1);break}return h}const Hhe=async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:l}=n,s=a.filter(Boolean),i=await(l.isRTL==null?void 0:l.isRTL(t));let u=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:f,y:v}=N4(u,r,i),p=r,h={},b=0;for(let g=0;g({name:"arrow",options:e,async fn(t){const{x:n,y:r,placement:o,rects:a,platform:l,elements:s,middlewareData:i}=t,{element:u,padding:f=0}=y8(e,t)||{};if(u==null)return{};const v=zhe(f),p={x:n,y:r},h=w8(o),b=_8(h),g=await l.getDimensions(u),_=h==="y",y=_?"top":"left",S=_?"bottom":"right",w=_?"clientHeight":"clientWidth",C=a.reference[b]+a.reference[h]-p[h]-a.floating[b],k=p[h]-a.reference[h],$=await(l.getOffsetParent==null?void 0:l.getOffsetParent(u));let O=$?$[w]:0;(!O||!await(l.isElement==null?void 0:l.isElement($)))&&(O=s.floating[w]||a.floating[b]);const x=C/2-k/2,R=O/2-g[b]/2-1,V=Rf(v[y],R),A=Rf(v[S],R),I=V,B=O-g[b]-A,z=O/2-g[b]/2+x,Y=Bhe(I,z,B),K=!i.arrow&&Ow(o)!=null&&z!=Y&&a.reference[b]/2-(z"u"?!1:e instanceof ShadowRoot||e instanceof Xo(e).ShadowRoot}function gv(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=Ca(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!["inline","contents"].includes(o)}function qhe(e){return["table","td","th"].includes(Us(e))}function Aw(e){const t=Iw(),n=Ca(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(r=>(n.willChange||"").includes(r))||["paint","layout","strict","content"].some(r=>(n.contain||"").includes(r))}function Ghe(e){let t=kc(e);for(;_l(t)&&!_g(t);){if(Aw(t))return t;t=kc(t)}return null}function Iw(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function _g(e){return["html","body","#document"].includes(Us(e))}function Ca(e){return Xo(e).getComputedStyle(e)}function wg(e){return Ql(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function kc(e){if(Us(e)==="html")return e;const t=e.assignedSlot||e.parentNode||R4(e)&&e.host||ei(e);return R4(t)?t.host:t}function k8(e){const t=kc(e);return _g(t)?e.ownerDocument?e.ownerDocument.body:e.body:_l(t)&&gv(t)?t:k8(t)}function Vy(e,t,n){var r;t===void 0&&(t=[]),n===void 0&&(n=!0);const o=k8(e),a=o===((r=e.ownerDocument)==null?void 0:r.body),l=Xo(o);return a?t.concat(l,l.visualViewport||[],gv(o)?o:[],l.frameElement&&n?Vy(l.frameElement):[]):t.concat(o,Vy(o,[],n))}function $8(e){const t=Ca(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=_l(e),a=o?e.offsetWidth:n,l=o?e.offsetHeight:r,s=tm(n)!==a||tm(r)!==l;return s&&(n=a,r=l),{width:n,height:r,$:s}}function E8(e){return Ql(e)?e:e.contextElement}function Ju(e){const t=E8(e);if(!_l(t))return Ws(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:a}=$8(t);let l=(a?tm(n.width):n.width)/r,s=(a?tm(n.height):n.height)/o;return(!l||!Number.isFinite(l))&&(l=1),(!s||!Number.isFinite(s))&&(s=1),{x:l,y:s}}const Yhe=Ws(0);function T8(e){const t=Xo(e);return!Iw()||!t.visualViewport?Yhe:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Xhe(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==Xo(e)?!1:t}function Ff(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);const o=e.getBoundingClientRect(),a=E8(e);let l=Ws(1);t&&(r?Ql(r)&&(l=Ju(r)):l=Ju(e));const s=Xhe(a,n,r)?T8(a):Ws(0);let i=(o.left+s.x)/l.x,u=(o.top+s.y)/l.y,f=o.width/l.x,v=o.height/l.y;if(a){const p=Xo(a),h=r&&Ql(r)?Xo(r):r;let b=p.frameElement;for(;b&&r&&h!==p;){const g=Ju(b),_=b.getBoundingClientRect(),y=Ca(b),S=_.left+(b.clientLeft+parseFloat(y.paddingLeft))*g.x,w=_.top+(b.clientTop+parseFloat(y.paddingTop))*g.y;i*=g.x,u*=g.y,f*=g.x,v*=g.y,i+=S,u+=w,b=Xo(b).frameElement}}return C8({width:f,height:v,x:i,y:u})}function Zhe(e){let{rect:t,offsetParent:n,strategy:r}=e;const o=_l(n),a=ei(n);if(n===a)return t;let l={scrollLeft:0,scrollTop:0},s=Ws(1);const i=Ws(0);if((o||!o&&r!=="fixed")&&((Us(n)!=="body"||gv(a))&&(l=wg(n)),_l(n))){const u=Ff(n);s=Ju(n),i.x=u.x+n.clientLeft,i.y=u.y+n.clientTop}return{width:t.width*s.x,height:t.height*s.y,x:t.x*s.x-l.scrollLeft*s.x+i.x,y:t.y*s.y-l.scrollTop*s.y+i.y}}function Qhe(e){return Array.from(e.getClientRects())}function P8(e){return Ff(ei(e)).left+wg(e).scrollLeft}function Jhe(e){const t=ei(e),n=wg(e),r=e.ownerDocument.body,o=Qu(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=Qu(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let l=-n.scrollLeft+P8(e);const s=-n.scrollTop;return Ca(r).direction==="rtl"&&(l+=Qu(t.clientWidth,r.clientWidth)-o),{width:o,height:a,x:l,y:s}}function eme(e,t){const n=Xo(e),r=ei(e),o=n.visualViewport;let a=r.clientWidth,l=r.clientHeight,s=0,i=0;if(o){a=o.width,l=o.height;const u=Iw();(!u||u&&t==="fixed")&&(s=o.offsetLeft,i=o.offsetTop)}return{width:a,height:l,x:s,y:i}}function tme(e,t){const n=Ff(e,!0,t==="fixed"),r=n.top+e.clientTop,o=n.left+e.clientLeft,a=_l(e)?Ju(e):Ws(1),l=e.clientWidth*a.x,s=e.clientHeight*a.y,i=o*a.x,u=r*a.y;return{width:l,height:s,x:i,y:u}}function F4(e,t,n){let r;if(t==="viewport")r=eme(e,n);else if(t==="document")r=Jhe(ei(e));else if(Ql(t))r=tme(t,n);else{const o=T8(e);r={...t,x:t.x-o.x,y:t.y-o.y}}return C8(r)}function O8(e,t){const n=kc(e);return n===t||!Ql(n)||_g(n)?!1:Ca(n).position==="fixed"||O8(n,t)}function nme(e,t){const n=t.get(e);if(n)return n;let r=Vy(e,[],!1).filter(s=>Ql(s)&&Us(s)!=="body"),o=null;const a=Ca(e).position==="fixed";let l=a?kc(e):e;for(;Ql(l)&&!_g(l);){const s=Ca(l),i=Aw(l);!i&&s.position==="fixed"&&(o=null),(a?!i&&!o:!i&&s.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||gv(l)&&!i&&O8(e,l))?r=r.filter(f=>f!==l):o=s,l=kc(l)}return t.set(e,r),r}function rme(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const l=[...n==="clippingAncestors"?nme(t,this._c):[].concat(n),r],s=l[0],i=l.reduce((u,f)=>{const v=F4(t,f,o);return u.top=Qu(v.top,u.top),u.right=Rf(v.right,u.right),u.bottom=Rf(v.bottom,u.bottom),u.left=Qu(v.left,u.left),u},F4(t,s,o));return{width:i.right-i.left,height:i.bottom-i.top,x:i.left,y:i.top}}function ome(e){return $8(e)}function ame(e,t,n){const r=_l(t),o=ei(t),a=n==="fixed",l=Ff(e,!0,a,t);let s={scrollLeft:0,scrollTop:0};const i=Ws(0);if(r||!r&&!a)if((Us(t)!=="body"||gv(o))&&(s=wg(t)),r){const u=Ff(t,!0,a,t);i.x=u.x+t.clientLeft,i.y=u.y+t.clientTop}else o&&(i.x=P8(o));return{x:l.left+s.scrollLeft-i.x,y:l.top+s.scrollTop-i.y,width:l.width,height:l.height}}function L4(e,t){return!_l(e)||Ca(e).position==="fixed"?null:t?t(e):e.offsetParent}function x8(e,t){const n=Xo(e);if(!_l(e))return n;let r=L4(e,t);for(;r&&qhe(r)&&Ca(r).position==="static";)r=L4(r,t);return r&&(Us(r)==="html"||Us(r)==="body"&&Ca(r).position==="static"&&!Aw(r))?n:r||Ghe(e)||n}const lme=async function(e){let{reference:t,floating:n,strategy:r}=e;const o=this.getOffsetParent||x8,a=this.getDimensions;return{reference:ame(t,await o(n),r),floating:{x:0,y:0,...await a(n)}}};function sme(e){return Ca(e).direction==="rtl"}const ime={convertOffsetParentRelativeRectToViewportRelativeRect:Zhe,getDocumentElement:ei,getClippingRect:rme,getOffsetParent:x8,getElementRects:lme,getClientRects:Qhe,getDimensions:ome,getScale:Ju,isElement:Ql,isRTL:sme},ume=(e,t,n)=>{const r=new Map,o={platform:ime,...n},a={...o.platform,_c:r};return Hhe(e,t,{...o,platform:a})};He({});const cme=e=>{if(!en)return;if(!e)return e;const t=qo(e);return t||(kn(e)?t:e)},dme=({middleware:e,placement:t,strategy:n})=>{const r=D(),o=D(),a=D(),l=D(),s=D({}),i={x:a,y:l,placement:t,strategy:n,middlewareData:s},u=async()=>{if(!en)return;const f=cme(r),v=qo(o);if(!f||!v)return;const p=await ume(f,v,{placement:c(t),strategy:c(n),middleware:c(e)});Af(i).forEach(h=>{i[h].value=p[h]})};return bt(()=>{ir(()=>{u()})}),{...i,update:u,referenceRef:r,contentRef:o}},fme=({arrowRef:e,padding:t})=>({name:"arrow",options:{element:e,padding:t},fn(n){const r=c(e);return r?Khe({element:r,padding:t}).fn(n):{}}});function vme(e){const t=D();function n(){if(e.value==null)return;const{selectionStart:o,selectionEnd:a,value:l}=e.value;if(o==null||a==null)return;const s=l.slice(0,Math.max(0,o)),i=l.slice(Math.max(0,a));t.value={selectionStart:o,selectionEnd:a,value:l,beforeTxt:s,afterTxt:i}}function r(){if(e.value==null||t.value==null)return;const{value:o}=e.value,{beforeTxt:a,afterTxt:l,selectionStart:s}=t.value;if(a==null||l==null||s==null)return;let i=o.length;if(o.endsWith(l))i=o.length-l.length;else if(o.startsWith(a))i=a.length;else{const u=a[s-1],f=o.indexOf(u,s-1);f!==-1&&(i=f+1)}e.value.setSelectionRange(i,i)}return[n,r]}const pme=(e,t,n)=>Zu(e.subTree).filter(a=>{var l;return An(a)&&((l=a.type)==null?void 0:l.name)===t&&!!a.component}).map(a=>a.component.uid).map(a=>n[a]).filter(a=>!!a),Mw=(e,t)=>{const n={},r=En([]);return{children:r,addChild:l=>{n[l.uid]=l,r.value=pme(e,t,n)},removeChild:l=>{delete n[l],r.value=r.value.filter(s=>s.uid!==l)}}},qr=Za({type:String,values:Cl,required:!1}),A8=Symbol("size"),hme=()=>{const e=Ge(A8,{});return T(()=>c(e.size)||"")},I8=Symbol(),nm=D();function Cg(e,t=void 0){const n=vt()?Ge(I8,nm):nm;return e?T(()=>{var r,o;return(o=(r=n.value)==null?void 0:r[e])!=null?o:t}):n}function Sg(e,t){const n=Cg(),r=Ie(e,T(()=>{var s;return((s=n.value)==null?void 0:s.namespace)||Jh})),o=rn(T(()=>{var s;return(s=n.value)==null?void 0:s.locale})),a=Zc(T(()=>{var s;return((s=n.value)==null?void 0:s.zIndex)||g8})),l=T(()=>{var s;return c(t)||((s=n.value)==null?void 0:s.size)||""});return Nw(T(()=>c(n)||{})),{ns:r,locale:o,zIndex:a,size:l}}const Nw=(e,t,n=!1)=>{var r;const o=!!vt(),a=o?Cg():void 0,l=(r=t==null?void 0:t.provide)!=null?r:o?$t:void 0;if(!l)return;const s=T(()=>{const i=c(e);return a!=null&&a.value?mme(a.value,i):i});return l(I8,s),l(Y6,T(()=>s.value.locale)),l(Q6,T(()=>s.value.namespace)),l(b8,T(()=>s.value.zIndex)),l(A8,{size:T(()=>s.value.size||"")}),(n||!nm.value)&&(nm.value=s.value),s},mme=(e,t)=>{var n;const r=[...new Set([...Af(e),...Af(t)])],o={};for(const a of r)o[a]=(n=t[a])!=null?n:e[a];return o},gme=He({a11y:{type:Boolean,default:!0},locale:{type:ge(Object)},size:qr,button:{type:ge(Object)},experimentalFeatures:{type:ge(Object)},keyboardNavigation:{type:Boolean,default:!0},message:{type:ge(Object)},zIndex:Number,namespace:{type:String,default:"el"}}),jy={},bme=Z({name:"ElConfigProvider",props:gme,setup(e,{slots:t}){be(()=>e.message,r=>{Object.assign(jy,r!=null?r:{})},{immediate:!0,deep:!0});const n=Nw(e);return()=>de(t,"default",{config:n==null?void 0:n.value})}}),yme=Rt(bme),_me="2.3.6",wme=(e=[])=>({version:_me,install:(n,r)=>{n[m4]||(n[m4]=!0,e.forEach(o=>n.use(o)),r&&Nw(r,n,!0))}}),Cme=He({zIndex:{type:ge([Number,String]),default:100},target:{type:String,default:""},offset:{type:Number,default:0},position:{type:String,values:["top","bottom"],default:"top"}}),Sme={scroll:({scrollTop:e,fixed:t})=>gt(e)&&yr(t),[Rn]:e=>yr(e)};var ze=(e,t)=>{const n=e.__vccOpts||e;for(const[r,o]of t)n[r]=o;return n};const M8="ElAffix",kme=Z({name:M8}),$me=Z({...kme,props:Cme,emits:Sme,setup(e,{expose:t,emit:n}){const r=e,o=Ie("affix"),a=En(),l=En(),s=En(),{height:i}=Ele(),{height:u,width:f,top:v,bottom:p,update:h}=ME(l,{windowScroll:!1}),b=ME(a),g=D(!1),_=D(0),y=D(0),S=T(()=>({height:g.value?`${u.value}px`:"",width:g.value?`${f.value}px`:""})),w=T(()=>{if(!g.value)return{};const $=r.offset?or(r.offset):0;return{height:`${u.value}px`,width:`${f.value}px`,top:r.position==="top"?$:"",bottom:r.position==="bottom"?$:"",transform:y.value?`translateY(${y.value}px)`:"",zIndex:r.zIndex}}),C=()=>{if(!!s.value)if(_.value=s.value instanceof Window?document.documentElement.scrollTop:s.value.scrollTop||0,r.position==="top")if(r.target){const $=b.bottom.value-r.offset-u.value;g.value=r.offset>v.value&&b.bottom.value>0,y.value=$<0?$:0}else g.value=r.offset>v.value;else if(r.target){const $=i.value-b.top.value-r.offset-u.value;g.value=i.value-r.offsetb.top.value,y.value=$<0?-$:0}else g.value=i.value-r.offset{h(),n("scroll",{scrollTop:_.value,fixed:g.value})};return be(g,$=>n("change",$)),bt(()=>{var $;r.target?(a.value=($=document.querySelector(r.target))!=null?$:void 0,a.value||wr(M8,`Target is not existed: ${r.target}`)):a.value=document.documentElement,s.value=fw(l.value,!0),h()}),Kn(s,"scroll",k),ir(C),t({update:C,updateRoot:h}),($,O)=>(P(),H("div",{ref_key:"root",ref:l,class:F(c(o).b()),style:lt(c(S))},[q("div",{class:F({[c(o).m("fixed")]:g.value}),style:lt(c(w))},[de($.$slots,"default")],6)],6))}});var Eme=ze($me,[["__file","/home/runner/work/element-plus/element-plus/packages/components/affix/src/affix.vue"]]);const Tme=Rt(Eme),Pme=He({size:{type:ge([Number,String])},color:{type:String}}),Ome=Z({name:"ElIcon",inheritAttrs:!1}),xme=Z({...Ome,props:Pme,setup(e){const t=e,n=Ie("icon"),r=T(()=>{const{size:o,color:a}=t;return!o&&!a?{}:{fontSize:Mr(o)?void 0:or(o),"--color":a}});return(o,a)=>(P(),H("i",Ft({class:c(n).b(),style:c(r)},o.$attrs),[de(o.$slots,"default")],16))}});var Ame=ze(xme,[["__file","/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);const at=Rt(Ame),Ime=["light","dark"],Mme=He({title:{type:String,default:""},description:{type:String,default:""},type:{type:String,values:Af(Hs),default:"info"},closable:{type:Boolean,default:!0},closeText:{type:String,default:""},showIcon:Boolean,center:Boolean,effect:{type:String,values:Ime,default:"light"}}),Nme={close:e=>e instanceof MouseEvent},Rme=Z({name:"ElAlert"}),Fme=Z({...Rme,props:Mme,emits:Nme,setup(e,{emit:t}){const n=e,{Close:r}=mw,o=Vr(),a=Ie("alert"),l=D(!0),s=T(()=>Hs[n.type]),i=T(()=>[a.e("icon"),{[a.is("big")]:!!n.description||!!o.default}]),u=T(()=>({[a.is("bold")]:n.description||o.default})),f=v=>{l.value=!1,t("close",v)};return(v,p)=>(P(),ue(tr,{name:c(a).b("fade"),persisted:""},{default:re(()=>[Ot(q("div",{class:F([c(a).b(),c(a).m(v.type),c(a).is("center",v.center),c(a).is(v.effect)]),role:"alert"},[v.showIcon&&c(s)?(P(),ue(c(at),{key:0,class:F(c(i))},{default:re(()=>[(P(),ue(jt(c(s))))]),_:1},8,["class"])):se("v-if",!0),q("div",{class:F(c(a).e("content"))},[v.title||v.$slots.title?(P(),H("span",{key:0,class:F([c(a).e("title"),c(u)])},[de(v.$slots,"title",{},()=>[Ht(Ae(v.title),1)])],2)):se("v-if",!0),v.$slots.default||v.description?(P(),H("p",{key:1,class:F(c(a).e("description"))},[de(v.$slots,"default",{},()=>[Ht(Ae(v.description),1)])],2)):se("v-if",!0),v.closable?(P(),H(Ue,{key:2},[v.closeText?(P(),H("div",{key:0,class:F([c(a).e("close-btn"),c(a).is("customed")]),onClick:f},Ae(v.closeText),3)):(P(),ue(c(at),{key:1,class:F(c(a).e("close-btn")),onClick:f},{default:re(()=>[Q(c(r))]),_:1},8,["class"]))],64)):se("v-if",!0)],2)],2),[[on,l.value]])]),_:3},8,["name"]))}});var Lme=ze(Fme,[["__file","/home/runner/work/element-plus/element-plus/packages/components/alert/src/alert.vue"]]);const N8=Rt(Lme),au=Symbol("formContextKey"),Ka=Symbol("formItemContextKey"),Cr=(e,t={})=>{const n=D(void 0),r=t.prop?n:e8("size"),o=t.global?n:hme(),a=t.form?{size:void 0}:Ge(au,void 0),l=t.formItem?{size:void 0}:Ge(Ka,void 0);return T(()=>r.value||c(e)||(l==null?void 0:l.size)||(a==null?void 0:a.size)||o.value||"")},Mo=e=>{const t=e8("disabled"),n=Ge(au,void 0);return T(()=>t.value||c(e)||(n==null?void 0:n.disabled)||!1)},po=()=>{const e=Ge(au,void 0),t=Ge(Ka,void 0);return{form:e,formItem:t}},ti=(e,{formItemContext:t,disableIdGeneration:n,disableIdManagement:r})=>{n||(n=D(!1)),r||(r=D(!1));const o=D();let a;const l=T(()=>{var s;return!!(!e.label&&t&&t.inputIds&&((s=t.inputIds)==null?void 0:s.length)<=1)});return bt(()=>{a=be([Nn(e,"id"),n],([s,i])=>{const u=s!=null?s:i?void 0:wa().value;u!==o.value&&(t!=null&&t.removeInputId&&(o.value&&t.removeInputId(o.value),!(r!=null&&r.value)&&!i&&u&&t.addInputId(u)),o.value=u)},{immediate:!0})}),Br(()=>{a&&a(),t!=null&&t.removeInputId&&o.value&&t.removeInputId(o.value)}),{isLabeledByFormItem:l,inputId:o}},Dme=He({size:{type:String,values:Cl},disabled:Boolean}),Bme=He({...Dme,model:Object,rules:{type:ge(Object)},labelPosition:{type:String,values:["left","right","top"],default:"right"},requireAsteriskPosition:{type:String,values:["left","right"],default:"left"},labelWidth:{type:[String,Number],default:""},labelSuffix:{type:String,default:""},inline:Boolean,inlineMessage:Boolean,statusIcon:Boolean,showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:Boolean,scrollIntoViewOptions:{type:[Object,Boolean]}}),Vme={validate:(e,t,n)=>(et(e)||_t(e))&&yr(t)&&_t(n)};function jme(){const e=D([]),t=T(()=>{if(!e.value.length)return"0";const a=Math.max(...e.value);return a?`${a}px`:""});function n(a){const l=e.value.indexOf(a);return l===-1&&t.value,l}function r(a,l){if(a&&l){const s=n(l);e.value.splice(s,1,a)}else a&&e.value.push(a)}function o(a){const l=n(a);l>-1&&e.value.splice(l,1)}return{autoLabelWidth:t,registerLabelWidth:r,deregisterLabelWidth:o}}const Np=(e,t)=>{const n=mc(t);return n.length>0?e.filter(r=>r.prop&&n.includes(r.prop)):e},zme="ElForm",Hme=Z({name:zme}),Kme=Z({...Hme,props:Bme,emits:Vme,setup(e,{expose:t,emit:n}){const r=e,o=[],a=Cr(),l=Ie("form"),s=T(()=>{const{labelPosition:S,inline:w}=r;return[l.b(),l.m(a.value||"default"),{[l.m(`label-${S}`)]:S,[l.m("inline")]:w}]}),i=S=>{o.push(S)},u=S=>{S.prop&&o.splice(o.indexOf(S),1)},f=(S=[])=>{!r.model||Np(o,S).forEach(w=>w.resetField())},v=(S=[])=>{Np(o,S).forEach(w=>w.clearValidate())},p=T(()=>!!r.model),h=S=>{if(o.length===0)return[];const w=Np(o,S);return w.length?w:[]},b=async S=>_(void 0,S),g=async(S=[])=>{if(!p.value)return!1;const w=h(S);if(w.length===0)return!0;let C={};for(const k of w)try{await k.validate("")}catch($){C={...C,...$}}return Object.keys(C).length===0?!0:Promise.reject(C)},_=async(S=[],w)=>{const C=!ht(w);try{const k=await g(S);return k===!0&&(w==null||w(k)),k}catch(k){if(k instanceof Error)throw k;const $=k;return r.scrollToError&&y(Object.keys($)[0]),w==null||w(!1,$),C&&Promise.reject($)}},y=S=>{var w;const C=Np(o,S)[0];C&&((w=C.$el)==null||w.scrollIntoView(r.scrollIntoViewOptions))};return be(()=>r.rules,()=>{r.validateOnRuleChange&&b().catch(S=>void 0)},{deep:!0}),$t(au,nn({...kr(r),emit:n,resetFields:f,clearValidate:v,validateField:_,addField:i,removeField:u,...jme()})),t({validate:b,validateField:_,resetFields:f,clearValidate:v,scrollToField:y}),(S,w)=>(P(),H("form",{class:F(c(s))},[de(S.$slots,"default")],2))}});var Wme=ze(Kme,[["__file","/home/runner/work/element-plus/element-plus/packages/components/form/src/form.vue"]]);function xi(){return xi=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function ch(e,t,n){return qme()?ch=Reflect.construct.bind():ch=function(o,a,l){var s=[null];s.push.apply(s,a);var i=Function.bind.apply(o,s),u=new i;return l&&Lf(u,l.prototype),u},ch.apply(null,arguments)}function Gme(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function Hy(e){var t=typeof Map=="function"?new Map:void 0;return Hy=function(r){if(r===null||!Gme(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,o)}function o(){return ch(r,arguments,zy(this).constructor)}return o.prototype=Object.create(r.prototype,{constructor:{value:o,enumerable:!1,writable:!0,configurable:!0}}),Lf(o,r)},Hy(e)}var Yme=/%[sdj%]/g,Xme=function(){};typeof process<"u"&&process.env;function Ky(e){if(!e||!e.length)return null;var t={};return e.forEach(function(n){var r=n.field;t[r]=t[r]||[],t[r].push(n)}),t}function Go(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r=a)return s;switch(s){case"%s":return String(n[o++]);case"%d":return Number(n[o++]);case"%j":try{return JSON.stringify(n[o++])}catch{return"[Circular]"}break;default:return s}});return l}return e}function Zme(e){return e==="string"||e==="url"||e==="hex"||e==="email"||e==="date"||e==="pattern"}function Pr(e,t){return!!(e==null||t==="array"&&Array.isArray(e)&&!e.length||Zme(t)&&typeof e=="string"&&!e)}function Qme(e,t,n){var r=[],o=0,a=e.length;function l(s){r.push.apply(r,s||[]),o++,o===a&&n(r)}e.forEach(function(s){t(s,l)})}function D4(e,t,n){var r=0,o=e.length;function a(l){if(l&&l.length){n(l);return}var s=r;r=r+1,s()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,hex:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/i},Fd={integer:function(t){return Fd.number(t)&&parseInt(t,10)===t},float:function(t){return Fd.number(t)&&!Fd.integer(t)},array:function(t){return Array.isArray(t)},regexp:function(t){if(t instanceof RegExp)return!0;try{return!!new RegExp(t)}catch{return!1}},date:function(t){return typeof t.getTime=="function"&&typeof t.getMonth=="function"&&typeof t.getYear=="function"&&!isNaN(t.getTime())},number:function(t){return isNaN(t)?!1:typeof t=="number"},object:function(t){return typeof t=="object"&&!Fd.array(t)},method:function(t){return typeof t=="function"},email:function(t){return typeof t=="string"&&t.length<=320&&!!t.match(z4.email)},url:function(t){return typeof t=="string"&&t.length<=2048&&!!t.match(oge())},hex:function(t){return typeof t=="string"&&!!t.match(z4.hex)}},age=function(t,n,r,o,a){if(t.required&&n===void 0){R8(t,n,r,o,a);return}var l=["integer","float","array","regexp","object","method","email","number","date","url","hex"],s=t.type;l.indexOf(s)>-1?Fd[s](n)||o.push(Go(a.messages.types[s],t.fullField,t.type)):s&&typeof n!==t.type&&o.push(Go(a.messages.types[s],t.fullField,t.type))},lge=function(t,n,r,o,a){var l=typeof t.len=="number",s=typeof t.min=="number",i=typeof t.max=="number",u=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,f=n,v=null,p=typeof n=="number",h=typeof n=="string",b=Array.isArray(n);if(p?v="number":h?v="string":b&&(v="array"),!v)return!1;b&&(f=n.length),h&&(f=n.replace(u,"_").length),l?f!==t.len&&o.push(Go(a.messages[v].len,t.fullField,t.len)):s&&!i&&ft.max?o.push(Go(a.messages[v].max,t.fullField,t.max)):s&&i&&(ft.max)&&o.push(Go(a.messages[v].range,t.fullField,t.min,t.max))},ku="enum",sge=function(t,n,r,o,a){t[ku]=Array.isArray(t[ku])?t[ku]:[],t[ku].indexOf(n)===-1&&o.push(Go(a.messages[ku],t.fullField,t[ku].join(", ")))},ige=function(t,n,r,o,a){if(t.pattern){if(t.pattern instanceof RegExp)t.pattern.lastIndex=0,t.pattern.test(n)||o.push(Go(a.messages.pattern.mismatch,t.fullField,n,t.pattern));else if(typeof t.pattern=="string"){var l=new RegExp(t.pattern);l.test(n)||o.push(Go(a.messages.pattern.mismatch,t.fullField,n,t.pattern))}}},_n={required:R8,whitespace:rge,type:age,range:lge,enum:sge,pattern:ige},uge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n,"string")&&!t.required)return r();_n.required(t,n,o,l,a,"string"),Pr(n,"string")||(_n.type(t,n,o,l,a),_n.range(t,n,o,l,a),_n.pattern(t,n,o,l,a),t.whitespace===!0&&_n.whitespace(t,n,o,l,a))}r(l)},cge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a),n!==void 0&&_n.type(t,n,o,l,a)}r(l)},dge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(n===""&&(n=void 0),Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a),n!==void 0&&(_n.type(t,n,o,l,a),_n.range(t,n,o,l,a))}r(l)},fge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a),n!==void 0&&_n.type(t,n,o,l,a)}r(l)},vge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a),Pr(n)||_n.type(t,n,o,l,a)}r(l)},pge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a),n!==void 0&&(_n.type(t,n,o,l,a),_n.range(t,n,o,l,a))}r(l)},hge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a),n!==void 0&&(_n.type(t,n,o,l,a),_n.range(t,n,o,l,a))}r(l)},mge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(n==null&&!t.required)return r();_n.required(t,n,o,l,a,"array"),n!=null&&(_n.type(t,n,o,l,a),_n.range(t,n,o,l,a))}r(l)},gge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a),n!==void 0&&_n.type(t,n,o,l,a)}r(l)},bge="enum",yge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a),n!==void 0&&_n[bge](t,n,o,l,a)}r(l)},_ge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n,"string")&&!t.required)return r();_n.required(t,n,o,l,a),Pr(n,"string")||_n.pattern(t,n,o,l,a)}r(l)},wge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n,"date")&&!t.required)return r();if(_n.required(t,n,o,l,a),!Pr(n,"date")){var i;n instanceof Date?i=n:i=new Date(n),_n.type(t,i,o,l,a),i&&_n.range(t,i.getTime(),o,l,a)}}r(l)},Cge=function(t,n,r,o,a){var l=[],s=Array.isArray(n)?"array":typeof n;_n.required(t,n,o,l,a,s),r(l)},wb=function(t,n,r,o,a){var l=t.type,s=[],i=t.required||!t.required&&o.hasOwnProperty(t.field);if(i){if(Pr(n,l)&&!t.required)return r();_n.required(t,n,o,s,a,l),Pr(n,l)||_n.type(t,n,o,s,a)}r(s)},Sge=function(t,n,r,o,a){var l=[],s=t.required||!t.required&&o.hasOwnProperty(t.field);if(s){if(Pr(n)&&!t.required)return r();_n.required(t,n,o,l,a)}r(l)},Qd={string:uge,method:cge,number:dge,boolean:fge,regexp:vge,integer:pge,float:hge,array:mge,object:gge,enum:yge,pattern:_ge,date:wge,url:wb,hex:wb,email:wb,required:Cge,any:Sge};function Wy(){return{default:"Validation error on field %s",required:"%s is required",enum:"%s must be one of %s",whitespace:"%s cannot be empty",date:{format:"%s date %s is invalid for format %s",parse:"%s date could not be parsed, %s is invalid ",invalid:"%s date %s is invalid"},types:{string:"%s is not a %s",method:"%s is not a %s (function)",array:"%s is not an %s",object:"%s is not an %s",number:"%s is not a %s",date:"%s is not a %s",boolean:"%s is not a %s",integer:"%s is not an %s",float:"%s is not a %s",regexp:"%s is not a valid %s",email:"%s is not a valid %s",url:"%s is not a valid %s",hex:"%s is not a valid %s"},string:{len:"%s must be exactly %s characters",min:"%s must be at least %s characters",max:"%s cannot be longer than %s characters",range:"%s must be between %s and %s characters"},number:{len:"%s must equal %s",min:"%s cannot be less than %s",max:"%s cannot be greater than %s",range:"%s must be between %s and %s"},array:{len:"%s must be exactly %s in length",min:"%s cannot be less than %s in length",max:"%s cannot be greater than %s in length",range:"%s must be between %s and %s in length"},pattern:{mismatch:"%s value %s does not match pattern %s"},clone:function(){var t=JSON.parse(JSON.stringify(this));return t.clone=this.clone,t}}}var Uy=Wy(),bv=function(){function e(n){this.rules=null,this._messages=Uy,this.define(n)}var t=e.prototype;return t.define=function(r){var o=this;if(!r)throw new Error("Cannot configure a schema with no rules");if(typeof r!="object"||Array.isArray(r))throw new Error("Rules must be an object");this.rules={},Object.keys(r).forEach(function(a){var l=r[a];o.rules[a]=Array.isArray(l)?l:[l]})},t.messages=function(r){return r&&(this._messages=j4(Wy(),r)),this._messages},t.validate=function(r,o,a){var l=this;o===void 0&&(o={}),a===void 0&&(a=function(){});var s=r,i=o,u=a;if(typeof i=="function"&&(u=i,i={}),!this.rules||Object.keys(this.rules).length===0)return u&&u(null,s),Promise.resolve(s);function f(g){var _=[],y={};function S(C){if(Array.isArray(C)){var k;_=(k=_).concat.apply(k,C)}else _.push(C)}for(var w=0;w");const o=Ie("form"),a=D(),l=D(0),s=()=>{var f;if((f=a.value)!=null&&f.firstElementChild){const v=window.getComputedStyle(a.value.firstElementChild).width;return Math.ceil(Number.parseFloat(v))}else return 0},i=(f="update")=>{tt(()=>{t.default&&e.isAutoWidth&&(f==="update"?l.value=s():f==="remove"&&(n==null||n.deregisterLabelWidth(l.value)))})},u=()=>i("update");return bt(()=>{u()}),hn(()=>{i("remove")}),Sa(()=>u()),be(l,(f,v)=>{e.updateAll&&(n==null||n.registerLabelWidth(f,v))}),eo(T(()=>{var f,v;return(v=(f=a.value)==null?void 0:f.firstElementChild)!=null?v:null}),u),()=>{var f,v;if(!t)return null;const{isAutoWidth:p}=e;if(p){const h=n==null?void 0:n.autoLabelWidth,b=r==null?void 0:r.hasLabel,g={};if(b&&h&&h!=="auto"){const _=Math.max(0,Number.parseInt(h,10)-l.value),y=n.labelPosition==="left"?"marginRight":"marginLeft";_&&(g[y]=`${_}px`)}return Q("div",{ref:a,class:[o.be("item","label-wrap")],style:g},[(f=t.default)==null?void 0:f.call(t)])}else return Q(Ue,{ref:a},[(v=t.default)==null?void 0:v.call(t)])}}});const Tge=["role","aria-labelledby"],Pge=Z({name:"ElFormItem"}),Oge=Z({...Pge,props:$ge,setup(e,{expose:t}){const n=e,r=Vr(),o=Ge(au,void 0),a=Ge(Ka,void 0),l=Cr(void 0,{formItem:!1}),s=Ie("form-item"),i=wa().value,u=D([]),f=D(""),v=cle(f,100),p=D(""),h=D();let b,g=!1;const _=T(()=>{if((o==null?void 0:o.labelPosition)==="top")return{};const ke=or(n.labelWidth||(o==null?void 0:o.labelWidth)||"");return ke?{width:ke}:{}}),y=T(()=>{if((o==null?void 0:o.labelPosition)==="top"||(o==null?void 0:o.inline))return{};if(!n.label&&!n.labelWidth&&R)return{};const ke=or(n.labelWidth||(o==null?void 0:o.labelWidth)||"");return!n.label&&!r.label?{marginLeft:ke}:{}}),S=T(()=>[s.b(),s.m(l.value),s.is("error",f.value==="error"),s.is("validating",f.value==="validating"),s.is("success",f.value==="success"),s.is("required",z.value||n.required),s.is("no-asterisk",o==null?void 0:o.hideRequiredAsterisk),(o==null?void 0:o.requireAsteriskPosition)==="right"?"asterisk-right":"asterisk-left",{[s.m("feedback")]:o==null?void 0:o.statusIcon}]),w=T(()=>yr(n.inlineMessage)?n.inlineMessage:(o==null?void 0:o.inlineMessage)||!1),C=T(()=>[s.e("error"),{[s.em("error","inline")]:w.value}]),k=T(()=>n.prop?_t(n.prop)?n.prop:n.prop.join("."):""),$=T(()=>!!(n.label||r.label)),O=T(()=>n.for||u.value.length===1?u.value[0]:void 0),x=T(()=>!O.value&&$.value),R=!!a,V=T(()=>{const ke=o==null?void 0:o.model;if(!(!ke||!n.prop))return sh(ke,n.prop).value}),A=T(()=>{const{required:ke}=n,ce=[];n.rules&&ce.push(...mc(n.rules));const ee=o==null?void 0:o.rules;if(ee&&n.prop){const ve=sh(ee,n.prop).value;ve&&ce.push(...mc(ve))}if(ke!==void 0){const ve=ce.map((Be,ne)=>[Be,ne]).filter(([Be])=>Object.keys(Be).includes("required"));if(ve.length>0)for(const[Be,ne]of ve)Be.required!==ke&&(ce[ne]={...Be,required:ke});else ce.push({required:ke})}return ce}),I=T(()=>A.value.length>0),B=ke=>A.value.filter(ee=>!ee.trigger||!ke?!0:Array.isArray(ee.trigger)?ee.trigger.includes(ke):ee.trigger===ke).map(({trigger:ee,...ve})=>ve),z=T(()=>A.value.some(ke=>ke.required)),Y=T(()=>{var ke;return v.value==="error"&&n.showMessage&&((ke=o==null?void 0:o.showMessage)!=null?ke:!0)}),K=T(()=>`${n.label||""}${(o==null?void 0:o.labelSuffix)||""}`),M=ke=>{f.value=ke},j=ke=>{var ce,ee;const{errors:ve,fields:Be}=ke;(!ve||!Be)&&console.error(ke),M("error"),p.value=ve?(ee=(ce=ve==null?void 0:ve[0])==null?void 0:ce.message)!=null?ee:`${n.prop} is required`:"",o==null||o.emit("validate",n.prop,!1,p.value)},N=()=>{M("success"),o==null||o.emit("validate",n.prop,!0,"")},U=async ke=>{const ce=k.value;return new bv({[ce]:ke}).validate({[ce]:V.value},{firstFields:!0}).then(()=>(N(),!0)).catch(ve=>(j(ve),Promise.reject(ve)))},W=async(ke,ce)=>{if(g||!n.prop)return!1;const ee=ht(ce);if(!I.value)return ce==null||ce(!1),!1;const ve=B(ke);return ve.length===0?(ce==null||ce(!0),!0):(M("validating"),U(ve).then(()=>(ce==null||ce(!0),!0)).catch(Be=>{const{fields:ne}=Be;return ce==null||ce(!1,ne),ee?!1:Promise.reject(ne)}))},G=()=>{M(""),p.value="",g=!1},ae=async()=>{const ke=o==null?void 0:o.model;if(!ke||!n.prop)return;const ce=sh(ke,n.prop);g=!0,ce.value=c4(b),await tt(),G(),g=!1},me=ke=>{u.value.includes(ke)||u.value.push(ke)},Ce=ke=>{u.value=u.value.filter(ce=>ce!==ke)};be(()=>n.error,ke=>{p.value=ke||"",M(ke?"error":"")},{immediate:!0}),be(()=>n.validateStatus,ke=>M(ke||""));const pe=nn({...kr(n),$el:h,size:l,validateState:f,labelId:i,inputIds:u,isGroup:x,hasLabel:$,addInputId:me,removeInputId:Ce,resetField:ae,clearValidate:G,validate:W});return $t(Ka,pe),bt(()=>{n.prop&&(o==null||o.addField(pe),b=c4(V.value))}),hn(()=>{o==null||o.removeField(pe)}),t({size:l,validateMessage:p,validateState:f,validate:W,clearValidate:G,resetField:ae}),(ke,ce)=>{var ee;return P(),H("div",{ref_key:"formItemRef",ref:h,class:F(c(S)),role:c(x)?"group":void 0,"aria-labelledby":c(x)?c(i):void 0},[Q(c(Ege),{"is-auto-width":c(_).width==="auto","update-all":((ee=c(o))==null?void 0:ee.labelWidth)==="auto"},{default:re(()=>[c($)?(P(),ue(jt(c(O)?"label":"div"),{key:0,id:c(i),for:c(O),class:F(c(s).e("label")),style:lt(c(_))},{default:re(()=>[de(ke.$slots,"label",{label:c(K)},()=>[Ht(Ae(c(K)),1)])]),_:3},8,["id","for","class","style"])):se("v-if",!0)]),_:3},8,["is-auto-width","update-all"]),q("div",{class:F(c(s).e("content")),style:lt(c(y))},[de(ke.$slots,"default"),Q(iO,{name:`${c(s).namespace.value}-zoom-in-top`},{default:re(()=>[c(Y)?de(ke.$slots,"error",{key:0,error:p.value},()=>[q("div",{class:F(c(C))},Ae(p.value),3)]):se("v-if",!0)]),_:3},8,["name"])],6)],10,Tge)}}});var F8=ze(Oge,[["__file","/home/runner/work/element-plus/element-plus/packages/components/form/src/form-item.vue"]]);const L8=Rt(Wme,{FormItem:F8}),Rw=Xn(F8);let xa;const xge=` + height:0 !important; + visibility:hidden !important; + ${Jx()?"":"overflow:hidden !important;"} + position:absolute !important; + z-index:-1000 !important; + top:0 !important; + right:0 !important; +`,Age=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function Ige(e){const t=window.getComputedStyle(e),n=t.getPropertyValue("box-sizing"),r=Number.parseFloat(t.getPropertyValue("padding-bottom"))+Number.parseFloat(t.getPropertyValue("padding-top")),o=Number.parseFloat(t.getPropertyValue("border-bottom-width"))+Number.parseFloat(t.getPropertyValue("border-top-width"));return{contextStyle:Age.map(l=>`${l}:${t.getPropertyValue(l)}`).join(";"),paddingSize:r,borderSize:o,boxSizing:n}}function K4(e,t=1,n){var r;xa||(xa=document.createElement("textarea"),document.body.appendChild(xa));const{paddingSize:o,borderSize:a,boxSizing:l,contextStyle:s}=Ige(e);xa.setAttribute("style",`${s};${xge}`),xa.value=e.value||e.placeholder||"";let i=xa.scrollHeight;const u={};l==="border-box"?i=i+a:l==="content-box"&&(i=i-o),xa.value="";const f=xa.scrollHeight-o;if(gt(t)){let v=f*t;l==="border-box"&&(v=v+o+a),i=Math.max(v,i),u.minHeight=`${v}px`}if(gt(n)){let v=f*n;l==="border-box"&&(v=v+o+a),i=Math.min(v,i)}return u.height=`${i}px`,(r=xa.parentNode)==null||r.removeChild(xa),xa=void 0,u}const Mge=He({id:{type:String,default:void 0},size:qr,disabled:Boolean,modelValue:{type:ge([String,Number,Object]),default:""},type:{type:String,default:"text"},resize:{type:String,values:["none","both","horizontal","vertical"]},autosize:{type:ge([Boolean,Object]),default:!1},autocomplete:{type:String,default:"off"},formatter:{type:Function},parser:{type:Function},placeholder:{type:String},form:{type:String},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},showWordLimit:{type:Boolean,default:!1},suffixIcon:{type:On},prefixIcon:{type:On},containerRole:{type:String,default:void 0},label:{type:String,default:void 0},tabindex:{type:[String,Number],default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:ge([Object,Array,String]),default:()=>zn({})}}),Nge={[Dt]:e=>_t(e),input:e=>_t(e),change:e=>_t(e),focus:e=>e instanceof FocusEvent,blur:e=>e instanceof FocusEvent,clear:()=>!0,mouseleave:e=>e instanceof MouseEvent,mouseenter:e=>e instanceof MouseEvent,keydown:e=>e instanceof Event,compositionstart:e=>e instanceof CompositionEvent,compositionupdate:e=>e instanceof CompositionEvent,compositionend:e=>e instanceof CompositionEvent},Rge=["role"],Fge=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Lge=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],Dge=Z({name:"ElInput",inheritAttrs:!1}),Bge=Z({...Dge,props:Mge,emits:Nge,setup(e,{expose:t,emit:n}){const r=e,o=Lc(),a=Vr(),l=T(()=>{const $e={};return r.containerRole==="combobox"&&($e["aria-haspopup"]=o["aria-haspopup"],$e["aria-owns"]=o["aria-owns"],$e["aria-expanded"]=o["aria-expanded"]),$e}),s=T(()=>[r.type==="textarea"?_.b():g.b(),g.m(h.value),g.is("disabled",b.value),g.is("exceed",W.value),{[g.b("group")]:a.prepend||a.append,[g.bm("group","append")]:a.append,[g.bm("group","prepend")]:a.prepend,[g.m("prefix")]:a.prefix||r.prefixIcon,[g.m("suffix")]:a.suffix||r.suffixIcon||r.clearable||r.showPassword,[g.bm("suffix","password-clear")]:M.value&&j.value},o.class]),i=T(()=>[g.e("wrapper"),g.is("focus",w.value)]),u=gw({excludeKeys:T(()=>Object.keys(l.value))}),{form:f,formItem:v}=po(),{inputId:p}=ti(r,{formItemContext:v}),h=Cr(),b=Mo(),g=Ie("input"),_=Ie("textarea"),y=En(),S=En(),w=D(!1),C=D(!1),k=D(!1),$=D(!1),O=D(),x=En(r.inputStyle),R=T(()=>y.value||S.value),V=T(()=>{var $e;return($e=f==null?void 0:f.statusIcon)!=null?$e:!1}),A=T(()=>(v==null?void 0:v.validateState)||""),I=T(()=>A.value&&U6[A.value]),B=T(()=>$.value?jve:dve),z=T(()=>[o.style,r.inputStyle]),Y=T(()=>[r.inputStyle,x.value,{resize:r.resize}]),K=T(()=>br(r.modelValue)?"":String(r.modelValue)),M=T(()=>r.clearable&&!b.value&&!r.readonly&&!!K.value&&(w.value||C.value)),j=T(()=>r.showPassword&&!b.value&&!r.readonly&&!!K.value&&(!!K.value||w.value)),N=T(()=>r.showWordLimit&&!!u.value.maxlength&&(r.type==="text"||r.type==="textarea")&&!b.value&&!r.readonly&&!r.showPassword),U=T(()=>K.value.length),W=T(()=>!!N.value&&U.value>Number(u.value.maxlength)),G=T(()=>!!a.suffix||!!r.suffixIcon||M.value||r.showPassword||N.value||!!A.value&&V.value),[ae,me]=vme(y);eo(S,$e=>{if(ke(),!N.value||r.resize!=="both")return;const Xe=$e[0],{width:ft}=Xe.contentRect;O.value={right:`calc(100% - ${ft+15+6}px)`}});const Ce=()=>{const{type:$e,autosize:Xe}=r;if(!(!en||$e!=="textarea"||!S.value))if(Xe){const ft=Bt(Xe)?Xe.minRows:void 0,Et=Bt(Xe)?Xe.maxRows:void 0,dt=K4(S.value,ft,Et);x.value={overflowY:"hidden",...dt},tt(()=>{S.value.offsetHeight,x.value=dt})}else x.value={minHeight:K4(S.value).minHeight}},ke=($e=>{let Xe=!1;return()=>{var ft;if(Xe||!r.autosize)return;((ft=S.value)==null?void 0:ft.offsetParent)===null||($e(),Xe=!0)}})(Ce),ce=()=>{const $e=R.value;!$e||$e.value===K.value||($e.value=K.value)},ee=async $e=>{ae();let{value:Xe}=$e.target;if(r.formatter&&(Xe=r.parser?r.parser(Xe):Xe,Xe=r.formatter(Xe)),!k.value){if(Xe===K.value){ce();return}n(Dt,Xe),n("input",Xe),await tt(),ce(),me()}},ve=$e=>{n("change",$e.target.value)},Be=$e=>{n("compositionstart",$e),k.value=!0},ne=$e=>{var Xe;n("compositionupdate",$e);const ft=(Xe=$e.target)==null?void 0:Xe.value,Et=ft[ft.length-1]||"";k.value=!hg(Et)},ie=$e=>{n("compositionend",$e),k.value&&(k.value=!1,ee($e))},ye=()=>{$.value=!$.value,Oe()},Oe=async()=>{var $e;await tt(),($e=R.value)==null||$e.focus()},je=()=>{var $e;return($e=R.value)==null?void 0:$e.blur()},_e=$e=>{w.value=!0,n("focus",$e)},Ve=$e=>{var Xe;w.value=!1,n("blur",$e),r.validateEvent&&((Xe=v==null?void 0:v.validate)==null||Xe.call(v,"blur").catch(ft=>void 0))},Te=$e=>{C.value=!1,n("mouseleave",$e)},Le=$e=>{C.value=!0,n("mouseenter",$e)},Ee=$e=>{n("keydown",$e)},Ze=()=>{var $e;($e=R.value)==null||$e.select()},Ye=()=>{n(Dt,""),n("change",""),n("clear"),n("input","")};return be(()=>r.modelValue,()=>{var $e;tt(()=>Ce()),r.validateEvent&&(($e=v==null?void 0:v.validate)==null||$e.call(v,"change").catch(Xe=>void 0))}),be(K,()=>ce()),be(()=>r.type,async()=>{await tt(),ce(),Ce()}),bt(()=>{!r.formatter&&r.parser,ce(),tt(Ce)}),t({input:y,textarea:S,ref:R,textareaStyle:Y,autosize:Nn(r,"autosize"),focus:Oe,blur:je,select:Ze,clear:Ye,resizeTextarea:Ce}),($e,Xe)=>Ot((P(),H("div",Ft(c(l),{class:c(s),style:c(z),role:$e.containerRole,onMouseenter:Le,onMouseleave:Te}),[se(" input "),$e.type!=="textarea"?(P(),H(Ue,{key:0},[se(" prepend slot "),$e.$slots.prepend?(P(),H("div",{key:0,class:F(c(g).be("group","prepend"))},[de($e.$slots,"prepend")],2)):se("v-if",!0),q("div",{class:F(c(i))},[se(" prefix slot "),$e.$slots.prefix||$e.prefixIcon?(P(),H("span",{key:0,class:F(c(g).e("prefix"))},[q("span",{class:F(c(g).e("prefix-inner")),onClick:Oe},[de($e.$slots,"prefix"),$e.prefixIcon?(P(),ue(c(at),{key:0,class:F(c(g).e("icon"))},{default:re(()=>[(P(),ue(jt($e.prefixIcon)))]),_:1},8,["class"])):se("v-if",!0)],2)],2)):se("v-if",!0),q("input",Ft({id:c(p),ref_key:"input",ref:y,class:c(g).e("inner")},c(u),{type:$e.showPassword?$.value?"text":"password":$e.type,disabled:c(b),formatter:$e.formatter,parser:$e.parser,readonly:$e.readonly,autocomplete:$e.autocomplete,tabindex:$e.tabindex,"aria-label":$e.label,placeholder:$e.placeholder,style:$e.inputStyle,form:r.form,onCompositionstart:Be,onCompositionupdate:ne,onCompositionend:ie,onInput:ee,onFocus:_e,onBlur:Ve,onChange:ve,onKeydown:Ee}),null,16,Fge),se(" suffix slot "),c(G)?(P(),H("span",{key:1,class:F(c(g).e("suffix"))},[q("span",{class:F(c(g).e("suffix-inner")),onClick:Oe},[!c(M)||!c(j)||!c(N)?(P(),H(Ue,{key:0},[de($e.$slots,"suffix"),$e.suffixIcon?(P(),ue(c(at),{key:0,class:F(c(g).e("icon"))},{default:re(()=>[(P(),ue(jt($e.suffixIcon)))]),_:1},8,["class"])):se("v-if",!0)],64)):se("v-if",!0),c(M)?(P(),ue(c(at),{key:1,class:F([c(g).e("icon"),c(g).e("clear")]),onMousedown:pt(c(gn),["prevent"]),onClick:Ye},{default:re(()=>[Q(c(Zs))]),_:1},8,["class","onMousedown"])):se("v-if",!0),c(j)?(P(),ue(c(at),{key:2,class:F([c(g).e("icon"),c(g).e("password")]),onClick:ye},{default:re(()=>[(P(),ue(jt(c(B))))]),_:1},8,["class"])):se("v-if",!0),c(N)?(P(),H("span",{key:3,class:F(c(g).e("count"))},[q("span",{class:F(c(g).e("count-inner"))},Ae(c(U))+" / "+Ae(c(u).maxlength),3)],2)):se("v-if",!0),c(A)&&c(I)&&c(V)?(P(),ue(c(at),{key:4,class:F([c(g).e("icon"),c(g).e("validateIcon"),c(g).is("loading",c(A)==="validating")])},{default:re(()=>[(P(),ue(jt(c(I))))]),_:1},8,["class"])):se("v-if",!0)],2)],2)):se("v-if",!0)],2),se(" append slot "),$e.$slots.append?(P(),H("div",{key:1,class:F(c(g).be("group","append"))},[de($e.$slots,"append")],2)):se("v-if",!0)],64)):(P(),H(Ue,{key:1},[se(" textarea "),q("textarea",Ft({id:c(p),ref_key:"textarea",ref:S,class:c(_).e("inner")},c(u),{tabindex:$e.tabindex,disabled:c(b),readonly:$e.readonly,autocomplete:$e.autocomplete,style:c(Y),"aria-label":$e.label,placeholder:$e.placeholder,form:r.form,onCompositionstart:Be,onCompositionupdate:ne,onCompositionend:ie,onInput:ee,onFocus:_e,onBlur:Ve,onChange:ve,onKeydown:Ee}),null,16,Lge),c(N)?(P(),H("span",{key:0,style:lt(O.value),class:F(c(g).e("count"))},Ae(c(U))+" / "+Ae(c(u).maxlength),7)):se("v-if",!0)],64))],16,Rge)),[[on,$e.type!=="hidden"]])}});var Vge=ze(Bge,[["__file","/home/runner/work/element-plus/element-plus/packages/components/input/src/input.vue"]]);const vr=Rt(Vge),Bu=4,D8={vertical:{offset:"offsetHeight",scroll:"scrollTop",scrollSize:"scrollHeight",size:"height",key:"vertical",axis:"Y",client:"clientY",direction:"top"},horizontal:{offset:"offsetWidth",scroll:"scrollLeft",scrollSize:"scrollWidth",size:"width",key:"horizontal",axis:"X",client:"clientX",direction:"left"}},jge=({move:e,size:t,bar:n})=>({[n.size]:t,transform:`translate${n.axis}(${e}%)`}),B8=Symbol("scrollbarContextKey"),zge=He({vertical:Boolean,size:String,move:Number,ratio:{type:Number,required:!0},always:Boolean}),Hge="Thumb",Kge=Z({__name:"thumb",props:zge,setup(e){const t=e,n=Ge(B8),r=Ie("scrollbar");n||wr(Hge,"can not inject scrollbar context");const o=D(),a=D(),l=D({}),s=D(!1);let i=!1,u=!1,f=en?document.onselectstart:null;const v=T(()=>D8[t.vertical?"vertical":"horizontal"]),p=T(()=>jge({size:t.size,move:t.move,bar:v.value})),h=T(()=>o.value[v.value.offset]**2/n.wrapElement[v.value.scrollSize]/t.ratio/a.value[v.value.offset]),b=$=>{var O;if($.stopPropagation(),$.ctrlKey||[1,2].includes($.button))return;(O=window.getSelection())==null||O.removeAllRanges(),_($);const x=$.currentTarget;!x||(l.value[v.value.axis]=x[v.value.offset]-($[v.value.client]-x.getBoundingClientRect()[v.value.direction]))},g=$=>{if(!a.value||!o.value||!n.wrapElement)return;const O=Math.abs($.target.getBoundingClientRect()[v.value.direction]-$[v.value.client]),x=a.value[v.value.offset]/2,R=(O-x)*100*h.value/o.value[v.value.offset];n.wrapElement[v.value.scroll]=R*n.wrapElement[v.value.scrollSize]/100},_=$=>{$.stopImmediatePropagation(),i=!0,document.addEventListener("mousemove",y),document.addEventListener("mouseup",S),f=document.onselectstart,document.onselectstart=()=>!1},y=$=>{if(!o.value||!a.value||i===!1)return;const O=l.value[v.value.axis];if(!O)return;const x=(o.value.getBoundingClientRect()[v.value.direction]-$[v.value.client])*-1,R=a.value[v.value.offset]-O,V=(x-R)*100*h.value/o.value[v.value.offset];n.wrapElement[v.value.scroll]=V*n.wrapElement[v.value.scrollSize]/100},S=()=>{i=!1,l.value[v.value.axis]=0,document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",S),k(),u&&(s.value=!1)},w=()=>{u=!1,s.value=!!t.size},C=()=>{u=!0,s.value=i};hn(()=>{k(),document.removeEventListener("mouseup",S)});const k=()=>{document.onselectstart!==f&&(document.onselectstart=f)};return Kn(Nn(n,"scrollbarElement"),"mousemove",w),Kn(Nn(n,"scrollbarElement"),"mouseleave",C),($,O)=>(P(),ue(tr,{name:c(r).b("fade"),persisted:""},{default:re(()=>[Ot(q("div",{ref_key:"instance",ref:o,class:F([c(r).e("bar"),c(r).is(c(v).key)]),onMousedown:g},[q("div",{ref_key:"thumb",ref:a,class:F(c(r).e("thumb")),style:lt(c(p)),onMousedown:b},null,38)],34),[[on,$.always||s.value]])]),_:1},8,["name"]))}});var W4=ze(Kge,[["__file","/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/thumb.vue"]]);const Wge=He({always:{type:Boolean,default:!0},width:String,height:String,ratioX:{type:Number,default:1},ratioY:{type:Number,default:1}}),Uge=Z({__name:"bar",props:Wge,setup(e,{expose:t}){const n=e,r=D(0),o=D(0);return t({handleScroll:l=>{if(l){const s=l.offsetHeight-Bu,i=l.offsetWidth-Bu;o.value=l.scrollTop*100/s*n.ratioY,r.value=l.scrollLeft*100/i*n.ratioX}}}),(l,s)=>(P(),H(Ue,null,[Q(W4,{move:r.value,ratio:l.ratioX,size:l.width,always:l.always},null,8,["move","ratio","size","always"]),Q(W4,{move:o.value,ratio:l.ratioY,size:l.height,vertical:"",always:l.always},null,8,["move","ratio","size","always"])],64))}});var qge=ze(Uge,[["__file","/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/bar.vue"]]);const Gge=He({height:{type:[String,Number],default:""},maxHeight:{type:[String,Number],default:""},native:{type:Boolean,default:!1},wrapStyle:{type:ge([String,Object,Array]),default:""},wrapClass:{type:[String,Array],default:""},viewClass:{type:[String,Array],default:""},viewStyle:{type:[String,Array,Object],default:""},noresize:Boolean,tag:{type:String,default:"div"},always:Boolean,minSize:{type:Number,default:20}}),Yge={scroll:({scrollTop:e,scrollLeft:t})=>[e,t].every(gt)},Xge="ElScrollbar",Zge=Z({name:Xge}),Qge=Z({...Zge,props:Gge,emits:Yge,setup(e,{expose:t,emit:n}){const r=e,o=Ie("scrollbar");let a,l;const s=D(),i=D(),u=D(),f=D("0"),v=D("0"),p=D(),h=D(1),b=D(1),g=T(()=>{const O={};return r.height&&(O.height=or(r.height)),r.maxHeight&&(O.maxHeight=or(r.maxHeight)),[r.wrapStyle,O]}),_=T(()=>[r.wrapClass,o.e("wrap"),{[o.em("wrap","hidden-default")]:!r.native}]),y=T(()=>[o.e("view"),r.viewClass]),S=()=>{var O;i.value&&((O=p.value)==null||O.handleScroll(i.value),n("scroll",{scrollTop:i.value.scrollTop,scrollLeft:i.value.scrollLeft}))};function w(O,x){Bt(O)?i.value.scrollTo(O):gt(O)&>(x)&&i.value.scrollTo(O,x)}const C=O=>{!gt(O)||(i.value.scrollTop=O)},k=O=>{!gt(O)||(i.value.scrollLeft=O)},$=()=>{if(!i.value)return;const O=i.value.offsetHeight-Bu,x=i.value.offsetWidth-Bu,R=O**2/i.value.scrollHeight,V=x**2/i.value.scrollWidth,A=Math.max(R,r.minSize),I=Math.max(V,r.minSize);h.value=R/(O-R)/(A/(O-A)),b.value=V/(x-V)/(I/(x-I)),v.value=A+Bur.noresize,O=>{O?(a==null||a(),l==null||l()):({stop:a}=eo(u,$),l=Kn("resize",$))},{immediate:!0}),be(()=>[r.maxHeight,r.height],()=>{r.native||tt(()=>{var O;$(),i.value&&((O=p.value)==null||O.handleScroll(i.value))})}),$t(B8,nn({scrollbarElement:s,wrapElement:i})),bt(()=>{r.native||tt(()=>{$()})}),Sa(()=>$()),t({wrapRef:i,update:$,scrollTo:w,setScrollTop:C,setScrollLeft:k,handleScroll:S}),(O,x)=>(P(),H("div",{ref_key:"scrollbarRef",ref:s,class:F(c(o).b())},[q("div",{ref_key:"wrapRef",ref:i,class:F(c(_)),style:lt(c(g)),onScroll:S},[(P(),ue(jt(O.tag),{ref_key:"resizeRef",ref:u,class:F(c(y)),style:lt(O.viewStyle)},{default:re(()=>[de(O.$slots,"default")]),_:3},8,["class","style"]))],38),O.native?se("v-if",!0):(P(),ue(qge,{key:0,ref_key:"barRef",ref:p,height:v.value,width:f.value,always:O.always,"ratio-x":b.value,"ratio-y":h.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});var Jge=ze(Qge,[["__file","/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/scrollbar.vue"]]);const as=Rt(Jge),Fw=Symbol("popper"),V8=Symbol("popperContent"),e0e=["dialog","grid","group","listbox","menu","navigation","tooltip","tree"],j8=He({role:{type:String,values:e0e,default:"tooltip"}}),t0e=Z({name:"ElPopper",inheritAttrs:!1}),n0e=Z({...t0e,props:j8,setup(e,{expose:t}){const n=e,r=D(),o=D(),a=D(),l=D(),s=T(()=>n.role),i={triggerRef:r,popperInstanceRef:o,contentRef:a,referenceRef:l,role:s};return t(i),$t(Fw,i),(u,f)=>de(u.$slots,"default")}});var r0e=ze(n0e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/popper/src/popper.vue"]]);const z8=He({arrowOffset:{type:Number,default:5}}),o0e=Z({name:"ElPopperArrow",inheritAttrs:!1}),a0e=Z({...o0e,props:z8,setup(e,{expose:t}){const n=e,r=Ie("popper"),{arrowOffset:o,arrowRef:a,arrowStyle:l}=Ge(V8,void 0);return be(()=>n.arrowOffset,s=>{o.value=s}),hn(()=>{a.value=void 0}),t({arrowRef:a}),(s,i)=>(P(),H("span",{ref_key:"arrowRef",ref:a,class:F(c(r).e("arrow")),style:lt(c(l)),"data-popper-arrow":""},null,6))}});var l0e=ze(a0e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/popper/src/arrow.vue"]]);const s0e="ElOnlyChild",H8=Z({name:s0e,setup(e,{slots:t,attrs:n}){var r;const o=Ge(m8),a=Dhe((r=o==null?void 0:o.setForwardRef)!=null?r:gn);return()=>{var l;const s=(l=t.default)==null?void 0:l.call(t,n);if(!s||s.length>1)return null;const i=K8(s);return i?Ot(Gl(i,n),[[a]]):null}}});function K8(e){if(!e)return null;const t=e;for(const n of t){if(Bt(n))switch(n.type){case Nr:continue;case Bs:case"svg":return U4(n);case Ue:return K8(n.children);default:return n}return U4(n)}return null}function U4(e){const t=Ie("only-child");return Q("span",{class:t.e("content")},[e])}const W8=He({virtualRef:{type:ge(Object)},virtualTriggering:Boolean,onMouseenter:{type:ge(Function)},onMouseleave:{type:ge(Function)},onClick:{type:ge(Function)},onKeydown:{type:ge(Function)},onFocus:{type:ge(Function)},onBlur:{type:ge(Function)},onContextmenu:{type:ge(Function)},id:String,open:Boolean}),i0e=Z({name:"ElPopperTrigger",inheritAttrs:!1}),u0e=Z({...i0e,props:W8,setup(e,{expose:t}){const n=e,{role:r,triggerRef:o}=Ge(Fw,void 0);Lhe(o);const a=T(()=>s.value?n.id:void 0),l=T(()=>{if(r&&r.value==="tooltip")return n.open&&n.id?n.id:void 0}),s=T(()=>{if(r&&r.value!=="tooltip")return r.value}),i=T(()=>s.value?`${n.open}`:void 0);let u;return bt(()=>{be(()=>n.virtualRef,f=>{f&&(o.value=qo(f))},{immediate:!0}),be(o,(f,v)=>{u==null||u(),u=void 0,ba(f)&&(["onMouseenter","onMouseleave","onClick","onKeydown","onFocus","onBlur","onContextmenu"].forEach(p=>{var h;const b=n[p];b&&(f.addEventListener(p.slice(2).toLowerCase(),b),(h=v==null?void 0:v.removeEventListener)==null||h.call(v,p.slice(2).toLowerCase(),b))}),u=be([a,l,s,i],p=>{["aria-controls","aria-describedby","aria-haspopup","aria-expanded"].forEach((h,b)=>{br(p[b])?f.removeAttribute(h):f.setAttribute(h,p[b])})},{immediate:!0})),ba(v)&&["aria-controls","aria-describedby","aria-haspopup","aria-expanded"].forEach(p=>v.removeAttribute(p))},{immediate:!0})}),hn(()=>{u==null||u(),u=void 0}),t({triggerRef:o}),(f,v)=>f.virtualTriggering?se("v-if",!0):(P(),ue(c(H8),Ft({key:0},f.$attrs,{"aria-controls":c(a),"aria-describedby":c(l),"aria-expanded":c(i),"aria-haspopup":c(s)}),{default:re(()=>[de(f.$slots,"default")]),_:3},16,["aria-controls","aria-describedby","aria-expanded","aria-haspopup"]))}});var c0e=ze(u0e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/popper/src/trigger.vue"]]);const Cb="focus-trap.focus-after-trapped",Sb="focus-trap.focus-after-released",d0e="focus-trap.focusout-prevented",q4={cancelable:!0,bubbles:!1},f0e={cancelable:!0,bubbles:!1},G4="focusAfterTrapped",Y4="focusAfterReleased",Lw=Symbol("elFocusTrap"),Dw=D(),kg=D(0),Bw=D(0);let Fp=0;const U8=e=>{const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const o=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||o?NodeFilter.FILTER_SKIP:r.tabIndex>=0||r===document.activeElement?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t},X4=(e,t)=>{for(const n of e)if(!v0e(n,t))return n},v0e=(e,t)=>{if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1},p0e=e=>{const t=U8(e),n=X4(t,e),r=X4(t.reverse(),e);return[n,r]},h0e=e=>e instanceof HTMLInputElement&&"select"in e,Ss=(e,t)=>{if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),Bw.value=window.performance.now(),e!==n&&h0e(e)&&t&&e.select()}};function Z4(e,t){const n=[...e],r=e.indexOf(t);return r!==-1&&n.splice(r,1),n}const m0e=()=>{let e=[];return{push:r=>{const o=e[0];o&&r!==o&&o.pause(),e=Z4(e,r),e.unshift(r)},remove:r=>{var o,a;e=Z4(e,r),(a=(o=e[0])==null?void 0:o.resume)==null||a.call(o)}}},g0e=(e,t=!1)=>{const n=document.activeElement;for(const r of e)if(Ss(r,t),document.activeElement!==n)return},Q4=m0e(),b0e=()=>kg.value>Bw.value,Lp=()=>{Dw.value="pointer",kg.value=window.performance.now()},J4=()=>{Dw.value="keyboard",kg.value=window.performance.now()},y0e=()=>(bt(()=>{Fp===0&&(document.addEventListener("mousedown",Lp),document.addEventListener("touchstart",Lp),document.addEventListener("keydown",J4)),Fp++}),hn(()=>{Fp--,Fp<=0&&(document.removeEventListener("mousedown",Lp),document.removeEventListener("touchstart",Lp),document.removeEventListener("keydown",J4))}),{focusReason:Dw,lastUserFocusTimestamp:kg,lastAutomatedFocusTimestamp:Bw}),Dp=e=>new CustomEvent(d0e,{...f0e,detail:e}),_0e=Z({name:"ElFocusTrap",inheritAttrs:!1,props:{loop:Boolean,trapped:Boolean,focusTrapEl:Object,focusStartEl:{type:[Object,String],default:"first"}},emits:[G4,Y4,"focusin","focusout","focusout-prevented","release-requested"],setup(e,{emit:t}){const n=D();let r,o;const{focusReason:a}=y0e();Mhe(b=>{e.trapped&&!l.paused&&t("release-requested",b)});const l={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}},s=b=>{if(!e.loop&&!e.trapped||l.paused)return;const{key:g,altKey:_,ctrlKey:y,metaKey:S,currentTarget:w,shiftKey:C}=b,{loop:k}=e,$=g===ut.tab&&!_&&!y&&!S,O=document.activeElement;if($&&O){const x=w,[R,V]=p0e(x);if(R&&V){if(!C&&O===V){const I=Dp({focusReason:a.value});t("focusout-prevented",I),I.defaultPrevented||(b.preventDefault(),k&&Ss(R,!0))}else if(C&&[R,x].includes(O)){const I=Dp({focusReason:a.value});t("focusout-prevented",I),I.defaultPrevented||(b.preventDefault(),k&&Ss(V,!0))}}else if(O===x){const I=Dp({focusReason:a.value});t("focusout-prevented",I),I.defaultPrevented||b.preventDefault()}}};$t(Lw,{focusTrapRef:n,onKeydown:s}),be(()=>e.focusTrapEl,b=>{b&&(n.value=b)},{immediate:!0}),be([n],([b],[g])=>{b&&(b.addEventListener("keydown",s),b.addEventListener("focusin",f),b.addEventListener("focusout",v)),g&&(g.removeEventListener("keydown",s),g.removeEventListener("focusin",f),g.removeEventListener("focusout",v))});const i=b=>{t(G4,b)},u=b=>t(Y4,b),f=b=>{const g=c(n);if(!g)return;const _=b.target,y=b.relatedTarget,S=_&&g.contains(_);e.trapped||y&&g.contains(y)||(r=y),S&&t("focusin",b),!l.paused&&e.trapped&&(S?o=_:Ss(o,!0))},v=b=>{const g=c(n);if(!(l.paused||!g))if(e.trapped){const _=b.relatedTarget;!br(_)&&!g.contains(_)&&setTimeout(()=>{if(!l.paused&&e.trapped){const y=Dp({focusReason:a.value});t("focusout-prevented",y),y.defaultPrevented||Ss(o,!0)}},0)}else{const _=b.target;_&&g.contains(_)||t("focusout",b)}};async function p(){await tt();const b=c(n);if(b){Q4.push(l);const g=b.contains(document.activeElement)?r:document.activeElement;if(r=g,!b.contains(g)){const y=new Event(Cb,q4);b.addEventListener(Cb,i),b.dispatchEvent(y),y.defaultPrevented||tt(()=>{let S=e.focusStartEl;_t(S)||(Ss(S),document.activeElement!==S&&(S="first")),S==="first"&&g0e(U8(b),!0),(document.activeElement===g||S==="container")&&Ss(b)})}}}function h(){const b=c(n);if(b){b.removeEventListener(Cb,i);const g=new CustomEvent(Sb,{...q4,detail:{focusReason:a.value}});b.addEventListener(Sb,u),b.dispatchEvent(g),!g.defaultPrevented&&(a.value=="keyboard"||!b0e()||b.contains(document.activeElement))&&Ss(r!=null?r:document.body),b.removeEventListener(Sb,i),Q4.remove(l)}}return bt(()=>{e.trapped&&p(),be(()=>e.trapped,b=>{b?p():h()})}),hn(()=>{e.trapped&&h()}),{onKeydown:s}}});function w0e(e,t,n,r,o,a){return de(e.$slots,"default",{handleKeydown:e.onKeydown})}var $g=ze(_0e,[["render",w0e],["__file","/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);const C0e=["fixed","absolute"],S0e=He({boundariesPadding:{type:Number,default:0},fallbackPlacements:{type:ge(Array),default:void 0},gpuAcceleration:{type:Boolean,default:!0},offset:{type:Number,default:12},placement:{type:String,values:ou,default:"bottom"},popperOptions:{type:ge(Object),default:()=>({})},strategy:{type:String,values:C0e,default:"absolute"}}),q8=He({...S0e,id:String,style:{type:ge([String,Array,Object])},className:{type:ge([String,Array,Object])},effect:{type:String,default:"dark"},visible:Boolean,enterable:{type:Boolean,default:!0},pure:Boolean,focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{type:ge([String,Array,Object])},popperStyle:{type:ge([String,Array,Object])},referenceEl:{type:ge(Object)},triggerTargetEl:{type:ge(Object)},stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:{type:String,default:void 0},virtualTriggering:Boolean,zIndex:Number}),k0e={mouseenter:e=>e instanceof MouseEvent,mouseleave:e=>e instanceof MouseEvent,focus:()=>!0,blur:()=>!0,close:()=>!0},$0e=(e,t=[])=>{const{placement:n,strategy:r,popperOptions:o}=e,a={placement:n,strategy:r,...o,modifiers:[...T0e(e),...t]};return P0e(a,o==null?void 0:o.modifiers),a},E0e=e=>{if(!!en)return qo(e)};function T0e(e){const{offset:t,gpuAcceleration:n,fallbackPlacements:r}=e;return[{name:"offset",options:{offset:[0,t!=null?t:12]}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5,fallbackPlacements:r}},{name:"computeStyles",options:{gpuAcceleration:n}}]}function P0e(e,t){t&&(e.modifiers=[...e.modifiers,...t!=null?t:[]])}const O0e=0,x0e=e=>{const{popperInstanceRef:t,contentRef:n,triggerRef:r,role:o}=Ge(Fw,void 0),a=D(),l=D(),s=T(()=>({name:"eventListeners",enabled:!!e.visible})),i=T(()=>{var y;const S=c(a),w=(y=c(l))!=null?y:O0e;return{name:"arrow",enabled:!yfe(S),options:{element:S,padding:w}}}),u=T(()=>({onFirstUpdate:()=>{b()},...$0e(e,[c(i),c(s)])})),f=T(()=>E0e(e.referenceEl)||c(r)),{attributes:v,state:p,styles:h,update:b,forceUpdate:g,instanceRef:_}=Ohe(f,n,u);return be(_,y=>t.value=y),bt(()=>{be(()=>{var y;return(y=c(f))==null?void 0:y.getBoundingClientRect()},()=>{b()})}),{attributes:v,arrowRef:a,contentRef:n,instanceRef:_,state:p,styles:h,role:o,forceUpdate:g,update:b}},A0e=(e,{attributes:t,styles:n,role:r})=>{const{nextZIndex:o}=Zc(),a=Ie("popper"),l=T(()=>c(t).popper),s=D(e.zIndex||o()),i=T(()=>[a.b(),a.is("pure",e.pure),a.is(e.effect),e.popperClass]),u=T(()=>[{zIndex:c(s)},c(n).popper,e.popperStyle||{}]),f=T(()=>r.value==="dialog"?"false":void 0),v=T(()=>c(n).arrow||{});return{ariaModal:f,arrowStyle:v,contentAttrs:l,contentClass:i,contentStyle:u,contentZIndex:s,updateZIndex:()=>{s.value=e.zIndex||o()}}},I0e=(e,t)=>{const n=D(!1),r=D();return{focusStartRef:r,trapped:n,onFocusAfterReleased:u=>{var f;((f=u.detail)==null?void 0:f.focusReason)!=="pointer"&&(r.value="first",t("blur"))},onFocusAfterTrapped:()=>{t("focus")},onFocusInTrap:u=>{e.visible&&!n.value&&(u.target&&(r.value=u.target),n.value=!0)},onFocusoutPrevented:u=>{e.trapping||(u.detail.focusReason==="pointer"&&u.preventDefault(),n.value=!1)},onReleaseRequested:()=>{n.value=!1,t("close")}}},M0e=Z({name:"ElPopperContent"}),N0e=Z({...M0e,props:q8,emits:k0e,setup(e,{expose:t,emit:n}){const r=e,{focusStartRef:o,trapped:a,onFocusAfterReleased:l,onFocusAfterTrapped:s,onFocusInTrap:i,onFocusoutPrevented:u,onReleaseRequested:f}=I0e(r,n),{attributes:v,arrowRef:p,contentRef:h,styles:b,instanceRef:g,role:_,update:y}=x0e(r),{ariaModal:S,arrowStyle:w,contentAttrs:C,contentClass:k,contentStyle:$,updateZIndex:O}=A0e(r,{styles:b,attributes:v,role:_}),x=Ge(Ka,void 0),R=D();$t(V8,{arrowStyle:w,arrowRef:p,arrowOffset:R}),x&&(x.addInputId||x.removeInputId)&&$t(Ka,{...x,addInputId:gn,removeInputId:gn});let V;const A=(B=!0)=>{y(),B&&O()},I=()=>{A(!1),r.visible&&r.focusOnShow?a.value=!0:r.visible===!1&&(a.value=!1)};return bt(()=>{be(()=>r.triggerTargetEl,(B,z)=>{V==null||V(),V=void 0;const Y=c(B||h.value),K=c(z||h.value);ba(Y)&&(V=be([_,()=>r.ariaLabel,S,()=>r.id],M=>{["role","aria-label","aria-modal","id"].forEach((j,N)=>{br(M[N])?Y.removeAttribute(j):Y.setAttribute(j,M[N])})},{immediate:!0})),K!==Y&&ba(K)&&["role","aria-label","aria-modal","id"].forEach(M=>{K.removeAttribute(M)})},{immediate:!0}),be(()=>r.visible,I,{immediate:!0})}),hn(()=>{V==null||V(),V=void 0}),t({popperContentRef:h,popperInstanceRef:g,updatePopper:A,contentStyle:$}),(B,z)=>(P(),H("div",Ft({ref_key:"contentRef",ref:h},c(C),{style:c($),class:c(k),tabindex:"-1",onMouseenter:z[0]||(z[0]=Y=>B.$emit("mouseenter",Y)),onMouseleave:z[1]||(z[1]=Y=>B.$emit("mouseleave",Y))}),[Q(c($g),{trapped:c(a),"trap-on-focus-in":!0,"focus-trap-el":c(h),"focus-start-el":c(o),onFocusAfterTrapped:c(s),onFocusAfterReleased:c(l),onFocusin:c(i),onFocusoutPrevented:c(u),onReleaseRequested:c(f)},{default:re(()=>[de(B.$slots,"default")]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusin","onFocusoutPrevented","onReleaseRequested"])],16))}});var R0e=ze(N0e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/popper/src/content.vue"]]);const G8=Rt(r0e),Eg=Symbol("elTooltip"),xr=He({...Fhe,...q8,appendTo:{type:ge([String,Object])},content:{type:String,default:""},rawContent:{type:Boolean,default:!1},persistent:Boolean,ariaLabel:String,visible:{type:ge(Boolean),default:null},transition:String,teleported:{type:Boolean,default:!0},disabled:Boolean}),Df=He({...W8,disabled:Boolean,trigger:{type:ge([String,Array]),default:"hover"},triggerKeys:{type:ge(Array),default:()=>[ut.enter,ut.space]}}),{useModelToggleProps:F0e,useModelToggleEmits:L0e,useModelToggle:D0e}=Tpe("visible"),B0e=He({...j8,...F0e,...xr,...Df,...z8,showArrow:{type:Boolean,default:!0}}),V0e=[...L0e,"before-show","before-hide","show","hide","open","close"],j0e=(e,t)=>et(e)?e.includes(t):e===t,$u=(e,t,n)=>r=>{j0e(c(e),t)&&n(r)},z0e=Z({name:"ElTooltipTrigger"}),H0e=Z({...z0e,props:Df,setup(e,{expose:t}){const n=e,r=Ie("tooltip"),{controlled:o,id:a,open:l,onOpen:s,onClose:i,onToggle:u}=Ge(Eg,void 0),f=D(null),v=()=>{if(c(o)||n.disabled)return!0},p=Nn(n,"trigger"),h=Yn(v,$u(p,"hover",s)),b=Yn(v,$u(p,"hover",i)),g=Yn(v,$u(p,"click",C=>{C.button===0&&u(C)})),_=Yn(v,$u(p,"focus",s)),y=Yn(v,$u(p,"focus",i)),S=Yn(v,$u(p,"contextmenu",C=>{C.preventDefault(),u(C)})),w=Yn(v,C=>{const{code:k}=C;n.triggerKeys.includes(k)&&(C.preventDefault(),u(C))});return t({triggerRef:f}),(C,k)=>(P(),ue(c(c0e),{id:c(a),"virtual-ref":C.virtualRef,open:c(l),"virtual-triggering":C.virtualTriggering,class:F(c(r).e("trigger")),onBlur:c(y),onClick:c(g),onContextmenu:c(S),onFocus:c(_),onMouseenter:c(h),onMouseleave:c(b),onKeydown:c(w)},{default:re(()=>[de(C.$slots,"default")]),_:3},8,["id","virtual-ref","open","virtual-triggering","class","onBlur","onClick","onContextmenu","onFocus","onMouseenter","onMouseleave","onKeydown"]))}});var K0e=ze(H0e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/trigger.vue"]]);const W0e=Z({name:"ElTooltipContent",inheritAttrs:!1}),U0e=Z({...W0e,props:xr,setup(e,{expose:t}){const n=e,{selector:r}=p8(),o=Ie("tooltip"),a=D(null),l=D(!1),{controlled:s,id:i,open:u,trigger:f,onClose:v,onOpen:p,onShow:h,onHide:b,onBeforeShow:g,onBeforeHide:_}=Ge(Eg,void 0),y=T(()=>n.transition||`${o.namespace.value}-fade-in-linear`),S=T(()=>n.persistent);hn(()=>{l.value=!0});const w=T(()=>c(S)?!0:c(u)),C=T(()=>n.disabled?!1:c(u)),k=T(()=>n.appendTo||r.value),$=T(()=>{var M;return(M=n.style)!=null?M:{}}),O=T(()=>!c(u)),x=()=>{b()},R=()=>{if(c(s))return!0},V=Yn(R,()=>{n.enterable&&c(f)==="hover"&&p()}),A=Yn(R,()=>{c(f)==="hover"&&v()}),I=()=>{var M,j;(j=(M=a.value)==null?void 0:M.updatePopper)==null||j.call(M),g==null||g()},B=()=>{_==null||_()},z=()=>{h(),K=Y_(T(()=>{var M;return(M=a.value)==null?void 0:M.popperContentRef}),()=>{if(c(s))return;c(f)!=="hover"&&v()})},Y=()=>{n.virtualTriggering||v()};let K;return be(()=>c(u),M=>{M||K==null||K()},{flush:"post"}),be(()=>n.content,()=>{var M,j;(j=(M=a.value)==null?void 0:M.updatePopper)==null||j.call(M)}),t({contentRef:a}),(M,j)=>(P(),ue(Fs,{disabled:!M.teleported,to:c(k)},[Q(tr,{name:c(y),onAfterLeave:x,onBeforeEnter:I,onAfterEnter:z,onBeforeLeave:B},{default:re(()=>[c(w)?Ot((P(),ue(c(R0e),Ft({key:0,id:c(i),ref_key:"contentRef",ref:a},M.$attrs,{"aria-label":M.ariaLabel,"aria-hidden":c(O),"boundaries-padding":M.boundariesPadding,"fallback-placements":M.fallbackPlacements,"gpu-acceleration":M.gpuAcceleration,offset:M.offset,placement:M.placement,"popper-options":M.popperOptions,strategy:M.strategy,effect:M.effect,enterable:M.enterable,pure:M.pure,"popper-class":M.popperClass,"popper-style":[M.popperStyle,c($)],"reference-el":M.referenceEl,"trigger-target-el":M.triggerTargetEl,visible:c(C),"z-index":M.zIndex,onMouseenter:c(V),onMouseleave:c(A),onBlur:Y,onClose:c(v)}),{default:re(()=>[l.value?se("v-if",!0):de(M.$slots,"default",{key:0})]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[on,c(C)]]):se("v-if",!0)]),_:3},8,["name"])],8,["disabled","to"]))}});var q0e=ze(U0e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/content.vue"]]);const G0e=["innerHTML"],Y0e={key:1},X0e=Z({name:"ElTooltip"}),Z0e=Z({...X0e,props:B0e,emits:V0e,setup(e,{expose:t,emit:n}){const r=e;Rhe();const o=wa(),a=D(),l=D(),s=()=>{var y;const S=c(a);S&&((y=S.popperInstanceRef)==null||y.update())},i=D(!1),u=D(),{show:f,hide:v,hasUpdateHandler:p}=D0e({indicator:i,toggleReason:u}),{onOpen:h,onClose:b}=h8({showAfter:Nn(r,"showAfter"),hideAfter:Nn(r,"hideAfter"),autoClose:Nn(r,"autoClose"),open:f,close:v}),g=T(()=>yr(r.visible)&&!p.value);$t(Eg,{controlled:g,id:o,open:Ys(i),trigger:Nn(r,"trigger"),onOpen:y=>{h(y)},onClose:y=>{b(y)},onToggle:y=>{c(i)?b(y):h(y)},onShow:()=>{n("show",u.value)},onHide:()=>{n("hide",u.value)},onBeforeShow:()=>{n("before-show",u.value)},onBeforeHide:()=>{n("before-hide",u.value)},updatePopper:s}),be(()=>r.disabled,y=>{y&&i.value&&(i.value=!1)});const _=()=>{var y,S;const w=(S=(y=l.value)==null?void 0:y.contentRef)==null?void 0:S.popperContentRef;return w&&w.contains(document.activeElement)};return NP(()=>i.value&&v()),t({popperRef:a,contentRef:l,isFocusInsideContent:_,updatePopper:s,onOpen:h,onClose:b,hide:v}),(y,S)=>(P(),ue(c(G8),{ref_key:"popperRef",ref:a,role:y.role},{default:re(()=>[Q(K0e,{disabled:y.disabled,trigger:y.trigger,"trigger-keys":y.triggerKeys,"virtual-ref":y.virtualRef,"virtual-triggering":y.virtualTriggering},{default:re(()=>[y.$slots.default?de(y.$slots,"default",{key:0}):se("v-if",!0)]),_:3},8,["disabled","trigger","trigger-keys","virtual-ref","virtual-triggering"]),Q(q0e,{ref_key:"contentRef",ref:l,"aria-label":y.ariaLabel,"boundaries-padding":y.boundariesPadding,content:y.content,disabled:y.disabled,effect:y.effect,enterable:y.enterable,"fallback-placements":y.fallbackPlacements,"hide-after":y.hideAfter,"gpu-acceleration":y.gpuAcceleration,offset:y.offset,persistent:y.persistent,"popper-class":y.popperClass,"popper-style":y.popperStyle,placement:y.placement,"popper-options":y.popperOptions,pure:y.pure,"raw-content":y.rawContent,"reference-el":y.referenceEl,"trigger-target-el":y.triggerTargetEl,"show-after":y.showAfter,strategy:y.strategy,teleported:y.teleported,transition:y.transition,"virtual-triggering":y.virtualTriggering,"z-index":y.zIndex,"append-to":y.appendTo},{default:re(()=>[de(y.$slots,"content",{},()=>[y.rawContent?(P(),H("span",{key:0,innerHTML:y.content},null,8,G0e)):(P(),H("span",Y0e,Ae(y.content),1))]),y.showArrow?(P(),ue(c(l0e),{key:0,"arrow-offset":y.arrowOffset},null,8,["arrow-offset"])):se("v-if",!0)]),_:3},8,["aria-label","boundaries-padding","content","disabled","effect","enterable","fallback-placements","hide-after","gpu-acceleration","offset","persistent","popper-class","popper-style","placement","popper-options","pure","raw-content","reference-el","trigger-target-el","show-after","strategy","teleported","transition","virtual-triggering","z-index","append-to"])]),_:3},8,["role"]))}});var Q0e=ze(Z0e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/tooltip.vue"]]);const ur=Rt(Q0e),J0e=He({valueKey:{type:String,default:"value"},modelValue:{type:[String,Number],default:""},debounce:{type:Number,default:300},placement:{type:ge(String),values:["top","top-start","top-end","bottom","bottom-start","bottom-end"],default:"bottom-start"},fetchSuggestions:{type:ge([Function,Array]),default:gn},popperClass:{type:String,default:""},triggerOnFocus:{type:Boolean,default:!0},selectWhenUnmatched:{type:Boolean,default:!1},hideLoading:{type:Boolean,default:!1},label:{type:String},teleported:xr.teleported,highlightFirstItem:{type:Boolean,default:!1},fitInputWidth:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:String}),ebe={[Dt]:e=>_t(e),[uo]:e=>_t(e),[Rn]:e=>_t(e),focus:e=>e instanceof FocusEvent,blur:e=>e instanceof FocusEvent,clear:()=>!0,select:e=>Bt(e)},tbe=["aria-expanded","aria-owns"],nbe={key:0},rbe=["id","aria-selected","onClick"],Y8="ElAutocomplete",obe=Z({name:Y8,inheritAttrs:!1}),abe=Z({...obe,props:J0e,emits:ebe,setup(e,{expose:t,emit:n}){const r=e,o=gw(),a=Lc(),l=Mo(),s=Ie("autocomplete"),i=D(),u=D(),f=D(),v=D();let p=!1,h=!1;const b=D([]),g=D(-1),_=D(""),y=D(!1),S=D(!1),w=D(!1),C=T(()=>s.b(String(gg()))),k=T(()=>a.style),$=T(()=>(b.value.length>0||w.value)&&y.value),O=T(()=>!r.hideLoading&&w.value),x=T(()=>i.value?Array.from(i.value.$el.querySelectorAll("input")):[]),R=async()=>{await tt(),$.value&&(_.value=`${i.value.$el.offsetWidth}px`)},V=()=>{g.value=-1},I=vo(async pe=>{if(S.value)return;const ke=ce=>{w.value=!1,!S.value&&(et(ce)?(b.value=ce,g.value=r.highlightFirstItem?0:-1):wr(Y8,"autocomplete suggestions must be an array"))};if(w.value=!0,et(r.fetchSuggestions))ke(r.fetchSuggestions);else{const ce=await r.fetchSuggestions(pe,ke);et(ce)&&ke(ce)}},r.debounce),B=pe=>{const ke=!!pe;if(n(uo,pe),n(Dt,pe),S.value=!1,y.value||(y.value=ke),!r.triggerOnFocus&&!pe){S.value=!0,b.value=[];return}I(pe)},z=pe=>{var ke;l.value||(((ke=pe.target)==null?void 0:ke.tagName)!=="INPUT"||x.value.includes(document.activeElement))&&(y.value=!0)},Y=pe=>{n(Rn,pe)},K=pe=>{h?h=!1:(y.value=!0,n("focus",pe),r.triggerOnFocus&&!p&&I(String(r.modelValue)))},M=pe=>{setTimeout(()=>{var ke;if((ke=f.value)!=null&&ke.isFocusInsideContent()){h=!0;return}y.value&&W(),n("blur",pe)})},j=()=>{y.value=!1,n(Dt,""),n("clear")},N=async()=>{$.value&&g.value>=0&&g.value{$.value&&(pe.preventDefault(),pe.stopPropagation(),W())},W=()=>{y.value=!1},G=()=>{var pe;(pe=i.value)==null||pe.focus()},ae=()=>{var pe;(pe=i.value)==null||pe.blur()},me=async pe=>{n(uo,pe[r.valueKey]),n(Dt,pe[r.valueKey]),n("select",pe),b.value=[],g.value=-1},Ce=pe=>{if(!$.value||w.value)return;if(pe<0){g.value=-1;return}pe>=b.value.length&&(pe=b.value.length-1);const ke=u.value.querySelector(`.${s.be("suggestion","wrap")}`),ee=ke.querySelectorAll(`.${s.be("suggestion","list")} li`)[pe],ve=ke.scrollTop,{offsetTop:Be,scrollHeight:ne}=ee;Be+ne>ve+ke.clientHeight&&(ke.scrollTop+=ne),Be{$.value&&W()}),bt(()=>{i.value.ref.setAttribute("role","textbox"),i.value.ref.setAttribute("aria-autocomplete","list"),i.value.ref.setAttribute("aria-controls","id"),i.value.ref.setAttribute("aria-activedescendant",`${C.value}-item-${g.value}`),p=i.value.ref.hasAttribute("readonly")}),t({highlightedIndex:g,activated:y,loading:w,inputRef:i,popperRef:f,suggestions:b,handleSelect:me,handleKeyEnter:N,focus:G,blur:ae,close:W,highlight:Ce}),(pe,ke)=>(P(),ue(c(ur),{ref_key:"popperRef",ref:f,visible:c($),placement:pe.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[c(s).e("popper"),pe.popperClass],teleported:pe.teleported,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${c(s).namespace.value}-zoom-in-top`,persistent:"",onBeforeShow:R,onHide:V},{content:re(()=>[q("div",{ref_key:"regionRef",ref:u,class:F([c(s).b("suggestion"),c(s).is("loading",c(O))]),style:lt({[pe.fitInputWidth?"width":"minWidth"]:_.value,outline:"none"}),role:"region"},[Q(c(as),{id:c(C),tag:"ul","wrap-class":c(s).be("suggestion","wrap"),"view-class":c(s).be("suggestion","list"),role:"listbox"},{default:re(()=>[c(O)?(P(),H("li",nbe,[Q(c(at),{class:F(c(s).is("loading"))},{default:re(()=>[Q(c(Qs))]),_:1},8,["class"])])):(P(!0),H(Ue,{key:1},xt(b.value,(ce,ee)=>(P(),H("li",{id:`${c(C)}-item-${ee}`,key:ee,class:F({highlighted:g.value===ee}),role:"option","aria-selected":g.value===ee,onClick:ve=>me(ce)},[de(pe.$slots,"default",{item:ce},()=>[Ht(Ae(ce[pe.valueKey]),1)])],10,rbe))),128))]),_:3},8,["id","wrap-class","view-class"])],6)]),default:re(()=>[q("div",{ref_key:"listboxRef",ref:v,class:F([c(s).b(),pe.$attrs.class]),style:lt(c(k)),role:"combobox","aria-haspopup":"listbox","aria-expanded":c($),"aria-owns":c(C)},[Q(c(vr),Ft({ref_key:"inputRef",ref:i},c(o),{clearable:pe.clearable,disabled:c(l),name:pe.name,"model-value":pe.modelValue,onInput:B,onChange:Y,onFocus:K,onBlur:M,onClear:j,onKeydown:[ke[0]||(ke[0]=tn(pt(ce=>Ce(g.value-1),["prevent"]),["up"])),ke[1]||(ke[1]=tn(pt(ce=>Ce(g.value+1),["prevent"]),["down"])),tn(N,["enter"]),tn(W,["tab"]),tn(U,["esc"])],onMousedown:z}),ql({_:2},[pe.$slots.prepend?{name:"prepend",fn:re(()=>[de(pe.$slots,"prepend")])}:void 0,pe.$slots.append?{name:"append",fn:re(()=>[de(pe.$slots,"append")])}:void 0,pe.$slots.prefix?{name:"prefix",fn:re(()=>[de(pe.$slots,"prefix")])}:void 0,pe.$slots.suffix?{name:"suffix",fn:re(()=>[de(pe.$slots,"suffix")])}:void 0]),1040,["clearable","disabled","name","model-value","onKeydown"])],14,tbe)]),_:3},8,["visible","placement","popper-class","teleported","transition"]))}});var lbe=ze(abe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/autocomplete/src/autocomplete.vue"]]);const sbe=Rt(lbe),ibe=He({size:{type:[Number,String],values:Cl,default:"",validator:e=>gt(e)},shape:{type:String,values:["circle","square"],default:"circle"},icon:{type:On},src:{type:String,default:""},alt:String,srcSet:String,fit:{type:ge(String),default:"cover"}}),ube={error:e=>e instanceof Event},cbe=["src","alt","srcset"],dbe=Z({name:"ElAvatar"}),fbe=Z({...dbe,props:ibe,emits:ube,setup(e,{emit:t}){const n=e,r=Ie("avatar"),o=D(!1),a=T(()=>{const{size:u,icon:f,shape:v}=n,p=[r.b()];return _t(u)&&p.push(r.m(u)),f&&p.push(r.m("icon")),v&&p.push(r.m(v)),p}),l=T(()=>{const{size:u}=n;return gt(u)?r.cssVarBlock({size:or(u)||""}):void 0}),s=T(()=>({objectFit:n.fit}));be(()=>n.src,()=>o.value=!1);function i(u){o.value=!0,t("error",u)}return(u,f)=>(P(),H("span",{class:F(c(a)),style:lt(c(l))},[(u.src||u.srcSet)&&!o.value?(P(),H("img",{key:0,src:u.src,alt:u.alt,srcset:u.srcSet,style:lt(c(s)),onError:i},null,44,cbe)):u.icon?(P(),ue(c(at),{key:1},{default:re(()=>[(P(),ue(jt(u.icon)))]),_:1})):de(u.$slots,"default",{key:2})],6))}});var vbe=ze(fbe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/avatar/src/avatar.vue"]]);const pbe=Rt(vbe),hbe={visibilityHeight:{type:Number,default:200},target:{type:String,default:""},right:{type:Number,default:40},bottom:{type:Number,default:40}},mbe={click:e=>e instanceof MouseEvent},gbe=(e,t,n)=>{const r=En(),o=En(),a=D(!1),l=()=>{r.value&&(a.value=r.value.scrollTop>=e.visibilityHeight)},s=u=>{var f;(f=r.value)==null||f.scrollTo({top:0,behavior:"smooth"}),t("click",u)},i=Zx(l,300,!0);return Kn(o,"scroll",i),bt(()=>{var u;o.value=document,r.value=document.documentElement,e.target&&(r.value=(u=document.querySelector(e.target))!=null?u:void 0,r.value||wr(n,`target does not exist: ${e.target}`),o.value=r.value)}),{visible:a,handleClick:s}},X8="ElBacktop",bbe=Z({name:X8}),ybe=Z({...bbe,props:hbe,emits:mbe,setup(e,{emit:t}){const n=e,r=Ie("backtop"),{handleClick:o,visible:a}=gbe(n,t,X8),l=T(()=>({right:`${n.right}px`,bottom:`${n.bottom}px`}));return(s,i)=>(P(),ue(tr,{name:`${c(r).namespace.value}-fade-in`},{default:re(()=>[c(a)?(P(),H("div",{key:0,style:lt(c(l)),class:F(c(r).b()),onClick:i[0]||(i[0]=pt((...u)=>c(o)&&c(o)(...u),["stop"]))},[de(s.$slots,"default",{},()=>[Q(c(at),{class:F(c(r).e("icon"))},{default:re(()=>[Q(c(qfe))]),_:1},8,["class"])])],6)):se("v-if",!0)]),_:3},8,["name"]))}});var _be=ze(ybe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/backtop/src/backtop.vue"]]);const wbe=Rt(_be),Cbe=He({value:{type:[String,Number],default:""},max:{type:Number,default:99},isDot:Boolean,hidden:Boolean,type:{type:String,values:["primary","success","warning","info","danger"],default:"danger"}}),Sbe=["textContent"],kbe=Z({name:"ElBadge"}),$be=Z({...kbe,props:Cbe,setup(e,{expose:t}){const n=e,r=Ie("badge"),o=T(()=>n.isDot?"":gt(n.value)&>(n.max)?n.max(P(),H("div",{class:F(c(r).b())},[de(a.$slots,"default"),Q(tr,{name:`${c(r).namespace.value}-zoom-in-center`,persisted:""},{default:re(()=>[Ot(q("sup",{class:F([c(r).e("content"),c(r).em("content",a.type),c(r).is("fixed",!!a.$slots.default),c(r).is("dot",a.isDot)]),textContent:Ae(c(o))},null,10,Sbe),[[on,!a.hidden&&(c(o)||a.isDot)]])]),_:1},8,["name"])],2))}});var Ebe=ze($be,[["__file","/home/runner/work/element-plus/element-plus/packages/components/badge/src/badge.vue"]]);const Z8=Rt(Ebe),Q8=Symbol("breadcrumbKey"),Tbe=He({separator:{type:String,default:"/"},separatorIcon:{type:On}}),Pbe=Z({name:"ElBreadcrumb"}),Obe=Z({...Pbe,props:Tbe,setup(e){const t=e,n=Ie("breadcrumb"),r=D();return $t(Q8,t),bt(()=>{const o=r.value.querySelectorAll(`.${n.e("item")}`);o.length&&o[o.length-1].setAttribute("aria-current","page")}),(o,a)=>(P(),H("div",{ref_key:"breadcrumb",ref:r,class:F(c(n).b()),"aria-label":"Breadcrumb",role:"navigation"},[de(o.$slots,"default")],2))}});var xbe=ze(Obe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb.vue"]]);const Abe=He({to:{type:ge([String,Object]),default:""},replace:{type:Boolean,default:!1}}),Ibe=Z({name:"ElBreadcrumbItem"}),Mbe=Z({...Ibe,props:Abe,setup(e){const t=e,n=vt(),r=Ge(Q8,void 0),o=Ie("breadcrumb"),{separator:a,separatorIcon:l}=kr(r),s=n.appContext.config.globalProperties.$router,i=D(),u=()=>{!t.to||!s||(t.replace?s.replace(t.to):s.push(t.to))};return(f,v)=>(P(),H("span",{class:F(c(o).e("item"))},[q("span",{ref_key:"link",ref:i,class:F([c(o).e("inner"),c(o).is("link",!!f.to)]),role:"link",onClick:u},[de(f.$slots,"default")],2),c(l)?(P(),ue(c(at),{key:0,class:F(c(o).e("separator"))},{default:re(()=>[(P(),ue(jt(c(l))))]),_:1},8,["class"])):(P(),H("span",{key:1,class:F(c(o).e("separator")),role:"presentation"},Ae(c(a)),3))],2))}});var J8=ze(Mbe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);const Nbe=Rt(xbe,{BreadcrumbItem:J8}),Rbe=Xn(J8),eA=Symbol("buttonGroupContextKey"),Fbe=(e,t)=>{bl({from:"type.text",replacement:"link",version:"3.0.0",scope:"props",ref:"https://element-plus.org/en-US/component/button.html#button-attributes"},T(()=>e.type==="text"));const n=Ge(eA,void 0),r=Cg("button"),{form:o}=po(),a=Cr(T(()=>n==null?void 0:n.size)),l=Mo(),s=D(),i=Vr(),u=T(()=>e.type||(n==null?void 0:n.type)||""),f=T(()=>{var b,g,_;return(_=(g=e.autoInsertSpace)!=null?g:(b=r.value)==null?void 0:b.autoInsertSpace)!=null?_:!1}),v=T(()=>e.tag==="button"?{ariaDisabled:l.value||e.loading,disabled:l.value||e.loading,autofocus:e.autofocus,type:e.nativeType}:{}),p=T(()=>{var b;const g=(b=i.default)==null?void 0:b.call(i);if(f.value&&(g==null?void 0:g.length)===1){const _=g[0];if((_==null?void 0:_.type)===Bs){const y=_.children;return/^\p{Unified_Ideograph}{2}$/u.test(y.trim())}}return!1});return{_disabled:l,_size:a,_type:u,_ref:s,_props:v,shouldAddSpace:p,handleClick:b=>{e.nativeType==="reset"&&(o==null||o.resetFields()),t("click",b)}}},qy=["default","primary","success","warning","info","danger","text",""],Lbe=["button","submit","reset"],Gy=He({size:qr,disabled:Boolean,type:{type:String,values:qy,default:""},icon:{type:On},nativeType:{type:String,values:Lbe,default:"button"},loading:Boolean,loadingIcon:{type:On,default:()=>Qs},plain:Boolean,text:Boolean,link:Boolean,bg:Boolean,autofocus:Boolean,round:Boolean,circle:Boolean,color:String,dark:Boolean,autoInsertSpace:{type:Boolean,default:void 0},tag:{type:ge([String,Object]),default:"button"}}),Dbe={click:e=>e instanceof MouseEvent};function Ur(e,t){Bbe(e)&&(e="100%");var n=Vbe(e);return e=t===360?e:Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:(t===360?e=(e<0?e%t+t:e%t)/parseFloat(String(t)):e=e%t/parseFloat(String(t)),e)}function Bp(e){return Math.min(1,Math.max(0,e))}function Bbe(e){return typeof e=="string"&&e.indexOf(".")!==-1&&parseFloat(e)===1}function Vbe(e){return typeof e=="string"&&e.indexOf("%")!==-1}function tA(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function Vp(e){return e<=1?"".concat(Number(e)*100,"%"):e}function Ai(e){return e.length===1?"0"+e:String(e)}function jbe(e,t,n){return{r:Ur(e,255)*255,g:Ur(t,255)*255,b:Ur(n,255)*255}}function e3(e,t,n){e=Ur(e,255),t=Ur(t,255),n=Ur(n,255);var r=Math.max(e,t,n),o=Math.min(e,t,n),a=0,l=0,s=(r+o)/2;if(r===o)l=0,a=0;else{var i=r-o;switch(l=s>.5?i/(2-r-o):i/(r+o),r){case e:a=(t-n)/i+(t1&&(n-=1),n<1/6?e+(t-e)*(6*n):n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function zbe(e,t,n){var r,o,a;if(e=Ur(e,360),t=Ur(t,100),n=Ur(n,100),t===0)o=n,a=n,r=n;else{var l=n<.5?n*(1+t):n+t-n*t,s=2*n-l;r=kb(s,l,e+1/3),o=kb(s,l,e),a=kb(s,l,e-1/3)}return{r:r*255,g:o*255,b:a*255}}function t3(e,t,n){e=Ur(e,255),t=Ur(t,255),n=Ur(n,255);var r=Math.max(e,t,n),o=Math.min(e,t,n),a=0,l=r,s=r-o,i=r===0?0:s/r;if(r===o)a=0;else{switch(r){case e:a=(t-n)/s+(t>16,g:(e&65280)>>8,b:e&255}}var Yy={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function qbe(e){var t={r:0,g:0,b:0},n=1,r=null,o=null,a=null,l=!1,s=!1;return typeof e=="string"&&(e=Xbe(e)),typeof e=="object"&&(Rl(e.r)&&Rl(e.g)&&Rl(e.b)?(t=jbe(e.r,e.g,e.b),l=!0,s=String(e.r).substr(-1)==="%"?"prgb":"rgb"):Rl(e.h)&&Rl(e.s)&&Rl(e.v)?(r=Vp(e.s),o=Vp(e.v),t=Hbe(e.h,r,o),l=!0,s="hsv"):Rl(e.h)&&Rl(e.s)&&Rl(e.l)&&(r=Vp(e.s),a=Vp(e.l),t=zbe(e.h,r,a),l=!0,s="hsl"),Object.prototype.hasOwnProperty.call(e,"a")&&(n=e.a)),n=tA(n),{ok:l,format:e.format||s,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}var Gbe="[-\\+]?\\d+%?",Ybe="[-\\+]?\\d*\\.\\d+%?",As="(?:".concat(Ybe,")|(?:").concat(Gbe,")"),$b="[\\s|\\(]+(".concat(As,")[,|\\s]+(").concat(As,")[,|\\s]+(").concat(As,")\\s*\\)?"),Eb="[\\s|\\(]+(".concat(As,")[,|\\s]+(").concat(As,")[,|\\s]+(").concat(As,")[,|\\s]+(").concat(As,")\\s*\\)?"),Ia={CSS_UNIT:new RegExp(As),rgb:new RegExp("rgb"+$b),rgba:new RegExp("rgba"+Eb),hsl:new RegExp("hsl"+$b),hsla:new RegExp("hsla"+Eb),hsv:new RegExp("hsv"+$b),hsva:new RegExp("hsva"+Eb),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function Xbe(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;var t=!1;if(Yy[e])e=Yy[e],t=!0;else if(e==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var n=Ia.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=Ia.rgba.exec(e),n?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=Ia.hsl.exec(e),n?{h:n[1],s:n[2],l:n[3]}:(n=Ia.hsla.exec(e),n?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=Ia.hsv.exec(e),n?{h:n[1],s:n[2],v:n[3]}:(n=Ia.hsva.exec(e),n?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=Ia.hex8.exec(e),n?{r:Vo(n[1]),g:Vo(n[2]),b:Vo(n[3]),a:r3(n[4]),format:t?"name":"hex8"}:(n=Ia.hex6.exec(e),n?{r:Vo(n[1]),g:Vo(n[2]),b:Vo(n[3]),format:t?"name":"hex"}:(n=Ia.hex4.exec(e),n?{r:Vo(n[1]+n[1]),g:Vo(n[2]+n[2]),b:Vo(n[3]+n[3]),a:r3(n[4]+n[4]),format:t?"name":"hex8"}:(n=Ia.hex3.exec(e),n?{r:Vo(n[1]+n[1]),g:Vo(n[2]+n[2]),b:Vo(n[3]+n[3]),format:t?"name":"hex"}:!1)))))))))}function Rl(e){return Boolean(Ia.CSS_UNIT.exec(String(e)))}var nA=function(){function e(t,n){t===void 0&&(t=""),n===void 0&&(n={});var r;if(t instanceof e)return t;typeof t=="number"&&(t=Ube(t)),this.originalInput=t;var o=qbe(t);this.originalInput=t,this.r=o.r,this.g=o.g,this.b=o.b,this.a=o.a,this.roundA=Math.round(100*this.a)/100,this.format=(r=n.format)!==null&&r!==void 0?r:o.format,this.gradientType=n.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=o.ok}return e.prototype.isDark=function(){return this.getBrightness()<128},e.prototype.isLight=function(){return!this.isDark()},e.prototype.getBrightness=function(){var t=this.toRgb();return(t.r*299+t.g*587+t.b*114)/1e3},e.prototype.getLuminance=function(){var t=this.toRgb(),n,r,o,a=t.r/255,l=t.g/255,s=t.b/255;return a<=.03928?n=a/12.92:n=Math.pow((a+.055)/1.055,2.4),l<=.03928?r=l/12.92:r=Math.pow((l+.055)/1.055,2.4),s<=.03928?o=s/12.92:o=Math.pow((s+.055)/1.055,2.4),.2126*n+.7152*r+.0722*o},e.prototype.getAlpha=function(){return this.a},e.prototype.setAlpha=function(t){return this.a=tA(t),this.roundA=Math.round(100*this.a)/100,this},e.prototype.isMonochrome=function(){var t=this.toHsl().s;return t===0},e.prototype.toHsv=function(){var t=t3(this.r,this.g,this.b);return{h:t.h*360,s:t.s,v:t.v,a:this.a}},e.prototype.toHsvString=function(){var t=t3(this.r,this.g,this.b),n=Math.round(t.h*360),r=Math.round(t.s*100),o=Math.round(t.v*100);return this.a===1?"hsv(".concat(n,", ").concat(r,"%, ").concat(o,"%)"):"hsva(".concat(n,", ").concat(r,"%, ").concat(o,"%, ").concat(this.roundA,")")},e.prototype.toHsl=function(){var t=e3(this.r,this.g,this.b);return{h:t.h*360,s:t.s,l:t.l,a:this.a}},e.prototype.toHslString=function(){var t=e3(this.r,this.g,this.b),n=Math.round(t.h*360),r=Math.round(t.s*100),o=Math.round(t.l*100);return this.a===1?"hsl(".concat(n,", ").concat(r,"%, ").concat(o,"%)"):"hsla(".concat(n,", ").concat(r,"%, ").concat(o,"%, ").concat(this.roundA,")")},e.prototype.toHex=function(t){return t===void 0&&(t=!1),n3(this.r,this.g,this.b,t)},e.prototype.toHexString=function(t){return t===void 0&&(t=!1),"#"+this.toHex(t)},e.prototype.toHex8=function(t){return t===void 0&&(t=!1),Kbe(this.r,this.g,this.b,this.a,t)},e.prototype.toHex8String=function(t){return t===void 0&&(t=!1),"#"+this.toHex8(t)},e.prototype.toHexShortString=function(t){return t===void 0&&(t=!1),this.a===1?this.toHexString(t):this.toHex8String(t)},e.prototype.toRgb=function(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}},e.prototype.toRgbString=function(){var t=Math.round(this.r),n=Math.round(this.g),r=Math.round(this.b);return this.a===1?"rgb(".concat(t,", ").concat(n,", ").concat(r,")"):"rgba(".concat(t,", ").concat(n,", ").concat(r,", ").concat(this.roundA,")")},e.prototype.toPercentageRgb=function(){var t=function(n){return"".concat(Math.round(Ur(n,255)*100),"%")};return{r:t(this.r),g:t(this.g),b:t(this.b),a:this.a}},e.prototype.toPercentageRgbString=function(){var t=function(n){return Math.round(Ur(n,255)*100)};return this.a===1?"rgb(".concat(t(this.r),"%, ").concat(t(this.g),"%, ").concat(t(this.b),"%)"):"rgba(".concat(t(this.r),"%, ").concat(t(this.g),"%, ").concat(t(this.b),"%, ").concat(this.roundA,")")},e.prototype.toName=function(){if(this.a===0)return"transparent";if(this.a<1)return!1;for(var t="#"+n3(this.r,this.g,this.b,!1),n=0,r=Object.entries(Yy);n=0,a=!n&&o&&(t.startsWith("hex")||t==="name");return a?t==="name"&&this.a===0?this.toName():this.toRgbString():(t==="rgb"&&(r=this.toRgbString()),t==="prgb"&&(r=this.toPercentageRgbString()),(t==="hex"||t==="hex6")&&(r=this.toHexString()),t==="hex3"&&(r=this.toHexString(!0)),t==="hex4"&&(r=this.toHex8String(!0)),t==="hex8"&&(r=this.toHex8String()),t==="name"&&(r=this.toName()),t==="hsl"&&(r=this.toHslString()),t==="hsv"&&(r=this.toHsvString()),r||this.toHexString())},e.prototype.toNumber=function(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)},e.prototype.clone=function(){return new e(this.toString())},e.prototype.lighten=function(t){t===void 0&&(t=10);var n=this.toHsl();return n.l+=t/100,n.l=Bp(n.l),new e(n)},e.prototype.brighten=function(t){t===void 0&&(t=10);var n=this.toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(t/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(t/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(t/100)))),new e(n)},e.prototype.darken=function(t){t===void 0&&(t=10);var n=this.toHsl();return n.l-=t/100,n.l=Bp(n.l),new e(n)},e.prototype.tint=function(t){return t===void 0&&(t=10),this.mix("white",t)},e.prototype.shade=function(t){return t===void 0&&(t=10),this.mix("black",t)},e.prototype.desaturate=function(t){t===void 0&&(t=10);var n=this.toHsl();return n.s-=t/100,n.s=Bp(n.s),new e(n)},e.prototype.saturate=function(t){t===void 0&&(t=10);var n=this.toHsl();return n.s+=t/100,n.s=Bp(n.s),new e(n)},e.prototype.greyscale=function(){return this.desaturate(100)},e.prototype.spin=function(t){var n=this.toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,new e(n)},e.prototype.mix=function(t,n){n===void 0&&(n=50);var r=this.toRgb(),o=new e(t).toRgb(),a=n/100,l={r:(o.r-r.r)*a+r.r,g:(o.g-r.g)*a+r.g,b:(o.b-r.b)*a+r.b,a:(o.a-r.a)*a+r.a};return new e(l)},e.prototype.analogous=function(t,n){t===void 0&&(t=6),n===void 0&&(n=30);var r=this.toHsl(),o=360/n,a=[this];for(r.h=(r.h-(o*t>>1)+720)%360;--t;)r.h=(r.h+o)%360,a.push(new e(r));return a},e.prototype.complement=function(){var t=this.toHsl();return t.h=(t.h+180)%360,new e(t)},e.prototype.monochromatic=function(t){t===void 0&&(t=6);for(var n=this.toHsv(),r=n.h,o=n.s,a=n.v,l=[],s=1/t;t--;)l.push(new e({h:r,s:o,v:a})),a=(a+s)%1;return l},e.prototype.splitcomplement=function(){var t=this.toHsl(),n=t.h;return[this,new e({h:(n+72)%360,s:t.s,l:t.l}),new e({h:(n+216)%360,s:t.s,l:t.l})]},e.prototype.onBackground=function(t){var n=this.toRgb(),r=new e(t).toRgb(),o=n.a+r.a*(1-n.a);return new e({r:(n.r*n.a+r.r*r.a*(1-n.a))/o,g:(n.g*n.a+r.g*r.a*(1-n.a))/o,b:(n.b*n.a+r.b*r.a*(1-n.a))/o,a:o})},e.prototype.triad=function(){return this.polyad(3)},e.prototype.tetrad=function(){return this.polyad(4)},e.prototype.polyad=function(t){for(var n=this.toHsl(),r=n.h,o=[this],a=360/t,l=1;l{let r={};const o=e.color;if(o){const a=new nA(o),l=e.dark?a.tint(20).toString():ws(a,20);if(e.plain)r=n.cssVarBlock({"bg-color":e.dark?ws(a,90):a.tint(90).toString(),"text-color":o,"border-color":e.dark?ws(a,50):a.tint(50).toString(),"hover-text-color":`var(${n.cssVarName("color-white")})`,"hover-bg-color":o,"hover-border-color":o,"active-bg-color":l,"active-text-color":`var(${n.cssVarName("color-white")})`,"active-border-color":l}),t.value&&(r[n.cssVarBlockName("disabled-bg-color")]=e.dark?ws(a,90):a.tint(90).toString(),r[n.cssVarBlockName("disabled-text-color")]=e.dark?ws(a,50):a.tint(50).toString(),r[n.cssVarBlockName("disabled-border-color")]=e.dark?ws(a,80):a.tint(80).toString());else{const s=e.dark?ws(a,30):a.tint(30).toString(),i=a.isDark()?`var(${n.cssVarName("color-white")})`:`var(${n.cssVarName("color-black")})`;if(r=n.cssVarBlock({"bg-color":o,"text-color":i,"border-color":o,"hover-bg-color":s,"hover-text-color":i,"hover-border-color":s,"active-bg-color":l,"active-border-color":l}),t.value){const u=e.dark?ws(a,50):a.tint(50).toString();r[n.cssVarBlockName("disabled-bg-color")]=u,r[n.cssVarBlockName("disabled-text-color")]=e.dark?"rgba(255, 255, 255, 0.5)":`var(${n.cssVarName("color-white")})`,r[n.cssVarBlockName("disabled-border-color")]=u}}}return r})}const Qbe=Z({name:"ElButton"}),Jbe=Z({...Qbe,props:Gy,emits:Dbe,setup(e,{expose:t,emit:n}){const r=e,o=Zbe(r),a=Ie("button"),{_ref:l,_size:s,_type:i,_disabled:u,_props:f,shouldAddSpace:v,handleClick:p}=Fbe(r,n);return t({ref:l,size:s,type:i,disabled:u,shouldAddSpace:v}),(h,b)=>(P(),ue(jt(h.tag),Ft({ref_key:"_ref",ref:l},c(f),{class:[c(a).b(),c(a).m(c(i)),c(a).m(c(s)),c(a).is("disabled",c(u)),c(a).is("loading",h.loading),c(a).is("plain",h.plain),c(a).is("round",h.round),c(a).is("circle",h.circle),c(a).is("text",h.text),c(a).is("link",h.link),c(a).is("has-bg",h.bg)],style:c(o),onClick:c(p)}),{default:re(()=>[h.loading?(P(),H(Ue,{key:0},[h.$slots.loading?de(h.$slots,"loading",{key:0}):(P(),ue(c(at),{key:1,class:F(c(a).is("loading"))},{default:re(()=>[(P(),ue(jt(h.loadingIcon)))]),_:1},8,["class"]))],64)):h.icon||h.$slots.icon?(P(),ue(c(at),{key:1},{default:re(()=>[h.icon?(P(),ue(jt(h.icon),{key:0})):de(h.$slots,"icon",{key:1})]),_:3})):se("v-if",!0),h.$slots.default?(P(),H("span",{key:2,class:F({[c(a).em("text","expand")]:c(v)})},[de(h.$slots,"default")],2)):se("v-if",!0)]),_:3},16,["class","style","onClick"]))}});var eye=ze(Jbe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);const tye={size:Gy.size,type:Gy.type},nye=Z({name:"ElButtonGroup"}),rye=Z({...nye,props:tye,setup(e){const t=e;$t(eA,nn({size:Nn(t,"size"),type:Nn(t,"type")}));const n=Ie("button");return(r,o)=>(P(),H("div",{class:F(`${c(n).b("group")}`)},[de(r.$slots,"default")],2))}});var rA=ze(rye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);const Fr=Rt(eye,{ButtonGroup:rA}),oA=Xn(rA),o3=["hours","minutes","seconds"],Xy="HH:mm:ss",Nu="YYYY-MM-DD",oye={date:Nu,dates:Nu,week:"gggg[w]ww",year:"YYYY",month:"YYYY-MM",datetime:`${Nu} ${Xy}`,monthrange:"YYYY-MM",daterange:Nu,datetimerange:`${Nu} ${Xy}`},Tb=(e,t)=>[e>0?e-1:void 0,e,eArray.from(Array.from({length:e}).keys()),aA=e=>e.replace(/\W?m{1,2}|\W?ZZ/g,"").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi,"").trim(),lA=e=>e.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g,"").trim(),a3=function(e,t){const n=Ki(e),r=Ki(t);return n&&r?e.getTime()===t.getTime():!n&&!r?e===t:!1},l3=function(e,t){const n=et(e),r=et(t);return n&&r?e.length!==t.length?!1:e.every((o,a)=>a3(o,t[a])):!n&&!r?a3(e,t):!1},s3=function(e,t,n){const r=ca(t)||t==="x"?At(e).locale(n):At(e,t).locale(n);return r.isValid()?r:void 0},i3=function(e,t,n){return ca(t)?e:t==="x"?+e:At(e).locale(n).format(t)},Pb=(e,t)=>{var n;const r=[],o=t==null?void 0:t();for(let a=0;a({})},modelValue:{type:ge([Date,Array,String,Number]),default:""},rangeSeparator:{type:String,default:"-"},startPlaceholder:String,endPlaceholder:String,defaultValue:{type:ge([Date,Array])},defaultTime:{type:ge([Date,Array])},isRange:{type:Boolean,default:!1},...sA,disabledDate:{type:Function},cellClassName:{type:Function},shortcuts:{type:Array,default:()=>[]},arrowControl:{type:Boolean,default:!1},label:{type:String,default:void 0},tabindex:{type:ge([String,Number]),default:0},validateEvent:{type:Boolean,default:!0},unlinkPanels:Boolean}),aye=["id","name","placeholder","value","disabled","readonly"],lye=["id","name","placeholder","value","disabled","readonly"],sye=Z({name:"Picker"}),iye=Z({...sye,props:Vw,emits:["update:modelValue","change","focus","blur","calendar-change","panel-change","visible-change","keydown"],setup(e,{expose:t,emit:n}){const r=e,{lang:o}=rn(),a=Ie("date"),l=Ie("input"),s=Ie("range"),{form:i,formItem:u}=po(),f=Ge("ElPopperOptions",{}),v=D(),p=D(),h=D(!1),b=D(!1),g=D(null);let _=!1,y=!1;be(h,le=>{le?tt(()=>{le&&(g.value=r.modelValue)}):(_e.value=null,tt(()=>{S(r.modelValue)}))});const S=(le,fe)=>{(fe||!l3(le,g.value))&&(n("change",le),r.validateEvent&&(u==null||u.validate("change").catch(Re=>void 0)))},w=le=>{if(!l3(r.modelValue,le)){let fe;et(le)?fe=le.map(Re=>i3(Re,r.valueFormat,o.value)):le&&(fe=i3(le,r.valueFormat,o.value)),n("update:modelValue",le&&fe,o.value)}},C=le=>{n("keydown",le)},k=T(()=>{if(p.value){const le=ie.value?p.value:p.value.$el;return Array.from(le.querySelectorAll("input"))}return[]}),$=(le,fe,Re)=>{const We=k.value;!We.length||(!Re||Re==="min"?(We[0].setSelectionRange(le,fe),We[0].focus()):Re==="max"&&(We[1].setSelectionRange(le,fe),We[1].focus()))},O=()=>{Y(!0,!0),tt(()=>{y=!1})},x=(le="",fe=!1)=>{fe||(y=!0),h.value=fe;let Re;et(le)?Re=le.map(We=>We.toDate()):Re=le&&le.toDate(),_e.value=null,w(Re)},R=()=>{b.value=!0},V=()=>{n("visible-change",!0)},A=le=>{(le==null?void 0:le.key)===ut.esc&&Y(!0,!0)},I=()=>{b.value=!1,h.value=!1,y=!1,n("visible-change",!1)},B=()=>{h.value=!0},z=()=>{h.value=!1},Y=(le=!0,fe=!1)=>{y=fe;const[Re,We]=c(k);let ct=Re;!le&&ie.value&&(ct=We),ct&&ct.focus()},K=le=>{r.readonly||N.value||h.value||y||(h.value=!0,n("focus",le))};let M;const j=le=>{const fe=async()=>{setTimeout(()=>{var Re;M===fe&&(!(((Re=v.value)==null?void 0:Re.isFocusInsideContent())&&!_)&&k.value.filter(We=>We.contains(document.activeElement)).length===0&&(Ve(),h.value=!1,n("blur",le),r.validateEvent&&(u==null||u.validate("blur").catch(We=>void 0))),_=!1)},0)};M=fe,fe()},N=T(()=>r.disabled||(i==null?void 0:i.disabled)),U=T(()=>{let le;if(ce.value?dt.value.getDefaultValue&&(le=dt.value.getDefaultValue()):et(r.modelValue)?le=r.modelValue.map(fe=>s3(fe,r.valueFormat,o.value)):le=s3(r.modelValue,r.valueFormat,o.value),dt.value.getRangeAvailableTime){const fe=dt.value.getRangeAvailableTime(le);To(fe,le)||(le=fe,w(et(le)?le.map(Re=>Re.toDate()):le.toDate()))}return et(le)&&le.some(fe=>!fe)&&(le=[]),le}),W=T(()=>{if(!dt.value.panelReady)return"";const le=Le(U.value);return et(_e.value)?[_e.value[0]||le&&le[0]||"",_e.value[1]||le&&le[1]||""]:_e.value!==null?_e.value:!ae.value&&ce.value||!h.value&&ce.value?"":le?me.value?le.join(", "):le:""}),G=T(()=>r.type.includes("time")),ae=T(()=>r.type.startsWith("time")),me=T(()=>r.type==="dates"),Ce=T(()=>r.prefixIcon||(G.value?V6:Kfe)),pe=D(!1),ke=le=>{r.readonly||N.value||pe.value&&(le.stopPropagation(),O(),w(null),S(null,!0),pe.value=!1,h.value=!1,dt.value.handleClear&&dt.value.handleClear())},ce=T(()=>{const{modelValue:le}=r;return!le||et(le)&&!le.filter(Boolean).length}),ee=async le=>{var fe;r.readonly||N.value||(((fe=le.target)==null?void 0:fe.tagName)!=="INPUT"||k.value.includes(document.activeElement))&&(h.value=!0)},ve=()=>{r.readonly||N.value||!ce.value&&r.clearable&&(pe.value=!0)},Be=()=>{pe.value=!1},ne=le=>{var fe;r.readonly||N.value||(((fe=le.touches[0].target)==null?void 0:fe.tagName)!=="INPUT"||k.value.includes(document.activeElement))&&(h.value=!0)},ie=T(()=>r.type.includes("range")),ye=Cr(),Oe=T(()=>{var le,fe;return(fe=(le=c(v))==null?void 0:le.popperRef)==null?void 0:fe.contentRef}),je=T(()=>{var le;return c(ie)?c(p):(le=c(p))==null?void 0:le.$el});Y_(je,le=>{const fe=c(Oe),Re=c(je);fe&&(le.target===fe||le.composedPath().includes(fe))||le.target===Re||le.composedPath().includes(Re)||(h.value=!1)});const _e=D(null),Ve=()=>{if(_e.value){const le=Te(W.value);le&&Ee(le)&&(w(et(le)?le.map(fe=>fe.toDate()):le.toDate()),_e.value=null)}_e.value===""&&(w(null),S(null),_e.value=null)},Te=le=>le?dt.value.parseUserInput(le):null,Le=le=>le?dt.value.formatToString(le):null,Ee=le=>dt.value.isValidValue(le),Ze=async le=>{if(r.readonly||N.value)return;const{code:fe}=le;if(C(le),fe===ut.esc){h.value===!0&&(h.value=!1,le.preventDefault(),le.stopPropagation());return}if(fe===ut.down&&(dt.value.handleFocusPicker&&(le.preventDefault(),le.stopPropagation()),h.value===!1&&(h.value=!0,await tt()),dt.value.handleFocusPicker)){dt.value.handleFocusPicker();return}if(fe===ut.tab){_=!0;return}if(fe===ut.enter||fe===ut.numpadEnter){(_e.value===null||_e.value===""||Ee(Te(W.value)))&&(Ve(),h.value=!1),le.stopPropagation();return}if(_e.value){le.stopPropagation();return}dt.value.handleKeydownInput&&dt.value.handleKeydownInput(le)},Ye=le=>{_e.value=le,h.value||(h.value=!0)},$e=le=>{const fe=le.target;_e.value?_e.value=[fe.value,_e.value[1]]:_e.value=[fe.value,null]},Xe=le=>{const fe=le.target;_e.value?_e.value=[_e.value[0],fe.value]:_e.value=[null,fe.value]},ft=()=>{var le;const fe=_e.value,Re=Te(fe&&fe[0]),We=c(U);if(Re&&Re.isValid()){_e.value=[Le(Re),((le=W.value)==null?void 0:le[1])||null];const ct=[Re,We&&(We[1]||null)];Ee(ct)&&(w(ct),_e.value=null)}},Et=()=>{var le;const fe=c(_e),Re=Te(fe&&fe[1]),We=c(U);if(Re&&Re.isValid()){_e.value=[((le=c(W))==null?void 0:le[0])||null,Le(Re)];const ct=[We&&We[0],Re];Ee(ct)&&(w(ct),_e.value=null)}},dt=D({}),Ne=le=>{dt.value[le[0]]=le[1],dt.value.panelReady=!0},Fe=le=>{n("calendar-change",le)},we=(le,fe,Re)=>{n("panel-change",le,fe,Re)};return $t("EP_PICKER_BASE",{props:r}),t({focus:Y,handleFocusInput:K,handleBlurInput:j,handleOpen:B,handleClose:z,onPick:x}),(le,fe)=>(P(),ue(c(ur),Ft({ref_key:"refPopper",ref:v,visible:h.value,effect:"light",pure:"",trigger:"click"},le.$attrs,{role:"dialog",teleported:"",transition:`${c(a).namespace.value}-zoom-in-top`,"popper-class":[`${c(a).namespace.value}-picker__popper`,le.popperClass],"popper-options":c(f),"fallback-placements":["bottom","top","right","left"],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"hide-after":0,persistent:"",onBeforeShow:R,onShow:V,onHide:I}),{default:re(()=>[c(ie)?(P(),H("div",{key:1,ref_key:"inputRef",ref:p,class:F([c(a).b("editor"),c(a).bm("editor",le.type),c(l).e("wrapper"),c(a).is("disabled",c(N)),c(a).is("active",h.value),c(s).b("editor"),c(ye)?c(s).bm("editor",c(ye)):"",le.$attrs.class]),style:lt(le.$attrs.style),onClick:K,onMouseenter:ve,onMouseleave:Be,onTouchstart:ne,onKeydown:Ze},[c(Ce)?(P(),ue(c(at),{key:0,class:F([c(l).e("icon"),c(s).e("icon")]),onMousedown:pt(ee,["prevent"]),onTouchstart:ne},{default:re(()=>[(P(),ue(jt(c(Ce))))]),_:1},8,["class","onMousedown"])):se("v-if",!0),q("input",{id:le.id&&le.id[0],autocomplete:"off",name:le.name&&le.name[0],placeholder:le.startPlaceholder,value:c(W)&&c(W)[0],disabled:c(N),readonly:!le.editable||le.readonly,class:F(c(s).b("input")),onMousedown:ee,onInput:$e,onChange:ft,onFocus:K,onBlur:j},null,42,aye),de(le.$slots,"range-separator",{},()=>[q("span",{class:F(c(s).b("separator"))},Ae(le.rangeSeparator),3)]),q("input",{id:le.id&&le.id[1],autocomplete:"off",name:le.name&&le.name[1],placeholder:le.endPlaceholder,value:c(W)&&c(W)[1],disabled:c(N),readonly:!le.editable||le.readonly,class:F(c(s).b("input")),onMousedown:ee,onFocus:K,onBlur:j,onInput:Xe,onChange:Et},null,42,lye),le.clearIcon?(P(),ue(c(at),{key:1,class:F([c(l).e("icon"),c(s).e("close-icon"),{[c(s).e("close-icon--hidden")]:!pe.value}]),onClick:ke},{default:re(()=>[(P(),ue(jt(le.clearIcon)))]),_:1},8,["class"])):se("v-if",!0)],38)):(P(),ue(c(vr),{key:0,id:le.id,ref_key:"inputRef",ref:p,"container-role":"combobox","model-value":c(W),name:le.name,size:c(ye),disabled:c(N),placeholder:le.placeholder,class:F([c(a).b("editor"),c(a).bm("editor",le.type),le.$attrs.class]),style:lt(le.$attrs.style),readonly:!le.editable||le.readonly||c(me)||le.type==="week",label:le.label,tabindex:le.tabindex,"validate-event":!1,onInput:Ye,onFocus:K,onBlur:j,onKeydown:Ze,onChange:Ve,onMousedown:ee,onMouseenter:ve,onMouseleave:Be,onTouchstart:ne,onClick:fe[0]||(fe[0]=pt(()=>{},["stop"]))},{prefix:re(()=>[c(Ce)?(P(),ue(c(at),{key:0,class:F(c(l).e("icon")),onMousedown:pt(ee,["prevent"]),onTouchstart:ne},{default:re(()=>[(P(),ue(jt(c(Ce))))]),_:1},8,["class","onMousedown"])):se("v-if",!0)]),suffix:re(()=>[pe.value&&le.clearIcon?(P(),ue(c(at),{key:0,class:F(`${c(l).e("icon")} clear-icon`),onClick:pt(ke,["stop"])},{default:re(()=>[(P(),ue(jt(le.clearIcon)))]),_:1},8,["class","onClick"])):se("v-if",!0)]),_:1},8,["id","model-value","name","size","disabled","placeholder","class","style","readonly","label","tabindex","onKeydown"]))]),content:re(()=>[de(le.$slots,"default",{visible:h.value,actualVisible:b.value,parsedValue:c(U),format:le.format,unlinkPanels:le.unlinkPanels,type:le.type,defaultValue:le.defaultValue,onPick:x,onSelectRange:$,onSetPickerOption:Ne,onCalendarChange:Fe,onPanelChange:we,onKeydown:A,onMousedown:fe[1]||(fe[1]=pt(()=>{},["stop"]))})]),_:3},16,["visible","transition","popper-class","popper-options"]))}});var uA=ze(iye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/time-picker/src/common/picker.vue"]]);const uye=He({...iA,datetimeRole:String,parsedValue:{type:ge(Object)}}),cA=({getAvailableHours:e,getAvailableMinutes:t,getAvailableSeconds:n})=>{const r=(l,s,i,u)=>{const f={hour:e,minute:t,second:n};let v=l;return["hour","minute","second"].forEach(p=>{if(f[p]){let h;const b=f[p];switch(p){case"minute":{h=b(v.hour(),s,u);break}case"second":{h=b(v.hour(),v.minute(),s,u);break}default:{h=b(s,u);break}}if((h==null?void 0:h.length)&&!h.includes(v[p]())){const g=i?0:h.length-1;v=v[p](h[g])}}}),v},o={};return{timePickerOptions:o,getAvailableTime:r,onSetOption:([l,s])=>{o[l]=s}}},Ob=e=>{const t=(r,o)=>r||o,n=r=>r!==!0;return e.map(t).filter(n)},dA=(e,t,n)=>({getHoursList:(l,s)=>Pb(24,e&&(()=>e==null?void 0:e(l,s))),getMinutesList:(l,s,i)=>Pb(60,t&&(()=>t==null?void 0:t(l,s,i))),getSecondsList:(l,s,i,u)=>Pb(60,n&&(()=>n==null?void 0:n(l,s,i,u)))}),fA=(e,t,n)=>{const{getHoursList:r,getMinutesList:o,getSecondsList:a}=dA(e,t,n);return{getAvailableHours:(u,f)=>Ob(r(u,f)),getAvailableMinutes:(u,f,v)=>Ob(o(u,f,v)),getAvailableSeconds:(u,f,v,p)=>Ob(a(u,f,v,p))}},vA=e=>{const t=D(e.parsedValue);return be(()=>e.visible,n=>{n||(t.value=e.parsedValue)}),t},ks=new Map;let u3;en&&(document.addEventListener("mousedown",e=>u3=e),document.addEventListener("mouseup",e=>{for(const t of ks.values())for(const{documentHandler:n}of t)n(e,u3)}));function c3(e,t){let n=[];return Array.isArray(t.arg)?n=t.arg:ba(t.arg)&&n.push(t.arg),function(r,o){const a=t.instance.popperRef,l=r.target,s=o==null?void 0:o.target,i=!t||!t.instance,u=!l||!s,f=e.contains(l)||e.contains(s),v=e===l,p=n.length&&n.some(b=>b==null?void 0:b.contains(l))||n.length&&n.includes(s),h=a&&(a.contains(l)||a.contains(s));i||u||f||v||p||h||t.value(r,o)}}const qs={beforeMount(e,t){ks.has(e)||ks.set(e,[]),ks.get(e).push({documentHandler:c3(e,t),bindingFn:t.value})},updated(e,t){ks.has(e)||ks.set(e,[]);const n=ks.get(e),r=n.findIndex(a=>a.bindingFn===t.oldValue),o={documentHandler:c3(e,t),bindingFn:t.value};r>=0?n.splice(r,1,o):n.push(o)},unmounted(e){ks.delete(e)}},cye=100,dye=600,rm={beforeMount(e,t){const n=t.value,{interval:r=cye,delay:o=dye}=ht(n)?{}:n;let a,l;const s=()=>ht(n)?n():n.handler(),i=()=>{l&&(clearTimeout(l),l=void 0),a&&(clearInterval(a),a=void 0)};e.addEventListener("mousedown",u=>{u.button===0&&(i(),s(),document.addEventListener("mouseup",()=>i(),{once:!0}),l=setTimeout(()=>{a=setInterval(()=>{s()},r)},o))})}},Zy="_trap-focus-children",Ii=[],d3=e=>{if(Ii.length===0)return;const t=Ii[Ii.length-1][Zy];if(t.length>0&&e.code===ut.tab){if(t.length===1){e.preventDefault(),document.activeElement!==t[0]&&t[0].focus();return}const n=e.shiftKey,r=e.target===t[0],o=e.target===t[t.length-1];r&&n&&(e.preventDefault(),t[t.length-1].focus()),o&&!n&&(e.preventDefault(),t[0].focus())}},fye={beforeMount(e){e[Zy]=kE(e),Ii.push(e),Ii.length<=1&&document.addEventListener("keydown",d3)},updated(e){tt(()=>{e[Zy]=kE(e)})},unmounted(){Ii.shift(),Ii.length===0&&document.removeEventListener("keydown",d3)}};var f3=!1,Ei,Qy,Jy,dh,fh,pA,vh,e1,t1,n1,hA,r1,o1,mA,gA;function wo(){if(!f3){f3=!0;var e=navigator.userAgent,t=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),n=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(r1=/\b(iPhone|iP[ao]d)/.exec(e),o1=/\b(iP[ao]d)/.exec(e),n1=/Android/i.exec(e),mA=/FBAN\/\w+;/i.exec(e),gA=/Mobile/i.exec(e),hA=!!/Win64/.exec(e),t){Ei=t[1]?parseFloat(t[1]):t[5]?parseFloat(t[5]):NaN,Ei&&document&&document.documentMode&&(Ei=document.documentMode);var r=/(?:Trident\/(\d+.\d+))/.exec(e);pA=r?parseFloat(r[1])+4:Ei,Qy=t[2]?parseFloat(t[2]):NaN,Jy=t[3]?parseFloat(t[3]):NaN,dh=t[4]?parseFloat(t[4]):NaN,dh?(t=/(?:Chrome\/(\d+\.\d+))/.exec(e),fh=t&&t[1]?parseFloat(t[1]):NaN):fh=NaN}else Ei=Qy=Jy=fh=dh=NaN;if(n){if(n[1]){var o=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);vh=o?parseFloat(o[1].replace("_",".")):!0}else vh=!1;e1=!!n[2],t1=!!n[3]}else vh=e1=t1=!1}}var a1={ie:function(){return wo()||Ei},ieCompatibilityMode:function(){return wo()||pA>Ei},ie64:function(){return a1.ie()&&hA},firefox:function(){return wo()||Qy},opera:function(){return wo()||Jy},webkit:function(){return wo()||dh},safari:function(){return a1.webkit()},chrome:function(){return wo()||fh},windows:function(){return wo()||e1},osx:function(){return wo()||vh},linux:function(){return wo()||t1},iphone:function(){return wo()||r1},mobile:function(){return wo()||r1||o1||n1||gA},nativeApp:function(){return wo()||mA},android:function(){return wo()||n1},ipad:function(){return wo()||o1}},vye=a1,jp=!!(typeof window<"u"&&window.document&&window.document.createElement),pye={canUseDOM:jp,canUseWorkers:typeof Worker<"u",canUseEventListeners:jp&&!!(window.addEventListener||window.attachEvent),canUseViewport:jp&&!!window.screen,isInWorker:!jp},bA=pye,yA;bA.canUseDOM&&(yA=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0);function hye(e,t){if(!bA.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,r=n in document;if(!r){var o=document.createElement("div");o.setAttribute(n,"return;"),r=typeof o[n]=="function"}return!r&&yA&&e==="wheel"&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var mye=hye,v3=10,p3=40,h3=800;function _A(e){var t=0,n=0,r=0,o=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=t*v3,o=n*v3,"deltaY"in e&&(o=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||o)&&e.deltaMode&&(e.deltaMode==1?(r*=p3,o*=p3):(r*=h3,o*=h3)),r&&!t&&(t=r<1?-1:1),o&&!n&&(n=o<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:o}}_A.getEventType=function(){return vye.firefox()?"DOMMouseScroll":mye("wheel")?"wheel":"mousewheel"};var gye=_A;/** +* Checks if an event is supported in the current execution environment. +* +* NOTE: This will not work correctly for non-generic events such as `change`, +* `reset`, `load`, `error`, and `select`. +* +* Borrows from Modernizr. +* +* @param {string} eventNameSuffix Event name, e.g. "click". +* @param {?boolean} capture Check if the capture phase is supported. +* @return {boolean} True if the event is supported. +* @internal +* @license Modernizr 3.0.0pre (Custom Build) | MIT +*/const bye=function(e,t){if(e&&e.addEventListener){const n=function(r){const o=gye(r);t&&Reflect.apply(t,this,[r,o])};e.addEventListener("wheel",n,{passive:!0})}},yye={beforeMount(e,t){bye(e,t.value)}},_ye=He({role:{type:String,required:!0},spinnerDate:{type:ge(Object),required:!0},showSeconds:{type:Boolean,default:!0},arrowControl:Boolean,amPmMode:{type:ge(String),default:""},...sA}),wye=["onClick"],Cye=["onMouseenter"],Sye=Z({__name:"basic-time-spinner",props:_ye,emits:["change","select-range","set-option"],setup(e,{emit:t}){const n=e,r=Ie("time"),{getHoursList:o,getMinutesList:a,getSecondsList:l}=dA(n.disabledHours,n.disabledMinutes,n.disabledSeconds);let s=!1;const i=D(),u=D(),f=D(),v=D(),p={hours:u,minutes:f,seconds:v},h=T(()=>n.showSeconds?o3:o3.slice(0,2)),b=T(()=>{const{spinnerDate:N}=n,U=N.hour(),W=N.minute(),G=N.second();return{hours:U,minutes:W,seconds:G}}),g=T(()=>{const{hours:N,minutes:U}=c(b);return{hours:o(n.role),minutes:a(N,n.role),seconds:l(N,U,n.role)}}),_=T(()=>{const{hours:N,minutes:U,seconds:W}=c(b);return{hours:Tb(N,23),minutes:Tb(U,59),seconds:Tb(W,59)}}),y=vo(N=>{s=!1,C(N)},200),S=N=>{if(!!!n.amPmMode)return"";const W=n.amPmMode==="A";let G=N<12?" am":" pm";return W&&(G=G.toUpperCase()),G},w=N=>{let U;switch(N){case"hours":U=[0,2];break;case"minutes":U=[3,5];break;case"seconds":U=[6,8];break}const[W,G]=U;t("select-range",W,G),i.value=N},C=N=>{O(N,c(b)[N])},k=()=>{C("hours"),C("minutes"),C("seconds")},$=N=>N.querySelector(`.${r.namespace.value}-scrollbar__wrap`),O=(N,U)=>{if(n.arrowControl)return;const W=c(p[N]);W&&W.$el&&($(W.$el).scrollTop=Math.max(0,U*x(N)))},x=N=>{const U=c(p[N]);return(U==null?void 0:U.$el.querySelector("li").offsetHeight)||0},R=()=>{A(1)},V=()=>{A(-1)},A=N=>{i.value||w("hours");const U=i.value,W=c(b)[U],G=i.value==="hours"?24:60,ae=I(U,W,N,G);B(U,ae),O(U,ae),tt(()=>w(U))},I=(N,U,W,G)=>{let ae=(U+W+G)%G;const me=c(g)[N];for(;me[ae]&&ae!==U;)ae=(ae+W+G)%G;return ae},B=(N,U)=>{if(c(g)[N][U])return;const{hours:ae,minutes:me,seconds:Ce}=c(b);let pe;switch(N){case"hours":pe=n.spinnerDate.hour(U).minute(me).second(Ce);break;case"minutes":pe=n.spinnerDate.hour(ae).minute(U).second(Ce);break;case"seconds":pe=n.spinnerDate.hour(ae).minute(me).second(U);break}t("change",pe)},z=(N,{value:U,disabled:W})=>{W||(B(N,U),w(N),O(N,U))},Y=N=>{s=!0,y(N);const U=Math.min(Math.round(($(c(p[N]).$el).scrollTop-(K(N)*.5-10)/x(N)+3)/x(N)),N==="hours"?23:59);B(N,U)},K=N=>c(p[N]).$el.offsetHeight,M=()=>{const N=U=>{const W=c(p[U]);W&&W.$el&&($(W.$el).onscroll=()=>{Y(U)})};N("hours"),N("minutes"),N("seconds")};bt(()=>{tt(()=>{!n.arrowControl&&M(),k(),n.role==="start"&&w("hours")})});const j=(N,U)=>{p[U].value=N};return t("set-option",[`${n.role}_scrollDown`,A]),t("set-option",[`${n.role}_emitSelectRange`,w]),be(()=>n.spinnerDate,()=>{s||k()}),(N,U)=>(P(),H("div",{class:F([c(r).b("spinner"),{"has-seconds":N.showSeconds}])},[N.arrowControl?se("v-if",!0):(P(!0),H(Ue,{key:0},xt(c(h),W=>(P(),ue(c(as),{key:W,ref_for:!0,ref:G=>j(G,W),class:F(c(r).be("spinner","wrapper")),"wrap-style":"max-height: inherit;","view-class":c(r).be("spinner","list"),noresize:"",tag:"ul",onMouseenter:G=>w(W),onMousemove:G=>C(W)},{default:re(()=>[(P(!0),H(Ue,null,xt(c(g)[W],(G,ae)=>(P(),H("li",{key:ae,class:F([c(r).be("spinner","item"),c(r).is("active",ae===c(b)[W]),c(r).is("disabled",G)]),onClick:me=>z(W,{value:ae,disabled:G})},[W==="hours"?(P(),H(Ue,{key:0},[Ht(Ae(("0"+(N.amPmMode?ae%12||12:ae)).slice(-2))+Ae(S(ae)),1)],64)):(P(),H(Ue,{key:1},[Ht(Ae(("0"+ae).slice(-2)),1)],64))],10,wye))),128))]),_:2},1032,["class","view-class","onMouseenter","onMousemove"]))),128)),N.arrowControl?(P(!0),H(Ue,{key:1},xt(c(h),W=>(P(),H("div",{key:W,class:F([c(r).be("spinner","wrapper"),c(r).is("arrow")]),onMouseenter:G=>w(W)},[Ot((P(),ue(c(at),{class:F(["arrow-up",c(r).be("spinner","arrow")])},{default:re(()=>[Q(c(dg))]),_:1},8,["class"])),[[c(rm),V]]),Ot((P(),ue(c(at),{class:F(["arrow-down",c(r).be("spinner","arrow")])},{default:re(()=>[Q(c(Xs))]),_:1},8,["class"])),[[c(rm),R]]),q("ul",{class:F(c(r).be("spinner","list"))},[(P(!0),H(Ue,null,xt(c(_)[W],(G,ae)=>(P(),H("li",{key:ae,class:F([c(r).be("spinner","item"),c(r).is("active",G===c(b)[W]),c(r).is("disabled",c(g)[W][G])])},[typeof G=="number"?(P(),H(Ue,{key:0},[W==="hours"?(P(),H(Ue,{key:0},[Ht(Ae(("0"+(N.amPmMode?G%12||12:G)).slice(-2))+Ae(S(G)),1)],64)):(P(),H(Ue,{key:1},[Ht(Ae(("0"+G).slice(-2)),1)],64))],64)):se("v-if",!0)],2))),128))],2)],42,Cye))),128)):se("v-if",!0)],2))}});var l1=ze(Sye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue"]]);const kye=Z({__name:"panel-time-pick",props:uye,emits:["pick","select-range","set-picker-option"],setup(e,{emit:t}){const n=e,r=Ge("EP_PICKER_BASE"),{arrowControl:o,disabledHours:a,disabledMinutes:l,disabledSeconds:s,defaultValue:i}=r.props,{getAvailableHours:u,getAvailableMinutes:f,getAvailableSeconds:v}=fA(a,l,s),p=Ie("time"),{t:h,lang:b}=rn(),g=D([0,2]),_=vA(n),y=T(()=>Mr(n.actualVisible)?`${p.namespace.value}-zoom-in-top`:""),S=T(()=>n.format.includes("ss")),w=T(()=>n.format.includes("A")?"A":n.format.includes("a")?"a":""),C=j=>{const N=At(j).locale(b.value),U=z(N);return N.isSame(U)},k=()=>{t("pick",_.value,!1)},$=(j=!1,N=!1)=>{N||t("pick",n.parsedValue,j)},O=j=>{if(!n.visible)return;const N=z(j).millisecond(0);t("pick",N,!0)},x=(j,N)=>{t("select-range",j,N),g.value=[j,N]},R=j=>{const N=[0,3].concat(S.value?[6]:[]),U=["hours","minutes"].concat(S.value?["seconds"]:[]),G=(N.indexOf(g.value[0])+j+N.length)%N.length;A.start_emitSelectRange(U[G])},V=j=>{const N=j.code,{left:U,right:W,up:G,down:ae}=ut;if([U,W].includes(N)){R(N===U?-1:1),j.preventDefault();return}if([G,ae].includes(N)){const me=N===G?-1:1;A.start_scrollDown(me),j.preventDefault();return}},{timePickerOptions:A,onSetOption:I,getAvailableTime:B}=cA({getAvailableHours:u,getAvailableMinutes:f,getAvailableSeconds:v}),z=j=>B(j,n.datetimeRole||"",!0),Y=j=>j?At(j,n.format).locale(b.value):null,K=j=>j?j.format(n.format):null,M=()=>At(i).locale(b.value);return t("set-picker-option",["isValidValue",C]),t("set-picker-option",["formatToString",K]),t("set-picker-option",["parseUserInput",Y]),t("set-picker-option",["handleKeydownInput",V]),t("set-picker-option",["getRangeAvailableTime",z]),t("set-picker-option",["getDefaultValue",M]),(j,N)=>(P(),ue(tr,{name:c(y)},{default:re(()=>[j.actualVisible||j.visible?(P(),H("div",{key:0,class:F(c(p).b("panel"))},[q("div",{class:F([c(p).be("panel","content"),{"has-seconds":c(S)}])},[Q(l1,{ref:"spinner",role:j.datetimeRole||"start","arrow-control":c(o),"show-seconds":c(S),"am-pm-mode":c(w),"spinner-date":j.parsedValue,"disabled-hours":c(a),"disabled-minutes":c(l),"disabled-seconds":c(s),onChange:O,onSetOption:c(I),onSelectRange:x},null,8,["role","arrow-control","show-seconds","am-pm-mode","spinner-date","disabled-hours","disabled-minutes","disabled-seconds","onSetOption"])],2),q("div",{class:F(c(p).be("panel","footer"))},[q("button",{type:"button",class:F([c(p).be("panel","btn"),"cancel"]),onClick:k},Ae(c(h)("el.datepicker.cancel")),3),q("button",{type:"button",class:F([c(p).be("panel","btn"),"confirm"]),onClick:N[0]||(N[0]=U=>$())},Ae(c(h)("el.datepicker.confirm")),3)],2)],2)):se("v-if",!0)]),_:1},8,["name"]))}});var om=ze(kye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/time-picker/src/time-picker-com/panel-time-pick.vue"]]);const $ye=He({...iA,parsedValue:{type:ge(Array)}}),Eye=["disabled"],Tye=Z({__name:"panel-time-range",props:$ye,emits:["pick","select-range","set-picker-option"],setup(e,{emit:t}){const n=e,r=(ee,ve)=>{const Be=[];for(let ne=ee;ne<=ve;ne++)Be.push(ne);return Be},{t:o,lang:a}=rn(),l=Ie("time"),s=Ie("picker"),i=Ge("EP_PICKER_BASE"),{arrowControl:u,disabledHours:f,disabledMinutes:v,disabledSeconds:p,defaultValue:h}=i.props,b=T(()=>n.parsedValue[0]),g=T(()=>n.parsedValue[1]),_=vA(n),y=()=>{t("pick",_.value,!1)},S=T(()=>n.format.includes("ss")),w=T(()=>n.format.includes("A")?"A":n.format.includes("a")?"a":""),C=(ee=!1)=>{t("pick",[b.value,g.value],ee)},k=ee=>{x(ee.millisecond(0),g.value)},$=ee=>{x(b.value,ee.millisecond(0))},O=ee=>{const ve=ee.map(ne=>At(ne).locale(a.value)),Be=N(ve);return ve[0].isSame(Be[0])&&ve[1].isSame(Be[1])},x=(ee,ve)=>{t("pick",[ee,ve],!0)},R=T(()=>b.value>g.value),V=D([0,2]),A=(ee,ve)=>{t("select-range",ee,ve,"min"),V.value=[ee,ve]},I=T(()=>S.value?11:8),B=(ee,ve)=>{t("select-range",ee,ve,"max");const Be=c(I);V.value=[ee+Be,ve+Be]},z=ee=>{const ve=S.value?[0,3,6,11,14,17]:[0,3,8,11],Be=["hours","minutes"].concat(S.value?["seconds"]:[]),ie=(ve.indexOf(V.value[0])+ee+ve.length)%ve.length,ye=ve.length/2;ie{const ve=ee.code,{left:Be,right:ne,up:ie,down:ye}=ut;if([Be,ne].includes(ve)){z(ve===Be?-1:1),ee.preventDefault();return}if([ie,ye].includes(ve)){const Oe=ve===ie?-1:1,je=V.value[0]{const Be=f?f(ee):[],ne=ee==="start",ye=(ve||(ne?g.value:b.value)).hour(),Oe=ne?r(ye+1,23):r(0,ye-1);return yb(Be,Oe)},M=(ee,ve,Be)=>{const ne=v?v(ee,ve):[],ie=ve==="start",ye=Be||(ie?g.value:b.value),Oe=ye.hour();if(ee!==Oe)return ne;const je=ye.minute(),_e=ie?r(je+1,59):r(0,je-1);return yb(ne,_e)},j=(ee,ve,Be,ne)=>{const ie=p?p(ee,ve,Be):[],ye=Be==="start",Oe=ne||(ye?g.value:b.value),je=Oe.hour(),_e=Oe.minute();if(ee!==je||ve!==_e)return ie;const Ve=Oe.second(),Te=ye?r(Ve+1,59):r(0,Ve-1);return yb(ie,Te)},N=([ee,ve])=>[me(ee,"start",!0,ve),me(ve,"end",!1,ee)],{getAvailableHours:U,getAvailableMinutes:W,getAvailableSeconds:G}=fA(K,M,j),{timePickerOptions:ae,getAvailableTime:me,onSetOption:Ce}=cA({getAvailableHours:U,getAvailableMinutes:W,getAvailableSeconds:G}),pe=ee=>ee?et(ee)?ee.map(ve=>At(ve,n.format).locale(a.value)):At(ee,n.format).locale(a.value):null,ke=ee=>ee?et(ee)?ee.map(ve=>ve.format(n.format)):ee.format(n.format):null,ce=()=>{if(et(h))return h.map(ve=>At(ve).locale(a.value));const ee=At(h).locale(a.value);return[ee,ee.add(60,"m")]};return t("set-picker-option",["formatToString",ke]),t("set-picker-option",["parseUserInput",pe]),t("set-picker-option",["isValidValue",O]),t("set-picker-option",["handleKeydownInput",Y]),t("set-picker-option",["getDefaultValue",ce]),t("set-picker-option",["getRangeAvailableTime",N]),(ee,ve)=>ee.actualVisible?(P(),H("div",{key:0,class:F([c(l).b("range-picker"),c(s).b("panel")])},[q("div",{class:F(c(l).be("range-picker","content"))},[q("div",{class:F(c(l).be("range-picker","cell"))},[q("div",{class:F(c(l).be("range-picker","header"))},Ae(c(o)("el.datepicker.startTime")),3),q("div",{class:F([c(l).be("range-picker","body"),c(l).be("panel","content"),c(l).is("arrow",c(u)),{"has-seconds":c(S)}])},[Q(l1,{ref:"minSpinner",role:"start","show-seconds":c(S),"am-pm-mode":c(w),"arrow-control":c(u),"spinner-date":c(b),"disabled-hours":K,"disabled-minutes":M,"disabled-seconds":j,onChange:k,onSetOption:c(Ce),onSelectRange:A},null,8,["show-seconds","am-pm-mode","arrow-control","spinner-date","onSetOption"])],2)],2),q("div",{class:F(c(l).be("range-picker","cell"))},[q("div",{class:F(c(l).be("range-picker","header"))},Ae(c(o)("el.datepicker.endTime")),3),q("div",{class:F([c(l).be("range-picker","body"),c(l).be("panel","content"),c(l).is("arrow",c(u)),{"has-seconds":c(S)}])},[Q(l1,{ref:"maxSpinner",role:"end","show-seconds":c(S),"am-pm-mode":c(w),"arrow-control":c(u),"spinner-date":c(g),"disabled-hours":K,"disabled-minutes":M,"disabled-seconds":j,onChange:$,onSetOption:c(Ce),onSelectRange:B},null,8,["show-seconds","am-pm-mode","arrow-control","spinner-date","onSetOption"])],2)],2)],2),q("div",{class:F(c(l).be("panel","footer"))},[q("button",{type:"button",class:F([c(l).be("panel","btn"),"cancel"]),onClick:ve[0]||(ve[0]=Be=>y())},Ae(c(o)("el.datepicker.cancel")),3),q("button",{type:"button",class:F([c(l).be("panel","btn"),"confirm"]),disabled:c(R),onClick:ve[1]||(ve[1]=Be=>C())},Ae(c(o)("el.datepicker.confirm")),11,Eye)],2)],2)):se("v-if",!0)}});var Pye=ze(Tye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/time-picker/src/time-picker-com/panel-time-range.vue"]]);At.extend(Qm);var Oye=Z({name:"ElTimePicker",install:null,props:{...Vw,isRange:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,t){const n=D(),[r,o]=e.isRange?["timerange",Pye]:["time",om],a=l=>t.emit("update:modelValue",l);return $t("ElPopperOptions",e.popperOptions),t.expose({focus:l=>{var s;(s=n.value)==null||s.handleFocusInput(l)},blur:l=>{var s;(s=n.value)==null||s.handleBlurInput(l)},handleOpen:()=>{var l;(l=n.value)==null||l.handleOpen()},handleClose:()=>{var l;(l=n.value)==null||l.handleClose()}}),()=>{var l;const s=(l=e.format)!=null?l:Xy;return Q(uA,Ft(e,{ref:n,type:r,format:s,"onUpdate:modelValue":a}),{default:i=>Q(o,i,null)})}}});const ph=Oye;ph.install=e=>{e.component(ph.name,ph)};const jw=ph,xye=(e,t)=>{const n=e.subtract(1,"month").endOf("month").date();return Ls(t).map((r,o)=>n-(t-o-1))},Aye=e=>{const t=e.daysInMonth();return Ls(t).map((n,r)=>r+1)},Iye=e=>Ls(e.length/7).map(t=>{const n=t*7;return e.slice(n,n+7)}),Mye=He({selectedDay:{type:ge(Object)},range:{type:ge(Array)},date:{type:ge(Object),required:!0},hideHeader:{type:Boolean}}),Nye={pick:e=>Bt(e)};var wA={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Ir,function(){return function(n,r,o){var a=r.prototype,l=function(v){return v&&(v.indexOf?v:v.s)},s=function(v,p,h,b,g){var _=v.name?v:v.$locale(),y=l(_[p]),S=l(_[h]),w=y||S.map(function(k){return k.slice(0,b)});if(!g)return w;var C=_.weekStart;return w.map(function(k,$){return w[($+(C||0))%7]})},i=function(){return o.Ls[o.locale()]},u=function(v,p){return v.formats[p]||function(h){return h.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(b,g,_){return g||_.slice(1)})}(v.formats[p.toUpperCase()])},f=function(){var v=this;return{months:function(p){return p?p.format("MMMM"):s(v,"months")},monthsShort:function(p){return p?p.format("MMM"):s(v,"monthsShort","months",3)},firstDayOfWeek:function(){return v.$locale().weekStart||0},weekdays:function(p){return p?p.format("dddd"):s(v,"weekdays")},weekdaysMin:function(p){return p?p.format("dd"):s(v,"weekdaysMin","weekdays",2)},weekdaysShort:function(p){return p?p.format("ddd"):s(v,"weekdaysShort","weekdays",3)},longDateFormat:function(p){return u(v.$locale(),p)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};a.localeData=function(){return f.bind(this)()},o.localeData=function(){var v=i();return{firstDayOfWeek:function(){return v.weekStart||0},weekdays:function(){return o.weekdays()},weekdaysShort:function(){return o.weekdaysShort()},weekdaysMin:function(){return o.weekdaysMin()},months:function(){return o.months()},monthsShort:function(){return o.monthsShort()},longDateFormat:function(p){return u(v,p)},meridiem:v.meridiem,ordinal:v.ordinal}},o.months=function(){return s(i(),"months")},o.monthsShort=function(){return s(i(),"monthsShort","months",3)},o.weekdays=function(v){return s(i(),"weekdays",null,null,v)},o.weekdaysShort=function(v){return s(i(),"weekdaysShort","weekdays",3,v)},o.weekdaysMin=function(v){return s(i(),"weekdaysMin","weekdays",2,v)}}})})(wA);const CA=wA.exports,Rye=(e,t)=>{At.extend(CA);const n=At.localeData().firstDayOfWeek(),{t:r,lang:o}=rn(),a=At().locale(o.value),l=T(()=>!!e.range&&!!e.range.length),s=T(()=>{let p=[];if(l.value){const[h,b]=e.range,g=Ls(b.date()-h.date()+1).map(S=>({text:h.date()+S,type:"current"}));let _=g.length%7;_=_===0?0:7-_;const y=Ls(_).map((S,w)=>({text:w+1,type:"next"}));p=g.concat(y)}else{const h=e.date.startOf("month").day(),b=xye(e.date,(h-n+7)%7).map(S=>({text:S,type:"prev"})),g=Aye(e.date).map(S=>({text:S,type:"current"}));p=[...b,...g];const _=7-(p.length%7||7),y=Ls(_).map((S,w)=>({text:w+1,type:"next"}));p=p.concat(y)}return Iye(p)}),i=T(()=>{const p=n;return p===0?_b.map(h=>r(`el.datepicker.weeks.${h}`)):_b.slice(p).concat(_b.slice(0,p)).map(h=>r(`el.datepicker.weeks.${h}`))}),u=(p,h)=>{switch(h){case"prev":return e.date.startOf("month").subtract(1,"month").date(p);case"next":return e.date.startOf("month").add(1,"month").date(p);case"current":return e.date.date(p)}};return{now:a,isInRange:l,rows:s,weekDays:i,getFormattedDate:u,handlePickDay:({text:p,type:h})=>{const b=u(p,h);t("pick",b)},getSlotData:({text:p,type:h})=>{const b=u(p,h);return{isSelected:b.isSame(e.selectedDay),type:`${h}-month`,day:b.format("YYYY-MM-DD"),date:b.toDate()}}}},Fye={key:0},Lye=["onClick"],Dye=Z({name:"DateTable"}),Bye=Z({...Dye,props:Mye,emits:Nye,setup(e,{expose:t,emit:n}){const r=e,{isInRange:o,now:a,rows:l,weekDays:s,getFormattedDate:i,handlePickDay:u,getSlotData:f}=Rye(r,n),v=Ie("calendar-table"),p=Ie("calendar-day"),h=({text:b,type:g})=>{const _=[g];if(g==="current"){const y=i(b,g);y.isSame(r.selectedDay,"day")&&_.push(p.is("selected")),y.isSame(a,"day")&&_.push(p.is("today"))}return _};return t({getFormattedDate:i}),(b,g)=>(P(),H("table",{class:F([c(v).b(),c(v).is("range",c(o))]),cellspacing:"0",cellpadding:"0"},[b.hideHeader?se("v-if",!0):(P(),H("thead",Fye,[(P(!0),H(Ue,null,xt(c(s),_=>(P(),H("th",{key:_},Ae(_),1))),128))])),q("tbody",null,[(P(!0),H(Ue,null,xt(c(l),(_,y)=>(P(),H("tr",{key:y,class:F({[c(v).e("row")]:!0,[c(v).em("row","hide-border")]:y===0&&b.hideHeader})},[(P(!0),H(Ue,null,xt(_,(S,w)=>(P(),H("td",{key:w,class:F(h(S)),onClick:C=>c(u)(S)},[q("div",{class:F(c(p).b())},[de(b.$slots,"date-cell",{data:c(f)(S)},()=>[q("span",null,Ae(S.text),1)])],2)],10,Lye))),128))],2))),128))])],2))}});var m3=ze(Bye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/calendar/src/date-table.vue"]]);const Vye=(e,t)=>{const n=e.endOf("month"),r=t.startOf("month"),a=n.isSame(r,"week")?r.add(1,"week"):r;return[[e,n],[a.startOf("week"),t]]},jye=(e,t)=>{const n=e.endOf("month"),r=e.add(1,"month").startOf("month"),o=n.isSame(r,"week")?r.add(1,"week"):r,a=o.endOf("month"),l=t.startOf("month"),s=a.isSame(l,"week")?l.add(1,"week"):l;return[[e,n],[o.startOf("week"),a],[s.startOf("week"),t]]},zye=(e,t,n)=>{const r=Vr(),{lang:o}=rn(),a=D(),l=At().locale(o.value),s=T({get(){return e.modelValue?u.value:a.value},set(y){if(!y)return;a.value=y;const S=y.toDate();t(uo,S),t(Dt,S)}}),i=T(()=>{if(!e.range)return[];const y=e.range.map(C=>At(C).locale(o.value)),[S,w]=y;return S.isAfter(w)?[]:S.isSame(w,"month")?b(S,w):S.add(1,"month").month()!==w.month()?[]:b(S,w)}),u=T(()=>e.modelValue?At(e.modelValue).locale(o.value):s.value||(i.value.length?i.value[0][0]:l)),f=T(()=>u.value.subtract(1,"month").date(1)),v=T(()=>u.value.add(1,"month").date(1)),p=T(()=>u.value.subtract(1,"year").date(1)),h=T(()=>u.value.add(1,"year").date(1)),b=(y,S)=>{const w=y.startOf("week"),C=S.endOf("week"),k=w.get("month"),$=C.get("month");return k===$?[[w,C]]:(k+1)%12===$?Vye(w,C):k+2===$||(k+1)%11===$?jye(w,C):[]},g=y=>{s.value=y},_=y=>{const w={"prev-month":f.value,"next-month":v.value,"prev-year":p.value,"next-year":h.value,today:l}[y];w.isSame(u.value,"day")||g(w)};return bl({from:'"dateCell"',replacement:'"date-cell"',scope:"ElCalendar",version:"2.3.0",ref:"https://element-plus.org/en-US/component/calendar.html#slots",type:"Slot"},T(()=>!!r.dateCell)),{calculateValidatedDateRange:b,date:u,realSelectedDay:s,pickDay:g,selectDate:_,validatedRange:i}},Hye=e=>et(e)&&e.length===2&&e.every(t=>Ki(t)),Kye=He({modelValue:{type:Date},range:{type:ge(Array),validator:Hye}}),Wye={[Dt]:e=>Ki(e),[uo]:e=>Ki(e)},Uye="ElCalendar",qye=Z({name:Uye}),Gye=Z({...qye,props:Kye,emits:Wye,setup(e,{expose:t,emit:n}){const r=e,o=Ie("calendar"),{calculateValidatedDateRange:a,date:l,pickDay:s,realSelectedDay:i,selectDate:u,validatedRange:f}=zye(r,n),{t:v}=rn(),p=T(()=>{const h=`el.datepicker.month${l.value.format("M")}`;return`${l.value.year()} ${v("el.datepicker.year")} ${v(h)}`});return t({selectedDay:i,pickDay:s,selectDate:u,calculateValidatedDateRange:a}),(h,b)=>(P(),H("div",{class:F(c(o).b())},[q("div",{class:F(c(o).e("header"))},[de(h.$slots,"header",{date:c(p)},()=>[q("div",{class:F(c(o).e("title"))},Ae(c(p)),3),c(f).length===0?(P(),H("div",{key:0,class:F(c(o).e("button-group"))},[Q(c(oA),null,{default:re(()=>[Q(c(Fr),{size:"small",onClick:b[0]||(b[0]=g=>c(u)("prev-month"))},{default:re(()=>[Ht(Ae(c(v)("el.datepicker.prevMonth")),1)]),_:1}),Q(c(Fr),{size:"small",onClick:b[1]||(b[1]=g=>c(u)("today"))},{default:re(()=>[Ht(Ae(c(v)("el.datepicker.today")),1)]),_:1}),Q(c(Fr),{size:"small",onClick:b[2]||(b[2]=g=>c(u)("next-month"))},{default:re(()=>[Ht(Ae(c(v)("el.datepicker.nextMonth")),1)]),_:1})]),_:1})],2)):se("v-if",!0)])],2),c(f).length===0?(P(),H("div",{key:0,class:F(c(o).e("body"))},[Q(m3,{date:c(l),"selected-day":c(i),onPick:c(s)},ql({_:2},[h.$slots["date-cell"]||h.$slots.dateCell?{name:"date-cell",fn:re(g=>[h.$slots["date-cell"]?de(h.$slots,"date-cell",Fa(Ft({key:0},g))):de(h.$slots,"dateCell",Fa(Ft({key:1},g)))])}:void 0]),1032,["date","selected-day","onPick"])],2)):(P(),H("div",{key:1,class:F(c(o).e("body"))},[(P(!0),H(Ue,null,xt(c(f),(g,_)=>(P(),ue(m3,{key:_,date:g[0],"selected-day":c(i),range:g,"hide-header":_!==0,onPick:c(s)},ql({_:2},[h.$slots["date-cell"]||h.$slots.dateCell?{name:"date-cell",fn:re(y=>[h.$slots["date-cell"]?de(h.$slots,"date-cell",Fa(Ft({key:0},y))):de(h.$slots,"dateCell",Fa(Ft({key:1},y)))])}:void 0]),1032,["date","selected-day","range","hide-header","onPick"]))),128))],2))],2))}});var Yye=ze(Gye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/calendar/src/calendar.vue"]]);const Xye=Rt(Yye),Zye=He({header:{type:String,default:""},bodyStyle:{type:ge([String,Object,Array]),default:""},shadow:{type:String,values:["always","hover","never"],default:"always"}}),Qye=Z({name:"ElCard"}),Jye=Z({...Qye,props:Zye,setup(e){const t=Ie("card");return(n,r)=>(P(),H("div",{class:F([c(t).b(),c(t).is(`${n.shadow}-shadow`)])},[n.$slots.header||n.header?(P(),H("div",{key:0,class:F(c(t).e("header"))},[de(n.$slots,"header",{},()=>[Ht(Ae(n.header),1)])],2)):se("v-if",!0),q("div",{class:F(c(t).e("body")),style:lt(n.bodyStyle)},[de(n.$slots,"default")],6)],2))}});var e1e=ze(Jye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/card/src/card.vue"]]);const t1e=Rt(e1e),n1e=He({initialIndex:{type:Number,default:0},height:{type:String,default:""},trigger:{type:String,values:["hover","click"],default:"hover"},autoplay:{type:Boolean,default:!0},interval:{type:Number,default:3e3},indicatorPosition:{type:String,values:["","none","outside"],default:""},arrow:{type:String,values:["always","hover","never"],default:"hover"},type:{type:String,values:["","card"],default:""},loop:{type:Boolean,default:!0},direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},pauseOnHover:{type:Boolean,default:!0}}),r1e={change:(e,t)=>[e,t].every(gt)},SA=Symbol("carouselContextKey"),g3=300,o1e=(e,t,n)=>{const{children:r,addChild:o,removeChild:a}=Mw(vt(),"ElCarouselItem"),l=D(-1),s=D(null),i=D(!1),u=D(),f=D(0),v=T(()=>e.arrow!=="never"&&!c(b)),p=T(()=>r.value.some(N=>N.props.label.toString().length>0)),h=T(()=>e.type==="card"),b=T(()=>e.direction==="vertical"),g=T(()=>e.height!=="auto"?{height:e.height}:{height:`${f.value}px`,overflow:"hidden"}),_=Vi(N=>{k(N)},g3,{trailing:!0}),y=Vi(N=>{B(N)},g3);function S(){s.value&&(clearInterval(s.value),s.value=null)}function w(){e.interval<=0||!e.autoplay||s.value||(s.value=setInterval(()=>C(),e.interval))}const C=()=>{l.valueae.props.name===N);G.length>0&&(N=r.value.indexOf(G[0]))}if(N=Number(N),Number.isNaN(N)||N!==Math.floor(N))return;const U=r.value.length,W=l.value;N<0?l.value=e.loop?U-1:0:N>=U?l.value=e.loop?0:U-1:l.value=N,W===l.value&&$(W),K()}function $(N){r.value.forEach((U,W)=>{U.translateItem(W,l.value,N)})}function O(N,U){var W,G,ae,me;const Ce=c(r),pe=Ce.length;if(pe===0||!N.states.inStage)return!1;const ke=U+1,ce=U-1,ee=pe-1,ve=Ce[ee].states.active,Be=Ce[0].states.active,ne=(G=(W=Ce[ke])==null?void 0:W.states)==null?void 0:G.active,ie=(me=(ae=Ce[ce])==null?void 0:ae.states)==null?void 0:me.active;return U===ee&&Be||ne?"left":U===0&&ve||ie?"right":!1}function x(){i.value=!0,e.pauseOnHover&&S()}function R(){i.value=!1,w()}function V(N){c(b)||r.value.forEach((U,W)=>{N===O(U,W)&&(U.states.hover=!0)})}function A(){c(b)||r.value.forEach(N=>{N.states.hover=!1})}function I(N){l.value=N}function B(N){e.trigger==="hover"&&N!==l.value&&(l.value=N)}function z(){k(l.value-1)}function Y(){k(l.value+1)}function K(){S(),w()}function M(N){e.height==="auto"&&(f.value=N)}be(()=>l.value,(N,U)=>{$(U),U>-1&&t("change",N,U)}),be(()=>e.autoplay,N=>{N?w():S()}),be(()=>e.loop,()=>{k(l.value)}),be(()=>e.interval,()=>{K()}),be(()=>r.value,()=>{r.value.length>0&&k(e.initialIndex)});const j=En();return bt(()=>{j.value=eo(u.value,()=>{$()}),w()}),hn(()=>{S(),u.value&&j.value&&j.value.stop()}),$t(SA,{root:u,isCardType:h,isVertical:b,items:r,loop:e.loop,addItem:o,removeItem:a,setActiveItem:k,setContainerHeight:M}),{root:u,activeIndex:l,arrowDisplay:v,hasLabel:p,hover:i,isCardType:h,items:r,isVertical:b,containerStyle:g,handleButtonEnter:V,handleButtonLeave:A,handleIndicatorClick:I,handleMouseEnter:x,handleMouseLeave:R,setActiveItem:k,prev:z,next:Y,throttledArrowClick:_,throttledIndicatorHover:y}},a1e=["onMouseenter","onClick"],l1e={key:0},s1e="ElCarousel",i1e=Z({name:s1e}),u1e=Z({...i1e,props:n1e,emits:r1e,setup(e,{expose:t,emit:n}){const r=e,{root:o,activeIndex:a,arrowDisplay:l,hasLabel:s,hover:i,isCardType:u,items:f,isVertical:v,containerStyle:p,handleButtonEnter:h,handleButtonLeave:b,handleIndicatorClick:g,handleMouseEnter:_,handleMouseLeave:y,setActiveItem:S,prev:w,next:C,throttledArrowClick:k,throttledIndicatorHover:$}=o1e(r,n),O=Ie("carousel"),x=T(()=>{const V=[O.b(),O.m(r.direction)];return c(u)&&V.push(O.m("card")),V}),R=T(()=>{const V=[O.e("indicators"),O.em("indicators",r.direction)];return c(s)&&V.push(O.em("indicators","labels")),r.indicatorPosition==="outside"&&V.push(O.em("indicators","outside")),c(v)&&V.push(O.em("indicators","right")),V});return t({setActiveItem:S,prev:w,next:C}),(V,A)=>(P(),H("div",{ref_key:"root",ref:o,class:F(c(x)),onMouseenter:A[6]||(A[6]=pt((...I)=>c(_)&&c(_)(...I),["stop"])),onMouseleave:A[7]||(A[7]=pt((...I)=>c(y)&&c(y)(...I),["stop"]))},[q("div",{class:F(c(O).e("container")),style:lt(c(p))},[c(l)?(P(),ue(tr,{key:0,name:"carousel-arrow-left",persisted:""},{default:re(()=>[Ot(q("button",{type:"button",class:F([c(O).e("arrow"),c(O).em("arrow","left")]),onMouseenter:A[0]||(A[0]=I=>c(h)("left")),onMouseleave:A[1]||(A[1]=(...I)=>c(b)&&c(b)(...I)),onClick:A[2]||(A[2]=pt(I=>c(k)(c(a)-1),["stop"]))},[Q(c(at),null,{default:re(()=>[Q(c(zs))]),_:1})],34),[[on,(V.arrow==="always"||c(i))&&(r.loop||c(a)>0)]])]),_:1})):se("v-if",!0),c(l)?(P(),ue(tr,{key:1,name:"carousel-arrow-right",persisted:""},{default:re(()=>[Ot(q("button",{type:"button",class:F([c(O).e("arrow"),c(O).em("arrow","right")]),onMouseenter:A[3]||(A[3]=I=>c(h)("right")),onMouseleave:A[4]||(A[4]=(...I)=>c(b)&&c(b)(...I)),onClick:A[5]||(A[5]=pt(I=>c(k)(c(a)+1),["stop"]))},[Q(c(at),null,{default:re(()=>[Q(c(io))]),_:1})],34),[[on,(V.arrow==="always"||c(i))&&(r.loop||c(a)(P(),H("li",{key:B,class:F([c(O).e("indicator"),c(O).em("indicator",V.direction),c(O).is("active",B===c(a))]),onMouseenter:z=>c($)(B),onClick:pt(z=>c(g)(B),["stop"])},[q("button",{class:F(c(O).e("button"))},[c(s)?(P(),H("span",l1e,Ae(I.props.label),1)):se("v-if",!0)],2)],42,a1e))),128))],2)):se("v-if",!0)],34))}});var c1e=ze(u1e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/carousel/src/carousel.vue"]]);const d1e=He({name:{type:String,default:""},label:{type:[String,Number],default:""}}),f1e=(e,t)=>{const n=Ge(SA),r=vt(),o=.83,a=D(),l=D(!1),s=D(0),i=D(1),u=D(!1),f=D(!1),v=D(!1),p=D(!1),{isCardType:h,isVertical:b}=n;function g(C,k,$){const O=$-1,x=k-1,R=k+1,V=$/2;return k===0&&C===O?-1:k===O&&C===0?$:C=V?$+1:C>R&&C-k>=V?-2:C}function _(C,k){var $,O;const x=c(b)?(($=n.root.value)==null?void 0:$.offsetHeight)||0:((O=n.root.value)==null?void 0:O.offsetWidth)||0;return v.value?x*((2-o)*(C-k)+1)/4:C{var O;const x=c(h),R=(O=n.items.value.length)!=null?O:Number.NaN,V=C===k;!x&&!Mr($)&&(p.value=V||C===$),!V&&R>2&&n.loop&&(C=g(C,k,R));const A=c(b);u.value=V,x?(v.value=Math.round(Math.abs(C-k))<=1,s.value=_(C,k),i.value=c(u)?1:o):s.value=y(C,k,A),f.value=!0,V&&a.value&&n.setContainerHeight(a.value.offsetHeight)};function w(){if(n&&c(h)){const C=n.items.value.findIndex(({uid:k})=>k===r.uid);n.setActiveItem(C)}}return bt(()=>{n.addItem({props:e,states:nn({hover:l,translate:s,scale:i,active:u,ready:f,inStage:v,animating:p}),uid:r.uid,translateItem:S})}),Br(()=>{n.removeItem(r.uid)}),{carouselItemRef:a,active:u,animating:p,hover:l,inStage:v,isVertical:b,translate:s,isCardType:h,scale:i,ready:f,handleItemClick:w}},v1e=Z({name:"ElCarouselItem"}),p1e=Z({...v1e,props:d1e,setup(e){const t=e,n=Ie("carousel"),{carouselItemRef:r,active:o,animating:a,hover:l,inStage:s,isVertical:i,translate:u,isCardType:f,scale:v,ready:p,handleItemClick:h}=f1e(t),b=T(()=>{const _=`${`translate${c(i)?"Y":"X"}`}(${c(u)}px)`,y=`scale(${c(v)})`;return{transform:[_,y].join(" ")}});return(g,_)=>Ot((P(),H("div",{ref_key:"carouselItemRef",ref:r,class:F([c(n).e("item"),c(n).is("active",c(o)),c(n).is("in-stage",c(s)),c(n).is("hover",c(l)),c(n).is("animating",c(a)),{[c(n).em("item","card")]:c(f),[c(n).em("item","card-vertical")]:c(f)&&c(i)}]),style:lt(c(b)),onClick:_[0]||(_[0]=(...y)=>c(h)&&c(h)(...y))},[c(f)?Ot((P(),H("div",{key:0,class:F(c(n).e("mask"))},null,2)),[[on,!c(o)]]):se("v-if",!0),de(g.$slots,"default")],6)),[[on,c(p)]])}});var kA=ze(p1e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/carousel/src/carousel-item.vue"]]);const h1e=Rt(c1e,{CarouselItem:kA}),m1e=Xn(kA),$A={modelValue:{type:[Number,String,Boolean],default:void 0},label:{type:[String,Boolean,Number,Object]},indeterminate:Boolean,disabled:Boolean,checked:Boolean,name:{type:String,default:void 0},trueLabel:{type:[String,Number],default:void 0},falseLabel:{type:[String,Number],default:void 0},id:{type:String,default:void 0},controls:{type:String,default:void 0},border:Boolean,size:qr,tabindex:[String,Number],validateEvent:{type:Boolean,default:!0}},EA={[Dt]:e=>_t(e)||gt(e)||yr(e),change:e=>_t(e)||gt(e)||yr(e)},Qc=Symbol("checkboxGroupContextKey"),g1e=({model:e,isChecked:t})=>{const n=Ge(Qc,void 0),r=T(()=>{var a,l;const s=(a=n==null?void 0:n.max)==null?void 0:a.value,i=(l=n==null?void 0:n.min)==null?void 0:l.value;return!Mr(s)&&e.value.length>=s&&!t.value||!Mr(i)&&e.value.length<=i&&t.value});return{isDisabled:Mo(T(()=>(n==null?void 0:n.disabled.value)||r.value)),isLimitDisabled:r}},b1e=(e,{model:t,isLimitExceeded:n,hasOwnLabel:r,isDisabled:o,isLabeledByFormItem:a})=>{const l=Ge(Qc,void 0),{formItem:s}=po(),{emit:i}=vt();function u(b){var g,_;return b===e.trueLabel||b===!0?(g=e.trueLabel)!=null?g:!0:(_=e.falseLabel)!=null?_:!1}function f(b,g){i("change",u(b),g)}function v(b){if(n.value)return;const g=b.target;i("change",u(g.checked),b)}async function p(b){n.value||!r.value&&!o.value&&a.value&&(b.composedPath().some(y=>y.tagName==="LABEL")||(t.value=u([!1,e.falseLabel].includes(t.value)),await tt(),f(t.value,b)))}const h=T(()=>(l==null?void 0:l.validateEvent)||e.validateEvent);return be(()=>e.modelValue,()=>{h.value&&(s==null||s.validate("change").catch(b=>void 0))}),{handleChange:v,onClickRoot:p}},y1e=e=>{const t=D(!1),{emit:n}=vt(),r=Ge(Qc,void 0),o=T(()=>Mr(r)===!1),a=D(!1);return{model:T({get(){var s,i;return o.value?(s=r==null?void 0:r.modelValue)==null?void 0:s.value:(i=e.modelValue)!=null?i:t.value},set(s){var i,u;o.value&&et(s)?(a.value=((i=r==null?void 0:r.max)==null?void 0:i.value)!==void 0&&s.length>(r==null?void 0:r.max.value),a.value===!1&&((u=r==null?void 0:r.changeEvent)==null||u.call(r,s))):(n(Dt,s),t.value=s)}}),isGroup:o,isLimitExceeded:a}},_1e=(e,t,{model:n})=>{const r=Ge(Qc,void 0),o=D(!1),a=T(()=>{const u=n.value;return yr(u)?u:et(u)?Bt(e.label)?u.map(vn).some(f=>To(f,e.label)):u.map(vn).includes(e.label):u!=null?u===e.trueLabel:!!u}),l=Cr(T(()=>{var u;return(u=r==null?void 0:r.size)==null?void 0:u.value}),{prop:!0}),s=Cr(T(()=>{var u;return(u=r==null?void 0:r.size)==null?void 0:u.value})),i=T(()=>!!(t.default||e.label));return{checkboxButtonSize:l,isChecked:a,isFocused:o,checkboxSize:s,hasOwnLabel:i}},w1e=(e,{model:t})=>{function n(){et(t.value)&&!t.value.includes(e.label)?t.value.push(e.label):t.value=e.trueLabel||!0}e.checked&&n()},TA=(e,t)=>{const{formItem:n}=po(),{model:r,isGroup:o,isLimitExceeded:a}=y1e(e),{isFocused:l,isChecked:s,checkboxButtonSize:i,checkboxSize:u,hasOwnLabel:f}=_1e(e,t,{model:r}),{isDisabled:v}=g1e({model:r,isChecked:s}),{inputId:p,isLabeledByFormItem:h}=ti(e,{formItemContext:n,disableIdGeneration:f,disableIdManagement:o}),{handleChange:b,onClickRoot:g}=b1e(e,{model:r,isLimitExceeded:a,hasOwnLabel:f,isDisabled:v,isLabeledByFormItem:h});return w1e(e,{model:r}),{inputId:p,isLabeledByFormItem:h,isChecked:s,isDisabled:v,isFocused:l,checkboxButtonSize:i,checkboxSize:u,hasOwnLabel:f,model:r,handleChange:b,onClickRoot:g}},C1e=["tabindex","role","aria-checked"],S1e=["id","aria-hidden","name","tabindex","disabled","true-value","false-value"],k1e=["id","aria-hidden","disabled","value","name","tabindex"],$1e=Z({name:"ElCheckbox"}),E1e=Z({...$1e,props:$A,emits:EA,setup(e){const t=e,n=Vr(),{inputId:r,isLabeledByFormItem:o,isChecked:a,isDisabled:l,isFocused:s,checkboxSize:i,hasOwnLabel:u,model:f,handleChange:v,onClickRoot:p}=TA(t,n),h=Ie("checkbox"),b=T(()=>[h.b(),h.m(i.value),h.is("disabled",l.value),h.is("bordered",t.border),h.is("checked",a.value)]),g=T(()=>[h.e("input"),h.is("disabled",l.value),h.is("checked",a.value),h.is("indeterminate",t.indeterminate),h.is("focus",s.value)]);return(_,y)=>(P(),ue(jt(!c(u)&&c(o)?"span":"label"),{class:F(c(b)),"aria-controls":_.indeterminate?_.controls:null,onClick:c(p)},{default:re(()=>[q("span",{class:F(c(g)),tabindex:_.indeterminate?0:void 0,role:_.indeterminate?"checkbox":void 0,"aria-checked":_.indeterminate?"mixed":void 0},[_.trueLabel||_.falseLabel?Ot((P(),H("input",{key:0,id:c(r),"onUpdate:modelValue":y[0]||(y[0]=S=>kn(f)?f.value=S:null),class:F(c(h).e("original")),type:"checkbox","aria-hidden":_.indeterminate?"true":"false",name:_.name,tabindex:_.tabindex,disabled:c(l),"true-value":_.trueLabel,"false-value":_.falseLabel,onChange:y[1]||(y[1]=(...S)=>c(v)&&c(v)(...S)),onFocus:y[2]||(y[2]=S=>s.value=!0),onBlur:y[3]||(y[3]=S=>s.value=!1)},null,42,S1e)),[[Wh,c(f)]]):Ot((P(),H("input",{key:1,id:c(r),"onUpdate:modelValue":y[4]||(y[4]=S=>kn(f)?f.value=S:null),class:F(c(h).e("original")),type:"checkbox","aria-hidden":_.indeterminate?"true":"false",disabled:c(l),value:_.label,name:_.name,tabindex:_.tabindex,onChange:y[5]||(y[5]=(...S)=>c(v)&&c(v)(...S)),onFocus:y[6]||(y[6]=S=>s.value=!0),onBlur:y[7]||(y[7]=S=>s.value=!1)},null,42,k1e)),[[Wh,c(f)]]),q("span",{class:F(c(h).e("inner"))},null,2)],10,C1e),c(u)?(P(),H("span",{key:0,class:F(c(h).e("label"))},[de(_.$slots,"default"),_.$slots.default?se("v-if",!0):(P(),H(Ue,{key:0},[Ht(Ae(_.label),1)],64))],2)):se("v-if",!0)]),_:3},8,["class","aria-controls","onClick"]))}});var T1e=ze(E1e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox.vue"]]);const P1e=["name","tabindex","disabled","true-value","false-value"],O1e=["name","tabindex","disabled","value"],x1e=Z({name:"ElCheckboxButton"}),A1e=Z({...x1e,props:$A,emits:EA,setup(e){const t=e,n=Vr(),{isFocused:r,isChecked:o,isDisabled:a,checkboxButtonSize:l,model:s,handleChange:i}=TA(t,n),u=Ge(Qc,void 0),f=Ie("checkbox"),v=T(()=>{var h,b,g,_;const y=(b=(h=u==null?void 0:u.fill)==null?void 0:h.value)!=null?b:"";return{backgroundColor:y,borderColor:y,color:(_=(g=u==null?void 0:u.textColor)==null?void 0:g.value)!=null?_:"",boxShadow:y?`-1px 0 0 0 ${y}`:void 0}}),p=T(()=>[f.b("button"),f.bm("button",l.value),f.is("disabled",a.value),f.is("checked",o.value),f.is("focus",r.value)]);return(h,b)=>(P(),H("label",{class:F(c(p))},[h.trueLabel||h.falseLabel?Ot((P(),H("input",{key:0,"onUpdate:modelValue":b[0]||(b[0]=g=>kn(s)?s.value=g:null),class:F(c(f).be("button","original")),type:"checkbox",name:h.name,tabindex:h.tabindex,disabled:c(a),"true-value":h.trueLabel,"false-value":h.falseLabel,onChange:b[1]||(b[1]=(...g)=>c(i)&&c(i)(...g)),onFocus:b[2]||(b[2]=g=>r.value=!0),onBlur:b[3]||(b[3]=g=>r.value=!1)},null,42,P1e)),[[Wh,c(s)]]):Ot((P(),H("input",{key:1,"onUpdate:modelValue":b[4]||(b[4]=g=>kn(s)?s.value=g:null),class:F(c(f).be("button","original")),type:"checkbox",name:h.name,tabindex:h.tabindex,disabled:c(a),value:h.label,onChange:b[5]||(b[5]=(...g)=>c(i)&&c(i)(...g)),onFocus:b[6]||(b[6]=g=>r.value=!0),onBlur:b[7]||(b[7]=g=>r.value=!1)},null,42,O1e)),[[Wh,c(s)]]),h.$slots.default||h.label?(P(),H("span",{key:2,class:F(c(f).be("button","inner")),style:lt(c(o)?c(v):void 0)},[de(h.$slots,"default",{},()=>[Ht(Ae(h.label),1)])],6)):se("v-if",!0)],2))}});var PA=ze(A1e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox-button.vue"]]);const I1e=He({modelValue:{type:ge(Array),default:()=>[]},disabled:Boolean,min:Number,max:Number,size:qr,label:String,fill:String,textColor:String,tag:{type:String,default:"div"},validateEvent:{type:Boolean,default:!0}}),M1e={[Dt]:e=>et(e),change:e=>et(e)},N1e=Z({name:"ElCheckboxGroup"}),R1e=Z({...N1e,props:I1e,emits:M1e,setup(e,{emit:t}){const n=e,r=Ie("checkbox"),{formItem:o}=po(),{inputId:a,isLabeledByFormItem:l}=ti(n,{formItemContext:o}),s=async u=>{t(Dt,u),await tt(),t("change",u)},i=T({get(){return n.modelValue},set(u){s(u)}});return $t(Qc,{...Hl(kr(n),["size","min","max","disabled","validateEvent","fill","textColor"]),modelValue:i,changeEvent:s}),be(()=>n.modelValue,()=>{n.validateEvent&&(o==null||o.validate("change").catch(u=>void 0))}),(u,f)=>{var v;return P(),ue(jt(u.tag),{id:c(a),class:F(c(r).b("group")),role:"group","aria-label":c(l)?void 0:u.label||"checkbox-group","aria-labelledby":c(l)?(v=c(o))==null?void 0:v.labelId:void 0},{default:re(()=>[de(u.$slots,"default")]),_:3},8,["id","class","aria-label","aria-labelledby"])}}});var OA=ze(R1e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox-group.vue"]]);const to=Rt(T1e,{CheckboxButton:PA,CheckboxGroup:OA}),F1e=Xn(PA),zw=Xn(OA),xA=He({size:qr,disabled:Boolean,label:{type:[String,Number,Boolean],default:""}}),L1e=He({...xA,modelValue:{type:[String,Number,Boolean],default:""},name:{type:String,default:""},border:Boolean}),AA={[Dt]:e=>_t(e)||gt(e)||yr(e),[Rn]:e=>_t(e)||gt(e)||yr(e)},IA=Symbol("radioGroupKey"),MA=(e,t)=>{const n=D(),r=Ge(IA,void 0),o=T(()=>!!r),a=T({get(){return o.value?r.modelValue:e.modelValue},set(f){o.value?r.changeEvent(f):t&&t(Dt,f),n.value.checked=e.modelValue===e.label}}),l=Cr(T(()=>r==null?void 0:r.size)),s=Mo(T(()=>r==null?void 0:r.disabled)),i=D(!1),u=T(()=>s.value||o.value&&a.value!==e.label?-1:0);return{radioRef:n,isGroup:o,radioGroup:r,focus:i,size:l,disabled:s,tabIndex:u,modelValue:a}},D1e=["value","name","disabled"],B1e=Z({name:"ElRadio"}),V1e=Z({...B1e,props:L1e,emits:AA,setup(e,{emit:t}){const n=e,r=Ie("radio"),{radioRef:o,radioGroup:a,focus:l,size:s,disabled:i,modelValue:u}=MA(n,t);function f(){tt(()=>t("change",u.value))}return(v,p)=>{var h;return P(),H("label",{class:F([c(r).b(),c(r).is("disabled",c(i)),c(r).is("focus",c(l)),c(r).is("bordered",v.border),c(r).is("checked",c(u)===v.label),c(r).m(c(s))])},[q("span",{class:F([c(r).e("input"),c(r).is("disabled",c(i)),c(r).is("checked",c(u)===v.label)])},[Ot(q("input",{ref_key:"radioRef",ref:o,"onUpdate:modelValue":p[0]||(p[0]=b=>kn(u)?u.value=b:null),class:F(c(r).e("original")),value:v.label,name:v.name||((h=c(a))==null?void 0:h.name),disabled:c(i),type:"radio",onFocus:p[1]||(p[1]=b=>l.value=!0),onBlur:p[2]||(p[2]=b=>l.value=!1),onChange:f},null,42,D1e),[[uO,c(u)]]),q("span",{class:F(c(r).e("inner"))},null,2)],2),q("span",{class:F(c(r).e("label")),onKeydown:p[3]||(p[3]=pt(()=>{},["stop"]))},[de(v.$slots,"default",{},()=>[Ht(Ae(v.label),1)])],34)],2)}}});var j1e=ze(V1e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio.vue"]]);const z1e=He({...xA,name:{type:String,default:""}}),H1e=["value","name","disabled"],K1e=Z({name:"ElRadioButton"}),W1e=Z({...K1e,props:z1e,setup(e){const t=e,n=Ie("radio"),{radioRef:r,focus:o,size:a,disabled:l,modelValue:s,radioGroup:i}=MA(t),u=T(()=>({backgroundColor:(i==null?void 0:i.fill)||"",borderColor:(i==null?void 0:i.fill)||"",boxShadow:i!=null&&i.fill?`-1px 0 0 0 ${i.fill}`:"",color:(i==null?void 0:i.textColor)||""}));return(f,v)=>{var p;return P(),H("label",{class:F([c(n).b("button"),c(n).is("active",c(s)===f.label),c(n).is("disabled",c(l)),c(n).is("focus",c(o)),c(n).bm("button",c(a))])},[Ot(q("input",{ref_key:"radioRef",ref:r,"onUpdate:modelValue":v[0]||(v[0]=h=>kn(s)?s.value=h:null),class:F(c(n).be("button","original-radio")),value:f.label,type:"radio",name:f.name||((p=c(i))==null?void 0:p.name),disabled:c(l),onFocus:v[1]||(v[1]=h=>o.value=!0),onBlur:v[2]||(v[2]=h=>o.value=!1)},null,42,H1e),[[uO,c(s)]]),q("span",{class:F(c(n).be("button","inner")),style:lt(c(s)===f.label?c(u):{}),onKeydown:v[3]||(v[3]=pt(()=>{},["stop"]))},[de(f.$slots,"default",{},()=>[Ht(Ae(f.label),1)])],38)],2)}}});var NA=ze(W1e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]);const U1e=He({id:{type:String,default:void 0},size:qr,disabled:Boolean,modelValue:{type:[String,Number,Boolean],default:""},fill:{type:String,default:""},label:{type:String,default:void 0},textColor:{type:String,default:""},name:{type:String,default:void 0},validateEvent:{type:Boolean,default:!0}}),q1e=AA,G1e=["id","aria-label","aria-labelledby"],Y1e=Z({name:"ElRadioGroup"}),X1e=Z({...Y1e,props:U1e,emits:q1e,setup(e,{emit:t}){const n=e,r=Ie("radio"),o=wa(),a=D(),{formItem:l}=po(),{inputId:s,isLabeledByFormItem:i}=ti(n,{formItemContext:l}),u=v=>{t(Dt,v),tt(()=>t("change",v))};bt(()=>{const v=a.value.querySelectorAll("[type=radio]"),p=v[0];!Array.from(v).some(h=>h.checked)&&p&&(p.tabIndex=0)});const f=T(()=>n.name||o.value);return $t(IA,nn({...kr(n),changeEvent:u,name:f})),be(()=>n.modelValue,()=>{n.validateEvent&&(l==null||l.validate("change").catch(v=>void 0))}),(v,p)=>(P(),H("div",{id:c(s),ref_key:"radioGroupRef",ref:a,class:F(c(r).b("group")),role:"radiogroup","aria-label":c(i)?void 0:v.label||"radio-group","aria-labelledby":c(i)?c(l).labelId:void 0},[de(v.$slots,"default")],10,G1e))}});var RA=ze(X1e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-group.vue"]]);const Hw=Rt(j1e,{RadioButton:NA,RadioGroup:RA}),FA=Xn(RA),LA=Xn(NA);var Z1e=Z({name:"NodeContent",setup(){return{ns:Ie("cascader-node")}},render(){const{ns:e}=this,{node:t,panel:n}=this.$parent,{data:r,label:o}=t,{renderLabelFn:a}=n;return st("span",{class:e.e("label")},a?a({node:t,data:r}):o)}});const Kw=Symbol(),Q1e=Z({name:"ElCascaderNode",components:{ElCheckbox:to,ElRadio:Hw,NodeContent:Z1e,ElIcon:at,Check:pv,Loading:Qs,ArrowRight:io},props:{node:{type:Object,required:!0},menuId:String},emits:["expand"],setup(e,{emit:t}){const n=Ge(Kw),r=Ie("cascader-node"),o=T(()=>n.isHoverMenu),a=T(()=>n.config.multiple),l=T(()=>n.config.checkStrictly),s=T(()=>{var $;return($=n.checkedNodes[0])==null?void 0:$.uid}),i=T(()=>e.node.isDisabled),u=T(()=>e.node.isLeaf),f=T(()=>l.value&&!u.value||!i.value),v=T(()=>h(n.expandingNode)),p=T(()=>l.value&&n.checkedNodes.some(h)),h=$=>{var O;const{level:x,uid:R}=e.node;return((O=$==null?void 0:$.pathNodes[x-1])==null?void 0:O.uid)===R},b=()=>{v.value||n.expandNode(e.node)},g=$=>{const{node:O}=e;$!==O.checked&&n.handleCheckChange(O,$)},_=()=>{n.lazyLoad(e.node,()=>{u.value||b()})},y=$=>{!o.value||(S(),!u.value&&t("expand",$))},S=()=>{const{node:$}=e;!f.value||$.loading||($.loaded?b():_())},w=()=>{o.value&&!u.value||(u.value&&!i.value&&!l.value&&!a.value?k(!0):S())},C=$=>{l.value?(g($),e.node.loaded&&b()):k($)},k=$=>{e.node.loaded?(g($),!l.value&&b()):_()};return{panel:n,isHoverMenu:o,multiple:a,checkStrictly:l,checkedNodeId:s,isDisabled:i,isLeaf:u,expandable:f,inExpandingPath:v,inCheckedPath:p,ns:r,handleHoverExpand:y,handleExpand:S,handleClick:w,handleCheck:k,handleSelectCheck:C}}}),J1e=["id","aria-haspopup","aria-owns","aria-expanded","tabindex"],e_e=q("span",null,null,-1);function t_e(e,t,n,r,o,a){const l=Ct("el-checkbox"),s=Ct("el-radio"),i=Ct("check"),u=Ct("el-icon"),f=Ct("node-content"),v=Ct("loading"),p=Ct("arrow-right");return P(),H("li",{id:`${e.menuId}-${e.node.uid}`,role:"menuitem","aria-haspopup":!e.isLeaf,"aria-owns":e.isLeaf?null:e.menuId,"aria-expanded":e.inExpandingPath,tabindex:e.expandable?-1:void 0,class:F([e.ns.b(),e.ns.is("selectable",e.checkStrictly),e.ns.is("active",e.node.checked),e.ns.is("disabled",!e.expandable),e.inExpandingPath&&"in-active-path",e.inCheckedPath&&"in-checked-path"]),onMouseenter:t[2]||(t[2]=(...h)=>e.handleHoverExpand&&e.handleHoverExpand(...h)),onFocus:t[3]||(t[3]=(...h)=>e.handleHoverExpand&&e.handleHoverExpand(...h)),onClick:t[4]||(t[4]=(...h)=>e.handleClick&&e.handleClick(...h))},[se(" prefix "),e.multiple?(P(),ue(l,{key:0,"model-value":e.node.checked,indeterminate:e.node.indeterminate,disabled:e.isDisabled,onClick:t[0]||(t[0]=pt(()=>{},["stop"])),"onUpdate:modelValue":e.handleSelectCheck},null,8,["model-value","indeterminate","disabled","onUpdate:modelValue"])):e.checkStrictly?(P(),ue(s,{key:1,"model-value":e.checkedNodeId,label:e.node.uid,disabled:e.isDisabled,"onUpdate:modelValue":e.handleSelectCheck,onClick:t[1]||(t[1]=pt(()=>{},["stop"]))},{default:re(()=>[se(` + Add an empty element to avoid render label, + do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485 + `),e_e]),_:1},8,["model-value","label","disabled","onUpdate:modelValue"])):e.isLeaf&&e.node.checked?(P(),ue(u,{key:2,class:F(e.ns.e("prefix"))},{default:re(()=>[Q(i)]),_:1},8,["class"])):se("v-if",!0),se(" content "),Q(f),se(" postfix "),e.isLeaf?se("v-if",!0):(P(),H(Ue,{key:3},[e.node.loading?(P(),ue(u,{key:0,class:F([e.ns.is("loading"),e.ns.e("postfix")])},{default:re(()=>[Q(v)]),_:1},8,["class"])):(P(),ue(u,{key:1,class:F(["arrow-right",e.ns.e("postfix")])},{default:re(()=>[Q(p)]),_:1},8,["class"]))],64))],42,J1e)}var n_e=ze(Q1e,[["render",t_e],["__file","/home/runner/work/element-plus/element-plus/packages/components/cascader-panel/src/node.vue"]]);const r_e=Z({name:"ElCascaderMenu",components:{Loading:Qs,ElIcon:at,ElScrollbar:as,ElCascaderNode:n_e},props:{nodes:{type:Array,required:!0},index:{type:Number,required:!0}},setup(e){const t=vt(),n=Ie("cascader-menu"),{t:r}=rn(),o=gg();let a=null,l=null;const s=Ge(Kw),i=D(null),u=T(()=>!e.nodes.length),f=T(()=>!s.initialLoaded),v=T(()=>`cascader-menu-${o}-${e.index}`),p=_=>{a=_.target},h=_=>{if(!(!s.isHoverMenu||!a||!i.value))if(a.contains(_.target)){b();const y=t.vnode.el,{left:S}=y.getBoundingClientRect(),{offsetWidth:w,offsetHeight:C}=y,k=_.clientX-S,$=a.offsetTop,O=$+a.offsetHeight;i.value.innerHTML=` + + + `}else l||(l=window.setTimeout(g,s.config.hoverThreshold))},b=()=>{!l||(clearTimeout(l),l=null)},g=()=>{!i.value||(i.value.innerHTML="",b())};return{ns:n,panel:s,hoverZone:i,isEmpty:u,isLoading:f,menuId:v,t:r,handleExpand:p,handleMouseMove:h,clearHoverZone:g}}});function o_e(e,t,n,r,o,a){const l=Ct("el-cascader-node"),s=Ct("loading"),i=Ct("el-icon"),u=Ct("el-scrollbar");return P(),ue(u,{key:e.menuId,tag:"ul",role:"menu",class:F(e.ns.b()),"wrap-class":e.ns.e("wrap"),"view-class":[e.ns.e("list"),e.ns.is("empty",e.isEmpty)],onMousemove:e.handleMouseMove,onMouseleave:e.clearHoverZone},{default:re(()=>{var f;return[(P(!0),H(Ue,null,xt(e.nodes,v=>(P(),ue(l,{key:v.uid,node:v,"menu-id":e.menuId,onExpand:e.handleExpand},null,8,["node","menu-id","onExpand"]))),128)),e.isLoading?(P(),H("div",{key:0,class:F(e.ns.e("empty-text"))},[Q(i,{size:"14",class:F(e.ns.is("loading"))},{default:re(()=>[Q(s)]),_:1},8,["class"]),Ht(" "+Ae(e.t("el.cascader.loading")),1)],2)):e.isEmpty?(P(),H("div",{key:1,class:F(e.ns.e("empty-text"))},Ae(e.t("el.cascader.noData")),3)):(f=e.panel)!=null&&f.isHoverMenu?(P(),H("svg",{key:2,ref:"hoverZone",class:F(e.ns.e("hover-zone"))},null,2)):se("v-if",!0)]}),_:1},8,["class","wrap-class","view-class","onMousemove","onMouseleave"])}var a_e=ze(r_e,[["render",o_e],["__file","/home/runner/work/element-plus/element-plus/packages/components/cascader-panel/src/menu.vue"]]);let l_e=0;const s_e=e=>{const t=[e];let{parent:n}=e;for(;n;)t.unshift(n),n=n.parent;return t};class $c{constructor(t,n,r,o=!1){this.data=t,this.config=n,this.parent=r,this.root=o,this.uid=l_e++,this.checked=!1,this.indeterminate=!1,this.loading=!1;const{value:a,label:l,children:s}=n,i=t[s],u=s_e(this);this.level=o?0:r?r.level+1:1,this.value=t[a],this.label=t[l],this.pathNodes=u,this.pathValues=u.map(f=>f.value),this.pathLabels=u.map(f=>f.label),this.childrenData=i,this.children=(i||[]).map(f=>new $c(f,n,this)),this.loaded=!n.lazy||this.isLeaf||!ca(i)}get isDisabled(){const{data:t,parent:n,config:r}=this,{disabled:o,checkStrictly:a}=r;return(ht(o)?o(t,this):!!t[o])||!a&&(n==null?void 0:n.isDisabled)}get isLeaf(){const{data:t,config:n,childrenData:r,loaded:o}=this,{lazy:a,leaf:l}=n,s=ht(l)?l(t,this):t[l];return Mr(s)?a&&!o?!1:!(Array.isArray(r)&&r.length):!!s}get valueByOption(){return this.config.emitPath?this.pathValues:this.value}appendChild(t){const{childrenData:n,children:r}=this,o=new $c(t,this.config,this);return Array.isArray(n)?n.push(t):this.childrenData=[t],r.push(o),o}calcText(t,n){const r=t?this.pathLabels.join(n):this.label;return this.text=r,r}broadcast(t,...n){const r=`onParent${cl(t)}`;this.children.forEach(o=>{o&&(o.broadcast(t,...n),o[r]&&o[r](...n))})}emit(t,...n){const{parent:r}=this,o=`onChild${cl(t)}`;r&&(r[o]&&r[o](...n),r.emit(t,...n))}onParentCheck(t){this.isDisabled||this.setCheckState(t)}onChildCheck(){const{children:t}=this,n=t.filter(o=>!o.isDisabled),r=n.length?n.every(o=>o.checked):!1;this.setCheckState(r)}setCheckState(t){const n=this.children.length,r=this.children.reduce((o,a)=>{const l=a.checked?1:a.indeterminate?.5:0;return o+l},0);this.checked=this.loaded&&this.children.filter(o=>!o.isDisabled).every(o=>o.loaded&&o.checked)&&t,this.indeterminate=this.loaded&&r!==n&&r>0}doCheck(t){if(this.checked===t)return;const{checkStrictly:n,multiple:r}=this.config;n||!r?this.checked=t:(this.broadcast("check",t),this.setCheckState(t),this.emit("check"))}}const s1=(e,t)=>e.reduce((n,r)=>(r.isLeaf?n.push(r):(!t&&n.push(r),n=n.concat(s1(r.children,t))),n),[]);class b3{constructor(t,n){this.config=n;const r=(t||[]).map(o=>new $c(o,this.config));this.nodes=r,this.allNodes=s1(r,!1),this.leafNodes=s1(r,!0)}getNodes(){return this.nodes}getFlattedNodes(t){return t?this.leafNodes:this.allNodes}appendNode(t,n){const r=n?n.appendChild(t):new $c(t,this.config);n||this.nodes.push(r),this.allNodes.push(r),r.isLeaf&&this.leafNodes.push(r)}appendNodes(t,n){t.forEach(r=>this.appendNode(r,n))}getNodeByValue(t,n=!1){return!t&&t!==0?null:this.getFlattedNodes(n).find(o=>To(o.value,t)||To(o.pathValues,t))||null}getSameNode(t){return t&&this.getFlattedNodes(!1).find(({value:r,level:o})=>To(t.value,r)&&t.level===o)||null}}const DA=He({modelValue:{type:ge([Number,String,Array])},options:{type:ge(Array),default:()=>[]},props:{type:ge(Object),default:()=>({})}}),i_e={expandTrigger:"click",multiple:!1,checkStrictly:!1,emitPath:!0,lazy:!1,lazyLoad:gn,value:"value",label:"label",children:"children",leaf:"leaf",disabled:"disabled",hoverThreshold:500},u_e=e=>T(()=>({...i_e,...e.props})),y3=e=>{if(!e)return 0;const t=e.id.split("-");return Number(t[t.length-2])},c_e=e=>{if(!e)return;const t=e.querySelector("input");t?t.click():qx(e)&&e.click()},d_e=(e,t)=>{const n=t.slice(0),r=n.map(a=>a.uid),o=e.reduce((a,l)=>{const s=r.indexOf(l.uid);return s>-1&&(a.push(l),n.splice(s,1),r.splice(s,1)),a},[]);return o.push(...n),o},f_e=Z({name:"ElCascaderPanel",components:{ElCascaderMenu:a_e},props:{...DA,border:{type:Boolean,default:!0},renderLabel:Function},emits:[Dt,Rn,"close","expand-change"],setup(e,{emit:t,slots:n}){let r=!1;const o=Ie("cascader"),a=u_e(e);let l=null;const s=D(!0),i=D([]),u=D(null),f=D([]),v=D(null),p=D([]),h=T(()=>a.value.expandTrigger==="hover"),b=T(()=>e.renderLabel||n.default),g=()=>{const{options:I}=e,B=a.value;r=!1,l=new b3(I,B),f.value=[l.getNodes()],B.lazy&&ca(e.options)?(s.value=!1,_(void 0,z=>{z&&(l=new b3(z,B),f.value=[l.getNodes()]),s.value=!0,x(!1,!0)})):x(!1,!0)},_=(I,B)=>{const z=a.value;I=I||new $c({},z,void 0,!0),I.loading=!0;const Y=K=>{const M=I,j=M.root?null:M;K&&(l==null||l.appendNodes(K,j)),M.loading=!1,M.loaded=!0,M.childrenData=M.childrenData||[],B&&B(K)};z.lazyLoad(I,Y)},y=(I,B)=>{var z;const{level:Y}=I,K=f.value.slice(0,Y);let M;I.isLeaf?M=I.pathNodes[Y-2]:(M=I,K.push(I.children)),((z=v.value)==null?void 0:z.uid)!==(M==null?void 0:M.uid)&&(v.value=I,f.value=K,!B&&t("expand-change",(I==null?void 0:I.pathValues)||[]))},S=(I,B,z=!0)=>{const{checkStrictly:Y,multiple:K}=a.value,M=p.value[0];r=!0,!K&&(M==null||M.doCheck(!1)),I.doCheck(B),O(),z&&!K&&!Y&&t("close"),!z&&!K&&!Y&&w(I)},w=I=>{!I||(I=I.parent,w(I),I&&y(I))},C=I=>l==null?void 0:l.getFlattedNodes(I),k=I=>{var B;return(B=C(I))==null?void 0:B.filter(z=>z.checked!==!1)},$=()=>{p.value.forEach(I=>I.doCheck(!1)),O(),f.value=f.value.slice(0,1),v.value=null,t("expand-change",[])},O=()=>{var I;const{checkStrictly:B,multiple:z}=a.value,Y=p.value,K=k(!B),M=d_e(Y,K),j=M.map(N=>N.valueByOption);p.value=M,u.value=z?j:(I=j[0])!=null?I:null},x=(I=!1,B=!1)=>{const{modelValue:z}=e,{lazy:Y,multiple:K,checkStrictly:M}=a.value,j=!M;if(!(!s.value||r||!B&&To(z,u.value)))if(Y&&!I){const U=g4(bfe(Kl(z))).map(W=>l==null?void 0:l.getNodeByValue(W)).filter(W=>!!W&&!W.loaded&&!W.loading);U.length?U.forEach(W=>{_(W,()=>x(!1,B))}):x(!0,B)}else{const N=K?Kl(z):[z],U=g4(N.map(W=>l==null?void 0:l.getNodeByValue(W,j)));R(U,B),u.value=Zh(z)}},R=(I,B=!0)=>{const{checkStrictly:z}=a.value,Y=p.value,K=I.filter(N=>!!N&&(z||N.isLeaf)),M=l==null?void 0:l.getSameNode(v.value),j=B&&M||K[0];j?j.pathNodes.forEach(N=>y(N,!0)):v.value=null,Y.forEach(N=>N.doCheck(!1)),K.forEach(N=>N.doCheck(!0)),p.value=K,tt(V)},V=()=>{!en||i.value.forEach(I=>{const B=I==null?void 0:I.$el;if(B){const z=B.querySelector(`.${o.namespace.value}-scrollbar__wrap`),Y=B.querySelector(`.${o.b("node")}.${o.is("active")}`)||B.querySelector(`.${o.b("node")}.in-active-path`);D6(z,Y)}})},A=I=>{const B=I.target,{code:z}=I;switch(z){case ut.up:case ut.down:{I.preventDefault();const Y=z===ut.up?-1:1;lh(Gx(B,Y,`.${o.b("node")}[tabindex="-1"]`));break}case ut.left:{I.preventDefault();const Y=i.value[y3(B)-1],K=Y==null?void 0:Y.$el.querySelector(`.${o.b("node")}[aria-expanded="true"]`);lh(K);break}case ut.right:{I.preventDefault();const Y=i.value[y3(B)+1],K=Y==null?void 0:Y.$el.querySelector(`.${o.b("node")}[tabindex="-1"]`);lh(K);break}case ut.enter:c_e(B);break}};return $t(Kw,nn({config:a,expandingNode:v,checkedNodes:p,isHoverMenu:h,initialLoaded:s,renderLabelFn:b,lazyLoad:_,expandNode:y,handleCheckChange:S})),be([a,()=>e.options],g,{deep:!0,immediate:!0}),be(()=>e.modelValue,()=>{r=!1,x()},{deep:!0}),be(()=>u.value,I=>{To(I,e.modelValue)||(t(Dt,I),t(Rn,I))}),FP(()=>i.value=[]),bt(()=>!ca(e.modelValue)&&x()),{ns:o,menuList:i,menus:f,checkedNodes:p,handleKeyDown:A,handleCheckChange:S,getFlattedNodes:C,getCheckedNodes:k,clearCheckedNodes:$,calculateCheckedValue:O,scrollToExpandingNode:V}}});function v_e(e,t,n,r,o,a){const l=Ct("el-cascader-menu");return P(),H("div",{class:F([e.ns.b("panel"),e.ns.is("bordered",e.border)]),onKeydown:t[0]||(t[0]=(...s)=>e.handleKeyDown&&e.handleKeyDown(...s))},[(P(!0),H(Ue,null,xt(e.menus,(s,i)=>(P(),ue(l,{key:i,ref_for:!0,ref:u=>e.menuList[i]=u,index:i,nodes:[...s]},null,8,["index","nodes"]))),128))],34)}var hh=ze(f_e,[["render",v_e],["__file","/home/runner/work/element-plus/element-plus/packages/components/cascader-panel/src/index.vue"]]);hh.install=e=>{e.component(hh.name,hh)};const BA=hh,p_e=BA,Ww=He({type:{type:String,values:["success","info","warning","danger",""],default:""},closable:Boolean,disableTransitions:Boolean,hit:Boolean,color:{type:String,default:""},size:{type:String,values:Cl,default:""},effect:{type:String,values:["dark","light","plain"],default:"light"},round:Boolean}),h_e={close:e=>e instanceof MouseEvent,click:e=>e instanceof MouseEvent},m_e=Z({name:"ElTag"}),g_e=Z({...m_e,props:Ww,emits:h_e,setup(e,{emit:t}){const n=e,r=Cr(),o=Ie("tag"),a=T(()=>{const{type:i,hit:u,effect:f,closable:v,round:p}=n;return[o.b(),o.is("closable",v),o.m(i),o.m(r.value),o.m(f),o.is("hit",u),o.is("round",p)]}),l=i=>{t("close",i)},s=i=>{t("click",i)};return(i,u)=>i.disableTransitions?(P(),H("span",{key:0,class:F(c(a)),style:lt({backgroundColor:i.color}),onClick:s},[q("span",{class:F(c(o).e("content"))},[de(i.$slots,"default")],2),i.closable?(P(),ue(c(at),{key:0,class:F(c(o).e("close")),onClick:pt(l,["stop"])},{default:re(()=>[Q(c(Ha))]),_:1},8,["class","onClick"])):se("v-if",!0)],6)):(P(),ue(tr,{key:1,name:`${c(o).namespace.value}-zoom-in-center`,appear:""},{default:re(()=>[q("span",{class:F(c(a)),style:lt({backgroundColor:i.color}),onClick:s},[q("span",{class:F(c(o).e("content"))},[de(i.$slots,"default")],2),i.closable?(P(),ue(c(at),{key:0,class:F(c(o).e("close")),onClick:pt(l,["stop"])},{default:re(()=>[Q(c(Ha))]),_:1},8,["class","onClick"])):se("v-if",!0)],6)]),_:3},8,["name"]))}});var b_e=ze(g_e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]);const Bf=Rt(b_e),y_e=He({...DA,size:qr,placeholder:String,disabled:Boolean,clearable:Boolean,filterable:Boolean,filterMethod:{type:ge(Function),default:(e,t)=>e.text.includes(t)},separator:{type:String,default:" / "},showAllLevels:{type:Boolean,default:!0},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},debounce:{type:Number,default:300},beforeFilter:{type:ge(Function),default:()=>!0},popperClass:{type:String,default:""},teleported:xr.teleported,tagType:{...Ww.type,default:"info"},validateEvent:{type:Boolean,default:!0}}),__e={[Dt]:e=>!!e||e===null,[Rn]:e=>!!e||e===null,focus:e=>e instanceof FocusEvent,blur:e=>e instanceof FocusEvent,visibleChange:e=>yr(e),expandChange:e=>!!e,removeTag:e=>!!e},w_e={key:0},C_e=["placeholder","onKeydown"],S_e=["onClick"],k_e="ElCascader",$_e=Z({name:k_e}),E_e=Z({...$_e,props:y_e,emits:__e,setup(e,{expose:t,emit:n}){const r=e,o={modifiers:[{name:"arrowPosition",enabled:!0,phase:"main",fn:({state:we})=>{const{modifiersData:le,placement:fe}=we;["right","left","bottom","top"].includes(fe)||(le.arrow.x=35)},requires:["arrow"]}]},a=Lc();let l=0,s=0;const i=Ie("cascader"),u=Ie("input"),{t:f}=rn(),{form:v,formItem:p}=po(),h=D(null),b=D(null),g=D(null),_=D(null),y=D(null),S=D(!1),w=D(!1),C=D(!1),k=D(!1),$=D(""),O=D(""),x=D([]),R=D([]),V=D([]),A=D(!1),I=T(()=>a.style),B=T(()=>r.disabled||(v==null?void 0:v.disabled)),z=T(()=>r.placeholder||f("el.cascader.placeholder")),Y=T(()=>O.value||x.value.length>0||A.value?"":z.value),K=Cr(),M=T(()=>["small"].includes(K.value)?"small":"default"),j=T(()=>!!r.props.multiple),N=T(()=>!r.filterable||j.value),U=T(()=>j.value?O.value:$.value),W=T(()=>{var we;return((we=_.value)==null?void 0:we.checkedNodes)||[]}),G=T(()=>!r.clearable||B.value||C.value||!w.value?!1:!!W.value.length),ae=T(()=>{const{showAllLevels:we,separator:le}=r,fe=W.value;return fe.length?j.value?"":fe[0].calcText(we,le):""}),me=T({get(){return Zh(r.modelValue)},set(we){n(Dt,we),n(Rn,we),r.validateEvent&&(p==null||p.validate("change").catch(le=>void 0))}}),Ce=T(()=>[i.b(),i.m(K.value),i.is("disabled",B.value),a.class]),pe=T(()=>[u.e("icon"),"icon-arrow-down",i.is("reverse",S.value)]),ke=T(()=>i.is("focus",S.value||k.value)),ce=T(()=>{var we,le;return(le=(we=h.value)==null?void 0:we.popperRef)==null?void 0:le.contentRef}),ee=we=>{var le,fe,Re;B.value||(we=we!=null?we:!S.value,we!==S.value&&(S.value=we,(fe=(le=b.value)==null?void 0:le.input)==null||fe.setAttribute("aria-expanded",`${we}`),we?(ve(),tt((Re=_.value)==null?void 0:Re.scrollToExpandingNode)):r.filterable&&Ye(),n("visibleChange",we)))},ve=()=>{tt(()=>{var we;(we=h.value)==null||we.updatePopper()})},Be=()=>{C.value=!1},ne=we=>{const{showAllLevels:le,separator:fe}=r;return{node:we,key:we.uid,text:we.calcText(le,fe),hitState:!1,closable:!B.value&&!we.isDisabled,isCollapseTag:!1}},ie=we=>{var le;const fe=we.node;fe.doCheck(!1),(le=_.value)==null||le.calculateCheckedValue(),n("removeTag",fe.valueByOption)},ye=()=>{if(!j.value)return;const we=W.value,le=[],fe=[];if(we.forEach(Re=>fe.push(ne(Re))),R.value=fe,we.length){const[Re,...We]=we,ct=We.length;le.push(ne(Re)),ct&&(r.collapseTags?le.push({key:-1,text:`+ ${ct}`,closable:!1,isCollapseTag:!0}):We.forEach(xe=>le.push(ne(xe))))}x.value=le},Oe=()=>{var we,le;const{filterMethod:fe,showAllLevels:Re,separator:We}=r,ct=(le=(we=_.value)==null?void 0:we.getFlattedNodes(!r.props.checkStrictly))==null?void 0:le.filter(xe=>xe.isDisabled?!1:(xe.calcText(Re,We),fe(xe,U.value)));j.value&&(x.value.forEach(xe=>{xe.hitState=!1}),R.value.forEach(xe=>{xe.hitState=!1})),C.value=!0,V.value=ct,ve()},je=()=>{var we;let le;C.value&&y.value?le=y.value.$el.querySelector(`.${i.e("suggestion-item")}`):le=(we=_.value)==null?void 0:we.$el.querySelector(`.${i.b("node")}[tabindex="-1"]`),le&&(le.focus(),!C.value&&le.click())},_e=()=>{var we,le;const fe=(we=b.value)==null?void 0:we.input,Re=g.value,We=(le=y.value)==null?void 0:le.$el;if(!(!en||!fe)){if(We){const ct=We.querySelector(`.${i.e("suggestion-list")}`);ct.style.minWidth=`${fe.offsetWidth}px`}if(Re){const{offsetHeight:ct}=Re,xe=x.value.length>0?`${Math.max(ct+6,l)}px`:`${l}px`;fe.style.height=xe,ve()}}},Ve=we=>{var le;return(le=_.value)==null?void 0:le.getCheckedNodes(we)},Te=we=>{ve(),n("expandChange",we)},Le=we=>{var le;const fe=(le=we.target)==null?void 0:le.value;if(we.type==="compositionend")A.value=!1,tt(()=>Fe(fe));else{const Re=fe[fe.length-1]||"";A.value=!hg(Re)}},Ee=we=>{if(!A.value)switch(we.code){case ut.enter:ee();break;case ut.down:ee(!0),tt(je),we.preventDefault();break;case ut.esc:S.value===!0&&(we.preventDefault(),we.stopPropagation(),ee(!1));break;case ut.tab:ee(!1);break}},Ze=()=>{var we;(we=_.value)==null||we.clearCheckedNodes(),!S.value&&r.filterable&&Ye(),ee(!1)},Ye=()=>{const{value:we}=ae;$.value=we,O.value=we},$e=we=>{var le,fe;const{checked:Re}=we;j.value?(le=_.value)==null||le.handleCheckChange(we,!Re,!1):(!Re&&((fe=_.value)==null||fe.handleCheckChange(we,!0,!1)),ee(!1))},Xe=we=>{const le=we.target,{code:fe}=we;switch(fe){case ut.up:case ut.down:{const Re=fe===ut.up?-1:1;lh(Gx(le,Re,`.${i.e("suggestion-item")}[tabindex="-1"]`));break}case ut.enter:le.click();break}},ft=()=>{const we=x.value,le=we[we.length-1];s=O.value?0:s+1,!(!le||!s||r.collapseTags&&we.length>1)&&(le.hitState?ie(le):le.hitState=!0)},Et=we=>{const le=we.target,fe=i.e("search-input");le.className===fe&&(k.value=!0),n("focus",we)},dt=we=>{k.value=!1,n("blur",we)},Ne=vo(()=>{const{value:we}=U;if(!we)return;const le=r.beforeFilter(we);vf(le)?le.then(Oe).catch(()=>{}):le!==!1?Oe():Be()},r.debounce),Fe=(we,le)=>{!S.value&&ee(!0),!(le!=null&&le.isComposing)&&(we?Ne():Be())};return be(C,ve),be([W,B],ye),be(x,()=>{tt(()=>_e())}),be(ae,Ye,{immediate:!0}),bt(()=>{const we=b.value.input,le=Number.parseFloat(ple(u.cssVarName("input-height"),we).value)-2;l=we.offsetHeight||le,eo(we,_e)}),t({getCheckedNodes:Ve,cascaderPanelRef:_,togglePopperVisible:ee,contentRef:ce}),(we,le)=>(P(),ue(c(ur),{ref_key:"tooltipRef",ref:h,visible:S.value,teleported:we.teleported,"popper-class":[c(i).e("dropdown"),we.popperClass],"popper-options":o,"fallback-placements":["bottom-start","bottom","top-start","top","right","left"],"stop-popper-mouse-event":!1,"gpu-acceleration":!1,placement:"bottom-start",transition:`${c(i).namespace.value}-zoom-in-top`,effect:"light",pure:"",persistent:"",onHide:Be},{default:re(()=>[Ot((P(),H("div",{class:F(c(Ce)),style:lt(c(I)),onClick:le[5]||(le[5]=()=>ee(c(N)?void 0:!0)),onKeydown:Ee,onMouseenter:le[6]||(le[6]=fe=>w.value=!0),onMouseleave:le[7]||(le[7]=fe=>w.value=!1)},[Q(c(vr),{ref_key:"input",ref:b,modelValue:$.value,"onUpdate:modelValue":le[1]||(le[1]=fe=>$.value=fe),placeholder:c(Y),readonly:c(N),disabled:c(B),"validate-event":!1,size:c(K),class:F(c(ke)),tabindex:c(j)&&we.filterable&&!c(B)?-1:void 0,onCompositionstart:Le,onCompositionupdate:Le,onCompositionend:Le,onFocus:Et,onBlur:dt,onInput:Fe},{suffix:re(()=>[c(G)?(P(),ue(c(at),{key:"clear",class:F([c(u).e("icon"),"icon-circle-close"]),onClick:pt(Ze,["stop"])},{default:re(()=>[Q(c(Zs))]),_:1},8,["class","onClick"])):(P(),ue(c(at),{key:"arrow-down",class:F(c(pe)),onClick:le[0]||(le[0]=pt(fe=>ee(),["stop"]))},{default:re(()=>[Q(c(Xs))]),_:1},8,["class"]))]),_:1},8,["modelValue","placeholder","readonly","disabled","size","class","tabindex"]),c(j)?(P(),H("div",{key:0,ref_key:"tagWrapper",ref:g,class:F(c(i).e("tags"))},[(P(!0),H(Ue,null,xt(x.value,fe=>(P(),ue(c(Bf),{key:fe.key,type:we.tagType,size:c(M),hit:fe.hitState,closable:fe.closable,"disable-transitions":"",onClose:Re=>ie(fe)},{default:re(()=>[fe.isCollapseTag===!1?(P(),H("span",w_e,Ae(fe.text),1)):(P(),ue(c(ur),{key:1,disabled:S.value||!we.collapseTagsTooltip,"fallback-placements":["bottom","top","right","left"],placement:"bottom",effect:"light"},{default:re(()=>[q("span",null,Ae(fe.text),1)]),content:re(()=>[q("div",{class:F(c(i).e("collapse-tags"))},[(P(!0),H(Ue,null,xt(R.value.slice(1),(Re,We)=>(P(),H("div",{key:We,class:F(c(i).e("collapse-tag"))},[(P(),ue(c(Bf),{key:Re.key,class:"in-tooltip",type:we.tagType,size:c(M),hit:Re.hitState,closable:Re.closable,"disable-transitions":"",onClose:ct=>ie(Re)},{default:re(()=>[q("span",null,Ae(Re.text),1)]),_:2},1032,["type","size","hit","closable","onClose"]))],2))),128))],2)]),_:2},1032,["disabled"]))]),_:2},1032,["type","size","hit","closable","onClose"]))),128)),we.filterable&&!c(B)?Ot((P(),H("input",{key:0,"onUpdate:modelValue":le[2]||(le[2]=fe=>O.value=fe),type:"text",class:F(c(i).e("search-input")),placeholder:c(ae)?"":c(z),onInput:le[3]||(le[3]=fe=>Fe(O.value,fe)),onClick:le[4]||(le[4]=pt(fe=>ee(!0),["stop"])),onKeydown:tn(ft,["delete"]),onCompositionstart:Le,onCompositionupdate:Le,onCompositionend:Le,onFocus:Et,onBlur:dt},null,42,C_e)),[[m_,O.value]]):se("v-if",!0)],2)):se("v-if",!0)],38)),[[c(qs),()=>ee(!1),c(ce)]])]),content:re(()=>[Ot(Q(c(BA),{ref_key:"cascaderPanelRef",ref:_,modelValue:c(me),"onUpdate:modelValue":le[8]||(le[8]=fe=>kn(me)?me.value=fe:null),options:we.options,props:r.props,border:!1,"render-label":we.$slots.default,onExpandChange:Te,onClose:le[9]||(le[9]=fe=>we.$nextTick(()=>ee(!1)))},null,8,["modelValue","options","props","render-label"]),[[on,!C.value]]),we.filterable?Ot((P(),ue(c(as),{key:0,ref_key:"suggestionPanel",ref:y,tag:"ul",class:F(c(i).e("suggestion-panel")),"view-class":c(i).e("suggestion-list"),onKeydown:Xe},{default:re(()=>[V.value.length?(P(!0),H(Ue,{key:0},xt(V.value,fe=>(P(),H("li",{key:fe.uid,class:F([c(i).e("suggestion-item"),c(i).is("checked",fe.checked)]),tabindex:-1,onClick:Re=>$e(fe)},[q("span",null,Ae(fe.text),1),fe.checked?(P(),ue(c(at),{key:0},{default:re(()=>[Q(c(pv))]),_:1})):se("v-if",!0)],10,S_e))),128)):de(we.$slots,"empty",{key:1},()=>[q("li",{class:F(c(i).e("empty-text"))},Ae(c(f)("el.cascader.noMatch")),3)])]),_:3},8,["class","view-class"])),[[on,C.value]]):se("v-if",!0)]),_:3},8,["visible","teleported","popper-class","transition"]))}});var mh=ze(E_e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/cascader/src/cascader.vue"]]);mh.install=e=>{e.component(mh.name,mh)};const T_e=mh,Uw=T_e,P_e=He({checked:{type:Boolean,default:!1}}),O_e={"update:checked":e=>yr(e),[Rn]:e=>yr(e)},x_e=Z({name:"ElCheckTag"}),A_e=Z({...x_e,props:P_e,emits:O_e,setup(e,{emit:t}){const n=e,r=Ie("check-tag"),o=T(()=>[r.b(),r.is("checked",n.checked)]),a=()=>{const l=!n.checked;t(Rn,l),t("update:checked",l)};return(l,s)=>(P(),H("span",{class:F(c(o)),onClick:a},[de(l.$slots,"default")],2))}});var I_e=ze(A_e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/check-tag/src/check-tag.vue"]]);const M_e=Rt(I_e),VA=Symbol("rowContextKey"),N_e=["start","center","end","space-around","space-between","space-evenly"],R_e=["top","middle","bottom"],F_e=He({tag:{type:String,default:"div"},gutter:{type:Number,default:0},justify:{type:String,values:N_e,default:"start"},align:{type:String,values:R_e,default:"top"}}),L_e=Z({name:"ElRow"}),D_e=Z({...L_e,props:F_e,setup(e){const t=e,n=Ie("row"),r=T(()=>t.gutter);$t(VA,{gutter:r});const o=T(()=>{const l={};return t.gutter&&(l.marginRight=l.marginLeft=`-${t.gutter/2}px`),l}),a=T(()=>[n.b(),n.is(`justify-${t.justify}`,t.justify!=="start"),n.is(`align-${t.align}`,t.align!=="top")]);return(l,s)=>(P(),ue(jt(l.tag),{class:F(c(a)),style:lt(c(o))},{default:re(()=>[de(l.$slots,"default")]),_:3},8,["class","style"]))}});var B_e=ze(D_e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/row/src/row.vue"]]);const jA=Rt(B_e),V_e=He({tag:{type:String,default:"div"},span:{type:Number,default:24},offset:{type:Number,default:0},pull:{type:Number,default:0},push:{type:Number,default:0},xs:{type:ge([Number,Object]),default:()=>zn({})},sm:{type:ge([Number,Object]),default:()=>zn({})},md:{type:ge([Number,Object]),default:()=>zn({})},lg:{type:ge([Number,Object]),default:()=>zn({})},xl:{type:ge([Number,Object]),default:()=>zn({})}}),j_e=Z({name:"ElCol"}),z_e=Z({...j_e,props:V_e,setup(e){const t=e,{gutter:n}=Ge(VA,{gutter:T(()=>0)}),r=Ie("col"),o=T(()=>{const l={};return n.value&&(l.paddingLeft=l.paddingRight=`${n.value/2}px`),l}),a=T(()=>{const l=[];return["span","offset","pull","push"].forEach(u=>{const f=t[u];gt(f)&&(u==="span"?l.push(r.b(`${t[u]}`)):f>0&&l.push(r.b(`${u}-${t[u]}`)))}),["xs","sm","md","lg","xl"].forEach(u=>{gt(t[u])?l.push(r.b(`${u}-${t[u]}`)):Bt(t[u])&&Object.entries(t[u]).forEach(([f,v])=>{l.push(f!=="span"?r.b(`${u}-${f}-${v}`):r.b(`${u}-${v}`))})}),n.value&&l.push(r.is("guttered")),[r.b(),l]});return(l,s)=>(P(),ue(jt(l.tag),{class:F(c(a)),style:lt(c(o))},{default:re(()=>[de(l.$slots,"default")]),_:3},8,["class","style"]))}});var H_e=ze(z_e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/col/src/col.vue"]]);const qw=Rt(H_e),_3=e=>typeof gt(e),K_e=He({accordion:Boolean,modelValue:{type:ge([Array,String,Number]),default:()=>zn([])}}),W_e={[Dt]:_3,[Rn]:_3},zA=Symbol("collapseContextKey"),U_e=(e,t)=>{const n=D(mc(e.modelValue)),r=a=>{n.value=a;const l=e.accordion?n.value[0]:n.value;t(Dt,l),t(Rn,l)},o=a=>{if(e.accordion)r([n.value[0]===a?"":a]);else{const l=[...n.value],s=l.indexOf(a);s>-1?l.splice(s,1):l.push(a),r(l)}};return be(()=>e.modelValue,()=>n.value=mc(e.modelValue),{deep:!0}),$t(zA,{activeNames:n,handleItemClick:o}),{activeNames:n,setActiveNames:r}},q_e=()=>{const e=Ie("collapse");return{rootKls:T(()=>e.b())}},G_e=Z({name:"ElCollapse"}),Y_e=Z({...G_e,props:K_e,emits:W_e,setup(e,{expose:t,emit:n}){const r=e,{activeNames:o,setActiveNames:a}=U_e(r,n),{rootKls:l}=q_e();return t({activeNames:o,setActiveNames:a}),(s,i)=>(P(),H("div",{class:F(c(l)),role:"tablist","aria-multiselectable":"true"},[de(s.$slots,"default")],2))}});var X_e=ze(Y_e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/collapse/src/collapse.vue"]]);const Z_e=Z({name:"ElCollapseTransition"}),Q_e=Z({...Z_e,setup(e){const t=Ie("collapse-transition"),n={beforeEnter(r){r.dataset||(r.dataset={}),r.dataset.oldPaddingTop=r.style.paddingTop,r.dataset.oldPaddingBottom=r.style.paddingBottom,r.style.maxHeight=0,r.style.paddingTop=0,r.style.paddingBottom=0},enter(r){r.dataset.oldOverflow=r.style.overflow,r.scrollHeight!==0?(r.style.maxHeight=`${r.scrollHeight}px`,r.style.paddingTop=r.dataset.oldPaddingTop,r.style.paddingBottom=r.dataset.oldPaddingBottom):(r.style.maxHeight=0,r.style.paddingTop=r.dataset.oldPaddingTop,r.style.paddingBottom=r.dataset.oldPaddingBottom),r.style.overflow="hidden"},afterEnter(r){r.style.maxHeight="",r.style.overflow=r.dataset.oldOverflow},beforeLeave(r){r.dataset||(r.dataset={}),r.dataset.oldPaddingTop=r.style.paddingTop,r.dataset.oldPaddingBottom=r.style.paddingBottom,r.dataset.oldOverflow=r.style.overflow,r.style.maxHeight=`${r.scrollHeight}px`,r.style.overflow="hidden"},leave(r){r.scrollHeight!==0&&(r.style.maxHeight=0,r.style.paddingTop=0,r.style.paddingBottom=0)},afterLeave(r){r.style.maxHeight="",r.style.overflow=r.dataset.oldOverflow,r.style.paddingTop=r.dataset.oldPaddingTop,r.style.paddingBottom=r.dataset.oldPaddingBottom}};return(r,o)=>(P(),ue(tr,Ft({name:c(t).b()},zV(n)),{default:re(()=>[de(r.$slots,"default")]),_:3},16,["name"]))}});var gh=ze(Q_e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/collapse-transition/src/collapse-transition.vue"]]);gh.install=e=>{e.component(gh.name,gh)};const Tg=gh,J_e=Tg,ewe=He({title:{type:String,default:""},name:{type:ge([String,Number]),default:()=>gg()},disabled:Boolean}),twe=e=>{const t=Ge(zA),n=D(!1),r=D(!1),o=D(gg()),a=T(()=>t==null?void 0:t.activeNames.value.includes(e.name));return{focusing:n,id:o,isActive:a,handleFocus:()=>{setTimeout(()=>{r.value?r.value=!1:n.value=!0},50)},handleHeaderClick:()=>{e.disabled||(t==null||t.handleItemClick(e.name),n.value=!1,r.value=!0)},handleEnterClick:()=>{t==null||t.handleItemClick(e.name)}}},nwe=(e,{focusing:t,isActive:n,id:r})=>{const o=Ie("collapse"),a=T(()=>[o.b("item"),o.is("active",c(n)),o.is("disabled",e.disabled)]),l=T(()=>[o.be("item","header"),o.is("active",c(n)),{focusing:c(t)&&!e.disabled}]),s=T(()=>[o.be("item","arrow"),o.is("active",c(n))]),i=T(()=>o.be("item","wrap")),u=T(()=>o.be("item","content")),f=T(()=>o.b(`content-${c(r)}`)),v=T(()=>o.b(`head-${c(r)}`));return{arrowKls:s,headKls:l,rootKls:a,itemWrapperKls:i,itemContentKls:u,scopedContentId:f,scopedHeadId:v}},rwe=["aria-expanded","aria-controls","aria-describedby"],owe=["id","tabindex"],awe=["id","aria-hidden","aria-labelledby"],lwe=Z({name:"ElCollapseItem"}),swe=Z({...lwe,props:ewe,setup(e,{expose:t}){const n=e,{focusing:r,id:o,isActive:a,handleFocus:l,handleHeaderClick:s,handleEnterClick:i}=twe(n),{arrowKls:u,headKls:f,rootKls:v,itemWrapperKls:p,itemContentKls:h,scopedContentId:b,scopedHeadId:g}=nwe(n,{focusing:r,isActive:a,id:o});return t({isActive:a}),(_,y)=>(P(),H("div",{class:F(c(v))},[q("div",{role:"tab","aria-expanded":c(a),"aria-controls":c(b),"aria-describedby":c(b)},[q("div",{id:c(g),class:F(c(f)),role:"button",tabindex:_.disabled?-1:0,onClick:y[0]||(y[0]=(...S)=>c(s)&&c(s)(...S)),onKeypress:y[1]||(y[1]=tn(pt((...S)=>c(i)&&c(i)(...S),["stop","prevent"]),["space","enter"])),onFocus:y[2]||(y[2]=(...S)=>c(l)&&c(l)(...S)),onBlur:y[3]||(y[3]=S=>r.value=!1)},[de(_.$slots,"title",{},()=>[Ht(Ae(_.title),1)]),Q(c(at),{class:F(c(u))},{default:re(()=>[Q(c(io))]),_:1},8,["class"])],42,owe)],8,rwe),Q(c(Tg),null,{default:re(()=>[Ot(q("div",{id:c(b),class:F(c(p)),role:"tabpanel","aria-hidden":!c(a),"aria-labelledby":c(g)},[q("div",{class:F(c(h))},[de(_.$slots,"default")],2)],10,awe),[[on,c(a)]])]),_:3})],2))}});var HA=ze(swe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/collapse/src/collapse-item.vue"]]);const iwe=Rt(X_e,{CollapseItem:HA}),uwe=Xn(HA),cwe=He({color:{type:ge(Object),required:!0},vertical:{type:Boolean,default:!1}});let xb=!1;function Vf(e,t){if(!en)return;const n=function(a){var l;(l=t.drag)==null||l.call(t,a)},r=function(a){var l;document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",r),document.removeEventListener("touchmove",n),document.removeEventListener("touchend",r),document.onselectstart=null,document.ondragstart=null,xb=!1,(l=t.end)==null||l.call(t,a)},o=function(a){var l;xb||(a.preventDefault(),document.onselectstart=()=>!1,document.ondragstart=()=>!1,document.addEventListener("mousemove",n),document.addEventListener("mouseup",r),document.addEventListener("touchmove",n),document.addEventListener("touchend",r),xb=!0,(l=t.start)==null||l.call(t,a))};e.addEventListener("mousedown",o),e.addEventListener("touchstart",o)}const dwe=e=>{const t=vt(),n=En(),r=En();function o(l){l.target!==n.value&&a(l)}function a(l){if(!r.value||!n.value)return;const i=t.vnode.el.getBoundingClientRect(),{clientX:u,clientY:f}=X_(l);if(e.vertical){let v=f-i.top;v=Math.max(n.value.offsetHeight/2,v),v=Math.min(v,i.height-n.value.offsetHeight/2),e.color.set("alpha",Math.round((v-n.value.offsetHeight/2)/(i.height-n.value.offsetHeight)*100))}else{let v=u-i.left;v=Math.max(n.value.offsetWidth/2,v),v=Math.min(v,i.width-n.value.offsetWidth/2),e.color.set("alpha",Math.round((v-n.value.offsetWidth/2)/(i.width-n.value.offsetWidth)*100))}}return{thumb:n,bar:r,handleDrag:a,handleClick:o}},fwe=(e,{bar:t,thumb:n,handleDrag:r})=>{const o=vt(),a=Ie("color-alpha-slider"),l=D(0),s=D(0),i=D();function u(){if(!n.value||e.vertical)return 0;const S=o.vnode.el,w=e.color.get("alpha");return S?Math.round(w*(S.offsetWidth-n.value.offsetWidth/2)/100):0}function f(){if(!n.value)return 0;const S=o.vnode.el;if(!e.vertical)return 0;const w=e.color.get("alpha");return S?Math.round(w*(S.offsetHeight-n.value.offsetHeight/2)/100):0}function v(){if(e.color&&e.color.value){const{r:S,g:w,b:C}=e.color.toRgb();return`linear-gradient(to right, rgba(${S}, ${w}, ${C}, 0) 0%, rgba(${S}, ${w}, ${C}, 1) 100%)`}return""}function p(){l.value=u(),s.value=f(),i.value=v()}bt(()=>{if(!t.value||!n.value)return;const S={drag:w=>{r(w)},end:w=>{r(w)}};Vf(t.value,S),Vf(n.value,S),p()}),be(()=>e.color.get("alpha"),()=>p()),be(()=>e.color.value,()=>p());const h=T(()=>[a.b(),a.is("vertical",e.vertical)]),b=T(()=>a.e("bar")),g=T(()=>a.e("thumb")),_=T(()=>({background:i.value})),y=T(()=>({left:or(l.value),top:or(s.value)}));return{rootKls:h,barKls:b,barStyle:_,thumbKls:g,thumbStyle:y,update:p}},vwe="ElColorAlphaSlider",pwe=Z({name:vwe}),hwe=Z({...pwe,props:cwe,setup(e,{expose:t}){const n=e,{bar:r,thumb:o,handleDrag:a,handleClick:l}=dwe(n),{rootKls:s,barKls:i,barStyle:u,thumbKls:f,thumbStyle:v,update:p}=fwe(n,{bar:r,thumb:o,handleDrag:a});return t({update:p,bar:r,thumb:o}),(h,b)=>(P(),H("div",{class:F(c(s))},[q("div",{ref_key:"bar",ref:r,class:F(c(i)),style:lt(c(u)),onClick:b[0]||(b[0]=(...g)=>c(l)&&c(l)(...g))},null,6),q("div",{ref_key:"thumb",ref:o,class:F(c(f)),style:lt(c(v))},null,6)],2))}});var mwe=ze(hwe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/alpha-slider.vue"]]);const gwe=Z({name:"ElColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(e){const t=Ie("color-hue-slider"),n=vt(),r=D(),o=D(),a=D(0),l=D(0),s=T(()=>e.color.get("hue"));be(()=>s.value,()=>{p()});function i(h){h.target!==r.value&&u(h)}function u(h){if(!o.value||!r.value)return;const g=n.vnode.el.getBoundingClientRect(),{clientX:_,clientY:y}=X_(h);let S;if(e.vertical){let w=y-g.top;w=Math.min(w,g.height-r.value.offsetHeight/2),w=Math.max(r.value.offsetHeight/2,w),S=Math.round((w-r.value.offsetHeight/2)/(g.height-r.value.offsetHeight)*360)}else{let w=_-g.left;w=Math.min(w,g.width-r.value.offsetWidth/2),w=Math.max(r.value.offsetWidth/2,w),S=Math.round((w-r.value.offsetWidth/2)/(g.width-r.value.offsetWidth)*360)}e.color.set("hue",S)}function f(){if(!r.value)return 0;const h=n.vnode.el;if(e.vertical)return 0;const b=e.color.get("hue");return h?Math.round(b*(h.offsetWidth-r.value.offsetWidth/2)/360):0}function v(){if(!r.value)return 0;const h=n.vnode.el;if(!e.vertical)return 0;const b=e.color.get("hue");return h?Math.round(b*(h.offsetHeight-r.value.offsetHeight/2)/360):0}function p(){a.value=f(),l.value=v()}return bt(()=>{if(!o.value||!r.value)return;const h={drag:b=>{u(b)},end:b=>{u(b)}};Vf(o.value,h),Vf(r.value,h),p()}),{bar:o,thumb:r,thumbLeft:a,thumbTop:l,hueValue:s,handleClick:i,update:p,ns:t}}});function bwe(e,t,n,r,o,a){return P(),H("div",{class:F([e.ns.b(),e.ns.is("vertical",e.vertical)])},[q("div",{ref:"bar",class:F(e.ns.e("bar")),onClick:t[0]||(t[0]=(...l)=>e.handleClick&&e.handleClick(...l))},null,2),q("div",{ref:"thumb",class:F(e.ns.e("thumb")),style:lt({left:e.thumbLeft+"px",top:e.thumbTop+"px"})},null,6)],2)}var ywe=ze(gwe,[["render",bwe],["__file","/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/hue-slider.vue"]]);const _we=He({modelValue:String,id:String,showAlpha:Boolean,colorFormat:String,disabled:Boolean,size:qr,popperClass:{type:String,default:""},label:{type:String,default:void 0},tabindex:{type:[String,Number],default:0},predefine:{type:ge(Array)},validateEvent:{type:Boolean,default:!0}}),wwe={[Dt]:e=>_t(e)||br(e),[Rn]:e=>_t(e)||br(e),activeChange:e=>_t(e)||br(e)},KA=Symbol("colorPickerContextKey"),w3=function(e,t,n){return[e,t*n/((e=(2-t)*n)<1?e:2-e)||0,e/2]},Cwe=function(e){return typeof e=="string"&&e.includes(".")&&Number.parseFloat(e)===1},Swe=function(e){return typeof e=="string"&&e.includes("%")},ec=function(e,t){Cwe(e)&&(e="100%");const n=Swe(e);return e=Math.min(t,Math.max(0,Number.parseFloat(`${e}`))),n&&(e=Number.parseInt(`${e*t}`,10)/100),Math.abs(e-t)<1e-6?1:e%t/Number.parseFloat(t)},C3={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},bh=e=>{e=Math.min(Math.round(e),255);const t=Math.floor(e/16),n=e%16;return`${C3[t]||t}${C3[n]||n}`},S3=function({r:e,g:t,b:n}){return Number.isNaN(+e)||Number.isNaN(+t)||Number.isNaN(+n)?"":`#${bh(e)}${bh(t)}${bh(n)}`},Ab={A:10,B:11,C:12,D:13,E:14,F:15},hi=function(e){return e.length===2?(Ab[e[0].toUpperCase()]||+e[0])*16+(Ab[e[1].toUpperCase()]||+e[1]):Ab[e[1].toUpperCase()]||+e[1]},kwe=function(e,t,n){t=t/100,n=n/100;let r=t;const o=Math.max(n,.01);n*=2,t*=n<=1?n:2-n,r*=o<=1?o:2-o;const a=(n+t)/2,l=n===0?2*r/(o+r):2*t/(n+t);return{h:e,s:l*100,v:a*100}},k3=(e,t,n)=>{e=ec(e,255),t=ec(t,255),n=ec(n,255);const r=Math.max(e,t,n),o=Math.min(e,t,n);let a;const l=r,s=r-o,i=r===0?0:s/r;if(r===o)a=0;else{switch(r){case e:{a=(t-n)/s+(t{this._hue=Math.max(0,Math.min(360,r)),this._saturation=Math.max(0,Math.min(100,o)),this._value=Math.max(0,Math.min(100,a)),this.doOnChange()};if(t.includes("hsl")){const r=t.replace(/hsla|hsl|\(|\)/gm,"").split(/\s|,/g).filter(o=>o!=="").map((o,a)=>a>2?Number.parseFloat(o):Number.parseInt(o,10));if(r.length===4?this._alpha=Number.parseFloat(r[3])*100:r.length===3&&(this._alpha=100),r.length>=3){const{h:o,s:a,v:l}=kwe(r[0],r[1],r[2]);n(o,a,l)}}else if(t.includes("hsv")){const r=t.replace(/hsva|hsv|\(|\)/gm,"").split(/\s|,/g).filter(o=>o!=="").map((o,a)=>a>2?Number.parseFloat(o):Number.parseInt(o,10));r.length===4?this._alpha=Number.parseFloat(r[3])*100:r.length===3&&(this._alpha=100),r.length>=3&&n(r[0],r[1],r[2])}else if(t.includes("rgb")){const r=t.replace(/rgba|rgb|\(|\)/gm,"").split(/\s|,/g).filter(o=>o!=="").map((o,a)=>a>2?Number.parseFloat(o):Number.parseInt(o,10));if(r.length===4?this._alpha=Number.parseFloat(r[3])*100:r.length===3&&(this._alpha=100),r.length>=3){const{h:o,s:a,v:l}=k3(r[0],r[1],r[2]);n(o,a,l)}}else if(t.includes("#")){const r=t.replace("#","").trim();if(!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(r))return;let o,a,l;r.length===3?(o=hi(r[0]+r[0]),a=hi(r[1]+r[1]),l=hi(r[2]+r[2])):(r.length===6||r.length===8)&&(o=hi(r.slice(0,2)),a=hi(r.slice(2,4)),l=hi(r.slice(4,6))),r.length===8?this._alpha=hi(r.slice(6))/255*100:(r.length===3||r.length===6)&&(this._alpha=100);const{h:s,s:i,v:u}=k3(o,a,l);n(s,i,u)}}compare(t){return Math.abs(t._hue-this._hue)<2&&Math.abs(t._saturation-this._saturation)<1&&Math.abs(t._value-this._value)<1&&Math.abs(t._alpha-this._alpha)<1}doOnChange(){const{_hue:t,_saturation:n,_value:r,_alpha:o,format:a}=this;if(this.enableAlpha)switch(a){case"hsl":{const l=w3(t,n/100,r/100);this.value=`hsla(${t}, ${Math.round(l[1]*100)}%, ${Math.round(l[2]*100)}%, ${this.get("alpha")/100})`;break}case"hsv":{this.value=`hsva(${t}, ${Math.round(n)}%, ${Math.round(r)}%, ${this.get("alpha")/100})`;break}case"hex":{this.value=`${S3(Pd(t,n,r))}${bh(o*255/100)}`;break}default:{const{r:l,g:s,b:i}=Pd(t,n,r);this.value=`rgba(${l}, ${s}, ${i}, ${this.get("alpha")/100})`}}else switch(a){case"hsl":{const l=w3(t,n/100,r/100);this.value=`hsl(${t}, ${Math.round(l[1]*100)}%, ${Math.round(l[2]*100)}%)`;break}case"hsv":{this.value=`hsv(${t}, ${Math.round(n)}%, ${Math.round(r)}%)`;break}case"rgb":{const{r:l,g:s,b:i}=Pd(t,n,r);this.value=`rgb(${l}, ${s}, ${i})`;break}default:this.value=S3(Pd(t,n,r))}}}const $we=Z({props:{colors:{type:Array,required:!0},color:{type:Object,required:!0}},setup(e){const t=Ie("color-predefine"),{currentColor:n}=Ge(KA),r=D(a(e.colors,e.color));be(()=>n.value,l=>{const s=new Jd;s.fromString(l),r.value.forEach(i=>{i.selected=s.compare(i)})}),ir(()=>{r.value=a(e.colors,e.color)});function o(l){e.color.fromString(e.colors[l])}function a(l,s){return l.map(i=>{const u=new Jd;return u.enableAlpha=!0,u.format="rgba",u.fromString(i),u.selected=u.value===s.value,u})}return{rgbaColors:r,handleSelect:o,ns:t}}}),Ewe=["onClick"];function Twe(e,t,n,r,o,a){return P(),H("div",{class:F(e.ns.b())},[q("div",{class:F(e.ns.e("colors"))},[(P(!0),H(Ue,null,xt(e.rgbaColors,(l,s)=>(P(),H("div",{key:e.colors[s],class:F([e.ns.e("color-selector"),e.ns.is("alpha",l._alpha<100),{selected:l.selected}]),onClick:i=>e.handleSelect(s)},[q("div",{style:lt({backgroundColor:l.value})},null,4)],10,Ewe))),128))],2)],2)}var Pwe=ze($we,[["render",Twe],["__file","/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/predefine.vue"]]);const Owe=Z({name:"ElSlPanel",props:{color:{type:Object,required:!0}},setup(e){const t=Ie("color-svpanel"),n=vt(),r=D(0),o=D(0),a=D("hsl(0, 100%, 50%)"),l=T(()=>{const u=e.color.get("hue"),f=e.color.get("value");return{hue:u,value:f}});function s(){const u=e.color.get("saturation"),f=e.color.get("value"),v=n.vnode.el,{clientWidth:p,clientHeight:h}=v;o.value=u*p/100,r.value=(100-f)*h/100,a.value=`hsl(${e.color.get("hue")}, 100%, 50%)`}function i(u){const v=n.vnode.el.getBoundingClientRect(),{clientX:p,clientY:h}=X_(u);let b=p-v.left,g=h-v.top;b=Math.max(0,b),b=Math.min(b,v.width),g=Math.max(0,g),g=Math.min(g,v.height),o.value=b,r.value=g,e.color.set({saturation:b/v.width*100,value:100-g/v.height*100})}return be(()=>l.value,()=>{s()}),bt(()=>{Vf(n.vnode.el,{drag:u=>{i(u)},end:u=>{i(u)}}),s()}),{cursorTop:r,cursorLeft:o,background:a,colorValue:l,handleDrag:i,update:s,ns:t}}}),xwe=q("div",null,null,-1),Awe=[xwe];function Iwe(e,t,n,r,o,a){return P(),H("div",{class:F(e.ns.b()),style:lt({backgroundColor:e.background})},[q("div",{class:F(e.ns.e("white"))},null,2),q("div",{class:F(e.ns.e("black"))},null,2),q("div",{class:F(e.ns.e("cursor")),style:lt({top:e.cursorTop+"px",left:e.cursorLeft+"px"})},Awe,6)],6)}var Mwe=ze(Owe,[["render",Iwe],["__file","/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/sv-panel.vue"]]);const Nwe=["id","aria-label","aria-labelledby","aria-description","tabindex","onKeydown"],Rwe=Z({name:"ElColorPicker"}),Fwe=Z({...Rwe,props:_we,emits:wwe,setup(e,{expose:t,emit:n}){const r=e,{t:o}=rn(),a=Ie("color"),{formItem:l}=po(),s=Cr(),i=Mo(),{inputId:u,isLabeledByFormItem:f}=ti(r,{formItemContext:l}),v=D(),p=D(),h=D(),b=D();let g=!0;const _=nn(new Jd({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue})),y=D(!1),S=D(!1),w=D(""),C=T(()=>!r.modelValue&&!S.value?"transparent":R(_,r.showAlpha)),k=T(()=>!r.modelValue&&!S.value?"":_.value),$=T(()=>f.value?void 0:r.label||o("el.colorpicker.defaultLabel")),O=T(()=>f.value?l==null?void 0:l.labelId:void 0),x=T(()=>[a.b("picker"),a.is("disabled",i.value),a.bm("picker",s.value)]);function R(N,U){if(!(N instanceof Jd))throw new TypeError("color should be instance of _color Class");const{r:W,g:G,b:ae}=N.toRgb();return U?`rgba(${W}, ${G}, ${ae}, ${N.get("alpha")/100})`:`rgb(${W}, ${G}, ${ae})`}function V(N){y.value=N}const A=vo(V,100);function I(){i.value||V(!0)}function B(){A(!1),z()}function z(){tt(()=>{r.modelValue?_.fromString(r.modelValue):(_.value="",tt(()=>{S.value=!1}))})}function Y(){i.value||A(!y.value)}function K(){_.fromString(w.value)}function M(){const N=_.value;n(Dt,N),n("change",N),r.validateEvent&&(l==null||l.validate("change").catch(U=>void 0)),A(!1),tt(()=>{const U=new Jd({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue});_.compare(U)||z()})}function j(){A(!1),n(Dt,null),n("change",null),r.modelValue!==null&&r.validateEvent&&(l==null||l.validate("change").catch(N=>void 0)),z()}return bt(()=>{r.modelValue&&(w.value=k.value)}),be(()=>r.modelValue,N=>{N?N&&N!==_.value&&(g=!1,_.fromString(N)):S.value=!1}),be(()=>k.value,N=>{w.value=N,g&&n("activeChange",N),g=!0}),be(()=>_.value,()=>{!r.modelValue&&!S.value&&(S.value=!0)}),be(()=>y.value,()=>{tt(()=>{var N,U,W;(N=v.value)==null||N.update(),(U=p.value)==null||U.update(),(W=h.value)==null||W.update()})}),$t(KA,{currentColor:k}),t({color:_,show:I,hide:B}),(N,U)=>(P(),ue(c(ur),{ref_key:"popper",ref:b,visible:y.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[c(a).be("picker","panel"),c(a).b("dropdown"),N.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",transition:`${c(a).namespace.value}-zoom-in-top`,persistent:""},{content:re(()=>[Ot((P(),H("div",null,[q("div",{class:F(c(a).be("dropdown","main-wrapper"))},[Q(ywe,{ref_key:"hue",ref:v,class:"hue-slider",color:c(_),vertical:""},null,8,["color"]),Q(Mwe,{ref:"svPanel",color:c(_)},null,8,["color"])],2),N.showAlpha?(P(),ue(mwe,{key:0,ref_key:"alpha",ref:h,color:c(_)},null,8,["color"])):se("v-if",!0),N.predefine?(P(),ue(Pwe,{key:1,ref:"predefine",color:c(_),colors:N.predefine},null,8,["color","colors"])):se("v-if",!0),q("div",{class:F(c(a).be("dropdown","btns"))},[q("span",{class:F(c(a).be("dropdown","value"))},[Q(c(vr),{modelValue:w.value,"onUpdate:modelValue":U[0]||(U[0]=W=>w.value=W),"validate-event":!1,size:"small",onKeyup:tn(K,["enter"]),onBlur:K},null,8,["modelValue","onKeyup"])],2),Q(c(Fr),{class:F(c(a).be("dropdown","link-btn")),text:"",size:"small",onClick:j},{default:re(()=>[Ht(Ae(c(o)("el.colorpicker.clear")),1)]),_:1},8,["class"]),Q(c(Fr),{plain:"",size:"small",class:F(c(a).be("dropdown","btn")),onClick:M},{default:re(()=>[Ht(Ae(c(o)("el.colorpicker.confirm")),1)]),_:1},8,["class"])],2)])),[[c(qs),B]])]),default:re(()=>[q("div",{id:c(u),class:F(c(x)),role:"button","aria-label":c($),"aria-labelledby":c(O),"aria-description":c(o)("el.colorpicker.description",{color:N.modelValue||""}),tabindex:N.tabindex,onKeydown:tn(Y,["enter"])},[c(i)?(P(),H("div",{key:0,class:F(c(a).be("picker","mask"))},null,2)):se("v-if",!0),q("div",{class:F(c(a).be("picker","trigger")),onClick:Y},[q("span",{class:F([c(a).be("picker","color"),c(a).is("alpha",N.showAlpha)])},[q("span",{class:F(c(a).be("picker","color-inner")),style:lt({backgroundColor:c(C)})},[Ot(Q(c(at),{class:F([c(a).be("picker","icon"),c(a).is("icon-arrow-down")])},{default:re(()=>[Q(c(Xs))]),_:1},8,["class"]),[[on,N.modelValue||S.value]]),!N.modelValue&&!S.value?(P(),ue(c(at),{key:0,class:F([c(a).be("picker","empty"),c(a).is("icon-close")])},{default:re(()=>[Q(c(Ha))]),_:1},8,["class"])):se("v-if",!0)],6)],2)],2)],42,Nwe)]),_:1},8,["visible","popper-class","transition"]))}});var Lwe=ze(Fwe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/color-picker.vue"]]);const Dwe=Rt(Lwe),Bwe=Z({name:"ElContainer"}),Vwe=Z({...Bwe,props:{direction:{type:String}},setup(e){const t=e,n=Vr(),r=Ie("container"),o=T(()=>t.direction==="vertical"?!0:t.direction==="horizontal"?!1:n&&n.default?n.default().some(l=>{const s=l.type.name;return s==="ElHeader"||s==="ElFooter"}):!1);return(a,l)=>(P(),H("section",{class:F([c(r).b(),c(r).is("vertical",c(o))])},[de(a.$slots,"default")],2))}});var jwe=ze(Vwe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/container/src/container.vue"]]);const zwe=Z({name:"ElAside"}),Hwe=Z({...zwe,props:{width:{type:String,default:null}},setup(e){const t=e,n=Ie("aside"),r=T(()=>t.width?n.cssVarBlock({width:t.width}):{});return(o,a)=>(P(),H("aside",{class:F(c(n).b()),style:lt(c(r))},[de(o.$slots,"default")],6))}});var WA=ze(Hwe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/container/src/aside.vue"]]);const Kwe=Z({name:"ElFooter"}),Wwe=Z({...Kwe,props:{height:{type:String,default:null}},setup(e){const t=e,n=Ie("footer"),r=T(()=>t.height?n.cssVarBlock({height:t.height}):{});return(o,a)=>(P(),H("footer",{class:F(c(n).b()),style:lt(c(r))},[de(o.$slots,"default")],6))}});var UA=ze(Wwe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/container/src/footer.vue"]]);const Uwe=Z({name:"ElHeader"}),qwe=Z({...Uwe,props:{height:{type:String,default:null}},setup(e){const t=e,n=Ie("header"),r=T(()=>t.height?n.cssVarBlock({height:t.height}):{});return(o,a)=>(P(),H("header",{class:F(c(n).b()),style:lt(c(r))},[de(o.$slots,"default")],6))}});var qA=ze(qwe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/container/src/header.vue"]]);const Gwe=Z({name:"ElMain"}),Ywe=Z({...Gwe,setup(e){const t=Ie("main");return(n,r)=>(P(),H("main",{class:F(c(t).b())},[de(n.$slots,"default")],2))}});var GA=ze(Ywe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/container/src/main.vue"]]);const Xwe=Rt(jwe,{Aside:WA,Footer:UA,Header:qA,Main:GA}),Zwe=Xn(WA),Qwe=Xn(UA),Jwe=Xn(qA),e2e=Xn(GA);var YA={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Ir,function(){return function(n,r){var o=r.prototype,a=o.format;o.format=function(l){var s=this,i=this.$locale();if(!this.isValid())return a.bind(this)(l);var u=this.$utils(),f=(l||"YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,function(v){switch(v){case"Q":return Math.ceil((s.$M+1)/3);case"Do":return i.ordinal(s.$D);case"gggg":return s.weekYear();case"GGGG":return s.isoWeekYear();case"wo":return i.ordinal(s.week(),"W");case"w":case"ww":return u.s(s.week(),v==="w"?1:2,"0");case"W":case"WW":return u.s(s.isoWeek(),v==="W"?1:2,"0");case"k":case"kk":return u.s(String(s.$H===0?24:s.$H),v==="k"?1:2,"0");case"X":return Math.floor(s.$d.getTime()/1e3);case"x":return s.$d.getTime();case"z":return"["+s.offsetName()+"]";case"zzz":return"["+s.offsetName("long")+"]";default:return v}});return a.bind(this)(f)}}})})(YA);const t2e=YA.exports;var XA={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Ir,function(){var n="week",r="year";return function(o,a,l){var s=a.prototype;s.week=function(i){if(i===void 0&&(i=null),i!==null)return this.add(7*(i-this.week()),"day");var u=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var f=l(this).startOf(r).add(1,r).date(u),v=l(this).endOf(n);if(f.isBefore(v))return 1}var p=l(this).startOf(r).date(u).startOf(n).subtract(1,"millisecond"),h=this.diff(p,n,!0);return h<0?l(this).startOf("week").week():Math.ceil(h)},s.weeks=function(i){return i===void 0&&(i=null),this.week(i)}}})})(XA);const n2e=XA.exports;var ZA={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Ir,function(){return function(n,r){r.prototype.weekYear=function(){var o=this.month(),a=this.week(),l=this.year();return a===1&&o===11?l+1:o===0&&a>=52?l-1:l}}})})(ZA);const r2e=ZA.exports;var QA={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Ir,function(){return function(n,r,o){r.prototype.dayOfYear=function(a){var l=Math.round((o(this).startOf("day")-o(this).startOf("year"))/864e5)+1;return a==null?l:this.add(a-l,"day")}}})})(QA);const o2e=QA.exports;var JA={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Ir,function(){return function(n,r){r.prototype.isSameOrAfter=function(o,a){return this.isSame(o,a)||this.isAfter(o,a)}}})})(JA);const a2e=JA.exports;var eI={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Ir,function(){return function(n,r){r.prototype.isSameOrBefore=function(o,a){return this.isSame(o,a)||this.isBefore(o,a)}}})})(eI);const l2e=eI.exports,Gw=Symbol(),s2e=He({...Vw,type:{type:ge(String),default:"date"}}),i2e=["date","dates","year","month","week","range"],Yw=He({disabledDate:{type:ge(Function)},date:{type:ge(Object),required:!0},minDate:{type:ge(Object)},maxDate:{type:ge(Object)},parsedValue:{type:ge([Object,Array])},rangeState:{type:ge(Object),default:()=>({endDate:null,selecting:!1})}}),tI=He({type:{type:ge(String),required:!0,values:Gve}}),nI=He({unlinkPanels:Boolean,parsedValue:{type:ge(Array)}}),rI=e=>({type:String,values:i2e,default:e}),u2e=He({...tI,parsedValue:{type:ge([Object,Array])},visible:{type:Boolean},format:{type:String,default:""}}),c2e=He({...Yw,cellClassName:{type:ge(Function)},showWeekNumber:Boolean,selectionMode:rI("date")}),i1=e=>{if(!et(e))return!1;const[t,n]=e;return At.isDayjs(t)&&At.isDayjs(n)&&t.isSameOrBefore(n)},oI=(e,{lang:t,unit:n,unlinkPanels:r})=>{let o;if(et(e)){let[a,l]=e.map(s=>At(s).locale(t));return r||(l=a.add(1,n)),[a,l]}else e?o=At(e):o=At();return o=o.locale(t),[o,o.add(1,n)]},d2e=(e,t,{columnIndexOffset:n,startDate:r,nextEndDate:o,now:a,unit:l,relativeDateGetter:s,setCellMetadata:i,setRowMetadata:u})=>{for(let f=0;f{const{cell:r}=e;if(n.default){const o=n.default(r).filter(a=>a.patchFlag!==-2&&a.type.toString()!=="Symbol(Comment)");if(o.length)return o}return Q("div",{class:t.b()},[Q("span",{class:t.e("text")},[r==null?void 0:r.text])])}}});const p2e=["aria-label","onMousedown"],h2e={key:0,scope:"col"},m2e=["aria-label"],g2e=["aria-current","aria-selected","tabindex"],b2e=Z({__name:"basic-date-table",props:c2e,emits:["changerange","pick","select"],setup(e,{expose:t,emit:n}){const r=e,o=Ie("date-table"),{t:a,lang:l}=rn(),s=D(),i=D(),u=D(),f=D(),v=D([[],[],[],[],[],[]]);let p=!1;const h=r.date.$locale().weekStart||7,b=r.date.locale("en").localeData().weekdaysShort().map(G=>G.toLowerCase()),g=T(()=>h>3?7-h:-h),_=T(()=>{const G=r.date.startOf("month");return G.subtract(G.day()||7,"day")}),y=T(()=>b.concat(b).slice(h,h+7)),S=T(()=>v6(x.value).some(G=>G.isCurrent)),w=T(()=>{const G=r.date.startOf("month"),ae=G.day()||7,me=G.daysInMonth(),Ce=G.subtract(1,"month").daysInMonth();return{startOfMonthDay:ae,dateCountOfMonth:me,dateCountOfLastMonth:Ce}}),C=T(()=>r.selectionMode==="dates"?Kl(r.parsedValue):[]),k=(G,{count:ae,rowIndex:me,columnIndex:Ce})=>{const{startOfMonthDay:pe,dateCountOfMonth:ke,dateCountOfLastMonth:ce}=c(w),ee=c(g);if(me>=0&&me<=1){const ve=pe+ee<0?7+pe+ee:pe+ee;if(Ce+me*7>=ve)return G.text=ae,!0;G.text=ce-(ve-Ce%7)+1+me*7,G.type="prev-month"}else return ae<=ke?G.text=ae:(G.text=ae-ke,G.type="next-month"),!0;return!1},$=(G,{columnIndex:ae,rowIndex:me},Ce)=>{const{disabledDate:pe,cellClassName:ke}=r,ce=c(C),ee=k(G,{count:Ce,rowIndex:me,columnIndex:ae}),ve=G.dayjs.toDate();return G.selected=ce.find(Be=>Be.valueOf()===G.dayjs.valueOf()),G.isSelected=!!G.selected,G.isCurrent=A(G),G.disabled=pe==null?void 0:pe(ve),G.customClass=ke==null?void 0:ke(ve),ee},O=G=>{if(r.selectionMode==="week"){const[ae,me]=r.showWeekNumber?[1,7]:[0,6],Ce=W(G[ae+1]);G[ae].inRange=Ce,G[ae].start=Ce,G[me].inRange=Ce,G[me].end=Ce}},x=T(()=>{const{minDate:G,maxDate:ae,rangeState:me,showWeekNumber:Ce}=r,pe=g.value,ke=v.value,ce="day";let ee=1;if(Ce)for(let ve=0;ve<6;ve++)ke[ve][0]||(ke[ve][0]={type:"week",text:_.value.add(ve*7+1,ce).week()});return d2e({row:6,column:7},ke,{startDate:G,columnIndexOffset:Ce?1:0,nextEndDate:me.endDate||ae||me.selecting&&G||null,now:At().locale(c(l)).startOf(ce),unit:ce,relativeDateGetter:ve=>_.value.add(ve-pe,ce),setCellMetadata:(...ve)=>{$(...ve,ee)&&(ee+=1)},setRowMetadata:O}),ke});be(()=>r.date,async()=>{var G,ae;(G=s.value)!=null&&G.contains(document.activeElement)&&(await tt(),(ae=i.value)==null||ae.focus())});const R=async()=>{var G;(G=i.value)==null||G.focus()},V=(G="")=>["normal","today"].includes(G),A=G=>r.selectionMode==="date"&&V(G.type)&&I(G,r.parsedValue),I=(G,ae)=>ae?At(ae).locale(l.value).isSame(r.date.date(Number(G.text)),"day"):!1,B=G=>{const ae=[];return V(G.type)&&!G.disabled?(ae.push("available"),G.type==="today"&&ae.push("today")):ae.push(G.type),A(G)&&ae.push("current"),G.inRange&&(V(G.type)||r.selectionMode==="week")&&(ae.push("in-range"),G.start&&ae.push("start-date"),G.end&&ae.push("end-date")),G.disabled&&ae.push("disabled"),G.selected&&ae.push("selected"),G.customClass&&ae.push(G.customClass),ae.join(" ")},z=(G,ae)=>{const me=G*7+(ae-(r.showWeekNumber?1:0))-g.value;return _.value.add(me,"day")},Y=G=>{var ae;if(!r.rangeState.selecting)return;let me=G.target;if(me.tagName==="SPAN"&&(me=(ae=me.parentNode)==null?void 0:ae.parentNode),me.tagName==="DIV"&&(me=me.parentNode),me.tagName!=="TD")return;const Ce=me.parentNode.rowIndex-1,pe=me.cellIndex;x.value[Ce][pe].disabled||(Ce!==u.value||pe!==f.value)&&(u.value=Ce,f.value=pe,n("changerange",{selecting:!0,endDate:z(Ce,pe)}))},K=G=>!S.value&&(G==null?void 0:G.text)===1&&G.type==="normal"||G.isCurrent,M=G=>{p||S.value||r.selectionMode!=="date"||U(G,!0)},j=G=>{!G.target.closest("td")||(p=!0)},N=G=>{!G.target.closest("td")||(p=!1)},U=(G,ae=!1)=>{const me=G.target.closest("td");if(!me)return;const Ce=me.parentNode.rowIndex-1,pe=me.cellIndex,ke=x.value[Ce][pe];if(ke.disabled||ke.type==="week")return;const ce=z(Ce,pe);if(r.selectionMode==="range")!r.rangeState.selecting||!r.minDate?(n("pick",{minDate:ce,maxDate:null}),n("select",!0)):(ce>=r.minDate?n("pick",{minDate:r.minDate,maxDate:ce}):n("pick",{minDate:ce,maxDate:r.minDate}),n("select",!1));else if(r.selectionMode==="date")n("pick",ce,ae);else if(r.selectionMode==="week"){const ee=ce.week(),ve=`${ce.year()}w${ee}`;n("pick",{year:ce.year(),week:ee,value:ve,date:ce.startOf("week")})}else if(r.selectionMode==="dates"){const ee=ke.selected?Kl(r.parsedValue).filter(ve=>(ve==null?void 0:ve.valueOf())!==ce.valueOf()):Kl(r.parsedValue).concat([ce]);n("pick",ee)}},W=G=>{if(r.selectionMode!=="week")return!1;let ae=r.date.startOf("day");if(G.type==="prev-month"&&(ae=ae.subtract(1,"month")),G.type==="next-month"&&(ae=ae.add(1,"month")),ae=ae.date(Number.parseInt(G.text,10)),r.parsedValue&&!Array.isArray(r.parsedValue)){const me=(r.parsedValue.day()-h+7)%7-1;return r.parsedValue.subtract(me,"day").isSame(ae,"day")}return!1};return t({focus:R}),(G,ae)=>(P(),H("table",{role:"grid","aria-label":c(a)("el.datepicker.dateTablePrompt"),cellspacing:"0",cellpadding:"0",class:F([c(o).b(),{"is-week-mode":G.selectionMode==="week"}]),onClick:U,onMousemove:Y,onMousedown:pt(j,["prevent"]),onMouseup:N},[q("tbody",{ref_key:"tbodyRef",ref:s},[q("tr",null,[G.showWeekNumber?(P(),H("th",h2e,Ae(c(a)("el.datepicker.week")),1)):se("v-if",!0),(P(!0),H(Ue,null,xt(c(y),(me,Ce)=>(P(),H("th",{key:Ce,scope:"col","aria-label":c(a)("el.datepicker.weeksFull."+me)},Ae(c(a)("el.datepicker.weeks."+me)),9,m2e))),128))]),(P(!0),H(Ue,null,xt(c(x),(me,Ce)=>(P(),H("tr",{key:Ce,class:F([c(o).e("row"),{current:W(me[1])}])},[(P(!0),H(Ue,null,xt(me,(pe,ke)=>(P(),H("td",{key:`${Ce}.${ke}`,ref_for:!0,ref:ce=>K(pe)&&(i.value=ce),class:F(B(pe)),"aria-current":pe.isCurrent?"date":void 0,"aria-selected":pe.isCurrent,tabindex:K(pe)?0:-1,onFocus:M},[Q(c(v2e),{cell:pe},null,8,["cell"])],42,g2e))),128))],2))),128))],512)],42,p2e))}});var u1=ze(b2e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/date-picker/src/date-picker-com/basic-date-table.vue"]]);const y2e=He({...Yw,selectionMode:rI("month")}),_2e=["aria-label"],w2e=["aria-selected","aria-label","tabindex","onKeydown"],C2e={class:"cell"},S2e=Z({__name:"basic-month-table",props:y2e,emits:["changerange","pick","select"],setup(e,{expose:t,emit:n}){const r=e,o=(C,k,$)=>{const O=At().locale($).startOf("month").month(k).year(C),x=O.daysInMonth();return Ls(x).map(R=>O.add(R,"day").toDate())},a=Ie("month-table"),{t:l,lang:s}=rn(),i=D(),u=D(),f=D(r.date.locale("en").localeData().monthsShort().map(C=>C.toLowerCase())),v=D([[],[],[]]),p=D(),h=D(),b=T(()=>{var C,k;const $=v.value,O=At().locale(s.value).startOf("month");for(let x=0;x<3;x++){const R=$[x];for(let V=0;V<4;V++){const A=R[V]||(R[V]={row:x,column:V,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1});A.type="normal";const I=x*4+V,B=r.date.startOf("year").month(I),z=r.rangeState.endDate||r.maxDate||r.rangeState.selecting&&r.minDate||null;A.inRange=!!(r.minDate&&B.isSameOrAfter(r.minDate,"month")&&z&&B.isSameOrBefore(z,"month"))||!!(r.minDate&&B.isSameOrBefore(r.minDate,"month")&&z&&B.isSameOrAfter(z,"month")),(C=r.minDate)!=null&&C.isSameOrAfter(z)?(A.start=!!(z&&B.isSame(z,"month")),A.end=r.minDate&&B.isSame(r.minDate,"month")):(A.start=!!(r.minDate&&B.isSame(r.minDate,"month")),A.end=!!(z&&B.isSame(z,"month"))),O.isSame(B)&&(A.type="today"),A.text=I,A.disabled=((k=r.disabledDate)==null?void 0:k.call(r,B.toDate()))||!1}}return $}),g=()=>{var C;(C=u.value)==null||C.focus()},_=C=>{const k={},$=r.date.year(),O=new Date,x=C.text;return k.disabled=r.disabledDate?o($,x,s.value).every(r.disabledDate):!1,k.current=Kl(r.parsedValue).findIndex(R=>At.isDayjs(R)&&R.year()===$&&R.month()===x)>=0,k.today=O.getFullYear()===$&&O.getMonth()===x,C.inRange&&(k["in-range"]=!0,C.start&&(k["start-date"]=!0),C.end&&(k["end-date"]=!0)),k},y=C=>{const k=r.date.year(),$=C.text;return Kl(r.date).findIndex(O=>O.year()===k&&O.month()===$)>=0},S=C=>{var k;if(!r.rangeState.selecting)return;let $=C.target;if($.tagName==="A"&&($=(k=$.parentNode)==null?void 0:k.parentNode),$.tagName==="DIV"&&($=$.parentNode),$.tagName!=="TD")return;const O=$.parentNode.rowIndex,x=$.cellIndex;b.value[O][x].disabled||(O!==p.value||x!==h.value)&&(p.value=O,h.value=x,n("changerange",{selecting:!0,endDate:r.date.startOf("year").month(O*4+x)}))},w=C=>{var k;const $=(k=C.target)==null?void 0:k.closest("td");if(($==null?void 0:$.tagName)!=="TD"||Va($,"disabled"))return;const O=$.cellIndex,R=$.parentNode.rowIndex*4+O,V=r.date.startOf("year").month(R);r.selectionMode==="range"?r.rangeState.selecting?(r.minDate&&V>=r.minDate?n("pick",{minDate:r.minDate,maxDate:V}):n("pick",{minDate:V,maxDate:r.minDate}),n("select",!1)):(n("pick",{minDate:V,maxDate:null}),n("select",!0)):n("pick",R)};return be(()=>r.date,async()=>{var C,k;(C=i.value)!=null&&C.contains(document.activeElement)&&(await tt(),(k=u.value)==null||k.focus())}),t({focus:g}),(C,k)=>(P(),H("table",{role:"grid","aria-label":c(l)("el.datepicker.monthTablePrompt"),class:F(c(a).b()),onClick:w,onMousemove:S},[q("tbody",{ref_key:"tbodyRef",ref:i},[(P(!0),H(Ue,null,xt(c(b),($,O)=>(P(),H("tr",{key:O},[(P(!0),H(Ue,null,xt($,(x,R)=>(P(),H("td",{key:R,ref_for:!0,ref:V=>y(x)&&(u.value=V),class:F(_(x)),"aria-selected":`${y(x)}`,"aria-label":c(l)(`el.datepicker.month${+x.text+1}`),tabindex:y(x)?0:-1,onKeydown:[tn(pt(w,["prevent","stop"]),["space"]),tn(pt(w,["prevent","stop"]),["enter"])]},[q("div",null,[q("span",C2e,Ae(c(l)("el.datepicker.months."+f.value[x.text])),1)])],42,w2e))),128))]))),128))],512)],42,_2e))}});var c1=ze(S2e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/date-picker/src/date-picker-com/basic-month-table.vue"]]);const{date:k2e,disabledDate:$2e,parsedValue:E2e}=Yw,T2e=He({date:k2e,disabledDate:$2e,parsedValue:E2e}),P2e=["aria-label"],O2e=["aria-selected","tabindex","onKeydown"],x2e={class:"cell"},A2e={key:1},I2e=Z({__name:"basic-year-table",props:T2e,emits:["pick"],setup(e,{expose:t,emit:n}){const r=e,o=(g,_)=>{const y=At(String(g)).locale(_).startOf("year"),w=y.endOf("year").dayOfYear();return Ls(w).map(C=>y.add(C,"day").toDate())},a=Ie("year-table"),{t:l,lang:s}=rn(),i=D(),u=D(),f=T(()=>Math.floor(r.date.year()/10)*10),v=()=>{var g;(g=u.value)==null||g.focus()},p=g=>{const _={},y=At().locale(s.value);return _.disabled=r.disabledDate?o(g,s.value).every(r.disabledDate):!1,_.current=Kl(r.parsedValue).findIndex(S=>S.year()===g)>=0,_.today=y.year()===g,_},h=g=>g===f.value&&r.date.year()f.value+9||Kl(r.date).findIndex(_=>_.year()===g)>=0,b=g=>{const y=g.target.closest("td");if(y&&y.textContent){if(Va(y,"disabled"))return;const S=y.textContent||y.innerText;n("pick",Number(S))}};return be(()=>r.date,async()=>{var g,_;(g=i.value)!=null&&g.contains(document.activeElement)&&(await tt(),(_=u.value)==null||_.focus())}),t({focus:v}),(g,_)=>(P(),H("table",{role:"grid","aria-label":c(l)("el.datepicker.yearTablePrompt"),class:F(c(a).b()),onClick:b},[q("tbody",{ref_key:"tbodyRef",ref:i},[(P(),H(Ue,null,xt(3,(y,S)=>q("tr",{key:S},[(P(),H(Ue,null,xt(4,(w,C)=>(P(),H(Ue,{key:S+"_"+C},[S*4+C<10?(P(),H("td",{key:0,ref_for:!0,ref:k=>h(c(f)+S*4+C)&&(u.value=k),class:F(["available",p(c(f)+S*4+C)]),"aria-selected":`${h(c(f)+S*4+C)}`,tabindex:h(c(f)+S*4+C)?0:-1,onKeydown:[tn(pt(b,["prevent","stop"]),["space"]),tn(pt(b,["prevent","stop"]),["enter"])]},[q("span",x2e,Ae(c(f)+S*4+C),1)],42,O2e)):(P(),H("td",A2e))],64))),64))])),64))],512)],10,P2e))}});var M2e=ze(I2e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/date-picker/src/date-picker-com/basic-year-table.vue"]]);const N2e=["onClick"],R2e=["aria-label"],F2e=["aria-label"],L2e=["aria-label"],D2e=["aria-label"],B2e=Z({__name:"panel-date-pick",props:u2e,emits:["pick","set-picker-option","panel-change"],setup(e,{emit:t}){const n=e,r=(Ne,Fe,we)=>!0,o=Ie("picker-panel"),a=Ie("date-picker"),l=Lc(),s=Vr(),{t:i,lang:u}=rn(),f=Ge("EP_PICKER_BASE"),v=Ge(Eg),{shortcuts:p,disabledDate:h,cellClassName:b,defaultTime:g,arrowControl:_}=f.props,y=Nn(f.props,"defaultValue"),S=D(),w=D(At().locale(u.value)),C=D(!1),k=T(()=>At(g).locale(u.value)),$=T(()=>w.value.month()),O=T(()=>w.value.year()),x=D([]),R=D(null),V=D(null),A=Ne=>x.value.length>0?r(Ne,x.value,n.format||"HH:mm:ss"):!0,I=Ne=>g&&!ne.value&&!C.value?k.value.year(Ne.year()).month(Ne.month()).date(Ne.date()):pe.value?Ne.millisecond(0):Ne.startOf("day"),B=(Ne,...Fe)=>{if(!Ne)t("pick",Ne,...Fe);else if(et(Ne)){const we=Ne.map(I);t("pick",we,...Fe)}else t("pick",I(Ne),...Fe);R.value=null,V.value=null,C.value=!1},z=(Ne,Fe)=>{if(U.value==="date"){Ne=Ne;let we=n.parsedValue?n.parsedValue.year(Ne.year()).month(Ne.month()).date(Ne.date()):Ne;A(we)||(we=x.value[0][0].year(Ne.year()).month(Ne.month()).date(Ne.date())),w.value=we,B(we,pe.value||Fe)}else U.value==="week"?B(Ne.date):U.value==="dates"&&B(Ne,!0)},Y=Ne=>{const Fe=Ne?"add":"subtract";w.value=w.value[Fe](1,"month"),dt("month")},K=Ne=>{const Fe=w.value,we=Ne?"add":"subtract";w.value=M.value==="year"?Fe[we](10,"year"):Fe[we](1,"year"),dt("year")},M=D("date"),j=T(()=>{const Ne=i("el.datepicker.year");if(M.value==="year"){const Fe=Math.floor(O.value/10)*10;return Ne?`${Fe} ${Ne} - ${Fe+9} ${Ne}`:`${Fe} - ${Fe+9}`}return`${O.value} ${Ne}`}),N=Ne=>{const Fe=ht(Ne.value)?Ne.value():Ne.value;if(Fe){B(At(Fe).locale(u.value));return}Ne.onClick&&Ne.onClick({attrs:l,slots:s,emit:t})},U=T(()=>{const{type:Ne}=n;return["week","month","year","dates"].includes(Ne)?Ne:"date"}),W=T(()=>U.value==="date"?M.value:U.value),G=T(()=>!!p.length),ae=async Ne=>{w.value=w.value.startOf("month").month(Ne),U.value==="month"?B(w.value,!1):(M.value="date",["month","year","date","week"].includes(U.value)&&(B(w.value,!0),await tt(),Xe())),dt("month")},me=async Ne=>{U.value==="year"?(w.value=w.value.startOf("year").year(Ne),B(w.value,!1)):(w.value=w.value.year(Ne),M.value="month",["month","year","date","week"].includes(U.value)&&(B(w.value,!0),await tt(),Xe())),dt("year")},Ce=async Ne=>{M.value=Ne,await tt(),Xe()},pe=T(()=>n.type==="datetime"||n.type==="datetimerange"),ke=T(()=>pe.value||U.value==="dates"),ce=()=>{if(U.value==="dates")B(n.parsedValue);else{let Ne=n.parsedValue;if(!Ne){const Fe=At(g).locale(u.value),we=$e();Ne=Fe.year(we.year()).month(we.month()).date(we.date())}w.value=Ne,B(Ne)}},ee=()=>{const Fe=At().locale(u.value).toDate();C.value=!0,(!h||!h(Fe))&&A(Fe)&&(w.value=At().locale(u.value),B(w.value))},ve=T(()=>lA(n.format)),Be=T(()=>aA(n.format)),ne=T(()=>{if(V.value)return V.value;if(!(!n.parsedValue&&!y.value))return(n.parsedValue||w.value).format(ve.value)}),ie=T(()=>{if(R.value)return R.value;if(!(!n.parsedValue&&!y.value))return(n.parsedValue||w.value).format(Be.value)}),ye=D(!1),Oe=()=>{ye.value=!0},je=()=>{ye.value=!1},_e=Ne=>({hour:Ne.hour(),minute:Ne.minute(),second:Ne.second(),year:Ne.year(),month:Ne.month(),date:Ne.date()}),Ve=(Ne,Fe,we)=>{const{hour:le,minute:fe,second:Re}=_e(Ne),We=n.parsedValue?n.parsedValue.hour(le).minute(fe).second(Re):Ne;w.value=We,B(w.value,!0),we||(ye.value=Fe)},Te=Ne=>{const Fe=At(Ne,ve.value).locale(u.value);if(Fe.isValid()&&A(Fe)){const{year:we,month:le,date:fe}=_e(w.value);w.value=Fe.year(we).month(le).date(fe),V.value=null,ye.value=!1,B(w.value,!0)}},Le=Ne=>{const Fe=At(Ne,Be.value).locale(u.value);if(Fe.isValid()){if(h&&h(Fe.toDate()))return;const{hour:we,minute:le,second:fe}=_e(w.value);w.value=Fe.hour(we).minute(le).second(fe),R.value=null,B(w.value,!0)}},Ee=Ne=>At.isDayjs(Ne)&&Ne.isValid()&&(h?!h(Ne.toDate()):!0),Ze=Ne=>U.value==="dates"?Ne.map(Fe=>Fe.format(n.format)):Ne.format(n.format),Ye=Ne=>At(Ne,n.format).locale(u.value),$e=()=>{const Ne=At(y.value).locale(u.value);if(!y.value){const Fe=k.value;return At().hour(Fe.hour()).minute(Fe.minute()).second(Fe.second()).locale(u.value)}return Ne},Xe=async()=>{var Ne;["week","month","year","date"].includes(U.value)&&((Ne=S.value)==null||Ne.focus(),U.value==="week"&&Et(ut.down))},ft=Ne=>{const{code:Fe}=Ne;[ut.up,ut.down,ut.left,ut.right,ut.home,ut.end,ut.pageUp,ut.pageDown].includes(Fe)&&(Et(Fe),Ne.stopPropagation(),Ne.preventDefault()),[ut.enter,ut.space,ut.numpadEnter].includes(Fe)&&R.value===null&&V.value===null&&(Ne.preventDefault(),B(w.value,!1))},Et=Ne=>{var Fe;const{up:we,down:le,left:fe,right:Re,home:We,end:ct,pageUp:xe,pageDown:Je}=ut,Tt={year:{[we]:-4,[le]:4,[fe]:-1,[Re]:1,offset:(Kt,sn)=>Kt.setFullYear(Kt.getFullYear()+sn)},month:{[we]:-4,[le]:4,[fe]:-1,[Re]:1,offset:(Kt,sn)=>Kt.setMonth(Kt.getMonth()+sn)},week:{[we]:-1,[le]:1,[fe]:-1,[Re]:1,offset:(Kt,sn)=>Kt.setDate(Kt.getDate()+sn*7)},date:{[we]:-7,[le]:7,[fe]:-1,[Re]:1,[We]:Kt=>-Kt.getDay(),[ct]:Kt=>-Kt.getDay()+6,[xe]:Kt=>-new Date(Kt.getFullYear(),Kt.getMonth(),0).getDate(),[Je]:Kt=>new Date(Kt.getFullYear(),Kt.getMonth()+1,0).getDate(),offset:(Kt,sn)=>Kt.setDate(Kt.getDate()+sn)}},Lt=w.value.toDate();for(;Math.abs(w.value.diff(Lt,"year",!0))<1;){const Kt=Tt[W.value];if(!Kt)return;if(Kt.offset(Lt,ht(Kt[Ne])?Kt[Ne](Lt):(Fe=Kt[Ne])!=null?Fe:0),h&&h(Lt))break;const sn=At(Lt).locale(u.value);w.value=sn,t("pick",sn,!0);break}},dt=Ne=>{t("panel-change",w.value.toDate(),Ne,M.value)};return be(()=>U.value,Ne=>{if(["month","year"].includes(Ne)){M.value=Ne;return}M.value="date"},{immediate:!0}),be(()=>M.value,()=>{v==null||v.updatePopper()}),be(()=>y.value,Ne=>{Ne&&(w.value=$e())},{immediate:!0}),be(()=>n.parsedValue,Ne=>{if(Ne){if(U.value==="dates"||Array.isArray(Ne))return;w.value=Ne}else w.value=$e()},{immediate:!0}),t("set-picker-option",["isValidValue",Ee]),t("set-picker-option",["formatToString",Ze]),t("set-picker-option",["parseUserInput",Ye]),t("set-picker-option",["handleFocusPicker",Xe]),(Ne,Fe)=>(P(),H("div",{class:F([c(o).b(),c(a).b(),{"has-sidebar":Ne.$slots.sidebar||c(G),"has-time":c(pe)}])},[q("div",{class:F(c(o).e("body-wrapper"))},[de(Ne.$slots,"sidebar",{class:F(c(o).e("sidebar"))}),c(G)?(P(),H("div",{key:0,class:F(c(o).e("sidebar"))},[(P(!0),H(Ue,null,xt(c(p),(we,le)=>(P(),H("button",{key:le,type:"button",class:F(c(o).e("shortcut")),onClick:fe=>N(we)},Ae(we.text),11,N2e))),128))],2)):se("v-if",!0),q("div",{class:F(c(o).e("body"))},[c(pe)?(P(),H("div",{key:0,class:F(c(a).e("time-header"))},[q("span",{class:F(c(a).e("editor-wrap"))},[Q(c(vr),{placeholder:c(i)("el.datepicker.selectDate"),"model-value":c(ie),size:"small","validate-event":!1,onInput:Fe[0]||(Fe[0]=we=>R.value=we),onChange:Le},null,8,["placeholder","model-value"])],2),Ot((P(),H("span",{class:F(c(a).e("editor-wrap"))},[Q(c(vr),{placeholder:c(i)("el.datepicker.selectTime"),"model-value":c(ne),size:"small","validate-event":!1,onFocus:Oe,onInput:Fe[1]||(Fe[1]=we=>V.value=we),onChange:Te},null,8,["placeholder","model-value"]),Q(c(om),{visible:ye.value,format:c(ve),"time-arrow-control":c(_),"parsed-value":w.value,onPick:Ve},null,8,["visible","format","time-arrow-control","parsed-value"])],2)),[[c(qs),je]])],2)):se("v-if",!0),Ot(q("div",{class:F([c(a).e("header"),(M.value==="year"||M.value==="month")&&c(a).e("header--bordered")])},[q("span",{class:F(c(a).e("prev-btn"))},[q("button",{type:"button","aria-label":c(i)("el.datepicker.prevYear"),class:F(["d-arrow-left",c(o).e("icon-btn")]),onClick:Fe[2]||(Fe[2]=we=>K(!1))},[Q(c(at),null,{default:re(()=>[Q(c(gc))]),_:1})],10,R2e),Ot(q("button",{type:"button","aria-label":c(i)("el.datepicker.prevMonth"),class:F([c(o).e("icon-btn"),"arrow-left"]),onClick:Fe[3]||(Fe[3]=we=>Y(!1))},[Q(c(at),null,{default:re(()=>[Q(c(zs))]),_:1})],10,F2e),[[on,M.value==="date"]])],2),q("span",{role:"button",class:F(c(a).e("header-label")),"aria-live":"polite",tabindex:"0",onKeydown:Fe[4]||(Fe[4]=tn(we=>Ce("year"),["enter"])),onClick:Fe[5]||(Fe[5]=we=>Ce("year"))},Ae(c(j)),35),Ot(q("span",{role:"button","aria-live":"polite",tabindex:"0",class:F([c(a).e("header-label"),{active:M.value==="month"}]),onKeydown:Fe[6]||(Fe[6]=tn(we=>Ce("month"),["enter"])),onClick:Fe[7]||(Fe[7]=we=>Ce("month"))},Ae(c(i)(`el.datepicker.month${c($)+1}`)),35),[[on,M.value==="date"]]),q("span",{class:F(c(a).e("next-btn"))},[Ot(q("button",{type:"button","aria-label":c(i)("el.datepicker.nextMonth"),class:F([c(o).e("icon-btn"),"arrow-right"]),onClick:Fe[8]||(Fe[8]=we=>Y(!0))},[Q(c(at),null,{default:re(()=>[Q(c(io))]),_:1})],10,L2e),[[on,M.value==="date"]]),q("button",{type:"button","aria-label":c(i)("el.datepicker.nextYear"),class:F([c(o).e("icon-btn"),"d-arrow-right"]),onClick:Fe[9]||(Fe[9]=we=>K(!0))},[Q(c(at),null,{default:re(()=>[Q(c(bc))]),_:1})],10,D2e)],2)],2),[[on,M.value!=="time"]]),q("div",{class:F(c(o).e("content")),onKeydown:ft},[M.value==="date"?(P(),ue(u1,{key:0,ref_key:"currentViewRef",ref:S,"selection-mode":c(U),date:w.value,"parsed-value":Ne.parsedValue,"disabled-date":c(h),"cell-class-name":c(b),onPick:z},null,8,["selection-mode","date","parsed-value","disabled-date","cell-class-name"])):se("v-if",!0),M.value==="year"?(P(),ue(M2e,{key:1,ref_key:"currentViewRef",ref:S,date:w.value,"disabled-date":c(h),"parsed-value":Ne.parsedValue,onPick:me},null,8,["date","disabled-date","parsed-value"])):se("v-if",!0),M.value==="month"?(P(),ue(c1,{key:2,ref_key:"currentViewRef",ref:S,date:w.value,"parsed-value":Ne.parsedValue,"disabled-date":c(h),onPick:ae},null,8,["date","parsed-value","disabled-date"])):se("v-if",!0)],34)],2)],2),Ot(q("div",{class:F(c(o).e("footer"))},[Ot(Q(c(Fr),{text:"",size:"small",class:F(c(o).e("link-btn")),onClick:ee},{default:re(()=>[Ht(Ae(c(i)("el.datepicker.now")),1)]),_:1},8,["class"]),[[on,c(U)!=="dates"]]),Q(c(Fr),{plain:"",size:"small",class:F(c(o).e("link-btn")),onClick:ce},{default:re(()=>[Ht(Ae(c(i)("el.datepicker.confirm")),1)]),_:1},8,["class"])],2),[[on,c(ke)&&M.value==="date"]])],2))}});var V2e=ze(B2e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue"]]);const j2e=He({...tI,...nI}),z2e=e=>{const{emit:t}=vt(),n=Lc(),r=Vr();return a=>{const l=ht(a.value)?a.value():a.value;if(l){t("pick",[At(l[0]).locale(e.value),At(l[1]).locale(e.value)]);return}a.onClick&&a.onClick({attrs:n,slots:r,emit:t})}},aI=(e,{defaultValue:t,leftDate:n,rightDate:r,unit:o,onParsedValueChanged:a})=>{const{emit:l}=vt(),{pickerNs:s}=Ge(Gw),i=Ie("date-range-picker"),{t:u,lang:f}=rn(),v=z2e(f),p=D(),h=D(),b=D({endDate:null,selecting:!1}),g=w=>{b.value=w},_=(w=!1)=>{const C=c(p),k=c(h);i1([C,k])&&l("pick",[C,k],w)},y=w=>{b.value.selecting=w,w||(b.value.endDate=null)},S=()=>{const[w,C]=oI(c(t),{lang:c(f),unit:o,unlinkPanels:e.unlinkPanels});p.value=void 0,h.value=void 0,n.value=w,r.value=C};return be(t,w=>{w&&S()},{immediate:!0}),be(()=>e.parsedValue,w=>{if(et(w)&&w.length===2){const[C,k]=w;p.value=C,n.value=C,h.value=k,a(c(p),c(h))}else S()},{immediate:!0}),{minDate:p,maxDate:h,rangeState:b,lang:f,ppNs:s,drpNs:i,handleChangeRange:g,handleRangeConfirm:_,handleShortcutClick:v,onSelect:y,t:u}},H2e=["onClick"],K2e=["disabled"],W2e=["disabled"],U2e=["disabled"],q2e=["disabled"],zp="month",G2e=Z({__name:"panel-date-range",props:j2e,emits:["pick","set-picker-option","calendar-change","panel-change"],setup(e,{emit:t}){const n=e,r=Ge("EP_PICKER_BASE"),{disabledDate:o,cellClassName:a,format:l,defaultTime:s,arrowControl:i,clearable:u}=r.props,f=Nn(r.props,"shortcuts"),v=Nn(r.props,"defaultValue"),{lang:p}=rn(),h=D(At().locale(p.value)),b=D(At().locale(p.value).add(1,zp)),{minDate:g,maxDate:_,rangeState:y,ppNs:S,drpNs:w,handleChangeRange:C,handleRangeConfirm:k,handleShortcutClick:$,onSelect:O,t:x}=aI(n,{defaultValue:v,leftDate:h,rightDate:b,unit:zp,onParsedValueChanged:le}),R=D({min:null,max:null}),V=D({min:null,max:null}),A=T(()=>`${h.value.year()} ${x("el.datepicker.year")} ${x(`el.datepicker.month${h.value.month()+1}`)}`),I=T(()=>`${b.value.year()} ${x("el.datepicker.year")} ${x(`el.datepicker.month${b.value.month()+1}`)}`),B=T(()=>h.value.year()),z=T(()=>h.value.month()),Y=T(()=>b.value.year()),K=T(()=>b.value.month()),M=T(()=>!!f.value.length),j=T(()=>R.value.min!==null?R.value.min:g.value?g.value.format(ae.value):""),N=T(()=>R.value.max!==null?R.value.max:_.value||g.value?(_.value||g.value).format(ae.value):""),U=T(()=>V.value.min!==null?V.value.min:g.value?g.value.format(G.value):""),W=T(()=>V.value.max!==null?V.value.max:_.value||g.value?(_.value||g.value).format(G.value):""),G=T(()=>lA(l)),ae=T(()=>aA(l)),me=()=>{h.value=h.value.subtract(1,"year"),n.unlinkPanels||(b.value=h.value.add(1,"month")),ne("year")},Ce=()=>{h.value=h.value.subtract(1,"month"),n.unlinkPanels||(b.value=h.value.add(1,"month")),ne("month")},pe=()=>{n.unlinkPanels?b.value=b.value.add(1,"year"):(h.value=h.value.add(1,"year"),b.value=h.value.add(1,"month")),ne("year")},ke=()=>{n.unlinkPanels?b.value=b.value.add(1,"month"):(h.value=h.value.add(1,"month"),b.value=h.value.add(1,"month")),ne("month")},ce=()=>{h.value=h.value.add(1,"year"),ne("year")},ee=()=>{h.value=h.value.add(1,"month"),ne("month")},ve=()=>{b.value=b.value.subtract(1,"year"),ne("year")},Be=()=>{b.value=b.value.subtract(1,"month"),ne("month")},ne=fe=>{t("panel-change",[h.value.toDate(),b.value.toDate()],fe)},ie=T(()=>{const fe=(z.value+1)%12,Re=z.value+1>=12?1:0;return n.unlinkPanels&&new Date(B.value+Re,fe)n.unlinkPanels&&Y.value*12+K.value-(B.value*12+z.value+1)>=12),Oe=T(()=>!(g.value&&_.value&&!y.value.selecting&&i1([g.value,_.value]))),je=T(()=>n.type==="datetime"||n.type==="datetimerange"),_e=(fe,Re)=>{if(!!fe)return s?At(s[Re]||s).locale(p.value).year(fe.year()).month(fe.month()).date(fe.date()):fe},Ve=(fe,Re=!0)=>{const We=fe.minDate,ct=fe.maxDate,xe=_e(We,0),Je=_e(ct,1);_.value===Je&&g.value===xe||(t("calendar-change",[We.toDate(),ct&&ct.toDate()]),_.value=Je,g.value=xe,!(!Re||je.value)&&k())},Te=D(!1),Le=D(!1),Ee=()=>{Te.value=!1},Ze=()=>{Le.value=!1},Ye=(fe,Re)=>{R.value[Re]=fe;const We=At(fe,ae.value).locale(p.value);if(We.isValid()){if(o&&o(We.toDate()))return;Re==="min"?(h.value=We,g.value=(g.value||h.value).year(We.year()).month(We.month()).date(We.date()),n.unlinkPanels||(b.value=We.add(1,"month"),_.value=g.value.add(1,"month"))):(b.value=We,_.value=(_.value||b.value).year(We.year()).month(We.month()).date(We.date()),n.unlinkPanels||(h.value=We.subtract(1,"month"),g.value=_.value.subtract(1,"month")))}},$e=(fe,Re)=>{R.value[Re]=null},Xe=(fe,Re)=>{V.value[Re]=fe;const We=At(fe,G.value).locale(p.value);We.isValid()&&(Re==="min"?(Te.value=!0,g.value=(g.value||h.value).hour(We.hour()).minute(We.minute()).second(We.second()),(!_.value||_.value.isBefore(g.value))&&(_.value=g.value)):(Le.value=!0,_.value=(_.value||b.value).hour(We.hour()).minute(We.minute()).second(We.second()),b.value=_.value,_.value&&_.value.isBefore(g.value)&&(g.value=_.value)))},ft=(fe,Re)=>{V.value[Re]=null,Re==="min"?(h.value=g.value,Te.value=!1):(b.value=_.value,Le.value=!1)},Et=(fe,Re,We)=>{V.value.min||(fe&&(h.value=fe,g.value=(g.value||h.value).hour(fe.hour()).minute(fe.minute()).second(fe.second())),We||(Te.value=Re),(!_.value||_.value.isBefore(g.value))&&(_.value=g.value,b.value=fe))},dt=(fe,Re,We)=>{V.value.max||(fe&&(b.value=fe,_.value=(_.value||b.value).hour(fe.hour()).minute(fe.minute()).second(fe.second())),We||(Le.value=Re),_.value&&_.value.isBefore(g.value)&&(g.value=_.value))},Ne=()=>{h.value=oI(c(v),{lang:c(p),unit:"month",unlinkPanels:n.unlinkPanels})[0],b.value=h.value.add(1,"month"),t("pick",null)},Fe=fe=>et(fe)?fe.map(Re=>Re.format(l)):fe.format(l),we=fe=>et(fe)?fe.map(Re=>At(Re,l).locale(p.value)):At(fe,l).locale(p.value);function le(fe,Re){if(n.unlinkPanels&&Re){const We=(fe==null?void 0:fe.year())||0,ct=(fe==null?void 0:fe.month())||0,xe=Re.year(),Je=Re.month();b.value=We===xe&&ct===Je?Re.add(1,zp):Re}else b.value=h.value.add(1,zp),Re&&(b.value=b.value.hour(Re.hour()).minute(Re.minute()).second(Re.second()))}return t("set-picker-option",["isValidValue",i1]),t("set-picker-option",["parseUserInput",we]),t("set-picker-option",["formatToString",Fe]),t("set-picker-option",["handleClear",Ne]),(fe,Re)=>(P(),H("div",{class:F([c(S).b(),c(w).b(),{"has-sidebar":fe.$slots.sidebar||c(M),"has-time":c(je)}])},[q("div",{class:F(c(S).e("body-wrapper"))},[de(fe.$slots,"sidebar",{class:F(c(S).e("sidebar"))}),c(M)?(P(),H("div",{key:0,class:F(c(S).e("sidebar"))},[(P(!0),H(Ue,null,xt(c(f),(We,ct)=>(P(),H("button",{key:ct,type:"button",class:F(c(S).e("shortcut")),onClick:xe=>c($)(We)},Ae(We.text),11,H2e))),128))],2)):se("v-if",!0),q("div",{class:F(c(S).e("body"))},[c(je)?(P(),H("div",{key:0,class:F(c(w).e("time-header"))},[q("span",{class:F(c(w).e("editors-wrap"))},[q("span",{class:F(c(w).e("time-picker-wrap"))},[Q(c(vr),{size:"small",disabled:c(y).selecting,placeholder:c(x)("el.datepicker.startDate"),class:F(c(w).e("editor")),"model-value":c(j),"validate-event":!1,onInput:Re[0]||(Re[0]=We=>Ye(We,"min")),onChange:Re[1]||(Re[1]=We=>$e(We,"min"))},null,8,["disabled","placeholder","class","model-value"])],2),Ot((P(),H("span",{class:F(c(w).e("time-picker-wrap"))},[Q(c(vr),{size:"small",class:F(c(w).e("editor")),disabled:c(y).selecting,placeholder:c(x)("el.datepicker.startTime"),"model-value":c(U),"validate-event":!1,onFocus:Re[2]||(Re[2]=We=>Te.value=!0),onInput:Re[3]||(Re[3]=We=>Xe(We,"min")),onChange:Re[4]||(Re[4]=We=>ft(We,"min"))},null,8,["class","disabled","placeholder","model-value"]),Q(c(om),{visible:Te.value,format:c(G),"datetime-role":"start","time-arrow-control":c(i),"parsed-value":h.value,onPick:Et},null,8,["visible","format","time-arrow-control","parsed-value"])],2)),[[c(qs),Ee]])],2),q("span",null,[Q(c(at),null,{default:re(()=>[Q(c(io))]),_:1})]),q("span",{class:F([c(w).e("editors-wrap"),"is-right"])},[q("span",{class:F(c(w).e("time-picker-wrap"))},[Q(c(vr),{size:"small",class:F(c(w).e("editor")),disabled:c(y).selecting,placeholder:c(x)("el.datepicker.endDate"),"model-value":c(N),readonly:!c(g),"validate-event":!1,onInput:Re[5]||(Re[5]=We=>Ye(We,"max")),onChange:Re[6]||(Re[6]=We=>$e(We,"max"))},null,8,["class","disabled","placeholder","model-value","readonly"])],2),Ot((P(),H("span",{class:F(c(w).e("time-picker-wrap"))},[Q(c(vr),{size:"small",class:F(c(w).e("editor")),disabled:c(y).selecting,placeholder:c(x)("el.datepicker.endTime"),"model-value":c(W),readonly:!c(g),"validate-event":!1,onFocus:Re[7]||(Re[7]=We=>c(g)&&(Le.value=!0)),onInput:Re[8]||(Re[8]=We=>Xe(We,"max")),onChange:Re[9]||(Re[9]=We=>ft(We,"max"))},null,8,["class","disabled","placeholder","model-value","readonly"]),Q(c(om),{"datetime-role":"end",visible:Le.value,format:c(G),"time-arrow-control":c(i),"parsed-value":b.value,onPick:dt},null,8,["visible","format","time-arrow-control","parsed-value"])],2)),[[c(qs),Ze]])],2)],2)):se("v-if",!0),q("div",{class:F([[c(S).e("content"),c(w).e("content")],"is-left"])},[q("div",{class:F(c(w).e("header"))},[q("button",{type:"button",class:F([c(S).e("icon-btn"),"d-arrow-left"]),onClick:me},[Q(c(at),null,{default:re(()=>[Q(c(gc))]),_:1})],2),q("button",{type:"button",class:F([c(S).e("icon-btn"),"arrow-left"]),onClick:Ce},[Q(c(at),null,{default:re(()=>[Q(c(zs))]),_:1})],2),fe.unlinkPanels?(P(),H("button",{key:0,type:"button",disabled:!c(ye),class:F([[c(S).e("icon-btn"),{"is-disabled":!c(ye)}],"d-arrow-right"]),onClick:ce},[Q(c(at),null,{default:re(()=>[Q(c(bc))]),_:1})],10,K2e)):se("v-if",!0),fe.unlinkPanels?(P(),H("button",{key:1,type:"button",disabled:!c(ie),class:F([[c(S).e("icon-btn"),{"is-disabled":!c(ie)}],"arrow-right"]),onClick:ee},[Q(c(at),null,{default:re(()=>[Q(c(io))]),_:1})],10,W2e)):se("v-if",!0),q("div",null,Ae(c(A)),1)],2),Q(u1,{"selection-mode":"range",date:h.value,"min-date":c(g),"max-date":c(_),"range-state":c(y),"disabled-date":c(o),"cell-class-name":c(a),onChangerange:c(C),onPick:Ve,onSelect:c(O)},null,8,["date","min-date","max-date","range-state","disabled-date","cell-class-name","onChangerange","onSelect"])],2),q("div",{class:F([[c(S).e("content"),c(w).e("content")],"is-right"])},[q("div",{class:F(c(w).e("header"))},[fe.unlinkPanels?(P(),H("button",{key:0,type:"button",disabled:!c(ye),class:F([[c(S).e("icon-btn"),{"is-disabled":!c(ye)}],"d-arrow-left"]),onClick:ve},[Q(c(at),null,{default:re(()=>[Q(c(gc))]),_:1})],10,U2e)):se("v-if",!0),fe.unlinkPanels?(P(),H("button",{key:1,type:"button",disabled:!c(ie),class:F([[c(S).e("icon-btn"),{"is-disabled":!c(ie)}],"arrow-left"]),onClick:Be},[Q(c(at),null,{default:re(()=>[Q(c(zs))]),_:1})],10,q2e)):se("v-if",!0),q("button",{type:"button",class:F([c(S).e("icon-btn"),"d-arrow-right"]),onClick:pe},[Q(c(at),null,{default:re(()=>[Q(c(bc))]),_:1})],2),q("button",{type:"button",class:F([c(S).e("icon-btn"),"arrow-right"]),onClick:ke},[Q(c(at),null,{default:re(()=>[Q(c(io))]),_:1})],2),q("div",null,Ae(c(I)),1)],2),Q(u1,{"selection-mode":"range",date:b.value,"min-date":c(g),"max-date":c(_),"range-state":c(y),"disabled-date":c(o),"cell-class-name":c(a),onChangerange:c(C),onPick:Ve,onSelect:c(O)},null,8,["date","min-date","max-date","range-state","disabled-date","cell-class-name","onChangerange","onSelect"])],2)],2)],2),c(je)?(P(),H("div",{key:0,class:F(c(S).e("footer"))},[c(u)?(P(),ue(c(Fr),{key:0,text:"",size:"small",class:F(c(S).e("link-btn")),onClick:Ne},{default:re(()=>[Ht(Ae(c(x)("el.datepicker.clear")),1)]),_:1},8,["class"])):se("v-if",!0),Q(c(Fr),{plain:"",size:"small",class:F(c(S).e("link-btn")),disabled:c(Oe),onClick:Re[10]||(Re[10]=We=>c(k)(!1))},{default:re(()=>[Ht(Ae(c(x)("el.datepicker.confirm")),1)]),_:1},8,["class","disabled"])],2)):se("v-if",!0)],2))}});var Y2e=ze(G2e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/date-picker/src/date-picker-com/panel-date-range.vue"]]);const X2e=He({...nI}),Z2e=["pick","set-picker-option"],Q2e=({unlinkPanels:e,leftDate:t,rightDate:n})=>{const{t:r}=rn(),o=()=>{t.value=t.value.subtract(1,"year"),e.value||(n.value=n.value.subtract(1,"year"))},a=()=>{e.value||(t.value=t.value.add(1,"year")),n.value=n.value.add(1,"year")},l=()=>{t.value=t.value.add(1,"year")},s=()=>{n.value=n.value.subtract(1,"year")},i=T(()=>`${t.value.year()} ${r("el.datepicker.year")}`),u=T(()=>`${n.value.year()} ${r("el.datepicker.year")}`),f=T(()=>t.value.year()),v=T(()=>n.value.year()===t.value.year()?t.value.year()+1:n.value.year());return{leftPrevYear:o,rightNextYear:a,leftNextYear:l,rightPrevYear:s,leftLabel:i,rightLabel:u,leftYear:f,rightYear:v}},J2e=["onClick"],eCe=["disabled"],tCe=["disabled"],Hp="year",nCe=Z({name:"DatePickerMonthRange"}),rCe=Z({...nCe,props:X2e,emits:Z2e,setup(e,{emit:t}){const n=e,{lang:r}=rn(),o=Ge("EP_PICKER_BASE"),{shortcuts:a,disabledDate:l,format:s}=o.props,i=Nn(o.props,"defaultValue"),u=D(At().locale(r.value)),f=D(At().locale(r.value).add(1,Hp)),{minDate:v,maxDate:p,rangeState:h,ppNs:b,drpNs:g,handleChangeRange:_,handleRangeConfirm:y,handleShortcutClick:S,onSelect:w}=aI(n,{defaultValue:i,leftDate:u,rightDate:f,unit:Hp,onParsedValueChanged:K}),C=T(()=>!!a.length),{leftPrevYear:k,rightNextYear:$,leftNextYear:O,rightPrevYear:x,leftLabel:R,rightLabel:V,leftYear:A,rightYear:I}=Q2e({unlinkPanels:Nn(n,"unlinkPanels"),leftDate:u,rightDate:f}),B=T(()=>n.unlinkPanels&&I.value>A.value+1),z=(M,j=!0)=>{const N=M.minDate,U=M.maxDate;p.value===U&&v.value===N||(p.value=U,v.value=N,j&&y())},Y=M=>M.map(j=>j.format(s));function K(M,j){if(n.unlinkPanels&&j){const N=(M==null?void 0:M.year())||0,U=j.year();f.value=N===U?j.add(1,Hp):j}else f.value=u.value.add(1,Hp)}return t("set-picker-option",["formatToString",Y]),(M,j)=>(P(),H("div",{class:F([c(b).b(),c(g).b(),{"has-sidebar":Boolean(M.$slots.sidebar)||c(C)}])},[q("div",{class:F(c(b).e("body-wrapper"))},[de(M.$slots,"sidebar",{class:F(c(b).e("sidebar"))}),c(C)?(P(),H("div",{key:0,class:F(c(b).e("sidebar"))},[(P(!0),H(Ue,null,xt(c(a),(N,U)=>(P(),H("button",{key:U,type:"button",class:F(c(b).e("shortcut")),onClick:W=>c(S)(N)},Ae(N.text),11,J2e))),128))],2)):se("v-if",!0),q("div",{class:F(c(b).e("body"))},[q("div",{class:F([[c(b).e("content"),c(g).e("content")],"is-left"])},[q("div",{class:F(c(g).e("header"))},[q("button",{type:"button",class:F([c(b).e("icon-btn"),"d-arrow-left"]),onClick:j[0]||(j[0]=(...N)=>c(k)&&c(k)(...N))},[Q(c(at),null,{default:re(()=>[Q(c(gc))]),_:1})],2),M.unlinkPanels?(P(),H("button",{key:0,type:"button",disabled:!c(B),class:F([[c(b).e("icon-btn"),{[c(b).is("disabled")]:!c(B)}],"d-arrow-right"]),onClick:j[1]||(j[1]=(...N)=>c(O)&&c(O)(...N))},[Q(c(at),null,{default:re(()=>[Q(c(bc))]),_:1})],10,eCe)):se("v-if",!0),q("div",null,Ae(c(R)),1)],2),Q(c1,{"selection-mode":"range",date:u.value,"min-date":c(v),"max-date":c(p),"range-state":c(h),"disabled-date":c(l),onChangerange:c(_),onPick:z,onSelect:c(w)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2),q("div",{class:F([[c(b).e("content"),c(g).e("content")],"is-right"])},[q("div",{class:F(c(g).e("header"))},[M.unlinkPanels?(P(),H("button",{key:0,type:"button",disabled:!c(B),class:F([[c(b).e("icon-btn"),{"is-disabled":!c(B)}],"d-arrow-left"]),onClick:j[2]||(j[2]=(...N)=>c(x)&&c(x)(...N))},[Q(c(at),null,{default:re(()=>[Q(c(gc))]),_:1})],10,tCe)):se("v-if",!0),q("button",{type:"button",class:F([c(b).e("icon-btn"),"d-arrow-right"]),onClick:j[3]||(j[3]=(...N)=>c($)&&c($)(...N))},[Q(c(at),null,{default:re(()=>[Q(c(bc))]),_:1})],2),q("div",null,Ae(c(V)),1)],2),Q(c1,{"selection-mode":"range",date:f.value,"min-date":c(v),"max-date":c(p),"range-state":c(h),"disabled-date":c(l),onChangerange:c(_),onPick:z,onSelect:c(w)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2)],2)],2)],2))}});var oCe=ze(rCe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/date-picker/src/date-picker-com/panel-month-range.vue"]]);const aCe=function(e){switch(e){case"daterange":case"datetimerange":return Y2e;case"monthrange":return oCe;default:return V2e}};At.extend(CA);At.extend(t2e);At.extend(Qm);At.extend(n2e);At.extend(r2e);At.extend(o2e);At.extend(a2e);At.extend(l2e);var lCe=Z({name:"ElDatePicker",install:null,props:s2e,emits:["update:modelValue"],setup(e,{expose:t,emit:n,slots:r}){const o=Ie("picker-panel");$t("ElPopperOptions",nn(Nn(e,"popperOptions"))),$t(Gw,{slots:r,pickerNs:o});const a=D();t({focus:(i=!0)=>{var u;(u=a.value)==null||u.focus(i)},handleOpen:()=>{var i;(i=a.value)==null||i.handleOpen()},handleClose:()=>{var i;(i=a.value)==null||i.handleClose()}});const s=i=>{n("update:modelValue",i)};return()=>{var i;const u=(i=e.format)!=null?i:oye[e.type]||Nu,f=aCe(e.type);return Q(uA,Ft(e,{format:u,type:e.type,ref:a,"onUpdate:modelValue":s}),{default:v=>Q(f,v,null),"range-separator":r["range-separator"]})}}});const yh=lCe;yh.install=e=>{e.component(yh.name,yh)};const yv=yh,Xw=Symbol("elDescriptions");var Od=Z({name:"ElDescriptionsCell",props:{cell:{type:Object},tag:{type:String},type:{type:String}},setup(){return{descriptions:Ge(Xw,{})}},render(){var e,t,n,r,o,a;const l=Jve(this.cell),{border:s,direction:i}=this.descriptions,u=i==="vertical",f=((n=(t=(e=this.cell)==null?void 0:e.children)==null?void 0:t.label)==null?void 0:n.call(t))||l.label,v=(a=(o=(r=this.cell)==null?void 0:r.children)==null?void 0:o.default)==null?void 0:a.call(o),p=l.span,h=l.align?`is-${l.align}`:"",b=l.labelAlign?`is-${l.labelAlign}`:h,g=l.className,_=l.labelClassName,y={width:or(l.width),minWidth:or(l.minWidth)},S=Ie("descriptions");switch(this.type){case"label":return st(this.tag,{style:y,class:[S.e("cell"),S.e("label"),S.is("bordered-label",s),S.is("vertical-label",u),b,_],colSpan:u?p:1},f);case"content":return st(this.tag,{style:y,class:[S.e("cell"),S.e("content"),S.is("bordered-content",s),S.is("vertical-content",u),h,g],colSpan:u?p:p*2-1},v);default:return st("td",{style:y,class:[S.e("cell"),h],colSpan:p},[br(f)?void 0:st("span",{class:[S.e("label"),_]},f),st("span",{class:[S.e("content"),g]},v)])}}});const sCe=He({row:{type:Array,default:()=>[]}}),iCe={key:1},uCe=Z({name:"ElDescriptionsRow"}),cCe=Z({...uCe,props:sCe,setup(e){const t=Ge(Xw,{});return(n,r)=>c(t).direction==="vertical"?(P(),H(Ue,{key:0},[q("tr",null,[(P(!0),H(Ue,null,xt(n.row,(o,a)=>(P(),ue(c(Od),{key:`tr1-${a}`,cell:o,tag:"th",type:"label"},null,8,["cell"]))),128))]),q("tr",null,[(P(!0),H(Ue,null,xt(n.row,(o,a)=>(P(),ue(c(Od),{key:`tr2-${a}`,cell:o,tag:"td",type:"content"},null,8,["cell"]))),128))])],64)):(P(),H("tr",iCe,[(P(!0),H(Ue,null,xt(n.row,(o,a)=>(P(),H(Ue,{key:`tr3-${a}`},[c(t).border?(P(),H(Ue,{key:0},[Q(c(Od),{cell:o,tag:"td",type:"label"},null,8,["cell"]),Q(c(Od),{cell:o,tag:"td",type:"content"},null,8,["cell"])],64)):(P(),ue(c(Od),{key:1,cell:o,tag:"td",type:"both"},null,8,["cell"]))],64))),128))]))}});var dCe=ze(cCe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/descriptions/src/descriptions-row.vue"]]);const fCe=He({border:{type:Boolean,default:!1},column:{type:Number,default:3},direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},size:qr,title:{type:String,default:""},extra:{type:String,default:""}}),vCe=Z({name:"ElDescriptions"}),pCe=Z({...vCe,props:fCe,setup(e){const t=e,n=Ie("descriptions"),r=Cr(),o=Vr();$t(Xw,t);const a=T(()=>[n.b(),n.m(r.value)]),l=(i,u,f,v=!1)=>(i.props||(i.props={}),u>f&&(i.props.span=f),v&&(i.props.span=u),i),s=()=>{var i;const u=Zu((i=o.default)==null?void 0:i.call(o)).filter(b=>{var g;return((g=b==null?void 0:b.type)==null?void 0:g.name)==="ElDescriptionsItem"}),f=[];let v=[],p=t.column,h=0;return u.forEach((b,g)=>{var _;const y=((_=b.props)==null?void 0:_.span)||1;if(gp?p:y),g===u.length-1){const S=t.column-h%t.column;v.push(l(b,S,p,!0)),f.push(v);return}y(P(),H("div",{class:F(c(a))},[i.title||i.extra||i.$slots.title||i.$slots.extra?(P(),H("div",{key:0,class:F(c(n).e("header"))},[q("div",{class:F(c(n).e("title"))},[de(i.$slots,"title",{},()=>[Ht(Ae(i.title),1)])],2),q("div",{class:F(c(n).e("extra"))},[de(i.$slots,"extra",{},()=>[Ht(Ae(i.extra),1)])],2)],2)):se("v-if",!0),q("div",{class:F(c(n).e("body"))},[q("table",{class:F([c(n).e("table"),c(n).is("bordered",i.border)])},[q("tbody",null,[(P(!0),H(Ue,null,xt(s(),(f,v)=>(P(),ue(dCe,{key:v,row:f},null,8,["row"]))),128))])],2)],2)],2))}});var hCe=ze(pCe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/descriptions/src/description.vue"]]),lI=Z({name:"ElDescriptionsItem",props:{label:{type:String,default:""},span:{type:Number,default:1},width:{type:[String,Number],default:""},minWidth:{type:[String,Number],default:""},align:{type:String,default:"left"},labelAlign:{type:String,default:""},className:{type:String,default:""},labelClassName:{type:String,default:""}}});const mCe=Rt(hCe,{DescriptionsItem:lI}),gCe=Xn(lI),bCe=He({mask:{type:Boolean,default:!0},customMaskEvent:{type:Boolean,default:!1},overlayClass:{type:ge([String,Array,Object])},zIndex:{type:ge([String,Number])}}),yCe={click:e=>e instanceof MouseEvent},_Ce="overlay";var wCe=Z({name:"ElOverlay",props:bCe,emits:yCe,setup(e,{slots:t,emit:n}){const r=Ie(_Ce),o=i=>{n("click",i)},{onClick:a,onMousedown:l,onMouseup:s}=Tw(e.customMaskEvent?void 0:o);return()=>e.mask?Q("div",{class:[r.b(),e.overlayClass],style:{zIndex:e.zIndex},onClick:a,onMousedown:l,onMouseup:s},[de(t,"default")],ia.STYLE|ia.CLASS|ia.PROPS,["onClick","onMouseup","onMousedown"]):st("div",{class:e.overlayClass,style:{zIndex:e.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[de(t,"default")])}});const Zw=wCe,sI=Symbol("dialogInjectionKey"),iI=He({center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{type:On},customClass:{type:String,default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{type:String,default:""}}),CCe={close:()=>!0},SCe=["aria-label"],kCe=["id"],$Ce=Z({name:"ElDialogContent"}),ECe=Z({...$Ce,props:iI,emits:CCe,setup(e){const t=e,{t:n}=rn(),{Close:r}=W6,{dialogRef:o,headerRef:a,bodyId:l,ns:s,style:i}=Ge(sI),{focusTrapRef:u}=Ge(Lw),f=vg(u,o),v=T(()=>t.draggable);return G6(o,a,v),(p,h)=>(P(),H("div",{ref:c(f),class:F([c(s).b(),c(s).is("fullscreen",p.fullscreen),c(s).is("draggable",c(v)),c(s).is("align-center",p.alignCenter),{[c(s).m("center")]:p.center},p.customClass]),style:lt(c(i)),tabindex:"-1"},[q("header",{ref_key:"headerRef",ref:a,class:F(c(s).e("header"))},[de(p.$slots,"header",{},()=>[q("span",{role:"heading",class:F(c(s).e("title"))},Ae(p.title),3)]),p.showClose?(P(),H("button",{key:0,"aria-label":c(n)("el.dialog.close"),class:F(c(s).e("headerbtn")),type:"button",onClick:h[0]||(h[0]=b=>p.$emit("close"))},[Q(c(at),{class:F(c(s).e("close"))},{default:re(()=>[(P(),ue(jt(p.closeIcon||c(r))))]),_:1},8,["class"])],10,SCe)):se("v-if",!0)],2),q("div",{id:c(l),class:F(c(s).e("body"))},[de(p.$slots,"default")],10,kCe),p.$slots.footer?(P(),H("footer",{key:0,class:F(c(s).e("footer"))},[de(p.$slots,"footer")],2)):se("v-if",!0)],6))}});var TCe=ze(ECe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog-content.vue"]]);const uI=He({...iI,appendToBody:{type:Boolean,default:!1},beforeClose:{type:ge(Function)},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{type:Number,default:0},closeDelay:{type:Number,default:0},top:{type:String},modelValue:{type:Boolean,default:!1},modalClass:String,width:{type:[String,Number]},zIndex:{type:Number},trapFocus:{type:Boolean,default:!1}}),cI={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[Dt]:e=>yr(e),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},dI=(e,t)=>{const r=vt().emit,{nextZIndex:o}=Zc();let a="";const l=wa(),s=wa(),i=D(!1),u=D(!1),f=D(!1),v=D(e.zIndex||o());let p,h;const b=Cg("namespace",Jh),g=T(()=>{const z={},Y=`--${b.value}-dialog`;return e.fullscreen||(e.top&&(z[`${Y}-margin-top`]=e.top),e.width&&(z[`${Y}-width`]=or(e.width))),z}),_=T(()=>e.alignCenter?{display:"flex"}:{});function y(){r("opened")}function S(){r("closed"),r(Dt,!1),e.destroyOnClose&&(f.value=!1)}function w(){r("close")}function C(){h==null||h(),p==null||p(),e.openDelay&&e.openDelay>0?{stop:p}=Ui(()=>x(),e.openDelay):x()}function k(){p==null||p(),h==null||h(),e.closeDelay&&e.closeDelay>0?{stop:h}=Ui(()=>R(),e.closeDelay):R()}function $(){function z(Y){Y||(u.value=!0,i.value=!1)}e.beforeClose?e.beforeClose(z):k()}function O(){e.closeOnClickModal&&$()}function x(){!en||(i.value=!0)}function R(){i.value=!1}function V(){r("openAutoFocus")}function A(){r("closeAutoFocus")}function I(z){var Y;((Y=z.detail)==null?void 0:Y.focusReason)==="pointer"&&z.preventDefault()}e.lockScroll&&J6(i);function B(){e.closeOnPressEscape&&$()}return be(()=>e.modelValue,z=>{z?(u.value=!1,C(),f.value=!0,v.value=e.zIndex?v.value++:o(),tt(()=>{r("open"),t.value&&(t.value.scrollTop=0)})):i.value&&k()}),be(()=>e.fullscreen,z=>{!t.value||(z?(a=t.value.style.transform,t.value.style.transform=""):t.value.style.transform=a)}),bt(()=>{e.modelValue&&(i.value=!0,f.value=!0,C())}),{afterEnter:y,afterLeave:S,beforeLeave:w,handleClose:$,onModalClick:O,close:k,doClose:R,onOpenAutoFocus:V,onCloseAutoFocus:A,onCloseRequested:B,onFocusoutPrevented:I,titleId:l,bodyId:s,closed:u,style:g,overlayDialogStyle:_,rendered:f,visible:i,zIndex:v}},PCe=["aria-label","aria-labelledby","aria-describedby"],OCe=Z({name:"ElDialog",inheritAttrs:!1}),xCe=Z({...OCe,props:uI,emits:cI,setup(e,{expose:t}){const n=e,r=Vr();bl({scope:"el-dialog",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/dialog.html#slots"},T(()=>!!r.title)),bl({scope:"el-dialog",from:"custom-class",replacement:"class",version:"2.3.0",ref:"https://element-plus.org/en-US/component/dialog.html#attributes",type:"Attribute"},T(()=>!!n.customClass));const o=Ie("dialog"),a=D(),l=D(),s=D(),{visible:i,titleId:u,bodyId:f,style:v,overlayDialogStyle:p,rendered:h,zIndex:b,afterEnter:g,afterLeave:_,beforeLeave:y,handleClose:S,onModalClick:w,onOpenAutoFocus:C,onCloseAutoFocus:k,onCloseRequested:$,onFocusoutPrevented:O}=dI(n,a);$t(sI,{dialogRef:a,headerRef:l,bodyId:f,ns:o,rendered:h,style:v});const x=Tw(w),R=T(()=>n.draggable&&!n.fullscreen);return t({visible:i,dialogContentRef:s}),(V,A)=>(P(),ue(Fs,{to:"body",disabled:!V.appendToBody},[Q(tr,{name:"dialog-fade",onAfterEnter:c(g),onAfterLeave:c(_),onBeforeLeave:c(y),persisted:""},{default:re(()=>[Ot(Q(c(Zw),{"custom-mask-event":"",mask:V.modal,"overlay-class":V.modalClass,"z-index":c(b)},{default:re(()=>[q("div",{role:"dialog","aria-modal":"true","aria-label":V.title||void 0,"aria-labelledby":V.title?void 0:c(u),"aria-describedby":c(f),class:F(`${c(o).namespace.value}-overlay-dialog`),style:lt(c(p)),onClick:A[0]||(A[0]=(...I)=>c(x).onClick&&c(x).onClick(...I)),onMousedown:A[1]||(A[1]=(...I)=>c(x).onMousedown&&c(x).onMousedown(...I)),onMouseup:A[2]||(A[2]=(...I)=>c(x).onMouseup&&c(x).onMouseup(...I))},[Q(c($g),{loop:"",trapped:c(i),"focus-start-el":"container",onFocusAfterTrapped:c(C),onFocusAfterReleased:c(k),onFocusoutPrevented:c(O),onReleaseRequested:c($)},{default:re(()=>[c(h)?(P(),ue(TCe,Ft({key:0,ref_key:"dialogContentRef",ref:s},V.$attrs,{"custom-class":V.customClass,center:V.center,"align-center":V.alignCenter,"close-icon":V.closeIcon,draggable:c(R),fullscreen:V.fullscreen,"show-close":V.showClose,title:V.title,onClose:c(S)}),ql({header:re(()=>[V.$slots.title?de(V.$slots,"title",{key:1}):de(V.$slots,"header",{key:0,close:c(S),titleId:c(u),titleClass:c(o).e("title")})]),default:re(()=>[de(V.$slots,"default")]),_:2},[V.$slots.footer?{name:"footer",fn:re(()=>[de(V.$slots,"footer")])}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):se("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,PCe)]),_:3},8,["mask","overlay-class","z-index"]),[[on,c(i)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});var ACe=ze(xCe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]);const _v=Rt(ACe),ICe=He({direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},contentPosition:{type:String,values:["left","center","right"],default:"center"},borderStyle:{type:ge(String),default:"solid"}}),MCe=Z({name:"ElDivider"}),NCe=Z({...MCe,props:ICe,setup(e){const t=e,n=Ie("divider"),r=T(()=>n.cssVar({"border-style":t.borderStyle}));return(o,a)=>(P(),H("div",{class:F([c(n).b(),c(n).m(o.direction)]),style:lt(c(r)),role:"separator"},[o.$slots.default&&o.direction!=="vertical"?(P(),H("div",{key:0,class:F([c(n).e("text"),c(n).is(o.contentPosition)])},[de(o.$slots,"default")],2)):se("v-if",!0)],6))}});var RCe=ze(NCe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/divider/src/divider.vue"]]);const fI=Rt(RCe),FCe=He({...uI,direction:{type:String,default:"rtl",values:["ltr","rtl","ttb","btt"]},size:{type:[String,Number],default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0}}),LCe=cI,DCe=Z({name:"ElDrawer",components:{ElOverlay:Zw,ElFocusTrap:$g,ElIcon:at,Close:Ha},inheritAttrs:!1,props:FCe,emits:LCe,setup(e,{slots:t}){bl({scope:"el-drawer",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/drawer.html#slots"},T(()=>!!t.title)),bl({scope:"el-drawer",from:"custom-class",replacement:"class",version:"2.3.0",ref:"https://element-plus.org/en-US/component/drawer.html#attributes",type:"Attribute"},T(()=>!!e.customClass));const n=D(),r=D(),o=Ie("drawer"),{t:a}=rn(),l=T(()=>e.direction==="rtl"||e.direction==="ltr"),s=T(()=>or(e.size));return{...dI(e,n),drawerRef:n,focusStartRef:r,isHorizontal:l,drawerSize:s,ns:o,t:a}}}),BCe=["aria-label","aria-labelledby","aria-describedby"],VCe=["id"],jCe=["aria-label"],zCe=["id"];function HCe(e,t,n,r,o,a){const l=Ct("close"),s=Ct("el-icon"),i=Ct("el-focus-trap"),u=Ct("el-overlay");return P(),ue(Fs,{to:"body",disabled:!e.appendToBody},[Q(tr,{name:e.ns.b("fade"),onAfterEnter:e.afterEnter,onAfterLeave:e.afterLeave,onBeforeLeave:e.beforeLeave,persisted:""},{default:re(()=>[Ot(Q(u,{mask:e.modal,"overlay-class":e.modalClass,"z-index":e.zIndex,onClick:e.onModalClick},{default:re(()=>[Q(i,{loop:"",trapped:e.visible,"focus-trap-el":e.drawerRef,"focus-start-el":e.focusStartRef,onReleaseRequested:e.onCloseRequested},{default:re(()=>[q("div",Ft({ref:"drawerRef","aria-modal":"true","aria-label":e.title||void 0,"aria-labelledby":e.title?void 0:e.titleId,"aria-describedby":e.bodyId},e.$attrs,{class:[e.ns.b(),e.direction,e.visible&&"open",e.customClass],style:e.isHorizontal?"width: "+e.drawerSize:"height: "+e.drawerSize,role:"dialog",onClick:t[1]||(t[1]=pt(()=>{},["stop"]))}),[q("span",{ref:"focusStartRef",class:F(e.ns.e("sr-focus")),tabindex:"-1"},null,2),e.withHeader?(P(),H("header",{key:0,class:F(e.ns.e("header"))},[e.$slots.title?de(e.$slots,"title",{key:1},()=>[se(" DEPRECATED SLOT ")]):de(e.$slots,"header",{key:0,close:e.handleClose,titleId:e.titleId,titleClass:e.ns.e("title")},()=>[e.$slots.title?se("v-if",!0):(P(),H("span",{key:0,id:e.titleId,role:"heading",class:F(e.ns.e("title"))},Ae(e.title),11,VCe))]),e.showClose?(P(),H("button",{key:2,"aria-label":e.t("el.drawer.close"),class:F(e.ns.e("close-btn")),type:"button",onClick:t[0]||(t[0]=(...f)=>e.handleClose&&e.handleClose(...f))},[Q(s,{class:F(e.ns.e("close"))},{default:re(()=>[Q(l)]),_:1},8,["class"])],10,jCe)):se("v-if",!0)],2)):se("v-if",!0),e.rendered?(P(),H("div",{key:1,id:e.bodyId,class:F(e.ns.e("body"))},[de(e.$slots,"default")],10,zCe)):se("v-if",!0),e.$slots.footer?(P(),H("div",{key:2,class:F(e.ns.e("footer"))},[de(e.$slots,"footer")],2)):se("v-if",!0)],16,BCe)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[on,e.visible]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"])}var KCe=ze(DCe,[["render",HCe],["__file","/home/runner/work/element-plus/element-plus/packages/components/drawer/src/drawer.vue"]]);const Qw=Rt(KCe),WCe=Z({inheritAttrs:!1});function UCe(e,t,n,r,o,a){return de(e.$slots,"default")}var qCe=ze(WCe,[["render",UCe],["__file","/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);const GCe=Z({name:"ElCollectionItem",inheritAttrs:!1});function YCe(e,t,n,r,o,a){return de(e.$slots,"default")}var XCe=ze(GCe,[["render",YCe],["__file","/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);const vI="data-el-collection-item",pI=e=>{const t=`El${e}Collection`,n=`${t}Item`,r=Symbol(t),o=Symbol(n),a={...qCe,name:t,setup(){const s=D(null),i=new Map;$t(r,{itemMap:i,getItems:()=>{const f=c(s);if(!f)return[];const v=Array.from(f.querySelectorAll(`[${vI}]`));return[...i.values()].sort((h,b)=>v.indexOf(h.ref)-v.indexOf(b.ref))},collectionRef:s})}},l={...XCe,name:n,setup(s,{attrs:i}){const u=D(null),f=Ge(r,void 0);$t(o,{collectionItemRef:u}),bt(()=>{const v=c(u);v&&f.itemMap.set(v,{ref:v,...i})}),hn(()=>{const v=c(u);f.itemMap.delete(v)})}};return{COLLECTION_INJECTION_KEY:r,COLLECTION_ITEM_INJECTION_KEY:o,ElCollection:a,ElCollectionItem:l}},ZCe=He({style:{type:ge([String,Array,Object])},currentTabId:{type:ge(String)},defaultCurrentTabId:String,loop:Boolean,dir:{type:String,values:["ltr","rtl"],default:"ltr"},orientation:{type:ge(String)},onBlur:Function,onFocus:Function,onMousedown:Function}),{ElCollection:QCe,ElCollectionItem:JCe,COLLECTION_INJECTION_KEY:Jw,COLLECTION_ITEM_INJECTION_KEY:eSe}=pI("RovingFocusGroup"),e2=Symbol("elRovingFocusGroup"),hI=Symbol("elRovingFocusGroupItem"),tSe={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"},nSe=(e,t)=>{if(t!=="rtl")return e;switch(e){case ut.right:return ut.left;case ut.left:return ut.right;default:return e}},rSe=(e,t,n)=>{const r=nSe(e.key,n);if(!(t==="vertical"&&[ut.left,ut.right].includes(r))&&!(t==="horizontal"&&[ut.up,ut.down].includes(r)))return tSe[r]},oSe=(e,t)=>e.map((n,r)=>e[(r+t)%e.length]),t2=e=>{const{activeElement:t}=document;for(const n of e)if(n===t||(n.focus(),t!==document.activeElement))return},$3="currentTabIdChange",E3="rovingFocusGroup.entryFocus",aSe={bubbles:!1,cancelable:!0},lSe=Z({name:"ElRovingFocusGroupImpl",inheritAttrs:!1,props:ZCe,emits:[$3,"entryFocus"],setup(e,{emit:t}){var n;const r=D((n=e.currentTabId||e.defaultCurrentTabId)!=null?n:null),o=D(!1),a=D(!1),l=D(null),{getItems:s}=Ge(Jw,void 0),i=T(()=>[{outline:"none"},e.style]),u=g=>{t($3,g)},f=()=>{o.value=!0},v=Yn(g=>{var _;(_=e.onMousedown)==null||_.call(e,g)},()=>{a.value=!0}),p=Yn(g=>{var _;(_=e.onFocus)==null||_.call(e,g)},g=>{const _=!c(a),{target:y,currentTarget:S}=g;if(y===S&&_&&!c(o)){const w=new Event(E3,aSe);if(S==null||S.dispatchEvent(w),!w.defaultPrevented){const C=s().filter(R=>R.focusable),k=C.find(R=>R.active),$=C.find(R=>R.id===c(r)),x=[k,$,...C].filter(Boolean).map(R=>R.ref);t2(x)}}a.value=!1}),h=Yn(g=>{var _;(_=e.onBlur)==null||_.call(e,g)},()=>{o.value=!1}),b=(...g)=>{t("entryFocus",...g)};$t(e2,{currentTabbedId:Ys(r),loop:Nn(e,"loop"),tabIndex:T(()=>c(o)?-1:0),rovingFocusGroupRef:l,rovingFocusGroupRootStyle:i,orientation:Nn(e,"orientation"),dir:Nn(e,"dir"),onItemFocus:u,onItemShiftTab:f,onBlur:h,onFocus:p,onMousedown:v}),be(()=>e.currentTabId,g=>{r.value=g!=null?g:null}),Kn(l,E3,b)}});function sSe(e,t,n,r,o,a){return de(e.$slots,"default")}var iSe=ze(lSe,[["render",sSe],["__file","/home/runner/work/element-plus/element-plus/packages/components/roving-focus-group/src/roving-focus-group-impl.vue"]]);const uSe=Z({name:"ElRovingFocusGroup",components:{ElFocusGroupCollection:QCe,ElRovingFocusGroupImpl:iSe}});function cSe(e,t,n,r,o,a){const l=Ct("el-roving-focus-group-impl"),s=Ct("el-focus-group-collection");return P(),ue(s,null,{default:re(()=>[Q(l,Fa(Vm(e.$attrs)),{default:re(()=>[de(e.$slots,"default")]),_:3},16)]),_:3})}var dSe=ze(uSe,[["render",cSe],["__file","/home/runner/work/element-plus/element-plus/packages/components/roving-focus-group/src/roving-focus-group.vue"]]);const fSe=Z({components:{ElRovingFocusCollectionItem:JCe},props:{focusable:{type:Boolean,default:!0},active:{type:Boolean,default:!1}},emits:["mousedown","focus","keydown"],setup(e,{emit:t}){const{currentTabbedId:n,loop:r,onItemFocus:o,onItemShiftTab:a}=Ge(e2,void 0),{getItems:l}=Ge(Jw,void 0),s=wa(),i=D(null),u=Yn(h=>{t("mousedown",h)},h=>{e.focusable?o(c(s)):h.preventDefault()}),f=Yn(h=>{t("focus",h)},()=>{o(c(s))}),v=Yn(h=>{t("keydown",h)},h=>{const{key:b,shiftKey:g,target:_,currentTarget:y}=h;if(b===ut.tab&&g){a();return}if(_!==y)return;const S=rSe(h);if(S){h.preventDefault();let C=l().filter(k=>k.focusable).map(k=>k.ref);switch(S){case"last":{C.reverse();break}case"prev":case"next":{S==="prev"&&C.reverse();const k=C.indexOf(y);C=r.value?oSe(C,k+1):C.slice(k+1);break}}tt(()=>{t2(C)})}}),p=T(()=>n.value===c(s));return $t(hI,{rovingFocusGroupItemRef:i,tabIndex:T(()=>c(p)?0:-1),handleMousedown:u,handleFocus:f,handleKeydown:v}),{id:s,handleKeydown:v,handleFocus:f,handleMousedown:u}}});function vSe(e,t,n,r,o,a){const l=Ct("el-roving-focus-collection-item");return P(),ue(l,{id:e.id,focusable:e.focusable,active:e.active},{default:re(()=>[de(e.$slots,"default")]),_:3},8,["id","focusable","active"])}var pSe=ze(fSe,[["render",vSe],["__file","/home/runner/work/element-plus/element-plus/packages/components/roving-focus-group/src/roving-focus-item.vue"]]);const _h=He({trigger:Df.trigger,effect:{...xr.effect,default:"light"},type:{type:ge(String)},placement:{type:ge(String),default:"bottom"},popperOptions:{type:ge(Object),default:()=>({})},id:String,size:{type:String,default:""},splitButton:Boolean,hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{type:Number,default:150},hideTimeout:{type:Number,default:150},tabindex:{type:ge([Number,String]),default:0},maxHeight:{type:ge([Number,String]),default:""},popperClass:{type:String,default:""},disabled:{type:Boolean,default:!1},role:{type:String,default:"menu"},buttonProps:{type:ge(Object)},teleported:xr.teleported}),mI=He({command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:{type:On}}),hSe=He({onKeydown:{type:ge(Function)}}),mSe=[ut.down,ut.pageDown,ut.home],gI=[ut.up,ut.pageUp,ut.end],gSe=[...mSe,...gI],{ElCollection:bSe,ElCollectionItem:ySe,COLLECTION_INJECTION_KEY:_Se,COLLECTION_ITEM_INJECTION_KEY:wSe}=pI("Dropdown"),Pg=Symbol("elDropdown"),{ButtonGroup:CSe}=Fr,SSe=Z({name:"ElDropdown",components:{ElButton:Fr,ElButtonGroup:CSe,ElScrollbar:as,ElDropdownCollection:bSe,ElTooltip:ur,ElRovingFocusGroup:dSe,ElOnlyChild:H8,ElIcon:at,ArrowDown:Xs},props:_h,emits:["visible-change","click","command"],setup(e,{emit:t}){const n=vt(),r=Ie("dropdown"),{t:o}=rn(),a=D(),l=D(),s=D(null),i=D(null),u=D(null),f=D(null),v=D(!1),p=[ut.enter,ut.space,ut.down],h=T(()=>({maxHeight:or(e.maxHeight)})),b=T(()=>[r.m(C.value)]),g=wa().value,_=T(()=>e.id||g);be([a,Nn(e,"trigger")],([K,M],[j])=>{var N,U,W;const G=et(M)?M:[M];(N=j==null?void 0:j.$el)!=null&&N.removeEventListener&&j.$el.removeEventListener("pointerenter",$),(U=K==null?void 0:K.$el)!=null&&U.removeEventListener&&K.$el.removeEventListener("pointerenter",$),((W=K==null?void 0:K.$el)==null?void 0:W.addEventListener)&&G.includes("hover")&&K.$el.addEventListener("pointerenter",$)},{immediate:!0}),hn(()=>{var K,M;(M=(K=a.value)==null?void 0:K.$el)!=null&&M.removeEventListener&&a.value.$el.removeEventListener("pointerenter",$)});function y(){S()}function S(){var K;(K=s.value)==null||K.onClose()}function w(){var K;(K=s.value)==null||K.onOpen()}const C=Cr();function k(...K){t("command",...K)}function $(){var K,M;(M=(K=a.value)==null?void 0:K.$el)==null||M.focus()}function O(){}function x(){const K=c(i);K==null||K.focus(),f.value=null}function R(K){f.value=K}function V(K){v.value||(K.preventDefault(),K.stopImmediatePropagation())}function A(){t("visible-change",!0)}function I(K){(K==null?void 0:K.type)==="keydown"&&i.value.focus()}function B(){t("visible-change",!1)}return $t(Pg,{contentRef:i,role:T(()=>e.role),triggerId:_,isUsingKeyboard:v,onItemEnter:O,onItemLeave:x}),$t("elDropdown",{instance:n,dropdownSize:C,handleClick:y,commandHandler:k,trigger:Nn(e,"trigger"),hideOnClick:Nn(e,"hideOnClick")}),{t:o,ns:r,scrollbar:u,wrapStyle:h,dropdownTriggerKls:b,dropdownSize:C,triggerId:_,triggerKeys:p,currentTabId:f,handleCurrentTabIdChange:R,handlerMainButtonClick:K=>{t("click",K)},handleEntryFocus:V,handleClose:S,handleOpen:w,handleBeforeShowTooltip:A,handleShowTooltip:I,handleBeforeHideTooltip:B,onFocusAfterTrapped:K=>{var M,j;K.preventDefault(),(j=(M=i.value)==null?void 0:M.focus)==null||j.call(M,{preventScroll:!0})},popperRef:s,contentRef:i,triggeringElementRef:a,referenceElementRef:l}}});function kSe(e,t,n,r,o,a){var l;const s=Ct("el-dropdown-collection"),i=Ct("el-roving-focus-group"),u=Ct("el-scrollbar"),f=Ct("el-only-child"),v=Ct("el-tooltip"),p=Ct("el-button"),h=Ct("arrow-down"),b=Ct("el-icon"),g=Ct("el-button-group");return P(),H("div",{class:F([e.ns.b(),e.ns.is("disabled",e.disabled)])},[Q(v,{ref:"popperRef",role:e.role,effect:e.effect,"fallback-placements":["bottom","top"],"popper-options":e.popperOptions,"gpu-acceleration":!1,"hide-after":e.trigger==="hover"?e.hideTimeout:0,"manual-mode":!0,placement:e.placement,"popper-class":[e.ns.e("popper"),e.popperClass],"reference-element":(l=e.referenceElementRef)==null?void 0:l.$el,trigger:e.trigger,"trigger-keys":e.triggerKeys,"trigger-target-el":e.contentRef,"show-after":e.trigger==="hover"?e.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":e.triggeringElementRef,"virtual-triggering":e.splitButton,disabled:e.disabled,transition:`${e.ns.namespace.value}-zoom-in-top`,teleported:e.teleported,pure:"",persistent:"",onBeforeShow:e.handleBeforeShowTooltip,onShow:e.handleShowTooltip,onBeforeHide:e.handleBeforeHideTooltip},ql({content:re(()=>[Q(u,{ref:"scrollbar","wrap-style":e.wrapStyle,tag:"div","view-class":e.ns.e("list")},{default:re(()=>[Q(i,{loop:e.loop,"current-tab-id":e.currentTabId,orientation:"horizontal",onCurrentTabIdChange:e.handleCurrentTabIdChange,onEntryFocus:e.handleEntryFocus},{default:re(()=>[Q(s,null,{default:re(()=>[de(e.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id","onCurrentTabIdChange","onEntryFocus"])]),_:3},8,["wrap-style","view-class"])]),_:2},[e.splitButton?void 0:{name:"default",fn:re(()=>[Q(f,{id:e.triggerId,ref:"triggeringElementRef",role:"button",tabindex:e.tabindex},{default:re(()=>[de(e.$slots,"default")]),_:3},8,["id","tabindex"])])}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-keys","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported","onBeforeShow","onShow","onBeforeHide"]),e.splitButton?(P(),ue(g,{key:0},{default:re(()=>[Q(p,Ft({ref:"referenceElementRef"},e.buttonProps,{size:e.dropdownSize,type:e.type,disabled:e.disabled,tabindex:e.tabindex,onClick:e.handlerMainButtonClick}),{default:re(()=>[de(e.$slots,"default")]),_:3},16,["size","type","disabled","tabindex","onClick"]),Q(p,Ft({id:e.triggerId,ref:"triggeringElementRef"},e.buttonProps,{role:"button",size:e.dropdownSize,type:e.type,class:e.ns.e("caret-button"),disabled:e.disabled,tabindex:e.tabindex,"aria-label":e.t("el.dropdown.toggleDropdown")}),{default:re(()=>[Q(b,{class:F(e.ns.e("icon"))},{default:re(()=>[Q(h)]),_:1},8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex","aria-label"])]),_:3})):se("v-if",!0)],2)}var $Se=ze(SSe,[["render",kSe],["__file","/home/runner/work/element-plus/element-plus/packages/components/dropdown/src/dropdown.vue"]]);const ESe=Z({name:"DropdownItemImpl",components:{ElIcon:at},props:mI,emits:["pointermove","pointerleave","click","clickimpl"],setup(e,{emit:t}){const n=Ie("dropdown"),{role:r}=Ge(Pg,void 0),{collectionItemRef:o}=Ge(wSe,void 0),{collectionItemRef:a}=Ge(eSe,void 0),{rovingFocusGroupItemRef:l,tabIndex:s,handleFocus:i,handleKeydown:u,handleMousedown:f}=Ge(hI,void 0),v=vg(o,a,l),p=T(()=>r.value==="menu"?"menuitem":r.value==="navigation"?"link":"button"),h=Yn(b=>{const{code:g}=b;if(g===ut.enter||g===ut.space)return b.preventDefault(),b.stopImmediatePropagation(),t("clickimpl",b),!0},u);return{ns:n,itemRef:v,dataset:{[vI]:""},role:p,tabIndex:s,handleFocus:i,handleKeydown:h,handleMousedown:f}}}),TSe=["aria-disabled","tabindex","role"];function PSe(e,t,n,r,o,a){const l=Ct("el-icon");return P(),H(Ue,null,[e.divided?(P(),H("li",Ft({key:0,role:"separator",class:e.ns.bem("menu","item","divided")},e.$attrs),null,16)):se("v-if",!0),q("li",Ft({ref:e.itemRef},{...e.dataset,...e.$attrs},{"aria-disabled":e.disabled,class:[e.ns.be("menu","item"),e.ns.is("disabled",e.disabled)],tabindex:e.tabIndex,role:e.role,onClick:t[0]||(t[0]=s=>e.$emit("clickimpl",s)),onFocus:t[1]||(t[1]=(...s)=>e.handleFocus&&e.handleFocus(...s)),onKeydown:t[2]||(t[2]=pt((...s)=>e.handleKeydown&&e.handleKeydown(...s),["self"])),onMousedown:t[3]||(t[3]=(...s)=>e.handleMousedown&&e.handleMousedown(...s)),onPointermove:t[4]||(t[4]=s=>e.$emit("pointermove",s)),onPointerleave:t[5]||(t[5]=s=>e.$emit("pointerleave",s))}),[e.icon?(P(),ue(l,{key:0},{default:re(()=>[(P(),ue(jt(e.icon)))]),_:1})):se("v-if",!0),de(e.$slots,"default")],16,TSe)],64)}var OSe=ze(ESe,[["render",PSe],["__file","/home/runner/work/element-plus/element-plus/packages/components/dropdown/src/dropdown-item-impl.vue"]]);const bI=()=>{const e=Ge("elDropdown",{}),t=T(()=>e==null?void 0:e.dropdownSize);return{elDropdown:e,_elDropdownSize:t}},xSe=Z({name:"ElDropdownItem",components:{ElDropdownCollectionItem:ySe,ElRovingFocusItem:pSe,ElDropdownItemImpl:OSe},inheritAttrs:!1,props:mI,emits:["pointermove","pointerleave","click"],setup(e,{emit:t,attrs:n}){const{elDropdown:r}=bI(),o=vt(),a=D(null),l=T(()=>{var h,b;return(b=(h=c(a))==null?void 0:h.textContent)!=null?b:""}),{onItemEnter:s,onItemLeave:i}=Ge(Pg,void 0),u=Yn(h=>(t("pointermove",h),h.defaultPrevented),$E(h=>{if(e.disabled){i(h);return}const b=h.currentTarget;b===document.activeElement||b.contains(document.activeElement)||(s(h),h.defaultPrevented||b==null||b.focus())})),f=Yn(h=>(t("pointerleave",h),h.defaultPrevented),$E(h=>{i(h)})),v=Yn(h=>{if(!e.disabled)return t("click",h),h.type!=="keydown"&&h.defaultPrevented},h=>{var b,g,_;if(e.disabled){h.stopImmediatePropagation();return}(b=r==null?void 0:r.hideOnClick)!=null&&b.value&&((g=r.handleClick)==null||g.call(r)),(_=r.commandHandler)==null||_.call(r,e.command,o,h)}),p=T(()=>({...e,...n}));return{handleClick:v,handlePointerMove:u,handlePointerLeave:f,textContent:l,propsAndAttrs:p}}});function ASe(e,t,n,r,o,a){var l;const s=Ct("el-dropdown-item-impl"),i=Ct("el-roving-focus-item"),u=Ct("el-dropdown-collection-item");return P(),ue(u,{disabled:e.disabled,"text-value":(l=e.textValue)!=null?l:e.textContent},{default:re(()=>[Q(i,{focusable:!e.disabled},{default:re(()=>[Q(s,Ft(e.propsAndAttrs,{onPointerleave:e.handlePointerLeave,onPointermove:e.handlePointerMove,onClickimpl:e.handleClick}),{default:re(()=>[de(e.$slots,"default")]),_:3},16,["onPointerleave","onPointermove","onClickimpl"])]),_:3},8,["focusable"])]),_:3},8,["disabled","text-value"])}var yI=ze(xSe,[["render",ASe],["__file","/home/runner/work/element-plus/element-plus/packages/components/dropdown/src/dropdown-item.vue"]]);const ISe=Z({name:"ElDropdownMenu",props:hSe,setup(e){const t=Ie("dropdown"),{_elDropdownSize:n}=bI(),r=n.value,{focusTrapRef:o,onKeydown:a}=Ge(Lw,void 0),{contentRef:l,role:s,triggerId:i}=Ge(Pg,void 0),{collectionRef:u,getItems:f}=Ge(_Se,void 0),{rovingFocusGroupRef:v,rovingFocusGroupRootStyle:p,tabIndex:h,onBlur:b,onFocus:g,onMousedown:_}=Ge(e2,void 0),{collectionRef:y}=Ge(Jw,void 0),S=T(()=>[t.b("menu"),t.bm("menu",r==null?void 0:r.value)]),w=vg(l,u,o,v,y),C=Yn($=>{var O;(O=e.onKeydown)==null||O.call(e,$)},$=>{const{currentTarget:O,code:x,target:R}=$;if(O.contains(R),ut.tab===x&&$.stopImmediatePropagation(),$.preventDefault(),R!==c(l)||!gSe.includes(x))return;const A=f().filter(I=>!I.disabled).map(I=>I.ref);gI.includes(x)&&A.reverse(),t2(A)});return{size:r,rovingFocusGroupRootStyle:p,tabIndex:h,dropdownKls:S,role:s,triggerId:i,dropdownListWrapperRef:w,handleKeydown:$=>{C($),a($)},onBlur:b,onFocus:g,onMousedown:_}}}),MSe=["role","aria-labelledby"];function NSe(e,t,n,r,o,a){return P(),H("ul",{ref:e.dropdownListWrapperRef,class:F(e.dropdownKls),style:lt(e.rovingFocusGroupRootStyle),tabindex:-1,role:e.role,"aria-labelledby":e.triggerId,onBlur:t[0]||(t[0]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:t[1]||(t[1]=(...l)=>e.onFocus&&e.onFocus(...l)),onKeydown:t[2]||(t[2]=pt((...l)=>e.handleKeydown&&e.handleKeydown(...l),["self"])),onMousedown:t[3]||(t[3]=pt((...l)=>e.onMousedown&&e.onMousedown(...l),["self"]))},[de(e.$slots,"default")],46,MSe)}var _I=ze(ISe,[["render",NSe],["__file","/home/runner/work/element-plus/element-plus/packages/components/dropdown/src/dropdown-menu.vue"]]);const n2=Rt($Se,{DropdownItem:yI,DropdownMenu:_I}),am=Xn(yI),lm=Xn(_I),RSe={viewBox:"0 0 79 86",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},FSe=["id"],LSe=["stop-color"],DSe=["stop-color"],BSe=["id"],VSe=["stop-color"],jSe=["stop-color"],zSe=["id"],HSe={id:"Illustrations",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},KSe={id:"B-type",transform:"translate(-1268.000000, -535.000000)"},WSe={id:"Group-2",transform:"translate(1268.000000, 535.000000)"},USe=["fill"],qSe=["fill"],GSe={id:"Group-Copy",transform:"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"},YSe=["fill"],XSe=["fill"],ZSe=["fill"],QSe=["fill"],JSe=["fill"],eke={id:"Rectangle-Copy-17",transform:"translate(53.000000, 45.000000)"},tke=["fill","xlink:href"],nke=["fill","mask"],rke=["fill"],oke=Z({name:"ImgEmpty"}),ake=Z({...oke,setup(e){const t=Ie("empty"),n=wa();return(r,o)=>(P(),H("svg",RSe,[q("defs",null,[q("linearGradient",{id:`linearGradient-1-${c(n)}`,x1:"38.8503086%",y1:"0%",x2:"61.1496914%",y2:"100%"},[q("stop",{"stop-color":`var(${c(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,LSe),q("stop",{"stop-color":`var(${c(t).cssVarBlockName("fill-color-4")})`,offset:"100%"},null,8,DSe)],8,FSe),q("linearGradient",{id:`linearGradient-2-${c(n)}`,x1:"0%",y1:"9.5%",x2:"100%",y2:"90.5%"},[q("stop",{"stop-color":`var(${c(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,VSe),q("stop",{"stop-color":`var(${c(t).cssVarBlockName("fill-color-6")})`,offset:"100%"},null,8,jSe)],8,BSe),q("rect",{id:`path-3-${c(n)}`,x:"0",y:"0",width:"17",height:"36"},null,8,zSe)]),q("g",HSe,[q("g",KSe,[q("g",WSe,[q("path",{id:"Oval-Copy-2",d:"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",fill:`var(${c(t).cssVarBlockName("fill-color-3")})`},null,8,USe),q("polygon",{id:"Rectangle-Copy-14",fill:`var(${c(t).cssVarBlockName("fill-color-7")})`,transform:"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",points:"13 58 53 58 42 45 2 45"},null,8,qSe),q("g",GSe,[q("polygon",{id:"Rectangle-Copy-10",fill:`var(${c(t).cssVarBlockName("fill-color-7")})`,transform:"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",points:"2.84078316e-14 3 18 3 23 7 5 7"},null,8,YSe),q("polygon",{id:"Rectangle-Copy-11",fill:`var(${c(t).cssVarBlockName("fill-color-5")})`,points:"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"},null,8,XSe),q("rect",{id:"Rectangle-Copy-12",fill:`url(#linearGradient-1-${c(n)})`,transform:"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",x:"38",y:"7",width:"17",height:"36"},null,8,ZSe),q("polygon",{id:"Rectangle-Copy-13",fill:`var(${c(t).cssVarBlockName("fill-color-2")})`,transform:"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",points:"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"},null,8,QSe)]),q("rect",{id:"Rectangle-Copy-15",fill:`url(#linearGradient-2-${c(n)})`,x:"13",y:"45",width:"40",height:"36"},null,8,JSe),q("g",eke,[q("use",{id:"Mask",fill:`var(${c(t).cssVarBlockName("fill-color-8")})`,transform:"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ","xlink:href":`#path-3-${c(n)}`},null,8,tke),q("polygon",{id:"Rectangle-Copy",fill:`var(${c(t).cssVarBlockName("fill-color-9")})`,mask:`url(#mask-4-${c(n)})`,transform:"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",points:"7 0 24 0 20 18 7 16.5"},null,8,nke)]),q("polygon",{id:"Rectangle-Copy-18",fill:`var(${c(t).cssVarBlockName("fill-color-2")})`,transform:"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",points:"62 45 79 45 70 58 53 58"},null,8,rke)])])])]))}});var lke=ze(ake,[["__file","/home/runner/work/element-plus/element-plus/packages/components/empty/src/img-empty.vue"]]);const ske=He({image:{type:String,default:""},imageSize:Number,description:{type:String,default:""}}),ike=["src"],uke={key:1},cke=Z({name:"ElEmpty"}),dke=Z({...cke,props:ske,setup(e){const t=e,{t:n}=rn(),r=Ie("empty"),o=T(()=>t.description||n("el.table.emptyText")),a=T(()=>({width:or(t.imageSize)}));return(l,s)=>(P(),H("div",{class:F(c(r).b())},[q("div",{class:F(c(r).e("image")),style:lt(c(a))},[l.image?(P(),H("img",{key:0,src:l.image,ondragstart:"return false"},null,8,ike)):de(l.$slots,"image",{key:1},()=>[Q(lke)])],6),q("div",{class:F(c(r).e("description"))},[l.$slots.description?de(l.$slots,"description",{key:0}):(P(),H("p",uke,Ae(c(o)),1))],2),l.$slots.default?(P(),H("div",{key:0,class:F(c(r).e("bottom"))},[de(l.$slots,"default")],2)):se("v-if",!0)],2))}});var fke=ze(dke,[["__file","/home/runner/work/element-plus/element-plus/packages/components/empty/src/empty.vue"]]);const r2=Rt(fke),vke=He({urlList:{type:ge(Array),default:()=>zn([])},zIndex:{type:Number},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{type:Number,default:1.2}}),pke={close:()=>!0,switch:e=>gt(e)},hke=["src"],mke=Z({name:"ElImageViewer"}),gke=Z({...mke,props:vke,emits:pke,setup(e,{expose:t,emit:n}){const r=e,o={CONTAIN:{name:"contain",icon:Da(uve)},ORIGINAL:{name:"original",icon:Da(Ove)}},{t:a}=rn(),l=Ie("image-viewer"),{nextZIndex:s}=Zc(),i=D(),u=D([]),f=aP(),v=D(!0),p=D(r.initialIndex),h=En(o.CONTAIN),b=D({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),g=T(()=>{const{urlList:M}=r;return M.length<=1}),_=T(()=>p.value===0),y=T(()=>p.value===r.urlList.length-1),S=T(()=>r.urlList[p.value]),w=T(()=>{const{scale:M,deg:j,offsetX:N,offsetY:U,enableTransition:W}=b.value;let G=N/M,ae=U/M;switch(j%360){case 90:case-270:[G,ae]=[ae,-G];break;case 180:case-180:[G,ae]=[-G,-ae];break;case 270:case-90:[G,ae]=[-ae,G];break}const me={transform:`scale(${M}) rotate(${j}deg) translate(${G}px, ${ae}px)`,transition:W?"transform .3s":""};return h.value.name===o.CONTAIN.name&&(me.maxWidth=me.maxHeight="100%"),me}),C=T(()=>gt(r.zIndex)?r.zIndex:s());function k(){O(),n("close")}function $(){const M=Vi(N=>{switch(N.code){case ut.esc:r.closeOnPressEscape&&k();break;case ut.space:I();break;case ut.left:z();break;case ut.up:K("zoomIn");break;case ut.right:Y();break;case ut.down:K("zoomOut");break}}),j=Vi(N=>{const U=N.deltaY||N.deltaX;K(U<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});f.run(()=>{Kn(document,"keydown",M),Kn(document,"wheel",j)})}function O(){f.stop()}function x(){v.value=!1}function R(M){v.value=!1,M.target.alt=a("el.image.error")}function V(M){if(v.value||M.button!==0||!i.value)return;b.value.enableTransition=!1;const{offsetX:j,offsetY:N}=b.value,U=M.pageX,W=M.pageY,G=Vi(me=>{b.value={...b.value,offsetX:j+me.pageX-U,offsetY:N+me.pageY-W}}),ae=Kn(document,"mousemove",G);Kn(document,"mouseup",()=>{ae()}),M.preventDefault()}function A(){b.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function I(){if(v.value)return;const M=Af(o),j=Object.values(o),N=h.value.name,W=(j.findIndex(G=>G.name===N)+1)%M.length;h.value=o[M[W]],A()}function B(M){const j=r.urlList.length;p.value=(M+j)%j}function z(){_.value&&!r.infinite||B(p.value-1)}function Y(){y.value&&!r.infinite||B(p.value+1)}function K(M,j={}){if(v.value)return;const{zoomRate:N,rotateDeg:U,enableTransition:W}={zoomRate:r.zoomRate,rotateDeg:90,enableTransition:!0,...j};switch(M){case"zoomOut":b.value.scale>.2&&(b.value.scale=Number.parseFloat((b.value.scale/N).toFixed(3)));break;case"zoomIn":b.value.scale<7&&(b.value.scale=Number.parseFloat((b.value.scale*N).toFixed(3)));break;case"clockwise":b.value.deg+=U;break;case"anticlockwise":b.value.deg-=U;break}b.value.enableTransition=W}return be(S,()=>{tt(()=>{const M=u.value[0];M!=null&&M.complete||(v.value=!0)})}),be(p,M=>{A(),n("switch",M)}),bt(()=>{var M,j;$(),(j=(M=i.value)==null?void 0:M.focus)==null||j.call(M)}),t({setActiveItem:B}),(M,j)=>(P(),ue(Fs,{to:"body",disabled:!M.teleported},[Q(tr,{name:"viewer-fade",appear:""},{default:re(()=>[q("div",{ref_key:"wrapper",ref:i,tabindex:-1,class:F(c(l).e("wrapper")),style:lt({zIndex:c(C)})},[q("div",{class:F(c(l).e("mask")),onClick:j[0]||(j[0]=pt(N=>M.hideOnClickModal&&k(),["self"]))},null,2),se(" CLOSE "),q("span",{class:F([c(l).e("btn"),c(l).e("close")]),onClick:k},[Q(c(at),null,{default:re(()=>[Q(c(Ha))]),_:1})],2),se(" ARROW "),c(g)?se("v-if",!0):(P(),H(Ue,{key:0},[q("span",{class:F([c(l).e("btn"),c(l).e("prev"),c(l).is("disabled",!M.infinite&&c(_))]),onClick:z},[Q(c(at),null,{default:re(()=>[Q(c(zs))]),_:1})],2),q("span",{class:F([c(l).e("btn"),c(l).e("next"),c(l).is("disabled",!M.infinite&&c(y))]),onClick:Y},[Q(c(at),null,{default:re(()=>[Q(c(io))]),_:1})],2)],64)),se(" ACTIONS "),q("div",{class:F([c(l).e("btn"),c(l).e("actions")])},[q("div",{class:F(c(l).e("actions__inner"))},[Q(c(at),{onClick:j[1]||(j[1]=N=>K("zoomOut"))},{default:re(()=>[Q(c(Wve))]),_:1}),Q(c(at),{onClick:j[2]||(j[2]=N=>K("zoomIn"))},{default:re(()=>[Q(c(H6))]),_:1}),q("i",{class:F(c(l).e("actions__divider"))},null,2),Q(c(at),{onClick:I},{default:re(()=>[(P(),ue(jt(c(h).icon)))]),_:1}),q("i",{class:F(c(l).e("actions__divider"))},null,2),Q(c(at),{onClick:j[3]||(j[3]=N=>K("anticlockwise"))},{default:re(()=>[Q(c($ve))]),_:1}),Q(c(at),{onClick:j[4]||(j[4]=N=>K("clockwise"))},{default:re(()=>[Q(c(Tve))]),_:1})],2)],2),se(" CANVAS "),q("div",{class:F(c(l).e("canvas"))},[(P(!0),H(Ue,null,xt(M.urlList,(N,U)=>Ot((P(),H("img",{ref_for:!0,ref:W=>u.value[U]=W,key:N,src:N,style:lt(c(w)),class:F(c(l).e("img")),onLoad:x,onError:R,onMousedown:V},null,46,hke)),[[on,U===p.value]])),128))],2),de(M.$slots,"default")],6)]),_:3})],8,["disabled"]))}});var bke=ze(gke,[["__file","/home/runner/work/element-plus/element-plus/packages/components/image-viewer/src/image-viewer.vue"]]);const wI=Rt(bke),yke=He({hideOnClickModal:{type:Boolean,default:!1},src:{type:String,default:""},fit:{type:String,values:["","contain","cover","fill","none","scale-down"],default:""},loading:{type:String,values:["eager","lazy"]},lazy:{type:Boolean,default:!1},scrollContainer:{type:ge([String,Object])},previewSrcList:{type:ge(Array),default:()=>zn([])},previewTeleported:{type:Boolean,default:!1},zIndex:{type:Number},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{type:Number,default:1.2}}),_ke={load:e=>e instanceof Event,error:e=>e instanceof Event,switch:e=>gt(e),close:()=>!0,show:()=>!0},wke=["src","loading"],Cke={key:0},Ske=Z({name:"ElImage",inheritAttrs:!1}),kke=Z({...Ske,props:yke,emits:_ke,setup(e,{emit:t}){const n=e;let r="";const{t:o}=rn(),a=Ie("image"),l=Lc(),s=gw(),i=D(),u=D(!1),f=D(!0),v=D(!1),p=D(),h=D(),b=en&&"loading"in HTMLImageElement.prototype;let g,_;const y=T(()=>l.style),S=T(()=>{const{fit:M}=n;return en&&M?{objectFit:M}:{}}),w=T(()=>{const{previewSrcList:M}=n;return Array.isArray(M)&&M.length>0}),C=T(()=>{const{previewSrcList:M,initialIndex:j}=n;let N=j;return j>M.length-1&&(N=0),N}),k=T(()=>n.loading==="eager"?!1:!b&&n.loading==="lazy"||n.lazy),$=()=>{!en||(f.value=!0,u.value=!1,i.value=n.src)};function O(M){f.value=!1,u.value=!1,t("load",M)}function x(M){f.value=!1,u.value=!0,t("error",M)}function R(){Tle(p.value,h.value)&&($(),I())}const V=Zx(R,200,!0);async function A(){var M;if(!en)return;await tt();const{scrollContainer:j}=n;ba(j)?h.value=j:_t(j)&&j!==""?h.value=(M=document.querySelector(j))!=null?M:void 0:p.value&&(h.value=fw(p.value)),h.value&&(g=Kn(h,"scroll",V),setTimeout(()=>R(),100))}function I(){!en||!h.value||!V||(g==null||g(),h.value=void 0)}function B(M){if(!!M.ctrlKey){if(M.deltaY<0)return M.preventDefault(),!1;if(M.deltaY>0)return M.preventDefault(),!1}}function z(){!w.value||(_=Kn("wheel",B,{passive:!1}),r=document.body.style.overflow,document.body.style.overflow="hidden",v.value=!0,t("show"))}function Y(){_==null||_(),document.body.style.overflow=r,v.value=!1,t("close")}function K(M){t("switch",M)}return be(()=>n.src,()=>{k.value?(f.value=!0,u.value=!1,I(),A()):$()}),bt(()=>{k.value?A():$()}),(M,j)=>(P(),H("div",{ref_key:"container",ref:p,class:F([c(a).b(),M.$attrs.class]),style:lt(c(y))},[u.value?de(M.$slots,"error",{key:0},()=>[q("div",{class:F(c(a).e("error"))},Ae(c(o)("el.image.error")),3)]):(P(),H(Ue,{key:1},[i.value!==void 0?(P(),H("img",Ft({key:0},c(s),{src:i.value,loading:M.loading,style:c(S),class:[c(a).e("inner"),c(w)&&c(a).e("preview"),f.value&&c(a).is("loading")],onClick:z,onLoad:O,onError:x}),null,16,wke)):se("v-if",!0),f.value?(P(),H("div",{key:1,class:F(c(a).e("wrapper"))},[de(M.$slots,"placeholder",{},()=>[q("div",{class:F(c(a).e("placeholder"))},null,2)])],2)):se("v-if",!0)],64)),c(w)?(P(),H(Ue,{key:2},[v.value?(P(),ue(c(wI),{key:0,"z-index":M.zIndex,"initial-index":c(C),infinite:M.infinite,"zoom-rate":M.zoomRate,"url-list":M.previewSrcList,"hide-on-click-modal":M.hideOnClickModal,teleported:M.previewTeleported,"close-on-press-escape":M.closeOnPressEscape,onClose:Y,onSwitch:K},{default:re(()=>[M.$slots.viewer?(P(),H("div",Cke,[de(M.$slots,"viewer")])):se("v-if",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):se("v-if",!0)],64)):se("v-if",!0)],6))}});var $ke=ze(kke,[["__file","/home/runner/work/element-plus/element-plus/packages/components/image/src/image.vue"]]);const Eke=Rt($ke),Tke=He({id:{type:String,default:void 0},step:{type:Number,default:1},stepStrictly:Boolean,max:{type:Number,default:Number.POSITIVE_INFINITY},min:{type:Number,default:Number.NEGATIVE_INFINITY},modelValue:Number,readonly:Boolean,disabled:Boolean,size:qr,controls:{type:Boolean,default:!0},controlsPosition:{type:String,default:"",values:["","right"]},valueOnClear:{type:[String,Number,null],validator:e=>e===null||gt(e)||["min","max"].includes(e),default:null},name:String,label:String,placeholder:String,precision:{type:Number,validator:e=>e>=0&&e===Number.parseInt(`${e}`,10)},validateEvent:{type:Boolean,default:!0}}),Pke={[Rn]:(e,t)=>t!==e,blur:e=>e instanceof FocusEvent,focus:e=>e instanceof FocusEvent,[uo]:e=>gt(e)||br(e),[Dt]:e=>gt(e)||br(e)},Oke=["aria-label","onKeydown"],xke=["aria-label","onKeydown"],Ake=Z({name:"ElInputNumber"}),Ike=Z({...Ake,props:Tke,emits:Pke,setup(e,{expose:t,emit:n}){const r=e,{t:o}=rn(),a=Ie("input-number"),l=D(),s=nn({currentValue:r.modelValue,userInput:null}),{formItem:i}=po(),u=T(()=>gt(r.modelValue)&&r.modelValue<=r.min),f=T(()=>gt(r.modelValue)&&r.modelValue>=r.max),v=T(()=>{const B=y(r.step);return Mr(r.precision)?Math.max(y(r.modelValue),B):(B>r.precision,r.precision)}),p=T(()=>r.controls&&r.controlsPosition==="right"),h=Cr(),b=Mo(),g=T(()=>{if(s.userInput!==null)return s.userInput;let B=s.currentValue;if(br(B))return"";if(gt(B)){if(Number.isNaN(B))return"";Mr(r.precision)||(B=B.toFixed(r.precision))}return B}),_=(B,z)=>{if(Mr(z)&&(z=v.value),z===0)return Math.round(B);let Y=String(B);const K=Y.indexOf(".");if(K===-1||!Y.replace(".","").split("")[K+z])return B;const N=Y.length;return Y.charAt(N-1)==="5"&&(Y=`${Y.slice(0,Math.max(0,N-1))}6`),Number.parseFloat(Number(Y).toFixed(z))},y=B=>{if(br(B))return 0;const z=B.toString(),Y=z.indexOf(".");let K=0;return Y!==-1&&(K=z.length-Y-1),K},S=(B,z=1)=>gt(B)?_(B+r.step*z):s.currentValue,w=()=>{if(r.readonly||b.value||f.value)return;const B=Number(g.value)||0,z=S(B);$(z),n(uo,s.currentValue)},C=()=>{if(r.readonly||b.value||u.value)return;const B=Number(g.value)||0,z=S(B,-1);$(z),n(uo,s.currentValue)},k=(B,z)=>{const{max:Y,min:K,step:M,precision:j,stepStrictly:N,valueOnClear:U}=r;YY||WY?Y:K,z&&n(Dt,W)),W},$=(B,z=!0)=>{var Y;const K=s.currentValue,M=k(B);if(!z){n(Dt,M);return}K!==M&&(s.userInput=null,n(Dt,M),n(Rn,M,K),r.validateEvent&&((Y=i==null?void 0:i.validate)==null||Y.call(i,"change").catch(j=>void 0)),s.currentValue=M)},O=B=>{s.userInput=B;const z=B===""?null:Number(B);n(uo,z),$(z,!1)},x=B=>{const z=B!==""?Number(B):"";(gt(z)&&!Number.isNaN(z)||B==="")&&$(z),s.userInput=null},R=()=>{var B,z;(z=(B=l.value)==null?void 0:B.focus)==null||z.call(B)},V=()=>{var B,z;(z=(B=l.value)==null?void 0:B.blur)==null||z.call(B)},A=B=>{n("focus",B)},I=B=>{var z;n("blur",B),r.validateEvent&&((z=i==null?void 0:i.validate)==null||z.call(i,"blur").catch(Y=>void 0))};return be(()=>r.modelValue,B=>{const z=k(s.userInput),Y=k(B,!0);!gt(z)&&(!z||z!==Y)&&(s.currentValue=Y,s.userInput=null)},{immediate:!0}),bt(()=>{var B;const{min:z,max:Y,modelValue:K}=r,M=(B=l.value)==null?void 0:B.input;if(M.setAttribute("role","spinbutton"),Number.isFinite(Y)?M.setAttribute("aria-valuemax",String(Y)):M.removeAttribute("aria-valuemax"),Number.isFinite(z)?M.setAttribute("aria-valuemin",String(z)):M.removeAttribute("aria-valuemin"),M.setAttribute("aria-valuenow",String(s.currentValue)),M.setAttribute("aria-disabled",String(b.value)),!gt(K)&&K!=null){let j=Number(K);Number.isNaN(j)&&(j=null),n(Dt,j)}}),Sa(()=>{var B;const z=(B=l.value)==null?void 0:B.input;z==null||z.setAttribute("aria-valuenow",`${s.currentValue}`)}),t({focus:R,blur:V}),(B,z)=>(P(),H("div",{class:F([c(a).b(),c(a).m(c(h)),c(a).is("disabled",c(b)),c(a).is("without-controls",!B.controls),c(a).is("controls-right",c(p))]),onDragstart:z[1]||(z[1]=pt(()=>{},["prevent"]))},[B.controls?Ot((P(),H("span",{key:0,role:"button","aria-label":c(o)("el.inputNumber.decrease"),class:F([c(a).e("decrease"),c(a).is("disabled",c(u))]),onKeydown:tn(C,["enter"])},[Q(c(at),null,{default:re(()=>[c(p)?(P(),ue(c(Xs),{key:0})):(P(),ue(c(hve),{key:1}))]),_:1})],42,Oke)),[[c(rm),C]]):se("v-if",!0),B.controls?Ot((P(),H("span",{key:1,role:"button","aria-label":c(o)("el.inputNumber.increase"),class:F([c(a).e("increase"),c(a).is("disabled",c(f))]),onKeydown:tn(w,["enter"])},[Q(c(at),null,{default:re(()=>[c(p)?(P(),ue(c(dg),{key:0})):(P(),ue(c(j6),{key:1}))]),_:1})],42,xke)),[[c(rm),w]]):se("v-if",!0),Q(c(vr),{id:B.id,ref_key:"input",ref:l,type:"number",step:B.step,"model-value":c(g),placeholder:B.placeholder,readonly:B.readonly,disabled:c(b),size:c(h),max:B.max,min:B.min,name:B.name,label:B.label,"validate-event":!1,onWheel:z[0]||(z[0]=pt(()=>{},["prevent"])),onKeydown:[tn(pt(w,["prevent"]),["up"]),tn(pt(C,["prevent"]),["down"])],onBlur:I,onFocus:A,onInput:O,onChange:x},null,8,["id","step","model-value","placeholder","readonly","disabled","size","max","min","name","label","onKeydown"])],34))}});var Mke=ze(Ike,[["__file","/home/runner/work/element-plus/element-plus/packages/components/input-number/src/input-number.vue"]]);const Jc=Rt(Mke),Nke=He({type:{type:String,values:["primary","success","warning","info","danger","default"],default:"default"},underline:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},href:{type:String,default:""},icon:{type:On}}),Rke={click:e=>e instanceof MouseEvent},Fke=["href"],Lke=Z({name:"ElLink"}),Dke=Z({...Lke,props:Nke,emits:Rke,setup(e,{emit:t}){const n=e,r=Ie("link"),o=T(()=>[r.b(),r.m(n.type),r.is("disabled",n.disabled),r.is("underline",n.underline&&!n.disabled)]);function a(l){n.disabled||t("click",l)}return(l,s)=>(P(),H("a",{class:F(c(o)),href:l.disabled||!l.href?void 0:l.href,onClick:a},[l.icon?(P(),ue(c(at),{key:0},{default:re(()=>[(P(),ue(jt(l.icon)))]),_:1})):se("v-if",!0),l.$slots.default?(P(),H("span",{key:1,class:F(c(r).e("inner"))},[de(l.$slots,"default")],2)):se("v-if",!0),l.$slots.icon?de(l.$slots,"icon",{key:2}):se("v-if",!0)],10,Fke))}});var Bke=ze(Dke,[["__file","/home/runner/work/element-plus/element-plus/packages/components/link/src/link.vue"]]);const Vke=Rt(Bke);class jke{constructor(t,n){this.parent=t,this.domNode=n,this.subIndex=0,this.subIndex=0,this.init()}init(){this.subMenuItems=this.domNode.querySelectorAll("li"),this.addListeners()}gotoSubIndex(t){t===this.subMenuItems.length?t=0:t<0&&(t=this.subMenuItems.length-1),this.subMenuItems[t].focus(),this.subIndex=t}addListeners(){const t=this.parent.domNode;Array.prototype.forEach.call(this.subMenuItems,n=>{n.addEventListener("keydown",r=>{let o=!1;switch(r.code){case ut.down:{this.gotoSubIndex(this.subIndex+1),o=!0;break}case ut.up:{this.gotoSubIndex(this.subIndex-1),o=!0;break}case ut.tab:{ah(t,"mouseleave");break}case ut.enter:case ut.space:{o=!0,r.currentTarget.click();break}}return o&&(r.preventDefault(),r.stopPropagation()),!1})})}}class zke{constructor(t,n){this.domNode=t,this.submenu=null,this.submenu=null,this.init(n)}init(t){this.domNode.setAttribute("tabindex","0");const n=this.domNode.querySelector(`.${t}-menu`);n&&(this.submenu=new jke(this,n)),this.addListeners()}addListeners(){this.domNode.addEventListener("keydown",t=>{let n=!1;switch(t.code){case ut.down:{ah(t.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(0),n=!0;break}case ut.up:{ah(t.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(this.submenu.subMenuItems.length-1),n=!0;break}case ut.tab:{ah(t.currentTarget,"mouseleave");break}case ut.enter:case ut.space:{n=!0,t.currentTarget.click();break}}n&&t.preventDefault()})}}class Hke{constructor(t,n){this.domNode=t,this.init(n)}init(t){const n=this.domNode.childNodes;Array.from(n).forEach(r=>{r.nodeType===1&&new zke(r,t)})}}const Kke=Z({name:"ElMenuCollapseTransition",setup(){const e=Ie("menu");return{listeners:{onBeforeEnter:n=>n.style.opacity="0.2",onEnter(n,r){fl(n,`${e.namespace.value}-opacity-transition`),n.style.opacity="1",r()},onAfterEnter(n){Po(n,`${e.namespace.value}-opacity-transition`),n.style.opacity=""},onBeforeLeave(n){n.dataset||(n.dataset={}),Va(n,e.m("collapse"))?(Po(n,e.m("collapse")),n.dataset.oldOverflow=n.style.overflow,n.dataset.scrollWidth=n.clientWidth.toString(),fl(n,e.m("collapse"))):(fl(n,e.m("collapse")),n.dataset.oldOverflow=n.style.overflow,n.dataset.scrollWidth=n.clientWidth.toString(),Po(n,e.m("collapse"))),n.style.width=`${n.scrollWidth}px`,n.style.overflow="hidden"},onLeave(n){fl(n,"horizontal-collapse-transition"),n.style.width=`${n.dataset.scrollWidth}px`}}}}});function Wke(e,t,n,r,o,a){return P(),ue(tr,Ft({mode:"out-in"},e.listeners),{default:re(()=>[de(e.$slots,"default")]),_:3},16)}var Uke=ze(Kke,[["render",Wke],["__file","/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-collapse-transition.vue"]]);function CI(e,t){const n=T(()=>{let o=e.parent;const a=[t.value];for(;o.type.name!=="ElMenu";)o.props.index&&a.unshift(o.props.index),o=o.parent;return a});return{parentMenu:T(()=>{let o=e.parent;for(;o&&!["ElMenu","ElSubMenu"].includes(o.type.name);)o=o.parent;return o}),indexPath:n}}function qke(e){return T(()=>{const n=e.backgroundColor;return n?new nA(n).shade(20).toString():""})}const SI=(e,t)=>{const n=Ie("menu");return T(()=>n.cssVarBlock({"text-color":e.textColor||"","hover-text-color":e.textColor||"","bg-color":e.backgroundColor||"","hover-bg-color":qke(e).value||"","active-color":e.activeTextColor||"",level:`${t}`}))},Gke=He({index:{type:String,required:!0},showTimeout:{type:Number,default:300},hideTimeout:{type:Number,default:300},popperClass:String,disabled:Boolean,popperAppendToBody:{type:Boolean,default:void 0},teleported:{type:Boolean,default:void 0},popperOffset:{type:Number,default:6},expandCloseIcon:{type:On},expandOpenIcon:{type:On},collapseCloseIcon:{type:On},collapseOpenIcon:{type:On}}),Kp="ElSubMenu";var o2=Z({name:Kp,props:Gke,setup(e,{slots:t,expose:n}){bl({from:"popper-append-to-body",replacement:"teleported",scope:Kp,version:"2.3.0",ref:"https://element-plus.org/en-US/component/menu.html#submenu-attributes"},T(()=>e.popperAppendToBody!==void 0));const r=vt(),{indexPath:o,parentMenu:a}=CI(r,T(()=>e.index)),l=Ie("menu"),s=Ie("sub-menu"),i=Ge("rootMenu");i||wr(Kp,"can not inject root menu");const u=Ge(`subMenu:${a.value.uid}`);u||wr(Kp,"can not inject sub menu");const f=D({}),v=D({});let p;const h=D(!1),b=D(),g=D(null),_=T(()=>A.value==="horizontal"&&S.value?"bottom-start":"right-start"),y=T(()=>A.value==="horizontal"&&S.value||A.value==="vertical"&&!i.props.collapse?e.expandCloseIcon&&e.expandOpenIcon?$.value?e.expandOpenIcon:e.expandCloseIcon:Xs:e.collapseCloseIcon&&e.collapseOpenIcon?$.value?e.collapseOpenIcon:e.collapseCloseIcon:io),S=T(()=>u.level===0),w=T(()=>{var U;const W=(U=e.teleported)!=null?U:e.popperAppendToBody;return W===void 0?S.value:W}),C=T(()=>i.props.collapse?`${l.namespace.value}-zoom-in-left`:`${l.namespace.value}-zoom-in-top`),k=T(()=>A.value==="horizontal"&&S.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","left-start","bottom-start","bottom-end","top-start","top-end"]),$=T(()=>i.openedMenus.includes(e.index)),O=T(()=>{let U=!1;return Object.values(f.value).forEach(W=>{W.active&&(U=!0)}),Object.values(v.value).forEach(W=>{W.active&&(U=!0)}),U}),x=T(()=>i.props.backgroundColor||""),R=T(()=>i.props.activeTextColor||""),V=T(()=>i.props.textColor||""),A=T(()=>i.props.mode),I=nn({index:e.index,indexPath:o,active:O}),B=SI(i.props,u.level+1),z=T(()=>A.value!=="horizontal"?{color:V.value}:{borderBottomColor:O.value?i.props.activeTextColor?R.value:"":"transparent",color:O.value?R.value:V.value}),Y=()=>{var U,W,G;return(G=(W=(U=g.value)==null?void 0:U.popperRef)==null?void 0:W.popperInstanceRef)==null?void 0:G.destroy()},K=U=>{U||Y()},M=()=>{i.props.menuTrigger==="hover"&&i.props.mode==="horizontal"||i.props.collapse&&i.props.mode==="vertical"||e.disabled||i.handleSubMenuClick({index:e.index,indexPath:o.value,active:O.value})},j=(U,W=e.showTimeout)=>{var G;U.type!=="focus"&&(i.props.menuTrigger==="click"&&i.props.mode==="horizontal"||!i.props.collapse&&i.props.mode==="vertical"||e.disabled||(u.mouseInChild.value=!0,p==null||p(),{stop:p}=Ui(()=>{i.openMenu(e.index,o.value)},W),w.value&&((G=a.value.vnode.el)==null||G.dispatchEvent(new MouseEvent("mouseenter")))))},N=(U=!1)=>{var W,G;i.props.menuTrigger==="click"&&i.props.mode==="horizontal"||!i.props.collapse&&i.props.mode==="vertical"||(p==null||p(),u.mouseInChild.value=!1,{stop:p}=Ui(()=>!h.value&&i.closeMenu(e.index,o.value),e.hideTimeout),w.value&&U&&((W=r.parent)==null?void 0:W.type.name)==="ElSubMenu"&&((G=u.handleMouseleave)==null||G.call(u,!0)))};be(()=>i.props.collapse,U=>K(Boolean(U)));{const U=G=>{v.value[G.index]=G},W=G=>{delete v.value[G.index]};$t(`subMenu:${r.uid}`,{addSubMenu:U,removeSubMenu:W,handleMouseleave:N,mouseInChild:h,level:u.level+1})}return n({opened:$}),bt(()=>{i.addSubMenu(I),u.addSubMenu(I)}),hn(()=>{u.removeSubMenu(I),i.removeSubMenu(I)}),()=>{var U;const W=[(U=t.title)==null?void 0:U.call(t),st(at,{class:s.e("icon-arrow"),style:{transform:$.value?e.expandCloseIcon&&e.expandOpenIcon||e.collapseCloseIcon&&e.collapseOpenIcon&&i.props.collapse?"none":"rotateZ(180deg)":"none"}},{default:()=>_t(y.value)?st(r.appContext.components[y.value]):st(y.value)})],G=i.isMenuPopup?st(ur,{ref:g,visible:$.value,effect:"light",pure:!0,offset:e.popperOffset,showArrow:!1,persistent:!0,popperClass:e.popperClass,placement:_.value,teleported:w.value,fallbackPlacements:k.value,transition:C.value,gpuAcceleration:!1},{content:()=>{var ae;return st("div",{class:[l.m(A.value),l.m("popup-container"),e.popperClass],onMouseenter:me=>j(me,100),onMouseleave:()=>N(!0),onFocus:me=>j(me,100)},[st("ul",{class:[l.b(),l.m("popup"),l.m(`popup-${_.value}`)],style:B.value},[(ae=t.default)==null?void 0:ae.call(t)])])},default:()=>st("div",{class:s.e("title"),style:[z.value,{backgroundColor:x.value}],onClick:M},W)}):st(Ue,{},[st("div",{class:s.e("title"),style:[z.value,{backgroundColor:x.value}],ref:b,onClick:M},W),st(Tg,{},{default:()=>{var ae;return Ot(st("ul",{role:"menu",class:[l.b(),l.m("inline")],style:B.value},[(ae=t.default)==null?void 0:ae.call(t)]),[[on,$.value]])}})]);return st("li",{class:[s.b(),s.is("active",O.value),s.is("opened",$.value),s.is("disabled",e.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:$.value,onMouseenter:j,onMouseleave:()=>N(!0),onFocus:j},[G])}}});const Yke=He({mode:{type:String,values:["horizontal","vertical"],default:"vertical"},defaultActive:{type:String,default:""},defaultOpeneds:{type:ge(Array),default:()=>zn([])},uniqueOpened:Boolean,router:Boolean,menuTrigger:{type:String,values:["hover","click"],default:"hover"},collapse:Boolean,backgroundColor:String,textColor:String,activeTextColor:String,collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},popperEffect:{type:String,values:["dark","light"],default:"dark"}}),Ib=e=>Array.isArray(e)&&e.every(t=>_t(t)),Xke={close:(e,t)=>_t(e)&&Ib(t),open:(e,t)=>_t(e)&&Ib(t),select:(e,t,n,r)=>_t(e)&&Ib(t)&&Bt(n)&&(r===void 0||r instanceof Promise)};var Zke=Z({name:"ElMenu",props:Yke,emits:Xke,setup(e,{emit:t,slots:n,expose:r}){const o=vt(),a=o.appContext.config.globalProperties.$router,l=D(),s=Ie("menu"),i=Ie("sub-menu"),u=D(-1),f=D(e.defaultOpeneds&&!e.collapse?e.defaultOpeneds.slice(0):[]),v=D(e.defaultActive),p=D({}),h=D({}),b=T(()=>e.mode==="horizontal"||e.mode==="vertical"&&e.collapse),g=()=>{const A=v.value&&p.value[v.value];if(!A||e.mode==="horizontal"||e.collapse)return;A.indexPath.forEach(B=>{const z=h.value[B];z&&_(B,z.indexPath)})},_=(A,I)=>{f.value.includes(A)||(e.uniqueOpened&&(f.value=f.value.filter(B=>I.includes(B))),f.value.push(A),t("open",A,I))},y=A=>{const I=f.value.indexOf(A);I!==-1&&f.value.splice(I,1)},S=(A,I)=>{y(A),t("close",A,I)},w=({index:A,indexPath:I})=>{f.value.includes(A)?S(A,I):_(A,I)},C=A=>{(e.mode==="horizontal"||e.collapse)&&(f.value=[]);const{index:I,indexPath:B}=A;if(!(br(I)||br(B)))if(e.router&&a){const z=A.route||I,Y=a.push(z).then(K=>(K||(v.value=I),K));t("select",I,B,{index:I,indexPath:B,route:z},Y)}else v.value=I,t("select",I,B,{index:I,indexPath:B})},k=A=>{const I=p.value,B=I[A]||v.value&&I[v.value]||I[e.defaultActive];B?v.value=B.index:v.value=A},$=()=>{var A,I;if(!l.value)return-1;const B=Array.from((I=(A=l.value)==null?void 0:A.childNodes)!=null?I:[]).filter(U=>U.nodeName!=="#comment"&&(U.nodeName!=="#text"||U.nodeValue)),z=64,Y=Number.parseInt(getComputedStyle(l.value).paddingLeft,10),K=Number.parseInt(getComputedStyle(l.value).paddingRight,10),M=l.value.clientWidth-Y-K;let j=0,N=0;return B.forEach((U,W)=>{j+=U.offsetWidth||0,j<=M-z&&(N=W+1)}),N===B.length?-1:N},O=(A,I=33.34)=>{let B;return()=>{B&&clearTimeout(B),B=setTimeout(()=>{A()},I)}};let x=!0;const R=()=>{const A=()=>{u.value=-1,tt(()=>{u.value=$()})};x?A():O(A)(),x=!1};be(()=>e.defaultActive,A=>{p.value[A]||(v.value=""),k(A)}),be(()=>e.collapse,A=>{A&&(f.value=[])}),be(p.value,g);let V;ir(()=>{e.mode==="horizontal"&&e.ellipsis?V=eo(l,R).stop:V==null||V()});{const A=Y=>{h.value[Y.index]=Y},I=Y=>{delete h.value[Y.index]};$t("rootMenu",nn({props:e,openedMenus:f,items:p,subMenus:h,activeIndex:v,isMenuPopup:b,addMenuItem:Y=>{p.value[Y.index]=Y},removeMenuItem:Y=>{delete p.value[Y.index]},addSubMenu:A,removeSubMenu:I,openMenu:_,closeMenu:S,handleMenuItemClick:C,handleSubMenuClick:w})),$t(`subMenu:${o.uid}`,{addSubMenu:A,removeSubMenu:I,mouseInChild:D(!1),level:0})}return bt(()=>{e.mode==="horizontal"&&new Hke(o.vnode.el,s.namespace.value)}),r({open:I=>{const{indexPath:B}=h.value[I];B.forEach(z=>_(z,B))},close:y,handleResize:R}),()=>{var A,I;let B=(I=(A=n.default)==null?void 0:A.call(n))!=null?I:[];const z=[];if(e.mode==="horizontal"&&l.value){const M=Zu(B),j=u.value===-1?M:M.slice(0,u.value),N=u.value===-1?[]:M.slice(u.value);(N==null?void 0:N.length)&&e.ellipsis&&(B=j,z.push(st(o2,{index:"sub-menu-more",class:i.e("hide-arrow")},{title:()=>st(at,{class:i.e("icon-more")},{default:()=>st(bve)}),default:()=>N})))}const Y=SI(e,0),K=st("ul",{key:String(e.collapse),role:"menubar",ref:l,style:Y.value,class:{[s.b()]:!0,[s.m(e.mode)]:!0,[s.m("collapse")]:e.collapse}},[...B,...z]);return e.collapseTransition&&e.mode==="vertical"?st(Uke,()=>K):K}}});const Qke=He({index:{type:ge([String,null]),default:null},route:{type:ge([String,Object])},disabled:Boolean}),Jke={click:e=>_t(e.index)&&Array.isArray(e.indexPath)},Mb="ElMenuItem",e$e=Z({name:Mb,components:{ElTooltip:ur},props:Qke,emits:Jke,setup(e,{emit:t}){const n=vt(),r=Ge("rootMenu"),o=Ie("menu"),a=Ie("menu-item");r||wr(Mb,"can not inject root menu");const{parentMenu:l,indexPath:s}=CI(n,Nn(e,"index")),i=Ge(`subMenu:${l.value.uid}`);i||wr(Mb,"can not inject sub menu");const u=T(()=>e.index===r.activeIndex),f=nn({index:e.index,indexPath:s,active:u}),v=()=>{e.disabled||(r.handleMenuItemClick({index:e.index,indexPath:s.value,route:e.route}),t("click",f))};return bt(()=>{i.addSubMenu(f),r.addMenuItem(f)}),hn(()=>{i.removeSubMenu(f),r.removeMenuItem(f)}),{parentMenu:l,rootMenu:r,active:u,nsMenu:o,nsMenuItem:a,handleClick:v}}});function t$e(e,t,n,r,o,a){const l=Ct("el-tooltip");return P(),H("li",{class:F([e.nsMenuItem.b(),e.nsMenuItem.is("active",e.active),e.nsMenuItem.is("disabled",e.disabled)]),role:"menuitem",tabindex:"-1",onClick:t[0]||(t[0]=(...s)=>e.handleClick&&e.handleClick(...s))},[e.parentMenu.type.name==="ElMenu"&&e.rootMenu.props.collapse&&e.$slots.title?(P(),ue(l,{key:0,effect:e.rootMenu.props.popperEffect,placement:"right","fallback-placements":["left"],persistent:""},{content:re(()=>[de(e.$slots,"title")]),default:re(()=>[q("div",{class:F(e.nsMenu.be("tooltip","trigger"))},[de(e.$slots,"default")],2)]),_:3},8,["effect"])):(P(),H(Ue,{key:1},[de(e.$slots,"default"),de(e.$slots,"title")],64))],2)}var kI=ze(e$e,[["render",t$e],["__file","/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-item.vue"]]);const n$e={title:String},r$e="ElMenuItemGroup",o$e=Z({name:r$e,props:n$e,setup(){return{ns:Ie("menu-item-group")}}});function a$e(e,t,n,r,o,a){return P(),H("li",{class:F(e.ns.b())},[q("div",{class:F(e.ns.e("title"))},[e.$slots.title?de(e.$slots,"title",{key:1}):(P(),H(Ue,{key:0},[Ht(Ae(e.title),1)],64))],2),q("ul",null,[de(e.$slots,"default")])],2)}var $I=ze(o$e,[["render",a$e],["__file","/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-item-group.vue"]]);const l$e=Rt(Zke,{MenuItem:kI,MenuItemGroup:$I,SubMenu:o2}),s$e=Xn(kI),i$e=Xn($I),u$e=Xn(o2),c$e=He({icon:{type:On,default:()=>zfe},title:String,content:{type:String,default:""}}),d$e={back:()=>!0},f$e=["aria-label"],v$e=Z({name:"ElPageHeader"}),p$e=Z({...v$e,props:c$e,emits:d$e,setup(e,{emit:t}){const n=Vr(),{t:r}=rn(),o=Ie("page-header"),a=T(()=>[o.b(),{[o.m("has-breadcrumb")]:!!n.breadcrumb,[o.m("has-extra")]:!!n.extra,[o.is("contentful")]:!!n.default}]);function l(){t("back")}return(s,i)=>(P(),H("div",{class:F(c(a))},[s.$slots.breadcrumb?(P(),H("div",{key:0,class:F(c(o).e("breadcrumb"))},[de(s.$slots,"breadcrumb")],2)):se("v-if",!0),q("div",{class:F(c(o).e("header"))},[q("div",{class:F(c(o).e("left"))},[q("div",{class:F(c(o).e("back")),role:"button",tabindex:"0",onClick:l},[s.icon||s.$slots.icon?(P(),H("div",{key:0,"aria-label":s.title||c(r)("el.pageHeader.title"),class:F(c(o).e("icon"))},[de(s.$slots,"icon",{},()=>[s.icon?(P(),ue(c(at),{key:0},{default:re(()=>[(P(),ue(jt(s.icon)))]),_:1})):se("v-if",!0)])],10,f$e)):se("v-if",!0),q("div",{class:F(c(o).e("title"))},[de(s.$slots,"title",{},()=>[Ht(Ae(s.title||c(r)("el.pageHeader.title")),1)])],2)],2),Q(c(fI),{direction:"vertical"}),q("div",{class:F(c(o).e("content"))},[de(s.$slots,"content",{},()=>[Ht(Ae(s.content),1)])],2)],2),s.$slots.extra?(P(),H("div",{key:0,class:F(c(o).e("extra"))},[de(s.$slots,"extra")],2)):se("v-if",!0)],2),s.$slots.default?(P(),H("div",{key:1,class:F(c(o).e("main"))},[de(s.$slots,"default")],2)):se("v-if",!0)],2))}});var h$e=ze(p$e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/page-header/src/page-header.vue"]]);const m$e=Rt(h$e),EI=Symbol("elPaginationKey"),g$e=He({disabled:Boolean,currentPage:{type:Number,default:1},prevText:{type:String},prevIcon:{type:On}}),b$e={click:e=>e instanceof MouseEvent},y$e=["disabled","aria-label","aria-disabled"],_$e={key:0},w$e=Z({name:"ElPaginationPrev"}),C$e=Z({...w$e,props:g$e,emits:b$e,setup(e){const t=e,{t:n}=rn(),r=T(()=>t.disabled||t.currentPage<=1);return(o,a)=>(P(),H("button",{type:"button",class:"btn-prev",disabled:c(r),"aria-label":o.prevText||c(n)("el.pagination.prev"),"aria-disabled":c(r),onClick:a[0]||(a[0]=l=>o.$emit("click",l))},[o.prevText?(P(),H("span",_$e,Ae(o.prevText),1)):(P(),ue(c(at),{key:1},{default:re(()=>[(P(),ue(jt(o.prevIcon)))]),_:1}))],8,y$e))}});var S$e=ze(C$e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/prev.vue"]]);const k$e=He({disabled:Boolean,currentPage:{type:Number,default:1},pageCount:{type:Number,default:50},nextText:{type:String},nextIcon:{type:On}}),$$e=["disabled","aria-label","aria-disabled"],E$e={key:0},T$e=Z({name:"ElPaginationNext"}),P$e=Z({...T$e,props:k$e,emits:["click"],setup(e){const t=e,{t:n}=rn(),r=T(()=>t.disabled||t.currentPage===t.pageCount||t.pageCount===0);return(o,a)=>(P(),H("button",{type:"button",class:"btn-next",disabled:c(r),"aria-label":o.nextText||c(n)("el.pagination.next"),"aria-disabled":c(r),onClick:a[0]||(a[0]=l=>o.$emit("click",l))},[o.nextText?(P(),H("span",E$e,Ae(o.nextText),1)):(P(),ue(c(at),{key:1},{default:re(()=>[(P(),ue(jt(o.nextIcon)))]),_:1}))],8,$$e))}});var O$e=ze(P$e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/next.vue"]]);const TI=Symbol("ElSelectGroup"),wv=Symbol("ElSelect");function x$e(e,t){const n=Ge(wv),r=Ge(TI,{disabled:!1}),o=T(()=>Object.prototype.toString.call(e.value).toLowerCase()==="[object object]"),a=T(()=>n.props.multiple?v(n.props.modelValue,e.value):p(e.value,n.props.modelValue)),l=T(()=>{if(n.props.multiple){const g=n.props.modelValue||[];return!a.value&&g.length>=n.props.multipleLimit&&n.props.multipleLimit>0}else return!1}),s=T(()=>e.label||(o.value?"":e.value)),i=T(()=>e.value||e.label||""),u=T(()=>e.disabled||t.groupDisabled||l.value),f=vt(),v=(g=[],_)=>{if(o.value){const y=n.props.valueKey;return g&&g.some(S=>vn(jn(S,y))===jn(_,y))}else return g&&g.includes(_)},p=(g,_)=>{if(o.value){const{valueKey:y}=n.props;return jn(g,y)===jn(_,y)}else return g===_},h=()=>{!e.disabled&&!r.disabled&&(n.hoverIndex=n.optionsArray.indexOf(f.proxy))};be(()=>s.value,()=>{!e.created&&!n.props.remote&&n.setSelected()}),be(()=>e.value,(g,_)=>{const{remote:y,valueKey:S}=n.props;if(Object.is(g,_)||(n.onOptionDestroy(_,f.proxy),n.onOptionCreate(f.proxy)),!e.created&&!y){if(S&&typeof g=="object"&&typeof _=="object"&&g[S]===_[S])return;n.setSelected()}}),be(()=>r.disabled,()=>{t.groupDisabled=r.disabled},{immediate:!0});const{queryChange:b}=vn(n);return be(b,g=>{const{query:_}=c(g),y=new RegExp(R6(_),"i");t.visible=y.test(s.value)||e.created,t.visible||n.filteredOptionsCount--},{immediate:!0}),{select:n,currentLabel:s,currentValue:i,itemSelected:a,isDisabled:u,hoverItem:h}}const A$e=Z({name:"ElOption",componentName:"ElOption",props:{value:{required:!0,type:[String,Number,Boolean,Object]},label:[String,Number],created:Boolean,disabled:{type:Boolean,default:!1}},setup(e){const t=Ie("select"),n=nn({index:-1,groupDisabled:!1,visible:!0,hitState:!1,hover:!1}),{currentLabel:r,itemSelected:o,isDisabled:a,select:l,hoverItem:s}=x$e(e,n),{visible:i,hover:u}=kr(n),f=vt().proxy;l.onOptionCreate(f),hn(()=>{const p=f.value,{selected:h}=l,g=(l.props.multiple?h:[h]).some(_=>_.value===f.value);tt(()=>{l.cachedOptions.get(p)===f&&!g&&l.cachedOptions.delete(p)}),l.onOptionDestroy(p,f)});function v(){e.disabled!==!0&&n.groupDisabled!==!0&&l.handleOptionSelect(f)}return{ns:t,currentLabel:r,itemSelected:o,isDisabled:a,select:l,hoverItem:s,visible:i,hover:u,selectOptionClick:v,states:n}}});function I$e(e,t,n,r,o,a){return Ot((P(),H("li",{class:F([e.ns.be("dropdown","item"),e.ns.is("disabled",e.isDisabled),{selected:e.itemSelected,hover:e.hover}]),onMouseenter:t[0]||(t[0]=(...l)=>e.hoverItem&&e.hoverItem(...l)),onClick:t[1]||(t[1]=pt((...l)=>e.selectOptionClick&&e.selectOptionClick(...l),["stop"]))},[de(e.$slots,"default",{},()=>[q("span",null,Ae(e.currentLabel),1)])],34)),[[on,e.visible]])}var a2=ze(A$e,[["render",I$e],["__file","/home/runner/work/element-plus/element-plus/packages/components/select/src/option.vue"]]);const M$e=Z({name:"ElSelectDropdown",componentName:"ElSelectDropdown",setup(){const e=Ge(wv),t=Ie("select"),n=T(()=>e.props.popperClass),r=T(()=>e.props.multiple),o=T(()=>e.props.fitInputWidth),a=D("");function l(){var s;a.value=`${(s=e.selectWrapper)==null?void 0:s.offsetWidth}px`}return bt(()=>{l(),eo(e.selectWrapper,l)}),{ns:t,minWidth:a,popperClass:n,isMultiple:r,isFitInputWidth:o}}});function N$e(e,t,n,r,o,a){return P(),H("div",{class:F([e.ns.b("dropdown"),e.ns.is("multiple",e.isMultiple),e.popperClass]),style:lt({[e.isFitInputWidth?"width":"minWidth"]:e.minWidth})},[de(e.$slots,"default")],6)}var R$e=ze(M$e,[["render",N$e],["__file","/home/runner/work/element-plus/element-plus/packages/components/select/src/select-dropdown.vue"]]);function F$e(e){const{t}=rn();return nn({options:new Map,cachedOptions:new Map,createdLabel:null,createdSelected:!1,selected:e.multiple?[]:{},inputLength:20,inputWidth:0,optionsCount:0,filteredOptionsCount:0,visible:!1,selectedLabel:"",hoverIndex:-1,query:"",previousQuery:null,inputHovering:!1,cachedPlaceHolder:"",currentPlaceholder:t("el.select.placeholder"),menuVisibleOnFocus:!1,isOnComposition:!1,prefixWidth:11,tagInMultiLine:!1,mouseEnter:!1})}let Nb=!1;const L$e=(e,t,n)=>{const{t:r}=rn(),o=Ie("select");bl({from:"suffixTransition",replacement:"override style scheme",version:"2.3.0",scope:"props",ref:"https://element-plus.org/en-US/component/select.html#select-attributes"},T(()=>e.suffixTransition===!1));const a=D(null),l=D(null),s=D(null),i=D(null),u=D(null),f=D(null),v=D(null),p=D(-1),h=En({query:""}),b=En(""),g=D([]);let _=0;const{form:y,formItem:S}=po(),w=T(()=>!e.filterable||e.multiple||!t.visible),C=T(()=>e.disabled||(y==null?void 0:y.disabled)),k=T(()=>{const xe=e.multiple?Array.isArray(e.modelValue)&&e.modelValue.length>0:e.modelValue!==void 0&&e.modelValue!==null&&e.modelValue!=="";return e.clearable&&!C.value&&t.inputHovering&&xe}),$=T(()=>e.remote&&e.filterable&&!e.remoteShowSuffix?"":e.suffixIcon),O=T(()=>o.is("reverse",$.value&&t.visible&&e.suffixTransition)),x=T(()=>e.remote?300:0),R=T(()=>e.loading?e.loadingText||r("el.select.loading"):e.remote&&t.query===""&&t.options.size===0?!1:e.filterable&&t.query&&t.options.size>0&&t.filteredOptionsCount===0?e.noMatchText||r("el.select.noMatch"):t.options.size===0?e.noDataText||r("el.select.noData"):null),V=T(()=>{const xe=Array.from(t.options.values()),Je=[];return g.value.forEach(Tt=>{const Lt=xe.findIndex(Kt=>Kt.currentLabel===Tt);Lt>-1&&Je.push(xe[Lt])}),Je.length?Je:xe}),A=T(()=>Array.from(t.cachedOptions.values())),I=T(()=>{const xe=V.value.filter(Je=>!Je.created).some(Je=>Je.currentLabel===t.query);return e.filterable&&e.allowCreate&&t.query!==""&&!xe}),B=Cr(),z=T(()=>["small"].includes(B.value)?"small":"default"),Y=T({get(){return t.visible&&R.value!==!1},set(xe){t.visible=xe}});be([()=>C.value,()=>B.value,()=>y==null?void 0:y.size],()=>{tt(()=>{K()})}),be(()=>e.placeholder,xe=>{t.cachedPlaceHolder=t.currentPlaceholder=xe,e.multiple&&Array.isArray(e.modelValue)&&e.modelValue.length>0&&(t.currentPlaceholder="")}),be(()=>e.modelValue,(xe,Je)=>{e.multiple&&(K(),xe&&xe.length>0||l.value&&t.query!==""?t.currentPlaceholder="":t.currentPlaceholder=t.cachedPlaceHolder,e.filterable&&!e.reserveKeyword&&(t.query="",M(t.query))),U(),e.filterable&&!e.multiple&&(t.inputLength=20),!To(xe,Je)&&e.validateEvent&&(S==null||S.validate("change").catch(Tt=>void 0))},{flush:"post",deep:!0}),be(()=>t.visible,xe=>{var Je,Tt,Lt,Kt,sn;xe?((Tt=(Je=i.value)==null?void 0:Je.updatePopper)==null||Tt.call(Je),e.filterable&&(t.filteredOptionsCount=t.optionsCount,t.query=e.remote?"":t.selectedLabel,(Kt=(Lt=s.value)==null?void 0:Lt.focus)==null||Kt.call(Lt),e.multiple?(sn=l.value)==null||sn.focus():t.selectedLabel&&(t.currentPlaceholder=`${t.selectedLabel}`,t.selectedLabel=""),M(t.query),!e.multiple&&!e.remote&&(h.value.query="",Au(h),Au(b)))):(e.filterable&&(ht(e.filterMethod)&&e.filterMethod(""),ht(e.remoteMethod)&&e.remoteMethod("")),l.value&&l.value.blur(),t.query="",t.previousQuery=null,t.selectedLabel="",t.inputLength=20,t.menuVisibleOnFocus=!1,G(),tt(()=>{l.value&&l.value.value===""&&t.selected.length===0&&(t.currentPlaceholder=t.cachedPlaceHolder)}),e.multiple||(t.selected&&(e.filterable&&e.allowCreate&&t.createdSelected&&t.createdLabel?t.selectedLabel=t.createdLabel:t.selectedLabel=t.selected.currentLabel,e.filterable&&(t.query=t.selectedLabel)),e.filterable&&(t.currentPlaceholder=t.cachedPlaceHolder))),n.emit("visible-change",xe)}),be(()=>t.options.entries(),()=>{var xe,Je,Tt;if(!en)return;(Je=(xe=i.value)==null?void 0:xe.updatePopper)==null||Je.call(xe),e.multiple&&K();const Lt=((Tt=f.value)==null?void 0:Tt.querySelectorAll("input"))||[];Array.from(Lt).includes(document.activeElement)||U(),e.defaultFirstOption&&(e.filterable||e.remote)&&t.filteredOptionsCount&&N()},{flush:"post"}),be(()=>t.hoverIndex,xe=>{gt(xe)&&xe>-1?p.value=V.value[xe]||{}:p.value={},V.value.forEach(Je=>{Je.hover=p.value===Je})});const K=()=>{tt(()=>{var xe,Je;if(!a.value)return;const Tt=a.value.$el.querySelector("input");_=_||(Tt.clientHeight>0?Tt.clientHeight+2:0);const Lt=u.value,Kt=Xve(B.value||(y==null?void 0:y.size)),sn=B.value||Kt===_||_<=0?Kt:_;!(Tt.offsetParent===null)&&(Tt.style.height=`${(t.selected.length===0?sn:Math.max(Lt?Lt.clientHeight+(Lt.clientHeight>sn?6:0):0,sn))-2}px`),t.tagInMultiLine=Number.parseFloat(Tt.style.height)>=sn,t.visible&&R.value!==!1&&((Je=(xe=i.value)==null?void 0:xe.updatePopper)==null||Je.call(xe))})},M=async xe=>{if(!(t.previousQuery===xe||t.isOnComposition)){if(t.previousQuery===null&&(ht(e.filterMethod)||ht(e.remoteMethod))){t.previousQuery=xe;return}t.previousQuery=xe,tt(()=>{var Je,Tt;t.visible&&((Tt=(Je=i.value)==null?void 0:Je.updatePopper)==null||Tt.call(Je))}),t.hoverIndex=-1,e.multiple&&e.filterable&&tt(()=>{const Je=l.value.value.length*15+20;t.inputLength=e.collapseTags?Math.min(50,Je):Je,j(),K()}),e.remote&&ht(e.remoteMethod)?(t.hoverIndex=-1,e.remoteMethod(xe)):ht(e.filterMethod)?(e.filterMethod(xe),Au(b)):(t.filteredOptionsCount=t.optionsCount,h.value.query=xe,Au(h),Au(b)),e.defaultFirstOption&&(e.filterable||e.remote)&&t.filteredOptionsCount&&(await tt(),N())}},j=()=>{t.currentPlaceholder!==""&&(t.currentPlaceholder=l.value.value?"":t.cachedPlaceHolder)},N=()=>{const xe=V.value.filter(Lt=>Lt.visible&&!Lt.disabled&&!Lt.states.groupDisabled),Je=xe.find(Lt=>Lt.created),Tt=xe[0];t.hoverIndex=ie(V.value,Je||Tt)},U=()=>{var xe;if(e.multiple)t.selectedLabel="";else{const Tt=W(e.modelValue);(xe=Tt.props)!=null&&xe.created?(t.createdLabel=Tt.props.value,t.createdSelected=!0):t.createdSelected=!1,t.selectedLabel=Tt.currentLabel,t.selected=Tt,e.filterable&&(t.query=t.selectedLabel);return}const Je=[];Array.isArray(e.modelValue)&&e.modelValue.forEach(Tt=>{Je.push(W(Tt))}),t.selected=Je,tt(()=>{K()})},W=xe=>{let Je;const Tt=Jp(xe).toLowerCase()==="object",Lt=Jp(xe).toLowerCase()==="null",Kt=Jp(xe).toLowerCase()==="undefined";for(let De=t.cachedOptions.size-1;De>=0;De--){const ot=A.value[De];if(Tt?jn(ot.value,e.valueKey)===jn(xe,e.valueKey):ot.value===xe){Je={value:xe,currentLabel:ot.currentLabel,isDisabled:ot.isDisabled};break}}if(Je)return Je;const sn=Tt?xe.label:!Lt&&!Kt?xe:"",ar={value:xe,currentLabel:sn};return e.multiple&&(ar.hitState=!1),ar},G=()=>{setTimeout(()=>{const xe=e.valueKey;e.multiple?t.selected.length>0?t.hoverIndex=Math.min.apply(null,t.selected.map(Je=>V.value.findIndex(Tt=>jn(Tt,xe)===jn(Je,xe)))):t.hoverIndex=-1:t.hoverIndex=V.value.findIndex(Je=>Fe(Je)===Fe(t.selected))},300)},ae=()=>{var xe,Je;me(),(Je=(xe=i.value)==null?void 0:xe.updatePopper)==null||Je.call(xe),e.multiple&&K()},me=()=>{var xe;t.inputWidth=(xe=a.value)==null?void 0:xe.$el.offsetWidth},Ce=()=>{e.filterable&&t.query!==t.selectedLabel&&(t.query=t.selectedLabel,M(t.query))},pe=vo(()=>{Ce()},x.value),ke=vo(xe=>{M(xe.target.value)},x.value),ce=xe=>{To(e.modelValue,xe)||n.emit(Rn,xe)},ee=xe=>{if(xe.code!==ut.delete){if(xe.target.value.length<=0&&!Te()){const Je=e.modelValue.slice();Je.pop(),n.emit(Dt,Je),ce(Je)}xe.target.value.length===1&&e.modelValue.length===0&&(t.currentPlaceholder=t.cachedPlaceHolder)}},ve=(xe,Je)=>{const Tt=t.selected.indexOf(Je);if(Tt>-1&&!C.value){const Lt=e.modelValue.slice();Lt.splice(Tt,1),n.emit(Dt,Lt),ce(Lt),n.emit("remove-tag",Je.value)}xe.stopPropagation()},Be=xe=>{xe.stopPropagation();const Je=e.multiple?[]:"";if(!_t(Je))for(const Tt of t.selected)Tt.isDisabled&&Je.push(Tt.value);n.emit(Dt,Je),ce(Je),t.hoverIndex=-1,t.visible=!1,n.emit("clear")},ne=xe=>{var Je;if(e.multiple){const Tt=(e.modelValue||[]).slice(),Lt=ie(Tt,xe.value);Lt>-1?Tt.splice(Lt,1):(e.multipleLimit<=0||Tt.length{Oe(xe)})},ie=(xe=[],Je)=>{if(!Bt(Je))return xe.indexOf(Je);const Tt=e.valueKey;let Lt=-1;return xe.some((Kt,sn)=>vn(jn(Kt,Tt))===jn(Je,Tt)?(Lt=sn,!0):!1),Lt},ye=()=>{const xe=l.value||a.value;xe&&(xe==null||xe.focus())},Oe=xe=>{var Je,Tt,Lt,Kt,sn;const ar=Array.isArray(xe)?xe[0]:xe;let De=null;if(ar!=null&&ar.value){const ot=V.value.filter(Wt=>Wt.value===ar.value);ot.length>0&&(De=ot[0].$el)}if(i.value&&De){const ot=(Kt=(Lt=(Tt=(Je=i.value)==null?void 0:Je.popperRef)==null?void 0:Tt.contentRef)==null?void 0:Lt.querySelector)==null?void 0:Kt.call(Lt,`.${o.be("dropdown","wrap")}`);ot&&D6(ot,De)}(sn=v.value)==null||sn.handleScroll()},je=xe=>{t.optionsCount++,t.filteredOptionsCount++,t.options.set(xe.value,xe),t.cachedOptions.set(xe.value,xe)},_e=(xe,Je)=>{t.options.get(xe)===Je&&(t.optionsCount--,t.filteredOptionsCount--,t.options.delete(xe))},Ve=xe=>{xe.code!==ut.backspace&&Te(!1),t.inputLength=l.value.value.length*15+20,K()},Te=xe=>{if(!Array.isArray(t.selected))return;const Je=t.selected[t.selected.length-1];if(!!Je)return xe===!0||xe===!1?(Je.hitState=xe,xe):(Je.hitState=!Je.hitState,Je.hitState)},Le=xe=>{const Je=xe.target.value;if(xe.type==="compositionend")t.isOnComposition=!1,tt(()=>M(Je));else{const Tt=Je[Je.length-1]||"";t.isOnComposition=!hg(Tt)}},Ee=()=>{tt(()=>Oe(t.selected))},Ze=xe=>{Nb?Nb=!1:((e.automaticDropdown||e.filterable)&&(e.filterable&&!t.visible&&(t.menuVisibleOnFocus=!0),t.visible=!0),n.emit("focus",xe))},Ye=()=>{var xe,Je,Tt;t.visible=!1,(xe=a.value)==null||xe.blur(),(Tt=(Je=s.value)==null?void 0:Je.blur)==null||Tt.call(Je)},$e=xe=>{setTimeout(()=>{var Je;if((Je=i.value)!=null&&Je.isFocusInsideContent()){Nb=!0;return}t.visible&&ft(),n.emit("blur",xe)})},Xe=xe=>{Be(xe)},ft=()=>{t.visible=!1},Et=xe=>{t.visible&&(xe.preventDefault(),xe.stopPropagation(),t.visible=!1)},dt=xe=>{var Je;xe&&!t.mouseEnter||C.value||(t.menuVisibleOnFocus?t.menuVisibleOnFocus=!1:(!i.value||!i.value.isFocusInsideContent())&&(t.visible=!t.visible),t.visible&&((Je=l.value||a.value)==null||Je.focus()))},Ne=()=>{t.visible?V.value[t.hoverIndex]&&ne(V.value[t.hoverIndex]):dt()},Fe=xe=>Bt(xe.value)?jn(xe.value,e.valueKey):xe.value,we=T(()=>V.value.filter(xe=>xe.visible).every(xe=>xe.disabled)),le=T(()=>t.selected.slice(0,e.maxCollapseTags)),fe=T(()=>t.selected.slice(e.maxCollapseTags)),Re=xe=>{if(!t.visible){t.visible=!0;return}if(!(t.options.size===0||t.filteredOptionsCount===0)&&!t.isOnComposition&&!we.value){xe==="next"?(t.hoverIndex++,t.hoverIndex===t.options.size&&(t.hoverIndex=0)):xe==="prev"&&(t.hoverIndex--,t.hoverIndex<0&&(t.hoverIndex=t.options.size-1));const Je=V.value[t.hoverIndex];(Je.disabled===!0||Je.states.groupDisabled===!0||!Je.visible)&&Re(xe),tt(()=>Oe(p.value))}};return{optionList:g,optionsArray:V,selectSize:B,handleResize:ae,debouncedOnInputChange:pe,debouncedQueryChange:ke,deletePrevTag:ee,deleteTag:ve,deleteSelected:Be,handleOptionSelect:ne,scrollToOption:Oe,readonly:w,resetInputHeight:K,showClose:k,iconComponent:$,iconReverse:O,showNewOption:I,collapseTagSize:z,setSelected:U,managePlaceholder:j,selectDisabled:C,emptyText:R,toggleLastOptionHitState:Te,resetInputState:Ve,handleComposition:Le,onOptionCreate:je,onOptionDestroy:_e,handleMenuEnter:Ee,handleFocus:Ze,blur:Ye,handleBlur:$e,handleClearClick:Xe,handleClose:ft,handleKeydownEscape:Et,toggleMenu:dt,selectOption:Ne,getValueKey:Fe,navigateOptions:Re,dropMenuVisible:Y,queryChange:h,groupQueryChange:b,showTagList:le,collapseTagList:fe,reference:a,input:l,iOSInput:s,tooltipRef:i,tags:u,selectWrapper:f,scrollbar:v,handleMouseEnter:()=>{t.mouseEnter=!0},handleMouseLeave:()=>{t.mouseEnter=!1}}};var D$e=Z({name:"ElOptions",emits:["update-options"],setup(e,{slots:t,emit:n}){let r=[];function o(a,l){if(a.length!==l.length)return!1;for(const[s]of a.entries())if(a[s]!=l[s])return!1;return!0}return()=>{var a,l;const s=(a=t.default)==null?void 0:a.call(t),i=[];function u(f){!Array.isArray(f)||f.forEach(v=>{var p,h,b,g;const _=(p=(v==null?void 0:v.type)||{})==null?void 0:p.name;_==="ElOptionGroup"?u(!_t(v.children)&&!Array.isArray(v.children)&&ht((h=v.children)==null?void 0:h.default)?(b=v.children)==null?void 0:b.default():v.children):_==="ElOption"?i.push((g=v.props)==null?void 0:g.label):Array.isArray(v.children)&&u(v.children)})}return s.length&&u((l=s[0])==null?void 0:l.children),o(i,r)||(r=i,n("update-options",i)),s}}});const T3="ElSelect",B$e=Z({name:T3,componentName:T3,components:{ElInput:vr,ElSelectMenu:R$e,ElOption:a2,ElOptions:D$e,ElTag:Bf,ElScrollbar:as,ElTooltip:ur,ElIcon:at},directives:{ClickOutside:qs},props:{name:String,id:String,modelValue:{type:[Array,String,Number,Boolean,Object],default:void 0},autocomplete:{type:String,default:"off"},automaticDropdown:Boolean,size:{type:String,validator:pg},effect:{type:String,default:"light"},disabled:Boolean,clearable:Boolean,filterable:Boolean,allowCreate:Boolean,loading:Boolean,popperClass:{type:String,default:""},popperOptions:{type:Object,default:()=>({})},remote:Boolean,loadingText:String,noMatchText:String,noDataText:String,remoteMethod:Function,filterMethod:Function,multiple:Boolean,multipleLimit:{type:Number,default:0},placeholder:{type:String},defaultFirstOption:Boolean,reserveKeyword:{type:Boolean,default:!0},valueKey:{type:String,default:"value"},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{type:Number,default:1},teleported:xr.teleported,persistent:{type:Boolean,default:!0},clearIcon:{type:On,default:Zs},fitInputWidth:{type:Boolean,default:!1},suffixIcon:{type:On,default:Xs},tagType:{...Ww.type,default:"info"},validateEvent:{type:Boolean,default:!0},remoteShowSuffix:{type:Boolean,default:!1},suffixTransition:{type:Boolean,default:!0},placement:{type:String,values:ou,default:"bottom-start"}},emits:[Dt,Rn,"remove-tag","clear","visible-change","focus","blur"],setup(e,t){const n=Ie("select"),r=Ie("input"),{t:o}=rn(),a=F$e(e),{optionList:l,optionsArray:s,selectSize:i,readonly:u,handleResize:f,collapseTagSize:v,debouncedOnInputChange:p,debouncedQueryChange:h,deletePrevTag:b,deleteTag:g,deleteSelected:_,handleOptionSelect:y,scrollToOption:S,setSelected:w,resetInputHeight:C,managePlaceholder:k,showClose:$,selectDisabled:O,iconComponent:x,iconReverse:R,showNewOption:V,emptyText:A,toggleLastOptionHitState:I,resetInputState:B,handleComposition:z,onOptionCreate:Y,onOptionDestroy:K,handleMenuEnter:M,handleFocus:j,blur:N,handleBlur:U,handleClearClick:W,handleClose:G,handleKeydownEscape:ae,toggleMenu:me,selectOption:Ce,getValueKey:pe,navigateOptions:ke,dropMenuVisible:ce,reference:ee,input:ve,iOSInput:Be,tooltipRef:ne,tags:ie,selectWrapper:ye,scrollbar:Oe,queryChange:je,groupQueryChange:_e,handleMouseEnter:Ve,handleMouseLeave:Te,showTagList:Le,collapseTagList:Ee}=L$e(e,a,t),{focus:Ze}=rpe(ee),{inputWidth:Ye,selected:$e,inputLength:Xe,filteredOptionsCount:ft,visible:Et,selectedLabel:dt,hoverIndex:Ne,query:Fe,inputHovering:we,currentPlaceholder:le,menuVisibleOnFocus:fe,isOnComposition:Re,options:We,cachedOptions:ct,optionsCount:xe,prefixWidth:Je,tagInMultiLine:Tt}=kr(a),Lt=T(()=>{const ot=[n.b()],Wt=c(i);return Wt&&ot.push(n.m(Wt)),e.disabled&&ot.push(n.m("disabled")),ot}),Kt=T(()=>({maxWidth:`${c(Ye)-32}px`,width:"100%"})),sn=T(()=>({maxWidth:`${c(Ye)>123?c(Ye)-123:c(Ye)-75}px`}));$t(wv,nn({props:e,options:We,optionsArray:s,cachedOptions:ct,optionsCount:xe,filteredOptionsCount:ft,hoverIndex:Ne,handleOptionSelect:y,onOptionCreate:Y,onOptionDestroy:K,selectWrapper:ye,selected:$e,setSelected:w,queryChange:je,groupQueryChange:_e})),bt(()=>{a.cachedPlaceHolder=le.value=e.placeholder||(()=>o("el.select.placeholder")),e.multiple&&Array.isArray(e.modelValue)&&e.modelValue.length>0&&(le.value=""),eo(ye,f),e.remote&&e.multiple&&C(),tt(()=>{const ot=ee.value&&ee.value.$el;if(!!ot&&(Ye.value=ot.getBoundingClientRect().width,t.slots.prefix)){const Wt=ot.querySelector(`.${r.e("prefix")}`);Je.value=Math.max(Wt.getBoundingClientRect().width+5,30)}}),w()}),e.multiple&&!Array.isArray(e.modelValue)&&t.emit(Dt,[]),!e.multiple&&Array.isArray(e.modelValue)&&t.emit(Dt,"");const ar=T(()=>{var ot,Wt;return(Wt=(ot=ne.value)==null?void 0:ot.popperRef)==null?void 0:Wt.contentRef});return{isIOS:Yx,onOptionsRendered:ot=>{l.value=ot},tagInMultiLine:Tt,prefixWidth:Je,selectSize:i,readonly:u,handleResize:f,collapseTagSize:v,debouncedOnInputChange:p,debouncedQueryChange:h,deletePrevTag:b,deleteTag:g,deleteSelected:_,handleOptionSelect:y,scrollToOption:S,inputWidth:Ye,selected:$e,inputLength:Xe,filteredOptionsCount:ft,visible:Et,selectedLabel:dt,hoverIndex:Ne,query:Fe,inputHovering:we,currentPlaceholder:le,menuVisibleOnFocus:fe,isOnComposition:Re,options:We,resetInputHeight:C,managePlaceholder:k,showClose:$,selectDisabled:O,iconComponent:x,iconReverse:R,showNewOption:V,emptyText:A,toggleLastOptionHitState:I,resetInputState:B,handleComposition:z,handleMenuEnter:M,handleFocus:j,blur:N,handleBlur:U,handleClearClick:W,handleClose:G,handleKeydownEscape:ae,toggleMenu:me,selectOption:Ce,getValueKey:pe,navigateOptions:ke,dropMenuVisible:ce,focus:Ze,reference:ee,input:ve,iOSInput:Be,tooltipRef:ne,popperPaneRef:ar,tags:ie,selectWrapper:ye,scrollbar:Oe,wrapperKls:Lt,selectTagsStyle:Kt,nsSelect:n,tagTextStyle:sn,handleMouseEnter:Ve,handleMouseLeave:Te,showTagList:Le,collapseTagList:Ee}}}),V$e=["disabled","autocomplete"],j$e=["disabled"],z$e={style:{height:"100%",display:"flex","justify-content":"center","align-items":"center"}};function H$e(e,t,n,r,o,a){const l=Ct("el-tag"),s=Ct("el-tooltip"),i=Ct("el-icon"),u=Ct("el-input"),f=Ct("el-option"),v=Ct("el-options"),p=Ct("el-scrollbar"),h=Ct("el-select-menu"),b=ic("click-outside");return Ot((P(),H("div",{ref:"selectWrapper",class:F(e.wrapperKls),onMouseenter:t[21]||(t[21]=(...g)=>e.handleMouseEnter&&e.handleMouseEnter(...g)),onMouseleave:t[22]||(t[22]=(...g)=>e.handleMouseLeave&&e.handleMouseLeave(...g)),onClick:t[23]||(t[23]=pt((...g)=>e.toggleMenu&&e.toggleMenu(...g),["stop"]))},[Q(s,{ref:"tooltipRef",visible:e.dropMenuVisible,placement:e.placement,teleported:e.teleported,"popper-class":[e.nsSelect.e("popper"),e.popperClass],"popper-options":e.popperOptions,"fallback-placements":["bottom-start","top-start","right","left"],effect:e.effect,pure:"",trigger:"click",transition:`${e.nsSelect.namespace.value}-zoom-in-top`,"stop-popper-mouse-event":!1,"gpu-acceleration":!1,persistent:e.persistent,onShow:e.handleMenuEnter},{default:re(()=>[q("div",{class:"select-trigger",onMouseenter:t[19]||(t[19]=g=>e.inputHovering=!0),onMouseleave:t[20]||(t[20]=g=>e.inputHovering=!1)},[e.multiple?(P(),H("div",{key:0,ref:"tags",class:F([e.nsSelect.e("tags"),e.nsSelect.is("disabled",e.selectDisabled)]),style:lt(e.selectTagsStyle)},[e.collapseTags&&e.selected.length?(P(),ue(tr,{key:0,onAfterLeave:e.resetInputHeight},{default:re(()=>[q("span",{class:F([e.nsSelect.b("tags-wrapper"),{"has-prefix":e.prefixWidth&&e.selected.length}])},[(P(!0),H(Ue,null,xt(e.showTagList,g=>(P(),ue(l,{key:e.getValueKey(g),closable:!e.selectDisabled&&!g.isDisabled,size:e.collapseTagSize,hit:g.hitState,type:e.tagType,"disable-transitions":"",onClose:_=>e.deleteTag(_,g)},{default:re(()=>[q("span",{class:F(e.nsSelect.e("tags-text")),style:lt(e.tagTextStyle)},Ae(g.currentLabel),7)]),_:2},1032,["closable","size","hit","type","onClose"]))),128)),e.selected.length>e.maxCollapseTags?(P(),ue(l,{key:0,closable:!1,size:e.collapseTagSize,type:e.tagType,"disable-transitions":""},{default:re(()=>[e.collapseTagsTooltip?(P(),ue(s,{key:0,disabled:e.dropMenuVisible,"fallback-placements":["bottom","top","right","left"],effect:e.effect,placement:"bottom",teleported:e.teleported},{default:re(()=>[q("span",{class:F(e.nsSelect.e("tags-text"))},"+ "+Ae(e.selected.length-e.maxCollapseTags),3)]),content:re(()=>[q("div",{class:F(e.nsSelect.e("collapse-tags"))},[(P(!0),H(Ue,null,xt(e.collapseTagList,g=>(P(),H("div",{key:e.getValueKey(g),class:F(e.nsSelect.e("collapse-tag"))},[Q(l,{class:"in-tooltip",closable:!e.selectDisabled&&!g.isDisabled,size:e.collapseTagSize,hit:g.hitState,type:e.tagType,"disable-transitions":"",style:{margin:"2px"},onClose:_=>e.deleteTag(_,g)},{default:re(()=>[q("span",{class:F(e.nsSelect.e("tags-text")),style:lt({maxWidth:e.inputWidth-75+"px"})},Ae(g.currentLabel),7)]),_:2},1032,["closable","size","hit","type","onClose"])],2))),128))],2)]),_:1},8,["disabled","effect","teleported"])):(P(),H("span",{key:1,class:F(e.nsSelect.e("tags-text"))},"+ "+Ae(e.selected.length-e.maxCollapseTags),3))]),_:1},8,["size","type"])):se("v-if",!0)],2)]),_:1},8,["onAfterLeave"])):se("v-if",!0),e.collapseTags?se("v-if",!0):(P(),ue(tr,{key:1,onAfterLeave:e.resetInputHeight},{default:re(()=>[q("span",{class:F([e.nsSelect.b("tags-wrapper"),{"has-prefix":e.prefixWidth&&e.selected.length}])},[(P(!0),H(Ue,null,xt(e.selected,g=>(P(),ue(l,{key:e.getValueKey(g),closable:!e.selectDisabled&&!g.isDisabled,size:e.collapseTagSize,hit:g.hitState,type:e.tagType,"disable-transitions":"",onClose:_=>e.deleteTag(_,g)},{default:re(()=>[q("span",{class:F(e.nsSelect.e("tags-text")),style:lt({maxWidth:e.inputWidth-75+"px"})},Ae(g.currentLabel),7)]),_:2},1032,["closable","size","hit","type","onClose"]))),128))],2)]),_:1},8,["onAfterLeave"])),e.filterable?Ot((P(),H("input",{key:2,ref:"input","onUpdate:modelValue":t[0]||(t[0]=g=>e.query=g),type:"text",class:F([e.nsSelect.e("input"),e.nsSelect.is(e.selectSize),e.nsSelect.is("disabled",e.selectDisabled)]),disabled:e.selectDisabled,autocomplete:e.autocomplete,style:lt({marginLeft:e.prefixWidth&&!e.selected.length||e.tagInMultiLine?`${e.prefixWidth}px`:"",flexGrow:1,width:`${e.inputLength/(e.inputWidth-32)}%`,maxWidth:`${e.inputWidth-42}px`}),onFocus:t[1]||(t[1]=(...g)=>e.handleFocus&&e.handleFocus(...g)),onBlur:t[2]||(t[2]=(...g)=>e.handleBlur&&e.handleBlur(...g)),onKeyup:t[3]||(t[3]=(...g)=>e.managePlaceholder&&e.managePlaceholder(...g)),onKeydown:[t[4]||(t[4]=(...g)=>e.resetInputState&&e.resetInputState(...g)),t[5]||(t[5]=tn(pt(g=>e.navigateOptions("next"),["prevent"]),["down"])),t[6]||(t[6]=tn(pt(g=>e.navigateOptions("prev"),["prevent"]),["up"])),t[7]||(t[7]=tn((...g)=>e.handleKeydownEscape&&e.handleKeydownEscape(...g),["esc"])),t[8]||(t[8]=tn(pt((...g)=>e.selectOption&&e.selectOption(...g),["stop","prevent"]),["enter"])),t[9]||(t[9]=tn((...g)=>e.deletePrevTag&&e.deletePrevTag(...g),["delete"])),t[10]||(t[10]=tn(g=>e.visible=!1,["tab"]))],onCompositionstart:t[11]||(t[11]=(...g)=>e.handleComposition&&e.handleComposition(...g)),onCompositionupdate:t[12]||(t[12]=(...g)=>e.handleComposition&&e.handleComposition(...g)),onCompositionend:t[13]||(t[13]=(...g)=>e.handleComposition&&e.handleComposition(...g)),onInput:t[14]||(t[14]=(...g)=>e.debouncedQueryChange&&e.debouncedQueryChange(...g))},null,46,V$e)),[[m_,e.query]]):se("v-if",!0)],6)):se("v-if",!0),se(" fix: https://github.com/element-plus/element-plus/issues/11415 "),e.isIOS&&!e.multiple&&e.filterable&&e.readonly?(P(),H("input",{key:1,ref:"iOSInput",class:F([e.nsSelect.e("input"),e.nsSelect.is(e.selectSize),e.nsSelect.em("input","iOS")]),disabled:e.selectDisabled,type:"text"},null,10,j$e)):se("v-if",!0),Q(u,{id:e.id,ref:"reference",modelValue:e.selectedLabel,"onUpdate:modelValue":t[15]||(t[15]=g=>e.selectedLabel=g),type:"text",placeholder:typeof e.currentPlaceholder=="function"?e.currentPlaceholder():e.currentPlaceholder,name:e.name,autocomplete:e.autocomplete,size:e.selectSize,disabled:e.selectDisabled,readonly:e.readonly,"validate-event":!1,class:F([e.nsSelect.is("focus",e.visible)]),tabindex:e.multiple&&e.filterable?-1:void 0,onFocus:e.handleFocus,onBlur:e.handleBlur,onInput:e.debouncedOnInputChange,onPaste:e.debouncedOnInputChange,onCompositionstart:e.handleComposition,onCompositionupdate:e.handleComposition,onCompositionend:e.handleComposition,onKeydown:[t[16]||(t[16]=tn(pt(g=>e.navigateOptions("next"),["stop","prevent"]),["down"])),t[17]||(t[17]=tn(pt(g=>e.navigateOptions("prev"),["stop","prevent"]),["up"])),tn(pt(e.selectOption,["stop","prevent"]),["enter"]),tn(e.handleKeydownEscape,["esc"]),t[18]||(t[18]=tn(g=>e.visible=!1,["tab"]))]},ql({suffix:re(()=>[e.iconComponent&&!e.showClose?(P(),ue(i,{key:0,class:F([e.nsSelect.e("caret"),e.nsSelect.e("icon"),e.iconReverse])},{default:re(()=>[(P(),ue(jt(e.iconComponent)))]),_:1},8,["class"])):se("v-if",!0),e.showClose&&e.clearIcon?(P(),ue(i,{key:1,class:F([e.nsSelect.e("caret"),e.nsSelect.e("icon")]),onClick:e.handleClearClick},{default:re(()=>[(P(),ue(jt(e.clearIcon)))]),_:1},8,["class","onClick"])):se("v-if",!0)]),_:2},[e.$slots.prefix?{name:"prefix",fn:re(()=>[q("div",z$e,[de(e.$slots,"prefix")])])}:void 0]),1032,["id","modelValue","placeholder","name","autocomplete","size","disabled","readonly","class","tabindex","onFocus","onBlur","onInput","onPaste","onCompositionstart","onCompositionupdate","onCompositionend","onKeydown"])],32)]),content:re(()=>[Q(h,null,{default:re(()=>[Ot(Q(p,{ref:"scrollbar",tag:"ul","wrap-class":e.nsSelect.be("dropdown","wrap"),"view-class":e.nsSelect.be("dropdown","list"),class:F([e.nsSelect.is("empty",!e.allowCreate&&Boolean(e.query)&&e.filteredOptionsCount===0)])},{default:re(()=>[e.showNewOption?(P(),ue(f,{key:0,value:e.query,created:!0},null,8,["value"])):se("v-if",!0),Q(v,{onUpdateOptions:e.onOptionsRendered},{default:re(()=>[de(e.$slots,"default")]),_:3},8,["onUpdateOptions"])]),_:3},8,["wrap-class","view-class","class"]),[[on,e.options.size>0&&!e.loading]]),e.emptyText&&(!e.allowCreate||e.loading||e.allowCreate&&e.options.size===0)?(P(),H(Ue,{key:0},[e.$slots.empty?de(e.$slots,"empty",{key:0}):(P(),H("p",{key:1,class:F(e.nsSelect.be("dropdown","empty"))},Ae(e.emptyText),3))],64)):se("v-if",!0)]),_:3})]),_:3},8,["visible","placement","teleported","popper-class","popper-options","effect","transition","persistent","onShow"])],34)),[[b,e.handleClose,e.popperPaneRef]])}var K$e=ze(B$e,[["render",H$e],["__file","/home/runner/work/element-plus/element-plus/packages/components/select/src/select.vue"]]);const W$e=Z({name:"ElOptionGroup",componentName:"ElOptionGroup",props:{label:String,disabled:{type:Boolean,default:!1}},setup(e){const t=Ie("select"),n=D(!0),r=vt(),o=D([]);$t(TI,nn({...kr(e)}));const a=Ge(wv);bt(()=>{o.value=l(r.subTree)});const l=i=>{const u=[];return Array.isArray(i.children)&&i.children.forEach(f=>{var v;f.type&&f.type.name==="ElOption"&&f.component&&f.component.proxy?u.push(f.component.proxy):(v=f.children)!=null&&v.length&&u.push(...l(f))}),u},{groupQueryChange:s}=vn(a);return be(s,()=>{n.value=o.value.some(i=>i.visible===!0)},{flush:"post"}),{visible:n,ns:t}}});function U$e(e,t,n,r,o,a){return Ot((P(),H("ul",{class:F(e.ns.be("group","wrap"))},[q("li",{class:F(e.ns.be("group","title"))},Ae(e.label),3),q("li",null,[q("ul",{class:F(e.ns.b("group"))},[de(e.$slots,"default")],2)])],2)),[[on,e.visible]])}var PI=ze(W$e,[["render",U$e],["__file","/home/runner/work/element-plus/element-plus/packages/components/select/src/option-group.vue"]]);const Jl=Rt(K$e,{Option:a2,OptionGroup:PI}),Ec=Xn(a2),q$e=Xn(PI),l2=()=>Ge(EI,{}),G$e=He({pageSize:{type:Number,required:!0},pageSizes:{type:ge(Array),default:()=>zn([10,20,30,40,50,100])},popperClass:{type:String},disabled:Boolean,size:{type:String,values:Cl}}),Y$e=Z({name:"ElPaginationSizes"}),X$e=Z({...Y$e,props:G$e,emits:["page-size-change"],setup(e,{emit:t}){const n=e,{t:r}=rn(),o=Ie("pagination"),a=l2(),l=D(n.pageSize);be(()=>n.pageSizes,(u,f)=>{if(!To(u,f)&&Array.isArray(u)){const v=u.includes(n.pageSize)?n.pageSize:n.pageSizes[0];t("page-size-change",v)}}),be(()=>n.pageSize,u=>{l.value=u});const s=T(()=>n.pageSizes);function i(u){var f;u!==l.value&&(l.value=u,(f=a.handleSizeChange)==null||f.call(a,Number(u)))}return(u,f)=>(P(),H("span",{class:F(c(o).e("sizes"))},[Q(c(Jl),{"model-value":l.value,disabled:u.disabled,"popper-class":u.popperClass,size:u.size,"validate-event":!1,onChange:i},{default:re(()=>[(P(!0),H(Ue,null,xt(c(s),v=>(P(),ue(c(Ec),{key:v,value:v,label:v+c(r)("el.pagination.pagesize")},null,8,["value","label"]))),128))]),_:1},8,["model-value","disabled","popper-class","size"])],2))}});var Z$e=ze(X$e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/sizes.vue"]]);const Q$e=He({size:{type:String,values:Cl}}),J$e=["disabled"],eEe=Z({name:"ElPaginationJumper"}),tEe=Z({...eEe,props:Q$e,setup(e){const{t}=rn(),n=Ie("pagination"),{pageCount:r,disabled:o,currentPage:a,changeEvent:l}=l2(),s=D(),i=T(()=>{var v;return(v=s.value)!=null?v:a==null?void 0:a.value});function u(v){s.value=v?+v:""}function f(v){v=Math.trunc(+v),l==null||l(v),s.value=void 0}return(v,p)=>(P(),H("span",{class:F(c(n).e("jump")),disabled:c(o)},[q("span",{class:F([c(n).e("goto")])},Ae(c(t)("el.pagination.goto")),3),Q(c(vr),{size:v.size,class:F([c(n).e("editor"),c(n).is("in-pagination")]),min:1,max:c(r),disabled:c(o),"model-value":c(i),"validate-event":!1,label:c(t)("el.pagination.page"),type:"number","onUpdate:modelValue":u,onChange:f},null,8,["size","class","max","disabled","model-value","label"]),q("span",{class:F([c(n).e("classifier")])},Ae(c(t)("el.pagination.pageClassifier")),3)],10,J$e))}});var nEe=ze(tEe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/jumper.vue"]]);const rEe=He({total:{type:Number,default:1e3}}),oEe=["disabled"],aEe=Z({name:"ElPaginationTotal"}),lEe=Z({...aEe,props:rEe,setup(e){const{t}=rn(),n=Ie("pagination"),{disabled:r}=l2();return(o,a)=>(P(),H("span",{class:F(c(n).e("total")),disabled:c(r)},Ae(c(t)("el.pagination.total",{total:o.total})),11,oEe))}});var sEe=ze(lEe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/total.vue"]]);const iEe=He({currentPage:{type:Number,default:1},pageCount:{type:Number,required:!0},pagerCount:{type:Number,default:7},disabled:Boolean}),uEe=["onKeyup"],cEe=["aria-current","aria-label","tabindex"],dEe=["tabindex","aria-label"],fEe=["aria-current","aria-label","tabindex"],vEe=["tabindex","aria-label"],pEe=["aria-current","aria-label","tabindex"],hEe=Z({name:"ElPaginationPager"}),mEe=Z({...hEe,props:iEe,emits:["change"],setup(e,{emit:t}){const n=e,r=Ie("pager"),o=Ie("icon"),{t:a}=rn(),l=D(!1),s=D(!1),i=D(!1),u=D(!1),f=D(!1),v=D(!1),p=T(()=>{const C=n.pagerCount,k=(C-1)/2,$=Number(n.currentPage),O=Number(n.pageCount);let x=!1,R=!1;O>C&&($>C-k&&(x=!0),$["more","btn-quickprev",o.b(),r.is("disabled",n.disabled)]),b=T(()=>["more","btn-quicknext",o.b(),r.is("disabled",n.disabled)]),g=T(()=>n.disabled?-1:0);ir(()=>{const C=(n.pagerCount-1)/2;l.value=!1,s.value=!1,n.pageCount>n.pagerCount&&(n.currentPage>n.pagerCount-C&&(l.value=!0),n.currentPageO&&($=O)),$!==x&&t("change",$)}return(C,k)=>(P(),H("ul",{class:F(c(r).b()),onClick:w,onKeyup:tn(S,["enter"])},[C.pageCount>0?(P(),H("li",{key:0,class:F([[c(r).is("active",C.currentPage===1),c(r).is("disabled",C.disabled)],"number"]),"aria-current":C.currentPage===1,"aria-label":c(a)("el.pagination.currentPage",{pager:1}),tabindex:c(g)}," 1 ",10,cEe)):se("v-if",!0),l.value?(P(),H("li",{key:1,class:F(c(h)),tabindex:c(g),"aria-label":c(a)("el.pagination.prevPages",{pager:C.pagerCount-2}),onMouseenter:k[0]||(k[0]=$=>_(!0)),onMouseleave:k[1]||(k[1]=$=>i.value=!1),onFocus:k[2]||(k[2]=$=>y(!0)),onBlur:k[3]||(k[3]=$=>f.value=!1)},[(i.value||f.value)&&!C.disabled?(P(),ue(c(gc),{key:0})):(P(),ue(c(h4),{key:1}))],42,dEe)):se("v-if",!0),(P(!0),H(Ue,null,xt(c(p),$=>(P(),H("li",{key:$,class:F([[c(r).is("active",C.currentPage===$),c(r).is("disabled",C.disabled)],"number"]),"aria-current":C.currentPage===$,"aria-label":c(a)("el.pagination.currentPage",{pager:$}),tabindex:c(g)},Ae($),11,fEe))),128)),s.value?(P(),H("li",{key:2,class:F(c(b)),tabindex:c(g),"aria-label":c(a)("el.pagination.nextPages",{pager:C.pagerCount-2}),onMouseenter:k[4]||(k[4]=$=>_()),onMouseleave:k[5]||(k[5]=$=>u.value=!1),onFocus:k[6]||(k[6]=$=>y()),onBlur:k[7]||(k[7]=$=>v.value=!1)},[(u.value||v.value)&&!C.disabled?(P(),ue(c(bc),{key:0})):(P(),ue(c(h4),{key:1}))],42,vEe)):se("v-if",!0),C.pageCount>1?(P(),H("li",{key:3,class:F([[c(r).is("active",C.currentPage===C.pageCount),c(r).is("disabled",C.disabled)],"number"]),"aria-current":C.currentPage===C.pageCount,"aria-label":c(a)("el.pagination.currentPage",{pager:C.pageCount}),tabindex:c(g)},Ae(C.pageCount),11,pEe)):se("v-if",!0)],42,uEe))}});var gEe=ze(mEe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/pager.vue"]]);const ao=e=>typeof e!="number",bEe=He({pageSize:Number,defaultPageSize:Number,total:Number,pageCount:Number,pagerCount:{type:Number,validator:e=>gt(e)&&Math.trunc(e)===e&&e>4&&e<22&&e%2===1,default:7},currentPage:Number,defaultCurrentPage:Number,layout:{type:String,default:["prev","pager","next","jumper","->","total"].join(", ")},pageSizes:{type:ge(Array),default:()=>zn([10,20,30,40,50,100])},popperClass:{type:String,default:""},prevText:{type:String,default:""},prevIcon:{type:On,default:()=>zs},nextText:{type:String,default:""},nextIcon:{type:On,default:()=>io},small:Boolean,background:Boolean,disabled:Boolean,hideOnSinglePage:Boolean}),yEe={"update:current-page":e=>gt(e),"update:page-size":e=>gt(e),"size-change":e=>gt(e),"current-change":e=>gt(e),"prev-click":e=>gt(e),"next-click":e=>gt(e)},P3="ElPagination";var _Ee=Z({name:P3,props:bEe,emits:yEe,setup(e,{emit:t,slots:n}){const{t:r}=rn(),o=Ie("pagination"),a=vt().vnode.props||{},l="onUpdate:currentPage"in a||"onUpdate:current-page"in a||"onCurrentChange"in a,s="onUpdate:pageSize"in a||"onUpdate:page-size"in a||"onSizeChange"in a,i=T(()=>{if(ao(e.total)&&ao(e.pageCount)||!ao(e.currentPage)&&!l)return!1;if(e.layout.includes("sizes")){if(ao(e.pageCount)){if(!ao(e.total)&&!ao(e.pageSize)&&!s)return!1}else if(!s)return!1}return!0}),u=D(ao(e.defaultPageSize)?10:e.defaultPageSize),f=D(ao(e.defaultCurrentPage)?1:e.defaultCurrentPage),v=T({get(){return ao(e.pageSize)?u.value:e.pageSize},set(w){ao(e.pageSize)&&(u.value=w),s&&(t("update:page-size",w),t("size-change",w))}}),p=T(()=>{let w=0;return ao(e.pageCount)?ao(e.total)||(w=Math.max(1,Math.ceil(e.total/v.value))):w=e.pageCount,w}),h=T({get(){return ao(e.currentPage)?f.value:e.currentPage},set(w){let C=w;w<1?C=1:w>p.value&&(C=p.value),ao(e.currentPage)&&(f.value=C),l&&(t("update:current-page",C),t("current-change",C))}});be(p,w=>{h.value>w&&(h.value=w)});function b(w){h.value=w}function g(w){v.value=w;const C=p.value;h.value>C&&(h.value=C)}function _(){e.disabled||(h.value-=1,t("prev-click",h.value))}function y(){e.disabled||(h.value+=1,t("next-click",h.value))}function S(w,C){w&&(w.props||(w.props={}),w.props.class=[w.props.class,C].join(" "))}return $t(EI,{pageCount:p,disabled:T(()=>e.disabled),currentPage:h,changeEvent:b,handleSizeChange:g}),()=>{var w,C;if(!i.value)return r("el.pagination.deprecationWarning"),null;if(!e.layout||e.hideOnSinglePage&&p.value<=1)return null;const k=[],$=[],O=st("div",{class:o.e("rightwrapper")},$),x={prev:st(S$e,{disabled:e.disabled,currentPage:h.value,prevText:e.prevText,prevIcon:e.prevIcon,onClick:_}),jumper:st(nEe,{size:e.small?"small":"default"}),pager:st(gEe,{currentPage:h.value,pageCount:p.value,pagerCount:e.pagerCount,onChange:b,disabled:e.disabled}),next:st(O$e,{disabled:e.disabled,currentPage:h.value,pageCount:p.value,nextText:e.nextText,nextIcon:e.nextIcon,onClick:y}),sizes:st(Z$e,{pageSize:v.value,pageSizes:e.pageSizes,popperClass:e.popperClass,disabled:e.disabled,size:e.small?"small":"default"}),slot:(C=(w=n==null?void 0:n.default)==null?void 0:w.call(n))!=null?C:null,total:st(sEe,{total:ao(e.total)?0:e.total})},R=e.layout.split(",").map(A=>A.trim());let V=!1;return R.forEach(A=>{if(A==="->"){V=!0;return}V?$.push(x[A]):k.push(x[A])}),S(k[0],o.is("first")),S(k[k.length-1],o.is("last")),V&&$.length>0&&(S($[0],o.is("first")),S($[$.length-1],o.is("last")),k.push(O)),st("div",{class:[o.b(),o.is("background",e.background),{[o.m("small")]:e.small}]},k)}}});const OI=Rt(_Ee),wEe=He({title:String,confirmButtonText:String,cancelButtonText:String,confirmButtonType:{type:String,values:qy,default:"primary"},cancelButtonType:{type:String,values:qy,default:"text"},icon:{type:On,default:()=>Sve},iconColor:{type:String,default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{type:Number,default:200},teleported:xr.teleported,persistent:xr.persistent,width:{type:[String,Number],default:150}}),CEe={confirm:e=>e instanceof MouseEvent,cancel:e=>e instanceof MouseEvent},SEe=Z({name:"ElPopconfirm"}),kEe=Z({...SEe,props:wEe,emits:CEe,setup(e,{emit:t}){const n=e,{t:r}=rn(),o=Ie("popconfirm"),a=D(),l=()=>{var p,h;(h=(p=a.value)==null?void 0:p.onClose)==null||h.call(p)},s=T(()=>({width:or(n.width)})),i=p=>{t("confirm",p),l()},u=p=>{t("cancel",p),l()},f=T(()=>n.confirmButtonText||r("el.popconfirm.confirmButtonText")),v=T(()=>n.cancelButtonText||r("el.popconfirm.cancelButtonText"));return(p,h)=>(P(),ue(c(ur),Ft({ref_key:"tooltipRef",ref:a,trigger:"click",effect:"light"},p.$attrs,{"popper-class":`${c(o).namespace.value}-popover`,"popper-style":c(s),teleported:p.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":p.hideAfter,persistent:p.persistent}),{content:re(()=>[q("div",{class:F(c(o).b())},[q("div",{class:F(c(o).e("main"))},[!p.hideIcon&&p.icon?(P(),ue(c(at),{key:0,class:F(c(o).e("icon")),style:lt({color:p.iconColor})},{default:re(()=>[(P(),ue(jt(p.icon)))]),_:1},8,["class","style"])):se("v-if",!0),Ht(" "+Ae(p.title),1)],2),q("div",{class:F(c(o).e("action"))},[Q(c(Fr),{size:"small",type:p.cancelButtonType==="text"?"":p.cancelButtonType,text:p.cancelButtonType==="text",onClick:u},{default:re(()=>[Ht(Ae(c(v)),1)]),_:1},8,["type","text"]),Q(c(Fr),{size:"small",type:p.confirmButtonType==="text"?"":p.confirmButtonType,text:p.confirmButtonType==="text",onClick:i},{default:re(()=>[Ht(Ae(c(f)),1)]),_:1},8,["type","text"])],2)],2)]),default:re(()=>[p.$slots.reference?de(p.$slots,"reference",{key:0}):se("v-if",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});var $Ee=ze(kEe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/popconfirm/src/popconfirm.vue"]]);const EEe=Rt($Ee),TEe=He({trigger:Df.trigger,placement:_h.placement,disabled:Df.disabled,visible:xr.visible,transition:xr.transition,popperOptions:_h.popperOptions,tabindex:_h.tabindex,content:xr.content,popperStyle:xr.popperStyle,popperClass:xr.popperClass,enterable:{...xr.enterable,default:!0},effect:{...xr.effect,default:"light"},teleported:xr.teleported,title:String,width:{type:[String,Number],default:150},offset:{type:Number,default:void 0},showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},autoClose:{type:Number,default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},"onUpdate:visible":{type:Function}}),PEe={"update:visible":e=>yr(e),"before-enter":()=>!0,"before-leave":()=>!0,"after-enter":()=>!0,"after-leave":()=>!0},OEe="onUpdate:visible",xEe=Z({name:"ElPopover"}),AEe=Z({...xEe,props:TEe,emits:PEe,setup(e,{expose:t,emit:n}){const r=e,o=T(()=>r[OEe]),a=Ie("popover"),l=D(),s=T(()=>{var _;return(_=c(l))==null?void 0:_.popperRef}),i=T(()=>[{width:or(r.width)},r.popperStyle]),u=T(()=>[a.b(),r.popperClass,{[a.m("plain")]:!!r.content}]),f=T(()=>r.transition===`${a.namespace.value}-fade-in-linear`),v=()=>{var _;(_=l.value)==null||_.hide()},p=()=>{n("before-enter")},h=()=>{n("before-leave")},b=()=>{n("after-enter")},g=()=>{n("update:visible",!1),n("after-leave")};return t({popperRef:s,hide:v}),(_,y)=>(P(),ue(c(ur),Ft({ref_key:"tooltipRef",ref:l},_.$attrs,{trigger:_.trigger,placement:_.placement,disabled:_.disabled,visible:_.visible,transition:_.transition,"popper-options":_.popperOptions,tabindex:_.tabindex,content:_.content,offset:_.offset,"show-after":_.showAfter,"hide-after":_.hideAfter,"auto-close":_.autoClose,"show-arrow":_.showArrow,"aria-label":_.title,effect:_.effect,enterable:_.enterable,"popper-class":c(u),"popper-style":c(i),teleported:_.teleported,persistent:_.persistent,"gpu-acceleration":c(f),"onUpdate:visible":c(o),onBeforeShow:p,onBeforeHide:h,onShow:b,onHide:g}),{content:re(()=>[_.title?(P(),H("div",{key:0,class:F(c(a).e("title")),role:"title"},Ae(_.title),3)):se("v-if",!0),de(_.$slots,"default",{},()=>[Ht(Ae(_.content),1)])]),default:re(()=>[_.$slots.reference?de(_.$slots,"reference",{key:0}):se("v-if",!0)]),_:3},16,["trigger","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","persistent","gpu-acceleration","onUpdate:visible"]))}});var IEe=ze(AEe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/popover/src/popover.vue"]]);const O3=(e,t)=>{const n=t.arg||t.value,r=n==null?void 0:n.popperRef;r&&(r.triggerRef=e)};var MEe={mounted(e,t){O3(e,t)},updated(e,t){O3(e,t)}};const NEe="popover",xI=qve(MEe,NEe),AI=Rt(IEe,{directive:xI}),REe=He({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:ge(String),default:"round"},textInside:{type:Boolean,default:!1},width:{type:Number,default:126},showText:{type:Boolean,default:!0},color:{type:ge([String,Array,Function]),default:""},striped:Boolean,stripedFlow:Boolean,format:{type:ge(Function),default:e=>`${e}%`}}),FEe=["aria-valuenow"],LEe={viewBox:"0 0 100 100"},DEe=["d","stroke","stroke-width"],BEe=["d","stroke","opacity","stroke-linecap","stroke-width"],VEe={key:0},jEe=Z({name:"ElProgress"}),zEe=Z({...jEe,props:REe,setup(e){const t=e,n={success:"#13ce66",exception:"#ff4949",warning:"#e6a23c",default:"#20a0ff"},r=Ie("progress"),o=T(()=>({width:`${t.percentage}%`,animationDuration:`${t.duration}s`,backgroundColor:S(t.percentage)})),a=T(()=>(t.strokeWidth/t.width*100).toFixed(1)),l=T(()=>["circle","dashboard"].includes(t.type)?Number.parseInt(`${50-Number.parseFloat(a.value)/2}`,10):0),s=T(()=>{const w=l.value,C=t.type==="dashboard";return` + M 50 50 + m 0 ${C?"":"-"}${w} + a ${w} ${w} 0 1 1 0 ${C?"-":""}${w*2} + a ${w} ${w} 0 1 1 0 ${C?"":"-"}${w*2} + `}),i=T(()=>2*Math.PI*l.value),u=T(()=>t.type==="dashboard"?.75:1),f=T(()=>`${-1*i.value*(1-u.value)/2}px`),v=T(()=>({strokeDasharray:`${i.value*u.value}px, ${i.value}px`,strokeDashoffset:f.value})),p=T(()=>({strokeDasharray:`${i.value*u.value*(t.percentage/100)}px, ${i.value}px`,strokeDashoffset:f.value,transition:"stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"})),h=T(()=>{let w;return t.color?w=S(t.percentage):w=n[t.status]||n.default,w}),b=T(()=>t.status==="warning"?fg:t.type==="line"?t.status==="success"?vw:Zs:t.status==="success"?pv:Ha),g=T(()=>t.type==="line"?12+t.strokeWidth*.4:t.width*.111111+2),_=T(()=>t.format(t.percentage));function y(w){const C=100/w.length;return w.map(($,O)=>_t($)?{color:$,percentage:(O+1)*C}:$).sort(($,O)=>$.percentage-O.percentage)}const S=w=>{var C;const{color:k}=t;if(ht(k))return k(w);if(_t(k))return k;{const $=y(k);for(const O of $)if(O.percentage>w)return O.color;return(C=$[$.length-1])==null?void 0:C.color}};return(w,C)=>(P(),H("div",{class:F([c(r).b(),c(r).m(w.type),c(r).is(w.status),{[c(r).m("without-text")]:!w.showText,[c(r).m("text-inside")]:w.textInside}]),role:"progressbar","aria-valuenow":w.percentage,"aria-valuemin":"0","aria-valuemax":"100"},[w.type==="line"?(P(),H("div",{key:0,class:F(c(r).b("bar"))},[q("div",{class:F(c(r).be("bar","outer")),style:lt({height:`${w.strokeWidth}px`})},[q("div",{class:F([c(r).be("bar","inner"),{[c(r).bem("bar","inner","indeterminate")]:w.indeterminate},{[c(r).bem("bar","inner","striped")]:w.striped},{[c(r).bem("bar","inner","striped-flow")]:w.stripedFlow}]),style:lt(c(o))},[(w.showText||w.$slots.default)&&w.textInside?(P(),H("div",{key:0,class:F(c(r).be("bar","innerText"))},[de(w.$slots,"default",{percentage:w.percentage},()=>[q("span",null,Ae(c(_)),1)])],2)):se("v-if",!0)],6)],6)],2)):(P(),H("div",{key:1,class:F(c(r).b("circle")),style:lt({height:`${w.width}px`,width:`${w.width}px`})},[(P(),H("svg",LEe,[q("path",{class:F(c(r).be("circle","track")),d:c(s),stroke:`var(${c(r).cssVarName("fill-color-light")}, #e5e9f2)`,"stroke-width":c(a),fill:"none",style:lt(c(v))},null,14,DEe),q("path",{class:F(c(r).be("circle","path")),d:c(s),stroke:c(h),fill:"none",opacity:w.percentage?1:0,"stroke-linecap":w.strokeLinecap,"stroke-width":c(a),style:lt(c(p))},null,14,BEe)]))],6)),(w.showText||w.$slots.default)&&!w.textInside?(P(),H("div",{key:2,class:F(c(r).e("text")),style:lt({fontSize:`${c(g)}px`})},[de(w.$slots,"default",{percentage:w.percentage},()=>[w.status?(P(),ue(c(at),{key:1},{default:re(()=>[(P(),ue(jt(c(b))))]),_:1})):(P(),H("span",VEe,Ae(c(_)),1))])],6)):se("v-if",!0)],10,FEe))}});var HEe=ze(zEe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/progress/src/progress.vue"]]);const s2=Rt(HEe),KEe=He({modelValue:{type:Number,default:0},id:{type:String,default:void 0},lowThreshold:{type:Number,default:2},highThreshold:{type:Number,default:4},max:{type:Number,default:5},colors:{type:ge([Array,Object]),default:()=>zn(["","",""])},voidColor:{type:String,default:""},disabledVoidColor:{type:String,default:""},icons:{type:ge([Array,Object]),default:()=>[Ip,Ip,Ip]},voidIcon:{type:On,default:()=>Dve},disabledVoidIcon:{type:On,default:()=>Ip},disabled:Boolean,allowHalf:Boolean,showText:Boolean,showScore:Boolean,textColor:{type:String,default:""},texts:{type:ge(Array),default:()=>zn(["Extremely bad","Disappointed","Fair","Satisfied","Surprise"])},scoreTemplate:{type:String,default:"{value}"},size:qr,label:{type:String,default:void 0},clearable:{type:Boolean,default:!1}}),WEe={[Rn]:e=>gt(e),[Dt]:e=>gt(e)},UEe=["id","aria-label","aria-labelledby","aria-valuenow","aria-valuetext","aria-valuemax"],qEe=["onMousemove","onClick"],GEe=Z({name:"ElRate"}),YEe=Z({...GEe,props:KEe,emits:WEe,setup(e,{expose:t,emit:n}){const r=e;function o(K,M){const j=W=>Bt(W),N=Object.keys(M).map(W=>+W).filter(W=>{const G=M[W];return(j(G)?G.excluded:!1)?KW-G),U=M[N[0]];return j(U)&&U.value||U}const a=Ge(au,void 0),l=Ge(Ka,void 0),s=Cr(),i=Ie("rate"),{inputId:u,isLabeledByFormItem:f}=ti(r,{formItemContext:l}),v=D(r.modelValue),p=D(-1),h=D(!0),b=T(()=>[i.b(),i.m(s.value)]),g=T(()=>r.disabled||(a==null?void 0:a.disabled)),_=T(()=>i.cssVarBlock({"void-color":r.voidColor,"disabled-void-color":r.disabledVoidColor,"fill-color":C.value})),y=T(()=>{let K="";return r.showScore?K=r.scoreTemplate.replace(/\{\s*value\s*\}/,g.value?`${r.modelValue}`:`${v.value}`):r.showText&&(K=r.texts[Math.ceil(v.value)-1]),K}),S=T(()=>r.modelValue*100-Math.floor(r.modelValue)*100),w=T(()=>et(r.colors)?{[r.lowThreshold]:r.colors[0],[r.highThreshold]:{value:r.colors[1],excluded:!0},[r.max]:r.colors[2]}:r.colors),C=T(()=>{const K=o(v.value,w.value);return Bt(K)?"":K}),k=T(()=>{let K="";return g.value?K=`${S.value}%`:r.allowHalf&&(K="50%"),{color:C.value,width:K}}),$=T(()=>{let K=et(r.icons)?[...r.icons]:{...r.icons};return K=Da(K),et(K)?{[r.lowThreshold]:K[0],[r.highThreshold]:{value:K[1],excluded:!0},[r.max]:K[2]}:K}),O=T(()=>o(r.modelValue,$.value)),x=T(()=>g.value?_t(r.disabledVoidIcon)?r.disabledVoidIcon:Da(r.disabledVoidIcon):_t(r.voidIcon)?r.voidIcon:Da(r.voidIcon)),R=T(()=>o(v.value,$.value));function V(K){const M=g.value&&S.value>0&&K-1r.modelValue,j=r.allowHalf&&h.value&&K-.5<=v.value&&K>v.value;return M||j}function A(K){r.clearable&&K===r.modelValue&&(K=0),n(Dt,K),r.modelValue!==K&&n("change",K)}function I(K){g.value||(r.allowHalf&&h.value?A(v.value):A(K))}function B(K){if(g.value)return;let M=v.value;const j=K.code;return j===ut.up||j===ut.right?(r.allowHalf?M+=.5:M+=1,K.stopPropagation(),K.preventDefault()):(j===ut.left||j===ut.down)&&(r.allowHalf?M-=.5:M-=1,K.stopPropagation(),K.preventDefault()),M=M<0?0:M,M=M>r.max?r.max:M,n(Dt,M),n("change",M),M}function z(K,M){if(!g.value){if(r.allowHalf&&M){let j=M.target;Va(j,i.e("item"))&&(j=j.querySelector(`.${i.e("icon")}`)),(j.clientWidth===0||Va(j,i.e("decimal")))&&(j=j.parentNode),h.value=M.offsetX*2<=j.clientWidth,v.value=h.value?K-.5:K}else v.value=K;p.value=K}}function Y(){g.value||(r.allowHalf&&(h.value=r.modelValue!==Math.floor(r.modelValue)),v.value=r.modelValue,p.value=-1)}return be(()=>r.modelValue,K=>{v.value=K,h.value=r.modelValue!==Math.floor(r.modelValue)}),r.modelValue||n(Dt,0),t({setCurrentValue:z,resetCurrentValue:Y}),(K,M)=>{var j;return P(),H("div",{id:c(u),class:F([c(b),c(i).is("disabled",c(g))]),role:"slider","aria-label":c(f)?void 0:K.label||"rating","aria-labelledby":c(f)?(j=c(l))==null?void 0:j.labelId:void 0,"aria-valuenow":v.value,"aria-valuetext":c(y)||void 0,"aria-valuemin":"0","aria-valuemax":K.max,tabindex:"0",style:lt(c(_)),onKeydown:B},[(P(!0),H(Ue,null,xt(K.max,(N,U)=>(P(),H("span",{key:U,class:F(c(i).e("item")),onMousemove:W=>z(N,W),onMouseleave:Y,onClick:W=>I(N)},[Q(c(at),{class:F([c(i).e("icon"),{hover:p.value===N},c(i).is("active",N<=v.value)])},{default:re(()=>[V(N)?se("v-if",!0):(P(),H(Ue,{key:0},[Ot((P(),ue(jt(c(R)),null,null,512)),[[on,N<=v.value]]),Ot((P(),ue(jt(c(x)),null,null,512)),[[on,!(N<=v.value)]])],64)),V(N)?(P(),ue(c(at),{key:1,style:lt(c(k)),class:F([c(i).e("icon"),c(i).e("decimal")])},{default:re(()=>[(P(),ue(jt(c(O))))]),_:1},8,["style","class"])):se("v-if",!0)]),_:2},1032,["class"])],42,qEe))),128)),K.showText||K.showScore?(P(),H("span",{key:0,class:F(c(i).e("text"))},Ae(c(y)),3)):se("v-if",!0)],46,UEe)}}});var XEe=ze(YEe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/rate/src/rate.vue"]]);const II=Rt(XEe),Vu={success:"icon-success",warning:"icon-warning",error:"icon-error",info:"icon-info"},x3={[Vu.success]:Xfe,[Vu.warning]:fg,[Vu.error]:pw,[Vu.info]:hw},ZEe=He({title:{type:String,default:""},subTitle:{type:String,default:""},icon:{type:String,values:["success","warning","info","error"],default:"info"}}),QEe=Z({name:"ElResult"}),JEe=Z({...QEe,props:ZEe,setup(e){const t=e,n=Ie("result"),r=T(()=>{const o=t.icon,a=o&&Vu[o]?Vu[o]:"icon-info",l=x3[a]||x3["icon-info"];return{class:a,component:l}});return(o,a)=>(P(),H("div",{class:F(c(n).b())},[q("div",{class:F(c(n).e("icon"))},[de(o.$slots,"icon",{},()=>[c(r).component?(P(),ue(jt(c(r).component),{key:0,class:F(c(r).class)},null,8,["class"])):se("v-if",!0)])],2),o.title||o.$slots.title?(P(),H("div",{key:0,class:F(c(n).e("title"))},[de(o.$slots,"title",{},()=>[q("p",null,Ae(o.title),1)])],2)):se("v-if",!0),o.subTitle||o.$slots["sub-title"]?(P(),H("div",{key:1,class:F(c(n).e("subtitle"))},[de(o.$slots,"sub-title",{},()=>[q("p",null,Ae(o.subTitle),1)])],2)):se("v-if",!0),o.$slots.extra?(P(),H("div",{key:2,class:F(c(n).e("extra"))},[de(o.$slots,"extra")],2)):se("v-if",!0)],2))}});var e4e=ze(JEe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/result/src/result.vue"]]);const t4e=Rt(e4e);var A3=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function n4e(e,t){return!!(e===t||A3(e)&&A3(t))}function r4e(e,t){if(e.length!==t.length)return!1;for(var n=0;n{const t=vt().proxy.$props;return T(()=>{const n=(r,o,a)=>({});return t.perfMode?ig(n):o4e(n)})},d1=50,sm="itemRendered",im="scroll",ju="forward",um="backward",fa="auto",Og="smart",jf="start",vl="center",zf="end",Tc="horizontal",i2="vertical",a4e="ltr",tc="rtl",Hf="negative",u2="positive-ascending",c2="positive-descending",l4e={[Tc]:"left",[i2]:"top"},s4e=20,i4e={[Tc]:"deltaX",[i2]:"deltaY"},u4e=({atEndEdge:e,atStartEdge:t,layout:n},r)=>{let o,a=0;const l=i=>i<0&&t.value||i>0&&e.value;return{hasReachedEdge:l,onWheel:i=>{mg(o);const u=i[i4e[n.value]];l(a)&&l(a+u)||(a+=u,Jx()||i.preventDefault(),o=If(()=>{r(a),a=0}))}}},f1=Za({type:ge([Number,Function]),required:!0}),v1=Za({type:Number}),p1=Za({type:Number,default:2}),c4e=Za({type:String,values:["ltr","rtl"],default:"ltr"}),h1=Za({type:Number,default:0}),cm=Za({type:Number,required:!0}),NI=Za({type:String,values:["horizontal","vertical"],default:i2}),RI=He({className:{type:String,default:""},containerElement:{type:ge([String,Object]),default:"div"},data:{type:ge(Array),default:()=>zn([])},direction:c4e,height:{type:[String,Number],required:!0},innerElement:{type:[String,Object],default:"div"},style:{type:ge([Object,String,Array])},useIsScrolling:{type:Boolean,default:!1},width:{type:[Number,String],required:!1},perfMode:{type:Boolean,default:!0},scrollbarAlwaysOn:{type:Boolean,default:!1}}),FI=He({cache:p1,estimatedItemSize:v1,layout:NI,initScrollOffset:h1,total:cm,itemSize:f1,...RI}),m1={type:Number,default:6},LI={type:Number,default:0},DI={type:Number,default:2},zi=He({columnCache:p1,columnWidth:f1,estimatedColumnWidth:v1,estimatedRowHeight:v1,initScrollLeft:h1,initScrollTop:h1,itemKey:{type:ge(Function),default:({columnIndex:e,rowIndex:t})=>`${t}:${e}`},rowCache:p1,rowHeight:f1,totalColumn:cm,totalRow:cm,hScrollbarSize:m1,vScrollbarSize:m1,scrollbarStartGap:LI,scrollbarEndGap:DI,role:String,...RI}),BI=He({alwaysOn:Boolean,class:String,layout:NI,total:cm,ratio:{type:Number,required:!0},clientSize:{type:Number,required:!0},scrollFrom:{type:Number,required:!0},scrollbarSize:m1,startGap:LI,endGap:DI,visible:Boolean}),Mi=(e,t)=>ee===a4e||e===tc||e===Tc,I3=e=>e===tc;let Eu=null;function dm(e=!1){if(Eu===null||e){const t=document.createElement("div"),n=t.style;n.width="50px",n.height="50px",n.overflow="scroll",n.direction="rtl";const r=document.createElement("div"),o=r.style;return o.width="100px",o.height="100px",t.appendChild(r),document.body.appendChild(t),t.scrollLeft>0?Eu=c2:(t.scrollLeft=1,t.scrollLeft===0?Eu=Hf:Eu=u2),document.body.removeChild(t),Eu}return Eu}function d4e({move:e,size:t,bar:n},r){const o={},a=`translate${n.axis}(${e}px)`;return o[n.size]=t,o.transform=a,o.msTransform=a,o.webkitTransform=a,r==="horizontal"?o.height="100%":o.width="100%",o}const g1=Z({name:"ElVirtualScrollBar",props:BI,emits:["scroll","start-move","stop-move"],setup(e,{emit:t}){const n=T(()=>e.startGap+e.endGap),r=Ie("virtual-scrollbar"),o=Ie("scrollbar"),a=D(),l=D();let s=null,i=null;const u=nn({isDragging:!1,traveled:0}),f=T(()=>D8[e.layout]),v=T(()=>e.clientSize-c(n)),p=T(()=>({position:"absolute",width:`${Tc===e.layout?v.value:e.scrollbarSize}px`,height:`${Tc===e.layout?e.scrollbarSize:v.value}px`,[l4e[e.layout]]:"2px",right:"2px",bottom:"2px",borderRadius:"4px"})),h=T(()=>{const $=e.ratio,O=e.clientSize;if($>=100)return Number.POSITIVE_INFINITY;if($>=50)return $*O/100;const x=O/3;return Math.floor(Math.min(Math.max($*O,s4e),x))}),b=T(()=>{if(!Number.isFinite(h.value))return{display:"none"};const $=`${h.value}px`;return d4e({bar:f.value,size:$,move:u.traveled},e.layout)}),g=T(()=>Math.floor(e.clientSize-h.value-c(n))),_=()=>{window.addEventListener("mousemove",C),window.addEventListener("mouseup",w);const $=c(l);!$||(i=document.onselectstart,document.onselectstart=()=>!1,$.addEventListener("touchmove",C),$.addEventListener("touchend",w))},y=()=>{window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",w),document.onselectstart=i,i=null;const $=c(l);!$||($.removeEventListener("touchmove",C),$.removeEventListener("touchend",w))},S=$=>{$.stopImmediatePropagation(),!($.ctrlKey||[1,2].includes($.button))&&(u.isDragging=!0,u[f.value.axis]=$.currentTarget[f.value.offset]-($[f.value.client]-$.currentTarget.getBoundingClientRect()[f.value.direction]),t("start-move"),_())},w=()=>{u.isDragging=!1,u[f.value.axis]=0,t("stop-move"),y()},C=$=>{const{isDragging:O}=u;if(!O||!l.value||!a.value)return;const x=u[f.value.axis];if(!x)return;mg(s);const R=(a.value.getBoundingClientRect()[f.value.direction]-$[f.value.client])*-1,V=l.value[f.value.offset]-x,A=R-V;s=If(()=>{u.traveled=Math.max(e.startGap,Math.min(A,g.value)),t("scroll",A,g.value)})},k=$=>{const O=Math.abs($.target.getBoundingClientRect()[f.value.direction]-$[f.value.client]),x=l.value[f.value.offset]/2,R=O-x;u.traveled=Math.max(0,Math.min(R,g.value)),t("scroll",R,g.value)};return be(()=>e.scrollFrom,$=>{u.isDragging||(u.traveled=Math.ceil($*g.value))}),hn(()=>{y()}),()=>st("div",{role:"presentation",ref:a,class:[r.b(),e.class,(e.alwaysOn||u.isDragging)&&"always-on"],style:p.value,onMousedown:pt(k,["stop","prevent"]),onTouchstartPrevent:S},st("div",{ref:l,class:o.e("thumb"),style:b.value,onMousedown:S},[]))}}),VI=({name:e,getOffset:t,getItemSize:n,getItemOffset:r,getEstimatedTotalSize:o,getStartIndexForOffset:a,getStopIndexForStartIndex:l,initCache:s,clearCache:i,validateProps:u})=>Z({name:e!=null?e:"ElVirtualList",props:FI,emits:[sm,im],setup(f,{emit:v,expose:p}){u(f);const h=vt(),b=Ie("vl"),g=D(s(f,h)),_=MI(),y=D(),S=D(),w=D(),C=D({isScrolling:!1,scrollDir:"forward",scrollOffset:gt(f.initScrollOffset)?f.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:f.scrollbarAlwaysOn}),k=T(()=>{const{total:ae,cache:me}=f,{isScrolling:Ce,scrollDir:pe,scrollOffset:ke}=c(C);if(ae===0)return[0,0,0,0];const ce=a(f,ke,c(g)),ee=l(f,ce,ke,c(g)),ve=!Ce||pe===um?Math.max(1,me):1,Be=!Ce||pe===ju?Math.max(1,me):1;return[Math.max(0,ce-ve),Math.max(0,Math.min(ae-1,ee+Be)),ce,ee]}),$=T(()=>o(f,c(g))),O=T(()=>Kf(f.layout)),x=T(()=>[{position:"relative",[`overflow-${O.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:f.direction,height:gt(f.height)?`${f.height}px`:f.height,width:gt(f.width)?`${f.width}px`:f.width},f.style]),R=T(()=>{const ae=c($),me=c(O);return{height:me?"100%":`${ae}px`,pointerEvents:c(C).isScrolling?"none":void 0,width:me?`${ae}px`:"100%"}}),V=T(()=>O.value?f.width:f.height),{onWheel:A}=u4e({atStartEdge:T(()=>C.value.scrollOffset<=0),atEndEdge:T(()=>C.value.scrollOffset>=$.value),layout:T(()=>f.layout)},ae=>{var me,Ce;(Ce=(me=w.value).onMouseUp)==null||Ce.call(me),M(Math.min(C.value.scrollOffset+ae,$.value-V.value))}),I=()=>{const{total:ae}=f;if(ae>0){const[ke,ce,ee,ve]=c(k);v(sm,ke,ce,ee,ve)}const{scrollDir:me,scrollOffset:Ce,updateRequested:pe}=c(C);v(im,me,Ce,pe)},B=ae=>{const{clientHeight:me,scrollHeight:Ce,scrollTop:pe}=ae.currentTarget,ke=c(C);if(ke.scrollOffset===pe)return;const ce=Math.max(0,Math.min(pe,Ce-me));C.value={...ke,isScrolling:!0,scrollDir:Mi(ke.scrollOffset,ce),scrollOffset:ce,updateRequested:!1},tt(U)},z=ae=>{const{clientWidth:me,scrollLeft:Ce,scrollWidth:pe}=ae.currentTarget,ke=c(C);if(ke.scrollOffset===Ce)return;const{direction:ce}=f;let ee=Ce;if(ce===tc)switch(dm()){case Hf:{ee=-Ce;break}case c2:{ee=pe-me-Ce;break}}ee=Math.max(0,Math.min(ee,pe-me)),C.value={...ke,isScrolling:!0,scrollDir:Mi(ke.scrollOffset,ee),scrollOffset:ee,updateRequested:!1},tt(U)},Y=ae=>{c(O)?z(ae):B(ae),I()},K=(ae,me)=>{const Ce=($.value-V.value)/me*ae;M(Math.min($.value-V.value,Ce))},M=ae=>{ae=Math.max(ae,0),ae!==c(C).scrollOffset&&(C.value={...c(C),scrollOffset:ae,scrollDir:Mi(c(C).scrollOffset,ae),updateRequested:!0},tt(U))},j=(ae,me=fa)=>{const{scrollOffset:Ce}=c(C);ae=Math.max(0,Math.min(ae,f.total-1)),M(t(f,ae,me,Ce,c(g)))},N=ae=>{const{direction:me,itemSize:Ce,layout:pe}=f,ke=_.value(i&&Ce,i&&pe,i&&me);let ce;if(Xt(ke,String(ae)))ce=ke[ae];else{const ee=r(f,ae,c(g)),ve=n(f,ae,c(g)),Be=c(O),ne=me===tc,ie=Be?ee:0;ke[ae]=ce={position:"absolute",left:ne?void 0:`${ie}px`,right:ne?`${ie}px`:void 0,top:Be?0:`${ee}px`,height:Be?"100%":`${ve}px`,width:Be?`${ve}px`:"100%"}}return ce},U=()=>{C.value.isScrolling=!1,tt(()=>{_.value(-1,null,null)})},W=()=>{const ae=y.value;ae&&(ae.scrollTop=0)};bt(()=>{if(!en)return;const{initScrollOffset:ae}=f,me=c(y);gt(ae)&&me&&(c(O)?me.scrollLeft=ae:me.scrollTop=ae),I()}),Sa(()=>{const{direction:ae,layout:me}=f,{scrollOffset:Ce,updateRequested:pe}=c(C),ke=c(y);if(pe&&ke)if(me===Tc)if(ae===tc)switch(dm()){case Hf:{ke.scrollLeft=-Ce;break}case u2:{ke.scrollLeft=Ce;break}default:{const{clientWidth:ce,scrollWidth:ee}=ke;ke.scrollLeft=ee-ce-Ce;break}}else ke.scrollLeft=Ce;else ke.scrollTop=Ce});const G={ns:b,clientSize:V,estimatedTotalSize:$,windowStyle:x,windowRef:y,innerRef:S,innerStyle:R,itemsToRender:k,scrollbarRef:w,states:C,getItemStyle:N,onScroll:Y,onScrollbarScroll:K,onWheel:A,scrollTo:M,scrollToItem:j,resetScrollTop:W};return p({windowRef:y,innerRef:S,getItemStyleCache:_,scrollTo:M,scrollToItem:j,resetScrollTop:W,states:C}),G},render(f){var v;const{$slots:p,className:h,clientSize:b,containerElement:g,data:_,getItemStyle:y,innerElement:S,itemsToRender:w,innerStyle:C,layout:k,total:$,onScroll:O,onScrollbarScroll:x,onWheel:R,states:V,useIsScrolling:A,windowStyle:I,ns:B}=f,[z,Y]=w,K=jt(g),M=jt(S),j=[];if($>0)for(let G=z;G<=Y;G++)j.push((v=p.default)==null?void 0:v.call(p,{data:_,key:G,index:G,isScrolling:A?V.isScrolling:void 0,style:y(G)}));const N=[st(M,{style:C,ref:"innerRef"},_t(M)?j:{default:()=>j})],U=st(g1,{ref:"scrollbarRef",clientSize:b,layout:k,onScroll:x,ratio:b*100/this.estimatedTotalSize,scrollFrom:V.scrollOffset/(this.estimatedTotalSize-b),total:$}),W=st(K,{class:[B.e("window"),h],style:I,onScroll:O,onWheel:R,ref:"windowRef",key:0},_t(K)?[N]:{default:()=>[N]});return st("div",{key:0,class:[B.e("wrapper"),V.scrollbarAlwaysOn?"always-on":""]},[W,U])}}),jI=VI({name:"ElFixedSizeList",getItemOffset:({itemSize:e},t)=>t*e,getItemSize:({itemSize:e})=>e,getEstimatedTotalSize:({total:e,itemSize:t})=>t*e,getOffset:({height:e,total:t,itemSize:n,layout:r,width:o},a,l,s)=>{const i=Kf(r)?o:e,u=Math.max(0,t*n-i),f=Math.min(u,a*n),v=Math.max(0,(a+1)*n-i);switch(l===Og&&(s>=v-i&&s<=f+i?l=fa:l=vl),l){case jf:return f;case zf:return v;case vl:{const p=Math.round(v+(f-v)/2);return pu+Math.floor(i/2)?u:p}case fa:default:return s>=v&&s<=f?s:sMath.max(0,Math.min(e-1,Math.floor(n/t))),getStopIndexForStartIndex:({height:e,total:t,itemSize:n,layout:r,width:o},a,l)=>{const s=a*n,i=Kf(r)?o:e,u=Math.ceil((i+l-s)/n);return Math.max(0,Math.min(t-1,a+u-1))},initCache(){},clearCache:!0,validateProps(){}}),zu=(e,t,n)=>{const{itemSize:r}=e,{items:o,lastVisitedIndex:a}=n;if(t>a){let l=0;if(a>=0){const s=o[a];l=s.offset+s.size}for(let s=a+1;s<=t;s++){const i=r(s);o[s]={offset:l,size:i},l+=i}n.lastVisitedIndex=t}return o[t]},f4e=(e,t,n)=>{const{items:r,lastVisitedIndex:o}=t;return(o>0?r[o].offset:0)>=n?zI(e,t,0,o,n):v4e(e,t,Math.max(0,o),n)},zI=(e,t,n,r,o)=>{for(;n<=r;){const a=n+Math.floor((r-n)/2),l=zu(e,a,t).offset;if(l===o)return a;lo&&(r=a-1)}return Math.max(0,n-1)},v4e=(e,t,n,r)=>{const{total:o}=e;let a=1;for(;n{let o=0;if(r>=e&&(r=e-1),r>=0){const s=t[r];o=s.offset+s.size}const l=(e-r-1)*n;return o+l},p4e=VI({name:"ElDynamicSizeList",getItemOffset:(e,t,n)=>zu(e,t,n).offset,getItemSize:(e,t,{items:n})=>n[t].size,getEstimatedTotalSize:M3,getOffset:(e,t,n,r,o)=>{const{height:a,layout:l,width:s}=e,i=Kf(l)?s:a,u=zu(e,t,o),f=M3(e,o),v=Math.max(0,Math.min(f-i,u.offset)),p=Math.max(0,u.offset-i+u.size);switch(n===Og&&(r>=p-i&&r<=v+i?n=fa:n=vl),n){case jf:return v;case zf:return p;case vl:return Math.round(p+(v-p)/2);case fa:default:return r>=p&&r<=v?r:rf4e(e,n,t),getStopIndexForStartIndex:(e,t,n,r)=>{const{height:o,total:a,layout:l,width:s}=e,i=Kf(l)?s:o,u=zu(e,t,r),f=n+i;let v=u.offset+u.size,p=t;for(;p{var a,l;n.lastVisitedIndex=Math.min(n.lastVisitedIndex,r-1),(a=t.exposed)==null||a.getItemStyleCache(-1),o&&((l=t.proxy)==null||l.$forceUpdate())},n},clearCache:!1,validateProps:({itemSize:e})=>{}}),h4e=({atXEndEdge:e,atXStartEdge:t,atYEndEdge:n,atYStartEdge:r},o)=>{let a=null,l=0,s=0;const i=(f,v)=>{const p=f<=0&&t.value||f>=0&&e.value,h=v<=0&&r.value||v>=0&&n.value;return p&&h};return{hasReachedEdge:i,onWheel:f=>{mg(a);let v=f.deltaX,p=f.deltaY;Math.abs(v)>Math.abs(p)?p=0:v=0,f.shiftKey&&p!==0&&(v=p,p=0),!(i(l,s)&&i(l+v,s+p))&&(l+=v,s+=p,f.preventDefault(),a=If(()=>{o(l,s),l=0,s=0}))}}},HI=({name:e,clearCache:t,getColumnPosition:n,getColumnStartIndexForOffset:r,getColumnStopIndexForStartIndex:o,getEstimatedTotalHeight:a,getEstimatedTotalWidth:l,getColumnOffset:s,getRowOffset:i,getRowPosition:u,getRowStartIndexForOffset:f,getRowStopIndexForStartIndex:v,initCache:p,injectToInstance:h,validateProps:b})=>Z({name:e!=null?e:"ElVirtualList",props:zi,emits:[sm,im],setup(g,{emit:_,expose:y,slots:S}){const w=Ie("vl");b(g);const C=vt(),k=D(p(g,C));h==null||h(C,k);const $=D(),O=D(),x=D(),R=D(null),V=D({isScrolling:!1,scrollLeft:gt(g.initScrollLeft)?g.initScrollLeft:0,scrollTop:gt(g.initScrollTop)?g.initScrollTop:0,updateRequested:!1,xAxisScrollDir:ju,yAxisScrollDir:ju}),A=MI(),I=T(()=>Number.parseInt(`${g.height}`,10)),B=T(()=>Number.parseInt(`${g.width}`,10)),z=T(()=>{const{totalColumn:_e,totalRow:Ve,columnCache:Te}=g,{isScrolling:Le,xAxisScrollDir:Ee,scrollLeft:Ze}=c(V);if(_e===0||Ve===0)return[0,0,0,0];const Ye=r(g,Ze,c(k)),$e=o(g,Ye,Ze,c(k)),Xe=!Le||Ee===um?Math.max(1,Te):1,ft=!Le||Ee===ju?Math.max(1,Te):1;return[Math.max(0,Ye-Xe),Math.max(0,Math.min(_e-1,$e+ft)),Ye,$e]}),Y=T(()=>{const{totalColumn:_e,totalRow:Ve,rowCache:Te}=g,{isScrolling:Le,yAxisScrollDir:Ee,scrollTop:Ze}=c(V);if(_e===0||Ve===0)return[0,0,0,0];const Ye=f(g,Ze,c(k)),$e=v(g,Ye,Ze,c(k)),Xe=!Le||Ee===um?Math.max(1,Te):1,ft=!Le||Ee===ju?Math.max(1,Te):1;return[Math.max(0,Ye-Xe),Math.max(0,Math.min(Ve-1,$e+ft)),Ye,$e]}),K=T(()=>a(g,c(k))),M=T(()=>l(g,c(k))),j=T(()=>{var _e;return[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:g.direction,height:gt(g.height)?`${g.height}px`:g.height,width:gt(g.width)?`${g.width}px`:g.width},(_e=g.style)!=null?_e:{}]}),N=T(()=>{const _e=`${c(M)}px`;return{height:`${c(K)}px`,pointerEvents:c(V).isScrolling?"none":void 0,width:_e}}),U=()=>{const{totalColumn:_e,totalRow:Ve}=g;if(_e>0&&Ve>0){const[$e,Xe,ft,Et]=c(z),[dt,Ne,Fe,we]=c(Y);_(sm,{columnCacheStart:$e,columnCacheEnd:Xe,rowCacheStart:dt,rowCacheEnd:Ne,columnVisibleStart:ft,columnVisibleEnd:Et,rowVisibleStart:Fe,rowVisibleEnd:we})}const{scrollLeft:Te,scrollTop:Le,updateRequested:Ee,xAxisScrollDir:Ze,yAxisScrollDir:Ye}=c(V);_(im,{xAxisScrollDir:Ze,scrollLeft:Te,yAxisScrollDir:Ye,scrollTop:Le,updateRequested:Ee})},W=_e=>{const{clientHeight:Ve,clientWidth:Te,scrollHeight:Le,scrollLeft:Ee,scrollTop:Ze,scrollWidth:Ye}=_e.currentTarget,$e=c(V);if($e.scrollTop===Ze&&$e.scrollLeft===Ee)return;let Xe=Ee;if(I3(g.direction))switch(dm()){case Hf:Xe=-Ee;break;case c2:Xe=Ye-Te-Ee;break}V.value={...$e,isScrolling:!0,scrollLeft:Xe,scrollTop:Math.max(0,Math.min(Ze,Le-Ve)),updateRequested:!0,xAxisScrollDir:Mi($e.scrollLeft,Xe),yAxisScrollDir:Mi($e.scrollTop,Ze)},tt(()=>ce()),ee(),U()},G=(_e,Ve)=>{const Te=c(I),Le=(K.value-Te)/Ve*_e;Ce({scrollTop:Math.min(K.value-Te,Le)})},ae=(_e,Ve)=>{const Te=c(B),Le=(M.value-Te)/Ve*_e;Ce({scrollLeft:Math.min(M.value-Te,Le)})},{onWheel:me}=h4e({atXStartEdge:T(()=>V.value.scrollLeft<=0),atXEndEdge:T(()=>V.value.scrollLeft>=M.value-c(B)),atYStartEdge:T(()=>V.value.scrollTop<=0),atYEndEdge:T(()=>V.value.scrollTop>=K.value-c(I))},(_e,Ve)=>{var Te,Le,Ee,Ze;(Le=(Te=O.value)==null?void 0:Te.onMouseUp)==null||Le.call(Te),(Ze=(Ee=O.value)==null?void 0:Ee.onMouseUp)==null||Ze.call(Ee);const Ye=c(B),$e=c(I);Ce({scrollLeft:Math.min(V.value.scrollLeft+_e,M.value-Ye),scrollTop:Math.min(V.value.scrollTop+Ve,K.value-$e)})}),Ce=({scrollLeft:_e=V.value.scrollLeft,scrollTop:Ve=V.value.scrollTop})=>{_e=Math.max(_e,0),Ve=Math.max(Ve,0);const Te=c(V);Ve===Te.scrollTop&&_e===Te.scrollLeft||(V.value={...Te,xAxisScrollDir:Mi(Te.scrollLeft,_e),yAxisScrollDir:Mi(Te.scrollTop,Ve),scrollLeft:_e,scrollTop:Ve,updateRequested:!0},tt(()=>ce()),ee(),U())},pe=(_e=0,Ve=0,Te=fa)=>{const Le=c(V);Ve=Math.max(0,Math.min(Ve,g.totalColumn-1)),_e=Math.max(0,Math.min(_e,g.totalRow-1));const Ee=L6(w.namespace.value),Ze=c(k),Ye=a(g,Ze),$e=l(g,Ze);Ce({scrollLeft:s(g,Ve,Te,Le.scrollLeft,Ze,$e>g.width?Ee:0),scrollTop:i(g,_e,Te,Le.scrollTop,Ze,Ye>g.height?Ee:0)})},ke=(_e,Ve)=>{const{columnWidth:Te,direction:Le,rowHeight:Ee}=g,Ze=A.value(t&&Te,t&&Ee,t&&Le),Ye=`${_e},${Ve}`;if(Xt(Ze,Ye))return Ze[Ye];{const[,$e]=n(g,Ve,c(k)),Xe=c(k),ft=I3(Le),[Et,dt]=u(g,_e,Xe),[Ne]=n(g,Ve,Xe);return Ze[Ye]={position:"absolute",left:ft?void 0:`${$e}px`,right:ft?`${$e}px`:void 0,top:`${dt}px`,height:`${Et}px`,width:`${Ne}px`},Ze[Ye]}},ce=()=>{V.value.isScrolling=!1,tt(()=>{A.value(-1,null,null)})};bt(()=>{if(!en)return;const{initScrollLeft:_e,initScrollTop:Ve}=g,Te=c($);Te&&(gt(_e)&&(Te.scrollLeft=_e),gt(Ve)&&(Te.scrollTop=Ve)),U()});const ee=()=>{const{direction:_e}=g,{scrollLeft:Ve,scrollTop:Te,updateRequested:Le}=c(V),Ee=c($);if(Le&&Ee){if(_e===tc)switch(dm()){case Hf:{Ee.scrollLeft=-Ve;break}case u2:{Ee.scrollLeft=Ve;break}default:{const{clientWidth:Ze,scrollWidth:Ye}=Ee;Ee.scrollLeft=Ye-Ze-Ve;break}}else Ee.scrollLeft=Math.max(0,Ve);Ee.scrollTop=Math.max(0,Te)}},{resetAfterColumnIndex:ve,resetAfterRowIndex:Be,resetAfter:ne}=C.proxy;y({windowRef:$,innerRef:R,getItemStyleCache:A,scrollTo:Ce,scrollToItem:pe,states:V,resetAfterColumnIndex:ve,resetAfterRowIndex:Be,resetAfter:ne});const ie=()=>{const{scrollbarAlwaysOn:_e,scrollbarStartGap:Ve,scrollbarEndGap:Te,totalColumn:Le,totalRow:Ee}=g,Ze=c(B),Ye=c(I),$e=c(M),Xe=c(K),{scrollLeft:ft,scrollTop:Et}=c(V),dt=st(g1,{ref:O,alwaysOn:_e,startGap:Ve,endGap:Te,class:w.e("horizontal"),clientSize:Ze,layout:"horizontal",onScroll:ae,ratio:Ze*100/$e,scrollFrom:ft/($e-Ze),total:Ee,visible:!0}),Ne=st(g1,{ref:x,alwaysOn:_e,startGap:Ve,endGap:Te,class:w.e("vertical"),clientSize:Ye,layout:"vertical",onScroll:G,ratio:Ye*100/Xe,scrollFrom:Et/(Xe-Ye),total:Le,visible:!0});return{horizontalScrollbar:dt,verticalScrollbar:Ne}},ye=()=>{var _e;const[Ve,Te]=c(z),[Le,Ee]=c(Y),{data:Ze,totalColumn:Ye,totalRow:$e,useIsScrolling:Xe,itemKey:ft}=g,Et=[];if($e>0&&Ye>0)for(let dt=Le;dt<=Ee;dt++)for(let Ne=Ve;Ne<=Te;Ne++)Et.push((_e=S.default)==null?void 0:_e.call(S,{columnIndex:Ne,data:Ze,key:ft({columnIndex:Ne,data:Ze,rowIndex:dt}),isScrolling:Xe?c(V).isScrolling:void 0,style:ke(dt,Ne),rowIndex:dt}));return Et},Oe=()=>{const _e=jt(g.innerElement),Ve=ye();return[st(_e,{style:c(N),ref:R},_t(_e)?Ve:{default:()=>Ve})]};return()=>{const _e=jt(g.containerElement),{horizontalScrollbar:Ve,verticalScrollbar:Te}=ie(),Le=Oe();return st("div",{key:0,class:w.e("wrapper"),role:g.role},[st(_e,{class:g.className,style:c(j),onScroll:W,onWheel:me,ref:$},_t(_e)?Le:{default:()=>Le}),Ve,Te])}}}),m4e=HI({name:"ElFixedSizeGrid",getColumnPosition:({columnWidth:e},t)=>[e,t*e],getRowPosition:({rowHeight:e},t)=>[e,t*e],getEstimatedTotalHeight:({totalRow:e,rowHeight:t})=>t*e,getEstimatedTotalWidth:({totalColumn:e,columnWidth:t})=>t*e,getColumnOffset:({totalColumn:e,columnWidth:t,width:n},r,o,a,l,s)=>{n=Number(n);const i=Math.max(0,e*t-n),u=Math.min(i,r*t),f=Math.max(0,r*t-n+s+t);switch(o==="smart"&&(a>=f-n&&a<=u+n?o=fa:o=vl),o){case jf:return u;case zf:return f;case vl:{const v=Math.round(f+(u-f)/2);return vi+Math.floor(n/2)?i:v}case fa:default:return a>=f&&a<=u?a:f>u||a{t=Number(t);const i=Math.max(0,n*e-t),u=Math.min(i,r*e),f=Math.max(0,r*e-t+s+e);switch(o===Og&&(a>=f-t&&a<=u+t?o=fa:o=vl),o){case jf:return u;case zf:return f;case vl:{const v=Math.round(f+(u-f)/2);return vi+Math.floor(t/2)?i:v}case fa:default:return a>=f&&a<=u?a:f>u||aMath.max(0,Math.min(t-1,Math.floor(n/e))),getColumnStopIndexForStartIndex:({columnWidth:e,totalColumn:t,width:n},r,o)=>{const a=r*e,l=Math.ceil((n+o-a)/e);return Math.max(0,Math.min(t-1,r+l-1))},getRowStartIndexForOffset:({rowHeight:e,totalRow:t},n)=>Math.max(0,Math.min(t-1,Math.floor(n/e))),getRowStopIndexForStartIndex:({rowHeight:e,totalRow:t,height:n},r,o)=>{const a=r*e,l=Math.ceil((n+o-a)/e);return Math.max(0,Math.min(t-1,r+l-1))},initCache:()=>{},clearCache:!0,validateProps:({columnWidth:e,rowHeight:t})=>{}}),{max:fm,min:KI,floor:WI}=Math,g4e={column:"columnWidth",row:"rowHeight"},b1={column:"lastVisitedColumnIndex",row:"lastVisitedRowIndex"},Bl=(e,t,n,r)=>{const[o,a,l]=[n[r],e[g4e[r]],n[b1[r]]];if(t>l){let s=0;if(l>=0){const i=o[l];s=i.offset+i.size}for(let i=l+1;i<=t;i++){const u=a(i);o[i]={offset:s,size:u},s+=u}n[b1[r]]=t}return o[t]},UI=(e,t,n,r,o,a)=>{for(;n<=r;){const l=n+WI((r-n)/2),s=Bl(e,l,t,a).offset;if(s===o)return l;s{const a=o==="column"?e.totalColumn:e.totalRow;let l=1;for(;n{const[o,a]=[t[r],t[b1[r]]];return(a>0?o[a].offset:0)>=n?UI(e,t,0,a,n,r):b4e(e,t,fm(0,a),n,r)},qI=({totalRow:e},{estimatedRowHeight:t,lastVisitedRowIndex:n,row:r})=>{let o=0;if(n>=e&&(n=e-1),n>=0){const s=r[n];o=s.offset+s.size}const l=(e-n-1)*t;return o+l},GI=({totalColumn:e},{column:t,estimatedColumnWidth:n,lastVisitedColumnIndex:r})=>{let o=0;if(r>e&&(r=e-1),r>=0){const s=t[r];o=s.offset+s.size}const l=(e-r-1)*n;return o+l},y4e={column:GI,row:qI},R3=(e,t,n,r,o,a,l)=>{const[s,i]=[a==="row"?e.height:e.width,y4e[a]],u=Bl(e,t,o,a),f=i(e,o),v=fm(0,KI(f-s,u.offset)),p=fm(0,u.offset-s+l+u.size);switch(n===Og&&(r>=p-s&&r<=v+s?n=fa:n=vl),n){case jf:return v;case zf:return p;case vl:return Math.round(p+(v-p)/2);case fa:default:return r>=p&&r<=v?r:p>v||r{const r=Bl(e,t,n,"column");return[r.size,r.offset]},getRowPosition:(e,t,n)=>{const r=Bl(e,t,n,"row");return[r.size,r.offset]},getColumnOffset:(e,t,n,r,o,a)=>R3(e,t,n,r,o,"column",a),getRowOffset:(e,t,n,r,o,a)=>R3(e,t,n,r,o,"row",a),getColumnStartIndexForOffset:(e,t,n)=>N3(e,n,t,"column"),getColumnStopIndexForStartIndex:(e,t,n,r)=>{const o=Bl(e,t,r,"column"),a=n+e.width;let l=o.offset+o.size,s=t;for(;sN3(e,n,t,"row"),getRowStopIndexForStartIndex:(e,t,n,r)=>{const{totalRow:o,height:a}=e,l=Bl(e,t,r,"row"),s=n+a;let i=l.size+l.offset,u=t;for(;u{const n=({columnIndex:a,rowIndex:l},s)=>{var i,u;s=Mr(s)?!0:s,gt(a)&&(t.value.lastVisitedColumnIndex=Math.min(t.value.lastVisitedColumnIndex,a-1)),gt(l)&&(t.value.lastVisitedRowIndex=Math.min(t.value.lastVisitedRowIndex,l-1)),(i=e.exposed)==null||i.getItemStyleCache.value(-1,null,null),s&&((u=e.proxy)==null||u.$forceUpdate())},r=(a,l)=>{n({columnIndex:a},l)},o=(a,l)=>{n({rowIndex:a},l)};Object.assign(e.proxy,{resetAfterColumnIndex:r,resetAfterRowIndex:o,resetAfter:n})},initCache:({estimatedColumnWidth:e=d1,estimatedRowHeight:t=d1})=>({column:{},estimatedColumnWidth:e,estimatedRowHeight:t,lastVisitedColumnIndex:-1,lastVisitedRowIndex:-1,row:{}}),clearCache:!1,validateProps:({columnWidth:e,rowHeight:t})=>{}}),w4e=Z({props:{item:{type:Object,required:!0},style:Object,height:Number},setup(){return{ns:Ie("select")}}});function C4e(e,t,n,r,o,a){return e.item.isTitle?(P(),H("div",{key:0,class:F(e.ns.be("group","title")),style:lt([e.style,{lineHeight:`${e.height}px`}])},Ae(e.item.label),7)):(P(),H("div",{key:1,class:F(e.ns.be("group","split")),style:lt(e.style)},[q("span",{class:F(e.ns.be("group","split-dash")),style:lt({top:`${e.height/2}px`})},null,6)],6))}var S4e=ze(w4e,[["render",C4e],["__file","/home/runner/work/element-plus/element-plus/packages/components/select-v2/src/group-item.vue"]]);function k4e(e,{emit:t}){return{hoverItem:()=>{e.disabled||t("hover",e.index)},selectOptionClick:()=>{e.disabled||t("select",e.item,e.index)}}}const $4e={allowCreate:Boolean,autocomplete:{type:String,default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:[String,Object],default:Zs},effect:{type:String,default:"light"},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:170},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,label:String,modelValue:[Array,String,Number,Boolean,Object],multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:Array,required:!0},placeholder:{type:String},teleported:xr.teleported,persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:Object,default:()=>({})},remote:Boolean,size:{type:String,validator:pg},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:{type:Boolean,default:!1},validateEvent:{type:Boolean,default:!0},placement:{type:ge(String),values:ou,default:"bottom-start"}},E4e={data:Array,disabled:Boolean,hovering:Boolean,item:Object,index:Number,style:Object,selected:Boolean,created:Boolean},T4e=Z({props:E4e,emits:["select","hover"],setup(e,{emit:t}){const n=Ie("select"),{hoverItem:r,selectOptionClick:o}=k4e(e,{emit:t});return{ns:n,hoverItem:r,selectOptionClick:o}}}),P4e=["aria-selected"];function O4e(e,t,n,r,o,a){return P(),H("li",{"aria-selected":e.selected,style:lt(e.style),class:F([e.ns.be("dropdown","option-item"),e.ns.is("selected",e.selected),e.ns.is("disabled",e.disabled),e.ns.is("created",e.created),{hover:e.hovering}]),onMouseenter:t[0]||(t[0]=(...l)=>e.hoverItem&&e.hoverItem(...l)),onClick:t[1]||(t[1]=pt((...l)=>e.selectOptionClick&&e.selectOptionClick(...l),["stop"]))},[de(e.$slots,"default",{item:e.item,index:e.index,disabled:e.disabled},()=>[q("span",null,Ae(e.item.label),1)])],46,P4e)}var x4e=ze(T4e,[["render",O4e],["__file","/home/runner/work/element-plus/element-plus/packages/components/select-v2/src/option-item.vue"]]);const YI=Symbol("ElSelectV2Injection");var A4e=Z({name:"ElSelectDropdown",props:{data:{type:Array,required:!0},hoveringIndex:Number,width:Number},setup(e,{slots:t,expose:n}){const r=Ge(YI),o=Ie("select"),a=D([]),l=D(),s=T(()=>e.data.length);be(()=>s.value,()=>{var x,R;(R=(x=r.popper.value).updatePopper)==null||R.call(x)});const i=T(()=>Mr(r.props.estimatedOptionHeight)),u=T(()=>i.value?{itemSize:r.props.itemHeight}:{estimatedSize:r.props.estimatedOptionHeight,itemSize:x=>a.value[x]}),f=(x=[],R)=>{const{props:{valueKey:V}}=r;return Bt(R)?x&&x.some(A=>jn(A,V)===jn(R,V)):x.includes(R)},v=(x,R)=>{if(Bt(R)){const{valueKey:V}=r.props;return jn(x,V)===jn(R,V)}else return x===R},p=(x,R)=>{const{valueKey:V}=r.props;return r.props.multiple?f(x,jn(R,V)):v(x,jn(R,V))},h=(x,R)=>{const{disabled:V,multiple:A,multipleLimit:I}=r.props;return V||!R&&(A?I>0&&x.length>=I:!1)},b=x=>e.hoveringIndex===x;n({listRef:l,isSized:i,isItemDisabled:h,isItemHovering:b,isItemSelected:p,scrollToItem:x=>{const R=l.value;R&&R.scrollToItem(x)},resetScrollTop:()=>{const x=l.value;x&&x.resetScrollTop()}});const y=x=>{const{index:R,data:V,style:A}=x,I=c(i),{itemSize:B,estimatedSize:z}=c(u),{modelValue:Y}=r.props,{onSelect:K,onHover:M}=r,j=V[R];if(j.type==="Group")return Q(S4e,{item:j,style:A,height:I?B:z},null);const N=p(Y,j),U=h(Y,N),W=b(R);return Q(x4e,Ft(x,{selected:N,disabled:j.disabled||U,created:!!j.created,hovering:W,item:j,onSelect:K,onHover:M}),{default:G=>{var ae;return((ae=t.default)==null?void 0:ae.call(t,G))||Q("span",null,[j.label])}})},{onKeyboardNavigate:S,onKeyboardSelect:w}=r,C=()=>{S("forward")},k=()=>{S("backward")},$=()=>{r.expanded=!1},O=x=>{const{code:R}=x,{tab:V,esc:A,down:I,up:B,enter:z}=ut;switch(R!==V&&(x.preventDefault(),x.stopPropagation()),R){case V:case A:{$();break}case I:{C();break}case B:{k();break}case z:{w();break}}};return()=>{var x;const{data:R,width:V}=e,{height:A,multiple:I,scrollbarAlwaysOn:B}=r.props;if(R.length===0)return Q("div",{class:o.b("dropdown"),style:{width:`${V}px`}},[(x=t.empty)==null?void 0:x.call(t)]);const z=c(i)?jI:p4e;return Q("div",{class:[o.b("dropdown"),o.is("multiple",I)]},[Q(z,Ft({ref:l},c(u),{className:o.be("dropdown","list"),scrollbarAlwaysOn:B,data:R,height:A,width:V,total:R.length,onKeydown:O}),{default:Y=>Q(y,Y,null)})])}}});function I4e(e,t){const n=D(0),r=D(null),o=T(()=>e.allowCreate&&e.filterable);function a(f){const v=p=>p.value===f;return e.options&&e.options.some(v)||t.createdOptions.some(v)}function l(f){!o.value||(e.multiple&&f.created?n.value++:r.value=f)}function s(f){if(o.value)if(f&&f.length>0&&!a(f)){const v={value:f,label:f,created:!0,disabled:!1};t.createdOptions.length>=n.value?t.createdOptions[n.value]=v:t.createdOptions.push(v)}else if(e.multiple)t.createdOptions.length=n.value;else{const v=r.value;t.createdOptions.length=0,v&&v.created&&t.createdOptions.push(v)}}function i(f){if(!o.value||!f||!f.created||f.created&&e.reserveKeyword&&t.inputValue===f.label)return;const v=t.createdOptions.findIndex(p=>p.value===f.value);~v&&(t.createdOptions.splice(v,1),n.value--)}function u(){o.value&&(t.createdOptions.length=0,n.value=0)}return{createNewOption:s,removeNewOption:i,selectNewOption:l,clearAllNewOption:u}}const M4e=e=>{const t=[];return e.forEach(n=>{et(n.options)?(t.push({label:n.label,isTitle:!0,type:"Group"}),n.options.forEach(r=>{t.push(r)}),t.push({type:"Group"})):t.push(n)}),t};function N4e(e){const t=D(!1);return{handleCompositionStart:()=>{t.value=!0},handleCompositionUpdate:a=>{const l=a.target.value,s=l[l.length-1]||"";t.value=!hg(s)},handleCompositionEnd:a=>{t.value&&(t.value=!1,ht(e)&&e(a))}}}const F3="",L3=11,R4e={larget:51,default:42,small:33},F4e=(e,t)=>{const{t:n}=rn(),r=Ie("select-v2"),o=Ie("input"),{form:a,formItem:l}=po(),s=nn({inputValue:F3,displayInputValue:F3,calculatedWidth:0,cachedPlaceholder:"",cachedOptions:[],createdOptions:[],createdLabel:"",createdSelected:!1,currentPlaceholder:"",hoveringIndex:-1,comboBoxHovering:!1,isOnComposition:!1,isSilentBlur:!1,isComposing:!1,inputLength:20,selectWidth:200,initialInputHeight:0,previousQuery:null,previousValue:void 0,query:"",selectedLabel:"",softFocus:!1,tagInMultiLine:!1}),i=D(-1),u=D(-1),f=D(null),v=D(null),p=D(null),h=D(null),b=D(null),g=D(null),_=D(null),y=D(!1),S=T(()=>e.disabled||(a==null?void 0:a.disabled)),w=T(()=>{const De=I.value.length*34;return De>e.height?e.height:De}),C=T(()=>!br(e.modelValue)),k=T(()=>{const De=e.multiple?Array.isArray(e.modelValue)&&e.modelValue.length>0:C.value;return e.clearable&&!S.value&&s.comboBoxHovering&&De}),$=T(()=>e.remote&&e.filterable?"":dg),O=T(()=>$.value&&r.is("reverse",y.value)),x=T(()=>(l==null?void 0:l.validateState)||""),R=T(()=>U6[x.value]),V=T(()=>e.remote?300:0),A=T(()=>{const De=I.value;return e.loading?e.loadingText||n("el.select.loading"):e.remote&&s.inputValue===""&&De.length===0?!1:e.filterable&&s.inputValue&&De.length>0?e.noMatchText||n("el.select.noMatch"):De.length===0?e.noDataText||n("el.select.noData"):null}),I=T(()=>{const De=ot=>{const Wt=s.inputValue,wn=new RegExp(R6(Wt),"i");return Wt?wn.test(ot.label||""):!0};return e.loading?[]:M4e(e.options.concat(s.createdOptions).map(ot=>{if(et(ot.options)){const Wt=ot.options.filter(De);if(Wt.length>0)return{...ot,options:Wt}}else if(e.remote||De(ot))return ot;return null}).filter(ot=>ot!==null))}),B=T(()=>I.value.every(De=>De.disabled)),z=Cr(),Y=T(()=>z.value==="small"?"small":"default"),K=T(()=>{const De=g.value,ot=Y.value||"default",Wt=De?Number.parseInt(getComputedStyle(De).paddingLeft):0,wn=De?Number.parseInt(getComputedStyle(De).paddingRight):0;return s.selectWidth-wn-Wt-R4e[ot]}),M=()=>{var De;u.value=((De=b.value)==null?void 0:De.offsetWidth)||200},j=T(()=>({width:`${s.calculatedWidth===0?L3:Math.ceil(s.calculatedWidth)+L3}px`})),N=T(()=>et(e.modelValue)?e.modelValue.length===0&&!s.displayInputValue:e.filterable?s.displayInputValue.length===0:!0),U=T(()=>{const De=e.placeholder||n("el.select.placeholder");return e.multiple||br(e.modelValue)?De:s.selectedLabel}),W=T(()=>{var De,ot;return(ot=(De=h.value)==null?void 0:De.popperRef)==null?void 0:ot.contentRef}),G=T(()=>{if(e.multiple){const De=e.modelValue.length;if(e.modelValue.length>0)return I.value.findIndex(ot=>ot.value===e.modelValue[De-1])}else if(e.modelValue)return I.value.findIndex(De=>De.value===e.modelValue);return-1}),ae=T({get(){return y.value&&A.value!==!1},set(De){y.value=De}}),me=T(()=>s.cachedOptions.slice(0,e.maxCollapseTags)),Ce=T(()=>s.cachedOptions.slice(e.maxCollapseTags)),{createNewOption:pe,removeNewOption:ke,selectNewOption:ce,clearAllNewOption:ee}=I4e(e,s),{handleCompositionStart:ve,handleCompositionUpdate:Be,handleCompositionEnd:ne}=N4e(De=>Tt(De)),ie=()=>{var De,ot,Wt;(ot=(De=v.value)==null?void 0:De.focus)==null||ot.call(De),(Wt=h.value)==null||Wt.updatePopper()},ye=()=>{if(!e.automaticDropdown&&!S.value)return s.isComposing&&(s.softFocus=!0),tt(()=>{var De,ot;y.value=!y.value,(ot=(De=v.value)==null?void 0:De.focus)==null||ot.call(De)})},Oe=()=>(e.filterable&&s.inputValue!==s.selectedLabel&&(s.query=s.selectedLabel),_e(s.inputValue),tt(()=>{pe(s.inputValue)})),je=vo(Oe,V.value),_e=De=>{s.previousQuery!==De&&(s.previousQuery=De,e.filterable&&ht(e.filterMethod)?e.filterMethod(De):e.filterable&&e.remote&&ht(e.remoteMethod)&&e.remoteMethod(De))},Ve=De=>{To(e.modelValue,De)||t(Rn,De)},Te=De=>{t(Dt,De),Ve(De),s.previousValue=De==null?void 0:De.toString()},Le=(De=[],ot)=>{if(!Bt(ot))return De.indexOf(ot);const Wt=e.valueKey;let wn=-1;return De.some((ho,mo)=>jn(ho,Wt)===jn(ot,Wt)?(wn=mo,!0):!1),wn},Ee=De=>Bt(De)?jn(De,e.valueKey):De,Ze=De=>Bt(De)?De.label:De,Ye=()=>tt(()=>{var De,ot;if(!v.value)return;const Wt=g.value;b.value.height=Wt.offsetHeight,y.value&&A.value!==!1&&((ot=(De=h.value)==null?void 0:De.updatePopper)==null||ot.call(De))}),$e=()=>{var De,ot;if(Xe(),M(),(ot=(De=h.value)==null?void 0:De.updatePopper)==null||ot.call(De),e.multiple)return Ye()},Xe=()=>{const De=g.value;De&&(s.selectWidth=De.getBoundingClientRect().width)},ft=(De,ot,Wt=!0)=>{var wn,ho;if(e.multiple){let mo=e.modelValue.slice();const is=Le(mo,Ee(De));is>-1?(mo=[...mo.slice(0,is),...mo.slice(is+1)],s.cachedOptions.splice(is,1),ke(De)):(e.multipleLimit<=0||mo.length{const{valueKey:Wt}=e,wn=e.modelValue.indexOf(jn(ot,Wt));if(wn>-1&&!S.value){const ho=[...e.modelValue.slice(0,wn),...e.modelValue.slice(wn+1)];return s.cachedOptions.splice(wn,1),Te(ho),t("remove-tag",jn(ot,Wt)),s.softFocus=!0,ke(ot),tt(ie)}De.stopPropagation()},dt=De=>{const ot=s.isComposing;s.isComposing=!0,s.softFocus?s.softFocus=!1:ot||t("focus",De)},Ne=De=>(s.softFocus=!1,tt(()=>{var ot,Wt;(Wt=(ot=v.value)==null?void 0:ot.blur)==null||Wt.call(ot),_.value&&(s.calculatedWidth=_.value.getBoundingClientRect().width),s.isSilentBlur?s.isSilentBlur=!1:s.isComposing&&t("blur",De),s.isComposing=!1})),Fe=()=>{s.displayInputValue.length>0?fe(""):y.value=!1},we=De=>{if(s.displayInputValue.length===0){De.preventDefault();const ot=e.modelValue.slice();ot.pop(),ke(s.cachedOptions.pop()),Te(ot)}},le=()=>{let De;return et(e.modelValue)?De=[]:De=void 0,s.softFocus=!0,e.multiple?s.cachedOptions=[]:s.selectedLabel="",y.value=!1,Te(De),t("clear"),ee(),tt(ie)},fe=De=>{s.displayInputValue=De,s.inputValue=De},Re=(De,ot=void 0)=>{const Wt=I.value;if(!["forward","backward"].includes(De)||S.value||Wt.length<=0||B.value)return;if(!y.value)return ye();ot===void 0&&(ot=s.hoveringIndex);let wn=-1;De==="forward"?(wn=ot+1,wn>=Wt.length&&(wn=0)):De==="backward"&&(wn=ot-1,(wn<0||wn>=Wt.length)&&(wn=Wt.length-1));const ho=Wt[wn];if(ho.disabled||ho.type==="Group")return Re(De,wn);ct(wn),sn(wn)},We=()=>{if(y.value)~s.hoveringIndex&&I.value[s.hoveringIndex]&&ft(I.value[s.hoveringIndex],s.hoveringIndex,!1);else return ye()},ct=De=>{s.hoveringIndex=De},xe=()=>{s.hoveringIndex=-1},Je=()=>{var De;const ot=v.value;ot&&((De=ot.focus)==null||De.call(ot))},Tt=De=>{const ot=De.target.value;if(fe(ot),s.displayInputValue.length>0&&!y.value&&(y.value=!0),s.calculatedWidth=_.value.getBoundingClientRect().width,e.multiple&&Ye(),e.remote)je();else return Oe()},Lt=()=>(y.value=!1,Ne()),Kt=()=>(s.inputValue=s.displayInputValue,tt(()=>{~G.value&&(ct(G.value),sn(s.hoveringIndex))})),sn=De=>{p.value.scrollToItem(De)},ar=()=>{if(xe(),e.multiple)if(e.modelValue.length>0){let De=!1;s.cachedOptions.length=0,s.previousValue=e.modelValue.toString(),e.modelValue.forEach(ot=>{const Wt=I.value.findIndex(wn=>Ee(wn)===ot);~Wt&&(s.cachedOptions.push(I.value[Wt]),De||ct(Wt),De=!0)})}else s.cachedOptions=[],s.previousValue=void 0;else if(C.value){s.previousValue=e.modelValue;const De=I.value,ot=De.findIndex(Wt=>Ee(Wt)===Ee(e.modelValue));~ot?(s.selectedLabel=De[ot].label,ct(ot)):s.selectedLabel=`${e.modelValue}`}else s.selectedLabel="",s.previousValue=void 0;ee(),M()};return be(y,De=>{var ot,Wt;t("visible-change",De),De?(Wt=(ot=h.value).update)==null||Wt.call(ot):(s.displayInputValue="",s.previousQuery=null,pe(""))}),be(()=>e.modelValue,(De,ot)=>{var Wt;(!De||De.toString()!==s.previousValue)&&ar(),!To(De,ot)&&e.validateEvent&&((Wt=l==null?void 0:l.validate)==null||Wt.call(l,"change").catch(wn=>void 0))},{deep:!0}),be(()=>e.options,()=>{const De=v.value;(!De||De&&document.activeElement!==De)&&ar()},{deep:!0}),be(I,()=>tt(p.value.resetScrollTop)),be(()=>ae.value,De=>{De||xe()}),bt(()=>{ar()}),eo(b,$e),{collapseTagSize:Y,currentPlaceholder:U,expanded:y,emptyText:A,popupHeight:w,debounce:V,filteredOptions:I,iconComponent:$,iconReverse:O,inputWrapperStyle:j,popperSize:u,dropdownMenuVisible:ae,hasModelValue:C,shouldShowPlaceholder:N,selectDisabled:S,selectSize:z,showClearBtn:k,states:s,tagMaxWidth:K,nsSelectV2:r,nsInput:o,calculatorRef:_,controlRef:f,inputRef:v,menuRef:p,popper:h,selectRef:b,selectionRef:g,popperRef:W,validateState:x,validateIcon:R,showTagList:me,collapseTagList:Ce,debouncedOnInputChange:je,deleteTag:Et,getLabel:Ze,getValueKey:Ee,handleBlur:Ne,handleClear:le,handleClickOutside:Lt,handleDel:we,handleEsc:Fe,handleFocus:dt,handleMenuEnter:Kt,handleResize:$e,toggleMenu:ye,scrollTo:sn,onInput:Tt,onKeyboardNavigate:Re,onKeyboardSelect:We,onSelect:ft,onHover:ct,onUpdateInputValue:fe,handleCompositionStart:ve,handleCompositionEnd:ne,handleCompositionUpdate:Be}},L4e=Z({name:"ElSelectV2",components:{ElSelectMenu:A4e,ElTag:Bf,ElTooltip:ur,ElIcon:at},directives:{ClickOutside:qs,ModelText:m_},props:$4e,emits:[Dt,Rn,"remove-tag","clear","visible-change","focus","blur"],setup(e,{emit:t}){const n=T(()=>{const{modelValue:o,multiple:a}=e,l=a?[]:void 0;return et(o)?a?o:l:a?l:o}),r=F4e(nn({...kr(e),modelValue:n}),t);return $t(YI,{props:nn({...kr(e),height:r.popupHeight,modelValue:n}),popper:r.popper,onSelect:r.onSelect,onHover:r.onHover,onKeyboardNavigate:r.onKeyboardNavigate,onKeyboardSelect:r.onKeyboardSelect}),{...r,modelValue:n}}}),D4e={key:0},B4e=["id","autocomplete","aria-expanded","aria-labelledby","disabled","readonly","name","unselectable"],V4e=["textContent"],j4e=["id","aria-labelledby","aria-expanded","autocomplete","disabled","name","readonly","unselectable"],z4e=["textContent"];function H4e(e,t,n,r,o,a){const l=Ct("el-tag"),s=Ct("el-tooltip"),i=Ct("el-icon"),u=Ct("el-select-menu"),f=ic("model-text"),v=ic("click-outside");return Ot((P(),H("div",{ref:"selectRef",class:F([e.nsSelectV2.b(),e.nsSelectV2.m(e.selectSize)]),onClick:t[24]||(t[24]=pt((...p)=>e.toggleMenu&&e.toggleMenu(...p),["stop"])),onMouseenter:t[25]||(t[25]=p=>e.states.comboBoxHovering=!0),onMouseleave:t[26]||(t[26]=p=>e.states.comboBoxHovering=!1)},[Q(s,{ref:"popper",visible:e.dropdownMenuVisible,teleported:e.teleported,"popper-class":[e.nsSelectV2.e("popper"),e.popperClass],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"popper-options":e.popperOptions,"fallback-placements":["bottom-start","top-start","right","left"],effect:e.effect,placement:e.placement,pure:"",transition:`${e.nsSelectV2.namespace.value}-zoom-in-top`,trigger:"click",persistent:e.persistent,onBeforeShow:e.handleMenuEnter,onHide:t[23]||(t[23]=p=>e.states.inputValue=e.states.displayInputValue)},{default:re(()=>[q("div",{ref:"selectionRef",class:F([e.nsSelectV2.e("wrapper"),e.nsSelectV2.is("focused",e.states.isComposing||e.expanded),e.nsSelectV2.is("hovering",e.states.comboBoxHovering),e.nsSelectV2.is("filterable",e.filterable),e.nsSelectV2.is("disabled",e.selectDisabled)])},[e.$slots.prefix?(P(),H("div",D4e,[de(e.$slots,"prefix")])):se("v-if",!0),e.multiple?(P(),H("div",{key:1,class:F(e.nsSelectV2.e("selection"))},[e.collapseTags&&e.modelValue.length>0?(P(),H(Ue,{key:0},[(P(!0),H(Ue,null,xt(e.showTagList,p=>(P(),H("div",{key:e.getValueKey(p),class:F(e.nsSelectV2.e("selected-item"))},[Q(l,{closable:!e.selectDisabled&&!(p!=null&&p.disable),size:e.collapseTagSize,type:"info","disable-transitions":"",onClose:h=>e.deleteTag(h,p)},{default:re(()=>[q("span",{class:F(e.nsSelectV2.e("tags-text")),style:lt({maxWidth:`${e.tagMaxWidth}px`})},Ae(p==null?void 0:p.label),7)]),_:2},1032,["closable","size","onClose"])],2))),128)),q("div",{class:F(e.nsSelectV2.e("selected-item"))},[e.modelValue.length>e.maxCollapseTags?(P(),ue(l,{key:0,closable:!1,size:e.collapseTagSize,type:"info","disable-transitions":""},{default:re(()=>[e.collapseTagsTooltip?(P(),ue(s,{key:0,disabled:e.dropdownMenuVisible,"fallback-placements":["bottom","top","right","left"],effect:e.effect,placement:"bottom",teleported:!1},{default:re(()=>[q("span",{class:F(e.nsSelectV2.e("tags-text")),style:lt({maxWidth:`${e.tagMaxWidth}px`})},"+ "+Ae(e.modelValue.length-e.maxCollapseTags),7)]),content:re(()=>[q("div",{class:F(e.nsSelectV2.e("selection"))},[(P(!0),H(Ue,null,xt(e.collapseTagList,p=>(P(),H("div",{key:e.getValueKey(p),class:F(e.nsSelectV2.e("selected-item"))},[Q(l,{closable:!e.selectDisabled&&!p.disabled,size:e.collapseTagSize,class:"in-tooltip",type:"info","disable-transitions":"",onClose:h=>e.deleteTag(h,p)},{default:re(()=>[q("span",{class:F(e.nsSelectV2.e("tags-text")),style:lt({maxWidth:`${e.tagMaxWidth}px`})},Ae(e.getLabel(p)),7)]),_:2},1032,["closable","size","onClose"])],2))),128))],2)]),_:1},8,["disabled","effect"])):(P(),H("span",{key:1,class:F(e.nsSelectV2.e("tags-text")),style:lt({maxWidth:`${e.tagMaxWidth}px`})},"+ "+Ae(e.modelValue.length-e.maxCollapseTags),7))]),_:1},8,["size"])):se("v-if",!0)],2)],64)):(P(!0),H(Ue,{key:1},xt(e.states.cachedOptions,p=>(P(),H("div",{key:e.getValueKey(p),class:F(e.nsSelectV2.e("selected-item"))},[Q(l,{closable:!e.selectDisabled&&!p.disabled,size:e.collapseTagSize,type:"info","disable-transitions":"",onClose:h=>e.deleteTag(h,p)},{default:re(()=>[q("span",{class:F(e.nsSelectV2.e("tags-text")),style:lt({maxWidth:`${e.tagMaxWidth}px`})},Ae(e.getLabel(p)),7)]),_:2},1032,["closable","size","onClose"])],2))),128)),q("div",{class:F([e.nsSelectV2.e("selected-item"),e.nsSelectV2.e("input-wrapper")]),style:lt(e.inputWrapperStyle)},[Ot(q("input",{id:e.id,ref:"inputRef",autocomplete:e.autocomplete,"aria-autocomplete":"list","aria-haspopup":"listbox",autocapitalize:"off","aria-expanded":e.expanded,"aria-labelledby":e.label,class:F([e.nsSelectV2.is(e.selectSize),e.nsSelectV2.e("combobox-input")]),disabled:e.disabled,role:"combobox",readonly:!e.filterable,spellcheck:"false",type:"text",name:e.name,unselectable:e.expanded?"on":void 0,"onUpdate:modelValue":t[0]||(t[0]=(...p)=>e.onUpdateInputValue&&e.onUpdateInputValue(...p)),onFocus:t[1]||(t[1]=(...p)=>e.handleFocus&&e.handleFocus(...p)),onBlur:t[2]||(t[2]=(...p)=>e.handleBlur&&e.handleBlur(...p)),onInput:t[3]||(t[3]=(...p)=>e.onInput&&e.onInput(...p)),onCompositionstart:t[4]||(t[4]=(...p)=>e.handleCompositionStart&&e.handleCompositionStart(...p)),onCompositionupdate:t[5]||(t[5]=(...p)=>e.handleCompositionUpdate&&e.handleCompositionUpdate(...p)),onCompositionend:t[6]||(t[6]=(...p)=>e.handleCompositionEnd&&e.handleCompositionEnd(...p)),onKeydown:[t[7]||(t[7]=tn(pt(p=>e.onKeyboardNavigate("backward"),["stop","prevent"]),["up"])),t[8]||(t[8]=tn(pt(p=>e.onKeyboardNavigate("forward"),["stop","prevent"]),["down"])),t[9]||(t[9]=tn(pt((...p)=>e.onKeyboardSelect&&e.onKeyboardSelect(...p),["stop","prevent"]),["enter"])),t[10]||(t[10]=tn(pt((...p)=>e.handleEsc&&e.handleEsc(...p),["stop","prevent"]),["esc"])),t[11]||(t[11]=tn(pt((...p)=>e.handleDel&&e.handleDel(...p),["stop"]),["delete"]))]},null,42,B4e),[[f,e.states.displayInputValue]]),e.filterable?(P(),H("span",{key:0,ref:"calculatorRef","aria-hidden":"true",class:F(e.nsSelectV2.e("input-calculator")),textContent:Ae(e.states.displayInputValue)},null,10,V4e)):se("v-if",!0)],6)],2)):(P(),H(Ue,{key:2},[q("div",{class:F([e.nsSelectV2.e("selected-item"),e.nsSelectV2.e("input-wrapper")])},[Ot(q("input",{id:e.id,ref:"inputRef","aria-autocomplete":"list","aria-haspopup":"listbox","aria-labelledby":e.label,"aria-expanded":e.expanded,autocapitalize:"off",autocomplete:e.autocomplete,class:F(e.nsSelectV2.e("combobox-input")),disabled:e.disabled,name:e.name,role:"combobox",readonly:!e.filterable,spellcheck:"false",type:"text",unselectable:e.expanded?"on":void 0,onCompositionstart:t[12]||(t[12]=(...p)=>e.handleCompositionStart&&e.handleCompositionStart(...p)),onCompositionupdate:t[13]||(t[13]=(...p)=>e.handleCompositionUpdate&&e.handleCompositionUpdate(...p)),onCompositionend:t[14]||(t[14]=(...p)=>e.handleCompositionEnd&&e.handleCompositionEnd(...p)),onFocus:t[15]||(t[15]=(...p)=>e.handleFocus&&e.handleFocus(...p)),onBlur:t[16]||(t[16]=(...p)=>e.handleBlur&&e.handleBlur(...p)),onInput:t[17]||(t[17]=(...p)=>e.onInput&&e.onInput(...p)),onKeydown:[t[18]||(t[18]=tn(pt(p=>e.onKeyboardNavigate("backward"),["stop","prevent"]),["up"])),t[19]||(t[19]=tn(pt(p=>e.onKeyboardNavigate("forward"),["stop","prevent"]),["down"])),t[20]||(t[20]=tn(pt((...p)=>e.onKeyboardSelect&&e.onKeyboardSelect(...p),["stop","prevent"]),["enter"])),t[21]||(t[21]=tn(pt((...p)=>e.handleEsc&&e.handleEsc(...p),["stop","prevent"]),["esc"]))],"onUpdate:modelValue":t[22]||(t[22]=(...p)=>e.onUpdateInputValue&&e.onUpdateInputValue(...p))},null,42,j4e),[[f,e.states.displayInputValue]])],2),e.filterable?(P(),H("span",{key:0,ref:"calculatorRef","aria-hidden":"true",class:F([e.nsSelectV2.e("selected-item"),e.nsSelectV2.e("input-calculator")]),textContent:Ae(e.states.displayInputValue)},null,10,z4e)):se("v-if",!0)],64)),e.shouldShowPlaceholder?(P(),H("span",{key:3,class:F([e.nsSelectV2.e("placeholder"),e.nsSelectV2.is("transparent",e.multiple?e.modelValue.length===0:!e.hasModelValue)])},Ae(e.currentPlaceholder),3)):se("v-if",!0),q("span",{class:F(e.nsSelectV2.e("suffix"))},[e.iconComponent?Ot((P(),ue(i,{key:0,class:F([e.nsSelectV2.e("caret"),e.nsInput.e("icon"),e.iconReverse])},{default:re(()=>[(P(),ue(jt(e.iconComponent)))]),_:1},8,["class"])),[[on,!e.showClearBtn]]):se("v-if",!0),e.showClearBtn&&e.clearIcon?(P(),ue(i,{key:1,class:F([e.nsSelectV2.e("caret"),e.nsInput.e("icon")]),onClick:pt(e.handleClear,["prevent","stop"])},{default:re(()=>[(P(),ue(jt(e.clearIcon)))]),_:1},8,["class","onClick"])):se("v-if",!0),e.validateState&&e.validateIcon?(P(),ue(i,{key:2,class:F([e.nsInput.e("icon"),e.nsInput.e("validateIcon")])},{default:re(()=>[(P(),ue(jt(e.validateIcon)))]),_:1},8,["class"])):se("v-if",!0)],2)],2)]),content:re(()=>[Q(u,{ref:"menuRef",data:e.filteredOptions,width:e.popperSize,"hovering-index":e.states.hoveringIndex,"scrollbar-always-on":e.scrollbarAlwaysOn},{default:re(p=>[de(e.$slots,"default",Fa(Vm(p)))]),empty:re(()=>[de(e.$slots,"empty",{},()=>[q("p",{class:F(e.nsSelectV2.e("empty"))},Ae(e.emptyText?e.emptyText:""),3)])]),_:3},8,["data","width","hovering-index","scrollbar-always-on"])]),_:3},8,["visible","teleported","popper-class","popper-options","effect","placement","transition","persistent","onBeforeShow"])],34)),[[v,e.handleClickOutside,e.popperRef]])}var wh=ze(L4e,[["render",H4e],["__file","/home/runner/work/element-plus/element-plus/packages/components/select-v2/src/select.vue"]]);wh.install=e=>{e.component(wh.name,wh)};const K4e=wh,W4e=K4e,U4e=He({animated:{type:Boolean,default:!1},count:{type:Number,default:1},rows:{type:Number,default:3},loading:{type:Boolean,default:!0},throttle:{type:Number}}),q4e=He({variant:{type:String,values:["circle","rect","h1","h3","text","caption","p","image","button"],default:"text"}}),G4e=Z({name:"ElSkeletonItem"}),Y4e=Z({...G4e,props:q4e,setup(e){const t=Ie("skeleton");return(n,r)=>(P(),H("div",{class:F([c(t).e("item"),c(t).e(n.variant)])},[n.variant==="image"?(P(),ue(c(_ve),{key:0})):se("v-if",!0)],2))}});var vm=ze(Y4e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton-item.vue"]]);const X4e=Z({name:"ElSkeleton"}),Z4e=Z({...X4e,props:U4e,setup(e,{expose:t}){const n=e,r=Ie("skeleton"),o=Ahe(Nn(n,"loading"),n.throttle);return t({uiLoading:o}),(a,l)=>c(o)?(P(),H("div",Ft({key:0,class:[c(r).b(),c(r).is("animated",a.animated)]},a.$attrs),[(P(!0),H(Ue,null,xt(a.count,s=>(P(),H(Ue,{key:s},[a.loading?de(a.$slots,"template",{key:s},()=>[Q(vm,{class:F(c(r).is("first")),variant:"p"},null,8,["class"]),(P(!0),H(Ue,null,xt(a.rows,i=>(P(),ue(vm,{key:i,class:F([c(r).e("paragraph"),c(r).is("last",i===a.rows&&a.rows>1)]),variant:"p"},null,8,["class"]))),128))]):se("v-if",!0)],64))),128))],16)):de(a.$slots,"default",Fa(Ft({key:1},a.$attrs)))}});var Q4e=ze(Z4e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton.vue"]]);const J4e=Rt(Q4e,{SkeletonItem:vm}),e3e=Xn(vm),XI=Symbol("sliderContextKey"),t3e=He({modelValue:{type:ge([Number,Array]),default:0},id:{type:String,default:void 0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:Number,default:1},showInput:Boolean,showInputControls:{type:Boolean,default:!0},size:qr,inputSize:qr,showStops:Boolean,showTooltip:{type:Boolean,default:!0},formatTooltip:{type:ge(Function),default:void 0},disabled:Boolean,range:Boolean,vertical:Boolean,height:String,debounce:{type:Number,default:300},label:{type:String,default:void 0},rangeStartLabel:{type:String,default:void 0},rangeEndLabel:{type:String,default:void 0},formatValueText:{type:ge(Function),default:void 0},tooltipClass:{type:String,default:void 0},placement:{type:String,values:ou,default:"top"},marks:{type:ge(Object)},validateEvent:{type:Boolean,default:!0}}),Rb=e=>gt(e)||et(e)&&e.every(gt),n3e={[Dt]:Rb,[uo]:Rb,[Rn]:Rb},r3e=(e,t,n)=>{const r=D();return bt(async()=>{e.range?(Array.isArray(e.modelValue)?(t.firstValue=Math.max(e.min,e.modelValue[0]),t.secondValue=Math.min(e.max,e.modelValue[1])):(t.firstValue=e.min,t.secondValue=e.max),t.oldValue=[t.firstValue,t.secondValue]):(typeof e.modelValue!="number"||Number.isNaN(e.modelValue)?t.firstValue=e.min:t.firstValue=Math.min(e.max,Math.max(e.min,e.modelValue)),t.oldValue=t.firstValue),Kn(window,"resize",n),await tt(),n()}),{sliderWrapper:r}},o3e=e=>T(()=>e.marks?Object.keys(e.marks).map(Number.parseFloat).sort((n,r)=>n-r).filter(n=>n<=e.max&&n>=e.min).map(n=>({point:n,position:(n-e.min)*100/(e.max-e.min),mark:e.marks[n]})):[]),a3e=(e,t,n)=>{const{form:r,formItem:o}=po(),a=En(),l=D(),s=D(),i={firstButton:l,secondButton:s},u=T(()=>e.disabled||(r==null?void 0:r.disabled)||!1),f=T(()=>Math.min(t.firstValue,t.secondValue)),v=T(()=>Math.max(t.firstValue,t.secondValue)),p=T(()=>e.range?`${100*(v.value-f.value)/(e.max-e.min)}%`:`${100*(t.firstValue-e.min)/(e.max-e.min)}%`),h=T(()=>e.range?`${100*(f.value-e.min)/(e.max-e.min)}%`:"0%"),b=T(()=>e.vertical?{height:e.height}:{}),g=T(()=>e.vertical?{height:p.value,bottom:h.value}:{width:p.value,left:h.value}),_=()=>{a.value&&(t.sliderSize=a.value[`client${e.vertical?"Height":"Width"}`])},y=A=>{const I=e.min+A*(e.max-e.min)/100;if(!e.range)return l;let B;return Math.abs(f.value-I)t.secondValue?"firstButton":"secondButton",i[B]},S=A=>{const I=y(A);return I.value.setPosition(A),I},w=A=>{t.firstValue=A,k(e.range?[f.value,v.value]:A)},C=A=>{t.secondValue=A,e.range&&k([f.value,v.value])},k=A=>{n(Dt,A),n(uo,A)},$=async()=>{await tt(),n(Rn,e.range?[f.value,v.value]:e.modelValue)},O=A=>{var I,B,z,Y,K,M;if(u.value||t.dragging)return;_();let j=0;if(e.vertical){const N=(z=(B=(I=A.touches)==null?void 0:I.item(0))==null?void 0:B.clientY)!=null?z:A.clientY;j=(a.value.getBoundingClientRect().bottom-N)/t.sliderSize*100}else{const N=(M=(K=(Y=A.touches)==null?void 0:Y.item(0))==null?void 0:K.clientX)!=null?M:A.clientX,U=a.value.getBoundingClientRect().left;j=(N-U)/t.sliderSize*100}if(!(j<0||j>100))return S(j)};return{elFormItem:o,slider:a,firstButton:l,secondButton:s,sliderDisabled:u,minValue:f,maxValue:v,runwayStyle:b,barStyle:g,resetSize:_,setPosition:S,emitChange:$,onSliderWrapperPrevent:A=>{var I,B;(((I=i.firstButton.value)==null?void 0:I.dragging)||((B=i.secondButton.value)==null?void 0:B.dragging))&&A.preventDefault()},onSliderClick:A=>{O(A)&&$()},onSliderDown:async A=>{const I=O(A);I&&(await tt(),I.value.onButtonDown(A))},setFirstValue:w,setSecondValue:C}},{left:l3e,down:s3e,right:i3e,up:u3e,home:c3e,end:d3e,pageUp:f3e,pageDown:v3e}=ut,p3e=(e,t,n)=>{const r=D(),o=D(!1),a=T(()=>t.value instanceof Function),l=T(()=>a.value&&t.value(e.modelValue)||e.modelValue),s=vo(()=>{n.value&&(o.value=!0)},50),i=vo(()=>{n.value&&(o.value=!1)},50);return{tooltip:r,tooltipVisible:o,formatValue:l,displayTooltip:s,hideTooltip:i}},h3e=(e,t,n)=>{const{disabled:r,min:o,max:a,step:l,showTooltip:s,precision:i,sliderSize:u,formatTooltip:f,emitChange:v,resetSize:p,updateDragging:h}=Ge(XI),{tooltip:b,tooltipVisible:g,formatValue:_,displayTooltip:y,hideTooltip:S}=p3e(e,f,s),w=D(),C=T(()=>`${(e.modelValue-o.value)/(a.value-o.value)*100}%`),k=T(()=>e.vertical?{bottom:C.value}:{left:C.value}),$=()=>{t.hovering=!0,y()},O=()=>{t.hovering=!1,t.dragging||S()},x=G=>{r.value||(G.preventDefault(),j(G),window.addEventListener("mousemove",N),window.addEventListener("touchmove",N),window.addEventListener("mouseup",U),window.addEventListener("touchend",U),window.addEventListener("contextmenu",U),w.value.focus())},R=G=>{r.value||(t.newPosition=Number.parseFloat(C.value)+G/(a.value-o.value)*100,W(t.newPosition),v())},V=()=>{R(-l.value)},A=()=>{R(l.value)},I=()=>{R(-l.value*4)},B=()=>{R(l.value*4)},z=()=>{r.value||(W(0),v())},Y=()=>{r.value||(W(100),v())},K=G=>{let ae=!0;[l3e,s3e].includes(G.key)?V():[i3e,u3e].includes(G.key)?A():G.key===c3e?z():G.key===d3e?Y():G.key===v3e?I():G.key===f3e?B():ae=!1,ae&&G.preventDefault()},M=G=>{let ae,me;return G.type.startsWith("touch")?(me=G.touches[0].clientY,ae=G.touches[0].clientX):(me=G.clientY,ae=G.clientX),{clientX:ae,clientY:me}},j=G=>{t.dragging=!0,t.isClick=!0;const{clientX:ae,clientY:me}=M(G);e.vertical?t.startY=me:t.startX=ae,t.startPosition=Number.parseFloat(C.value),t.newPosition=t.startPosition},N=G=>{if(t.dragging){t.isClick=!1,y(),p();let ae;const{clientX:me,clientY:Ce}=M(G);e.vertical?(t.currentY=Ce,ae=(t.startY-t.currentY)/u.value*100):(t.currentX=me,ae=(t.currentX-t.startX)/u.value*100),t.newPosition=t.startPosition+ae,W(t.newPosition)}},U=()=>{t.dragging&&(setTimeout(()=>{t.dragging=!1,t.hovering||S(),t.isClick||W(t.newPosition),v()},0),window.removeEventListener("mousemove",N),window.removeEventListener("touchmove",N),window.removeEventListener("mouseup",U),window.removeEventListener("touchend",U),window.removeEventListener("contextmenu",U))},W=async G=>{if(G===null||Number.isNaN(+G))return;G<0?G=0:G>100&&(G=100);const ae=100/((a.value-o.value)/l.value);let Ce=Math.round(G/ae)*ae*(a.value-o.value)*.01+o.value;Ce=Number.parseFloat(Ce.toFixed(i.value)),Ce!==e.modelValue&&n(Dt,Ce),!t.dragging&&e.modelValue!==t.oldValue&&(t.oldValue=e.modelValue),await tt(),t.dragging&&y(),b.value.updatePopper()};return be(()=>t.dragging,G=>{h(G)}),{disabled:r,button:w,tooltip:b,tooltipVisible:g,showTooltip:s,wrapperStyle:k,formatValue:_,handleMouseEnter:$,handleMouseLeave:O,onButtonDown:x,onKeyDown:K,setPosition:W}},m3e=(e,t,n,r)=>({stops:T(()=>{if(!e.showStops||e.min>e.max)return[];if(e.step===0)return[];const l=(e.max-e.min)/e.step,s=100*e.step/(e.max-e.min),i=Array.from({length:l-1}).map((u,f)=>(f+1)*s);return e.range?i.filter(u=>u<100*(n.value-e.min)/(e.max-e.min)||u>100*(r.value-e.min)/(e.max-e.min)):i.filter(u=>u>100*(t.firstValue-e.min)/(e.max-e.min))}),getStopStyle:l=>e.vertical?{bottom:`${l}%`}:{left:`${l}%`}}),g3e=(e,t,n,r,o,a)=>{const l=u=>{o(Dt,u),o(uo,u)},s=()=>e.range?![n.value,r.value].every((u,f)=>u===t.oldValue[f]):e.modelValue!==t.oldValue,i=()=>{var u,f;e.min>e.max&&wr("Slider","min should not be greater than max.");const v=e.modelValue;e.range&&Array.isArray(v)?v[1]e.max?l([e.max,e.max]):v[0]e.max?l([v[0],e.max]):(t.firstValue=v[0],t.secondValue=v[1],s()&&(e.validateEvent&&((u=a==null?void 0:a.validate)==null||u.call(a,"change").catch(p=>void 0)),t.oldValue=v.slice())):!e.range&&typeof v=="number"&&!Number.isNaN(v)&&(ve.max?l(e.max):(t.firstValue=v,s()&&(e.validateEvent&&((f=a==null?void 0:a.validate)==null||f.call(a,"change").catch(p=>void 0)),t.oldValue=v)))};i(),be(()=>t.dragging,u=>{u||i()}),be(()=>e.modelValue,(u,f)=>{t.dragging||Array.isArray(u)&&Array.isArray(f)&&u.every((v,p)=>v===f[p])&&t.firstValue===u[0]&&t.secondValue===u[1]||i()},{deep:!0}),be(()=>[e.min,e.max],()=>{i()})},b3e=He({modelValue:{type:Number,default:0},vertical:Boolean,tooltipClass:String,placement:{type:String,values:ou,default:"top"}}),y3e={[Dt]:e=>gt(e)},_3e=["tabindex"],w3e=Z({name:"ElSliderButton"}),C3e=Z({...w3e,props:b3e,emits:y3e,setup(e,{expose:t,emit:n}){const r=e,o=Ie("slider"),a=nn({hovering:!1,dragging:!1,isClick:!1,startX:0,currentX:0,startY:0,currentY:0,startPosition:0,newPosition:0,oldValue:r.modelValue}),{disabled:l,button:s,tooltip:i,showTooltip:u,tooltipVisible:f,wrapperStyle:v,formatValue:p,handleMouseEnter:h,handleMouseLeave:b,onButtonDown:g,onKeyDown:_,setPosition:y}=h3e(r,a,n),{hovering:S,dragging:w}=kr(a);return t({onButtonDown:g,onKeyDown:_,setPosition:y,hovering:S,dragging:w}),(C,k)=>(P(),H("div",{ref_key:"button",ref:s,class:F([c(o).e("button-wrapper"),{hover:c(S),dragging:c(w)}]),style:lt(c(v)),tabindex:c(l)?-1:0,onMouseenter:k[0]||(k[0]=(...$)=>c(h)&&c(h)(...$)),onMouseleave:k[1]||(k[1]=(...$)=>c(b)&&c(b)(...$)),onMousedown:k[2]||(k[2]=(...$)=>c(g)&&c(g)(...$)),onTouchstart:k[3]||(k[3]=(...$)=>c(g)&&c(g)(...$)),onFocus:k[4]||(k[4]=(...$)=>c(h)&&c(h)(...$)),onBlur:k[5]||(k[5]=(...$)=>c(b)&&c(b)(...$)),onKeydown:k[6]||(k[6]=(...$)=>c(_)&&c(_)(...$))},[Q(c(ur),{ref_key:"tooltip",ref:i,visible:c(f),placement:C.placement,"fallback-placements":["top","bottom","right","left"],"stop-popper-mouse-event":!1,"popper-class":C.tooltipClass,disabled:!c(u),persistent:""},{content:re(()=>[q("span",null,Ae(c(p)),1)]),default:re(()=>[q("div",{class:F([c(o).e("button"),{hover:c(S),dragging:c(w)}])},null,2)]),_:1},8,["visible","placement","popper-class","disabled"])],46,_3e))}});var D3=ze(C3e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/slider/src/button.vue"]]);const S3e=He({mark:{type:ge([String,Object]),default:void 0}});var k3e=Z({name:"ElSliderMarker",props:S3e,setup(e){const t=Ie("slider"),n=T(()=>_t(e.mark)?e.mark:e.mark.label),r=T(()=>_t(e.mark)?void 0:e.mark.style);return()=>st("div",{class:t.e("marks-text"),style:r.value},n.value)}});const $3e=["id","role","aria-label","aria-labelledby"],E3e={key:1},T3e=Z({name:"ElSlider"}),P3e=Z({...T3e,props:t3e,emits:n3e,setup(e,{expose:t,emit:n}){const r=e,o=Ie("slider"),{t:a}=rn(),l=nn({firstValue:0,secondValue:0,oldValue:0,dragging:!1,sliderSize:1}),{elFormItem:s,slider:i,firstButton:u,secondButton:f,sliderDisabled:v,minValue:p,maxValue:h,runwayStyle:b,barStyle:g,resetSize:_,emitChange:y,onSliderWrapperPrevent:S,onSliderClick:w,onSliderDown:C,setFirstValue:k,setSecondValue:$}=a3e(r,l,n),{stops:O,getStopStyle:x}=m3e(r,l,p,h),{inputId:R,isLabeledByFormItem:V}=ti(r,{formItemContext:s}),A=Cr(),I=T(()=>r.inputSize||A.value),B=T(()=>r.label||a("el.slider.defaultLabel",{min:r.min,max:r.max})),z=T(()=>r.range?r.rangeStartLabel||a("el.slider.defaultRangeStartLabel"):B.value),Y=T(()=>r.formatValueText?r.formatValueText(G.value):`${G.value}`),K=T(()=>r.rangeEndLabel||a("el.slider.defaultRangeEndLabel")),M=T(()=>r.formatValueText?r.formatValueText(ae.value):`${ae.value}`),j=T(()=>[o.b(),o.m(A.value),o.is("vertical",r.vertical),{[o.m("with-input")]:r.showInput}]),N=o3e(r);g3e(r,l,p,h,n,s);const U=T(()=>{const pe=[r.min,r.max,r.step].map(ke=>{const ce=`${ke}`.split(".")[1];return ce?ce.length:0});return Math.max.apply(null,pe)}),{sliderWrapper:W}=r3e(r,l,_),{firstValue:G,secondValue:ae,sliderSize:me}=kr(l),Ce=pe=>{l.dragging=pe};return $t(XI,{...kr(r),sliderSize:me,disabled:v,precision:U,emitChange:y,resetSize:_,updateDragging:Ce}),t({onSliderClick:w}),(pe,ke)=>{var ce,ee;return P(),H("div",{id:pe.range?c(R):void 0,ref_key:"sliderWrapper",ref:W,class:F(c(j)),role:pe.range?"group":void 0,"aria-label":pe.range&&!c(V)?c(B):void 0,"aria-labelledby":pe.range&&c(V)?(ce=c(s))==null?void 0:ce.labelId:void 0,onTouchstart:ke[2]||(ke[2]=(...ve)=>c(S)&&c(S)(...ve)),onTouchmove:ke[3]||(ke[3]=(...ve)=>c(S)&&c(S)(...ve))},[q("div",{ref_key:"slider",ref:i,class:F([c(o).e("runway"),{"show-input":pe.showInput&&!pe.range},c(o).is("disabled",c(v))]),style:lt(c(b)),onMousedown:ke[0]||(ke[0]=(...ve)=>c(C)&&c(C)(...ve)),onTouchstart:ke[1]||(ke[1]=(...ve)=>c(C)&&c(C)(...ve))},[q("div",{class:F(c(o).e("bar")),style:lt(c(g))},null,6),Q(D3,{id:pe.range?void 0:c(R),ref_key:"firstButton",ref:u,"model-value":c(G),vertical:pe.vertical,"tooltip-class":pe.tooltipClass,placement:pe.placement,role:"slider","aria-label":pe.range||!c(V)?c(z):void 0,"aria-labelledby":!pe.range&&c(V)?(ee=c(s))==null?void 0:ee.labelId:void 0,"aria-valuemin":pe.min,"aria-valuemax":pe.range?c(ae):pe.max,"aria-valuenow":c(G),"aria-valuetext":c(Y),"aria-orientation":pe.vertical?"vertical":"horizontal","aria-disabled":c(v),"onUpdate:modelValue":c(k)},null,8,["id","model-value","vertical","tooltip-class","placement","aria-label","aria-labelledby","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"]),pe.range?(P(),ue(D3,{key:0,ref_key:"secondButton",ref:f,"model-value":c(ae),vertical:pe.vertical,"tooltip-class":pe.tooltipClass,placement:pe.placement,role:"slider","aria-label":c(K),"aria-valuemin":c(G),"aria-valuemax":pe.max,"aria-valuenow":c(ae),"aria-valuetext":c(M),"aria-orientation":pe.vertical?"vertical":"horizontal","aria-disabled":c(v),"onUpdate:modelValue":c($)},null,8,["model-value","vertical","tooltip-class","placement","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"])):se("v-if",!0),pe.showStops?(P(),H("div",E3e,[(P(!0),H(Ue,null,xt(c(O),(ve,Be)=>(P(),H("div",{key:Be,class:F(c(o).e("stop")),style:lt(c(x)(ve))},null,6))),128))])):se("v-if",!0),c(N).length>0?(P(),H(Ue,{key:2},[q("div",null,[(P(!0),H(Ue,null,xt(c(N),(ve,Be)=>(P(),H("div",{key:Be,style:lt(c(x)(ve.position)),class:F([c(o).e("stop"),c(o).e("marks-stop")])},null,6))),128))]),q("div",{class:F(c(o).e("marks"))},[(P(!0),H(Ue,null,xt(c(N),(ve,Be)=>(P(),ue(c(k3e),{key:Be,mark:ve.mark,style:lt(c(x)(ve.position))},null,8,["mark","style"]))),128))],2)],64)):se("v-if",!0)],38),pe.showInput&&!pe.range?(P(),ue(c(Jc),{key:0,ref:"input","model-value":c(G),class:F(c(o).e("input")),step:pe.step,disabled:c(v),controls:pe.showInputControls,min:pe.min,max:pe.max,debounce:pe.debounce,size:c(I),"onUpdate:modelValue":c(k),onChange:c(y)},null,8,["model-value","class","step","disabled","controls","min","max","debounce","size","onUpdate:modelValue","onChange"])):se("v-if",!0)],42,$3e)}}});var O3e=ze(P3e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/slider/src/slider.vue"]]);const d2=Rt(O3e),x3e=He({prefixCls:{type:String}}),B3=Z({name:"ElSpaceItem",props:x3e,setup(e,{slots:t}){const n=Ie("space"),r=T(()=>`${e.prefixCls||n.b()}__item`);return()=>st("div",{class:r.value},de(t,"default"))}}),V3={small:8,default:12,large:16};function A3e(e){const t=Ie("space"),n=T(()=>[t.b(),t.m(e.direction),e.class]),r=D(0),o=D(0),a=T(()=>{const s=e.wrap||e.fill?{flexWrap:"wrap",marginBottom:`-${o.value}px`}:{},i={alignItems:e.alignment};return[s,i,e.style]}),l=T(()=>{const s={paddingBottom:`${o.value}px`,marginRight:`${r.value}px`},i=e.fill?{flexGrow:1,minWidth:`${e.fillRatio}%`}:{};return[s,i]});return ir(()=>{const{size:s="small",wrap:i,direction:u,fill:f}=e;if(et(s)){const[v=0,p=0]=s;r.value=v,o.value=p}else{let v;gt(s)?v=s:v=V3[s||"small"]||V3.small,(i||f)&&u==="horizontal"?r.value=o.value=v:u==="horizontal"?(r.value=v,o.value=0):(o.value=v,r.value=0)}}),{classes:n,containerStyle:a,itemStyle:l}}const I3e=He({direction:{type:String,values:["horizontal","vertical"],default:"horizontal"},class:{type:ge([String,Object,Array]),default:""},style:{type:ge([String,Array,Object]),default:""},alignment:{type:ge(String),default:"center"},prefixCls:{type:String},spacer:{type:ge([Object,String,Number,Array]),default:null,validator:e=>An(e)||gt(e)||_t(e)},wrap:Boolean,fill:Boolean,fillRatio:{type:Number,default:100},size:{type:[String,Array,Number],values:Cl,validator:e=>gt(e)||et(e)&&e.length===2&&e.every(gt)}}),M3e=Z({name:"ElSpace",props:I3e,setup(e,{slots:t}){const{classes:n,containerStyle:r,itemStyle:o}=A3e(e);function a(l,s="",i=[]){const{prefixCls:u}=e;return l.forEach((f,v)=>{Ly(f)?et(f.children)&&f.children.forEach((p,h)=>{Ly(p)&&et(p.children)?a(p.children,`${s+h}-`,i):i.push(Q(B3,{style:o.value,prefixCls:u,key:`nested-${s+h}`},{default:()=>[p]},ia.PROPS|ia.STYLE,["style","prefixCls"]))}):Qve(f)&&i.push(Q(B3,{style:o.value,prefixCls:u,key:`LoopKey${s+v}`},{default:()=>[f]},ia.PROPS|ia.STYLE,["style","prefixCls"]))}),i}return()=>{var l;const{spacer:s,direction:i}=e,u=de(t,"default",{key:0},()=>[]);if(((l=u.children)!=null?l:[]).length===0)return null;if(et(u.children)){let f=a(u.children);if(s){const v=f.length-1;f=f.reduce((p,h,b)=>{const g=[...p,h];return b!==v&&g.push(Q("span",{style:[o.value,i==="vertical"?"width: 100%":null],key:b},[An(s)?s:Ht(s,ia.TEXT)],ia.STYLE)),g},[])}return Q("div",{class:n.value,style:r.value},f,ia.STYLE|ia.CLASS)}return u.children}}}),N3e=Rt(M3e),R3e=He({decimalSeparator:{type:String,default:"."},groupSeparator:{type:String,default:","},precision:{type:Number,default:0},formatter:Function,value:{type:ge([Number,Object]),default:0},prefix:String,suffix:String,title:String,valueStyle:{type:ge([String,Object,Array])}}),F3e=Z({name:"ElStatistic"}),L3e=Z({...F3e,props:R3e,setup(e,{expose:t}){const n=e,r=Ie("statistic"),o=T(()=>{const{value:a,formatter:l,precision:s,decimalSeparator:i,groupSeparator:u}=n;if(ht(l))return l(a);if(!gt(a))return a;let[f,v=""]=String(a).split(".");return v=v.padEnd(s,"0").slice(0,s>0?s:0),f=f.replace(/\B(?=(\d{3})+(?!\d))/g,u),[f,v].join(v?i:"")});return t({displayValue:o}),(a,l)=>(P(),H("div",{class:F(c(r).b())},[a.$slots.title||a.title?(P(),H("div",{key:0,class:F(c(r).e("head"))},[de(a.$slots,"title",{},()=>[Ht(Ae(a.title),1)])],2)):se("v-if",!0),q("div",{class:F(c(r).e("content"))},[a.$slots.prefix||a.prefix?(P(),H("div",{key:0,class:F(c(r).e("prefix"))},[de(a.$slots,"prefix",{},()=>[q("span",null,Ae(a.prefix),1)])],2)):se("v-if",!0),q("span",{class:F(c(r).e("number")),style:lt(a.valueStyle)},Ae(c(o)),7),a.$slots.suffix||a.suffix?(P(),H("div",{key:1,class:F(c(r).e("suffix"))},[de(a.$slots,"suffix",{},()=>[q("span",null,Ae(a.suffix),1)])],2)):se("v-if",!0)],2)],2))}});var D3e=ze(L3e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/statistic/src/statistic.vue"]]);const ZI=Rt(D3e),B3e=He({format:{type:String,default:"HH:mm:ss"},prefix:String,suffix:String,title:String,value:{type:ge([Number,Object]),default:0},valueStyle:{type:ge([String,Object,Array])}}),V3e={finish:()=>!0,[Rn]:e=>gt(e)},j3e=[["Y",1e3*60*60*24*365],["M",1e3*60*60*24*30],["D",1e3*60*60*24],["H",1e3*60*60],["m",1e3*60],["s",1e3],["S",1]],j3=e=>gt(e)?new Date(e).getTime():e.valueOf(),z3=(e,t)=>{let n=e;const r=/\[([^\]]*)]/g;return j3e.reduce((a,[l,s])=>{const i=new RegExp(`${l}+(?![^\\[\\]]*\\])`,"g");if(i.test(a)){const u=Math.floor(n/s);return n-=u*s,a.replace(i,f=>String(u).padStart(f.length,"0"))}return a},t).replace(r,"$1")},z3e=Z({name:"ElCountdown"}),H3e=Z({...z3e,props:B3e,emits:V3e,setup(e,{expose:t,emit:n}){const r=e;let o;const a=D(j3(r.value)-Date.now()),l=T(()=>z3(a.value,r.format)),s=f=>z3(f,r.format),i=()=>{o&&(mg(o),o=void 0)},u=()=>{const f=j3(r.value),v=()=>{let p=f-Date.now();n("change",p),p<=0?(p=0,i(),n("finish")):o=If(v),a.value=p};o=If(v)};return be(()=>[r.value,r.format],()=>{i(),u()},{immediate:!0}),hn(()=>{i()}),t({displayValue:l}),(f,v)=>(P(),ue(c(ZI),{value:a.value,title:f.title,prefix:f.prefix,suffix:f.suffix,"value-style":f.valueStyle,formatter:s},ql({_:2},[xt(f.$slots,(p,h)=>({name:h,fn:re(()=>[de(f.$slots,h)])}))]),1032,["value","title","prefix","suffix","value-style"]))}});var K3e=ze(H3e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/countdown/src/countdown.vue"]]);const W3e=Rt(K3e),U3e=He({space:{type:[Number,String],default:""},active:{type:Number,default:0},direction:{type:String,default:"horizontal",values:["horizontal","vertical"]},alignCenter:{type:Boolean},simple:{type:Boolean},finishStatus:{type:String,values:["wait","process","finish","error","success"],default:"finish"},processStatus:{type:String,values:["wait","process","finish","error","success"],default:"process"}}),q3e={[Rn]:(e,t)=>[e,t].every(gt)},G3e=Z({name:"ElSteps"}),Y3e=Z({...G3e,props:U3e,emits:q3e,setup(e,{emit:t}){const n=e,r=Ie("steps"),{children:o,addChild:a,removeChild:l}=Mw(vt(),"ElStep");return be(o,()=>{o.value.forEach((s,i)=>{s.setIndex(i)})}),$t("ElSteps",{props:n,steps:o,addStep:a,removeStep:l}),be(()=>n.active,(s,i)=>{t(Rn,s,i)}),(s,i)=>(P(),H("div",{class:F([c(r).b(),c(r).m(s.simple?"simple":s.direction)])},[de(s.$slots,"default")],2))}});var X3e=ze(Y3e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/steps/src/steps.vue"]]);const Z3e=He({title:{type:String,default:""},icon:{type:On},description:{type:String,default:""},status:{type:String,values:["","wait","process","finish","error","success"],default:""}}),Q3e=Z({name:"ElStep"}),J3e=Z({...Q3e,props:Z3e,setup(e){const t=e,n=Ie("step"),r=D(-1),o=D({}),a=D(""),l=Ge("ElSteps"),s=vt();bt(()=>{be([()=>l.props.active,()=>l.props.processStatus,()=>l.props.finishStatus],([$])=>{C($)},{immediate:!0})}),hn(()=>{l.removeStep(k.uid)});const i=T(()=>t.status||a.value),u=T(()=>{const $=l.steps.value[r.value-1];return $?$.currentStatus:"wait"}),f=T(()=>l.props.alignCenter),v=T(()=>l.props.direction==="vertical"),p=T(()=>l.props.simple),h=T(()=>l.steps.value.length),b=T(()=>{var $;return(($=l.steps.value[h.value-1])==null?void 0:$.uid)===(s==null?void 0:s.uid)}),g=T(()=>p.value?"":l.props.space),_=T(()=>[n.b(),n.is(p.value?"simple":l.props.direction),n.is("flex",b.value&&!g.value&&!f.value),n.is("center",f.value&&!v.value&&!p.value)]),y=T(()=>{const $={flexBasis:gt(g.value)?`${g.value}px`:g.value?g.value:`${100/(h.value-(f.value?0:1))}%`};return v.value||b.value&&($.maxWidth=`${100/h.value}%`),$}),S=$=>{r.value=$},w=$=>{const O=$==="wait",x={transitionDelay:`${O?"-":""}${150*r.value}ms`},R=$===l.props.processStatus||O?0:100;x.borderWidth=R&&!p.value?"1px":0,x[l.props.direction==="vertical"?"height":"width"]=`${R}%`,o.value=x},C=$=>{$>r.value?a.value=l.props.finishStatus:$===r.value&&u.value!=="error"?a.value=l.props.processStatus:a.value="wait";const O=l.steps.value[r.value-1];O&&O.calcProgress(a.value)},k=nn({uid:s.uid,currentStatus:i,setIndex:S,calcProgress:w});return l.addStep(k),($,O)=>(P(),H("div",{style:lt(c(y)),class:F(c(_))},[se(" icon & line "),q("div",{class:F([c(n).e("head"),c(n).is(c(i))])},[c(p)?se("v-if",!0):(P(),H("div",{key:0,class:F(c(n).e("line"))},[q("i",{class:F(c(n).e("line-inner")),style:lt(o.value)},null,6)],2)),q("div",{class:F([c(n).e("icon"),c(n).is($.icon||$.$slots.icon?"icon":"text")])},[de($.$slots,"icon",{},()=>[$.icon?(P(),ue(c(at),{key:0,class:F(c(n).e("icon-inner"))},{default:re(()=>[(P(),ue(jt($.icon)))]),_:1},8,["class"])):c(i)==="success"?(P(),ue(c(at),{key:1,class:F([c(n).e("icon-inner"),c(n).is("status")])},{default:re(()=>[Q(c(pv))]),_:1},8,["class"])):c(i)==="error"?(P(),ue(c(at),{key:2,class:F([c(n).e("icon-inner"),c(n).is("status")])},{default:re(()=>[Q(c(Ha))]),_:1},8,["class"])):c(p)?se("v-if",!0):(P(),H("div",{key:3,class:F(c(n).e("icon-inner"))},Ae(r.value+1),3))])],2)],2),se(" title & description "),q("div",{class:F(c(n).e("main"))},[q("div",{class:F([c(n).e("title"),c(n).is(c(i))])},[de($.$slots,"title",{},()=>[Ht(Ae($.title),1)])],2),c(p)?(P(),H("div",{key:0,class:F(c(n).e("arrow"))},null,2)):(P(),H("div",{key:1,class:F([c(n).e("description"),c(n).is(c(i))])},[de($.$slots,"description",{},()=>[Ht(Ae($.description),1)])],2))],2)],6))}});var QI=ze(J3e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/steps/src/item.vue"]]);const JI=Rt(X3e,{Step:QI}),eM=Xn(QI),eTe=He({modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{type:[String,Number],default:""},inlinePrompt:{type:Boolean,default:!1},activeIcon:{type:On},inactiveIcon:{type:On},activeText:{type:String,default:""},inactiveText:{type:String,default:""},activeColor:{type:String,default:""},inactiveColor:{type:String,default:""},borderColor:{type:String,default:""},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{type:String,default:""},validateEvent:{type:Boolean,default:!0},id:String,loading:{type:Boolean,default:!1},beforeChange:{type:ge(Function)},size:{type:String,validator:pg},tabindex:{type:[String,Number]}}),tTe={[Dt]:e=>yr(e)||_t(e)||gt(e),[Rn]:e=>yr(e)||_t(e)||gt(e),[uo]:e=>yr(e)||_t(e)||gt(e)},nTe=["onClick"],rTe=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex","onKeydown"],oTe=["aria-hidden"],aTe=["aria-hidden"],lTe=["aria-hidden"],y1="ElSwitch",sTe=Z({name:y1}),iTe=Z({...sTe,props:eTe,emits:tTe,setup(e,{expose:t,emit:n}){const r=e,o=vt(),{formItem:a}=po(),l=Cr(),s=Ie("switch");bl({from:'"value"',replacement:'"model-value" or "v-model"',scope:y1,version:"2.3.0",ref:"https://element-plus.org/en-US/component/switch.html#attributes",type:"Attribute"},T(()=>{var k;return!!((k=o.vnode.props)!=null&&k.value)}));const{inputId:i}=ti(r,{formItemContext:a}),u=Mo(T(()=>r.loading)),f=D(r.modelValue!==!1),v=D(),p=D(),h=T(()=>[s.b(),s.m(l.value),s.is("disabled",u.value),s.is("checked",_.value)]),b=T(()=>({width:or(r.width)}));be(()=>r.modelValue,()=>{f.value=!0}),be(()=>r.value,()=>{f.value=!1});const g=T(()=>f.value?r.modelValue:r.value),_=T(()=>g.value===r.activeValue);[r.activeValue,r.inactiveValue].includes(g.value)||(n(Dt,r.inactiveValue),n(Rn,r.inactiveValue),n(uo,r.inactiveValue)),be(_,k=>{var $;v.value.checked=k,r.validateEvent&&(($=a==null?void 0:a.validate)==null||$.call(a,"change").catch(O=>void 0))});const y=()=>{const k=_.value?r.inactiveValue:r.activeValue;n(Dt,k),n(Rn,k),n(uo,k),tt(()=>{v.value.checked=_.value})},S=()=>{if(u.value)return;const{beforeChange:k}=r;if(!k){y();return}const $=k();[vf($),yr($)].includes(!0)||wr(y1,"beforeChange must return type `Promise` or `boolean`"),vf($)?$.then(x=>{x&&y()}).catch(x=>{}):$&&y()},w=T(()=>s.cssVarBlock({...r.activeColor?{"on-color":r.activeColor}:null,...r.inactiveColor?{"off-color":r.inactiveColor}:null,...r.borderColor?{"border-color":r.borderColor}:null})),C=()=>{var k,$;($=(k=v.value)==null?void 0:k.focus)==null||$.call(k)};return bt(()=>{v.value.checked=_.value}),t({focus:C,checked:_}),(k,$)=>(P(),H("div",{class:F(c(h)),style:lt(c(w)),onClick:pt(S,["prevent"])},[q("input",{id:c(i),ref_key:"input",ref:v,class:F(c(s).e("input")),type:"checkbox",role:"switch","aria-checked":c(_),"aria-disabled":c(u),name:k.name,"true-value":k.activeValue,"false-value":k.inactiveValue,disabled:c(u),tabindex:k.tabindex,onChange:y,onKeydown:tn(S,["enter"])},null,42,rTe),!k.inlinePrompt&&(k.inactiveIcon||k.inactiveText)?(P(),H("span",{key:0,class:F([c(s).e("label"),c(s).em("label","left"),c(s).is("active",!c(_))])},[k.inactiveIcon?(P(),ue(c(at),{key:0},{default:re(()=>[(P(),ue(jt(k.inactiveIcon)))]),_:1})):se("v-if",!0),!k.inactiveIcon&&k.inactiveText?(P(),H("span",{key:1,"aria-hidden":c(_)},Ae(k.inactiveText),9,oTe)):se("v-if",!0)],2)):se("v-if",!0),q("span",{ref_key:"core",ref:p,class:F(c(s).e("core")),style:lt(c(b))},[k.inlinePrompt?(P(),H("div",{key:0,class:F(c(s).e("inner"))},[k.activeIcon||k.inactiveIcon?(P(),ue(c(at),{key:0,class:F(c(s).is("icon"))},{default:re(()=>[(P(),ue(jt(c(_)?k.activeIcon:k.inactiveIcon)))]),_:1},8,["class"])):k.activeText||k.inactiveText?(P(),H("span",{key:1,class:F(c(s).is("text")),"aria-hidden":!c(_)},Ae(c(_)?k.activeText:k.inactiveText),11,aTe)):se("v-if",!0)],2)):se("v-if",!0),q("div",{class:F(c(s).e("action"))},[k.loading?(P(),ue(c(at),{key:0,class:F(c(s).is("loading"))},{default:re(()=>[Q(c(Qs))]),_:1},8,["class"])):se("v-if",!0)],2)],6),!k.inlinePrompt&&(k.activeIcon||k.activeText)?(P(),H("span",{key:1,class:F([c(s).e("label"),c(s).em("label","right"),c(s).is("active",c(_))])},[k.activeIcon?(P(),ue(c(at),{key:0},{default:re(()=>[(P(),ue(jt(k.activeIcon)))]),_:1})):se("v-if",!0),!k.activeIcon&&k.activeText?(P(),H("span",{key:1,"aria-hidden":!c(_)},Ae(k.activeText),9,lTe)):se("v-if",!0)],2)):se("v-if",!0)],14,nTe))}});var uTe=ze(iTe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/switch/src/switch.vue"]]);const tM=Rt(uTe);/*! + * escape-html + * Copyright(c) 2012-2013 TJ Holowaychuk + * Copyright(c) 2015 Andreas Lubbe + * Copyright(c) 2015 Tiancheng "Timothy" Gu + * MIT Licensed + */var cTe=/["'&<>]/,dTe=fTe;function fTe(e){var t=""+e,n=cTe.exec(t);if(!n)return t;var r,o="",a=0,l=0;for(a=n.index;atypeof u=="string"?jn(s,u):u(s,i,e))):(t!=="$key"&&Bt(s)&&"$value"in s&&(s=s.$value),[Bt(s)?jn(s,t):s])},l=function(s,i){if(r)return r(s.value,i.value);for(let u=0,f=s.key.length;ui.key[u])return 1}return 0};return e.map((s,i)=>({value:s,index:i,key:a?a(s,i):null})).sort((s,i)=>{let u=l(s,i);return u||(u=s.index-i.index),u*+n}).map(s=>s.value)},nM=function(e,t){let n=null;return e.columns.forEach(r=>{r.id===t&&(n=r)}),n},pTe=function(e,t){let n=null;for(let r=0;r{if(!e)throw new Error("Row is required when get row identity");if(typeof t=="string"){if(!t.includes("."))return`${e[t]}`;const n=t.split(".");let r=e;for(const o of n)r=r[o];return`${r}`}else if(typeof t=="function")return t.call(null,e)},Ni=function(e,t){const n={};return(e||[]).forEach((r,o)=>{n[Kr(r,t)]={row:r,index:o}}),n};function hTe(e,t){const n={};let r;for(r in e)n[r]=e[r];for(r in t)if(Xt(t,r)){const o=t[r];typeof o<"u"&&(n[r]=o)}return n}function f2(e){return e===""||e!==void 0&&(e=Number.parseInt(e,10),Number.isNaN(e)&&(e="")),e}function rM(e){return e===""||e!==void 0&&(e=f2(e),Number.isNaN(e)&&(e=80)),e}function mTe(e){return typeof e=="number"?e:typeof e=="string"?/^\d+(?:px)?$/.test(e)?Number.parseInt(e,10):e:null}function gTe(...e){return e.length===0?t=>t:e.length===1?e[0]:e.reduce((t,n)=>(...r)=>t(n(...r)))}function ef(e,t,n){let r=!1;const o=e.indexOf(t),a=o!==-1,l=s=>{s==="add"?e.push(t):e.splice(o,1),r=!0,et(t.children)&&t.children.forEach(i=>{ef(e,i,n!=null?n:!a)})};return yr(n)?n&&!a?l("add"):!n&&a&&l("remove"):l(a?"remove":"add"),r}function bTe(e,t,n="children",r="hasChildren"){const o=l=>!(Array.isArray(l)&&l.length);function a(l,s,i){t(l,s,i),s.forEach(u=>{if(u[r]){t(u,null,i+1);return}const f=u[n];o(f)||a(u,f,i+1)})}e.forEach(l=>{if(l[r]){t(l,null,0);return}const s=l[n];o(s)||a(l,s,0)})}let Ll;function yTe(e,t,n,r,o){o=M6({enterable:!0,showArrow:!0},o);const a=e==null?void 0:e.dataset.prefix,l=e==null?void 0:e.querySelector(`.${a}-scrollbar__wrap`);function s(){const _=o.effect==="light",y=document.createElement("div");return y.className=[`${a}-popper`,_?"is-light":"is-dark",o.popperClass||""].join(" "),n=dTe(n),y.innerHTML=n,y.style.zIndex=String(r()),e==null||e.appendChild(y),y}function i(){const _=document.createElement("div");return _.className=`${a}-popper__arrow`,_}function u(){f&&f.update()}Ll==null||Ll(),Ll=()=>{try{f&&f.destroy(),h&&(e==null||e.removeChild(h)),t.removeEventListener("mouseenter",v),t.removeEventListener("mouseleave",p),l==null||l.removeEventListener("scroll",Ll),Ll=void 0}catch{}};let f=null,v=u,p=Ll;o.enterable&&({onOpen:v,onClose:p}=h8({showAfter:o.showAfter,hideAfter:o.hideAfter,open:u,close:Ll}));const h=s();h.onmouseenter=v,h.onmouseleave=p;const b=[];if(o.offset&&b.push({name:"offset",options:{offset:[0,o.offset]}}),o.showArrow){const _=h.appendChild(i());b.push({name:"arrow",options:{element:_,padding:10}})}const g=o.popperOptions||{};return f=f8(t,h,{placement:o.placement||"top",strategy:"fixed",...g,modifiers:g.modifiers?b.concat(g.modifiers):b}),t.addEventListener("mouseenter",v),t.addEventListener("mouseleave",p),l==null||l.addEventListener("scroll",Ll),f}function oM(e){return e.children?mfe(e.children,oM):[e]}function K3(e,t){return e+t.colSpan}const aM=(e,t,n,r)=>{let o=0,a=e;const l=n.states.columns.value;if(r){const i=oM(r[e]);o=l.slice(0,l.indexOf(i[0])).reduce(K3,0),a=o+i.reduce(K3,0)-1}else o=e;let s;switch(t){case"left":a=l.length-n.states.rightFixedLeafColumnsLength.value&&(s="right");break;default:a=l.length-n.states.rightFixedLeafColumnsLength.value&&(s="right")}return s?{direction:s,start:o,after:a}:{}},v2=(e,t,n,r,o,a=0)=>{const l=[],{direction:s,start:i,after:u}=aM(t,n,r,o);if(s){const f=s==="left";l.push(`${e}-fixed-column--${s}`),f&&u+a===r.states.fixedLeafColumnsLength.value-1?l.push("is-last-column"):!f&&i-a===r.states.columns.value.length-r.states.rightFixedLeafColumnsLength.value&&l.push("is-first-column")}return l};function W3(e,t){return e+(t.realWidth===null||Number.isNaN(t.realWidth)?Number(t.width):t.realWidth)}const p2=(e,t,n,r)=>{const{direction:o,start:a=0,after:l=0}=aM(e,t,n,r);if(!o)return;const s={},i=o==="left",u=n.states.columns.value;return i?s.left=u.slice(0,a).reduce(W3,0):s.right=u.slice(l+1).reverse().reduce(W3,0),s},Pc=(e,t)=>{!e||Number.isNaN(e[t])||(e[t]=`${e[t]}px`)};function _Te(e){const t=vt(),n=D(!1),r=D([]);return{updateExpandRows:()=>{const i=e.data.value||[],u=e.rowKey.value;if(n.value)r.value=i.slice();else if(u){const f=Ni(r.value,u);r.value=i.reduce((v,p)=>{const h=Kr(p,u);return f[h]&&v.push(p),v},[])}else r.value=[]},toggleRowExpansion:(i,u)=>{ef(r.value,i,u)&&t.emit("expand-change",i,r.value.slice())},setExpandRowKeys:i=>{t.store.assertRowKey();const u=e.data.value||[],f=e.rowKey.value,v=Ni(u,f);r.value=i.reduce((p,h)=>{const b=v[h];return b&&p.push(b.row),p},[])},isRowExpanded:i=>{const u=e.rowKey.value;return u?!!Ni(r.value,u)[Kr(i,u)]:r.value.includes(i)},states:{expandRows:r,defaultExpandAll:n}}}function wTe(e){const t=vt(),n=D(null),r=D(null),o=u=>{t.store.assertRowKey(),n.value=u,l(u)},a=()=>{n.value=null},l=u=>{const{data:f,rowKey:v}=e;let p=null;v.value&&(p=(c(f)||[]).find(h=>Kr(h,v.value)===u)),r.value=p,t.emit("current-change",r.value,null)};return{setCurrentRowKey:o,restoreCurrentRowKey:a,setCurrentRowByKey:l,updateCurrentRow:u=>{const f=r.value;if(u&&u!==f){r.value=u,t.emit("current-change",r.value,f);return}!u&&f&&(r.value=null,t.emit("current-change",null,f))},updateCurrentRowData:()=>{const u=e.rowKey.value,f=e.data.value||[],v=r.value;if(!f.includes(v)&&v){if(u){const p=Kr(v,u);l(p)}else r.value=null;r.value===null&&t.emit("current-change",null,v)}else n.value&&(l(n.value),a())},states:{_currentRowKey:n,currentRow:r}}}function CTe(e){const t=D([]),n=D({}),r=D(16),o=D(!1),a=D({}),l=D("hasChildren"),s=D("children"),i=vt(),u=T(()=>{if(!e.rowKey.value)return{};const y=e.data.value||[];return v(y)}),f=T(()=>{const y=e.rowKey.value,S=Object.keys(a.value),w={};return S.length&&S.forEach(C=>{if(a.value[C].length){const k={children:[]};a.value[C].forEach($=>{const O=Kr($,y);k.children.push(O),$[l.value]&&!w[O]&&(w[O]={children:[]})}),w[C]=k}}),w}),v=y=>{const S=e.rowKey.value,w={};return bTe(y,(C,k,$)=>{const O=Kr(C,S);Array.isArray(k)?w[O]={children:k.map(x=>Kr(x,S)),level:$}:o.value&&(w[O]={children:[],lazy:!0,level:$})},s.value,l.value),w},p=(y=!1,S=(w=>(w=i.store)==null?void 0:w.states.defaultExpandAll.value)())=>{var w;const C=u.value,k=f.value,$=Object.keys(C),O={};if($.length){const x=c(n),R=[],V=(I,B)=>{if(y)return t.value?S||t.value.includes(B):!!(S||(I==null?void 0:I.expanded));{const z=S||t.value&&t.value.includes(B);return!!((I==null?void 0:I.expanded)||z)}};$.forEach(I=>{const B=x[I],z={...C[I]};if(z.expanded=V(B,I),z.lazy){const{loaded:Y=!1,loading:K=!1}=B||{};z.loaded=!!Y,z.loading=!!K,R.push(I)}O[I]=z});const A=Object.keys(k);o.value&&A.length&&R.length&&A.forEach(I=>{const B=x[I],z=k[I].children;if(R.includes(I)){if(O[I].children.length!==0)throw new Error("[ElTable]children must be an empty array.");O[I].children=z}else{const{loaded:Y=!1,loading:K=!1}=B||{};O[I]={lazy:!0,loaded:!!Y,loading:!!K,expanded:V(B,I),children:z,level:""}}})}n.value=O,(w=i.store)==null||w.updateTableScrollY()};be(()=>t.value,()=>{p(!0)}),be(()=>u.value,()=>{p()}),be(()=>f.value,()=>{p()});const h=y=>{t.value=y,p()},b=(y,S)=>{i.store.assertRowKey();const w=e.rowKey.value,C=Kr(y,w),k=C&&n.value[C];if(C&&k&&"expanded"in k){const $=k.expanded;S=typeof S>"u"?!k.expanded:S,n.value[C].expanded=S,$!==S&&i.emit("expand-change",y,S),i.store.updateTableScrollY()}},g=y=>{i.store.assertRowKey();const S=e.rowKey.value,w=Kr(y,S),C=n.value[w];o.value&&C&&"loaded"in C&&!C.loaded?_(y,w,C):b(y,void 0)},_=(y,S,w)=>{const{load:C}=i.props;C&&!n.value[S].loaded&&(n.value[S].loading=!0,C(y,w,k=>{if(!Array.isArray(k))throw new TypeError("[ElTable] data must be an array");n.value[S].loading=!1,n.value[S].loaded=!0,n.value[S].expanded=!0,k.length&&(a.value[S]=k),i.emit("expand-change",y,!0)}))};return{loadData:_,loadOrToggle:g,toggleTreeExpansion:b,updateTreeExpandKeys:h,updateTreeData:p,normalize:v,states:{expandRowKeys:t,treeData:n,indent:r,lazy:o,lazyTreeNodeMap:a,lazyColumnIdentifier:l,childrenColumnName:s}}}const STe=(e,t)=>{const n=t.sortingColumn;return!n||typeof n.sortable=="string"?e:vTe(e,t.sortProp,t.sortOrder,n.sortMethod,n.sortBy)},Ch=e=>{const t=[];return e.forEach(n=>{n.children?t.push.apply(t,Ch(n.children)):t.push(n)}),t};function kTe(){var e;const t=vt(),{size:n}=kr((e=t.proxy)==null?void 0:e.$props),r=D(null),o=D([]),a=D([]),l=D(!1),s=D([]),i=D([]),u=D([]),f=D([]),v=D([]),p=D([]),h=D([]),b=D([]),g=[],_=D(0),y=D(0),S=D(0),w=D(!1),C=D([]),k=D(!1),$=D(!1),O=D(null),x=D({}),R=D(null),V=D(null),A=D(null),I=D(null),B=D(null);be(o,()=>t.state&&M(!1),{deep:!0});const z=()=>{if(!r.value)throw new Error("[ElTable] prop row-key is required")},Y=Fe=>{var we;(we=Fe.children)==null||we.forEach(le=>{le.fixed=Fe.fixed,Y(le)})},K=()=>{s.value.forEach(Re=>{Y(Re)}),f.value=s.value.filter(Re=>Re.fixed===!0||Re.fixed==="left"),v.value=s.value.filter(Re=>Re.fixed==="right"),f.value.length>0&&s.value[0]&&s.value[0].type==="selection"&&!s.value[0].fixed&&(s.value[0].fixed=!0,f.value.unshift(s.value[0]));const Fe=s.value.filter(Re=>!Re.fixed);i.value=[].concat(f.value).concat(Fe).concat(v.value);const we=Ch(Fe),le=Ch(f.value),fe=Ch(v.value);_.value=we.length,y.value=le.length,S.value=fe.length,u.value=[].concat(le).concat(we).concat(fe),l.value=f.value.length>0||v.value.length>0},M=(Fe,we=!1)=>{Fe&&K(),we?t.state.doLayout():t.state.debouncedUpdateLayout()},j=Fe=>C.value.includes(Fe),N=()=>{w.value=!1,C.value.length&&(C.value=[],t.emit("selection-change",[]))},U=()=>{let Fe;if(r.value){Fe=[];const we=Ni(C.value,r.value),le=Ni(o.value,r.value);for(const fe in we)Xt(we,fe)&&!le[fe]&&Fe.push(we[fe].row)}else Fe=C.value.filter(we=>!o.value.includes(we));if(Fe.length){const we=C.value.filter(le=>!Fe.includes(le));C.value=we,t.emit("selection-change",we.slice())}},W=()=>(C.value||[]).slice(),G=(Fe,we=void 0,le=!0)=>{if(ef(C.value,Fe,we)){const Re=(C.value||[]).slice();le&&t.emit("select",Re,Fe),t.emit("selection-change",Re)}},ae=()=>{var Fe,we;const le=$.value?!w.value:!(w.value||C.value.length);w.value=le;let fe=!1,Re=0;const We=(we=(Fe=t==null?void 0:t.store)==null?void 0:Fe.states)==null?void 0:we.rowKey.value;o.value.forEach((ct,xe)=>{const Je=xe+Re;O.value?O.value.call(null,ct,Je)&&ef(C.value,ct,le)&&(fe=!0):ef(C.value,ct,le)&&(fe=!0),Re+=pe(Kr(ct,We))}),fe&&t.emit("selection-change",C.value?C.value.slice():[]),t.emit("select-all",C.value)},me=()=>{const Fe=Ni(C.value,r.value);o.value.forEach(we=>{const le=Kr(we,r.value),fe=Fe[le];fe&&(C.value[fe.index]=we)})},Ce=()=>{var Fe,we,le;if(((Fe=o.value)==null?void 0:Fe.length)===0){w.value=!1;return}let fe;r.value&&(fe=Ni(C.value,r.value));const Re=function(Je){return fe?!!fe[Kr(Je,r.value)]:C.value.includes(Je)};let We=!0,ct=0,xe=0;for(let Je=0,Tt=(o.value||[]).length;Je{var we;if(!t||!t.store)return 0;const{treeData:le}=t.store.states;let fe=0;const Re=(we=le.value[Fe])==null?void 0:we.children;return Re&&(fe+=Re.length,Re.forEach(We=>{fe+=pe(We)})),fe},ke=(Fe,we)=>{Array.isArray(Fe)||(Fe=[Fe]);const le={};return Fe.forEach(fe=>{x.value[fe.id]=we,le[fe.columnKey||fe.id]=we}),le},ce=(Fe,we,le)=>{V.value&&V.value!==Fe&&(V.value.order=null),V.value=Fe,A.value=we,I.value=le},ee=()=>{let Fe=c(a);Object.keys(x.value).forEach(we=>{const le=x.value[we];if(!le||le.length===0)return;const fe=nM({columns:u.value},we);fe&&fe.filterMethod&&(Fe=Fe.filter(Re=>le.some(We=>fe.filterMethod.call(null,We,Re,fe))))}),R.value=Fe},ve=()=>{o.value=STe(R.value,{sortingColumn:V.value,sortProp:A.value,sortOrder:I.value})},Be=(Fe=void 0)=>{Fe&&Fe.filter||ee(),ve()},ne=Fe=>{const{tableHeaderRef:we}=t.refs;if(!we)return;const le=Object.assign({},we.filterPanels),fe=Object.keys(le);if(!!fe.length)if(typeof Fe=="string"&&(Fe=[Fe]),Array.isArray(Fe)){const Re=Fe.map(We=>pTe({columns:u.value},We));fe.forEach(We=>{const ct=Re.find(xe=>xe.id===We);ct&&(ct.filteredValue=[])}),t.store.commit("filterChange",{column:Re,values:[],silent:!0,multi:!0})}else fe.forEach(Re=>{const We=u.value.find(ct=>ct.id===Re);We&&(We.filteredValue=[])}),x.value={},t.store.commit("filterChange",{column:{},values:[],silent:!0})},ie=()=>{!V.value||(ce(null,null,null),t.store.commit("changeSortCondition",{silent:!0}))},{setExpandRowKeys:ye,toggleRowExpansion:Oe,updateExpandRows:je,states:_e,isRowExpanded:Ve}=_Te({data:o,rowKey:r}),{updateTreeExpandKeys:Te,toggleTreeExpansion:Le,updateTreeData:Ee,loadOrToggle:Ze,states:Ye}=CTe({data:o,rowKey:r}),{updateCurrentRowData:$e,updateCurrentRow:Xe,setCurrentRowKey:ft,states:Et}=wTe({data:o,rowKey:r});return{assertRowKey:z,updateColumns:K,scheduleLayout:M,isSelected:j,clearSelection:N,cleanSelection:U,getSelectionRows:W,toggleRowSelection:G,_toggleAllSelection:ae,toggleAllSelection:null,updateSelectionByRowKey:me,updateAllSelected:Ce,updateFilters:ke,updateCurrentRow:Xe,updateSort:ce,execFilter:ee,execSort:ve,execQuery:Be,clearFilter:ne,clearSort:ie,toggleRowExpansion:Oe,setExpandRowKeysAdapter:Fe=>{ye(Fe),Te(Fe)},setCurrentRowKey:ft,toggleRowExpansionAdapter:(Fe,we)=>{u.value.some(({type:fe})=>fe==="expand")?Oe(Fe,we):Le(Fe,we)},isRowExpanded:Ve,updateExpandRows:je,updateCurrentRowData:$e,loadOrToggle:Ze,updateTreeData:Ee,states:{tableSize:n,rowKey:r,data:o,_data:a,isComplex:l,_columns:s,originColumns:i,columns:u,fixedColumns:f,rightFixedColumns:v,leafColumns:p,fixedLeafColumns:h,rightFixedLeafColumns:b,updateOrderFns:g,leafColumnsLength:_,fixedLeafColumnsLength:y,rightFixedLeafColumnsLength:S,isAllSelected:w,selection:C,reserveSelection:k,selectOnIndeterminate:$,selectable:O,filters:x,filteredData:R,sortingColumn:V,sortProp:A,sortOrder:I,hoverRow:B,..._e,...Ye,...Et}}}function _1(e,t){return e.map(n=>{var r;return n.id===t.id?t:((r=n.children)!=null&&r.length&&(n.children=_1(n.children,t)),n)})}function w1(e){e.forEach(t=>{var n,r;t.no=(n=t.getColumnIndex)==null?void 0:n.call(t),(r=t.children)!=null&&r.length&&w1(t.children)}),e.sort((t,n)=>t.no-n.no)}function $Te(){const e=vt(),t=kTe();return{ns:Ie("table"),...t,mutations:{setData(l,s){const i=c(l._data)!==s;l.data.value=s,l._data.value=s,e.store.execQuery(),e.store.updateCurrentRowData(),e.store.updateExpandRows(),e.store.updateTreeData(e.store.states.defaultExpandAll.value),c(l.reserveSelection)?(e.store.assertRowKey(),e.store.updateSelectionByRowKey()):i?e.store.clearSelection():e.store.cleanSelection(),e.store.updateAllSelected(),e.$ready&&e.store.scheduleLayout()},insertColumn(l,s,i,u){const f=c(l._columns);let v=[];i?(i&&!i.children&&(i.children=[]),i.children.push(s),v=_1(f,i)):(f.push(s),v=f),w1(v),l._columns.value=v,l.updateOrderFns.push(u),s.type==="selection"&&(l.selectable.value=s.selectable,l.reserveSelection.value=s.reserveSelection),e.$ready&&(e.store.updateColumns(),e.store.scheduleLayout())},updateColumnOrder(l,s){var i;((i=s.getColumnIndex)==null?void 0:i.call(s))!==s.no&&(w1(l._columns.value),e.$ready&&e.store.updateColumns())},removeColumn(l,s,i,u){const f=c(l._columns)||[];if(i)i.children.splice(i.children.findIndex(p=>p.id===s.id),1),tt(()=>{var p;((p=i.children)==null?void 0:p.length)===0&&delete i.children}),l._columns.value=_1(f,i);else{const p=f.indexOf(s);p>-1&&(f.splice(p,1),l._columns.value=f)}const v=l.updateOrderFns.indexOf(u);v>-1&&l.updateOrderFns.splice(v,1),e.$ready&&(e.store.updateColumns(),e.store.scheduleLayout())},sort(l,s){const{prop:i,order:u,init:f}=s;if(i){const v=c(l.columns).find(p=>p.property===i);v&&(v.order=u,e.store.updateSort(v,i,u),e.store.commit("changeSortCondition",{init:f}))}},changeSortCondition(l,s){const{sortingColumn:i,sortProp:u,sortOrder:f}=l,v=c(i),p=c(u),h=c(f);h===null&&(l.sortingColumn.value=null,l.sortProp.value=null);const b={filter:!0};e.store.execQuery(b),(!s||!(s.silent||s.init))&&e.emit("sort-change",{column:v,prop:p,order:h}),e.store.updateTableScrollY()},filterChange(l,s){const{column:i,values:u,silent:f}=s,v=e.store.updateFilters(i,u);e.store.execQuery(),f||e.emit("filter-change",v),e.store.updateTableScrollY()},toggleAllSelection(){e.store.toggleAllSelection()},rowSelectedChanged(l,s){e.store.toggleRowSelection(s),e.store.updateAllSelected()},setHoverRow(l,s){l.hoverRow.value=s},setCurrentRow(l,s){e.store.updateCurrentRow(s)}},commit:function(l,...s){const i=e.store.mutations;if(i[l])i[l].apply(e,[e.store.states].concat(s));else throw new Error(`Action not found: ${l}`)},updateTableScrollY:function(){tt(()=>e.layout.updateScrollY.apply(e.layout))}}}const tf={rowKey:"rowKey",defaultExpandAll:"defaultExpandAll",selectOnIndeterminate:"selectOnIndeterminate",indent:"indent",lazy:"lazy",data:"data",["treeProps.hasChildren"]:{key:"lazyColumnIdentifier",default:"hasChildren"},["treeProps.children"]:{key:"childrenColumnName",default:"children"}};function ETe(e,t){if(!e)throw new Error("Table is required.");const n=$Te();return n.toggleAllSelection=vo(n._toggleAllSelection,10),Object.keys(tf).forEach(r=>{lM(sM(t,r),r,n)}),TTe(n,t),n}function TTe(e,t){Object.keys(tf).forEach(n=>{be(()=>sM(t,n),r=>{lM(r,n,e)})})}function lM(e,t,n){let r=e,o=tf[t];typeof tf[t]=="object"&&(o=o.key,r=r||tf[t].default),n.states[o].value=r}function sM(e,t){if(t.includes(".")){const n=t.split(".");let r=e;return n.forEach(o=>{r=r[o]}),r}else return e[t]}class PTe{constructor(t){this.observers=[],this.table=null,this.store=null,this.columns=[],this.fit=!0,this.showHeader=!0,this.height=D(null),this.scrollX=D(!1),this.scrollY=D(!1),this.bodyWidth=D(null),this.fixedWidth=D(null),this.rightFixedWidth=D(null),this.gutterWidth=0;for(const n in t)Xt(t,n)&&(kn(this[n])?this[n].value=t[n]:this[n]=t[n]);if(!this.table)throw new Error("Table is required for Table Layout");if(!this.store)throw new Error("Store is required for Table Layout")}updateScrollY(){if(this.height.value===null)return!1;const n=this.table.refs.scrollBarRef;if(this.table.vnode.el&&(n==null?void 0:n.wrapRef)){let r=!0;const o=this.scrollY.value;return r=n.wrapRef.scrollHeight>n.wrapRef.clientHeight,this.scrollY.value=r,o!==r}return!1}setHeight(t,n="height"){if(!en)return;const r=this.table.vnode.el;if(t=mTe(t),this.height.value=Number(t),!r&&(t||t===0))return tt(()=>this.setHeight(t,n));typeof t=="number"?(r.style[n]=`${t}px`,this.updateElsHeight()):typeof t=="string"&&(r.style[n]=t,this.updateElsHeight())}setMaxHeight(t){this.setHeight(t,"max-height")}getFlattenColumns(){const t=[];return this.table.store.states.columns.value.forEach(r=>{r.isColumnGroup?t.push.apply(t,r.columns):t.push(r)}),t}updateElsHeight(){this.updateScrollY(),this.notifyObservers("scrollable")}headerDisplayNone(t){if(!t)return!0;let n=t;for(;n.tagName!=="DIV";){if(getComputedStyle(n).display==="none")return!0;n=n.parentElement}return!1}updateColumnsWidth(){if(!en)return;const t=this.fit,n=this.table.vnode.el.clientWidth;let r=0;const o=this.getFlattenColumns(),a=o.filter(i=>typeof i.width!="number");if(o.forEach(i=>{typeof i.width=="number"&&i.realWidth&&(i.realWidth=null)}),a.length>0&&t){if(o.forEach(i=>{r+=Number(i.width||i.minWidth||80)}),r<=n){this.scrollX.value=!1;const i=n-r;if(a.length===1)a[0].realWidth=Number(a[0].minWidth||80)+i;else{const u=a.reduce((p,h)=>p+Number(h.minWidth||80),0),f=i/u;let v=0;a.forEach((p,h)=>{if(h===0)return;const b=Math.floor(Number(p.minWidth||80)*f);v+=b,p.realWidth=Number(p.minWidth||80)+b}),a[0].realWidth=Number(a[0].minWidth||80)+i-v}}else this.scrollX.value=!0,a.forEach(i=>{i.realWidth=Number(i.minWidth)});this.bodyWidth.value=Math.max(r,n),this.table.state.resizeState.value.width=this.bodyWidth.value}else o.forEach(i=>{!i.width&&!i.minWidth?i.realWidth=80:i.realWidth=Number(i.width||i.minWidth),r+=i.realWidth}),this.scrollX.value=r>n,this.bodyWidth.value=r;const l=this.store.states.fixedColumns.value;if(l.length>0){let i=0;l.forEach(u=>{i+=Number(u.realWidth||u.width)}),this.fixedWidth.value=i}const s=this.store.states.rightFixedColumns.value;if(s.length>0){let i=0;s.forEach(u=>{i+=Number(u.realWidth||u.width)}),this.rightFixedWidth.value=i}this.notifyObservers("columns")}addObserver(t){this.observers.push(t)}removeObserver(t){const n=this.observers.indexOf(t);n!==-1&&this.observers.splice(n,1)}notifyObservers(t){this.observers.forEach(r=>{var o,a;switch(t){case"columns":(o=r.state)==null||o.onColumnsChange(this);break;case"scrollable":(a=r.state)==null||a.onScrollableChange(this);break;default:throw new Error(`Table Layout don't have event ${t}.`)}})}}const{CheckboxGroup:OTe}=to,xTe=Z({name:"ElTableFilterPanel",components:{ElCheckbox:to,ElCheckboxGroup:OTe,ElScrollbar:as,ElTooltip:ur,ElIcon:at,ArrowDown:Xs,ArrowUp:dg},directives:{ClickOutside:qs},props:{placement:{type:String,default:"bottom-start"},store:{type:Object},column:{type:Object},upDataColumn:{type:Function}},setup(e){const t=vt(),{t:n}=rn(),r=Ie("table-filter"),o=t==null?void 0:t.parent;o.filterPanels.value[e.column.id]||(o.filterPanels.value[e.column.id]=t);const a=D(!1),l=D(null),s=T(()=>e.column&&e.column.filters),i=T({get:()=>{var C;return(((C=e.column)==null?void 0:C.filteredValue)||[])[0]},set:C=>{u.value&&(typeof C<"u"&&C!==null?u.value.splice(0,1,C):u.value.splice(0,1))}}),u=T({get(){return e.column?e.column.filteredValue||[]:[]},set(C){e.column&&e.upDataColumn("filteredValue",C)}}),f=T(()=>e.column?e.column.filterMultiple:!0),v=C=>C.value===i.value,p=()=>{a.value=!1},h=C=>{C.stopPropagation(),a.value=!a.value},b=()=>{a.value=!1},g=()=>{S(u.value),p()},_=()=>{u.value=[],S(u.value),p()},y=C=>{i.value=C,S(typeof C<"u"&&C!==null?u.value:[]),p()},S=C=>{e.store.commit("filterChange",{column:e.column,values:C}),e.store.updateAllSelected()};be(a,C=>{e.column&&e.upDataColumn("filterOpened",C)},{immediate:!0});const w=T(()=>{var C,k;return(k=(C=l.value)==null?void 0:C.popperRef)==null?void 0:k.contentRef});return{tooltipVisible:a,multiple:f,filteredValue:u,filterValue:i,filters:s,handleConfirm:g,handleReset:_,handleSelect:y,isActive:v,t:n,ns:r,showFilterPanel:h,hideFilterPanel:b,popperPaneRef:w,tooltip:l}}}),ATe={key:0},ITe=["disabled"],MTe=["label","onClick"];function NTe(e,t,n,r,o,a){const l=Ct("el-checkbox"),s=Ct("el-checkbox-group"),i=Ct("el-scrollbar"),u=Ct("arrow-up"),f=Ct("arrow-down"),v=Ct("el-icon"),p=Ct("el-tooltip"),h=ic("click-outside");return P(),ue(p,{ref:"tooltip",visible:e.tooltipVisible,offset:0,placement:e.placement,"show-arrow":!1,"stop-popper-mouse-event":!1,teleported:"",effect:"light",pure:"","popper-class":e.ns.b(),persistent:""},{content:re(()=>[e.multiple?(P(),H("div",ATe,[q("div",{class:F(e.ns.e("content"))},[Q(i,{"wrap-class":e.ns.e("wrap")},{default:re(()=>[Q(s,{modelValue:e.filteredValue,"onUpdate:modelValue":t[0]||(t[0]=b=>e.filteredValue=b),class:F(e.ns.e("checkbox-group"))},{default:re(()=>[(P(!0),H(Ue,null,xt(e.filters,b=>(P(),ue(l,{key:b.value,label:b.value},{default:re(()=>[Ht(Ae(b.text),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue","class"])]),_:1},8,["wrap-class"])],2),q("div",{class:F(e.ns.e("bottom"))},[q("button",{class:F({[e.ns.is("disabled")]:e.filteredValue.length===0}),disabled:e.filteredValue.length===0,type:"button",onClick:t[1]||(t[1]=(...b)=>e.handleConfirm&&e.handleConfirm(...b))},Ae(e.t("el.table.confirmFilter")),11,ITe),q("button",{type:"button",onClick:t[2]||(t[2]=(...b)=>e.handleReset&&e.handleReset(...b))},Ae(e.t("el.table.resetFilter")),1)],2)])):(P(),H("ul",{key:1,class:F(e.ns.e("list"))},[q("li",{class:F([e.ns.e("list-item"),{[e.ns.is("active")]:e.filterValue===void 0||e.filterValue===null}]),onClick:t[3]||(t[3]=b=>e.handleSelect(null))},Ae(e.t("el.table.clearFilter")),3),(P(!0),H(Ue,null,xt(e.filters,b=>(P(),H("li",{key:b.value,class:F([e.ns.e("list-item"),e.ns.is("active",e.isActive(b))]),label:b.value,onClick:g=>e.handleSelect(b.value)},Ae(b.text),11,MTe))),128))],2))]),default:re(()=>[Ot((P(),H("span",{class:F([`${e.ns.namespace.value}-table__column-filter-trigger`,`${e.ns.namespace.value}-none-outline`]),onClick:t[4]||(t[4]=(...b)=>e.showFilterPanel&&e.showFilterPanel(...b))},[Q(v,null,{default:re(()=>[e.column.filterOpened?(P(),ue(u,{key:0})):(P(),ue(f,{key:1}))]),_:1})],2)),[[h,e.hideFilterPanel,e.popperPaneRef]])]),_:1},8,["visible","placement","popper-class"])}var RTe=ze(xTe,[["render",NTe],["__file","/home/runner/work/element-plus/element-plus/packages/components/table/src/filter-panel.vue"]]);function iM(e){const t=vt();Dm(()=>{n.value.addObserver(t)}),bt(()=>{r(n.value),o(n.value)}),Sa(()=>{r(n.value),o(n.value)}),Br(()=>{n.value.removeObserver(t)});const n=T(()=>{const a=e.layout;if(!a)throw new Error("Can not find table layout.");return a}),r=a=>{var l;const s=((l=e.vnode.el)==null?void 0:l.querySelectorAll("colgroup > col"))||[];if(!s.length)return;const i=a.getFlattenColumns(),u={};i.forEach(f=>{u[f.id]=f});for(let f=0,v=s.length;f{var l,s;const i=((l=e.vnode.el)==null?void 0:l.querySelectorAll("colgroup > col[name=gutter]"))||[];for(let f=0,v=i.length;f{g.stopPropagation()},a=(g,_)=>{!_.filters&&_.sortable?b(g,_,!1):_.filterable&&!_.sortable&&o(g),r==null||r.emit("header-click",_,g)},l=(g,_)=>{r==null||r.emit("header-contextmenu",_,g)},s=D(null),i=D(!1),u=D({}),f=(g,_)=>{if(!!en&&!(_.children&&_.children.length>0)&&s.value&&e.border){i.value=!0;const y=r;t("set-drag-visible",!0);const w=(y==null?void 0:y.vnode.el).getBoundingClientRect().left,C=n.vnode.el.querySelector(`th.${_.id}`),k=C.getBoundingClientRect(),$=k.left-w+30;fl(C,"noclick"),u.value={startMouseLeft:g.clientX,startLeft:k.right-w,startColumnLeft:k.left-w,tableLeft:w};const O=y==null?void 0:y.refs.resizeProxy;O.style.left=`${u.value.startLeft}px`,document.onselectstart=function(){return!1},document.ondragstart=function(){return!1};const x=V=>{const A=V.clientX-u.value.startMouseLeft,I=u.value.startLeft+A;O.style.left=`${Math.max($,I)}px`},R=()=>{if(i.value){const{startColumnLeft:V,startLeft:A}=u.value,B=Number.parseInt(O.style.left,10)-V;_.width=_.realWidth=B,y==null||y.emit("header-dragend",_.width,A-V,_,g),requestAnimationFrame(()=>{e.store.scheduleLayout(!1,!0)}),document.body.style.cursor="",i.value=!1,s.value=null,u.value={},t("set-drag-visible",!1)}document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",R),document.onselectstart=null,document.ondragstart=null,setTimeout(()=>{Po(C,"noclick")},0)};document.addEventListener("mousemove",x),document.addEventListener("mouseup",R)}},v=(g,_)=>{if(_.children&&_.children.length>0)return;const y=g.target;if(!ba(y))return;const S=y==null?void 0:y.closest("th");if(!(!_||!_.resizable)&&!i.value&&e.border){const w=S.getBoundingClientRect(),C=document.body.style;w.width>12&&w.right-g.pageX<8?(C.cursor="col-resize",Va(S,"is-sortable")&&(S.style.cursor="col-resize"),s.value=_):i.value||(C.cursor="",Va(S,"is-sortable")&&(S.style.cursor="pointer"),s.value=null)}},p=()=>{!en||(document.body.style.cursor="")},h=({order:g,sortOrders:_})=>{if(g==="")return _[0];const y=_.indexOf(g||null);return _[y>_.length-2?0:y+1]},b=(g,_,y)=>{var S;g.stopPropagation();const w=_.order===y?null:y||h(_),C=(S=g.target)==null?void 0:S.closest("th");if(C&&Va(C,"noclick")){Po(C,"noclick");return}if(!_.sortable)return;const k=e.store.states;let $=k.sortProp.value,O;const x=k.sortingColumn.value;(x!==_||x===_&&x.order===null)&&(x&&(x.order=null),k.sortingColumn.value=_,$=_.property),w?O=_.order=w:O=_.order=null,k.sortProp.value=$,k.sortOrder.value=O,r==null||r.store.commit("changeSortCondition")};return{handleHeaderClick:a,handleHeaderContextMenu:l,handleMouseDown:f,handleMouseMove:v,handleMouseOut:p,handleSortClick:b,handleFilterClick:o}}function LTe(e){const t=Ge(Sl),n=Ie("table");return{getHeaderRowStyle:s=>{const i=t==null?void 0:t.props.headerRowStyle;return typeof i=="function"?i.call(null,{rowIndex:s}):i},getHeaderRowClass:s=>{const i=[],u=t==null?void 0:t.props.headerRowClassName;return typeof u=="string"?i.push(u):typeof u=="function"&&i.push(u.call(null,{rowIndex:s})),i.join(" ")},getHeaderCellStyle:(s,i,u,f)=>{var v;let p=(v=t==null?void 0:t.props.headerCellStyle)!=null?v:{};typeof p=="function"&&(p=p.call(null,{rowIndex:s,columnIndex:i,row:u,column:f}));const h=p2(i,f.fixed,e.store,u);return Pc(h,"left"),Pc(h,"right"),Object.assign({},p,h)},getHeaderCellClass:(s,i,u,f)=>{const v=v2(n.b(),i,f.fixed,e.store,u),p=[f.id,f.order,f.headerAlign,f.className,f.labelClassName,...v];f.children||p.push("is-leaf"),f.sortable&&p.push("is-sortable");const h=t==null?void 0:t.props.headerCellClassName;return typeof h=="string"?p.push(h):typeof h=="function"&&p.push(h.call(null,{rowIndex:s,columnIndex:i,row:u,column:f})),p.push(n.e("cell")),p.filter(b=>Boolean(b)).join(" ")}}}const uM=e=>{const t=[];return e.forEach(n=>{n.children?(t.push(n),t.push.apply(t,uM(n.children))):t.push(n)}),t},DTe=e=>{let t=1;const n=(a,l)=>{if(l&&(a.level=l.level+1,t{n(i,a),s+=i.colSpan}),a.colSpan=s}else a.colSpan=1};e.forEach(a=>{a.level=1,n(a,void 0)});const r=[];for(let a=0;a{a.children?(a.rowSpan=1,a.children.forEach(l=>l.isSubColumn=!0)):a.rowSpan=t-a.level+1,r[a.level-1].push(a)}),r};function BTe(e){const t=Ge(Sl),n=T(()=>DTe(e.store.states.originColumns.value));return{isGroup:T(()=>{const a=n.value.length>1;return a&&t&&(t.state.isGroup.value=!0),a}),toggleAllSelection:a=>{a.stopPropagation(),t==null||t.store.commit("toggleAllSelection")},columnRows:n}}var VTe=Z({name:"ElTableHeader",components:{ElCheckbox:to},props:{fixed:{type:String,default:""},store:{required:!0,type:Object},border:Boolean,defaultSort:{type:Object,default:()=>({prop:"",order:""})}},setup(e,{emit:t}){const n=vt(),r=Ge(Sl),o=Ie("table"),a=D({}),{onColumnsChange:l,onScrollableChange:s}=iM(r);bt(async()=>{await tt(),await tt();const{prop:$,order:O}=e.defaultSort;r==null||r.store.commit("sort",{prop:$,order:O,init:!0})});const{handleHeaderClick:i,handleHeaderContextMenu:u,handleMouseDown:f,handleMouseMove:v,handleMouseOut:p,handleSortClick:h,handleFilterClick:b}=FTe(e,t),{getHeaderRowStyle:g,getHeaderRowClass:_,getHeaderCellStyle:y,getHeaderCellClass:S}=LTe(e),{isGroup:w,toggleAllSelection:C,columnRows:k}=BTe(e);return n.state={onColumnsChange:l,onScrollableChange:s},n.filterPanels=a,{ns:o,filterPanels:a,onColumnsChange:l,onScrollableChange:s,columnRows:k,getHeaderRowClass:_,getHeaderRowStyle:g,getHeaderCellClass:S,getHeaderCellStyle:y,handleHeaderClick:i,handleHeaderContextMenu:u,handleMouseDown:f,handleMouseMove:v,handleMouseOut:p,handleSortClick:h,handleFilterClick:b,isGroup:w,toggleAllSelection:C}},render(){const{ns:e,isGroup:t,columnRows:n,getHeaderCellStyle:r,getHeaderCellClass:o,getHeaderRowClass:a,getHeaderRowStyle:l,handleHeaderClick:s,handleHeaderContextMenu:i,handleMouseDown:u,handleMouseMove:f,handleSortClick:v,handleMouseOut:p,store:h,$parent:b}=this;let g=1;return st("thead",{class:{[e.is("group")]:t}},n.map((_,y)=>st("tr",{class:a(y),key:y,style:l(y)},_.map((S,w)=>(S.rowSpan>g&&(g=S.rowSpan),st("th",{class:o(y,w,_,S),colspan:S.colSpan,key:`${S.id}-thead`,rowspan:S.rowSpan,style:r(y,w,_,S),onClick:C=>s(C,S),onContextmenu:C=>i(C,S),onMousedown:C=>u(C,S),onMousemove:C=>f(C,S),onMouseout:p},[st("div",{class:["cell",S.filteredValue&&S.filteredValue.length>0?"highlight":""]},[S.renderHeader?S.renderHeader({column:S,$index:w,store:h,_self:b}):S.label,S.sortable&&st("span",{onClick:C=>v(C,S),class:"caret-wrapper"},[st("i",{onClick:C=>v(C,S,"ascending"),class:"sort-caret ascending"}),st("i",{onClick:C=>v(C,S,"descending"),class:"sort-caret descending"})]),S.filterable&&st(RTe,{store:h,placement:S.filterPlacement||"bottom-start",column:S,upDataColumn:(C,k)=>{S[C]=k}})])]))))))}});function jTe(e){const t=Ge(Sl),n=D(""),r=D(st("div")),{nextZIndex:o}=Zc(),a=(h,b,g)=>{var _;const y=t,S=Fb(h);let w;const C=(_=y==null?void 0:y.vnode.el)==null?void 0:_.dataset.prefix;S&&(w=H3({columns:e.store.states.columns.value},S,C),w&&(y==null||y.emit(`cell-${g}`,b,w,S,h))),y==null||y.emit(`row-${g}`,b,w,h)},l=(h,b)=>{a(h,b,"dblclick")},s=(h,b)=>{e.store.commit("setCurrentRow",b),a(h,b,"click")},i=(h,b)=>{a(h,b,"contextmenu")},u=vo(h=>{e.store.commit("setHoverRow",h)},30),f=vo(()=>{e.store.commit("setHoverRow",null)},30);return{handleDoubleClick:l,handleClick:s,handleContextMenu:i,handleMouseEnter:u,handleMouseLeave:f,handleCellMouseEnter:(h,b,g)=>{var _;const y=t,S=Fb(h),w=(_=y==null?void 0:y.vnode.el)==null?void 0:_.dataset.prefix;if(S){const x=H3({columns:e.store.states.columns.value},S,w),R=y.hoverState={cell:S,column:x,row:b};y==null||y.emit("cell-mouse-enter",R.row,R.column,R.cell,h)}if(!g)return;const C=h.target.querySelector(".cell");if(!(Va(C,`${w}-tooltip`)&&C.childNodes.length))return;const k=document.createRange();k.setStart(C,0),k.setEnd(C,C.childNodes.length);const $=Math.round(k.getBoundingClientRect().width),O=(Number.parseInt(jl(C,"paddingLeft"),10)||0)+(Number.parseInt(jl(C,"paddingRight"),10)||0);($+O>C.offsetWidth||C.scrollWidth>C.offsetWidth)&&yTe(t==null?void 0:t.refs.tableWrapper,S,S.innerText||S.textContent,o,g)},handleCellMouseLeave:h=>{if(!Fb(h))return;const g=t==null?void 0:t.hoverState;t==null||t.emit("cell-mouse-leave",g==null?void 0:g.row,g==null?void 0:g.column,g==null?void 0:g.cell,h)},tooltipContent:n,tooltipTrigger:r}}function zTe(e){const t=Ge(Sl),n=Ie("table");return{getRowStyle:(u,f)=>{const v=t==null?void 0:t.props.rowStyle;return typeof v=="function"?v.call(null,{row:u,rowIndex:f}):v||null},getRowClass:(u,f)=>{const v=[n.e("row")];(t==null?void 0:t.props.highlightCurrentRow)&&u===e.store.states.currentRow.value&&v.push("current-row"),e.stripe&&f%2===1&&v.push(n.em("row","striped"));const p=t==null?void 0:t.props.rowClassName;return typeof p=="string"?v.push(p):typeof p=="function"&&v.push(p.call(null,{row:u,rowIndex:f})),v},getCellStyle:(u,f,v,p)=>{const h=t==null?void 0:t.props.cellStyle;let b=h!=null?h:{};typeof h=="function"&&(b=h.call(null,{rowIndex:u,columnIndex:f,row:v,column:p}));const g=p2(f,e==null?void 0:e.fixed,e.store);return Pc(g,"left"),Pc(g,"right"),Object.assign({},b,g)},getCellClass:(u,f,v,p,h)=>{const b=v2(n.b(),f,e==null?void 0:e.fixed,e.store,void 0,h),g=[p.id,p.align,p.className,...b],_=t==null?void 0:t.props.cellClassName;return typeof _=="string"?g.push(_):typeof _=="function"&&g.push(_.call(null,{rowIndex:u,columnIndex:f,row:v,column:p})),g.push(n.e("cell")),g.filter(y=>Boolean(y)).join(" ")},getSpan:(u,f,v,p)=>{let h=1,b=1;const g=t==null?void 0:t.props.spanMethod;if(typeof g=="function"){const _=g({row:u,column:f,rowIndex:v,columnIndex:p});Array.isArray(_)?(h=_[0],b=_[1]):typeof _=="object"&&(h=_.rowspan,b=_.colspan)}return{rowspan:h,colspan:b}},getColspanRealWidth:(u,f,v)=>{if(f<1)return u[v].realWidth;const p=u.map(({realWidth:h,width:b})=>h||b).slice(v,v+f);return Number(p.reduce((h,b)=>Number(h)+Number(b),-1))}}}function HTe(e){const t=Ge(Sl),n=Ie("table"),{handleDoubleClick:r,handleClick:o,handleContextMenu:a,handleMouseEnter:l,handleMouseLeave:s,handleCellMouseEnter:i,handleCellMouseLeave:u,tooltipContent:f,tooltipTrigger:v}=jTe(e),{getRowStyle:p,getRowClass:h,getCellStyle:b,getCellClass:g,getSpan:_,getColspanRealWidth:y}=zTe(e),S=T(()=>e.store.states.columns.value.findIndex(({type:O})=>O==="default")),w=(O,x)=>{const R=t.props.rowKey;return R?Kr(O,R):x},C=(O,x,R,V=!1)=>{const{tooltipEffect:A,tooltipOptions:I,store:B}=e,{indent:z,columns:Y}=B.states,K=h(O,x);let M=!0;return R&&(K.push(n.em("row",`level-${R.level}`)),M=R.display),st("tr",{style:[M?null:{display:"none"},p(O,x)],class:K,key:w(O,x),onDblclick:N=>r(N,O),onClick:N=>o(N,O),onContextmenu:N=>a(N,O),onMouseenter:()=>l(x),onMouseleave:s},Y.value.map((N,U)=>{const{rowspan:W,colspan:G}=_(O,N,x,U);if(!W||!G)return null;const ae={...N};ae.realWidth=y(Y.value,G,U);const me={store:e.store,_self:e.context||t,column:ae,row:O,$index:x,cellIndex:U,expanded:V};U===S.value&&R&&(me.treeNode={indent:R.level*z.value,level:R.level},typeof R.expanded=="boolean"&&(me.treeNode.expanded=R.expanded,"loading"in R&&(me.treeNode.loading=R.loading),"noLazyChildren"in R&&(me.treeNode.noLazyChildren=R.noLazyChildren)));const Ce=`${x},${U}`,pe=ae.columnKey||ae.rawColumnKey||"",ke=k(U,N,me),ce=N.showOverflowTooltip&&M6({effect:A},I,N.showOverflowTooltip);return st("td",{style:b(x,U,O,N),class:g(x,U,O,N,G-1),key:`${pe}${Ce}`,rowspan:W,colspan:G,onMouseenter:ee=>i(ee,O,ce),onMouseleave:u},[ke])}))},k=(O,x,R)=>x.renderCell(R);return{wrappedRowRender:(O,x)=>{const R=e.store,{isRowExpanded:V,assertRowKey:A}=R,{treeData:I,lazyTreeNodeMap:B,childrenColumnName:z,rowKey:Y}=R.states,K=R.states.columns.value;if(K.some(({type:j})=>j==="expand")){const j=V(O),N=C(O,x,void 0,j),U=t.renderExpanded;return j?U?[[N,st("tr",{key:`expanded-row__${N.key}`},[st("td",{colspan:K.length,class:`${n.e("cell")} ${n.e("expanded-cell")}`},[U({row:O,$index:x,store:R,expanded:j})])])]]:(console.error("[Element Error]renderExpanded is required."),N):[[N]]}else if(Object.keys(I.value).length){A();const j=Kr(O,Y.value);let N=I.value[j],U=null;N&&(U={expanded:N.expanded,level:N.level,display:!0},typeof N.lazy=="boolean"&&(typeof N.loaded=="boolean"&&N.loaded&&(U.noLazyChildren=!(N.children&&N.children.length)),U.loading=N.loading));const W=[C(O,x,U)];if(N){let G=0;const ae=(Ce,pe)=>{!(Ce&&Ce.length&&pe)||Ce.forEach(ke=>{const ce={display:pe.display&&pe.expanded,level:pe.level+1,expanded:!1,noLazyChildren:!1,loading:!1},ee=Kr(ke,Y.value);if(ee==null)throw new Error("For nested data item, row-key is required.");if(N={...I.value[ee]},N&&(ce.expanded=N.expanded,N.level=N.level||ce.level,N.display=!!(N.expanded&&ce.display),typeof N.lazy=="boolean"&&(typeof N.loaded=="boolean"&&N.loaded&&(ce.noLazyChildren=!(N.children&&N.children.length)),ce.loading=N.loading)),G++,W.push(C(ke,x+G,ce)),N){const ve=B.value[ee]||ke[z.value];ae(ve,N)}})};N.display=!0;const me=B.value[j]||O[z.value];ae(me,N)}return W}else return C(O,x,void 0)},tooltipContent:f,tooltipTrigger:v}}const KTe={store:{required:!0,type:Object},stripe:Boolean,tooltipEffect:String,tooltipOptions:{type:Object},context:{default:()=>({}),type:Object},rowClassName:[String,Function],rowStyle:[Object,Function],fixed:{type:String,default:""},highlight:Boolean};var WTe=Z({name:"ElTableBody",props:KTe,setup(e){const t=vt(),n=Ge(Sl),r=Ie("table"),{wrappedRowRender:o,tooltipContent:a,tooltipTrigger:l}=HTe(e),{onColumnsChange:s,onScrollableChange:i}=iM(n);return be(e.store.states.hoverRow,(u,f)=>{if(!e.store.states.isComplex.value||!en)return;let v=window.requestAnimationFrame;v||(v=p=>window.setTimeout(p,16)),v(()=>{const p=t==null?void 0:t.vnode.el,h=Array.from((p==null?void 0:p.children)||[]).filter(_=>_==null?void 0:_.classList.contains(`${r.e("row")}`)),b=h[f],g=h[u];b&&Po(b,"hover-row"),g&&fl(g,"hover-row")})}),Br(()=>{var u;(u=Ll)==null||u()}),{ns:r,onColumnsChange:s,onScrollableChange:i,wrappedRowRender:o,tooltipContent:a,tooltipTrigger:l}},render(){const{wrappedRowRender:e,store:t}=this,n=t.states.data.value||[];return st("tbody",{},[n.reduce((r,o)=>r.concat(e(o,r.length)),[])])}});function h2(e){const t=e.tableLayout==="auto";let n=e.columns||[];t&&n.every(o=>o.width===void 0)&&(n=[]);const r=o=>{const a={key:`${e.tableLayout}_${o.id}`,style:{},name:void 0};return t?a.style={width:`${o.width}px`}:a.name=o.id,a};return st("colgroup",{},n.map(o=>st("col",r(o))))}h2.props=["columns","tableLayout"];function UTe(){const e=Ge(Sl),t=e==null?void 0:e.store,n=T(()=>t.states.fixedLeafColumnsLength.value),r=T(()=>t.states.rightFixedColumns.value.length),o=T(()=>t.states.columns.value.length),a=T(()=>t.states.fixedColumns.value.length),l=T(()=>t.states.rightFixedColumns.value.length);return{leftFixedLeafCount:n,rightFixedLeafCount:r,columnsCount:o,leftFixedCount:a,rightFixedCount:l,columns:t.states.columns}}function qTe(e){const{columns:t}=UTe(),n=Ie("table");return{getCellClasses:(a,l)=>{const s=a[l],i=[n.e("cell"),s.id,s.align,s.labelClassName,...v2(n.b(),l,s.fixed,e.store)];return s.className&&i.push(s.className),s.children||i.push(n.is("leaf")),i},getCellStyles:(a,l)=>{const s=p2(l,a.fixed,e.store);return Pc(s,"left"),Pc(s,"right"),s},columns:t}}var GTe=Z({name:"ElTableFooter",props:{fixed:{type:String,default:""},store:{required:!0,type:Object},summaryMethod:Function,sumText:String,border:Boolean,defaultSort:{type:Object,default:()=>({prop:"",order:""})}},setup(e){const{getCellClasses:t,getCellStyles:n,columns:r}=qTe(e);return{ns:Ie("table"),getCellClasses:t,getCellStyles:n,columns:r}},render(){const{columns:e,getCellStyles:t,getCellClasses:n,summaryMethod:r,sumText:o,ns:a}=this,l=this.store.states.data.value;let s=[];return r?s=r({columns:e,data:l}):e.forEach((i,u)=>{if(u===0){s[u]=o;return}const f=l.map(b=>Number(b[i.property])),v=[];let p=!0;f.forEach(b=>{if(!Number.isNaN(+b)){p=!1;const g=`${b}`.split(".")[1];v.push(g?g.length:0)}});const h=Math.max.apply(null,v);p?s[u]="":s[u]=f.reduce((b,g)=>{const _=Number(g);return Number.isNaN(+_)?b:Number.parseFloat((b+g).toFixed(Math.min(h,20)))},0)}),st("table",{class:a.e("footer"),cellspacing:"0",cellpadding:"0",border:"0"},[h2({columns:e}),st("tbody",[st("tr",{},[...e.map((i,u)=>st("td",{key:u,colspan:i.colSpan,rowspan:i.rowSpan,class:n(e,u),style:t(i,u)},[st("div",{class:["cell",i.labelClassName]},[s[u]])]))])])])}});function YTe(e){return{setCurrentRow:f=>{e.commit("setCurrentRow",f)},getSelectionRows:()=>e.getSelectionRows(),toggleRowSelection:(f,v)=>{e.toggleRowSelection(f,v,!1),e.updateAllSelected()},clearSelection:()=>{e.clearSelection()},clearFilter:f=>{e.clearFilter(f)},toggleAllSelection:()=>{e.commit("toggleAllSelection")},toggleRowExpansion:(f,v)=>{e.toggleRowExpansionAdapter(f,v)},clearSort:()=>{e.clearSort()},sort:(f,v)=>{e.commit("sort",{prop:f,order:v})}}}function XTe(e,t,n,r){const o=D(!1),a=D(null),l=D(!1),s=j=>{l.value=j},i=D({width:null,height:null,headerHeight:null}),u=D(!1),f={display:"inline-block",verticalAlign:"middle"},v=D(),p=D(0),h=D(0),b=D(0),g=D(0);ir(()=>{t.setHeight(e.height)}),ir(()=>{t.setMaxHeight(e.maxHeight)}),be(()=>[e.currentRowKey,n.states.rowKey],([j,N])=>{!c(N)||!c(j)||n.setCurrentRowKey(`${j}`)},{immediate:!0}),be(()=>e.data,j=>{r.store.commit("setData",j)},{immediate:!0,deep:!0}),ir(()=>{e.expandRowKeys&&n.setExpandRowKeysAdapter(e.expandRowKeys)});const _=()=>{r.store.commit("setHoverRow",null),r.hoverState&&(r.hoverState=null)},y=(j,N)=>{const{pixelX:U,pixelY:W}=N;Math.abs(U)>=Math.abs(W)&&(r.refs.bodyWrapper.scrollLeft+=N.pixelX/5)},S=T(()=>e.height||e.maxHeight||n.states.fixedColumns.value.length>0||n.states.rightFixedColumns.value.length>0),w=T(()=>({width:t.bodyWidth.value?`${t.bodyWidth.value}px`:""})),C=()=>{S.value&&t.updateElsHeight(),t.updateColumnsWidth(),requestAnimationFrame(x)};bt(async()=>{await tt(),n.updateColumns(),R(),requestAnimationFrame(C);const j=r.vnode.el,N=r.refs.headerWrapper;e.flexible&&j&&j.parentElement&&(j.parentElement.style.minWidth="0"),i.value={width:v.value=j.offsetWidth,height:j.offsetHeight,headerHeight:e.showHeader&&N?N.offsetHeight:null},n.states.columns.value.forEach(U=>{U.filteredValue&&U.filteredValue.length&&r.store.commit("filterChange",{column:U,values:U.filteredValue,silent:!0})}),r.$ready=!0});const k=(j,N)=>{if(!j)return;const U=Array.from(j.classList).filter(W=>!W.startsWith("is-scrolling-"));U.push(t.scrollX.value?N:"is-scrolling-none"),j.className=U.join(" ")},$=j=>{const{tableWrapper:N}=r.refs;k(N,j)},O=j=>{const{tableWrapper:N}=r.refs;return!!(N&&N.classList.contains(j))},x=function(){if(!r.refs.scrollBarRef)return;if(!t.scrollX.value){const Ce="is-scrolling-none";O(Ce)||$(Ce);return}const j=r.refs.scrollBarRef.wrapRef;if(!j)return;const{scrollLeft:N,offsetWidth:U,scrollWidth:W}=j,{headerWrapper:G,footerWrapper:ae}=r.refs;G&&(G.scrollLeft=N),ae&&(ae.scrollLeft=N);const me=W-U-1;N>=me?$("is-scrolling-right"):$(N===0?"is-scrolling-left":"is-scrolling-middle")},R=()=>{!r.refs.scrollBarRef||(r.refs.scrollBarRef.wrapRef&&Kn(r.refs.scrollBarRef.wrapRef,"scroll",x,{passive:!0}),e.fit?eo(r.vnode.el,V):Kn(window,"resize",V),eo(r.refs.bodyWrapper,()=>{var j,N;V(),(N=(j=r.refs)==null?void 0:j.scrollBarRef)==null||N.update()}))},V=()=>{var j,N,U;const W=r.vnode.el;if(!r.$ready||!W)return;let G=!1;const{width:ae,height:me,headerHeight:Ce}=i.value,pe=v.value=W.offsetWidth;ae!==pe&&(G=!0);const ke=W.offsetHeight;(e.height||S.value)&&me!==ke&&(G=!0);const ce=e.tableLayout==="fixed"?r.refs.headerWrapper:(j=r.refs.tableHeaderRef)==null?void 0:j.$el;e.showHeader&&(ce==null?void 0:ce.offsetHeight)!==Ce&&(G=!0),p.value=((N=r.refs.tableWrapper)==null?void 0:N.scrollHeight)||0,b.value=(ce==null?void 0:ce.scrollHeight)||0,g.value=((U=r.refs.footerWrapper)==null?void 0:U.offsetHeight)||0,h.value=p.value-b.value-g.value,G&&(i.value={width:pe,height:ke,headerHeight:e.showHeader&&(ce==null?void 0:ce.offsetHeight)||0},C())},A=Cr(),I=T(()=>{const{bodyWidth:j,scrollY:N,gutterWidth:U}=t;return j.value?`${j.value-(N.value?U:0)}px`:""}),B=T(()=>e.maxHeight?"fixed":e.tableLayout),z=T(()=>{if(e.data&&e.data.length)return null;let j="100%";e.height&&h.value&&(j=`${h.value}px`);const N=v.value;return{width:N?`${N}px`:"",height:j}}),Y=T(()=>e.height?{height:Number.isNaN(Number(e.height))?e.height:`${e.height}px`}:e.maxHeight?{maxHeight:Number.isNaN(Number(e.maxHeight))?e.maxHeight:`${e.maxHeight}px`}:{}),K=T(()=>e.height?{height:"100%"}:e.maxHeight?Number.isNaN(Number(e.maxHeight))?{maxHeight:`calc(${e.maxHeight} - ${b.value+g.value}px)`}:{maxHeight:`${e.maxHeight-b.value-g.value}px`}:{});return{isHidden:o,renderExpanded:a,setDragVisible:s,isGroup:u,handleMouseLeave:_,handleHeaderFooterMousewheel:y,tableSize:A,emptyBlockStyle:z,handleFixedMousewheel:(j,N)=>{const U=r.refs.bodyWrapper;if(Math.abs(N.spinY)>0){const W=U.scrollTop;N.pixelY<0&&W!==0&&j.preventDefault(),N.pixelY>0&&U.scrollHeight-U.clientHeight>W&&j.preventDefault(),U.scrollTop+=Math.ceil(N.pixelY/5)}else U.scrollLeft+=Math.ceil(N.pixelX/5)},resizeProxyVisible:l,bodyWidth:I,resizeState:i,doLayout:C,tableBodyStyles:w,tableLayout:B,scrollbarViewStyle:f,tableInnerStyle:Y,scrollbarStyle:K}}function ZTe(e){const t=D(),n=()=>{const o=e.vnode.el.querySelector(".hidden-columns"),a={childList:!0,subtree:!0},l=e.store.states.updateOrderFns;t.value=new MutationObserver(()=>{l.forEach(s=>s())}),t.value.observe(o,a)};bt(()=>{n()}),Br(()=>{var r;(r=t.value)==null||r.disconnect()})}var QTe={data:{type:Array,default:()=>[]},size:qr,width:[String,Number],height:[String,Number],maxHeight:[String,Number],fit:{type:Boolean,default:!0},stripe:Boolean,border:Boolean,rowKey:[String,Function],showHeader:{type:Boolean,default:!0},showSummary:Boolean,sumText:String,summaryMethod:Function,rowClassName:[String,Function],rowStyle:[Object,Function],cellClassName:[String,Function],cellStyle:[Object,Function],headerRowClassName:[String,Function],headerRowStyle:[Object,Function],headerCellClassName:[String,Function],headerCellStyle:[Object,Function],highlightCurrentRow:Boolean,currentRowKey:[String,Number],emptyText:String,expandRowKeys:Array,defaultExpandAll:Boolean,defaultSort:Object,tooltipEffect:String,tooltipOptions:Object,spanMethod:Function,selectOnIndeterminate:{type:Boolean,default:!0},indent:{type:Number,default:16},treeProps:{type:Object,default:()=>({hasChildren:"hasChildren",children:"children"})},lazy:Boolean,load:Function,style:{type:Object,default:()=>({})},className:{type:String,default:""},tableLayout:{type:String,default:"fixed"},scrollbarAlwaysOn:{type:Boolean,default:!1},flexible:Boolean};const JTe=()=>{const e=D(),t=(a,l)=>{const s=e.value;s&&s.scrollTo(a,l)},n=(a,l)=>{const s=e.value;s&>(l)&&["Top","Left"].includes(a)&&s[`setScroll${a}`](l)};return{scrollBarRef:e,scrollTo:t,setScrollTop:a=>n("Top",a),setScrollLeft:a=>n("Left",a)}};let ePe=1;const tPe=Z({name:"ElTable",directives:{Mousewheel:yye},components:{TableHeader:VTe,TableBody:WTe,TableFooter:GTe,ElScrollbar:as,hColgroup:h2},props:QTe,emits:["select","select-all","selection-change","cell-mouse-enter","cell-mouse-leave","cell-contextmenu","cell-click","cell-dblclick","row-click","row-contextmenu","row-dblclick","header-click","header-contextmenu","sort-change","filter-change","current-change","header-dragend","expand-change"],setup(e){const{t}=rn(),n=Ie("table"),r=vt();$t(Sl,r);const o=ETe(r,e);r.store=o;const a=new PTe({store:r.store,table:r,fit:e.fit,showHeader:e.showHeader});r.layout=a;const l=T(()=>(o.states.data.value||[]).length===0),{setCurrentRow:s,getSelectionRows:i,toggleRowSelection:u,clearSelection:f,clearFilter:v,toggleAllSelection:p,toggleRowExpansion:h,clearSort:b,sort:g}=YTe(o),{isHidden:_,renderExpanded:y,setDragVisible:S,isGroup:w,handleMouseLeave:C,handleHeaderFooterMousewheel:k,tableSize:$,emptyBlockStyle:O,handleFixedMousewheel:x,resizeProxyVisible:R,bodyWidth:V,resizeState:A,doLayout:I,tableBodyStyles:B,tableLayout:z,scrollbarViewStyle:Y,tableInnerStyle:K,scrollbarStyle:M}=XTe(e,a,o,r),{scrollBarRef:j,scrollTo:N,setScrollLeft:U,setScrollTop:W}=JTe(),G=vo(I,50),ae=`${n.namespace.value}-table_${ePe++}`;r.tableId=ae,r.state={isGroup:w,resizeState:A,doLayout:I,debouncedUpdateLayout:G};const me=T(()=>e.sumText||t("el.table.sumText")),Ce=T(()=>e.emptyText||t("el.table.emptyText"));return ZTe(r),{ns:n,layout:a,store:o,handleHeaderFooterMousewheel:k,handleMouseLeave:C,tableId:ae,tableSize:$,isHidden:_,isEmpty:l,renderExpanded:y,resizeProxyVisible:R,resizeState:A,isGroup:w,bodyWidth:V,tableBodyStyles:B,emptyBlockStyle:O,debouncedUpdateLayout:G,handleFixedMousewheel:x,setCurrentRow:s,getSelectionRows:i,toggleRowSelection:u,clearSelection:f,clearFilter:v,toggleAllSelection:p,toggleRowExpansion:h,clearSort:b,doLayout:I,sort:g,t,setDragVisible:S,context:r,computedSumText:me,computedEmptyText:Ce,tableLayout:z,scrollbarViewStyle:Y,tableInnerStyle:K,scrollbarStyle:M,scrollBarRef:j,scrollTo:N,setScrollLeft:U,setScrollTop:W}}}),nPe=["data-prefix"],rPe={ref:"hiddenColumns",class:"hidden-columns"};function oPe(e,t,n,r,o,a){const l=Ct("hColgroup"),s=Ct("table-header"),i=Ct("table-body"),u=Ct("el-scrollbar"),f=Ct("table-footer"),v=ic("mousewheel");return P(),H("div",{ref:"tableWrapper",class:F([{[e.ns.m("fit")]:e.fit,[e.ns.m("striped")]:e.stripe,[e.ns.m("border")]:e.border||e.isGroup,[e.ns.m("hidden")]:e.isHidden,[e.ns.m("group")]:e.isGroup,[e.ns.m("fluid-height")]:e.maxHeight,[e.ns.m("scrollable-x")]:e.layout.scrollX.value,[e.ns.m("scrollable-y")]:e.layout.scrollY.value,[e.ns.m("enable-row-hover")]:!e.store.states.isComplex.value,[e.ns.m("enable-row-transition")]:(e.store.states.data.value||[]).length!==0&&(e.store.states.data.value||[]).length<100,"has-footer":e.showSummary},e.ns.m(e.tableSize),e.className,e.ns.b(),e.ns.m(`layout-${e.tableLayout}`)]),style:lt(e.style),"data-prefix":e.ns.namespace.value,onMouseleave:t[0]||(t[0]=(...p)=>e.handleMouseLeave&&e.handleMouseLeave(...p))},[q("div",{class:F(e.ns.e("inner-wrapper")),style:lt(e.tableInnerStyle)},[q("div",rPe,[de(e.$slots,"default")],512),e.showHeader&&e.tableLayout==="fixed"?Ot((P(),H("div",{key:0,ref:"headerWrapper",class:F(e.ns.e("header-wrapper"))},[q("table",{ref:"tableHeader",class:F(e.ns.e("header")),style:lt(e.tableBodyStyles),border:"0",cellpadding:"0",cellspacing:"0"},[Q(l,{columns:e.store.states.columns.value,"table-layout":e.tableLayout},null,8,["columns","table-layout"]),Q(s,{ref:"tableHeaderRef",border:e.border,"default-sort":e.defaultSort,store:e.store,onSetDragVisible:e.setDragVisible},null,8,["border","default-sort","store","onSetDragVisible"])],6)],2)),[[v,e.handleHeaderFooterMousewheel]]):se("v-if",!0),q("div",{ref:"bodyWrapper",class:F(e.ns.e("body-wrapper"))},[Q(u,{ref:"scrollBarRef","view-style":e.scrollbarViewStyle,"wrap-style":e.scrollbarStyle,always:e.scrollbarAlwaysOn},{default:re(()=>[q("table",{ref:"tableBody",class:F(e.ns.e("body")),cellspacing:"0",cellpadding:"0",border:"0",style:lt({width:e.bodyWidth,tableLayout:e.tableLayout})},[Q(l,{columns:e.store.states.columns.value,"table-layout":e.tableLayout},null,8,["columns","table-layout"]),e.showHeader&&e.tableLayout==="auto"?(P(),ue(s,{key:0,ref:"tableHeaderRef",border:e.border,"default-sort":e.defaultSort,store:e.store,onSetDragVisible:e.setDragVisible},null,8,["border","default-sort","store","onSetDragVisible"])):se("v-if",!0),Q(i,{context:e.context,highlight:e.highlightCurrentRow,"row-class-name":e.rowClassName,"tooltip-effect":e.tooltipEffect,"tooltip-options":e.tooltipOptions,"row-style":e.rowStyle,store:e.store,stripe:e.stripe},null,8,["context","highlight","row-class-name","tooltip-effect","tooltip-options","row-style","store","stripe"])],6),e.isEmpty?(P(),H("div",{key:0,ref:"emptyBlock",style:lt(e.emptyBlockStyle),class:F(e.ns.e("empty-block"))},[q("span",{class:F(e.ns.e("empty-text"))},[de(e.$slots,"empty",{},()=>[Ht(Ae(e.computedEmptyText),1)])],2)],6)):se("v-if",!0),e.$slots.append?(P(),H("div",{key:1,ref:"appendWrapper",class:F(e.ns.e("append-wrapper"))},[de(e.$slots,"append")],2)):se("v-if",!0)]),_:3},8,["view-style","wrap-style","always"])],2),e.showSummary?Ot((P(),H("div",{key:1,ref:"footerWrapper",class:F(e.ns.e("footer-wrapper"))},[Q(f,{border:e.border,"default-sort":e.defaultSort,store:e.store,style:lt(e.tableBodyStyles),"sum-text":e.computedSumText,"summary-method":e.summaryMethod},null,8,["border","default-sort","store","style","sum-text","summary-method"])],2)),[[on,!e.isEmpty],[v,e.handleHeaderFooterMousewheel]]):se("v-if",!0),e.border||e.isGroup?(P(),H("div",{key:2,class:F(e.ns.e("border-left-patch"))},null,2)):se("v-if",!0)],6),Ot(q("div",{ref:"resizeProxy",class:F(e.ns.e("column-resize-proxy"))},null,2),[[on,e.resizeProxyVisible]])],46,nPe)}var aPe=ze(tPe,[["render",oPe],["__file","/home/runner/work/element-plus/element-plus/packages/components/table/src/table.vue"]]);const lPe={selection:"table-column--selection",expand:"table__expand-column"},sPe={default:{order:""},selection:{width:48,minWidth:48,realWidth:48,order:""},expand:{width:48,minWidth:48,realWidth:48,order:""},index:{width:48,minWidth:48,realWidth:48,order:""}},iPe=e=>lPe[e]||"",uPe={selection:{renderHeader({store:e}){function t(){return e.states.data.value&&e.states.data.value.length===0}return st(to,{disabled:t(),size:e.states.tableSize.value,indeterminate:e.states.selection.value.length>0&&!e.states.isAllSelected.value,"onUpdate:modelValue":e.toggleAllSelection,modelValue:e.states.isAllSelected.value})},renderCell({row:e,column:t,store:n,$index:r}){return st(to,{disabled:t.selectable?!t.selectable.call(null,e,r):!1,size:n.states.tableSize.value,onChange:()=>{n.commit("rowSelectedChanged",e)},onClick:o=>o.stopPropagation(),modelValue:n.isSelected(e)})},sortable:!1,resizable:!1},index:{renderHeader({column:e}){return e.label||"#"},renderCell({column:e,$index:t}){let n=t+1;const r=e.index;return typeof r=="number"?n=t+r:typeof r=="function"&&(n=r(t)),st("div",{},[n])},sortable:!1},expand:{renderHeader({column:e}){return e.label||""},renderCell({row:e,store:t,expanded:n}){const{ns:r}=t,o=[r.e("expand-icon")];return n&&o.push(r.em("expand-icon","expanded")),st("div",{class:o,onClick:function(l){l.stopPropagation(),t.toggleRowExpansion(e)}},{default:()=>[st(at,null,{default:()=>[st(io)]})]})},sortable:!1,resizable:!1}};function cPe({row:e,column:t,$index:n}){var r;const o=t.property,a=o&&sh(e,o).value;return t&&t.formatter?t.formatter(e,t,a,n):((r=a==null?void 0:a.toString)==null?void 0:r.call(a))||""}function dPe({row:e,treeNode:t,store:n},r=!1){const{ns:o}=n;if(!t)return r?[st("span",{class:o.e("placeholder")})]:null;const a=[],l=function(s){s.stopPropagation(),!t.loading&&n.loadOrToggle(e)};if(t.indent&&a.push(st("span",{class:o.e("indent"),style:{"padding-left":`${t.indent}px`}})),typeof t.expanded=="boolean"&&!t.noLazyChildren){const s=[o.e("expand-icon"),t.expanded?o.em("expand-icon","expanded"):""];let i=io;t.loading&&(i=Qs),a.push(st("div",{class:s,onClick:l},{default:()=>[st(at,{class:{[o.is("loading")]:t.loading}},{default:()=>[st(i)]})]}))}else a.push(st("span",{class:o.e("placeholder")}));return a}function U3(e,t){return e.reduce((n,r)=>(n[r]=r,n),t)}function fPe(e,t){const n=vt();return{registerComplexWatchers:()=>{const a=["fixed"],l={realWidth:"width",realMinWidth:"minWidth"},s=U3(a,l);Object.keys(s).forEach(i=>{const u=l[i];Xt(t,u)&&be(()=>t[u],f=>{let v=f;u==="width"&&i==="realWidth"&&(v=f2(f)),u==="minWidth"&&i==="realMinWidth"&&(v=rM(f)),n.columnConfig.value[u]=v,n.columnConfig.value[i]=v;const p=u==="fixed";e.value.store.scheduleLayout(p)})})},registerNormalWatchers:()=>{const a=["label","filters","filterMultiple","sortable","index","formatter","className","labelClassName","showOverflowTooltip"],l={property:"prop",align:"realAlign",headerAlign:"realHeaderAlign"},s=U3(a,l);Object.keys(s).forEach(i=>{const u=l[i];Xt(t,u)&&be(()=>t[u],f=>{n.columnConfig.value[i]=f})})}}}function vPe(e,t,n){const r=vt(),o=D(""),a=D(!1),l=D(),s=D(),i=Ie("table");ir(()=>{l.value=e.align?`is-${e.align}`:null,l.value}),ir(()=>{s.value=e.headerAlign?`is-${e.headerAlign}`:l.value,s.value});const u=T(()=>{let C=r.vnode.vParent||r.parent;for(;C&&!C.tableId&&!C.columnId;)C=C.vnode.vParent||C.parent;return C}),f=T(()=>{const{store:C}=r.parent;if(!C)return!1;const{treeData:k}=C.states,$=k.value;return $&&Object.keys($).length>0}),v=D(f2(e.width)),p=D(rM(e.minWidth)),h=C=>(v.value&&(C.width=v.value),p.value&&(C.minWidth=p.value),!v.value&&p.value&&(C.width=void 0),C.minWidth||(C.minWidth=80),C.realWidth=Number(C.width===void 0?C.minWidth:C.width),C),b=C=>{const k=C.type,$=uPe[k]||{};Object.keys($).forEach(x=>{const R=$[x];x!=="className"&&R!==void 0&&(C[x]=R)});const O=iPe(k);if(O){const x=`${c(i.namespace)}-${O}`;C.className=C.className?`${C.className} ${x}`:x}return C},g=C=>{Array.isArray(C)?C.forEach($=>k($)):k(C);function k($){var O;((O=$==null?void 0:$.type)==null?void 0:O.name)==="ElTableColumn"&&($.vParent=r)}};return{columnId:o,realAlign:l,isSubColumn:a,realHeaderAlign:s,columnOrTableParent:u,setColumnWidth:h,setColumnForcedProps:b,setColumnRenders:C=>{e.renderHeader||C.type!=="selection"&&(C.renderHeader=$=>{r.columnConfig.value.label;const O=t.header;return O?O($):C.label});let k=C.renderCell;return C.type==="expand"?(C.renderCell=$=>st("div",{class:"cell"},[k($)]),n.value.renderExpanded=$=>t.default?t.default($):t.default):(k=k||cPe,C.renderCell=$=>{let O=null;if(t.default){const B=t.default($);O=B.some(z=>z.type!==Nr)?B:k($)}else O=k($);const{columns:x}=n.value.store.states,R=x.value.findIndex(B=>B.type==="default"),V=f.value&&$.cellIndex===R,A=dPe($,V),I={class:"cell",style:{}};return C.showOverflowTooltip&&(I.class=`${I.class} ${c(i.namespace)}-tooltip`,I.style={width:`${($.column.realWidth||Number($.column.width))-1}px`}),g(O),st("div",I,[A,O])}),C},getPropsData:(...C)=>C.reduce((k,$)=>(Array.isArray($)&&$.forEach(O=>{k[O]=e[O]}),k),{}),getColumnElIndex:(C,k)=>Array.prototype.indexOf.call(C,k),updateColumnOrder:()=>{n.value.store.commit("updateColumnOrder",r.columnConfig.value)}}}var pPe={type:{type:String,default:"default"},label:String,className:String,labelClassName:String,property:String,prop:String,width:{type:[String,Number],default:""},minWidth:{type:[String,Number],default:""},renderHeader:Function,sortable:{type:[Boolean,String],default:!1},sortMethod:Function,sortBy:[String,Function,Array],resizable:{type:Boolean,default:!0},columnKey:String,align:String,headerAlign:String,showOverflowTooltip:[Boolean,Object],fixed:[Boolean,String],formatter:Function,selectable:Function,reserveSelection:Boolean,filterMethod:Function,filteredValue:Array,filters:Array,filterPlacement:String,filterMultiple:{type:Boolean,default:!0},index:[Number,Function],sortOrders:{type:Array,default:()=>["ascending","descending",null],validator:e=>e.every(t=>["ascending","descending",null].includes(t))}};let hPe=1;var cM=Z({name:"ElTableColumn",components:{ElCheckbox:to},props:pPe,setup(e,{slots:t}){const n=vt(),r=D({}),o=T(()=>{let w=n.parent;for(;w&&!w.tableId;)w=w.parent;return w}),{registerNormalWatchers:a,registerComplexWatchers:l}=fPe(o,e),{columnId:s,isSubColumn:i,realHeaderAlign:u,columnOrTableParent:f,setColumnWidth:v,setColumnForcedProps:p,setColumnRenders:h,getPropsData:b,getColumnElIndex:g,realAlign:_,updateColumnOrder:y}=vPe(e,t,o),S=f.value;s.value=`${S.tableId||S.columnId}_column_${hPe++}`,Dm(()=>{i.value=o.value!==S;const w=e.type||"default",C=e.sortable===""?!0:e.sortable,k={...sPe[w],id:s.value,type:w,property:e.prop||e.property,align:_,headerAlign:u,showOverflowTooltip:e.showOverflowTooltip,filterable:e.filters||e.filterMethod,filteredValue:[],filterPlacement:"",isColumnGroup:!1,isSubColumn:!1,filterOpened:!1,sortable:C,index:e.index,rawColumnKey:n.vnode.key};let V=b(["columnKey","label","className","labelClassName","type","renderHeader","formatter","fixed","resizable"],["sortMethod","sortBy","sortOrders"],["selectable","reserveSelection"],["filterMethod","filters","filterMultiple","filterOpened","filteredValue","filterPlacement"]);V=hTe(k,V),V=gTe(h,v,p)(V),r.value=V,a(),l()}),bt(()=>{var w;const C=f.value,k=i.value?C.vnode.el.children:(w=C.refs.hiddenColumns)==null?void 0:w.children,$=()=>g(k||[],n.vnode.el);r.value.getColumnIndex=$,$()>-1&&o.value.store.commit("insertColumn",r.value,i.value?C.columnConfig.value:null,y)}),hn(()=>{o.value.store.commit("removeColumn",r.value,i.value?S.columnConfig.value:null,y)}),n.columnId=s.value,n.columnConfig=r},render(){var e,t,n;try{const r=(t=(e=this.$slots).default)==null?void 0:t.call(e,{row:{},column:{},$index:-1}),o=[];if(Array.isArray(r))for(const l of r)((n=l.type)==null?void 0:n.name)==="ElTableColumn"||l.shapeFlag&2?o.push(l):l.type===Ue&&Array.isArray(l.children)&&l.children.forEach(s=>{(s==null?void 0:s.patchFlag)!==1024&&!_t(s==null?void 0:s.children)&&o.push(s)});return st("div",o)}catch{return st("div",[])}}});const xg=Rt(aPe,{TableColumn:cM}),Oc=Xn(cM);var Wf=(e=>(e.ASC="asc",e.DESC="desc",e))(Wf||{}),Uf=(e=>(e.CENTER="center",e.RIGHT="right",e))(Uf||{}),dM=(e=>(e.LEFT="left",e.RIGHT="right",e))(dM||{});const C1={asc:"desc",desc:"asc"},qf=Symbol("placeholder"),mPe=(e,t,n)=>{var r;const o={flexGrow:0,flexShrink:0,...n?{}:{flexGrow:e.flexGrow||0,flexShrink:e.flexShrink||1}};n||(o.flexShrink=1);const a={...(r=e.style)!=null?r:{},...o,flexBasis:"auto",width:e.width};return t||(e.maxWidth&&(a.maxWidth=e.maxWidth),e.minWidth&&(a.minWidth=e.minWidth)),a};function gPe(e,t,n){const r=T(()=>c(t).filter(g=>!g.hidden)),o=T(()=>c(r).filter(g=>g.fixed==="left"||g.fixed===!0)),a=T(()=>c(r).filter(g=>g.fixed==="right")),l=T(()=>c(r).filter(g=>!g.fixed)),s=T(()=>{const g=[];return c(o).forEach(_=>{g.push({..._,placeholderSign:qf})}),c(l).forEach(_=>{g.push(_)}),c(a).forEach(_=>{g.push({..._,placeholderSign:qf})}),g}),i=T(()=>c(o).length||c(a).length),u=T(()=>c(t).reduce((_,y)=>(_[y.key]=mPe(y,c(n),e.fixed),_),{})),f=T(()=>c(r).reduce((g,_)=>g+_.width,0)),v=g=>c(t).find(_=>_.key===g),p=g=>c(u)[g],h=(g,_)=>{g.width=_};function b(g){var _;const{key:y}=g.currentTarget.dataset;if(!y)return;const{sortState:S,sortBy:w}=e;let C=Wf.ASC;Bt(S)?C=C1[S[y]]:C=C1[w.order],(_=e.onColumnSort)==null||_.call(e,{column:v(y),key:y,order:C})}return{columns:t,columnsStyles:u,columnsTotalWidth:f,fixedColumnsOnLeft:o,fixedColumnsOnRight:a,hasFixedColumns:i,mainColumns:s,normalColumns:l,visibleColumns:r,getColumn:v,getColumnStyle:p,updateColumnWidth:h,onColumnSorted:b}}const bPe=(e,{mainTableRef:t,leftTableRef:n,rightTableRef:r,onMaybeEndReached:o})=>{const a=D({scrollLeft:0,scrollTop:0});function l(h){var b,g,_;const{scrollTop:y}=h;(b=t.value)==null||b.scrollTo(h),(g=n.value)==null||g.scrollToTop(y),(_=r.value)==null||_.scrollToTop(y)}function s(h){a.value=h,l(h)}function i(h){a.value.scrollTop=h,l(c(a))}function u(h){var b,g;a.value.scrollLeft=h,(g=(b=t.value)==null?void 0:b.scrollTo)==null||g.call(b,c(a))}function f(h){var b;s(h),(b=e.onScroll)==null||b.call(e,h)}function v({scrollTop:h}){const{scrollTop:b}=c(a);h!==b&&i(h)}function p(h,b="auto"){var g;(g=t.value)==null||g.scrollToRow(h,b)}return be(()=>c(a).scrollTop,(h,b)=>{h>b&&o()}),{scrollPos:a,scrollTo:s,scrollToLeft:u,scrollToTop:i,scrollToRow:p,onScroll:f,onVerticalScroll:v}},yPe=(e,{mainTableRef:t,leftTableRef:n,rightTableRef:r})=>{const o=vt(),{emit:a}=o,l=En(!1),s=En(null),i=D(e.defaultExpandedRowKeys||[]),u=D(-1),f=En(null),v=D({}),p=D({}),h=En({}),b=En({}),g=En({}),_=T(()=>gt(e.estimatedRowHeight));function y(x){var R;(R=e.onRowsRendered)==null||R.call(e,x),x.rowCacheEnd>c(u)&&(u.value=x.rowCacheEnd)}function S({hovered:x,rowKey:R}){s.value=x?R:null}function w({expanded:x,rowData:R,rowIndex:V,rowKey:A}){var I,B;const z=[...c(i)],Y=z.indexOf(A);x?Y===-1&&z.push(A):Y>-1&&z.splice(Y,1),i.value=z,a("update:expandedRowKeys",z),(I=e.onRowExpand)==null||I.call(e,{expanded:x,rowData:R,rowIndex:V,rowKey:A}),(B=e.onExpandedRowsChange)==null||B.call(e,z)}const C=vo(()=>{var x,R,V,A;l.value=!0,v.value={...c(v),...c(p)},k(c(f),!1),p.value={},f.value=null,(x=t.value)==null||x.forceUpdate(),(R=n.value)==null||R.forceUpdate(),(V=r.value)==null||V.forceUpdate(),(A=o.proxy)==null||A.$forceUpdate(),l.value=!1},0);function k(x,R=!1){!c(_)||[t,n,r].forEach(V=>{const A=c(V);A&&A.resetAfterRowIndex(x,R)})}function $(x,R,V){const A=c(f);(A===null||A>V)&&(f.value=V),p.value[x]=R}function O({rowKey:x,height:R,rowIndex:V},A){A?A===dM.RIGHT?g.value[x]=R:h.value[x]=R:b.value[x]=R;const I=Math.max(...[h,g,b].map(B=>B.value[x]||0));c(v)[x]!==I&&($(x,I,V),C())}return{hoveringRowKey:s,expandedRowKeys:i,lastRenderedRowIndex:u,isDynamic:_,isResetting:l,rowHeights:v,resetAfterIndex:k,onRowExpanded:w,onRowHovered:S,onRowsRendered:y,onRowHeightChange:O}},_Pe=(e,{expandedRowKeys:t,lastRenderedRowIndex:n,resetAfterIndex:r})=>{const o=D({}),a=T(()=>{const s={},{data:i,rowKey:u}=e,f=c(t);if(!f||!f.length)return i;const v=[],p=new Set;f.forEach(b=>p.add(b));let h=i.slice();for(h.forEach(b=>s[b[u]]=0);h.length>0;){const b=h.shift();v.push(b),p.has(b[u])&&Array.isArray(b.children)&&b.children.length>0&&(h=[...b.children,...h],b.children.forEach(g=>s[g[u]]=s[b[u]]+1))}return o.value=s,v}),l=T(()=>{const{data:s,expandColumnKey:i}=e;return i?c(a):s});return be(l,(s,i)=>{s!==i&&(n.value=-1,r(0,!0))}),{data:l,depthMap:o}},wPe=(e,t)=>e+t,Sh=e=>et(e)?e.reduce(wPe,0):e,Gi=(e,t,n={})=>ht(e)?e(t):e!=null?e:n,Is=e=>(["width","maxWidth","minWidth","height"].forEach(t=>{e[t]=or(e[t])}),e),fM=e=>An(e)?t=>st(e,t):e,CPe=(e,{columnsTotalWidth:t,data:n,fixedColumnsOnLeft:r,fixedColumnsOnRight:o})=>{const a=T(()=>{const{fixed:w,width:C,vScrollbarSize:k}=e,$=C-k;return w?Math.max(Math.round(c(t)),$):$}),l=T(()=>c(a)+(e.fixed?e.vScrollbarSize:0)),s=T(()=>{const{height:w=0,maxHeight:C=0,footerHeight:k,hScrollbarSize:$}=e;if(C>0){const O=c(b),x=c(i),V=c(h)+O+x+$;return Math.min(V,C-k)}return w-k}),i=T(()=>{const{rowHeight:w,estimatedRowHeight:C}=e,k=c(n);return gt(C)?k.length*C:k.length*w}),u=T(()=>{const{maxHeight:w}=e,C=c(s);if(gt(w)&&w>0)return C;const k=c(i)+c(h)+c(b);return Math.min(C,k)}),f=w=>w.width,v=T(()=>Sh(c(r).map(f))),p=T(()=>Sh(c(o).map(f))),h=T(()=>Sh(e.headerHeight)),b=T(()=>{var w;return(((w=e.fixedData)==null?void 0:w.length)||0)*e.rowHeight}),g=T(()=>c(s)-c(h)-c(b)),_=T(()=>{const{style:w={},height:C,width:k}=e;return Is({...w,height:C,width:k})}),y=T(()=>Is({height:e.footerHeight})),S=T(()=>({top:or(c(h)),bottom:or(e.footerHeight),width:or(e.width)}));return{bodyWidth:a,fixedTableHeight:u,mainTableHeight:s,leftTableWidth:v,rightTableWidth:p,headerWidth:l,rowsHeight:i,windowHeight:g,footerHeight:y,emptyStyle:S,rootStyle:_,headerHeight:h}},SPe=e=>{const t=D(),n=D(0),r=D(0);let o;return bt(()=>{o=eo(t,([a])=>{const{width:l,height:s}=a.contentRect,{paddingLeft:i,paddingRight:u,paddingTop:f,paddingBottom:v}=getComputedStyle(a.target),p=Number.parseInt(i)||0,h=Number.parseInt(u)||0,b=Number.parseInt(f)||0,g=Number.parseInt(v)||0;n.value=l-p-h,r.value=s-b-g}).stop}),hn(()=>{o==null||o()}),be([n,r],([a,l])=>{var s;(s=e.onResize)==null||s.call(e,{width:a,height:l})}),{sizer:t,width:n,height:r}};function kPe(e){const t=D(),n=D(),r=D(),{columns:o,columnsStyles:a,columnsTotalWidth:l,fixedColumnsOnLeft:s,fixedColumnsOnRight:i,hasFixedColumns:u,mainColumns:f,onColumnSorted:v}=gPe(e,Nn(e,"columns"),Nn(e,"fixed")),{scrollTo:p,scrollToLeft:h,scrollToTop:b,scrollToRow:g,onScroll:_,onVerticalScroll:y,scrollPos:S}=bPe(e,{mainTableRef:t,leftTableRef:n,rightTableRef:r,onMaybeEndReached:ne}),{expandedRowKeys:w,hoveringRowKey:C,lastRenderedRowIndex:k,isDynamic:$,isResetting:O,rowHeights:x,resetAfterIndex:R,onRowExpanded:V,onRowHeightChange:A,onRowHovered:I,onRowsRendered:B}=yPe(e,{mainTableRef:t,leftTableRef:n,rightTableRef:r}),{data:z,depthMap:Y}=_Pe(e,{expandedRowKeys:w,lastRenderedRowIndex:k,resetAfterIndex:R}),{bodyWidth:K,fixedTableHeight:M,mainTableHeight:j,leftTableWidth:N,rightTableWidth:U,headerWidth:W,rowsHeight:G,windowHeight:ae,footerHeight:me,emptyStyle:Ce,rootStyle:pe,headerHeight:ke}=CPe(e,{columnsTotalWidth:l,data:z,fixedColumnsOnLeft:s,fixedColumnsOnRight:i}),ce=En(!1),ee=D(),ve=T(()=>{const ie=c(z).length===0;return et(e.fixedData)?e.fixedData.length===0&&ie:ie});function Be(ie){const{estimatedRowHeight:ye,rowHeight:Oe,rowKey:je}=e;return ye?c(x)[c(z)[ie][je]]||ye:Oe}function ne(){const{onEndReached:ie}=e;if(!ie)return;const{scrollTop:ye}=c(S),Oe=c(G),je=c(ae),_e=Oe-(ye+je)+e.hScrollbarSize;c(k)>=0&&Oe===ye+c(j)-c(ke)&&ie(_e)}return be(()=>e.expandedRowKeys,ie=>w.value=ie,{deep:!0}),{columns:o,containerRef:ee,mainTableRef:t,leftTableRef:n,rightTableRef:r,isDynamic:$,isResetting:O,isScrolling:ce,hoveringRowKey:C,hasFixedColumns:u,columnsStyles:a,columnsTotalWidth:l,data:z,expandedRowKeys:w,depthMap:Y,fixedColumnsOnLeft:s,fixedColumnsOnRight:i,mainColumns:f,bodyWidth:K,emptyStyle:Ce,rootStyle:pe,headerWidth:W,footerHeight:me,mainTableHeight:j,fixedTableHeight:M,leftTableWidth:N,rightTableWidth:U,showEmpty:ve,getRowHeight:Be,onColumnSorted:v,onRowHovered:I,onRowExpanded:V,onRowsRendered:B,onRowHeightChange:A,scrollTo:p,scrollToLeft:h,scrollToTop:b,scrollToRow:g,onScroll:_,onVerticalScroll:y}}const m2=Symbol("tableV2"),vM=String,Cv={type:ge(Array),required:!0},g2={type:ge(Array)},pM={...g2,required:!0},$Pe=String,q3={type:ge(Array),default:()=>zn([])},Ti={type:Number,required:!0},hM={type:ge([String,Number,Symbol]),default:"id"},G3={type:ge(Object)},Ri=He({class:String,columns:Cv,columnsStyles:{type:ge(Object),required:!0},depth:Number,expandColumnKey:$Pe,estimatedRowHeight:{...zi.estimatedRowHeight,default:void 0},isScrolling:Boolean,onRowExpand:{type:ge(Function)},onRowHover:{type:ge(Function)},onRowHeightChange:{type:ge(Function)},rowData:{type:ge(Object),required:!0},rowEventHandlers:{type:ge(Object)},rowIndex:{type:Number,required:!0},rowKey:hM,style:{type:ge(Object)}}),Lb={type:Number,required:!0},b2=He({class:String,columns:Cv,fixedHeaderData:{type:ge(Array)},headerData:{type:ge(Array),required:!0},headerHeight:{type:ge([Number,Array]),default:50},rowWidth:Lb,rowHeight:{type:Number,default:50},height:Lb,width:Lb}),kh=He({columns:Cv,data:pM,fixedData:g2,estimatedRowHeight:Ri.estimatedRowHeight,width:Ti,height:Ti,headerWidth:Ti,headerHeight:b2.headerHeight,bodyWidth:Ti,rowHeight:Ti,cache:FI.cache,useIsScrolling:Boolean,scrollbarAlwaysOn:zi.scrollbarAlwaysOn,scrollbarStartGap:zi.scrollbarStartGap,scrollbarEndGap:zi.scrollbarEndGap,class:vM,style:G3,containerStyle:G3,getRowHeight:{type:ge(Function),required:!0},rowKey:Ri.rowKey,onRowsRendered:{type:ge(Function)},onScroll:{type:ge(Function)}}),EPe=He({cache:kh.cache,estimatedRowHeight:Ri.estimatedRowHeight,rowKey:hM,headerClass:{type:ge([String,Function])},headerProps:{type:ge([Object,Function])},headerCellProps:{type:ge([Object,Function])},headerHeight:b2.headerHeight,footerHeight:{type:Number,default:0},rowClass:{type:ge([String,Function])},rowProps:{type:ge([Object,Function])},rowHeight:{type:Number,default:50},cellProps:{type:ge([Object,Function])},columns:Cv,data:pM,dataGetter:{type:ge(Function)},fixedData:g2,expandColumnKey:Ri.expandColumnKey,expandedRowKeys:q3,defaultExpandedRowKeys:q3,class:vM,fixed:Boolean,style:{type:ge(Object)},width:Ti,height:Ti,maxHeight:Number,useIsScrolling:Boolean,indentSize:{type:Number,default:12},iconSize:{type:Number,default:12},hScrollbarSize:zi.hScrollbarSize,vScrollbarSize:zi.vScrollbarSize,scrollbarAlwaysOn:BI.alwaysOn,sortBy:{type:ge(Object),default:()=>({})},sortState:{type:ge(Object),default:void 0},onColumnSort:{type:ge(Function)},onExpandedRowsChange:{type:ge(Function)},onEndReached:{type:ge(Function)},onRowExpand:Ri.onRowExpand,onScroll:kh.onScroll,onRowsRendered:kh.onRowsRendered,rowEventHandlers:Ri.rowEventHandlers}),y2=(e,{slots:t})=>{var n;const{cellData:r,style:o}=e,a=((n=r==null?void 0:r.toString)==null?void 0:n.call(r))||"";return Q("div",{class:e.class,title:a,style:o},[t.default?t.default(e):a])};y2.displayName="ElTableV2Cell";y2.inheritAttrs=!1;const _2=(e,{slots:t})=>{var n,r;return t.default?t.default(e):Q("div",{class:e.class,title:(n=e.column)==null?void 0:n.title},[(r=e.column)==null?void 0:r.title])};_2.displayName="ElTableV2HeaderCell";_2.inheritAttrs=!1;const TPe=He({class:String,columns:Cv,columnsStyles:{type:ge(Object),required:!0},headerIndex:Number,style:{type:ge(Object)}}),PPe=Z({name:"ElTableV2HeaderRow",props:TPe,setup(e,{slots:t}){return()=>{const{columns:n,columnsStyles:r,headerIndex:o,style:a}=e;let l=n.map((s,i)=>t.cell({columns:n,column:s,columnIndex:i,headerIndex:o,style:r[s.key]}));return t.header&&(l=t.header({cells:l.map(s=>et(s)&&s.length===1?s[0]:s),columns:n,headerIndex:o})),Q("div",{class:e.class,style:a,role:"row"},[l])}}}),OPe="ElTableV2Header",xPe=Z({name:OPe,props:b2,setup(e,{slots:t,expose:n}){const r=Ie("table-v2"),o=D(),a=T(()=>Is({width:e.width,height:e.height})),l=T(()=>Is({width:e.rowWidth,height:e.height})),s=T(()=>mc(c(e.headerHeight))),i=v=>{const p=c(o);tt(()=>{p!=null&&p.scroll&&p.scroll({left:v})})},u=()=>{const v=r.e("fixed-header-row"),{columns:p,fixedHeaderData:h,rowHeight:b}=e;return h==null?void 0:h.map((g,_)=>{var y;const S=Is({height:b,width:"100%"});return(y=t.fixed)==null?void 0:y.call(t,{class:v,columns:p,rowData:g,rowIndex:-(_+1),style:S})})},f=()=>{const v=r.e("dynamic-header-row"),{columns:p}=e;return c(s).map((h,b)=>{var g;const _=Is({width:"100%",height:h});return(g=t.dynamic)==null?void 0:g.call(t,{class:v,columns:p,headerIndex:b,style:_})})};return n({scrollToLeft:i}),()=>{if(!(e.height<=0))return Q("div",{ref:o,class:e.class,style:c(a),role:"rowgroup"},[Q("div",{style:c(l),class:r.e("header")},[f(),u()])])}}}),APe=e=>{const{isScrolling:t}=Ge(m2),n=D(!1),r=D(),o=T(()=>gt(e.estimatedRowHeight)&&e.rowIndex>=0),a=(i=!1)=>{const u=c(r);if(!u)return;const{columns:f,onRowHeightChange:v,rowKey:p,rowIndex:h,style:b}=e,{height:g}=u.getBoundingClientRect();n.value=!0,tt(()=>{if(i||g!==Number.parseInt(b.height)){const _=f[0],y=(_==null?void 0:_.placeholderSign)===qf;v==null||v({rowKey:p,height:g,rowIndex:h},_&&!y&&_.fixed)}})},l=T(()=>{const{rowData:i,rowIndex:u,rowKey:f,onRowHover:v}=e,p=e.rowEventHandlers||{},h={};return Object.entries(p).forEach(([b,g])=>{ht(g)&&(h[b]=_=>{g({event:_,rowData:i,rowIndex:u,rowKey:f})})}),v&&[{name:"onMouseleave",hovered:!1},{name:"onMouseenter",hovered:!0}].forEach(({name:b,hovered:g})=>{const _=h[b];h[b]=y=>{v({event:y,hovered:g,rowData:i,rowIndex:u,rowKey:f}),_==null||_(y)}}),h}),s=i=>{const{onRowExpand:u,rowData:f,rowIndex:v,rowKey:p}=e;u==null||u({expanded:i,rowData:f,rowIndex:v,rowKey:p})};return bt(()=>{c(o)&&a(!0)}),{isScrolling:t,measurable:o,measured:n,rowRef:r,eventHandlers:l,onExpand:s}},IPe="ElTableV2TableRow",MPe=Z({name:IPe,props:Ri,setup(e,{expose:t,slots:n,attrs:r}){const{eventHandlers:o,isScrolling:a,measurable:l,measured:s,rowRef:i,onExpand:u}=APe(e);return t({onExpand:u}),()=>{const{columns:f,columnsStyles:v,expandColumnKey:p,depth:h,rowData:b,rowIndex:g,style:_}=e;let y=f.map((S,w)=>{const C=et(b.children)&&b.children.length>0&&S.key===p;return n.cell({column:S,columns:f,columnIndex:w,depth:h,style:v[S.key],rowData:b,rowIndex:g,isScrolling:c(a),expandIconProps:C?{rowData:b,rowIndex:g,onExpand:u}:void 0})});if(n.row&&(y=n.row({cells:y.map(S=>et(S)&&S.length===1?S[0]:S),style:_,columns:f,depth:h,rowData:b,rowIndex:g,isScrolling:c(a)})),c(l)){const{height:S,...w}=_||{},C=c(s);return Q("div",Ft({ref:i,class:e.class,style:C?_:w,role:"row"},r,c(o)),[y])}return Q("div",Ft(r,{ref:i,class:e.class,style:_,role:"row"},c(o)),[y])}}}),NPe=e=>{const{sortOrder:t}=e;return Q(at,{size:14,class:e.class},{default:()=>[t===Wf.ASC?Q(Rve,null,null):Q(Mve,null,null)]})},RPe=e=>{const{expanded:t,expandable:n,onExpand:r,style:o,size:a}=e,l={onClick:n?()=>r(!t):void 0,class:e.class};return Q(at,Ft(l,{size:a,style:o}),{default:()=>[Q(io,null,null)]})},FPe="ElTableV2Grid",LPe=e=>{const t=D(),n=D(),r=T(()=>{const{data:g,rowHeight:_,estimatedRowHeight:y}=e;if(!y)return g.length*_}),o=T(()=>{const{fixedData:g,rowHeight:_}=e;return((g==null?void 0:g.length)||0)*_}),a=T(()=>Sh(e.headerHeight)),l=T(()=>{const{height:g}=e;return Math.max(0,g-c(a)-c(o))}),s=T(()=>c(a)+c(o)>0),i=({data:g,rowIndex:_})=>g[_][e.rowKey];function u({rowCacheStart:g,rowCacheEnd:_,rowVisibleStart:y,rowVisibleEnd:S}){var w;(w=e.onRowsRendered)==null||w.call(e,{rowCacheStart:g,rowCacheEnd:_,rowVisibleStart:y,rowVisibleEnd:S})}function f(g,_){var y;(y=n.value)==null||y.resetAfterRowIndex(g,_)}function v(g,_){const y=c(t),S=c(n);!y||!S||(Bt(g)?(y.scrollToLeft(g.scrollLeft),S.scrollTo(g)):(y.scrollToLeft(g),S.scrollTo({scrollLeft:g,scrollTop:_})))}function p(g){var _;(_=c(n))==null||_.scrollTo({scrollTop:g})}function h(g,_){var y;(y=c(n))==null||y.scrollToItem(g,1,_)}function b(){var g,_;(g=c(n))==null||g.$forceUpdate(),(_=c(t))==null||_.$forceUpdate()}return{bodyRef:n,forceUpdate:b,fixedRowHeight:o,gridHeight:l,hasHeader:s,headerHeight:a,headerRef:t,totalHeight:r,itemKey:i,onItemRendered:u,resetAfterRowIndex:f,scrollTo:v,scrollToTop:p,scrollToRow:h}},w2=Z({name:FPe,props:kh,setup(e,{slots:t,expose:n}){const{ns:r}=Ge(m2),{bodyRef:o,fixedRowHeight:a,gridHeight:l,hasHeader:s,headerRef:i,headerHeight:u,totalHeight:f,forceUpdate:v,itemKey:p,onItemRendered:h,resetAfterRowIndex:b,scrollTo:g,scrollToTop:_,scrollToRow:y}=LPe(e);n({forceUpdate:v,totalHeight:f,scrollTo:g,scrollToTop:_,scrollToRow:y,resetAfterRowIndex:b});const S=()=>e.bodyWidth;return()=>{const{cache:w,columns:C,data:k,fixedData:$,useIsScrolling:O,scrollbarAlwaysOn:x,scrollbarEndGap:R,scrollbarStartGap:V,style:A,rowHeight:I,bodyWidth:B,estimatedRowHeight:z,headerWidth:Y,height:K,width:M,getRowHeight:j,onScroll:N}=e,U=gt(z),W=U?_4e:m4e,G=c(u);return Q("div",{role:"table",class:[r.e("table"),e.class],style:A},[Q(W,{ref:o,data:k,useIsScrolling:O,itemKey:p,columnCache:0,columnWidth:U?S:B,totalColumn:1,totalRow:k.length,rowCache:w,rowHeight:U?j:I,width:M,height:c(l),class:r.e("body"),role:"rowgroup",scrollbarStartGap:V,scrollbarEndGap:R,scrollbarAlwaysOn:x,onScroll:N,onItemRendered:h,perfMode:!1},{default:ae=>{var me;const Ce=k[ae.rowIndex];return(me=t.row)==null?void 0:me.call(t,{...ae,columns:C,rowData:Ce})}}),c(s)&&Q(xPe,{ref:i,class:r.e("header-wrapper"),columns:C,headerData:k,headerHeight:e.headerHeight,fixedHeaderData:$,rowWidth:Y,rowHeight:I,width:M,height:Math.min(G+c(a),K)},{dynamic:t.header,fixed:t.row})])}}});function DPe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!An(e)}const BPe=(e,{slots:t})=>{const{mainTableRef:n,...r}=e;return Q(w2,Ft({ref:n},r),DPe(t)?t:{default:()=>[t]})};function VPe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!An(e)}const jPe=(e,{slots:t})=>{if(!e.columns.length)return;const{leftTableRef:n,...r}=e;return Q(w2,Ft({ref:n},r),VPe(t)?t:{default:()=>[t]})};function zPe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!An(e)}const HPe=(e,{slots:t})=>{if(!e.columns.length)return;const{rightTableRef:n,...r}=e;return Q(w2,Ft({ref:n},r),zPe(t)?t:{default:()=>[t]})};function KPe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!An(e)}const WPe=(e,{slots:t})=>{const{columns:n,columnsStyles:r,depthMap:o,expandColumnKey:a,expandedRowKeys:l,estimatedRowHeight:s,hasFixedColumns:i,hoveringRowKey:u,rowData:f,rowIndex:v,style:p,isScrolling:h,rowProps:b,rowClass:g,rowKey:_,rowEventHandlers:y,ns:S,onRowHovered:w,onRowExpanded:C}=e,k=Gi(g,{columns:n,rowData:f,rowIndex:v},""),$=Gi(b,{columns:n,rowData:f,rowIndex:v}),O=f[_],x=o[O]||0,R=Boolean(a),V=v<0,A=[S.e("row"),k,{[S.e(`row-depth-${x}`)]:R&&v>=0,[S.is("expanded")]:R&&l.includes(O),[S.is("hovered")]:!h&&O===u,[S.is("fixed")]:!x&&V,[S.is("customized")]:Boolean(t.row)}],I=i?w:void 0,B={...$,columns:n,columnsStyles:r,class:A,depth:x,expandColumnKey:a,estimatedRowHeight:V?void 0:s,isScrolling:h,rowIndex:v,rowData:f,rowKey:O,rowEventHandlers:y,style:p};return Q(MPe,Ft(B,{onRowHover:I,onRowExpand:C}),KPe(t)?t:{default:()=>[t]})},S1=({columns:e,column:t,columnIndex:n,depth:r,expandIconProps:o,isScrolling:a,rowData:l,rowIndex:s,style:i,expandedRowKeys:u,ns:f,cellProps:v,expandColumnKey:p,indentSize:h,iconSize:b,rowKey:g},{slots:_})=>{const y=Is(i);if(t.placeholderSign===qf)return Q("div",{class:f.em("row-cell","placeholder"),style:y},null);const{cellRenderer:S,dataKey:w,dataGetter:C}=t,$=fM(S)||_.default||(K=>Q(y2,K,null)),O=ht(C)?C({columns:e,column:t,columnIndex:n,rowData:l,rowIndex:s}):jn(l,w!=null?w:""),x=Gi(v,{cellData:O,columns:e,column:t,columnIndex:n,rowIndex:s,rowData:l}),R={class:f.e("cell-text"),columns:e,column:t,columnIndex:n,cellData:O,isScrolling:a,rowData:l,rowIndex:s},V=$(R),A=[f.e("row-cell"),t.class,t.align===Uf.CENTER&&f.is("align-center"),t.align===Uf.RIGHT&&f.is("align-right")],I=s>=0&&p&&t.key===p,B=s>=0&&u.includes(l[g]);let z;const Y=`margin-inline-start: ${r*h}px;`;return I&&(Bt(o)?z=Q(RPe,Ft(o,{class:[f.e("expand-icon"),f.is("expanded",B)],size:b,expanded:B,style:Y,expandable:!0}),null):z=Q("div",{style:[Y,`width: ${b}px; height: ${b}px;`].join(" ")},null)),Q("div",Ft({class:A,style:y},x,{role:"cell"}),[z,V])};S1.inheritAttrs=!1;function UPe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!An(e)}const qPe=({columns:e,columnsStyles:t,headerIndex:n,style:r,headerClass:o,headerProps:a,ns:l},{slots:s})=>{const i={columns:e,headerIndex:n},u=[l.e("header-row"),Gi(o,i,""),{[l.is("customized")]:Boolean(s.header)}],f={...Gi(a,i),columnsStyles:t,class:u,columns:e,headerIndex:n,style:r};return Q(PPe,f,UPe(s)?s:{default:()=>[s]})},Y3=(e,{slots:t})=>{const{column:n,ns:r,style:o,onColumnSorted:a}=e,l=Is(o);if(n.placeholderSign===qf)return Q("div",{class:r.em("header-row-cell","placeholder"),style:l},null);const{headerCellRenderer:s,headerClass:i,sortable:u}=n,f={...e,class:r.e("header-cell-text")},p=(fM(s)||t.default||(C=>Q(_2,C,null)))(f),{sortBy:h,sortState:b,headerCellProps:g}=e;let _,y;if(b){const C=b[n.key];_=Boolean(C1[C]),y=_?C:Wf.ASC}else _=n.key===h.key,y=_?h.order:Wf.ASC;const S=[r.e("header-cell"),Gi(i,e,""),n.align===Uf.CENTER&&r.is("align-center"),n.align===Uf.RIGHT&&r.is("align-right"),u&&r.is("sortable")],w={...Gi(g,e),onClick:n.sortable?a:void 0,class:S,style:l,["data-key"]:n.key};return Q("div",Ft(w,{role:"columnheader"}),[p,u&&Q(NPe,{class:[r.e("sort-icon"),_&&r.is("sorting")],sortOrder:y},null)])},mM=(e,{slots:t})=>{var n;return Q("div",{class:e.class,style:e.style},[(n=t.default)==null?void 0:n.call(t)])};mM.displayName="ElTableV2Footer";const gM=(e,{slots:t})=>Q("div",{class:e.class,style:e.style},[t.default?t.default():Q(r2,null,null)]);gM.displayName="ElTableV2Empty";const bM=(e,{slots:t})=>{var n;return Q("div",{class:e.class,style:e.style},[(n=t.default)==null?void 0:n.call(t)])};bM.displayName="ElTableV2Overlay";function xd(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!An(e)}const GPe="ElTableV2",YPe=Z({name:GPe,props:EPe,setup(e,{slots:t,expose:n}){const r=Ie("table-v2"),{columnsStyles:o,fixedColumnsOnLeft:a,fixedColumnsOnRight:l,mainColumns:s,mainTableHeight:i,fixedTableHeight:u,leftTableWidth:f,rightTableWidth:v,data:p,depthMap:h,expandedRowKeys:b,hasFixedColumns:g,hoveringRowKey:_,mainTableRef:y,leftTableRef:S,rightTableRef:w,isDynamic:C,isResetting:k,isScrolling:$,bodyWidth:O,emptyStyle:x,rootStyle:R,headerWidth:V,footerHeight:A,showEmpty:I,scrollTo:B,scrollToLeft:z,scrollToTop:Y,scrollToRow:K,getRowHeight:M,onColumnSorted:j,onRowHeightChange:N,onRowHovered:U,onRowExpanded:W,onRowsRendered:G,onScroll:ae,onVerticalScroll:me}=kPe(e);return n({scrollTo:B,scrollToLeft:z,scrollToTop:Y,scrollToRow:K}),$t(m2,{ns:r,isResetting:k,hoveringRowKey:_,isScrolling:$}),()=>{const{cache:Ce,cellProps:pe,estimatedRowHeight:ke,expandColumnKey:ce,fixedData:ee,headerHeight:ve,headerClass:Be,headerProps:ne,headerCellProps:ie,sortBy:ye,sortState:Oe,rowHeight:je,rowClass:_e,rowEventHandlers:Ve,rowKey:Te,rowProps:Le,scrollbarAlwaysOn:Ee,indentSize:Ze,iconSize:Ye,useIsScrolling:$e,vScrollbarSize:Xe,width:ft}=e,Et=c(p),dt={cache:Ce,class:r.e("main"),columns:c(s),data:Et,fixedData:ee,estimatedRowHeight:ke,bodyWidth:c(O),headerHeight:ve,headerWidth:c(V),height:c(i),mainTableRef:y,rowKey:Te,rowHeight:je,scrollbarAlwaysOn:Ee,scrollbarStartGap:2,scrollbarEndGap:Xe,useIsScrolling:$e,width:ft,getRowHeight:M,onRowsRendered:G,onScroll:ae},Ne=c(f),Fe=c(u),we={cache:Ce,class:r.e("left"),columns:c(a),data:Et,estimatedRowHeight:ke,leftTableRef:S,rowHeight:je,bodyWidth:Ne,headerWidth:Ne,headerHeight:ve,height:Fe,rowKey:Te,scrollbarAlwaysOn:Ee,scrollbarStartGap:2,scrollbarEndGap:Xe,useIsScrolling:$e,width:Ne,getRowHeight:M,onScroll:me},fe=c(v)+Xe,Re={cache:Ce,class:r.e("right"),columns:c(l),data:Et,estimatedRowHeight:ke,rightTableRef:w,rowHeight:je,bodyWidth:fe,headerWidth:fe,headerHeight:ve,height:Fe,rowKey:Te,scrollbarAlwaysOn:Ee,scrollbarStartGap:2,scrollbarEndGap:Xe,width:fe,style:`--${c(r.namespace)}-table-scrollbar-size: ${Xe}px`,useIsScrolling:$e,getRowHeight:M,onScroll:me},We=c(o),ct={ns:r,depthMap:c(h),columnsStyles:We,expandColumnKey:ce,expandedRowKeys:c(b),estimatedRowHeight:ke,hasFixedColumns:c(g),hoveringRowKey:c(_),rowProps:Le,rowClass:_e,rowKey:Te,rowEventHandlers:Ve,onRowHovered:U,onRowExpanded:W,onRowHeightChange:N},xe={cellProps:pe,expandColumnKey:ce,indentSize:Ze,iconSize:Ye,rowKey:Te,expandedRowKeys:c(b),ns:r},Je={ns:r,headerClass:Be,headerProps:ne,columnsStyles:We},Tt={ns:r,sortBy:ye,sortState:Oe,headerCellProps:ie,onColumnSorted:j},Lt={row:ar=>Q(WPe,Ft(ar,ct),{row:t.row,cell:De=>{let ot;return t.cell?Q(S1,Ft(De,xe,{style:We[De.column.key]}),xd(ot=t.cell(De))?ot:{default:()=>[ot]}):Q(S1,Ft(De,xe,{style:We[De.column.key]}),null)}}),header:ar=>Q(qPe,Ft(ar,Je),{header:t.header,cell:De=>{let ot;return t["header-cell"]?Q(Y3,Ft(De,Tt,{style:We[De.column.key]}),xd(ot=t["header-cell"](De))?ot:{default:()=>[ot]}):Q(Y3,Ft(De,Tt,{style:We[De.column.key]}),null)}})},Kt=[e.class,r.b(),r.e("root"),{[r.is("dynamic")]:c(C)}],sn={class:r.e("footer"),style:c(A)};return Q("div",{class:Kt,style:c(R)},[Q(BPe,dt,xd(Lt)?Lt:{default:()=>[Lt]}),Q(jPe,we,xd(Lt)?Lt:{default:()=>[Lt]}),Q(HPe,Re,xd(Lt)?Lt:{default:()=>[Lt]}),t.footer&&Q(mM,sn,{default:t.footer}),c(I)&&Q(gM,{class:r.e("empty"),style:c(x)},{default:t.empty}),t.overlay&&Q(bM,{class:r.e("overlay")},{default:t.overlay})])}}}),XPe=He({disableWidth:Boolean,disableHeight:Boolean,onResize:{type:ge(Function)}}),ZPe=Z({name:"ElAutoResizer",props:XPe,setup(e,{slots:t}){const n=Ie("auto-resizer"),{height:r,width:o,sizer:a}=SPe(e),l={width:"100%",height:"100%"};return()=>{var s;return Q("div",{ref:a,class:n.b(),style:l},[(s=t.default)==null?void 0:s.call(t,{height:r.value,width:o.value})])}}}),QPe=Rt(YPe),JPe=Rt(ZPe),Ag=Symbol("tabsRootContextKey"),eOe=He({tabs:{type:ge(Array),default:()=>zn([])}}),yM="ElTabBar",tOe=Z({name:yM}),nOe=Z({...tOe,props:eOe,setup(e,{expose:t}){const n=e,r=vt(),o=Ge(Ag);o||wr(yM,"");const a=Ie("tabs"),l=D(),s=D(),i=()=>{let f=0,v=0;const p=["top","bottom"].includes(o.props.tabPosition)?"width":"height",h=p==="width"?"x":"y",b=h==="x"?"left":"top";return n.tabs.every(g=>{var _,y;const S=(y=(_=r.parent)==null?void 0:_.refs)==null?void 0:y[`tab-${g.uid}`];if(!S)return!1;if(!g.active)return!0;f=S[`offset${cl(b)}`],v=S[`client${cl(p)}`];const w=window.getComputedStyle(S);return p==="width"&&(n.tabs.length>1&&(v-=Number.parseFloat(w.paddingLeft)+Number.parseFloat(w.paddingRight)),f+=Number.parseFloat(w.paddingLeft)),!1}),{[p]:`${v}px`,transform:`translate${cl(h)}(${f}px)`}},u=()=>s.value=i();return be(()=>n.tabs,async()=>{await tt(),u()},{immediate:!0}),eo(l,()=>u()),t({ref:l,update:u}),(f,v)=>(P(),H("div",{ref_key:"barRef",ref:l,class:F([c(a).e("active-bar"),c(a).is(c(o).props.tabPosition)]),style:lt(s.value)},null,6))}});var rOe=ze(nOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tabs/src/tab-bar.vue"]]);const oOe=He({panes:{type:ge(Array),default:()=>zn([])},currentName:{type:[String,Number],default:""},editable:Boolean,type:{type:String,values:["card","border-card",""],default:""},stretch:Boolean}),aOe={tabClick:(e,t,n)=>n instanceof Event,tabRemove:(e,t)=>t instanceof Event},X3="ElTabNav",lOe=Z({name:X3,props:oOe,emits:aOe,setup(e,{expose:t,emit:n}){const r=vt(),o=Ge(Ag);o||wr(X3,"");const a=Ie("tabs"),l=hle(),s=$le(),i=D(),u=D(),f=D(),v=D(),p=D(!1),h=D(0),b=D(!1),g=D(!0),_=T(()=>["top","bottom"].includes(o.props.tabPosition)?"width":"height"),y=T(()=>({transform:`translate${_.value==="width"?"X":"Y"}(-${h.value}px)`})),S=()=>{if(!i.value)return;const R=i.value[`offset${cl(_.value)}`],V=h.value;if(!V)return;const A=V>R?V-R:0;h.value=A},w=()=>{if(!i.value||!u.value)return;const R=u.value[`offset${cl(_.value)}`],V=i.value[`offset${cl(_.value)}`],A=h.value;if(R-A<=V)return;const I=R-A>V*2?A+V:R-V;h.value=I},C=async()=>{const R=u.value;if(!p.value||!f.value||!i.value||!R)return;await tt();const V=f.value.querySelector(".is-active");if(!V)return;const A=i.value,I=["top","bottom"].includes(o.props.tabPosition),B=V.getBoundingClientRect(),z=A.getBoundingClientRect(),Y=I?R.offsetWidth-z.width:R.offsetHeight-z.height,K=h.value;let M=K;I?(B.leftz.right&&(M=K+B.right-z.right)):(B.topz.bottom&&(M=K+(B.bottom-z.bottom))),M=Math.max(M,0),h.value=Math.min(M,Y)},k=()=>{var R;if(!u.value||!i.value)return;e.stretch&&((R=v.value)==null||R.update());const V=u.value[`offset${cl(_.value)}`],A=i.value[`offset${cl(_.value)}`],I=h.value;A0&&(h.value=0))},$=R=>{const V=R.code,{up:A,down:I,left:B,right:z}=ut;if(![A,I,B,z].includes(V))return;const Y=Array.from(R.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),K=Y.indexOf(R.target);let M;V===B||V===A?K===0?M=Y.length-1:M=K-1:K{g.value&&(b.value=!0)},x=()=>b.value=!1;return be(l,R=>{R==="hidden"?g.value=!1:R==="visible"&&setTimeout(()=>g.value=!0,50)}),be(s,R=>{R?setTimeout(()=>g.value=!0,50):g.value=!1}),eo(f,k),bt(()=>setTimeout(()=>C(),0)),Sa(()=>k()),t({scrollToActiveTab:C,removeFocus:x}),be(()=>e.panes,()=>r.update(),{flush:"post",deep:!0}),()=>{const R=p.value?[Q("span",{class:[a.e("nav-prev"),a.is("disabled",!p.value.prev)],onClick:S},[Q(at,null,{default:()=>[Q(zs,null,null)]})]),Q("span",{class:[a.e("nav-next"),a.is("disabled",!p.value.next)],onClick:w},[Q(at,null,{default:()=>[Q(io,null,null)]})])]:null,V=e.panes.map((A,I)=>{var B,z,Y,K;const M=A.uid,j=A.props.disabled,N=(z=(B=A.props.name)!=null?B:A.index)!=null?z:`${I}`,U=!j&&(A.isClosable||e.editable);A.index=`${I}`;const W=U?Q(at,{class:"is-icon-close",onClick:me=>n("tabRemove",A,me)},{default:()=>[Q(Ha,null,null)]}):null,G=((K=(Y=A.slots).label)==null?void 0:K.call(Y))||A.props.label,ae=!j&&A.active?0:-1;return Q("div",{ref:`tab-${M}`,class:[a.e("item"),a.is(o.props.tabPosition),a.is("active",A.active),a.is("disabled",j),a.is("closable",U),a.is("focus",b.value)],id:`tab-${N}`,key:`tab-${M}`,"aria-controls":`pane-${N}`,role:"tab","aria-selected":A.active,tabindex:ae,onFocus:()=>O(),onBlur:()=>x(),onClick:me=>{x(),n("tabClick",A,N,me)},onKeydown:me=>{U&&(me.code===ut.delete||me.code===ut.backspace)&&n("tabRemove",A,me)}},[G,W])});return Q("div",{ref:f,class:[a.e("nav-wrap"),a.is("scrollable",!!p.value),a.is(o.props.tabPosition)]},[R,Q("div",{class:a.e("nav-scroll"),ref:i},[Q("div",{class:[a.e("nav"),a.is(o.props.tabPosition),a.is("stretch",e.stretch&&["top","bottom"].includes(o.props.tabPosition))],ref:u,style:y.value,role:"tablist",onKeydown:$},[e.type?null:Q(rOe,{ref:v,tabs:[...e.panes]},null),V])])])}}}),sOe=He({type:{type:String,values:["card","border-card",""],default:""},activeName:{type:[String,Number]},closable:Boolean,addable:Boolean,modelValue:{type:[String,Number]},editable:Boolean,tabPosition:{type:String,values:["top","right","bottom","left"],default:"top"},beforeLeave:{type:ge(Function),default:()=>!0},stretch:Boolean}),Db=e=>_t(e)||gt(e),iOe={[Dt]:e=>Db(e),tabClick:(e,t)=>t instanceof Event,tabChange:e=>Db(e),edit:(e,t)=>["remove","add"].includes(t),tabRemove:e=>Db(e),tabAdd:()=>!0};var uOe=Z({name:"ElTabs",props:sOe,emits:iOe,setup(e,{emit:t,slots:n,expose:r}){var o,a;const l=Ie("tabs"),{children:s,addChild:i,removeChild:u}=Mw(vt(),"ElTabPane"),f=D(),v=D((a=(o=e.modelValue)!=null?o:e.activeName)!=null?a:"0"),p=y=>{v.value=y,t(Dt,y),t("tabChange",y)},h=async y=>{var S,w,C;if(!(v.value===y||Mr(y)))try{await((S=e.beforeLeave)==null?void 0:S.call(e,y,v.value))!==!1&&(p(y),(C=(w=f.value)==null?void 0:w.removeFocus)==null||C.call(w))}catch{}},b=(y,S,w)=>{y.props.disabled||(h(S),t("tabClick",y,w))},g=(y,S)=>{y.props.disabled||Mr(y.props.name)||(S.stopPropagation(),t("edit",y.props.name,"remove"),t("tabRemove",y.props.name))},_=()=>{t("edit",void 0,"add"),t("tabAdd")};return bl({from:'"activeName"',replacement:'"model-value" or "v-model"',scope:"ElTabs",version:"2.3.0",ref:"https://element-plus.org/en-US/component/tabs.html#attributes",type:"Attribute"},T(()=>!!e.activeName)),be(()=>e.activeName,y=>h(y)),be(()=>e.modelValue,y=>h(y)),be(v,async()=>{var y;await tt(),(y=f.value)==null||y.scrollToActiveTab()}),$t(Ag,{props:e,currentName:v,registerPane:i,unregisterPane:u}),r({currentName:v}),()=>{const y=e.editable||e.addable?Q("span",{class:l.e("new-tab"),tabindex:"0",onClick:_,onKeydown:C=>{C.code===ut.enter&&_()}},[Q(at,{class:l.is("icon-plus")},{default:()=>[Q(j6,null,null)]})]):null,S=Q("div",{class:[l.e("header"),l.is(e.tabPosition)]},[y,Q(lOe,{ref:f,currentName:v.value,editable:e.editable,type:e.type,panes:s.value,stretch:e.stretch,onTabClick:b,onTabRemove:g},null)]),w=Q("div",{class:l.e("content")},[de(n,"default")]);return Q("div",{class:[l.b(),l.m(e.tabPosition),{[l.m("card")]:e.type==="card",[l.m("border-card")]:e.type==="border-card"}]},[...e.tabPosition!=="bottom"?[S,w]:[w,S]])}}});const cOe=He({label:{type:String,default:""},name:{type:[String,Number]},closable:Boolean,disabled:Boolean,lazy:Boolean}),dOe=["id","aria-hidden","aria-labelledby"],_M="ElTabPane",fOe=Z({name:_M}),vOe=Z({...fOe,props:cOe,setup(e){const t=e,n=vt(),r=Vr(),o=Ge(Ag);o||wr(_M,"usage: ");const a=Ie("tab-pane"),l=D(),s=T(()=>t.closable||o.props.closable),i=PE(()=>{var h;return o.currentName.value===((h=t.name)!=null?h:l.value)}),u=D(i.value),f=T(()=>{var h;return(h=t.name)!=null?h:l.value}),v=PE(()=>!t.lazy||u.value||i.value);be(i,h=>{h&&(u.value=!0)});const p=nn({uid:n.uid,slots:r,props:t,paneName:f,active:i,index:l,isClosable:s});return bt(()=>{o.registerPane(p)}),Br(()=>{o.unregisterPane(p.uid)}),(h,b)=>c(v)?Ot((P(),H("div",{key:0,id:`pane-${c(f)}`,class:F(c(a).b()),role:"tabpanel","aria-hidden":!c(i),"aria-labelledby":`tab-${c(f)}`},[de(h.$slots,"default")],10,dOe)),[[on,c(i)]]):se("v-if",!0)}});var wM=ze(vOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tabs/src/tab-pane.vue"]]);const CM=Rt(uOe,{TabPane:wM}),SM=Xn(wM),pOe=He({type:{type:String,values:["primary","success","info","warning","danger",""],default:""},size:{type:String,values:Cl,default:""},truncated:{type:Boolean},tag:{type:String,default:"span"}}),hOe=Z({name:"ElText"}),mOe=Z({...hOe,props:pOe,setup(e){const t=e,n=Cr(),r=Ie("text"),o=T(()=>[r.b(),r.m(t.type),r.m(n.value),r.is("truncated",t.truncated)]);return(a,l)=>(P(),ue(jt(a.tag),{class:F(c(o))},{default:re(()=>[de(a.$slots,"default")]),_:3},8,["class"]))}});var gOe=ze(mOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/text/src/text.vue"]]);const bOe=Rt(gOe),yOe=He({format:{type:String,default:"HH:mm"},modelValue:String,disabled:Boolean,editable:{type:Boolean,default:!0},effect:{type:String,default:"light"},clearable:{type:Boolean,default:!0},size:qr,placeholder:String,start:{type:String,default:"09:00"},end:{type:String,default:"18:00"},step:{type:String,default:"00:30"},minTime:String,maxTime:String,name:String,prefixIcon:{type:ge([String,Object]),default:()=>V6},clearIcon:{type:ge([String,Object]),default:()=>Zs}}),zl=e=>{const t=(e||"").split(":");if(t.length>=2){let n=Number.parseInt(t[0],10);const r=Number.parseInt(t[1],10),o=e.toUpperCase();return o.includes("AM")&&n===12?n=0:o.includes("PM")&&n!==12&&(n+=12),{hours:n,minutes:r}}return null},Bb=(e,t)=>{const n=zl(e);if(!n)return-1;const r=zl(t);if(!r)return-1;const o=n.minutes+n.hours*60,a=r.minutes+r.hours*60;return o===a?0:o>a?1:-1},Z3=e=>`${e}`.padStart(2,"0"),Ru=e=>`${Z3(e.hours)}:${Z3(e.minutes)}`,_Oe=(e,t)=>{const n=zl(e);if(!n)return"";const r=zl(t);if(!r)return"";const o={hours:n.hours,minutes:n.minutes};return o.minutes+=r.minutes,o.hours+=r.hours,o.hours+=Math.floor(o.minutes/60),o.minutes=o.minutes%60,Ru(o)},wOe=Z({name:"ElTimeSelect"}),COe=Z({...wOe,props:yOe,emits:["change","blur","focus","update:modelValue"],setup(e,{expose:t}){const n=e;At.extend(Qm);const{Option:r}=Jl,o=Ie("input"),a=D(),l=Mo(),s=T(()=>n.modelValue),i=T(()=>{const _=zl(n.start);return _?Ru(_):null}),u=T(()=>{const _=zl(n.end);return _?Ru(_):null}),f=T(()=>{const _=zl(n.step);return _?Ru(_):null}),v=T(()=>{const _=zl(n.minTime||"");return _?Ru(_):null}),p=T(()=>{const _=zl(n.maxTime||"");return _?Ru(_):null}),h=T(()=>{const _=[];if(n.start&&n.end&&n.step){let y=i.value,S;for(;y&&u.value&&Bb(y,u.value)<=0;)S=At(y,"HH:mm").format(n.format),_.push({value:S,disabled:Bb(y,v.value||"-1:-1")<=0||Bb(y,p.value||"100:100")>=0}),y=_Oe(y,f.value)}return _});return t({blur:()=>{var _,y;(y=(_=a.value)==null?void 0:_.blur)==null||y.call(_)},focus:()=>{var _,y;(y=(_=a.value)==null?void 0:_.focus)==null||y.call(_)}}),(_,y)=>(P(),ue(c(Jl),{ref_key:"select",ref:a,"model-value":c(s),disabled:c(l),clearable:_.clearable,"clear-icon":_.clearIcon,size:_.size,effect:_.effect,placeholder:_.placeholder,"default-first-option":"",filterable:_.editable,"onUpdate:modelValue":y[0]||(y[0]=S=>_.$emit("update:modelValue",S)),onChange:y[1]||(y[1]=S=>_.$emit("change",S)),onBlur:y[2]||(y[2]=S=>_.$emit("blur",S)),onFocus:y[3]||(y[3]=S=>_.$emit("focus",S))},{prefix:re(()=>[_.prefixIcon?(P(),ue(c(at),{key:0,class:F(c(o).e("prefix-icon"))},{default:re(()=>[(P(),ue(jt(_.prefixIcon)))]),_:1},8,["class"])):se("v-if",!0)]),default:re(()=>[(P(!0),H(Ue,null,xt(c(h),S=>(P(),ue(c(r),{key:S.value,label:S.value,value:S.value,disabled:S.disabled},null,8,["label","value","disabled"]))),128))]),_:1},8,["model-value","disabled","clearable","clear-icon","size","effect","placeholder","filterable"]))}});var $h=ze(COe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/time-select/src/time-select.vue"]]);$h.install=e=>{e.component($h.name,$h)};const SOe=$h,kM=SOe,kOe=Z({name:"ElTimeline",setup(e,{slots:t}){const n=Ie("timeline");return $t("timeline",t),()=>st("ul",{class:[n.b()]},[de(t,"default")])}}),$Oe=He({timestamp:{type:String,default:""},hideTimestamp:{type:Boolean,default:!1},center:{type:Boolean,default:!1},placement:{type:String,values:["top","bottom"],default:"bottom"},type:{type:String,values:["primary","success","warning","danger","info"],default:""},color:{type:String,default:""},size:{type:String,values:["normal","large"],default:"normal"},icon:{type:On},hollow:{type:Boolean,default:!1}}),EOe=Z({name:"ElTimelineItem"}),TOe=Z({...EOe,props:$Oe,setup(e){const t=e,n=Ie("timeline-item"),r=T(()=>[n.e("node"),n.em("node",t.size||""),n.em("node",t.type||""),n.is("hollow",t.hollow)]);return(o,a)=>(P(),H("li",{class:F([c(n).b(),{[c(n).e("center")]:o.center}])},[q("div",{class:F(c(n).e("tail"))},null,2),o.$slots.dot?se("v-if",!0):(P(),H("div",{key:0,class:F(c(r)),style:lt({backgroundColor:o.color})},[o.icon?(P(),ue(c(at),{key:0,class:F(c(n).e("icon"))},{default:re(()=>[(P(),ue(jt(o.icon)))]),_:1},8,["class"])):se("v-if",!0)],6)),o.$slots.dot?(P(),H("div",{key:1,class:F(c(n).e("dot"))},[de(o.$slots,"dot")],2)):se("v-if",!0),q("div",{class:F(c(n).e("wrapper"))},[!o.hideTimestamp&&o.placement==="top"?(P(),H("div",{key:0,class:F([c(n).e("timestamp"),c(n).is("top")])},Ae(o.timestamp),3)):se("v-if",!0),q("div",{class:F(c(n).e("content"))},[de(o.$slots,"default")],2),!o.hideTimestamp&&o.placement==="bottom"?(P(),H("div",{key:1,class:F([c(n).e("timestamp"),c(n).is("bottom")])},Ae(o.timestamp),3)):se("v-if",!0)],2)],2))}});var $M=ze(TOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/timeline/src/timeline-item.vue"]]);const POe=Rt(kOe,{TimelineItem:$M}),OOe=Xn($M),EM=He({nowrap:Boolean});var TM=(e=>(e.top="top",e.bottom="bottom",e.left="left",e.right="right",e))(TM||{});const xOe=Object.values(TM),C2=He({width:{type:Number,default:10},height:{type:Number,default:10},style:{type:ge(Object),default:null}}),AOe=He({side:{type:ge(String),values:xOe,required:!0}}),IOe=["absolute","fixed"],MOe=["top-start","top-end","top","bottom-start","bottom-end","bottom","left-start","left-end","left","right-start","right-end","right"],S2=He({ariaLabel:String,arrowPadding:{type:ge(Number),default:5},effect:{type:String,default:""},contentClass:String,placement:{type:ge(String),values:MOe,default:"bottom"},reference:{type:ge(Object),default:null},offset:{type:Number,default:8},strategy:{type:ge(String),values:IOe,default:"absolute"},showArrow:{type:Boolean,default:!1}}),k2=He({delayDuration:{type:Number,default:300},defaultOpen:Boolean,open:{type:Boolean,default:void 0},onOpenChange:{type:ge(Function)},"onUpdate:open":{type:ge(Function)}}),Tu={type:ge(Function)},$2=He({onBlur:Tu,onClick:Tu,onFocus:Tu,onMouseDown:Tu,onMouseEnter:Tu,onMouseLeave:Tu}),NOe=He({...k2,...C2,...$2,...S2,alwaysOn:Boolean,fullTransition:Boolean,transitionProps:{type:ge(Object),default:null},teleported:Boolean,to:{type:ge(String),default:"body"}}),Ig=Symbol("tooltipV2"),PM=Symbol("tooltipV2Content"),Vb="tooltip_v2.open",ROe=Z({name:"ElTooltipV2Root"}),FOe=Z({...ROe,props:k2,setup(e,{expose:t}){const n=e,r=D(n.defaultOpen),o=D(null),a=T({get:()=>Ife(n.open)?r.value:n.open,set:_=>{var y;r.value=_,(y=n["onUpdate:open"])==null||y.call(n,_)}}),l=T(()=>gt(n.delayDuration)&&n.delayDuration>0),{start:s,stop:i}=Ui(()=>{a.value=!0},T(()=>n.delayDuration),{immediate:!1}),u=Ie("tooltip-v2"),f=wa(),v=()=>{i(),a.value=!0},p=()=>{c(l)?s():v()},h=v,b=()=>{i(),a.value=!1};return be(a,_=>{var y;_&&(document.dispatchEvent(new CustomEvent(Vb)),h()),(y=n.onOpenChange)==null||y.call(n,_)}),bt(()=>{document.addEventListener(Vb,b)}),hn(()=>{i(),document.removeEventListener(Vb,b)}),$t(Ig,{contentId:f,triggerRef:o,ns:u,onClose:b,onDelayOpen:p,onOpen:h}),t({onOpen:h,onClose:b}),(_,y)=>de(_.$slots,"default",{open:c(a)})}});var LOe=ze(FOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tooltip-v2/src/root.vue"]]);const DOe=Z({name:"ElTooltipV2Arrow"}),BOe=Z({...DOe,props:{...C2,...AOe},setup(e){const t=e,{ns:n}=Ge(Ig),{arrowRef:r}=Ge(PM),o=T(()=>{const{style:a,width:l,height:s}=t,i=n.namespace.value;return{[`--${i}-tooltip-v2-arrow-width`]:`${l}px`,[`--${i}-tooltip-v2-arrow-height`]:`${s}px`,[`--${i}-tooltip-v2-arrow-border-width`]:`${l/2}px`,[`--${i}-tooltip-v2-arrow-cover-width`]:l/2-1,...a||{}}});return(a,l)=>(P(),H("span",{ref_key:"arrowRef",ref:r,style:lt(c(o)),class:F(c(n).e("arrow"))},null,6))}});var Q3=ze(BOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tooltip-v2/src/arrow.vue"]]);const VOe=He({style:{type:ge([String,Object,Array]),default:()=>({})}}),jOe=Z({name:"ElVisuallyHidden"}),zOe=Z({...jOe,props:VOe,setup(e){const t=e,n=T(()=>[t.style,{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}]);return(r,o)=>(P(),H("span",Ft(r.$attrs,{style:c(n)}),[de(r.$slots,"default")],16))}});var HOe=ze(zOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/visual-hidden/src/visual-hidden.vue"]]);const KOe=["data-side"],WOe=Z({name:"ElTooltipV2Content"}),UOe=Z({...WOe,props:{...S2,...EM},setup(e){const t=e,{triggerRef:n,contentId:r}=Ge(Ig),o=D(t.placement),a=D(t.strategy),l=D(null),{referenceRef:s,contentRef:i,middlewareData:u,x:f,y:v,update:p}=dme({placement:o,strategy:a,middleware:T(()=>{const w=[Uhe(t.offset)];return t.showArrow&&w.push(fme({arrowRef:l})),w})}),h=Zc().nextZIndex(),b=Ie("tooltip-v2"),g=T(()=>o.value.split("-")[0]),_=T(()=>({position:c(a),top:`${c(v)||0}px`,left:`${c(f)||0}px`,zIndex:h})),y=T(()=>{if(!t.showArrow)return{};const{arrow:w}=c(u);return{[`--${b.namespace.value}-tooltip-v2-arrow-x`]:`${w==null?void 0:w.x}px`||"",[`--${b.namespace.value}-tooltip-v2-arrow-y`]:`${w==null?void 0:w.y}px`||""}}),S=T(()=>[b.e("content"),b.is("dark",t.effect==="dark"),b.is(c(a)),t.contentClass]);return be(l,()=>p()),be(()=>t.placement,w=>o.value=w),bt(()=>{be(()=>t.reference||n.value,w=>{s.value=w||void 0},{immediate:!0})}),$t(PM,{arrowRef:l}),(w,C)=>(P(),H("div",{ref_key:"contentRef",ref:i,style:lt(c(_)),"data-tooltip-v2-root":""},[w.nowrap?se("v-if",!0):(P(),H("div",{key:0,"data-side":c(g),class:F(c(S))},[de(w.$slots,"default",{contentStyle:c(_),contentClass:c(S)}),Q(c(HOe),{id:c(r),role:"tooltip"},{default:re(()=>[w.ariaLabel?(P(),H(Ue,{key:0},[Ht(Ae(w.ariaLabel),1)],64)):de(w.$slots,"default",{key:1})]),_:3},8,["id"]),de(w.$slots,"arrow",{style:lt(c(y)),side:c(g)})],10,KOe))],4))}});var J3=ze(UOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tooltip-v2/src/content.vue"]]);const qOe=He({setRef:{type:ge(Function),required:!0},onlyChild:Boolean});var GOe=Z({props:qOe,setup(e,{slots:t}){const n=D(),r=vg(n,o=>{o?e.setRef(o.nextElementSibling):e.setRef(null)});return()=>{var o;const[a]=((o=t.default)==null?void 0:o.call(t))||[],l=e.onlyChild?epe(a.children):a.children;return Q(Ue,{ref:r},[l])}}});const YOe=Z({name:"ElTooltipV2Trigger"}),XOe=Z({...YOe,props:{...EM,...$2},setup(e){const t=e,{onClose:n,onOpen:r,onDelayOpen:o,triggerRef:a,contentId:l}=Ge(Ig);let s=!1;const i=S=>{a.value=S},u=()=>{s=!1},f=Yn(t.onMouseEnter,o),v=Yn(t.onMouseLeave,n),p=Yn(t.onMouseDown,()=>{n(),s=!0,document.addEventListener("mouseup",u,{once:!0})}),h=Yn(t.onFocus,()=>{s||r()}),b=Yn(t.onBlur,n),g=Yn(t.onClick,S=>{S.detail===0&&n()}),_={blur:b,click:g,focus:h,mousedown:p,mouseenter:f,mouseleave:v},y=(S,w,C)=>{S&&Object.entries(w).forEach(([k,$])=>{S[C](k,$)})};return be(a,(S,w)=>{y(S,_,"addEventListener"),y(w,_,"removeEventListener"),S&&S.setAttribute("aria-describedby",l.value)}),hn(()=>{y(a.value,_,"removeEventListener"),document.removeEventListener("mouseup",u)}),(S,w)=>S.nowrap?(P(),ue(c(GOe),{key:0,"set-ref":i,"only-child":""},{default:re(()=>[de(S.$slots,"default")]),_:3})):(P(),H("button",Ft({key:1,ref_key:"triggerRef",ref:a},S.$attrs),[de(S.$slots,"default")],16))}});var ZOe=ze(XOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tooltip-v2/src/trigger.vue"]]);const QOe=Z({name:"ElTooltipV2"}),JOe=Z({...QOe,props:NOe,setup(e){const n=kr(e),r=nn(Hl(n,Object.keys(C2))),o=nn(Hl(n,Object.keys(S2))),a=nn(Hl(n,Object.keys(k2))),l=nn(Hl(n,Object.keys($2)));return(s,i)=>(P(),ue(LOe,Fa(Vm(a)),{default:re(({open:u})=>[Q(ZOe,Ft(l,{nowrap:""}),{default:re(()=>[de(s.$slots,"trigger")]),_:3},16),(P(),ue(Fs,{to:s.to,disabled:!s.teleported},[s.fullTransition?(P(),ue(tr,Fa(Ft({key:0},s.transitionProps)),{default:re(()=>[s.alwaysOn||u?(P(),ue(J3,Fa(Ft({key:0},o)),{arrow:re(({style:f,side:v})=>[s.showArrow?(P(),ue(Q3,Ft({key:0},r,{style:f,side:v}),null,16,["style","side"])):se("v-if",!0)]),default:re(()=>[de(s.$slots,"default")]),_:3},16)):se("v-if",!0)]),_:2},1040)):(P(),H(Ue,{key:1},[s.alwaysOn||u?(P(),ue(J3,Fa(Ft({key:0},o)),{arrow:re(({style:f,side:v})=>[s.showArrow?(P(),ue(Q3,Ft({key:0},r,{style:f,side:v}),null,16,["style","side"])):se("v-if",!0)]),default:re(()=>[de(s.$slots,"default")]),_:3},16)):se("v-if",!0)],64))],8,["to","disabled"]))]),_:3},16))}});var exe=ze(JOe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tooltip-v2/src/tooltip.vue"]]);const txe=Rt(exe),OM="left-check-change",xM="right-check-change",Fu=He({data:{type:ge(Array),default:()=>[]},titles:{type:ge(Array),default:()=>[]},buttonTexts:{type:ge(Array),default:()=>[]},filterPlaceholder:String,filterMethod:{type:ge(Function)},leftDefaultChecked:{type:ge(Array),default:()=>[]},rightDefaultChecked:{type:ge(Array),default:()=>[]},renderContent:{type:ge(Function)},modelValue:{type:ge(Array),default:()=>[]},format:{type:ge(Object),default:()=>({})},filterable:Boolean,props:{type:ge(Object),default:()=>zn({label:"label",key:"key",disabled:"disabled"})},targetOrder:{type:String,values:["original","push","unshift"],default:"original"},validateEvent:{type:Boolean,default:!0}}),k1=(e,t)=>[e,t].every(et)||et(e)&&br(t),nxe={[Rn]:(e,t,n)=>[e,n].every(et)&&["left","right"].includes(t),[Dt]:e=>et(e),[OM]:k1,[xM]:k1},$1="checked-change",rxe=He({data:Fu.data,optionRender:{type:ge(Function)},placeholder:String,title:String,filterable:Boolean,format:Fu.format,filterMethod:Fu.filterMethod,defaultChecked:Fu.leftDefaultChecked,props:Fu.props}),oxe={[$1]:k1},Sv=e=>{const t={label:"label",key:"key",disabled:"disabled"};return T(()=>({...t,...e.props}))},axe=(e,t,n)=>{const r=Sv(e),o=T(()=>e.data.filter(f=>ht(e.filterMethod)?e.filterMethod(t.query,f):String(f[r.value.label]||f[r.value.key]).toLowerCase().includes(t.query.toLowerCase()))),a=T(()=>o.value.filter(f=>!f[r.value.disabled])),l=T(()=>{const f=t.checked.length,v=e.data.length,{noChecked:p,hasChecked:h}=e.format;return p&&h?f>0?h.replace(/\${checked}/g,f.toString()).replace(/\${total}/g,v.toString()):p.replace(/\${total}/g,v.toString()):`${f}/${v}`}),s=T(()=>{const f=t.checked.length;return f>0&&f{const f=a.value.map(v=>v[r.value.key]);t.allChecked=f.length>0&&f.every(v=>t.checked.includes(v))},u=f=>{t.checked=f?a.value.map(v=>v[r.value.key]):[]};return be(()=>t.checked,(f,v)=>{if(i(),t.checkChangeByUser){const p=f.concat(v).filter(h=>!f.includes(h)||!v.includes(h));n($1,f,p)}else n($1,f),t.checkChangeByUser=!0}),be(a,()=>{i()}),be(()=>e.data,()=>{const f=[],v=o.value.map(p=>p[r.value.key]);t.checked.forEach(p=>{v.includes(p)&&f.push(p)}),t.checkChangeByUser=!1,t.checked=f}),be(()=>e.defaultChecked,(f,v)=>{if(v&&f.length===v.length&&f.every(b=>v.includes(b)))return;const p=[],h=a.value.map(b=>b[r.value.key]);f.forEach(b=>{h.includes(b)&&p.push(b)}),t.checkChangeByUser=!1,t.checked=p},{immediate:!0}),{filteredData:o,checkableData:a,checkedSummary:l,isIndeterminate:s,updateAllChecked:i,handleAllCheckedChange:u}},lxe=(e,t)=>({onSourceCheckedChange:(o,a)=>{e.leftChecked=o,a&&t(OM,o,a)},onTargetCheckedChange:(o,a)=>{e.rightChecked=o,a&&t(xM,o,a)}}),sxe=e=>{const t=Sv(e),n=T(()=>e.data.reduce((a,l)=>(a[l[t.value.key]]=l)&&a,{})),r=T(()=>e.data.filter(a=>!e.modelValue.includes(a[t.value.key]))),o=T(()=>e.targetOrder==="original"?e.data.filter(a=>e.modelValue.includes(a[t.value.key])):e.modelValue.reduce((a,l)=>{const s=n.value[l];return s&&a.push(s),a},[]));return{sourceData:r,targetData:o}},ixe=(e,t,n)=>{const r=Sv(e),o=(s,i,u)=>{n(Dt,s),n(Rn,s,i,u)};return{addToLeft:()=>{const s=e.modelValue.slice();t.rightChecked.forEach(i=>{const u=s.indexOf(i);u>-1&&s.splice(u,1)}),o(s,"left",t.rightChecked)},addToRight:()=>{let s=e.modelValue.slice();const i=e.data.filter(u=>{const f=u[r.value.key];return t.leftChecked.includes(f)&&!e.modelValue.includes(f)}).map(u=>u[r.value.key]);s=e.targetOrder==="unshift"?i.concat(s):s.concat(i),e.targetOrder==="original"&&(s=e.data.filter(u=>s.includes(u[r.value.key])).map(u=>u[r.value.key])),o(s,"right",t.leftChecked)}}},uxe=Z({name:"ElTransferPanel"}),cxe=Z({...uxe,props:rxe,emits:oxe,setup(e,{expose:t,emit:n}){const r=e,o=Vr(),a=({option:w})=>w,{t:l}=rn(),s=Ie("transfer"),i=nn({checked:[],allChecked:!1,query:"",checkChangeByUser:!0}),u=Sv(r),{filteredData:f,checkedSummary:v,isIndeterminate:p,handleAllCheckedChange:h}=axe(r,i,n),b=T(()=>!ca(i.query)&&ca(f.value)),g=T(()=>!ca(o.default()[0].children)),{checked:_,allChecked:y,query:S}=kr(i);return t({query:S}),(w,C)=>(P(),H("div",{class:F(c(s).b("panel"))},[q("p",{class:F(c(s).be("panel","header"))},[Q(c(to),{modelValue:c(y),"onUpdate:modelValue":C[0]||(C[0]=k=>kn(y)?y.value=k:null),indeterminate:c(p),"validate-event":!1,onChange:c(h)},{default:re(()=>[Ht(Ae(w.title)+" ",1),q("span",null,Ae(c(v)),1)]),_:1},8,["modelValue","indeterminate","onChange"])],2),q("div",{class:F([c(s).be("panel","body"),c(s).is("with-footer",c(g))])},[w.filterable?(P(),ue(c(vr),{key:0,modelValue:c(S),"onUpdate:modelValue":C[1]||(C[1]=k=>kn(S)?S.value=k:null),class:F(c(s).be("panel","filter")),size:"default",placeholder:w.placeholder,"prefix-icon":c(Ave),clearable:"","validate-event":!1},null,8,["modelValue","class","placeholder","prefix-icon"])):se("v-if",!0),Ot(Q(c(zw),{modelValue:c(_),"onUpdate:modelValue":C[2]||(C[2]=k=>kn(_)?_.value=k:null),"validate-event":!1,class:F([c(s).is("filterable",w.filterable),c(s).be("panel","list")])},{default:re(()=>[(P(!0),H(Ue,null,xt(c(f),k=>(P(),ue(c(to),{key:k[c(u).key],class:F(c(s).be("panel","item")),label:k[c(u).key],disabled:k[c(u).disabled],"validate-event":!1},{default:re(()=>{var $;return[Q(a,{option:($=w.optionRender)==null?void 0:$.call(w,k)},null,8,["option"])]}),_:2},1032,["class","label","disabled"]))),128))]),_:1},8,["modelValue","class"]),[[on,!c(b)&&!c(ca)(w.data)]]),Ot(q("p",{class:F(c(s).be("panel","empty"))},Ae(c(b)?c(l)("el.transfer.noMatch"):c(l)("el.transfer.noData")),3),[[on,c(b)||c(ca)(w.data)]])],2),c(g)?(P(),H("p",{key:0,class:F(c(s).be("panel","footer"))},[de(w.$slots,"default")],2)):se("v-if",!0)],2))}});var eT=ze(cxe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/transfer/src/transfer-panel.vue"]]);const dxe={key:0},fxe={key:0},vxe=Z({name:"ElTransfer"}),pxe=Z({...vxe,props:Fu,emits:nxe,setup(e,{expose:t,emit:n}){const r=e,o=Vr(),{t:a}=rn(),l=Ie("transfer"),{formItem:s}=po(),i=nn({leftChecked:[],rightChecked:[]}),u=Sv(r),{sourceData:f,targetData:v}=sxe(r),{onSourceCheckedChange:p,onTargetCheckedChange:h}=lxe(i,n),{addToLeft:b,addToRight:g}=ixe(r,i,n),_=D(),y=D(),S=x=>{switch(x){case"left":_.value.query="";break;case"right":y.value.query="";break}},w=T(()=>r.buttonTexts.length===2),C=T(()=>r.titles[0]||a("el.transfer.titles.0")),k=T(()=>r.titles[1]||a("el.transfer.titles.1")),$=T(()=>r.filterPlaceholder||a("el.transfer.filterPlaceholder"));be(()=>r.modelValue,()=>{var x;r.validateEvent&&((x=s==null?void 0:s.validate)==null||x.call(s,"change").catch(R=>void 0))});const O=T(()=>x=>r.renderContent?r.renderContent(st,x):o.default?o.default({option:x}):st("span",x[u.value.label]||x[u.value.key]));return t({clearQuery:S,leftPanel:_,rightPanel:y}),(x,R)=>(P(),H("div",{class:F(c(l).b())},[Q(eT,{ref_key:"leftPanel",ref:_,data:c(f),"option-render":c(O),placeholder:c($),title:c(C),filterable:x.filterable,format:x.format,"filter-method":x.filterMethod,"default-checked":x.leftDefaultChecked,props:r.props,onCheckedChange:c(p)},{default:re(()=>[de(x.$slots,"left-footer")]),_:3},8,["data","option-render","placeholder","title","filterable","format","filter-method","default-checked","props","onCheckedChange"]),q("div",{class:F(c(l).e("buttons"))},[Q(c(Fr),{type:"primary",class:F([c(l).e("button"),c(l).is("with-texts",c(w))]),disabled:c(ca)(i.rightChecked),onClick:c(b)},{default:re(()=>[Q(c(at),null,{default:re(()=>[Q(c(zs))]),_:1}),c(Mr)(x.buttonTexts[0])?se("v-if",!0):(P(),H("span",dxe,Ae(x.buttonTexts[0]),1))]),_:1},8,["class","disabled","onClick"]),Q(c(Fr),{type:"primary",class:F([c(l).e("button"),c(l).is("with-texts",c(w))]),disabled:c(ca)(i.leftChecked),onClick:c(g)},{default:re(()=>[c(Mr)(x.buttonTexts[1])?se("v-if",!0):(P(),H("span",fxe,Ae(x.buttonTexts[1]),1)),Q(c(at),null,{default:re(()=>[Q(c(io))]),_:1})]),_:1},8,["class","disabled","onClick"])],2),Q(eT,{ref_key:"rightPanel",ref:y,data:c(v),"option-render":c(O),placeholder:c($),filterable:x.filterable,format:x.format,"filter-method":x.filterMethod,title:c(k),"default-checked":x.rightDefaultChecked,props:r.props,onCheckedChange:c(h)},{default:re(()=>[de(x.$slots,"right-footer")]),_:3},8,["data","option-render","placeholder","filterable","format","filter-method","title","default-checked","props","onCheckedChange"])],2))}});var hxe=ze(pxe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/transfer/src/transfer.vue"]]);const mxe=Rt(hxe),nc="$treeNodeId",tT=function(e,t){!t||t[nc]||Object.defineProperty(t,nc,{value:e.id,enumerable:!1,configurable:!1,writable:!1})},E2=function(e,t){return e?t[e]:t[nc]},E1=(e,t,n)=>{const r=e.value.currentNode;n();const o=e.value.currentNode;r!==o&&t("current-change",o?o.data:null,o)},T1=e=>{let t=!0,n=!0,r=!0;for(let o=0,a=e.length;o"u"){const a=r[t];return a===void 0?"":a}};let gxe=0;class Hi{constructor(t){this.id=gxe++,this.text=null,this.checked=!1,this.indeterminate=!1,this.data=null,this.expanded=!1,this.parent=null,this.visible=!0,this.isCurrent=!1,this.canFocus=!1;for(const n in t)Xt(t,n)&&(this[n]=t[n]);this.level=0,this.loaded=!1,this.childNodes=[],this.loading=!1,this.parent&&(this.level=this.parent.level+1)}initialize(){const t=this.store;if(!t)throw new Error("[Node]store is required!");t.registerNode(this);const n=t.props;if(n&&typeof n.isLeaf<"u"){const a=Wp(this,"isLeaf");typeof a=="boolean"&&(this.isLeafByUser=a)}if(t.lazy!==!0&&this.data?(this.setData(this.data),t.defaultExpandAll&&(this.expanded=!0,this.canFocus=!0)):this.level>0&&t.lazy&&t.defaultExpandAll&&this.expand(),Array.isArray(this.data)||tT(this,this.data),!this.data)return;const r=t.defaultExpandedKeys,o=t.key;o&&r&&r.includes(this.key)&&this.expand(null,t.autoExpandParent),o&&t.currentNodeKey!==void 0&&this.key===t.currentNodeKey&&(t.currentNode=this,t.currentNode.isCurrent=!0),t.lazy&&t._initDefaultCheckedNode(this),this.updateLeafState(),this.parent&&(this.level===1||this.parent.expanded===!0)&&(this.canFocus=!0)}setData(t){Array.isArray(t)||tT(this,t),this.data=t,this.childNodes=[];let n;this.level===0&&Array.isArray(this.data)?n=this.data:n=Wp(this,"children")||[];for(let r=0,o=n.length;r-1)return t.childNodes[n+1]}return null}get previousSibling(){const t=this.parent;if(t){const n=t.childNodes.indexOf(this);if(n>-1)return n>0?t.childNodes[n-1]:null}return null}contains(t,n=!0){return(this.childNodes||[]).some(r=>r===t||n&&r.contains(t))}remove(){const t=this.parent;t&&t.removeChild(this)}insertChild(t,n,r){if(!t)throw new Error("InsertChild error: child is required.");if(!(t instanceof Hi)){if(!r){const o=this.getChildren(!0);o.includes(t.data)||(typeof n>"u"||n<0?o.push(t.data):o.splice(n,0,t.data))}Object.assign(t,{parent:this,store:this.store}),t=nn(new Hi(t)),t instanceof Hi&&t.initialize()}t.level=this.level+1,typeof n>"u"||n<0?this.childNodes.push(t):this.childNodes.splice(n,0,t),this.updateLeafState()}insertBefore(t,n){let r;n&&(r=this.childNodes.indexOf(n)),this.insertChild(t,r)}insertAfter(t,n){let r;n&&(r=this.childNodes.indexOf(n),r!==-1&&(r+=1)),this.insertChild(t,r)}removeChild(t){const n=this.getChildren()||[],r=n.indexOf(t.data);r>-1&&n.splice(r,1);const o=this.childNodes.indexOf(t);o>-1&&(this.store&&this.store.deregisterNode(t),t.parent=null,this.childNodes.splice(o,1)),this.updateLeafState()}removeChildByData(t){let n=null;for(let r=0;r{if(n){let o=this.parent;for(;o.level>0;)o.expanded=!0,o=o.parent}this.expanded=!0,t&&t(),this.childNodes.forEach(o=>{o.canFocus=!0})};this.shouldLoadData()?this.loadData(o=>{Array.isArray(o)&&(this.checked?this.setChecked(!0,!0):this.store.checkStrictly||Eh(this),r())}):r()}doCreateChildren(t,n={}){t.forEach(r=>{this.insertChild(Object.assign({data:r},n),void 0,!0)})}collapse(){this.expanded=!1,this.childNodes.forEach(t=>{t.canFocus=!1})}shouldLoadData(){return this.store.lazy===!0&&this.store.load&&!this.loaded}updateLeafState(){if(this.store.lazy===!0&&this.loaded!==!0&&typeof this.isLeafByUser<"u"){this.isLeaf=this.isLeafByUser;return}const t=this.childNodes;if(!this.store.lazy||this.store.lazy===!0&&this.loaded===!0){this.isLeaf=!t||t.length===0;return}this.isLeaf=!1}setChecked(t,n,r,o){if(this.indeterminate=t==="half",this.checked=t===!0,this.store.checkStrictly)return;if(!(this.shouldLoadData()&&!this.store.checkDescendants)){const{all:l,allWithoutDisable:s}=T1(this.childNodes);!this.isLeaf&&!l&&s&&(this.checked=!1,t=!1);const i=()=>{if(n){const u=this.childNodes;for(let p=0,h=u.length;p{i(),Eh(this)},{checked:t!==!1});return}else i()}const a=this.parent;!a||a.level===0||r||Eh(a)}getChildren(t=!1){if(this.level===0)return this.data;const n=this.data;if(!n)return null;const r=this.store.props;let o="children";return r&&(o=r.children||"children"),n[o]===void 0&&(n[o]=null),t&&!n[o]&&(n[o]=[]),n[o]}updateChildren(){const t=this.getChildren()||[],n=this.childNodes.map(a=>a.data),r={},o=[];t.forEach((a,l)=>{const s=a[nc];!!s&&n.findIndex(u=>u[nc]===s)>=0?r[s]={index:l,data:a}:o.push({index:l,data:a})}),this.store.lazy||n.forEach(a=>{r[a[nc]]||this.removeChildByData(a)}),o.forEach(({index:a,data:l})=>{this.insertChild({data:l},a)}),this.updateLeafState()}loadData(t,n={}){if(this.store.lazy===!0&&this.store.load&&!this.loaded&&(!this.loading||Object.keys(n).length)){this.loading=!0;const r=o=>{this.childNodes=[],this.doCreateChildren(o,n),this.loaded=!0,this.loading=!1,this.updateLeafState(),t&&t.call(this,o)};this.store.load(this,r)}else t&&t.call(this)}}class bxe{constructor(t){this.currentNode=null,this.currentNodeKey=null;for(const n in t)Xt(t,n)&&(this[n]=t[n]);this.nodesMap={}}initialize(){if(this.root=new Hi({data:this.data,store:this}),this.root.initialize(),this.lazy&&this.load){const t=this.load;t(this.root,n=>{this.root.doCreateChildren(n),this._initDefaultCheckedNodes()})}else this._initDefaultCheckedNodes()}filter(t){const n=this.filterNodeMethod,r=this.lazy,o=function(a){const l=a.root?a.root.childNodes:a.childNodes;if(l.forEach(s=>{s.visible=n.call(s,t,s.data,s),o(s)}),!a.visible&&l.length){let s=!0;s=!l.some(i=>i.visible),a.root?a.root.visible=s===!1:a.visible=s===!1}!t||a.visible&&!a.isLeaf&&!r&&a.expand()};o(this)}setData(t){t!==this.root.data?(this.root.setData(t),this._initDefaultCheckedNodes()):this.root.updateChildren()}getNode(t){if(t instanceof Hi)return t;const n=Bt(t)?E2(this.key,t):t;return this.nodesMap[n]||null}insertBefore(t,n){const r=this.getNode(n);r.parent.insertBefore({data:t},r)}insertAfter(t,n){const r=this.getNode(n);r.parent.insertAfter({data:t},r)}remove(t){const n=this.getNode(t);n&&n.parent&&(n===this.currentNode&&(this.currentNode=null),n.parent.removeChild(n))}append(t,n){const r=n?this.getNode(n):this.root;r&&r.insertChild({data:t})}_initDefaultCheckedNodes(){const t=this.defaultCheckedKeys||[],n=this.nodesMap;t.forEach(r=>{const o=n[r];o&&o.setChecked(!0,!this.checkStrictly)})}_initDefaultCheckedNode(t){(this.defaultCheckedKeys||[]).includes(t.key)&&t.setChecked(!0,!this.checkStrictly)}setDefaultCheckedKey(t){t!==this.defaultCheckedKeys&&(this.defaultCheckedKeys=t,this._initDefaultCheckedNodes())}registerNode(t){const n=this.key;!t||!t.data||(n?t.key!==void 0&&(this.nodesMap[t.key]=t):this.nodesMap[t.id]=t)}deregisterNode(t){!this.key||!t||!t.data||(t.childNodes.forEach(r=>{this.deregisterNode(r)}),delete this.nodesMap[t.key])}getCheckedNodes(t=!1,n=!1){const r=[],o=function(a){(a.root?a.root.childNodes:a.childNodes).forEach(s=>{(s.checked||n&&s.indeterminate)&&(!t||t&&s.isLeaf)&&r.push(s.data),o(s)})};return o(this),r}getCheckedKeys(t=!1){return this.getCheckedNodes(t).map(n=>(n||{})[this.key])}getHalfCheckedNodes(){const t=[],n=function(r){(r.root?r.root.childNodes:r.childNodes).forEach(a=>{a.indeterminate&&t.push(a.data),n(a)})};return n(this),t}getHalfCheckedKeys(){return this.getHalfCheckedNodes().map(t=>(t||{})[this.key])}_getAllNodes(){const t=[],n=this.nodesMap;for(const r in n)Xt(n,r)&&t.push(n[r]);return t}updateChildren(t,n){const r=this.nodesMap[t];if(!r)return;const o=r.childNodes;for(let a=o.length-1;a>=0;a--){const l=o[a];this.remove(l.data)}for(let a=0,l=n.length;ai.level-s.level),a=Object.create(null),l=Object.keys(r);o.forEach(s=>s.setChecked(!1,!1));for(let s=0,i=o.length;s0;)a[p.data[t]]=!0,p=p.parent;if(u.isLeaf||this.checkStrictly){u.setChecked(!0,!1);continue}if(u.setChecked(!0,!0),n){u.setChecked(!1,!1);const h=function(b){b.childNodes.forEach(_=>{_.isLeaf||_.setChecked(!1,!1),h(_)})};h(u)}}}setCheckedNodes(t,n=!1){const r=this.key,o={};t.forEach(a=>{o[(a||{})[r]]=!0}),this._setCheckedKeys(r,n,o)}setCheckedKeys(t,n=!1){this.defaultCheckedKeys=t;const r=this.key,o={};t.forEach(a=>{o[a]=!0}),this._setCheckedKeys(r,n,o)}setDefaultExpandedKeys(t){t=t||[],this.defaultExpandedKeys=t,t.forEach(n=>{const r=this.getNode(n);r&&r.expand(null,this.autoExpandParent)})}setChecked(t,n,r){const o=this.getNode(t);o&&o.setChecked(!!n,r)}getCurrentNode(){return this.currentNode}setCurrentNode(t){const n=this.currentNode;n&&(n.isCurrent=!1),this.currentNode=t,this.currentNode.isCurrent=!0}setUserCurrentNode(t,n=!0){const r=t[this.key],o=this.nodesMap[r];this.setCurrentNode(o),n&&this.currentNode.level>1&&this.currentNode.parent.expand(null,!0)}setCurrentNodeKey(t,n=!0){if(t==null){this.currentNode&&(this.currentNode.isCurrent=!1),this.currentNode=null;return}const r=this.getNode(t);r&&(this.setCurrentNode(r),n&&this.currentNode.level>1&&this.currentNode.parent.expand(null,!0))}}const yxe=Z({name:"ElTreeNodeContent",props:{node:{type:Object,required:!0},renderContent:Function},setup(e){const t=Ie("tree"),n=Ge("NodeInstance"),r=Ge("RootTree");return()=>{const o=e.node,{data:a,store:l}=o;return e.renderContent?e.renderContent(st,{_self:n,node:o,data:a,store:l}):r.ctx.slots.default?r.ctx.slots.default({node:o,data:a}):st("span",{class:t.be("node","label")},[o.label])}}});var _xe=ze(yxe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree-node-content.vue"]]);function AM(e){const t=Ge("TreeNodeMap",null),n={treeNodeExpand:r=>{e.node!==r&&e.node.collapse()},children:[]};return t&&t.children.push(n),$t("TreeNodeMap",n),{broadcastExpanded:r=>{if(!!e.accordion)for(const o of n.children)o.treeNodeExpand(r)}}}const IM=Symbol("dragEvents");function wxe({props:e,ctx:t,el$:n,dropIndicator$:r,store:o}){const a=Ie("tree"),l=D({showDropIndicator:!1,draggingNode:null,dropNode:null,allowDrop:!0,dropType:null});return $t(IM,{treeNodeDragStart:({event:f,treeNode:v})=>{if(typeof e.allowDrag=="function"&&!e.allowDrag(v.node))return f.preventDefault(),!1;f.dataTransfer.effectAllowed="move";try{f.dataTransfer.setData("text/plain","")}catch{}l.value.draggingNode=v,t.emit("node-drag-start",v.node,f)},treeNodeDragOver:({event:f,treeNode:v})=>{const p=v,h=l.value.dropNode;h&&h.node.id!==p.node.id&&Po(h.$el,a.is("drop-inner"));const b=l.value.draggingNode;if(!b||!p)return;let g=!0,_=!0,y=!0,S=!0;typeof e.allowDrop=="function"&&(g=e.allowDrop(b.node,p.node,"prev"),S=_=e.allowDrop(b.node,p.node,"inner"),y=e.allowDrop(b.node,p.node,"next")),f.dataTransfer.dropEffect=_||g||y?"move":"none",(g||_||y)&&(h==null?void 0:h.node.id)!==p.node.id&&(h&&t.emit("node-drag-leave",b.node,h.node,f),t.emit("node-drag-enter",b.node,p.node,f)),(g||_||y)&&(l.value.dropNode=p),p.node.nextSibling===b.node&&(y=!1),p.node.previousSibling===b.node&&(g=!1),p.node.contains(b.node,!1)&&(_=!1),(b.node===p.node||b.node.contains(p.node))&&(g=!1,_=!1,y=!1);const w=p.$el.getBoundingClientRect(),C=n.value.getBoundingClientRect();let k;const $=g?_?.25:y?.45:1:-1,O=y?_?.75:g?.55:0:1;let x=-9999;const R=f.clientY-w.top;Rw.height*O?k="after":_?k="inner":k="none";const V=p.$el.querySelector(`.${a.be("node","expand-icon")}`).getBoundingClientRect(),A=r.value;k==="before"?x=V.top-C.top:k==="after"&&(x=V.bottom-C.top),A.style.top=`${x}px`,A.style.left=`${V.right-C.left}px`,k==="inner"?fl(p.$el,a.is("drop-inner")):Po(p.$el,a.is("drop-inner")),l.value.showDropIndicator=k==="before"||k==="after",l.value.allowDrop=l.value.showDropIndicator||S,l.value.dropType=k,t.emit("node-drag-over",b.node,p.node,f)},treeNodeDragEnd:f=>{const{draggingNode:v,dropType:p,dropNode:h}=l.value;if(f.preventDefault(),f.dataTransfer.dropEffect="move",v&&h){const b={data:v.node.data};p!=="none"&&v.node.remove(),p==="before"?h.node.parent.insertBefore(b,h.node):p==="after"?h.node.parent.insertAfter(b,h.node):p==="inner"&&h.node.insertChild(b),p!=="none"&&o.value.registerNode(b),Po(h.$el,a.is("drop-inner")),t.emit("node-drag-end",v.node,h.node,p,f),p!=="none"&&t.emit("node-drop",v.node,h.node,p,f)}v&&!h&&t.emit("node-drag-end",v.node,null,p,f),l.value.showDropIndicator=!1,l.value.draggingNode=null,l.value.dropNode=null,l.value.allowDrop=!0}}),{dragState:l}}const Cxe=Z({name:"ElTreeNode",components:{ElCollapseTransition:Tg,ElCheckbox:to,NodeContent:_xe,ElIcon:at,Loading:Qs},props:{node:{type:Hi,default:()=>({})},props:{type:Object,default:()=>({})},accordion:Boolean,renderContent:Function,renderAfterExpand:Boolean,showCheckbox:{type:Boolean,default:!1}},emits:["node-expand"],setup(e,t){const n=Ie("tree"),{broadcastExpanded:r}=AM(e),o=Ge("RootTree"),a=D(!1),l=D(!1),s=D(null),i=D(null),u=D(null),f=Ge(IM),v=vt();$t("NodeInstance",v),e.node.expanded&&(a.value=!0,l.value=!0);const p=o.props.children||"children";be(()=>{const R=e.node.data[p];return R&&[...R]},()=>{e.node.updateChildren()}),be(()=>e.node.indeterminate,R=>{g(e.node.checked,R)}),be(()=>e.node.checked,R=>{g(R,e.node.indeterminate)}),be(()=>e.node.expanded,R=>{tt(()=>a.value=R),R&&(l.value=!0)});const h=R=>E2(o.props.nodeKey,R.data),b=R=>{const V=e.props.class;if(!V)return{};let A;if(ht(V)){const{data:I}=R;A=V(I,R)}else A=V;return _t(A)?{[A]:!0}:A},g=(R,V)=>{(s.value!==R||i.value!==V)&&o.ctx.emit("check-change",e.node.data,R,V),s.value=R,i.value=V},_=R=>{E1(o.store,o.ctx.emit,()=>o.store.value.setCurrentNode(e.node)),o.currentNode.value=e.node,o.props.expandOnClickNode&&S(),o.props.checkOnClickNode&&!e.node.disabled&&w(null,{target:{checked:!e.node.checked}}),o.ctx.emit("node-click",e.node.data,e.node,v,R)},y=R=>{o.instance.vnode.props.onNodeContextmenu&&(R.stopPropagation(),R.preventDefault()),o.ctx.emit("node-contextmenu",R,e.node.data,e.node,v)},S=()=>{e.node.isLeaf||(a.value?(o.ctx.emit("node-collapse",e.node.data,e.node,v),e.node.collapse()):(e.node.expand(),t.emit("node-expand",e.node.data,e.node,v)))},w=(R,V)=>{e.node.setChecked(V.target.checked,!o.props.checkStrictly),tt(()=>{const A=o.store.value;o.ctx.emit("check",e.node.data,{checkedNodes:A.getCheckedNodes(),checkedKeys:A.getCheckedKeys(),halfCheckedNodes:A.getHalfCheckedNodes(),halfCheckedKeys:A.getHalfCheckedKeys()})})};return{ns:n,node$:u,tree:o,expanded:a,childNodeRendered:l,oldChecked:s,oldIndeterminate:i,getNodeKey:h,getNodeClass:b,handleSelectChange:g,handleClick:_,handleContextMenu:y,handleExpandIconClick:S,handleCheckChange:w,handleChildNodeExpand:(R,V,A)=>{r(V),o.ctx.emit("node-expand",R,V,A)},handleDragStart:R=>{!o.props.draggable||f.treeNodeDragStart({event:R,treeNode:e})},handleDragOver:R=>{R.preventDefault(),o.props.draggable&&f.treeNodeDragOver({event:R,treeNode:{$el:u.value,node:e.node}})},handleDrop:R=>{R.preventDefault()},handleDragEnd:R=>{!o.props.draggable||f.treeNodeDragEnd(R)},CaretRight:B6}}}),Sxe=["aria-expanded","aria-disabled","aria-checked","draggable","data-key"],kxe=["aria-expanded"];function $xe(e,t,n,r,o,a){const l=Ct("el-icon"),s=Ct("el-checkbox"),i=Ct("loading"),u=Ct("node-content"),f=Ct("el-tree-node"),v=Ct("el-collapse-transition");return Ot((P(),H("div",{ref:"node$",class:F([e.ns.b("node"),e.ns.is("expanded",e.expanded),e.ns.is("current",e.node.isCurrent),e.ns.is("hidden",!e.node.visible),e.ns.is("focusable",!e.node.disabled),e.ns.is("checked",!e.node.disabled&&e.node.checked),e.getNodeClass(e.node)]),role:"treeitem",tabindex:"-1","aria-expanded":e.expanded,"aria-disabled":e.node.disabled,"aria-checked":e.node.checked,draggable:e.tree.props.draggable,"data-key":e.getNodeKey(e.node),onClick:t[1]||(t[1]=pt((...p)=>e.handleClick&&e.handleClick(...p),["stop"])),onContextmenu:t[2]||(t[2]=(...p)=>e.handleContextMenu&&e.handleContextMenu(...p)),onDragstart:t[3]||(t[3]=pt((...p)=>e.handleDragStart&&e.handleDragStart(...p),["stop"])),onDragover:t[4]||(t[4]=pt((...p)=>e.handleDragOver&&e.handleDragOver(...p),["stop"])),onDragend:t[5]||(t[5]=pt((...p)=>e.handleDragEnd&&e.handleDragEnd(...p),["stop"])),onDrop:t[6]||(t[6]=pt((...p)=>e.handleDrop&&e.handleDrop(...p),["stop"]))},[q("div",{class:F(e.ns.be("node","content")),style:lt({paddingLeft:(e.node.level-1)*e.tree.props.indent+"px"})},[e.tree.props.icon||e.CaretRight?(P(),ue(l,{key:0,class:F([e.ns.be("node","expand-icon"),e.ns.is("leaf",e.node.isLeaf),{expanded:!e.node.isLeaf&&e.expanded}]),onClick:pt(e.handleExpandIconClick,["stop"])},{default:re(()=>[(P(),ue(jt(e.tree.props.icon||e.CaretRight)))]),_:1},8,["class","onClick"])):se("v-if",!0),e.showCheckbox?(P(),ue(s,{key:1,"model-value":e.node.checked,indeterminate:e.node.indeterminate,disabled:!!e.node.disabled,onClick:t[0]||(t[0]=pt(()=>{},["stop"])),onChange:e.handleCheckChange},null,8,["model-value","indeterminate","disabled","onChange"])):se("v-if",!0),e.node.loading?(P(),ue(l,{key:2,class:F([e.ns.be("node","loading-icon"),e.ns.is("loading")])},{default:re(()=>[Q(i)]),_:1},8,["class"])):se("v-if",!0),Q(u,{node:e.node,"render-content":e.renderContent},null,8,["node","render-content"])],6),Q(v,null,{default:re(()=>[!e.renderAfterExpand||e.childNodeRendered?Ot((P(),H("div",{key:0,class:F(e.ns.be("node","children")),role:"group","aria-expanded":e.expanded},[(P(!0),H(Ue,null,xt(e.node.childNodes,p=>(P(),ue(f,{key:e.getNodeKey(p),"render-content":e.renderContent,"render-after-expand":e.renderAfterExpand,"show-checkbox":e.showCheckbox,node:p,accordion:e.accordion,props:e.props,onNodeExpand:e.handleChildNodeExpand},null,8,["render-content","render-after-expand","show-checkbox","node","accordion","props","onNodeExpand"]))),128))],10,kxe)),[[on,e.expanded]]):se("v-if",!0)]),_:1})],42,Sxe)),[[on,e.node.visible]])}var Exe=ze(Cxe,[["render",$xe],["__file","/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree-node.vue"]]);function Txe({el$:e},t){const n=Ie("tree"),r=En([]),o=En([]);bt(()=>{l()}),Sa(()=>{r.value=Array.from(e.value.querySelectorAll("[role=treeitem]")),o.value=Array.from(e.value.querySelectorAll("input[type=checkbox]"))}),be(o,s=>{s.forEach(i=>{i.setAttribute("tabindex","-1")})}),Kn(e,"keydown",s=>{const i=s.target;if(!i.className.includes(n.b("node")))return;const u=s.code;r.value=Array.from(e.value.querySelectorAll(`.${n.is("focusable")}[role=treeitem]`));const f=r.value.indexOf(i);let v;if([ut.up,ut.down].includes(u)){if(s.preventDefault(),u===ut.up){v=f===-1?0:f!==0?f-1:r.value.length-1;const h=v;for(;!t.value.getNode(r.value[v].dataset.key).canFocus;){if(v--,v===h){v=-1;break}v<0&&(v=r.value.length-1)}}else{v=f===-1?0:f=r.value.length&&(v=0)}}v!==-1&&r.value[v].focus()}[ut.left,ut.right].includes(u)&&(s.preventDefault(),i.click());const p=i.querySelector('[type="checkbox"]');[ut.enter,ut.space].includes(u)&&p&&(s.preventDefault(),p.click())});const l=()=>{var s;r.value=Array.from(e.value.querySelectorAll(`.${n.is("focusable")}[role=treeitem]`)),o.value=Array.from(e.value.querySelectorAll("input[type=checkbox]"));const i=e.value.querySelectorAll(`.${n.is("checked")}[role=treeitem]`);if(i.length){i[0].setAttribute("tabindex","0");return}(s=r.value[0])==null||s.setAttribute("tabindex","0")}}const Pxe=Z({name:"ElTree",components:{ElTreeNode:Exe},props:{data:{type:Array,default:()=>[]},emptyText:{type:String},renderAfterExpand:{type:Boolean,default:!0},nodeKey:String,checkStrictly:Boolean,defaultExpandAll:Boolean,expandOnClickNode:{type:Boolean,default:!0},checkOnClickNode:Boolean,checkDescendants:{type:Boolean,default:!1},autoExpandParent:{type:Boolean,default:!0},defaultCheckedKeys:Array,defaultExpandedKeys:Array,currentNodeKey:[String,Number],renderContent:Function,showCheckbox:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},allowDrag:Function,allowDrop:Function,props:{type:Object,default:()=>({children:"children",label:"label",disabled:"disabled"})},lazy:{type:Boolean,default:!1},highlightCurrent:Boolean,load:Function,filterNodeMethod:Function,accordion:Boolean,indent:{type:Number,default:18},icon:{type:On}},emits:["check-change","current-change","node-click","node-contextmenu","node-collapse","node-expand","check","node-drag-start","node-drag-end","node-drop","node-drag-leave","node-drag-enter","node-drag-over"],setup(e,t){const{t:n}=rn(),r=Ie("tree"),o=D(new bxe({key:e.nodeKey,data:e.data,lazy:e.lazy,props:e.props,load:e.load,currentNodeKey:e.currentNodeKey,checkStrictly:e.checkStrictly,checkDescendants:e.checkDescendants,defaultCheckedKeys:e.defaultCheckedKeys,defaultExpandedKeys:e.defaultExpandedKeys,autoExpandParent:e.autoExpandParent,defaultExpandAll:e.defaultExpandAll,filterNodeMethod:e.filterNodeMethod}));o.value.initialize();const a=D(o.value.root),l=D(null),s=D(null),i=D(null),{broadcastExpanded:u}=AM(e),{dragState:f}=wxe({props:e,ctx:t,el$:s,dropIndicator$:i,store:o});Txe({el$:s},o);const v=T(()=>{const{childNodes:M}=a.value;return!M||M.length===0||M.every(({visible:j})=>!j)});be(()=>e.currentNodeKey,M=>{o.value.setCurrentNodeKey(M)}),be(()=>e.defaultCheckedKeys,M=>{o.value.setDefaultCheckedKey(M)}),be(()=>e.defaultExpandedKeys,M=>{o.value.setDefaultExpandedKeys(M)}),be(()=>e.data,M=>{o.value.setData(M)},{deep:!0}),be(()=>e.checkStrictly,M=>{o.value.checkStrictly=M});const p=M=>{if(!e.filterNodeMethod)throw new Error("[Tree] filterNodeMethod is required when filter");o.value.filter(M)},h=M=>E2(e.nodeKey,M.data),b=M=>{if(!e.nodeKey)throw new Error("[Tree] nodeKey is required in getNodePath");const j=o.value.getNode(M);if(!j)return[];const N=[j.data];let U=j.parent;for(;U&&U!==a.value;)N.push(U.data),U=U.parent;return N.reverse()},g=(M,j)=>o.value.getCheckedNodes(M,j),_=M=>o.value.getCheckedKeys(M),y=()=>{const M=o.value.getCurrentNode();return M?M.data:null},S=()=>{if(!e.nodeKey)throw new Error("[Tree] nodeKey is required in getCurrentKey");const M=y();return M?M[e.nodeKey]:null},w=(M,j)=>{if(!e.nodeKey)throw new Error("[Tree] nodeKey is required in setCheckedNodes");o.value.setCheckedNodes(M,j)},C=(M,j)=>{if(!e.nodeKey)throw new Error("[Tree] nodeKey is required in setCheckedKeys");o.value.setCheckedKeys(M,j)},k=(M,j,N)=>{o.value.setChecked(M,j,N)},$=()=>o.value.getHalfCheckedNodes(),O=()=>o.value.getHalfCheckedKeys(),x=(M,j=!0)=>{if(!e.nodeKey)throw new Error("[Tree] nodeKey is required in setCurrentNode");E1(o,t.emit,()=>o.value.setUserCurrentNode(M,j))},R=(M,j=!0)=>{if(!e.nodeKey)throw new Error("[Tree] nodeKey is required in setCurrentKey");E1(o,t.emit,()=>o.value.setCurrentNodeKey(M,j))},V=M=>o.value.getNode(M),A=M=>{o.value.remove(M)},I=(M,j)=>{o.value.append(M,j)},B=(M,j)=>{o.value.insertBefore(M,j)},z=(M,j)=>{o.value.insertAfter(M,j)},Y=(M,j,N)=>{u(j),t.emit("node-expand",M,j,N)},K=(M,j)=>{if(!e.nodeKey)throw new Error("[Tree] nodeKey is required in updateKeyChild");o.value.updateChildren(M,j)};return $t("RootTree",{ctx:t,props:e,store:o,root:a,currentNode:l,instance:vt()}),$t(Ka,void 0),{ns:r,store:o,root:a,currentNode:l,dragState:f,el$:s,dropIndicator$:i,isEmpty:v,filter:p,getNodeKey:h,getNodePath:b,getCheckedNodes:g,getCheckedKeys:_,getCurrentNode:y,getCurrentKey:S,setCheckedNodes:w,setCheckedKeys:C,setChecked:k,getHalfCheckedNodes:$,getHalfCheckedKeys:O,setCurrentNode:x,setCurrentKey:R,t:n,getNode:V,remove:A,append:I,insertBefore:B,insertAfter:z,handleNodeExpand:Y,updateKeyChildren:K}}});function Oxe(e,t,n,r,o,a){const l=Ct("el-tree-node");return P(),H("div",{ref:"el$",class:F([e.ns.b(),e.ns.is("dragging",!!e.dragState.draggingNode),e.ns.is("drop-not-allow",!e.dragState.allowDrop),e.ns.is("drop-inner",e.dragState.dropType==="inner"),{[e.ns.m("highlight-current")]:e.highlightCurrent}]),role:"tree"},[(P(!0),H(Ue,null,xt(e.root.childNodes,s=>(P(),ue(l,{key:e.getNodeKey(s),node:s,props:e.props,accordion:e.accordion,"render-after-expand":e.renderAfterExpand,"show-checkbox":e.showCheckbox,"render-content":e.renderContent,onNodeExpand:e.handleNodeExpand},null,8,["node","props","accordion","render-after-expand","show-checkbox","render-content","onNodeExpand"]))),128)),e.isEmpty?(P(),H("div",{key:0,class:F(e.ns.e("empty-block"))},[de(e.$slots,"empty",{},()=>{var s;return[q("span",{class:F(e.ns.e("empty-text"))},Ae((s=e.emptyText)!=null?s:e.t("el.tree.emptyText")),3)]})],2)):se("v-if",!0),Ot(q("div",{ref:"dropIndicator$",class:F(e.ns.e("drop-indicator"))},null,2),[[on,e.dragState.showDropIndicator]])],2)}var Th=ze(Pxe,[["render",Oxe],["__file","/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree.vue"]]);Th.install=e=>{e.component(Th.name,Th)};const pm=Th,xxe=pm,Axe=(e,{attrs:t},{tree:n,key:r})=>{const o=Ie("tree-select"),a={...Hl(kr(e),Object.keys(Jl.props)),...t,valueKey:r,popperClass:T(()=>{const l=[o.e("popper")];return e.popperClass&&l.push(e.popperClass),l.join(" ")}),filterMethod:(l="")=>{e.filterMethod&&e.filterMethod(l),tt(()=>{var s;(s=n.value)==null||s.filter(l)})},onVisibleChange:l=>{var s;(s=t.onVisibleChange)==null||s.call(t,l),e.filterable&&l&&a.filterMethod()}};return a},Ixe=Z({extends:Ec,setup(e,t){const n=Ec.setup(e,t);delete n.selectOptionClick;const r=vt().proxy;return tt(()=>{n.select.cachedOptions.get(r.value)||n.select.onOptionCreate(r)}),n},methods:{selectOptionClick(){this.$el.parentElement.click()}}});function P1(e){return e||e===0}function T2(e){return Array.isArray(e)&&e.length}function Ad(e){return Array.isArray(e)?e:P1(e)?[e]:[]}function Ph(e,t,n,r,o){for(let a=0;a{be(()=>e.modelValue,()=>{e.showCheckbox&&tt(()=>{const p=a.value;p&&!To(p.getCheckedKeys(),Ad(e.modelValue))&&p.setCheckedKeys(Ad(e.modelValue))})},{immediate:!0,deep:!0});const s=T(()=>({value:l.value,label:"label",children:"children",disabled:"disabled",isLeaf:"isLeaf",...e.props})),i=(p,h)=>{var b;const g=s.value[p];return ht(g)?g(h,(b=a.value)==null?void 0:b.getNode(i("value",h))):h[g]},u=Ad(e.modelValue).map(p=>Ph(e.data||[],h=>i("value",h)===p,h=>i("children",h),(h,b,g,_)=>_&&i("value",_))).filter(p=>P1(p)),f=T(()=>{if(!e.renderAfterExpand&&!e.lazy)return[];const p=[];return MM(e.data.concat(e.cacheData),h=>{const b=i("value",h);p.push({value:b,currentLabel:i("label",h),isDisabled:i("disabled",h)})},h=>i("children",h)),p}),v=T(()=>f.value.reduce((p,h)=>({...p,[h.value]:h}),{}));return{...Hl(kr(e),Object.keys(pm.props)),...t,nodeKey:l,expandOnClickNode:T(()=>!e.checkStrictly&&e.expandOnClickNode),defaultExpandedKeys:T(()=>e.defaultExpandedKeys?e.defaultExpandedKeys.concat(u):u),renderContent:(p,{node:h,data:b,store:g})=>p(Ixe,{value:i("value",b),label:i("label",b),disabled:i("disabled",b)},e.renderContent?()=>e.renderContent(p,{node:h,data:b,store:g}):n.default?()=>n.default({node:h,data:b,store:g}):void 0),filterNodeMethod:(p,h,b)=>{var g;return e.filterNodeMethod?e.filterNodeMethod(p,h,b):p?(g=i("label",h))==null?void 0:g.includes(p):!0},onNodeClick:(p,h,b)=>{var g,_,y;if((g=t.onNodeClick)==null||g.call(t,p,h,b),!(e.showCheckbox&&e.checkOnClickNode))if(!e.showCheckbox&&(e.checkStrictly||h.isLeaf)){if(!i("disabled",p)){const S=(_=o.value)==null?void 0:_.options.get(i("value",p));(y=o.value)==null||y.handleOptionSelect(S)}}else e.expandOnClickNode&&b.proxy.handleExpandIconClick()},onCheck:(p,h)=>{if(!e.showCheckbox)return;const b=i("value",p),g=h.checkedKeys,_=e.multiple?Ad(e.modelValue).filter(S=>S in v.value&&!a.value.getNode(S)&&!g.includes(S)):[],y=g.concat(_);if(e.checkStrictly)r(Dt,e.multiple?y:y.includes(b)?b:void 0);else if(e.multiple)r(Dt,a.value.getCheckedKeys(!0));else{const S=Ph([p],k=>!T2(i("children",k))&&!i("disabled",k),k=>i("children",k)),w=S?i("value",S):void 0,C=P1(e.modelValue)&&!!Ph([p],k=>i("value",k)===e.modelValue,k=>i("children",k));r(Dt,w===e.modelValue||C?void 0:w)}tt(()=>{var S;const w=Ad(e.modelValue);a.value.setCheckedKeys(w),(S=t.onCheck)==null||S.call(t,p,{checkedKeys:a.value.getCheckedKeys(),checkedNodes:a.value.getCheckedNodes(),halfCheckedKeys:a.value.getHalfCheckedKeys(),halfCheckedNodes:a.value.getHalfCheckedNodes()})})},cacheOptions:f}};var Nxe=Z({props:{data:{type:Array,default:()=>[]}},setup(e){const t=Ge(wv);return be(()=>e.data,()=>{var n;e.data.forEach(o=>{t.cachedOptions.has(o.value)||t.cachedOptions.set(o.value,o)});const r=((n=t.selectWrapper)==null?void 0:n.querySelectorAll("input"))||[];Array.from(r).includes(document.activeElement)||t.setSelected()},{flush:"post",immediate:!0}),()=>{}}});const Rxe=Z({name:"ElTreeSelect",inheritAttrs:!1,props:{...Jl.props,...pm.props,cacheData:{type:Array,default:()=>[]}},setup(e,t){const{slots:n,expose:r}=t,o=D(),a=D(),l=T(()=>e.nodeKey||e.valueKey||"value"),s=Axe(e,t,{select:o,tree:a,key:l}),{cacheOptions:i,...u}=Mxe(e,t,{select:o,tree:a,key:l}),f=nn({});return r(f),bt(()=>{Object.assign(f,{...Hl(a.value,["filter","updateKeyChildren","getCheckedNodes","setCheckedNodes","getCheckedKeys","setCheckedKeys","setChecked","getHalfCheckedNodes","getHalfCheckedKeys","getCurrentKey","getCurrentNode","setCurrentKey","setCurrentNode","getNode","remove","append","insertBefore","insertAfter"]),...Hl(o.value,["focus","blur"])})}),()=>st(Jl,nn({...s,ref:v=>o.value=v}),{...n,default:()=>[st(Nxe,{data:i.value}),st(pm,nn({...u,ref:v=>a.value=v}))]})}});var Oh=ze(Rxe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tree-select/src/tree-select.vue"]]);Oh.install=e=>{e.component(Oh.name,Oh)};const Fxe=Oh,NM=Fxe,P2=Symbol(),Lxe={key:-1,level:-1,data:{}};var Ld=(e=>(e.KEY="id",e.LABEL="label",e.CHILDREN="children",e.DISABLED="disabled",e))(Ld||{}),O1=(e=>(e.ADD="add",e.DELETE="delete",e))(O1||{});const RM={type:Number,default:26},Dxe=He({data:{type:ge(Array),default:()=>zn([])},emptyText:{type:String},height:{type:Number,default:200},props:{type:ge(Object),default:()=>zn({children:"children",label:"label",disabled:"disabled",value:"id"})},highlightCurrent:{type:Boolean,default:!1},showCheckbox:{type:Boolean,default:!1},defaultCheckedKeys:{type:ge(Array),default:()=>zn([])},checkStrictly:{type:Boolean,default:!1},defaultExpandedKeys:{type:ge(Array),default:()=>zn([])},indent:{type:Number,default:16},itemSize:RM,icon:{type:On},expandOnClickNode:{type:Boolean,default:!0},checkOnClickNode:{type:Boolean,default:!1},currentNodeKey:{type:ge([String,Number])},accordion:{type:Boolean,default:!1},filterMethod:{type:ge(Function)},perfMode:{type:Boolean,default:!0}}),Bxe=He({node:{type:ge(Object),default:()=>zn(Lxe)},expanded:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},showCheckbox:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},current:{type:Boolean,default:!1},hiddenExpandIcon:{type:Boolean,default:!1},itemSize:RM}),Vxe=He({node:{type:ge(Object),required:!0}}),FM="node-click",LM="node-expand",DM="node-collapse",BM="current-change",VM="check",jM="check-change",zM="node-contextmenu",jxe={[FM]:(e,t,n)=>e&&t&&n,[LM]:(e,t)=>e&&t,[DM]:(e,t)=>e&&t,[BM]:(e,t)=>e&&t,[VM]:(e,t)=>e&&t,[jM]:(e,t)=>e&&typeof t=="boolean",[zM]:(e,t,n)=>e&&t&&n},zxe={click:(e,t)=>!!(e&&t),toggle:e=>!!e,check:(e,t)=>e&&typeof t=="boolean"};function Hxe(e,t){const n=D(new Set),r=D(new Set),{emit:o}=vt();be([()=>t.value,()=>e.defaultCheckedKeys],()=>tt(()=>{S(e.defaultCheckedKeys)}),{immediate:!0});const a=()=>{if(!t.value||!e.showCheckbox||e.checkStrictly)return;const{levelTreeNodeMap:w,maxLevel:C}=t.value,k=n.value,$=new Set;for(let O=C-1;O>=1;--O){const x=w.get(O);!x||x.forEach(R=>{const V=R.children;if(V){let A=!0,I=!1;for(const B of V){const z=B.key;if(k.has(z))I=!0;else if($.has(z)){A=!1,I=!0;break}else A=!1}A?k.add(R.key):I?($.add(R.key),k.delete(R.key)):(k.delete(R.key),$.delete(R.key))}})}r.value=$},l=w=>n.value.has(w.key),s=w=>r.value.has(w.key),i=(w,C,k=!0)=>{const $=n.value,O=(x,R)=>{$[R?O1.ADD:O1.DELETE](x.key);const V=x.children;!e.checkStrictly&&V&&V.forEach(A=>{A.disabled||O(A,R)})};O(w,C),a(),k&&u(w,C)},u=(w,C)=>{const{checkedNodes:k,checkedKeys:$}=b(),{halfCheckedNodes:O,halfCheckedKeys:x}=g();o(VM,w.data,{checkedKeys:$,checkedNodes:k,halfCheckedKeys:x,halfCheckedNodes:O}),o(jM,w.data,C)};function f(w=!1){return b(w).checkedKeys}function v(w=!1){return b(w).checkedNodes}function p(){return g().halfCheckedKeys}function h(){return g().halfCheckedNodes}function b(w=!1){const C=[],k=[];if((t==null?void 0:t.value)&&e.showCheckbox){const{treeNodeMap:$}=t.value;n.value.forEach(O=>{const x=$.get(O);x&&(!w||w&&x.isLeaf)&&(k.push(O),C.push(x.data))})}return{checkedKeys:k,checkedNodes:C}}function g(){const w=[],C=[];if((t==null?void 0:t.value)&&e.showCheckbox){const{treeNodeMap:k}=t.value;r.value.forEach($=>{const O=k.get($);O&&(C.push($),w.push(O.data))})}return{halfCheckedNodes:w,halfCheckedKeys:C}}function _(w){n.value.clear(),r.value.clear(),S(w)}function y(w,C){if((t==null?void 0:t.value)&&e.showCheckbox){const k=t.value.treeNodeMap.get(w);k&&i(k,C,!1)}}function S(w){if(t!=null&&t.value){const{treeNodeMap:C}=t.value;if(e.showCheckbox&&C&&w)for(const k of w){const $=C.get(k);$&&!l($)&&i($,!0,!1)}}}return{updateCheckedKeys:a,toggleCheckbox:i,isChecked:l,isIndeterminate:s,getCheckedKeys:f,getCheckedNodes:v,getHalfCheckedKeys:p,getHalfCheckedNodes:h,setChecked:y,setCheckedKeys:_}}function Kxe(e,t){const n=D(new Set([])),r=D(new Set([])),o=T(()=>ht(e.filterMethod));function a(s){var i;if(!o.value)return;const u=new Set,f=r.value,v=n.value,p=[],h=((i=t.value)==null?void 0:i.treeNodes)||[],b=e.filterMethod;v.clear();function g(_){_.forEach(y=>{p.push(y),b!=null&&b(s,y.data)?p.forEach(w=>{u.add(w.key)}):y.isLeaf&&v.add(y.key);const S=y.children;if(S&&g(S),!y.isLeaf){if(!u.has(y.key))v.add(y.key);else if(S){let w=!0;for(const C of S)if(!v.has(C.key)){w=!1;break}w?f.add(y.key):f.delete(y.key)}}p.pop()})}return g(h),u}function l(s){return r.value.has(s.key)}return{hiddenExpandIconKeySet:r,hiddenNodeKeySet:n,doFilter:a,isForceHiddenExpandIcon:l}}function Wxe(e,t){const n=D(new Set(e.defaultExpandedKeys)),r=D(),o=En();be(()=>e.currentNodeKey,ce=>{r.value=ce},{immediate:!0}),be(()=>e.data,ce=>{pe(ce)},{immediate:!0});const{isIndeterminate:a,isChecked:l,toggleCheckbox:s,getCheckedKeys:i,getCheckedNodes:u,getHalfCheckedKeys:f,getHalfCheckedNodes:v,setChecked:p,setCheckedKeys:h}=Hxe(e,o),{doFilter:b,hiddenNodeKeySet:g,isForceHiddenExpandIcon:_}=Kxe(e,o),y=T(()=>{var ce;return((ce=e.props)==null?void 0:ce.value)||Ld.KEY}),S=T(()=>{var ce;return((ce=e.props)==null?void 0:ce.children)||Ld.CHILDREN}),w=T(()=>{var ce;return((ce=e.props)==null?void 0:ce.disabled)||Ld.DISABLED}),C=T(()=>{var ce;return((ce=e.props)==null?void 0:ce.label)||Ld.LABEL}),k=T(()=>{const ce=n.value,ee=g.value,ve=[],Be=o.value&&o.value.treeNodes||[];function ne(){const ie=[];for(let ye=Be.length-1;ye>=0;--ye)ie.push(Be[ye]);for(;ie.length;){const ye=ie.pop();if(!!ye&&(ee.has(ye.key)||ve.push(ye),ce.has(ye.key))){const Oe=ye.children;if(Oe){const je=Oe.length;for(let _e=je-1;_e>=0;--_e)ie.push(Oe[_e])}}}}return ne(),ve}),$=T(()=>k.value.length>0);function O(ce){const ee=new Map,ve=new Map;let Be=1;function ne(ye,Oe=1,je=void 0){var _e;const Ve=[];for(const Te of ye){const Le=V(Te),Ee={level:Oe,key:Le,data:Te};Ee.label=I(Te),Ee.parent=je;const Ze=R(Te);Ee.disabled=A(Te),Ee.isLeaf=!Ze||Ze.length===0,Ze&&Ze.length&&(Ee.children=ne(Ze,Oe+1,Ee)),Ve.push(Ee),ee.set(Le,Ee),ve.has(Oe)||ve.set(Oe,[]),(_e=ve.get(Oe))==null||_e.push(Ee)}return Oe>Be&&(Be=Oe),Ve}const ie=ne(ce);return{treeNodeMap:ee,levelTreeNodeMap:ve,maxLevel:Be,treeNodes:ie}}function x(ce){const ee=b(ce);ee&&(n.value=ee)}function R(ce){return ce[S.value]}function V(ce){return ce?ce[y.value]:""}function A(ce){return ce[w.value]}function I(ce){return ce[C.value]}function B(ce){n.value.has(ce.key)?N(ce):j(ce)}function z(ce){n.value=new Set(ce)}function Y(ce,ee){t(FM,ce.data,ce,ee),K(ce),e.expandOnClickNode&&B(ce),e.showCheckbox&&e.checkOnClickNode&&!ce.disabled&&s(ce,!l(ce),!0)}function K(ce){G(ce)||(r.value=ce.key,t(BM,ce.data,ce))}function M(ce,ee){s(ce,ee)}function j(ce){const ee=n.value;if(o.value&&e.accordion){const{treeNodeMap:ve}=o.value;ee.forEach(Be=>{const ne=ve.get(Be);ce&&ce.level===(ne==null?void 0:ne.level)&&ee.delete(Be)})}ee.add(ce.key),t(LM,ce.data,ce)}function N(ce){n.value.delete(ce.key),t(DM,ce.data,ce)}function U(ce){return n.value.has(ce.key)}function W(ce){return!!ce.disabled}function G(ce){const ee=r.value;return!!ee&&ee===ce.key}function ae(){var ce,ee;if(!!r.value)return(ee=(ce=o.value)==null?void 0:ce.treeNodeMap.get(r.value))==null?void 0:ee.data}function me(){return r.value}function Ce(ce){r.value=ce}function pe(ce){tt(()=>o.value=O(ce))}function ke(ce){var ee;const ve=Bt(ce)?V(ce):ce;return(ee=o.value)==null?void 0:ee.treeNodeMap.get(ve)}return{tree:o,flattenTree:k,isNotEmpty:$,getKey:V,getChildren:R,toggleExpand:B,toggleCheckbox:s,isExpanded:U,isChecked:l,isIndeterminate:a,isDisabled:W,isCurrent:G,isForceHiddenExpandIcon:_,handleNodeClick:Y,handleNodeCheck:M,getCurrentNode:ae,getCurrentKey:me,setCurrentKey:Ce,getCheckedKeys:i,getCheckedNodes:u,getHalfCheckedKeys:f,getHalfCheckedNodes:v,setChecked:p,setCheckedKeys:h,filter:x,setData:pe,getNode:ke,expandNode:j,collapseNode:N,setExpandedKeys:z}}var Uxe=Z({name:"ElTreeNodeContent",props:Vxe,setup(e){const t=Ge(P2),n=Ie("tree");return()=>{const r=e.node,{data:o}=r;return t!=null&&t.ctx.slots.default?t.ctx.slots.default({node:r,data:o}):st("span",{class:n.be("node","label")},[r==null?void 0:r.label])}}});const qxe=["aria-expanded","aria-disabled","aria-checked","data-key","onClick"],Gxe=Z({name:"ElTreeNode"}),Yxe=Z({...Gxe,props:Bxe,emits:zxe,setup(e,{emit:t}){const n=e,r=Ge(P2),o=Ie("tree"),a=T(()=>{var v;return(v=r==null?void 0:r.props.indent)!=null?v:16}),l=T(()=>{var v;return(v=r==null?void 0:r.props.icon)!=null?v:B6}),s=v=>{t("click",n.node,v)},i=()=>{t("toggle",n.node)},u=v=>{t("check",n.node,v)},f=v=>{var p,h,b,g;(b=(h=(p=r==null?void 0:r.instance)==null?void 0:p.vnode)==null?void 0:h.props)!=null&&b.onNodeContextmenu&&(v.stopPropagation(),v.preventDefault()),r==null||r.ctx.emit(zM,v,(g=n.node)==null?void 0:g.data,n.node)};return(v,p)=>{var h,b,g;return P(),H("div",{ref:"node$",class:F([c(o).b("node"),c(o).is("expanded",v.expanded),c(o).is("current",v.current),c(o).is("focusable",!v.disabled),c(o).is("checked",!v.disabled&&v.checked)]),role:"treeitem",tabindex:"-1","aria-expanded":v.expanded,"aria-disabled":v.disabled,"aria-checked":v.checked,"data-key":(h=v.node)==null?void 0:h.key,onClick:pt(s,["stop"]),onContextmenu:f},[q("div",{class:F(c(o).be("node","content")),style:lt({paddingLeft:`${(v.node.level-1)*c(a)}px`,height:v.itemSize+"px"})},[c(l)?(P(),ue(c(at),{key:0,class:F([c(o).is("leaf",!!((b=v.node)!=null&&b.isLeaf)),c(o).is("hidden",v.hiddenExpandIcon),{expanded:!((g=v.node)!=null&&g.isLeaf)&&v.expanded},c(o).be("node","expand-icon")]),onClick:pt(i,["stop"])},{default:re(()=>[(P(),ue(jt(c(l))))]),_:1},8,["class","onClick"])):se("v-if",!0),v.showCheckbox?(P(),ue(c(to),{key:1,"model-value":v.checked,indeterminate:v.indeterminate,disabled:v.disabled,onChange:u,onClick:p[0]||(p[0]=pt(()=>{},["stop"]))},null,8,["model-value","indeterminate","disabled"])):se("v-if",!0),Q(c(Uxe),{node:v.node},null,8,["node"])],6)],42,qxe)}}});var Xxe=ze(Yxe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tree-v2/src/tree-node.vue"]]);const Zxe=Z({name:"ElTreeV2"}),Qxe=Z({...Zxe,props:Dxe,emits:jxe,setup(e,{expose:t,emit:n}){const r=e,o=Vr(),a=T(()=>r.itemSize);$t(P2,{ctx:{emit:n,slots:o},props:r,instance:vt()}),$t(Ka,void 0);const{t:l}=rn(),s=Ie("tree"),{flattenTree:i,isNotEmpty:u,toggleExpand:f,isExpanded:v,isIndeterminate:p,isChecked:h,isDisabled:b,isCurrent:g,isForceHiddenExpandIcon:_,handleNodeClick:y,handleNodeCheck:S,toggleCheckbox:w,getCurrentNode:C,getCurrentKey:k,setCurrentKey:$,getCheckedKeys:O,getCheckedNodes:x,getHalfCheckedKeys:R,getHalfCheckedNodes:V,setChecked:A,setCheckedKeys:I,filter:B,setData:z,getNode:Y,expandNode:K,collapseNode:M,setExpandedKeys:j}=Wxe(r,n);return t({toggleCheckbox:w,getCurrentNode:C,getCurrentKey:k,setCurrentKey:$,getCheckedKeys:O,getCheckedNodes:x,getHalfCheckedKeys:R,getHalfCheckedNodes:V,setChecked:A,setCheckedKeys:I,filter:B,setData:z,getNode:Y,expandNode:K,collapseNode:M,setExpandedKeys:j}),(N,U)=>{var W;return P(),H("div",{class:F([c(s).b(),{[c(s).m("highlight-current")]:N.highlightCurrent}]),role:"tree"},[c(u)?(P(),ue(c(jI),{key:0,"class-name":c(s).b("virtual-list"),data:c(i),total:c(i).length,height:N.height,"item-size":c(a),"perf-mode":N.perfMode},{default:re(({data:G,index:ae,style:me})=>[(P(),ue(Xxe,{key:G[ae].key,style:lt(me),node:G[ae],expanded:c(v)(G[ae]),"show-checkbox":N.showCheckbox,checked:c(h)(G[ae]),indeterminate:c(p)(G[ae]),"item-size":c(a),disabled:c(b)(G[ae]),current:c(g)(G[ae]),"hidden-expand-icon":c(_)(G[ae]),onClick:c(y),onToggle:c(f),onCheck:c(S)},null,8,["style","node","expanded","show-checkbox","checked","indeterminate","item-size","disabled","current","hidden-expand-icon","onClick","onToggle","onCheck"]))]),_:1},8,["class-name","data","total","height","item-size","perf-mode"])):(P(),H("div",{key:1,class:F(c(s).e("empty-block"))},[q("span",{class:F(c(s).e("empty-text"))},Ae((W=N.emptyText)!=null?W:c(l)("el.tree.emptyText")),3)],2))],2)}}});var Jxe=ze(Qxe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/tree-v2/src/tree.vue"]]);const e6e=Rt(Jxe),HM=Symbol("uploadContextKey"),t6e="ElUpload";class n6e extends Error{constructor(t,n,r,o){super(t),this.name="UploadAjaxError",this.status=n,this.method=r,this.url=o}}function nT(e,t,n){let r;return n.response?r=`${n.response.error||n.response}`:n.responseText?r=`${n.responseText}`:r=`fail to ${t.method} ${e} ${n.status}`,new n6e(r,n.status,t.method,e)}function r6e(e){const t=e.responseText||e.response;if(!t)return t;try{return JSON.parse(t)}catch{return t}}const o6e=e=>{typeof XMLHttpRequest>"u"&&wr(t6e,"XMLHttpRequest is undefined");const t=new XMLHttpRequest,n=e.action;t.upload&&t.upload.addEventListener("progress",a=>{const l=a;l.percent=a.total>0?a.loaded/a.total*100:0,e.onProgress(l)});const r=new FormData;if(e.data)for(const[a,l]of Object.entries(e.data))Array.isArray(l)?r.append(a,...l):r.append(a,l);r.append(e.filename,e.file,e.file.name),t.addEventListener("error",()=>{e.onError(nT(n,e,t))}),t.addEventListener("load",()=>{if(t.status<200||t.status>=300)return e.onError(nT(n,e,t));e.onSuccess(r6e(t))}),t.open(e.method,n,!0),e.withCredentials&&"withCredentials"in t&&(t.withCredentials=!0);const o=e.headers||{};if(o instanceof Headers)o.forEach((a,l)=>t.setRequestHeader(l,a));else for(const[a,l]of Object.entries(o))br(l)||t.setRequestHeader(a,String(l));return t.send(r),t},KM=["text","picture","picture-card"];let a6e=1;const x1=()=>Date.now()+a6e++,WM=He({action:{type:String,default:"#"},headers:{type:ge(Object)},method:{type:String,default:"post"},data:{type:Object,default:()=>zn({})},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:""},type:{type:String,default:"select"},fileList:{type:ge(Array),default:()=>zn([])},autoUpload:{type:Boolean,default:!0},listType:{type:String,values:KM,default:"text"},httpRequest:{type:ge(Function),default:o6e},disabled:Boolean,limit:Number}),l6e=He({...WM,beforeUpload:{type:ge(Function),default:gn},beforeRemove:{type:ge(Function)},onRemove:{type:ge(Function),default:gn},onChange:{type:ge(Function),default:gn},onPreview:{type:ge(Function),default:gn},onSuccess:{type:ge(Function),default:gn},onProgress:{type:ge(Function),default:gn},onError:{type:ge(Function),default:gn},onExceed:{type:ge(Function),default:gn}}),s6e=He({files:{type:ge(Array),default:()=>zn([])},disabled:{type:Boolean,default:!1},handlePreview:{type:ge(Function),default:gn},listType:{type:String,values:KM,default:"text"}}),i6e={remove:e=>!!e},u6e=["onKeydown"],c6e=["src"],d6e=["onClick"],f6e=["onClick"],v6e=["onClick"],p6e=Z({name:"ElUploadList"}),h6e=Z({...p6e,props:s6e,emits:i6e,setup(e,{emit:t}){const{t:n}=rn(),r=Ie("upload"),o=Ie("icon"),a=Ie("list"),l=Mo(),s=D(!1),i=u=>{t("remove",u)};return(u,f)=>(P(),ue(iO,{tag:"ul",class:F([c(r).b("list"),c(r).bm("list",u.listType),c(r).is("disabled",c(l))]),name:c(a).b()},{default:re(()=>[(P(!0),H(Ue,null,xt(u.files,v=>(P(),H("li",{key:v.uid||v.name,class:F([c(r).be("list","item"),c(r).is(v.status),{focusing:s.value}]),tabindex:"0",onKeydown:tn(p=>!c(l)&&i(v),["delete"]),onFocus:f[0]||(f[0]=p=>s.value=!0),onBlur:f[1]||(f[1]=p=>s.value=!1),onClick:f[2]||(f[2]=p=>s.value=!1)},[de(u.$slots,"default",{file:v},()=>[u.listType==="picture"||v.status!=="uploading"&&u.listType==="picture-card"?(P(),H("img",{key:0,class:F(c(r).be("list","item-thumbnail")),src:v.url,alt:""},null,10,c6e)):se("v-if",!0),v.status==="uploading"||u.listType!=="picture-card"?(P(),H("div",{key:1,class:F(c(r).be("list","item-info"))},[q("a",{class:F(c(r).be("list","item-name")),onClick:pt(p=>u.handlePreview(v),["prevent"])},[Q(c(at),{class:F(c(o).m("document"))},{default:re(()=>[Q(c(sve))]),_:1},8,["class"]),q("span",{class:F(c(r).be("list","item-file-name"))},Ae(v.name),3)],10,d6e),v.status==="uploading"?(P(),ue(c(s2),{key:0,type:u.listType==="picture-card"?"circle":"line","stroke-width":u.listType==="picture-card"?6:2,percentage:Number(v.percentage),style:lt(u.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):se("v-if",!0)],2)):se("v-if",!0),q("label",{class:F(c(r).be("list","item-status-label"))},[u.listType==="text"?(P(),ue(c(at),{key:0,class:F([c(o).m("upload-success"),c(o).m("circle-check")])},{default:re(()=>[Q(c(vw))]),_:1},8,["class"])):["picture-card","picture"].includes(u.listType)?(P(),ue(c(at),{key:1,class:F([c(o).m("upload-success"),c(o).m("check")])},{default:re(()=>[Q(c(pv))]),_:1},8,["class"])):se("v-if",!0)],2),c(l)?se("v-if",!0):(P(),ue(c(at),{key:2,class:F(c(o).m("close")),onClick:p=>i(v)},{default:re(()=>[Q(c(Ha))]),_:2},1032,["class","onClick"])),se(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),se(" This is a bug which needs to be fixed "),se(" TODO: Fix the incorrect navigation interaction "),c(l)?se("v-if",!0):(P(),H("i",{key:3,class:F(c(o).m("close-tip"))},Ae(c(n)("el.upload.deleteTip")),3)),u.listType==="picture-card"?(P(),H("span",{key:4,class:F(c(r).be("list","item-actions"))},[q("span",{class:F(c(r).be("list","item-preview")),onClick:p=>u.handlePreview(v)},[Q(c(at),{class:F(c(o).m("zoom-in"))},{default:re(()=>[Q(c(H6))]),_:1},8,["class"])],10,f6e),c(l)?se("v-if",!0):(P(),H("span",{key:0,class:F(c(r).be("list","item-delete")),onClick:p=>i(v)},[Q(c(at),{class:F(c(o).m("delete"))},{default:re(()=>[Q(c(ave))]),_:1},8,["class"])],10,v6e))],2)):se("v-if",!0)])],42,u6e))),128)),de(u.$slots,"append")]),_:3},8,["class","name"]))}});var rT=ze(h6e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-list.vue"]]);const m6e=He({disabled:{type:Boolean,default:!1}}),g6e={file:e=>et(e)},b6e=["onDrop","onDragover"],UM="ElUploadDrag",y6e=Z({name:UM}),_6e=Z({...y6e,props:m6e,emits:g6e,setup(e,{emit:t}){const n=Ge(HM);n||wr(UM,"usage: ");const r=Ie("upload"),o=D(!1),a=Mo(),l=i=>{if(a.value)return;o.value=!1,i.stopPropagation();const u=Array.from(i.dataTransfer.files),f=n.accept.value;if(!f){t("file",u);return}const v=u.filter(p=>{const{type:h,name:b}=p,g=b.includes(".")?`.${b.split(".").pop()}`:"",_=h.replace(/\/.*$/,"");return f.split(",").map(y=>y.trim()).filter(y=>y).some(y=>y.startsWith(".")?g===y:/\/\*$/.test(y)?_===y.replace(/\/\*$/,""):/^[^/]+\/[^/]+$/.test(y)?h===y:!1)});t("file",v)},s=()=>{a.value||(o.value=!0)};return(i,u)=>(P(),H("div",{class:F([c(r).b("dragger"),c(r).is("dragover",o.value)]),onDrop:pt(l,["prevent"]),onDragover:pt(s,["prevent"]),onDragleave:u[0]||(u[0]=pt(f=>o.value=!1,["prevent"]))},[de(i.$slots,"default")],42,b6e))}});var w6e=ze(_6e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-dragger.vue"]]);const C6e=He({...WM,beforeUpload:{type:ge(Function),default:gn},onRemove:{type:ge(Function),default:gn},onStart:{type:ge(Function),default:gn},onSuccess:{type:ge(Function),default:gn},onProgress:{type:ge(Function),default:gn},onError:{type:ge(Function),default:gn},onExceed:{type:ge(Function),default:gn}}),S6e=["onKeydown"],k6e=["name","multiple","accept"],$6e=Z({name:"ElUploadContent",inheritAttrs:!1}),E6e=Z({...$6e,props:C6e,setup(e,{expose:t}){const n=e,r=Ie("upload"),o=Mo(),a=En({}),l=En(),s=b=>{if(b.length===0)return;const{autoUpload:g,limit:_,fileList:y,multiple:S,onStart:w,onExceed:C}=n;if(_&&y.length+b.length>_){C(b,y);return}S||(b=b.slice(0,1));for(const k of b){const $=k;$.uid=x1(),w($),g&&i($)}},i=async b=>{if(l.value.value="",!n.beforeUpload)return u(b);let g,_={};try{const S=n.data,w=n.beforeUpload(b);_=Bt(n.data)?Zh(n.data):n.data,g=await w,Bt(n.data)&&To(S,_)&&(_=Zh(n.data))}catch{g=!1}if(g===!1){n.onRemove(b);return}let y=b;g instanceof Blob&&(g instanceof File?y=g:y=new File([g],b.name,{type:b.type})),u(Object.assign(y,{uid:b.uid}),_)},u=(b,g)=>{const{headers:_,data:y,method:S,withCredentials:w,name:C,action:k,onProgress:$,onSuccess:O,onError:x,httpRequest:R}=n,{uid:V}=b,A={headers:_||{},withCredentials:w,file:b,data:g!=null?g:y,method:S,filename:C,action:k,onProgress:B=>{$(B,b)},onSuccess:B=>{O(B,b),delete a.value[V]},onError:B=>{x(B,b),delete a.value[V]}},I=R(A);a.value[V]=I,I instanceof Promise&&I.then(A.onSuccess,A.onError)},f=b=>{const g=b.target.files;!g||s(Array.from(g))},v=()=>{o.value||(l.value.value="",l.value.click())},p=()=>{v()};return t({abort:b=>{Nfe(a.value).filter(b?([_])=>String(b.uid)===_:()=>!0).forEach(([_,y])=>{y instanceof XMLHttpRequest&&y.abort(),delete a.value[_]})},upload:i}),(b,g)=>(P(),H("div",{class:F([c(r).b(),c(r).m(b.listType),c(r).is("drag",b.drag)]),tabindex:"0",onClick:v,onKeydown:tn(pt(p,["self"]),["enter","space"])},[b.drag?(P(),ue(w6e,{key:0,disabled:c(o),onFile:s},{default:re(()=>[de(b.$slots,"default")]),_:3},8,["disabled"])):de(b.$slots,"default",{key:1}),q("input",{ref_key:"inputRef",ref:l,class:F(c(r).e("input")),name:b.name,multiple:b.multiple,accept:b.accept,type:"file",onChange:f,onClick:g[0]||(g[0]=pt(()=>{},["stop"]))},null,42,k6e)],42,S6e))}});var oT=ze(E6e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-content.vue"]]);const aT="ElUpload",T6e=e=>{var t;(t=e.url)!=null&&t.startsWith("blob:")&&URL.revokeObjectURL(e.url)},P6e=(e,t)=>{const n=kle(e,"fileList",void 0,{passive:!0}),r=p=>n.value.find(h=>h.uid===p.uid);function o(p){var h;(h=t.value)==null||h.abort(p)}function a(p=["ready","uploading","success","fail"]){n.value=n.value.filter(h=>!p.includes(h.status))}const l=(p,h)=>{const b=r(h);!b||(console.error(p),b.status="fail",n.value.splice(n.value.indexOf(b),1),e.onError(p,b,n.value),e.onChange(b,n.value))},s=(p,h)=>{const b=r(h);!b||(e.onProgress(p,b,n.value),b.status="uploading",b.percentage=Math.round(p.percent))},i=(p,h)=>{const b=r(h);!b||(b.status="success",b.response=p,e.onSuccess(p,b,n.value),e.onChange(b,n.value))},u=p=>{br(p.uid)&&(p.uid=x1());const h={name:p.name,percentage:0,status:"ready",size:p.size,raw:p,uid:p.uid};if(e.listType==="picture-card"||e.listType==="picture")try{h.url=URL.createObjectURL(p)}catch(b){b.message,e.onError(b,h,n.value)}n.value=[...n.value,h],e.onChange(h,n.value)},f=async p=>{const h=p instanceof File?r(p):p;h||wr(aT,"file to be removed not found");const b=g=>{o(g);const _=n.value;_.splice(_.indexOf(g),1),e.onRemove(g,_),T6e(g)};e.beforeRemove?await e.beforeRemove(h,n.value)!==!1&&b(h):b(h)};function v(){n.value.filter(({status:p})=>p==="ready").forEach(({raw:p})=>{var h;return p&&((h=t.value)==null?void 0:h.upload(p))})}return be(()=>e.listType,p=>{p!=="picture-card"&&p!=="picture"||(n.value=n.value.map(h=>{const{raw:b,url:g}=h;if(!g&&b)try{h.url=URL.createObjectURL(b)}catch(_){e.onError(_,h,n.value)}return h}))}),be(n,p=>{for(const h of p)h.uid||(h.uid=x1()),h.status||(h.status="success")},{immediate:!0,deep:!0}),{uploadFiles:n,abort:o,clearFiles:a,handleError:l,handleProgress:s,handleStart:u,handleSuccess:i,handleRemove:f,submit:v}},O6e=Z({name:"ElUpload"}),x6e=Z({...O6e,props:l6e,setup(e,{expose:t}){const n=e,r=Vr(),o=Mo(),a=En(),{abort:l,submit:s,clearFiles:i,uploadFiles:u,handleStart:f,handleError:v,handleRemove:p,handleSuccess:h,handleProgress:b}=P6e(n,a),g=T(()=>n.listType==="picture-card"),_=T(()=>({...n,fileList:u.value,onStart:f,onProgress:b,onSuccess:h,onError:v,onRemove:p}));return hn(()=>{u.value.forEach(({url:y})=>{y!=null&&y.startsWith("blob:")&&URL.revokeObjectURL(y)})}),$t(HM,{accept:Nn(n,"accept")}),t({abort:l,submit:s,clearFiles:i,handleStart:f,handleRemove:p}),(y,S)=>(P(),H("div",null,[c(g)&&y.showFileList?(P(),ue(rT,{key:0,disabled:c(o),"list-type":y.listType,files:c(u),"handle-preview":y.onPreview,onRemove:c(p)},ql({append:re(()=>[Q(oT,Ft({ref_key:"uploadRef",ref:a},c(_)),{default:re(()=>[c(r).trigger?de(y.$slots,"trigger",{key:0}):se("v-if",!0),!c(r).trigger&&c(r).default?de(y.$slots,"default",{key:1}):se("v-if",!0)]),_:3},16)]),_:2},[y.$slots.file?{name:"default",fn:re(({file:w})=>[de(y.$slots,"file",{file:w})])}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):se("v-if",!0),!c(g)||c(g)&&!y.showFileList?(P(),ue(oT,Ft({key:1,ref_key:"uploadRef",ref:a},c(_)),{default:re(()=>[c(r).trigger?de(y.$slots,"trigger",{key:0}):se("v-if",!0),!c(r).trigger&&c(r).default?de(y.$slots,"default",{key:1}):se("v-if",!0)]),_:3},16)):se("v-if",!0),y.$slots.trigger?de(y.$slots,"default",{key:2}):se("v-if",!0),de(y.$slots,"tip"),!c(g)&&y.showFileList?(P(),ue(rT,{key:3,disabled:c(o),"list-type":y.listType,files:c(u),"handle-preview":y.onPreview,onRemove:c(p)},ql({_:2},[y.$slots.file?{name:"default",fn:re(({file:w})=>[de(y.$slots,"file",{file:w})])}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):se("v-if",!0)]))}});var A6e=ze(x6e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload.vue"]]);const Mg=Rt(A6e);var I6e=[Tme,N8,sbe,JPe,pbe,wbe,Z8,Nbe,Rbe,Fr,oA,Xye,t1e,h1e,m1e,Uw,p_e,M_e,to,F1e,zw,qw,iwe,uwe,J_e,Dwe,yme,Xwe,Zwe,Qwe,Jwe,e2e,yv,mCe,gCe,_v,fI,Qw,n2,am,lm,r2,L8,Rw,at,Eke,wI,vr,Jc,Vke,l$e,s$e,i$e,u$e,m$e,OI,EEe,AI,G8,s2,Hw,LA,FA,II,t4e,jA,as,Jl,Ec,q$e,W4e,J4e,e3e,d2,N3e,ZI,W3e,JI,eM,tM,xg,Oc,QPe,CM,SM,Bf,bOe,jw,kM,POe,OOe,ur,txe,mxe,xxe,NM,e6e,Mg];const Ma="ElInfiniteScroll",M6e=50,N6e=200,R6e=0,F6e={delay:{type:Number,default:N6e},distance:{type:Number,default:R6e},disabled:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0}},O2=(e,t)=>Object.entries(F6e).reduce((n,[r,o])=>{var a,l;const{type:s,default:i}=o,u=e.getAttribute(`infinite-scroll-${r}`);let f=(l=(a=t[u])!=null?a:u)!=null?l:i;return f=f==="false"?!1:f,f=s(f),n[r]=Number.isNaN(f)?i:f,n},{}),qM=e=>{const{observer:t}=e[Ma];t&&(t.disconnect(),delete e[Ma].observer)},L6e=(e,t)=>{const{container:n,containerEl:r,instance:o,observer:a,lastScrollTop:l}=e[Ma],{disabled:s,distance:i}=O2(e,o),{clientHeight:u,scrollHeight:f,scrollTop:v}=r,p=v-l;if(e[Ma].lastScrollTop=v,a||s||p<0)return;let h=!1;if(n===e)h=f-(u+v)<=i;else{const{clientTop:b,scrollHeight:g}=e,_=Ple(e,r);h=v+u>=_+b+g-i}h&&t.call(o)};function jb(e,t){const{containerEl:n,instance:r}=e[Ma],{disabled:o}=O2(e,r);o||n.clientHeight===0||(n.scrollHeight<=n.clientHeight?t.call(r):qM(e))}const D6e={async mounted(e,t){const{instance:n,value:r}=t;ht(r)||wr(Ma,"'v-infinite-scroll' binding value must be a function"),await tt();const{delay:o,immediate:a}=O2(e,n),l=fw(e,!0),s=l===window?document.documentElement:l,i=Vi(L6e.bind(null,e,r),o);if(!!l){if(e[Ma]={instance:n,container:l,containerEl:s,delay:o,cb:r,onScroll:i,lastScrollTop:s.scrollTop},a){const u=new MutationObserver(Vi(jb.bind(null,e,r),M6e));e[Ma].observer=u,u.observe(e,{childList:!0,subtree:!0}),jb(e,r)}l.addEventListener("scroll",i)}},unmounted(e){const{container:t,onScroll:n}=e[Ma];t==null||t.removeEventListener("scroll",n),qM(e)},async updated(e){if(!e[Ma])await tt();else{const{containerEl:t,cb:n,observer:r}=e[Ma];t.clientHeight&&r&&jb(e,n)}}},A1=D6e;A1.install=e=>{e.directive("InfiniteScroll",A1)};const B6e=A1;function V6e(e){let t;const n=D(!1),r=nn({...e,originalPosition:"",originalOverflow:"",visible:!1});function o(p){r.text=p}function a(){const p=r.parent,h=v.ns;if(!p.vLoadingAddClassList){let b=p.getAttribute("loading-number");b=Number.parseInt(b)-1,b?p.setAttribute("loading-number",b.toString()):(Po(p,h.bm("parent","relative")),p.removeAttribute("loading-number")),Po(p,h.bm("parent","hidden"))}l(),f.unmount()}function l(){var p,h;(h=(p=v.$el)==null?void 0:p.parentNode)==null||h.removeChild(v.$el)}function s(){var p;e.beforeClose&&!e.beforeClose()||(n.value=!0,clearTimeout(t),t=window.setTimeout(i,400),r.visible=!1,(p=e.closed)==null||p.call(e))}function i(){if(!n.value)return;const p=r.parent;n.value=!1,p.vLoadingAddClassList=void 0,a()}const u=Z({name:"ElLoading",setup(p,{expose:h}){const{ns:b,zIndex:g}=Sg("loading");return h({ns:b,zIndex:g}),()=>{const _=r.spinner||r.svg,y=st("svg",{class:"circular",viewBox:r.svgViewBox?r.svgViewBox:"0 0 50 50",..._?{innerHTML:_}:{}},[st("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),S=r.text?st("p",{class:b.b("text")},[r.text]):void 0;return st(tr,{name:b.b("fade"),onAfterLeave:i},{default:re(()=>[Ot(Q("div",{style:{backgroundColor:r.background||""},class:[b.b("mask"),r.customClass,r.fullscreen?"is-fullscreen":""]},[st("div",{class:b.b("spinner")},[y,S])]),[[on,r.visible]])])})}}}),f=Qj(u),v=f.mount(document.createElement("div"));return{...kr(r),setText:o,removeElLoadingChild:l,close:s,handleAfterLeave:i,vm:v,get $el(){return v.$el}}}let Up;const I1=function(e={}){if(!en)return;const t=j6e(e);if(t.fullscreen&&Up)return Up;const n=V6e({...t,closed:()=>{var o;(o=t.closed)==null||o.call(t),t.fullscreen&&(Up=void 0)}});z6e(t,t.parent,n),lT(t,t.parent,n),t.parent.vLoadingAddClassList=()=>lT(t,t.parent,n);let r=t.parent.getAttribute("loading-number");return r?r=`${Number.parseInt(r)+1}`:r="1",t.parent.setAttribute("loading-number",r),t.parent.appendChild(n.$el),tt(()=>n.visible.value=t.visible),t.fullscreen&&(Up=n),n},j6e=e=>{var t,n,r,o;let a;return _t(e.target)?a=(t=document.querySelector(e.target))!=null?t:document.body:a=e.target||document.body,{parent:a===document.body||e.body?document.body:a,background:e.background||"",svg:e.svg||"",svgViewBox:e.svgViewBox||"",spinner:e.spinner||!1,text:e.text||"",fullscreen:a===document.body&&((n=e.fullscreen)!=null?n:!0),lock:(r=e.lock)!=null?r:!1,customClass:e.customClass||"",visible:(o=e.visible)!=null?o:!0,target:a}},z6e=async(e,t,n)=>{const{nextZIndex:r}=n.vm.zIndex||n.vm._.exposed.zIndex,o={};if(e.fullscreen)n.originalPosition.value=jl(document.body,"position"),n.originalOverflow.value=jl(document.body,"overflow"),o.zIndex=r();else if(e.parent===document.body){n.originalPosition.value=jl(document.body,"position"),await tt();for(const a of["top","left"]){const l=a==="top"?"scrollTop":"scrollLeft";o[a]=`${e.target.getBoundingClientRect()[a]+document.body[l]+document.documentElement[l]-Number.parseInt(jl(document.body,`margin-${a}`),10)}px`}for(const a of["height","width"])o[a]=`${e.target.getBoundingClientRect()[a]}px`}else n.originalPosition.value=jl(t,"position");for(const[a,l]of Object.entries(o))n.$el.style[a]=l},lT=(e,t,n)=>{const r=n.vm.ns||n.vm._.exposed.ns;["absolute","fixed","sticky"].includes(n.originalPosition.value)?Po(t,r.bm("parent","relative")):fl(t,r.bm("parent","relative")),e.fullscreen&&e.lock?fl(t,r.bm("parent","hidden")):Po(t,r.bm("parent","hidden"))},M1=Symbol("ElLoading"),sT=(e,t)=>{var n,r,o,a;const l=t.instance,s=p=>Bt(t.value)?t.value[p]:void 0,i=p=>{const h=_t(p)&&(l==null?void 0:l[p])||p;return h&&D(h)},u=p=>i(s(p)||e.getAttribute(`element-loading-${Gs(p)}`)),f=(n=s("fullscreen"))!=null?n:t.modifiers.fullscreen,v={text:u("text"),svg:u("svg"),svgViewBox:u("svgViewBox"),spinner:u("spinner"),background:u("background"),customClass:u("customClass"),fullscreen:f,target:(r=s("target"))!=null?r:f?void 0:e,body:(o=s("body"))!=null?o:t.modifiers.body,lock:(a=s("lock"))!=null?a:t.modifiers.lock};e[M1]={options:v,instance:I1(v)}},H6e=(e,t)=>{for(const n of Object.keys(t))kn(t[n])&&(t[n].value=e[n])},Yi={mounted(e,t){t.value&&sT(e,t)},updated(e,t){const n=e[M1];t.oldValue!==t.value&&(t.value&&!t.oldValue?sT(e,t):t.value&&t.oldValue?Bt(t.value)&&H6e(t.value,n.options):n==null||n.instance.close())},unmounted(e){var t;(t=e[M1])==null||t.instance.close()}},K6e={install(e){e.directive("loading",Yi),e.config.globalProperties.$loading=I1},directive:Yi,service:I1},GM=["success","info","warning","error"],So=zn({customClass:"",center:!1,dangerouslyUseHTMLString:!1,duration:3e3,icon:void 0,id:"",message:"",onClose:void 0,showClose:!1,type:"info",offset:16,zIndex:0,grouping:!1,repeatNum:1,appendTo:en?document.body:void 0}),W6e=He({customClass:{type:String,default:So.customClass},center:{type:Boolean,default:So.center},dangerouslyUseHTMLString:{type:Boolean,default:So.dangerouslyUseHTMLString},duration:{type:Number,default:So.duration},icon:{type:On,default:So.icon},id:{type:String,default:So.id},message:{type:ge([String,Object,Function]),default:So.message},onClose:{type:ge(Function),required:!1},showClose:{type:Boolean,default:So.showClose},type:{type:String,values:GM,default:So.type},offset:{type:Number,default:So.offset},zIndex:{type:Number,default:So.zIndex},grouping:{type:Boolean,default:So.grouping},repeatNum:{type:Number,default:So.repeatNum}}),U6e={destroy:()=>!0},La=Fc([]),q6e=e=>{const t=La.findIndex(o=>o.id===e),n=La[t];let r;return t>0&&(r=La[t-1]),{current:n,prev:r}},G6e=e=>{const{prev:t}=q6e(e);return t?t.vm.exposed.bottom.value:0},Y6e=(e,t)=>La.findIndex(r=>r.id===e)>0?20:t,X6e=["id"],Z6e=["innerHTML"],Q6e=Z({name:"ElMessage"}),J6e=Z({...Q6e,props:W6e,emits:U6e,setup(e,{expose:t}){const n=e,{Close:r}=mw,{ns:o,zIndex:a}=Sg("message"),{currentZIndex:l,nextZIndex:s}=a,i=D(),u=D(!1),f=D(0);let v;const p=T(()=>n.type?n.type==="error"?"danger":n.type:"info"),h=T(()=>{const O=n.type;return{[o.bm("icon",O)]:O&&Hs[O]}}),b=T(()=>n.icon||Hs[n.type]||""),g=T(()=>G6e(n.id)),_=T(()=>Y6e(n.id,n.offset)+g.value),y=T(()=>f.value+_.value),S=T(()=>({top:`${_.value}px`,zIndex:l.value}));function w(){n.duration!==0&&({stop:v}=Ui(()=>{k()},n.duration))}function C(){v==null||v()}function k(){u.value=!1}function $({code:O}){O===ut.esc&&k()}return bt(()=>{w(),s(),u.value=!0}),be(()=>n.repeatNum,()=>{C(),w()}),Kn(document,"keydown",$),eo(i,()=>{f.value=i.value.getBoundingClientRect().height}),t({visible:u,bottom:y,close:k}),(O,x)=>(P(),ue(tr,{name:c(o).b("fade"),onBeforeLeave:O.onClose,onAfterLeave:x[0]||(x[0]=R=>O.$emit("destroy")),persisted:""},{default:re(()=>[Ot(q("div",{id:O.id,ref_key:"messageRef",ref:i,class:F([c(o).b(),{[c(o).m(O.type)]:O.type&&!O.icon},c(o).is("center",O.center),c(o).is("closable",O.showClose),O.customClass]),style:lt(c(S)),role:"alert",onMouseenter:C,onMouseleave:w},[O.repeatNum>1?(P(),ue(c(Z8),{key:0,value:O.repeatNum,type:c(p),class:F(c(o).e("badge"))},null,8,["value","type","class"])):se("v-if",!0),c(b)?(P(),ue(c(at),{key:1,class:F([c(o).e("icon"),c(h)])},{default:re(()=>[(P(),ue(jt(c(b))))]),_:1},8,["class"])):se("v-if",!0),de(O.$slots,"default",{},()=>[O.dangerouslyUseHTMLString?(P(),H(Ue,{key:1},[se(" Caution here, message could've been compromised, never use user's input as message "),q("p",{class:F(c(o).e("content")),innerHTML:O.message},null,10,Z6e)],2112)):(P(),H("p",{key:0,class:F(c(o).e("content"))},Ae(O.message),3))]),O.showClose?(P(),ue(c(at),{key:2,class:F(c(o).e("closeBtn")),onClick:pt(k,["stop"])},{default:re(()=>[Q(c(r))]),_:1},8,["class","onClick"])):se("v-if",!0)],46,X6e),[[on,u.value]])]),_:3},8,["name","onBeforeLeave"]))}});var e8e=ze(J6e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/message/src/message.vue"]]);let t8e=1;const YM=e=>{const t=!e||_t(e)||An(e)||ht(e)?{message:e}:e,n={...So,...t};if(!n.appendTo)n.appendTo=document.body;else if(_t(n.appendTo)){let r=document.querySelector(n.appendTo);ba(r)||(r=document.body),n.appendTo=r}return n},n8e=e=>{const t=La.indexOf(e);if(t===-1)return;La.splice(t,1);const{handler:n}=e;n.close()},r8e=({appendTo:e,...t},n)=>{const r=`message_${t8e++}`,o=t.onClose,a=document.createElement("div"),l={...t,id:r,onClose:()=>{o==null||o(),n8e(f)},onDestroy:()=>{Vs(null,a)}},s=Q(e8e,l,ht(l.message)||An(l.message)?{default:ht(l.message)?l.message:()=>l.message}:null);s.appContext=n||xc._context,Vs(s,a),e.appendChild(a.firstElementChild);const i=s.component,f={id:r,vnode:s,vm:i,handler:{close:()=>{i.exposed.visible.value=!1}},props:s.component.props};return f},xc=(e={},t)=>{if(!en)return{close:()=>{}};if(gt(jy.max)&&La.length>=jy.max)return{close:()=>{}};const n=YM(e);if(n.grouping&&La.length){const o=La.find(({vnode:a})=>{var l;return((l=a.props)==null?void 0:l.message)===n.message});if(o)return o.props.repeatNum+=1,o.props.type=n.type,o.handler}const r=r8e(n,t);return La.push(r),r.handler};GM.forEach(e=>{xc[e]=(t={},n)=>{const r=YM(t);return xc({...r,type:e},n)}});function o8e(e){for(const t of La)(!e||e===t.props.type)&&t.handler.close()}xc.closeAll=o8e;xc._context=null;const _r=q6(xc,"$message"),a8e=Z({name:"ElMessageBox",directives:{TrapFocus:fye},components:{ElButton:Fr,ElFocusTrap:$g,ElInput:vr,ElOverlay:Zw,ElIcon:at,...mw},inheritAttrs:!1,props:{buttonSize:{type:String,validator:pg},modal:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},closeOnHashChange:{type:Boolean,default:!0},center:Boolean,draggable:Boolean,roundButton:{default:!1,type:Boolean},container:{type:String,default:"body"},boxType:{type:String,default:""}},emits:["vanish","action"],setup(e,{emit:t}){const{locale:n,zIndex:r,ns:o,size:a}=Sg("message-box",T(()=>e.buttonSize)),{t:l}=n,{nextZIndex:s}=r,i=D(!1),u=nn({autofocus:!0,beforeClose:null,callback:null,cancelButtonText:"",cancelButtonClass:"",confirmButtonText:"",confirmButtonClass:"",customClass:"",customStyle:{},dangerouslyUseHTMLString:!1,distinguishCancelAndClose:!1,icon:"",inputPattern:null,inputPlaceholder:"",inputType:"text",inputValue:null,inputValidator:null,inputErrorMessage:"",message:null,modalFade:!0,modalClass:"",showCancelButton:!1,showConfirmButton:!0,type:"",title:void 0,showInput:!1,action:"",confirmButtonLoading:!1,cancelButtonLoading:!1,confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:s()}),f=T(()=>{const Y=u.type;return{[o.bm("icon",Y)]:Y&&Hs[Y]}}),v=wa(),p=wa(),h=T(()=>u.icon||Hs[u.type]||""),b=T(()=>!!u.message),g=D(),_=D(),y=D(),S=D(),w=D(),C=T(()=>u.confirmButtonClass);be(()=>u.inputValue,async Y=>{await tt(),e.boxType==="prompt"&&Y!==null&&A()},{immediate:!0}),be(()=>i.value,Y=>{var K,M;Y&&(e.boxType!=="prompt"&&(u.autofocus?y.value=(M=(K=w.value)==null?void 0:K.$el)!=null?M:g.value:y.value=g.value),u.zIndex=s()),e.boxType==="prompt"&&(Y?tt().then(()=>{var j;S.value&&S.value.$el&&(u.autofocus?y.value=(j=I())!=null?j:g.value:y.value=g.value)}):(u.editorErrorMessage="",u.validateError=!1))});const k=T(()=>e.draggable);G6(g,_,k),bt(async()=>{await tt(),e.closeOnHashChange&&window.addEventListener("hashchange",$)}),hn(()=>{e.closeOnHashChange&&window.removeEventListener("hashchange",$)});function $(){!i.value||(i.value=!1,tt(()=>{u.action&&t("action",u.action)}))}const O=()=>{e.closeOnClickModal&&V(u.distinguishCancelAndClose?"close":"cancel")},x=Tw(O),R=Y=>{if(u.inputType!=="textarea")return Y.preventDefault(),V("confirm")},V=Y=>{var K;e.boxType==="prompt"&&Y==="confirm"&&!A()||(u.action=Y,u.beforeClose?(K=u.beforeClose)==null||K.call(u,Y,u,$):$())},A=()=>{if(e.boxType==="prompt"){const Y=u.inputPattern;if(Y&&!Y.test(u.inputValue||""))return u.editorErrorMessage=u.inputErrorMessage||l("el.messagebox.error"),u.validateError=!0,!1;const K=u.inputValidator;if(typeof K=="function"){const M=K(u.inputValue);if(M===!1)return u.editorErrorMessage=u.inputErrorMessage||l("el.messagebox.error"),u.validateError=!0,!1;if(typeof M=="string")return u.editorErrorMessage=M,u.validateError=!0,!1}}return u.editorErrorMessage="",u.validateError=!1,!0},I=()=>{const Y=S.value.$refs;return Y.input||Y.textarea},B=()=>{V("close")},z=()=>{e.closeOnPressEscape&&B()};return e.lockScroll&&J6(i),{...kr(u),ns:o,overlayEvent:x,visible:i,hasMessage:b,typeClass:f,contentId:v,inputId:p,btnSize:a,iconComponent:h,confirmButtonClasses:C,rootRef:g,focusStartRef:y,headerRef:_,inputRef:S,confirmRef:w,doClose:$,handleClose:B,onCloseRequested:z,handleWrapperClick:O,handleInputEnter:R,handleAction:V,t:l}}}),l8e=["aria-label","aria-describedby"],s8e=["aria-label"],i8e=["id"];function u8e(e,t,n,r,o,a){const l=Ct("el-icon"),s=Ct("close"),i=Ct("el-input"),u=Ct("el-button"),f=Ct("el-focus-trap"),v=Ct("el-overlay");return P(),ue(tr,{name:"fade-in-linear",onAfterLeave:t[11]||(t[11]=p=>e.$emit("vanish")),persisted:""},{default:re(()=>[Ot(Q(v,{"z-index":e.zIndex,"overlay-class":[e.ns.is("message-box"),e.modalClass],mask:e.modal},{default:re(()=>[q("div",{role:"dialog","aria-label":e.title,"aria-modal":"true","aria-describedby":e.showInput?void 0:e.contentId,class:F(`${e.ns.namespace.value}-overlay-message-box`),onClick:t[8]||(t[8]=(...p)=>e.overlayEvent.onClick&&e.overlayEvent.onClick(...p)),onMousedown:t[9]||(t[9]=(...p)=>e.overlayEvent.onMousedown&&e.overlayEvent.onMousedown(...p)),onMouseup:t[10]||(t[10]=(...p)=>e.overlayEvent.onMouseup&&e.overlayEvent.onMouseup(...p))},[Q(f,{loop:"",trapped:e.visible,"focus-trap-el":e.rootRef,"focus-start-el":e.focusStartRef,onReleaseRequested:e.onCloseRequested},{default:re(()=>[q("div",{ref:"rootRef",class:F([e.ns.b(),e.customClass,e.ns.is("draggable",e.draggable),{[e.ns.m("center")]:e.center}]),style:lt(e.customStyle),tabindex:"-1",onClick:t[7]||(t[7]=pt(()=>{},["stop"]))},[e.title!==null&&e.title!==void 0?(P(),H("div",{key:0,ref:"headerRef",class:F(e.ns.e("header"))},[q("div",{class:F(e.ns.e("title"))},[e.iconComponent&&e.center?(P(),ue(l,{key:0,class:F([e.ns.e("status"),e.typeClass])},{default:re(()=>[(P(),ue(jt(e.iconComponent)))]),_:1},8,["class"])):se("v-if",!0),q("span",null,Ae(e.title),1)],2),e.showClose?(P(),H("button",{key:0,type:"button",class:F(e.ns.e("headerbtn")),"aria-label":e.t("el.messagebox.close"),onClick:t[0]||(t[0]=p=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel")),onKeydown:t[1]||(t[1]=tn(pt(p=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"]))},[Q(l,{class:F(e.ns.e("close"))},{default:re(()=>[Q(s)]),_:1},8,["class"])],42,s8e)):se("v-if",!0)],2)):se("v-if",!0),q("div",{id:e.contentId,class:F(e.ns.e("content"))},[q("div",{class:F(e.ns.e("container"))},[e.iconComponent&&!e.center&&e.hasMessage?(P(),ue(l,{key:0,class:F([e.ns.e("status"),e.typeClass])},{default:re(()=>[(P(),ue(jt(e.iconComponent)))]),_:1},8,["class"])):se("v-if",!0),e.hasMessage?(P(),H("div",{key:1,class:F(e.ns.e("message"))},[de(e.$slots,"default",{},()=>[e.dangerouslyUseHTMLString?(P(),ue(jt(e.showInput?"label":"p"),{key:1,for:e.showInput?e.inputId:void 0,innerHTML:e.message},null,8,["for","innerHTML"])):(P(),ue(jt(e.showInput?"label":"p"),{key:0,for:e.showInput?e.inputId:void 0},{default:re(()=>[Ht(Ae(e.dangerouslyUseHTMLString?"":e.message),1)]),_:1},8,["for"]))])],2)):se("v-if",!0)],2),Ot(q("div",{class:F(e.ns.e("input"))},[Q(i,{id:e.inputId,ref:"inputRef",modelValue:e.inputValue,"onUpdate:modelValue":t[2]||(t[2]=p=>e.inputValue=p),type:e.inputType,placeholder:e.inputPlaceholder,"aria-invalid":e.validateError,class:F({invalid:e.validateError}),onKeydown:tn(e.handleInputEnter,["enter"])},null,8,["id","modelValue","type","placeholder","aria-invalid","class","onKeydown"]),q("div",{class:F(e.ns.e("errormsg")),style:lt({visibility:e.editorErrorMessage?"visible":"hidden"})},Ae(e.editorErrorMessage),7)],2),[[on,e.showInput]])],10,i8e),q("div",{class:F(e.ns.e("btns"))},[e.showCancelButton?(P(),ue(u,{key:0,loading:e.cancelButtonLoading,class:F([e.cancelButtonClass]),round:e.roundButton,size:e.btnSize,onClick:t[3]||(t[3]=p=>e.handleAction("cancel")),onKeydown:t[4]||(t[4]=tn(pt(p=>e.handleAction("cancel"),["prevent"]),["enter"]))},{default:re(()=>[Ht(Ae(e.cancelButtonText||e.t("el.messagebox.cancel")),1)]),_:1},8,["loading","class","round","size"])):se("v-if",!0),Ot(Q(u,{ref:"confirmRef",type:"primary",loading:e.confirmButtonLoading,class:F([e.confirmButtonClasses]),round:e.roundButton,disabled:e.confirmButtonDisabled,size:e.btnSize,onClick:t[5]||(t[5]=p=>e.handleAction("confirm")),onKeydown:t[6]||(t[6]=tn(pt(p=>e.handleAction("confirm"),["prevent"]),["enter"]))},{default:re(()=>[Ht(Ae(e.confirmButtonText||e.t("el.messagebox.confirm")),1)]),_:1},8,["loading","class","round","disabled","size"]),[[on,e.showConfirmButton]])],2)],6)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])],42,l8e)]),_:3},8,["z-index","overlay-class","mask"]),[[on,e.visible]])]),_:3})}var c8e=ze(a8e,[["render",u8e],["__file","/home/runner/work/element-plus/element-plus/packages/components/message-box/src/index.vue"]]);const Gf=new Map,d8e=e=>{let t=document.body;return e.appendTo&&(_t(e.appendTo)&&(t=document.querySelector(e.appendTo)),ba(e.appendTo)&&(t=e.appendTo),ba(t)||(t=document.body)),t},f8e=(e,t,n=null)=>{const r=Q(c8e,e,ht(e.message)||An(e.message)?{default:ht(e.message)?e.message:()=>e.message}:null);return r.appContext=n,Vs(r,t),d8e(e).appendChild(t.firstElementChild),r.component},v8e=()=>document.createElement("div"),p8e=(e,t)=>{const n=v8e();e.onVanish=()=>{Vs(null,n),Gf.delete(o)},e.onAction=a=>{const l=Gf.get(o);let s;e.showInput?s={value:o.inputValue,action:a}:s=a,e.callback?e.callback(s,r.proxy):a==="cancel"||a==="close"?e.distinguishCancelAndClose&&a!=="cancel"?l.reject("close"):l.reject("cancel"):l.resolve(s)};const r=f8e(e,n,t),o=r.proxy;for(const a in e)Xt(e,a)&&!Xt(o.$props,a)&&(o[a]=e[a]);return o.visible=!0,o};function ed(e,t=null){if(!en)return Promise.reject();let n;return _t(e)||An(e)?e={message:e}:n=e.callback,new Promise((r,o)=>{const a=p8e(e,t!=null?t:ed._context);Gf.set(a,{options:e,callback:n,resolve:r,reject:o})})}const h8e=["alert","confirm","prompt"],m8e={alert:{closeOnPressEscape:!1,closeOnClickModal:!1},confirm:{showCancelButton:!0},prompt:{showCancelButton:!0,showInput:!0}};h8e.forEach(e=>{ed[e]=g8e(e)});function g8e(e){return(t,n,r,o)=>{let a="";return Bt(n)?(r=n,a=""):Mr(n)?a="":a=n,ed(Object.assign({title:a,message:t,type:"",...m8e[e]},r,{boxType:e}),o)}}ed.close=()=>{Gf.forEach((e,t)=>{t.doClose()}),Gf.clear()};ed._context=null;const $s=ed;$s.install=e=>{$s._context=e._context,e.config.globalProperties.$msgbox=$s,e.config.globalProperties.$messageBox=$s,e.config.globalProperties.$alert=$s.alert,e.config.globalProperties.$confirm=$s.confirm,e.config.globalProperties.$prompt=$s.prompt};const Ng=$s,XM=["success","info","warning","error"],b8e=He({customClass:{type:String,default:""},dangerouslyUseHTMLString:{type:Boolean,default:!1},duration:{type:Number,default:4500},icon:{type:On},id:{type:String,default:""},message:{type:ge([String,Object]),default:""},offset:{type:Number,default:0},onClick:{type:ge(Function),default:()=>{}},onClose:{type:ge(Function),required:!0},position:{type:String,values:["top-right","top-left","bottom-right","bottom-left"],default:"top-right"},showClose:{type:Boolean,default:!0},title:{type:String,default:""},type:{type:String,values:[...XM,""],default:""},zIndex:Number}),y8e={destroy:()=>!0},_8e=["id"],w8e=["textContent"],C8e={key:0},S8e=["innerHTML"],k8e=Z({name:"ElNotification"}),$8e=Z({...k8e,props:b8e,emits:y8e,setup(e,{expose:t}){const n=e,{ns:r,zIndex:o}=Sg("notification"),{nextZIndex:a,currentZIndex:l}=o,{Close:s}=W6,i=D(!1);let u;const f=T(()=>{const w=n.type;return w&&Hs[n.type]?r.m(w):""}),v=T(()=>n.type&&Hs[n.type]||n.icon),p=T(()=>n.position.endsWith("right")?"right":"left"),h=T(()=>n.position.startsWith("top")?"top":"bottom"),b=T(()=>{var w;return{[h.value]:`${n.offset}px`,zIndex:(w=n.zIndex)!=null?w:l.value}});function g(){n.duration>0&&({stop:u}=Ui(()=>{i.value&&y()},n.duration))}function _(){u==null||u()}function y(){i.value=!1}function S({code:w}){w===ut.delete||w===ut.backspace?_():w===ut.esc?i.value&&y():g()}return bt(()=>{g(),a(),i.value=!0}),Kn(document,"keydown",S),t({visible:i,close:y}),(w,C)=>(P(),ue(tr,{name:c(r).b("fade"),onBeforeLeave:w.onClose,onAfterLeave:C[1]||(C[1]=k=>w.$emit("destroy")),persisted:""},{default:re(()=>[Ot(q("div",{id:w.id,class:F([c(r).b(),w.customClass,c(p)]),style:lt(c(b)),role:"alert",onMouseenter:_,onMouseleave:g,onClick:C[0]||(C[0]=(...k)=>w.onClick&&w.onClick(...k))},[c(v)?(P(),ue(c(at),{key:0,class:F([c(r).e("icon"),c(f)])},{default:re(()=>[(P(),ue(jt(c(v))))]),_:1},8,["class"])):se("v-if",!0),q("div",{class:F(c(r).e("group"))},[q("h2",{class:F(c(r).e("title")),textContent:Ae(w.title)},null,10,w8e),Ot(q("div",{class:F(c(r).e("content")),style:lt(w.title?void 0:{margin:0})},[de(w.$slots,"default",{},()=>[w.dangerouslyUseHTMLString?(P(),H(Ue,{key:1},[se(" Caution here, message could've been compromised, never use user's input as message "),q("p",{innerHTML:w.message},null,8,S8e)],2112)):(P(),H("p",C8e,Ae(w.message),1))])],6),[[on,w.message]]),w.showClose?(P(),ue(c(at),{key:0,class:F(c(r).e("closeBtn")),onClick:pt(y,["stop"])},{default:re(()=>[Q(c(s))]),_:1},8,["class","onClick"])):se("v-if",!0)],2)],46,_8e),[[on,i.value]])]),_:3},8,["name","onBeforeLeave"]))}});var E8e=ze($8e,[["__file","/home/runner/work/element-plus/element-plus/packages/components/notification/src/notification.vue"]]);const hm={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},N1=16;let T8e=1;const Ac=function(e={},t=null){if(!en)return{close:()=>{}};(typeof e=="string"||An(e))&&(e={message:e});const n=e.position||"top-right";let r=e.offset||0;hm[n].forEach(({vm:f})=>{var v;r+=(((v=f.el)==null?void 0:v.offsetHeight)||0)+N1}),r+=N1;const o=`notification_${T8e++}`,a=e.onClose,l={...e,offset:r,id:o,onClose:()=>{P8e(o,n,a)}};let s=document.body;ba(e.appendTo)?s=e.appendTo:_t(e.appendTo)&&(s=document.querySelector(e.appendTo)),ba(s)||(s=document.body);const i=document.createElement("div"),u=Q(E8e,l,An(l.message)?{default:()=>l.message}:null);return u.appContext=t!=null?t:Ac._context,u.props.onDestroy=()=>{Vs(null,i)},Vs(u,i),hm[n].push({vm:u}),s.appendChild(i.firstElementChild),{close:()=>{u.component.exposed.visible.value=!1}}};XM.forEach(e=>{Ac[e]=(t={})=>((typeof t=="string"||An(t))&&(t={message:t}),Ac({...t,type:e}))});function P8e(e,t,n){const r=hm[t],o=r.findIndex(({vm:u})=>{var f;return((f=u.component)==null?void 0:f.props.id)===e});if(o===-1)return;const{vm:a}=r[o];if(!a)return;n==null||n(a);const l=a.el.offsetHeight,s=t.split("-")[0];r.splice(o,1);const i=r.length;if(!(i<1))for(let u=o;u{t.component.exposed.visible.value=!1})}Ac.closeAll=O8e;Ac._context=null;const x8e=q6(Ac,"$notify");var A8e=[B6e,K6e,_r,Ng,x8e,xI],I8e=wme([...I6e,...A8e]);const xn=(e,t)=>{const n={};return e.type==="text"&&(n.type="primary",n.link=!0),st(Fr,Object.assign(Object.assign({},e),n),t.slots)};function M8e(){const e=Ge(Ka,null);return function(n){var r;(r=e==null?void 0:e.validate)===null||r===void 0||r.call(e,n).catch(()=>{})}}function x2(e){return e==null,e}function Fn(e,t){return{modelValue:e,"onUpdate:modelValue":t}}function N8e(e){const t=n=>{var r;n!==e.value&&((r=e.onChange)===null||r===void 0||r.call(e,n))};return T(()=>Fn(e.value,t))}function R8e(e){const t=new rne;return{register:t.register,unregister:t.unregister,subscribe:n=>{const r=[t.subscribe(n)];return e&&r.push(e.subscribe(n)),()=>r.map(o=>o())[0]},unsubscribe:n=>(e==null||e.unsubscribe(n),t.unsubscribe(n)),registered(n){const r=t.registered(n);return r==null&&e!=null?e.registered(n):r}}}const ZM=R8e();function bn(e,t){const n=wt({name:t.name,props:["properties"],setup(o){const a=Fc({}),l=an();return t.globalConfigKey&&be(()=>l[t.globalConfigKey],s=>{if(!(s==null||typeof s!="object"))for(const i in s){const u=s[i];i in o.properties||a[i]!==u&&Jr(a,i,u)}},{immediate:!0,deep:!0}),be(()=>o.properties,s=>{for(const i in s){const u=s[i];i in a?a[i]!==u&&(a[i]=u):Jr(a,i,u)}},{immediate:!0}),e(a)}}),r=o=>Du(n,{properties:o});return r.__setup__=e,r}const c7e=wt({name:"WKSvgAdd",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M512 68.256c245.056 0 443.744 198.688 443.744 443.744 0 245.056-198.688 443.744-443.744 443.744-245.056 0-443.744-198.688-443.744-443.744C68.256 266.944 266.944 68.256 512 68.256zm0 64c-209.728 0-379.744 170.016-379.744 379.744 0 209.728 170.016 379.744 379.744 379.744 209.728 0 379.744-170.016 379.744-379.744 0-209.728-170.016-379.744-379.744-379.744zm2.144 174.944a32 32 0 0 1 32 32l-.032 138.656H684.8a32 32 0 0 1 32 32v4.288a32 32 0 0 1-32 32l-138.688-.032V684.8a32 32 0 0 1-32 32h-4.256a32 32 0 0 1-32-32V546.112H339.2a32 32 0 0 1-32-32v-4.256a32 32 0 0 1 32-32h138.656V339.2a32 32 0 0 1 32-32h4.288z"})}))}}}),F8e=wt({name:"WKSvgCheckCircleFill",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M507.744 64C752.8 64 951.456 262.656 951.456 507.744c0 245.056-198.656 443.712-443.712 443.712C262.656 951.456 64 752.8 64 507.744 64 262.656 262.656 64 507.744 64zm224.544 328.672a16 16 0 0 0-21.984-.96l-257.92 223.36L319.264 493.6a16 16 0 0 0-21.76.16l-12.256 11.52a16.032 16.032 0 0 0-.544 22.784l155.488 160.992a16 16 0 0 0 22.624.384L739.04 422.688a16 16 0 0 0 .384-22.624z"})}))}}}),L8e=wt({name:"WKSvgCopy",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M832 288a96 96 0 0 1 96 96v448a96 96 0 0 1-96 96H384a96 96 0 0 1-96-96V384a96 96 0 0 1 96-96zm0 64H384a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V384a32 32 0 0 0-32-32zM640 96a96 96 0 0 1 95.84 90.368L736 192v32.544a32 32 0 0 1-63.776 3.744l-.224-3.744V192a32 32 0 0 0-28.256-31.776L640 160H192a32 32 0 0 0-31.776 28.256L160 192v448a32 32 0 0 0 28.256 31.776L192 672h33.568a32 32 0 0 1 3.712 63.776l-3.68.224H192a96 96 0 0 1-95.84-90.368L96 640V192a96 96 0 0 1 90.368-95.84L192 96h448z"})}))}}}),D8e=wt({name:"WKSvgCrossCircleFill",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M507.744 64C752.8 64 951.456 262.656 951.456 507.744c0 245.056-198.656 443.712-443.712 443.712C262.656 951.456 64 752.8 64 507.744 64 262.656 262.656 64 507.744 64zM398.848 353.6a32 32 0 0 0-45.248 45.248L466.752 512 353.6 625.152a32 32 0 0 0 45.248 45.248L512 557.248 625.152 670.4a32 32 0 0 0 45.248-45.248L557.248 512 670.4 398.848a32 32 0 0 0-45.248-45.248L512 466.752z"})}))}}}),d7e=wt({name:"WKSvgDelete",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M598.4 68.256a16 16 0 0 1 16 16v52.256h309.344a32 32 0 0 1 32 32v4.288a32 32 0 0 1-32 32H883.84l-35.68 684.448a34.144 34.144 0 0 1-34.08 32.352H209.888a34.144 34.144 0 0 1-34.08-32.352l-35.744-684.48-39.808.032a32 32 0 0 1-32-32v-4.256a32 32 0 0 1 32-32H409.6l.032-52.288a16 16 0 0 1 16-16h172.8zM815.52 204.8H208.48l33.76 648.544h539.424L815.52 204.8zM411.744 375.456a32 32 0 0 1 32 32v243.2a32 32 0 0 1-32 32h-4.288a32 32 0 0 1-32-32v-243.2a32 32 0 0 1 32-32h4.288zm204.8 0a32 32 0 0 1 32 32v243.2a32 32 0 0 1-32 32h-4.288a32 32 0 0 1-32-32v-243.2a32 32 0 0 1 32-32h4.288z"})}))}}}),B8e=wt({name:"WKSvgFile",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M593.376 68.256a96 96 0 0 1 67.872 28.128l198.08 198.08a96 96 0 0 1 28.16 67.84v525.152a68.256 68.256 0 0 1-68.288 68.288H204.8a68.256 68.256 0 0 1-68.256-68.288V136.544c0-37.728 30.56-68.288 68.256-68.288h388.576zm-10.976 64H204.8a4.256 4.256 0 0 0-4.064 2.944l-.192 1.344v750.912c0 1.92 1.216 3.52 2.88 4.064l1.376.224h614.4a4.256 4.256 0 0 0 4.064-2.944l.192-1.344V373.312H655.36a72.96 72.96 0 0 1-72.8-67.936l-.16-4.992v-168.16zm201.28 177.056L646.4 172.032v128.32a8.96 8.96 0 0 0 6.912 8.736l2.048.256h128.32z"})}))}}}),f7e=wt({name:"WKSvgHomeFill",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M460.224 111.168a96 96 0 0 1 103.552 0l320 204.928A96 96 0 0 1 928 396.928V841.92a96 96 0 0 1-96 96H192a96 96 0 0 1-96-96V396.928a96 96 0 0 1 44.224-80.832zM512 596a32 32 0 0 0-32 32v192a32 32 0 1 0 64 0V628a32 32 0 0 0-32-32z"})}))}}}),Rg=wt({name:"WKSvgInquiryFill",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M507.728 64C752.8 64 951.472 262.672 951.472 507.728c0 245.072-198.672 443.744-443.744 443.744C262.672 951.472 64 752.8 64 507.728 64 262.672 262.672 64 507.728 64zm2.416 560.96c-11.52 0-21.888 3.456-29.952 11.52-8.064 7.488-12.096 17.28-12.096 29.376a40 40 0 0 0 12.096 29.376c8.064 8.064 18.432 12.096 29.952 12.096 11.52 0 21.888-4.032 29.952-11.52 8.064-8.064 12.672-17.856 12.672-29.952s-4.032-21.888-12.096-29.376c-8.064-8.064-18.432-11.52-30.528-11.52zM520.512 288c-42.624 0-76.032 12.096-100.224 36.864C396.096 349.056 384 381.888 384 423.936c0 25.344 54.288 33.984 60.48 0 0-25.344 5.184-44.928 15.552-58.752 11.52-16.704 30.528-24.768 56.448-24.768 20.736 0 37.44 5.76 48.96 17.28 10.944 11.52 16.704 27.072 16.704 47.232 0 14.976-5.76 28.8-16.128 42.048l-9.792 10.944c-35.712 31.68-57.6 55.296-65.088 71.424-8.064 14.976-11.52 33.408-11.52 54.72v9.792h61.632v-9.792c0-13.824 2.88-26.496 9.216-38.016 5.184-10.368 13.248-20.736 24.192-29.952 27.072-23.616 43.2-38.592 48.384-44.928 14.4-18.432 21.888-42.048 21.888-70.272 0-34.56-11.52-62.208-34.56-82.368C587.328 297.792 557.376 288 520.512 288z"})}))}}}),V8e=wt({name:"WKSvgLoading",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M512 128a384 384 0 0 1 384 384h-85.333A298.667 298.667 0 0 0 512 213.333V128z"})}))}}}),j8e=wt({name:"WKSvgMore",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M204.8 443.744a68.256 68.256 0 1 1 0 136.512 68.256 68.256 0 0 1 0-136.512zm307.2 0a68.256 68.256 0 1 1 0 136.512 68.256 68.256 0 0 1 0-136.512zm307.2 0a68.256 68.256 0 1 1 0 136.512 68.256 68.256 0 0 1 0-136.512z"})}))}}}),z8e=wt({name:"WKSvgPlus",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M928.16 552.704H552.704V928.16h-68.256V552.672H108.96V484.48l375.488-.064V108.96h68.256v375.52H928.16z"})}))}}}),H8e=wt({name:"WKSvgRefresh",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"m136.544 443.744-102.4 136.512h76.064c32.48 192.544 200 339.2 401.792 339.2 140.064 0 268-71.232 342.56-186.752a32 32 0 0 0-53.76-34.688A343.104 343.104 0 0 1 512 855.456c-166.304 0-305.024-118.208-336.672-275.2h63.616l-102.4-136.512zM512 104.544c-145.664 0-278.016 77.12-350.848 200.16a32 32 0 0 0 55.04 32.608A343.232 343.232 0 0 1 512 168.544c178.176 0 324.64 135.648 341.76 309.312h-68.704l102.4 136.544 102.4-136.544H918.08C900.704 268.8 725.536 104.544 512 104.544z"})}))}}}),K8e=wt({name:"WKSvgSearch",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M443.744 68.256c207.36 0 375.456 168.128 375.456 375.488 0 100.064-39.168 191.04-103.008 258.336l215.2 215.168a32 32 0 0 1 0 45.248l-3.008 3.04a32 32 0 0 1-45.28 0l-218.24-218.304a373.76 373.76 0 0 1-221.12 71.968c-207.36 0-375.488-168.096-375.488-375.456S236.384 68.256 443.744 68.256zm0 68.288a307.2 307.2 0 1 0 0 614.4 307.2 307.2 0 0 0 0-614.4z"})}))}}}),W8e=wt({name:"WKSvgSetting",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"m512 42.667 405.333 234.666v469.334L512 981.333 106.667 746.667V277.333L512 42.667zm0 98.602L192 326.528v370.944l320 185.259 320-185.259V326.528L512 141.269zm0 541.398a170.667 170.667 0 1 1 0-341.334 170.667 170.667 0 0 1 0 341.334zm0-85.334a85.333 85.333 0 1 0 0-170.666 85.333 85.333 0 0 0 0 170.666z"})}))}}}),U8e=wt({name:"WKSvgTranslate",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return Pt("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:[J("path",{d:"M501.76 96a64 64 0 0 1 64 64v373.76a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V160a64 64 0 0 1 64-64h373.76zm-164.672 71.68h-38.72v61.28H171.52v174.912h37.632V384.16H298.4v119.68h38.72V384.16h89.6v19.712h37.6V228.96H337.088v-61.28zm-38.72 97.856v82.048h-89.184v-82.048h89.248zm128.32 0v82.048h-89.6v-82.048h89.6zM207.36 651.52a35.84 35.84 0 0 1 35.584 31.68l.256 4.16v89.6c0 18.368 13.824 33.536 31.68 35.584l4.16.256h89.6a35.84 35.84 0 0 1 4.16 71.424l-4.16.256h-89.6a107.52 107.52 0 0 1-107.328-101.216l-.192-6.304v-89.6c0-19.808 16.032-35.84 35.84-35.84zM780.8 167.68a107.52 107.52 0 0 1 107.328 101.216l.192 6.304v89.6a35.84 35.84 0 0 1-71.424 4.16l-.256-4.16v-89.6a35.84 35.84 0 0 0-31.68-35.584l-4.16-.256h-89.6a35.84 35.84 0 0 1-4.16-71.424l4.16-.256h89.6z"}),J("path",{d:"M896 418.56a64 64 0 0 1 64 64v373.76a64 64 0 0 1-64 64H522.24a64 64 0 0 1-64-64V633.6h79.36a64 64 0 0 0 63.84-59.2l.16-4.8V418.56H896zM747.104 556.896h-47.68L601.6 812.8h44.8l23.296-64.16h107.168l23.296 64.16h44.8l-97.856-255.904zm-22.944 45.152 40.16 112.192h-82.08l40.512-112.192h1.408z"})]}))}}}),q8e=wt({name:"WKSvgUpload",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M921.6 610.912a32 32 0 0 1 31.776 28.256l.224 3.744V776.48c0 54.272-38.784 99.968-89.536 103.04l-5.472.192H165.408c-51.552 0-92.128-43.84-94.848-97.472l-.16-5.76v-133.6a32 32 0 0 1 63.776-3.744l.224 3.744v133.568c0 20.992 12.896 36.96 27.808 39.04l3.2.192h693.184c15.104 0 29.024-14.592 30.816-34.816l.192-4.416V642.88a32 32 0 0 1 32-32zM558.496 149.728l3.712 3.488L727.712 318.72a32 32 0 0 1-42.464 47.712l-2.784-2.464-136.352-136.32v411.296a32 32 0 0 1-32 32h-4.256a32 32 0 0 1-32-32V227.648l-136.32 136.32a32 32 0 0 1-47.744-42.464l2.496-2.784 165.504-165.504a71.04 71.04 0 0 1 96.704-3.488z"})}))}}}),G8e=wt({name:"WKSvgWarningFill",inheritAttrs:!0,setup(){var e;return(e=vt())===null||e===void 0||e.proxy,()=>{let t;return J("svg",Object.assign({},t,{viewBox:"0 0 1024 1024",class:"wk-svg"},{children:J("path",{d:"M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64zm2.464 585.856h-4.928a32 32 0 0 0-32 32v4.928a32 32 0 0 0 32 32h4.928a32 32 0 0 0 32-32v-4.928a32 32 0 0 0-32-32zm0-344.64h-4.928a32 32 0 0 0-32 32v246.176a32 32 0 0 0 32 32h4.928a32 32 0 0 0 32-32V337.216a32 32 0 0 0-32-32z"})}))}}});var Y8e=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,n=[],r=0;r"u"){n&&console.warn("unable to use e.clipboardData"),n&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var v=iT[t.format]||iT.default;window.clipboardData.setData(v,e)}else f.clipboardData.clearData(),f.clipboardData.setData(t.format,e);t.onCopy&&(f.preventDefault(),t.onCopy(f.clipboardData))}),document.body.appendChild(s),a.selectNodeContents(s),l.addRange(a);var u=document.execCommand("copy");if(!u)throw new Error("copy command was unsuccessful");i=!0}catch(f){n&&console.error("unable to copy using execCommand: ",f),n&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),i=!0}catch(v){n&&console.error("unable to copy using clipboardData: ",v),n&&console.error("falling back to prompt"),r=Q8e("message"in t?t.message:Z8e),window.prompt(r,e)}}finally{l&&(typeof l.removeRange=="function"?l.removeRange(a):l.removeAllRanges()),s&&document.body.removeChild(s),o()}return i}var eAe=J8e;const ja=wt({name:"FatIcon",props:{color:null,size:null,align:null,loading:{type:Boolean,default:!1},left:{type:Boolean,default:!1},right:{type:Boolean,default:!1}},setup(e,{slots:t,attrs:n}){const r=T(()=>{const{size:o,color:a,align:l}=e;return!o&&!a&&!l?za:{fontSize:zx(o),verticalAlign:l,"--color":j_(a)}});return()=>{var o;const{left:a,right:l,loading:s}=e;return J("i",Object.assign({class:Mt("fat-icon",n.class,{"fat-icon--left":a,"fat-icon--right":l,"fat-icon--loading":s}),style:Rr(r.value,n.style)},$n(),{children:(o=t.default)===null||o===void 0?void 0:o.call(t)}))}}}),tAe=Symbol("atomic-registry");function QM(){return Ge(tAe,ZM)}const td=Yl;function nAe(){var e;const t=an();return(e=t==null?void 0:t.i18n)!==null&&e!==void 0?e:rg}function Vn(){return nAe().t}function nd(e,t=350){const n=D();let r;n.value=e.value;const o=()=>{r!=null&&(window.clearTimeout(r),r=void 0)};return be(e,a=>{o(),a?n.value=a:r=window.setTimeout(()=>{n.value=a},t)}),hn(o),n}function A2(e,t){const n=D(!1),r=c(e);if(typeof r=="function"){const a=D(t),l=Vn();return(async()=>{try{n.value=!0;const i=await r();a.value=i}catch(i){console.error(i),_r.error(l("wkc.optionLoadFailed",{message:i.message}))}finally{n.value=!1}})(),{value:a,loading:n}}const o=D(e);return{loading:n,value:o}}function I2(){var e,t;const n=vt();return(t=(e=n==null?void 0:n.root)===null||e===void 0?void 0:e.proxy)===null||t===void 0?void 0:t.$router}function rAe(){var e;const t=vt(),n=(e=t==null?void 0:t.root)===null||e===void 0?void 0:e.proxy;if(n==null)return{query:{},params:{},hash:"",path:""};if(n._$route)return n._$route;{const r={};for(const o in n.$route)aP(!0).run(()=>{r[o]=T(()=>n.$router.currentRoute.value[o])});n._$route=nn(r)}return n._$route}let oAe=0;function aAe(){return oAe++}const lAe=new Map;function zb(e,t,n=lAe){let r=D();const o=D(!1),a=D();return be(()=>c(e),l=>{if(l==null)return;if(n.has(l)){const u=n.get(l);if(u.queue!=null){o.value=!0,u.queue.push([f=>{o.value=!1,r.value=f},f=>{o.value=!1,a.value=f}]);return}else if(u.error==null){r.value=u.result;return}}const s=t(l);o.value=!0;const i={queue:[[u=>{o.value=!1,r.value=u},u=>{o.value=!1,a.value=u}]],result:void 0,error:void 0};n.set(l,i),s.then(u=>{i.result=u;for(const[f]of i.queue)f(u);i.queue=void 0},u=>{i.error=u;for(const[,f]of i.queue)f(u);i.queue=void 0})},{immediate:!0,flush:"post"}),{result:r,loading:o,error:a}}const kv=wt({name:"FatText",props:{ellipsis:{type:[Number,Boolean]},copyable:{type:[Boolean,String]},showTooltipWhenEllipsis:{type:Boolean,default:!0},underline:Boolean,tag:null,color:null},setup(e,{slots:t,attrs:n}){const r=D(),o=D(),a=D(0),l=D(!1),s=D(""),i=Vn(),u=T(()=>({position:"fixed",display:"block",left:"0px",top:"0px",zIndex:-9999,visibility:"hidden",pointerEvents:"none",margin:"0px",padding:"0px",whiteSpace:"normal",width:a.value+"px"})),f=T(()=>{const p={};return e.ellipsis&&Object.assign(p,{WebkitLineClamp:typeof e.ellipsis!="number"?1:e.ellipsis,WebkitBoxOrient:"vertical",overflow:"hidden",display:"-webkit-box"}),e.color&&(p.color=j_(e.color)),e.underline&&(p.textDecoration="underline"),Rr(p,n.style)});be(()=>[!!e.ellipsis,r.value,o.value],([p,h,b],g,_)=>{if(p&&h&&b){const y=Bi(()=>{b.offsetWidth===h.offsetWidth&&b.offsetHeight>h.offsetHeight?l.value=!0:l.value=!1},500),S=new ResizeObserver(w=>{var C;for(const k of w)k.target===h&&(a.value=h.offsetWidth,s.value=(C=k.target.textContent)!==null&&C!==void 0?C:""),y()});S.observe(h),S.observe(b),_(()=>{S.disconnect()})}},{flush:"post",immediate:!0}),bt(()=>{var p,h;o.value?s.value=(p=o.value.textContent)!==null&&p!==void 0?p:"":r.value&&(s.value=(h=r.value.textContent)!==null&&h!==void 0?h:"")}),Sa(()=>{var p,h;let b="";o.value?b=(p=o.value.textContent)!==null&&p!==void 0?p:"":r.value&&(b=(h=r.value.textContent)!==null&&h!==void 0?h:""),s.value!==b&&tt(()=>{s.value=b})});const v=p=>{p.preventDefault(),p.stopPropagation();let h=typeof e.copyable=="string"?e.copyable:s.value;eAe(h),_r.success(i("wkc.copied"))};return()=>{var p;const{tag:h="span",ellipsis:b,copyable:g,color:_,underline:y}=e,S=Zt(e,["tag","ellipsis","copyable","color","underline"]),w=h,C=(p=t.default)===null||p===void 0?void 0:p.call(t),k=Pt(w,Object.assign({},$n(),S,{ref:r,class:Mt("fat-text",n.class,{"fat-text--ellipsis":l.value,"fat-text--copyable":g}),style:f.value,title:l.value&&!e.showTooltipWhenEllipsis?s.value:void 0},{children:[C,!!g&&J(ur,Object.assign({"v-slots":{content:i("wkc.copy")}},{children:J(ja,Object.assign({class:"fat-text__copy",onClick:v},{children:J(L8e,{})}))})),!!b&&J("div",Object.assign({ref:o,style:u.value},{children:C}))]}));return l.value&&e.showTooltipWhenEllipsis?J(ur,Object.assign({"v-slots":{content:J("div",Object.assign({class:"fat-tooltip-content"},{children:s.value}))},popperClass:"fat-tooltip-title",placement:"bottom"},{children:k})):k}}}),sAe=wt({name:"FatLink",props:{href:null,target:null,copyable:{type:[Boolean,String],default:void 0},beforeNavigate:null},setup(e,{slots:t,attrs:n,emit:r}){const o=I2(),a=l=>{if(r("click",l),l.preventDefault(),l.stopPropagation(),!e.href)return;const s=()=>{typeof e.href=="string"&&e.href.startsWith("http")?e.target==="_blank"?window.open(e.href):window.location.href=e.href:o==null||o.push(e.href)};if(e.beforeNavigate){e.beforeNavigate(e.href,s);return}s()};return()=>J(kv,Object.assign({tag:"a",color:"info",underline:!0},$n(!1),{class:Mt("fat-link",n.class),href:typeof e.href=="string"?e.href:void 0,onClick:a,copyable:typeof e.copyable!="string"&&e.copyable&&typeof e.href=="string"?e.href:e.copyable,"v-slots":t}))}});function M2(e){return e==null||e===""}const $v=bn(e=>{const t=an(),n=Vn();return()=>{let{value:r,mode:o,onChange:a,scene:l,context:s,renderPreview:i,ellipsis:u,copyable:f,tag:v,underline:p,placeholder:h,color:b,textProps:g,undefinedPlaceholder:_,customInput:y}=e,S=Zt(e,["value","mode","onChange","scene","context","renderPreview","ellipsis","copyable","tag","underline","placeholder","color","textProps","undefinedPlaceholder","customInput"]);if(o==="preview")return i?i(r):M2(r)?J("span",Object.assign({class:S.class,style:S.style},{children:_!=null?_:t.undefinedPlaceholder})):J(kv,Object.assign({class:S.class,style:S.style},{ellipsis:u,copyable:f,tag:v,underline:p,color:b},g,{children:String(r)}));h!=null||(h=n("wkc.enterValue",{value:jx(s==null?void 0:s.label)}));const w=y!=null?y:vr;return J(w,Object.assign({},S,{placeholder:h},Fn(r,a)))}},{name:"AText",globalConfigKey:"aTextProps"}),iAe={name:"text",component:$v,description:"\u6587\u672C\u8F93\u5165",author:"ivan-lee"},uAe=bn(e=>()=>$v(Object.assign({renderPreview:t=>J("span",Object.assign({class:e.class,style:e.style},{children:"* * * * *"})),showPassword:!0},e)),{name:"APassword",globalConfigKey:"aPasswordProps"}),cAe={name:"password",component:uAe,description:"\u5BC6\u7801\u8F93\u5165",author:"ivan-lee"},dAe=bn(e=>()=>{const{searchPlacement:t="left"}=e,n=Zt(e,["searchPlacement"]);return $v(Object.assign(Object.assign({clearable:!0},n),{"v-slots":Object.assign(Object.assign({},n["v-slots"]),{[t==="left"?"prefix":"suffix"]:J(ja,Object.assign({align:"middle",style:"margin-left: 5px",size:"1.15em"},{children:J(K8e,{})}))})}))},{name:"ASearch",globalConfigKey:"aSearchProps"}),fAe={name:"search",component:dAe,description:"\u5E26\u641C\u7D22icon \u7684\u641C\u7D22\u6846",author:"ivan-lee"},vAe=bn(e=>{const t=an();return()=>{const{value:n,mode:r,onChange:o,renderPreview:a,scene:l,context:s,ellipsis:i,copyable:u,tag:f,linkProps:v,undefinedPlaceholder:p}=e,h=Zt(e,["value","mode","onChange","renderPreview","scene","context","ellipsis","copyable","tag","linkProps","undefinedPlaceholder"]);return r==="preview"?a?a(n):M2(n)?J("span",Object.assign({class:h.class,style:h.style},{children:p!=null?p:t.undefinedPlaceholder})):J(sAe,Object.assign({class:h.class,style:h.style,copyable:!!n&&u,href:n},v,{children:String(n)})):J(vr,Object.assign({},h,Fn(n,o)))}},{name:"AUrl",globalConfigKey:"aUrlProps"}),pAe={name:"url",component:vAe,description:"\u94FE\u63A5",author:"ivan-lee",validateTrigger:"blur",async validate(e){if(e&&typeof e=="string")try{new URL(e)}catch{const n=Wo();throw new Error(n.t("wkc.enterValidURL"))}}},hAe=bn(e=>{const t=an();return()=>{const{value:n,mode:r,onChange:o,renderPreview:a,scene:l,context:s,ellipsis:i,copyable:u,tag:f="p",underline:v,color:p,textProps:h,undefinedPlaceholder:b,customInput:g}=e,_=Zt(e,["value","mode","onChange","renderPreview","scene","context","ellipsis","copyable","tag","underline","color","textProps","undefinedPlaceholder","customInput"]);if(r==="preview")return a?a(n):M2(n)?J("span",Object.assign({class:_.class,style:_.style},{children:b!=null?b:t.undefinedPlaceholder})):J(kv,Object.assign({class:Mt("fat-a-textarea-preview",_.class),style:_.style},{ellipsis:i,copyable:u,tag:f,underline:v,color:p},h,{children:String(n)}));const y=g!=null?g:vr;return J(y,Object.assign({type:"textarea"},_,Fn(n,o)))}},{name:"ATextarea",globalConfigKey:"aTextareaProps"}),mAe={name:"textarea",component:hAe,description:"\u957F\u6587\u672C\u8F93\u5165",author:"ivan-lee"},gAe=bn($v.__setup__,{name:"AEmail",globalConfigKey:"aEmailProps"}),bAe={name:"email",component:gAe,description:"\u90AE\u7BB1\u8F93\u5165\u6846",author:"ivan-lee",async validate(e){if(e&&!ore.test(e)){const t=Wo();throw new Error(t.t("wkc.enterCorrectEmail"))}},validateTrigger:"blur"},yAe=bn(e=>{const t=an();return()=>$v(e.mode==="preview"&&e.mask&&e.value?Object.assign({renderPreview(n){var r;return J("span",Object.assign({class:e.class,style:e.style},{children:n?FK(n):(r=e.undefinedPlaceholder)!==null&&r!==void 0?r:t.undefinedPlaceholder}))}},e):Object.assign({},e))},{name:"APhone",globalConfigKey:"aPhoneProps"}),_Ae={name:"phone",component:yAe,description:"\u624B\u673A\u53F7\u7801\u8F93\u5165\u6846",author:"ivan-lee",async validate(e){if(e&&!are.test(e)){const t=Wo();throw new Error(t.t("wkc.enterCorrectPhoneNumber"))}},validateTrigger:"blur"};function wAe(e){const t=Wo(),n={image:t.t("wkc.image"),video:t.t("wkc.video"),audio:t.t("wkc.audio")};return(Array.isArray(e)?e:e.split(",")).map(o=>o.replace(/\/\*$/,"")).map(o=>o.replace(/^(image|video|audio)\//,"")).map(o=>o.replace(/^\./,"")).map(o=>{var a;return(a=n[o])!==null&&a!==void 0?a:o}).join(", ")}function uT(e){const t=Wo(),{tip:n,sizeLimit:r,accept:o,limit:a}=e;if(n)return n;const l=[];return o&&l.push(t.t("wkc.uploadFormat",{accept:wAe(o)})),r&&l.push(t.t("wkc.uploadFileSizeLimit",{sizeLimit:B_(r)})),a&&a!==1&&l.push(t.t("wkc.uploadFileLimit",{limit:a})),l.join(", ")}const cT={files:uT,images:uT,select:e=>{var t;return Wo().t("wkc.selectOption",{label:(t=e.label)!==null&&t!==void 0?t:"\u9009\u9879"})},"multi-select":e=>{var t;return Wo().t("wkc.selectOption",{label:(t=e.label)!==null&&t!==void 0?t:"\u9009\u9879"})},cascader:e=>{var t;return Wo().t("wkc.selectOption",{label:(t=e.label)!==null&&t!==void 0?t:"\u9009\u9879"})},"cascader-lazy":e=>{var t;return Wo().t("wkc.selectOption",{label:(t=e.label)!==null&&t!==void 0?t:"\u9009\u9879"})},date:e=>{var t;return Wo().t("wkc.selectOption",{label:(t=e.label)!==null&&t!==void 0?t:"\u65E5\u671F"})},"date-time":e=>{var t;return Wo().t("wkc.selectOption",{label:(t=e.label)!==null&&t!==void 0?t:"\u65E5\u671F\u65F6\u95F4"})},time:e=>{var t;return Wo().t("wkc.selectOption",{label:(t=e.label)!==null&&t!==void 0?t:"\u65F6\u95F4"})},captcha:e=>{var t;return Wo().t("wkc.inputCaptcha",{label:(t=e.label)!==null&&t!==void 0?t:"\u9A8C\u8BC1\u7801"})}};function rd(e,t){var n,r,o,a,l;let s=((n=t.context)===null||n===void 0?void 0:n.label)||null;typeof s=="object"&&(s=null);const i=Object.assign(Object.assign({},t),{label:s});return(l=(a=(r=i.placeholder)!==null&&r!==void 0?r:(o=cT[e])===null||o===void 0?void 0:o.call(cT,i))!==null&&a!==void 0?a:s)!==null&&l!==void 0?l:"\u8BF7\u8F93\u5165"}const CAe=bn(e=>{const t=an(),n=(r,o,a)=>{var l;return e.renderPreview?e.renderPreview(r):r==null?(l=e.undefinedPlaceholder)!==null&&l!==void 0?l:t.undefinedPlaceholder:Yc(r,o,a)};return()=>{var r,o;let{value:a,mode:l,onChange:s,previewFormat:i,scene:u,context:f,placeholder:v}=e,p=Zt(e,["value","mode","onChange","previewFormat","scene","context","placeholder"]);return i!=null||(i=(o=(r=p.format)!==null&&r!==void 0?r:t.dateFormat)!==null&&o!==void 0?o:"YYYY-MM-DD"),v!=null||(v=rd("date",e)),l==="preview"?J("span",Object.assign({class:p.class,style:p.style},{children:n(a,i,p.valueFormat)})):J(yv,Object.assign({type:"date",placeholder:v},p,Fn(a,s)))}},{name:"ADate",globalConfigKey:"aDateProps"}),SAe={name:"date",component:CAe,description:"\u65E5\u671F",author:"ivan-lee"},kAe=bn(e=>{const t=an(),n=(r,o,a,l)=>{var s;const i=u=>{var f;return u==null?(f=e.undefinedPlaceholder)!==null&&f!==void 0?f:t.undefinedPlaceholder:Yc(u,o,a)};return e.renderPreview?e.renderPreview(r):Array.isArray(r)?`${i(r[0])} ${l} ${i(r[1])}`:r?i(r):(s=e.undefinedPlaceholder)!==null&&s!==void 0?s:t.undefinedPlaceholder};return()=>{var r,o,a;let{value:l,mode:s,onChange:i,previewFormat:u,scene:f,context:v}=e,p=Zt(e,["value","mode","onChange","previewFormat","scene","context"]);u!=null||(u=(o=(r=p.format)!==null&&r!==void 0?r:t.dateFormat)!==null&&o!==void 0?o:"YYYY-MM-DD");const h=(a=p.rangeSeparator)!==null&&a!==void 0?a:"-";return s==="preview"?J("span",Object.assign({class:p.class,style:p.style},{children:n(l,u,p.valueFormat,h)})):J(yv,Object.assign({type:"daterange"},p,Fn(l,i)))}},{name:"ADateRange",globalConfigKey:"aDateRangeProps"}),$Ae={name:"date-range",component:kAe,description:"\u65E5\u671F\u8303\u56F4",author:"ivan-lee"},EAe=bn(e=>{const t=an(),n=(r,o,a)=>{var l;return e.renderPreview?e.renderPreview(r):r==null?(l=e.undefinedPlaceholder)!==null&&l!==void 0?l:t.undefinedPlaceholder:Yc(r,o,a)};return()=>{var r,o;let{value:a,mode:l,onChange:s,previewFormat:i,scene:u,context:f}=e,v=Zt(e,["value","mode","onChange","previewFormat","scene","context"]);return i!=null||(i=(o=(r=v.format)!==null&&r!==void 0?r:t.dateTimeFormat)!==null&&o!==void 0?o:"YYYY-MM-DD HH:mm:ss"),l==="preview"?J("span",Object.assign({class:v.class,style:v.style},{children:n(a,i,v.valueFormat)})):J(yv,Object.assign({type:"datetime"},v,Fn(a,s)))}},{name:"ADateTime",globalConfigKey:"aDateTimeProps"}),TAe={name:"date-time",component:EAe,description:"\u65E5\u671F\u65F6\u95F4",author:"ivan-lee"},PAe=bn(e=>{const t=an(),n=(r,o,a,l)=>{var s;const i=u=>{var f;return u==null?(f=e.undefinedPlaceholder)!==null&&f!==void 0?f:t.undefinedPlaceholder:Yc(u,o,a)};return e.renderPreview?e.renderPreview(r):Array.isArray(r)?`${i(r[0])} ${l} ${i(r[1])}`:r?i(r):(s=t.undefinedPlaceholder)!==null&&s!==void 0?s:t.undefinedPlaceholder};return()=>{var r,o,a;let{value:l,mode:s,onChange:i,previewFormat:u,scene:f,context:v}=e,p=Zt(e,["value","mode","onChange","previewFormat","scene","context"]);u!=null||(u=(o=(r=p.format)!==null&&r!==void 0?r:t.dateTimeFormat)!==null&&o!==void 0?o:"YYYY-MM-DD HH:mm:ss");const h=(a=p.rangeSeparator)!==null&&a!==void 0?a:"-";return s==="preview"?J("span",Object.assign({class:p.class,style:p.style},{children:n(l,u,p.valueFormat,h)})):J(yv,Object.assign({type:"datetimerange"},p,Fn(l,i)))}},{name:"ADateTimeRange",globalConfigKey:"aDateTimeRangeProps"}),OAe={name:"date-time-range",component:PAe,description:"\u65E5\u671F\u65F6\u95F4\u8303\u56F4",author:"ivan-lee"},xAe=bn(e=>{const t=N8e(e),n=D(!1),r=Vn(),o=async()=>{if(e.beforeChange==null)return!0;try{return n.value=!0,await e.beforeChange(e.value)}finally{n.value=!1}};return()=>{var a,l,s,i,u;const{value:f,mode:v,onChange:p,context:h,scene:b,renderPreview:g,beforeChange:_}=e,y=Zt(e,["value","mode","onChange","context","scene","renderPreview","beforeChange"]),S=(a=y.activeValue)!==null&&a!==void 0?a:!0,w=f===S,C=(s=(l=y.previewActiveText)!==null&&l!==void 0?l:y.activeText)!==null&&s!==void 0?s:r("wkc.on"),k=(u=(i=y.previewInactiveText)!==null&&i!==void 0?i:y.inactiveText)!==null&&u!==void 0?u:r("wkc.off");return v==="preview"?g?g(w):J("span",Object.assign({class:y.class,style:y.style},{children:w?C:k})):J(tM,Object.assign({loading:n.value,beforeChange:o},y,t.value))}},{name:"ASwitch",globalConfigKey:"aSwitchProps"}),AAe={name:"switch",component:xAe,description:"\u5F00\u5173",author:"ivan-lee"},R1=Symbol("atomic-host");function JM(e){Ge(R1,null)==null&&$t(R1,e)}function IAe(){var e;const t={};return(e=Ge(R1,t))!==null&&e!==void 0?e:t}const dT=Symbol("atomics-host-task-cache");function MAe(e,t){const n=e.get(t);if(n)return n;const r=new Map;return e.set(t,r),r}function NAe(e,t,n){if(!n){if(t.length===0)return e.get(null);if(t.length===1)return e.get(t[0])}n!=null||(n=Ioe);for(const r of e.keys())if(!!Array.isArray(r)&&n(r,t))return e.get(r)}function RAe(e,t,n){e.set(t,n),t.length===0?e.set(null,n):t.length===1&&e.set(t[0],n)}function Fg(e,t){var n,r;const a=(n=(r=IAe())[dT])!==null&&n!==void 0?n:r[dT]=new Map,l=MAe(a,e);return async(...s)=>{let i=NAe(l,s,t);if(i)switch(i.status){case"loading":return await new Promise((u,f)=>{i==null||i.queue.push({resolve:u,reject:f})});case"rejected":return await Promise.reject(i.result);default:return await Promise.resolve(i.result)}return i={status:"loading",queue:[],result:void 0},RAe(l,s,i),await new Promise((u,f)=>{i==null||i.queue.push({resolve:u,reject:f}),e(...s).then(v=>{i.result=v,i.status="resolved",i.queue.forEach(p=>p.resolve(v)),i.queue=[]}).catch(v=>{i.result=v,i.status="rejected",i.queue.forEach(p=>p.reject(v)),i.queue=[]})})}}function e5(e){const t=typeof e.options=="function"?Fg(e.options):T(()=>{var o;return(o=e.options)!==null&&o!==void 0?o:Hn}),{loading:n,value:r}=A2(t,[]);return{loading:n,options:r}}const FAe=bn(e=>{const{loading:t,options:n}=e5(e),r=an(),o=T(()=>{var l;return((l=e.value)!==null&&l!==void 0?l:Hn).map(i=>n.value.find(u=>u.value===i)).filter(ev)}),a=T(()=>rd("multi-select",e));return ir(l=>{var s;const{requiredValueOnOptions:i,context:u}=e;if(i){const f=(s=u==null?void 0:u.registerValidator)===null||s===void 0?void 0:s.call(u,async()=>{const{value:v,requiredValueOnOptionsMessage:p}=e;if(v==null||v.length===0)return;const h=n.value||Hn;for(const b of v)if(!h.some(_=>_.value===b))throw new Error(p!=null?p:a.value)});f&&l(f)}}),()=>{var l;const{mode:s,value:i,onChange:u,context:f,scene:v,renderPreview:p,options:h,placeholder:b,ellipsis:g,copyable:_,tag:y,underline:S,color:w,textProps:C,undefinedPlaceholder:k}=e,$=Zt(e,["mode","value","onChange","context","scene","renderPreview","options","placeholder","ellipsis","copyable","tag","underline","color","textProps","undefinedPlaceholder"]);return s==="preview"?p?p(o.value):J(kv,Object.assign({class:$.class,style:$.style},{ellipsis:g,copyable:_,tag:y,underline:S,color:w},C,{children:o.value.length?o.value.map(O=>O.label).join((l=e.separator)!==null&&l!==void 0?l:", "):k!=null?k:r.undefinedPlaceholder})):J(Jl,Object.assign({},Gc([[Yi,t.value]]),{disabled:t.value,loading:t.value,multiple:!0},$,Fn(i,u),{placeholder:a.value},{children:n.value.map((O,x)=>{var R;return J(Ec,Object.assign({},O),(R=O.value)!==null&&R!==void 0?R:x)})}))}},{name:"AMultiSelect",globalConfigKey:"aMultiSelectProps"}),LAe={name:"multi-select",component:FAe,description:"\u591A\u9009\u4E0B\u62C9\u9009\u62E9\u5668",author:"ivan-lee"},DAe=bn(e=>{const{loading:t,options:n}=e5(e),r=an(),o=T(()=>n.value.find(s=>s.value===e.value)),a=T(()=>rd("select",e));ir(s=>{var i;const{requiredValueOnOptions:u,context:f}=e;if(u){const v=(i=f==null?void 0:f.registerValidator)===null||i===void 0?void 0:i.call(f,async()=>{const{value:p,requiredValueOnOptionsMessage:h}=e;if(p==null)return;if(!(n.value||Hn).some(g=>g.value===p))throw new Error(h!=null?h:a.value)});v&&s(v)}});const l=ir(()=>{const{selectFirstByDefault:s,value:i,onChange:u}=e;s&&i==null&&n.value.length>0&&(u==null||u(n.value[0].value),l())},{flush:"post"});return()=>{var s,i,u,f,v;const{mode:p,value:h,renderPreview:b,onChange:g,context:_,scene:y,options:S,placeholder:w,requiredValueOnOptions:C,requiredValueOnOptionsMessage:k,colorMode:$="text",undefinedPlaceholder:O,ellipsis:x,copyable:R,tag:V,underline:A,color:I,textProps:B}=e,z=Zt(e,["mode","value","renderPreview","onChange","context","scene","options","placeholder","requiredValueOnOptions","requiredValueOnOptionsMessage","colorMode","undefinedPlaceholder","ellipsis","copyable","tag","underline","color","textProps"]);return p==="preview"?b?b(o.value):J(kv,Object.assign({class:Mt(z.class,"fat-a-select","fat-a-select--preview",{"fat-a-select--color":(s=o.value)===null||s===void 0?void 0:s.color,"fat-a-select--color-dot":e.colorMode==="dot"}),style:Rr(z.style,{"--fat-a-select-color":j_((i=o.value)===null||i===void 0?void 0:i.color)})},{ellipsis:x,copyable:R,tag:V,underline:A,color:I},B,{children:(v=(f=(u=o.value)===null||u===void 0?void 0:u.label)!==null&&f!==void 0?f:O)!==null&&v!==void 0?v:r.undefinedPlaceholder})):J(Jl,Object.assign({},Gc([[Yi,t.value]]),{disabled:t.value,loading:t.value,onClear:()=>g==null?void 0:g(void 0)},z,Fn(h,g),{placeholder:a.value},{children:n.value.map((Y,K)=>{var M;return J(Ec,Object.assign({},Y),(M=Y.value)!==null&&M!==void 0?M:K)})}))}},{name:"ASelect",globalConfigKey:"aSelectProps"}),BAe={name:"select",component:DAe,description:"\u4E0B\u62C9\u9009\u62E9\u5668",author:"ivan-lee"},VAe=bn(e=>{const t=T(()=>{const r=!!e.value;return typeof e.label=="function"?e.label(r):e.label}),n=Vn();return()=>{var r,o;const{mode:a,scene:l,context:s,value:i,onChange:u,renderPreview:f,label:v}=e,p=Zt(e,["mode","scene","context","value","onChange","renderPreview","label"]),h=!!i;if(a==="preview"){const b=(r=p.previewActiveText)!==null&&r!==void 0?r:n("wkc.on"),g=(o=p.previewInactiveText)!==null&&o!==void 0?o:n("wkc.off");return f?f(h,t.value):Pt("span",Object.assign({class:p.class,style:p.style},{children:[h?b:g,t.value]}))}return J(to,Object.assign({},p,Fn(i,u),{children:t.value}))}},{name:"ACheckbox",globalConfigKey:"aCheckboxProps"}),jAe={name:"checkbox",component:VAe,description:"\u590D\u9009\u5F00\u5173",author:"ivan-lee"},zAe=bn(e=>{const t=an(),n=T(()=>{var o;return((o=e.options)!==null&&o!==void 0?o:Hn).find(a=>a.value===e.value)}),r=ir(()=>{const{selectFirstByDefault:o,value:a,onChange:l,options:s}=e;o&&a==null&&(s==null?void 0:s.length)&&(l==null||l(s[0].value),r())},{flush:"post"});return()=>{const{mode:o,scene:a,context:l,value:s,onChange:i,renderPreview:u,options:f,inButton:v,undefinedPlaceholder:p,vertical:h}=e,b=Zt(e,["mode","scene","context","value","onChange","renderPreview","options","inButton","undefinedPlaceholder","vertical"]);if(o==="preview")return u?u(n.value):J("span",Object.assign({class:b.class,style:b.style},{children:n.value?typeof n.value.label=="function"?n.value.label(!0):n.value.label:p!=null?p:t.undefinedPlaceholder}));const g=v?LA:Hw;return J(FA,Object.assign({},b,{class:Mt(b.class,"fat-a-radio",{"fat-a-radio--vertical":!v&&h})},Fn(s,i),{children:(f!=null?f:Hn).map((_,y)=>{var S;return J(g,Object.assign({label:_.value,disabled:_.disabled},{children:typeof _.label!="function"?_.label:_.label(n.value===_)}),(S=_.value)!==null&&S!==void 0?S:y)})}))}},{name:"ARadio",globalConfigKey:"aRadioProps"}),HAe={name:"radio",component:zAe,description:"\u5355\u9009\u6846",author:"ivan-lee"},KAe=bn(e=>{const t=an(),n=T(()=>Yoe(e.value));return()=>{var r;const{value:o,mode:a,onChange:l,renderPreview:s,scene:i,context:u,undefinedPlaceholder:f}=e,v=Zt(e,["value","mode","onChange","renderPreview","scene","context","undefinedPlaceholder"]),p=n.value;return a==="preview"?s?s(p):J("span",Object.assign({class:v.class,style:v.style},{children:(r=p!=null?p:f)!==null&&r!==void 0?r:t.undefinedPlaceholder})):J(Jc,Object.assign({controlsPosition:"right",precision:0},v,Fn(p,l)))}},{name:"AInteger",globalConfigKey:"aIntegerProps"}),WAe={name:"integer",component:KAe,description:"\u6574\u6570\u8F93\u5165",author:"ivan-lee"},UAe=bn(e=>{const t=an(),n=T(()=>K_(e.value));return()=>{const{value:r,mode:o,onChange:a,renderPreview:l,undefinedPlaceholder:s,scene:i,context:u,precision:f=2}=e,v=Zt(e,["value","mode","onChange","renderPreview","undefinedPlaceholder","scene","context","precision"]),p=n.value;return o==="preview"?l?l(p):J("span",Object.assign({class:v.class,style:v.style},{children:p!=null?xx(p,f):s!=null?s:t.undefinedPlaceholder})):J(Jc,Object.assign({controlsPosition:"right",precision:f},v,Fn(p,a)))}},{name:"AFloat",globalConfigKey:"aFloatProps"}),qAe={name:"float",component:UAe,description:"\u6D6E\u70B9\u6570\u8F93\u5165",author:"ivan-lee"},GAe=bn(e=>{const t=an(),n=T(()=>K_(e.value));return()=>{const{value:r,mode:o,onChange:a,renderPreview:l,undefinedPlaceholder:s,scene:i,context:u}=e,f=Zt(e,["value","mode","onChange","renderPreview","undefinedPlaceholder","scene","context"]),v=n.value;return o==="preview"?l?l(v):J("span",Object.assign({class:f.class,style:f.style},{children:v!=null?v:s!=null?s:t.undefinedPlaceholder})):J(Jc,Object.assign({controlsPosition:"right"},f,Fn(v,a)))}},{name:"ANumber",globalConfigKey:"aNumberProps"}),YAe={name:"number",component:GAe,description:"\u6570\u5B57\u8F93\u5165",author:"ivan-lee"},XAe=bn(e=>()=>{const{value:t,mode:n,onChange:r,context:o,scene:a,renderPreview:l}=e,s=Zt(e,["value","mode","onChange","context","scene","renderPreview"]);if(n==="preview"){if(l)return l(t);s.disabled=!0}return J(II,Object.assign({},s,Fn(t,r)))},{name:"ARate",globalConfigKey:"aRateProps"}),ZAe={name:"rate",component:XAe,description:"\u8BC4\u5206",author:"ivan-lee"},QAe=bn(e=>{const t=an();return()=>{var n;const{mode:r,scene:o,context:a,value:l,undefinedPlaceholder:s,onChange:i,renderPreview:u}=e,f=Zt(e,["mode","scene","context","value","undefinedPlaceholder","onChange","renderPreview"]);return r==="preview"?u?u(l):J("span",Object.assign({class:f.class,style:f.style},{children:(n=l!=null?l:s)!==null&&n!==void 0?n:t.undefinedPlaceholder})):J(d2,Object.assign({},f,Fn(l,i)))}},{name:"ASlider",globalConfigKey:"aSliderProps"}),JAe={name:"slider",component:QAe,description:"\u6ED1\u5757\u9009\u62E9\u5668",author:"ivan-lee"},eIe=bn(e=>()=>{const{value:t,mode:n,onChange:r,scene:o,context:a}=e,l=Zt(e,["value","mode","onChange","scene","context"]);return J(s2,Object.assign({percentage:t},l))},{name:"AProgress",globalConfigKey:"aProgressProps"}),tIe={name:"progress",component:eIe,description:"\u8FDB\u5EA6(\u53EA\u8BFB)",previewOnly:!0,author:"ivan-lee"},nIe=bn(e=>{const t=an();return()=>{var n,r;let{value:o,mode:a,onChange:l,previewFormat:s,scene:i,context:u,renderPreview:f,undefinedPlaceholder:v}=e,p=Zt(e,["value","mode","onChange","previewFormat","scene","context","renderPreview","undefinedPlaceholder"]);return s!=null||(s=(r=(n=p.format)!==null&&n!==void 0?n:t.timeFormat)!==null&&r!==void 0?r:"HH:mm"),a==="preview"?f?f(o):J("span",Object.assign({class:p.class,style:p.style},{children:o!=null?Yc(o,s,p.valueFormat):v!=null?v:t.undefinedPlaceholder})):J(jw,Object.assign({},p,Fn(o,l)))}},{name:"ATime",globalConfigKey:"aTimeProps"}),rIe={name:"time",component:nIe,description:"\u65F6\u95F4",author:"ivan-lee"},oIe=bn(e=>{const t=an();return()=>{let{value:n,mode:r,onChange:o,scene:a,context:l,renderPreview:s,undefinedPlaceholder:i}=e,u=Zt(e,["value","mode","onChange","scene","context","renderPreview","undefinedPlaceholder"]);return r==="preview"?s?s(n):J("span",Object.assign({class:u.class,style:u.style},{children:n!=null?n:i!=null?i:t.undefinedPlaceholder})):J(kM,Object.assign({},u,Fn(n,o)))}},{name:"ATimeSelect",globalConfigKey:"aTimeSelectProps"}),aIe={name:"time-select",component:oIe,description:"\u65F6\u95F4\u9009\u62E9\u5668",author:"ivan-lee"},lIe=bn(e=>{const t=an(),n=(r,o,a,l)=>{var s;if(r==null)return(s=e.undefinedPlaceholder)!==null&&s!==void 0?s:t.undefinedPlaceholder;const i=u=>{var f;return u==null?(f=e.undefinedPlaceholder)!==null&&f!==void 0?f:t.undefinedPlaceholder:Yc(u,o,a)};return Array.isArray(r)?`${i(r[0])} ${l} ${i(r[1])}`:i(r)};return()=>{var r,o,a;let{value:l,mode:s,onChange:i,previewFormat:u,scene:f,context:v,renderPreview:p}=e,h=Zt(e,["value","mode","onChange","previewFormat","scene","context","renderPreview"]);u!=null||(u=(o=(r=h.format)!==null&&r!==void 0?r:t.timeFormat)!==null&&o!==void 0?o:"HH:mm");const b=(a=h.rangeSeparator)!==null&&a!==void 0?a:"-";return s==="preview"?p?p(l):J("span",Object.assign({class:h.class,style:h.style},{children:n(l,u,h.valueFormat,b)})):J(jw,Object.assign({isRange:!0},h,Fn(l,i)))}},{name:"ATimeRange",globalConfigKey:"aTimeRangeProps"}),sIe={name:"time-range",component:lIe,description:"\u65F6\u95F4\u8303\u56F4",author:"ivan-lee"},iIe=bn(e=>{const t=an(),n=T(()=>{var r,o;const a=(r=e.value)!==null&&r!==void 0?r:Hn,l=(o=e.options)!==null&&o!==void 0?o:Hn;return a.map(s=>l.find(i=>i.value===s)).filter(ev)});return()=>{const{mode:r,scene:o,context:a,value:l,onChange:s,renderPreview:i,options:u=Hn,vertical:f,separator:v=", ",undefinedPlaceholder:p}=e,h=Zt(e,["mode","scene","context","value","onChange","renderPreview","options","vertical","separator","undefinedPlaceholder"]);return r==="preview"?i?i(n.value):J("span",Object.assign({class:h.class,style:h.style},{children:n.value.length?rW(n.value.map(b=>typeof b.label=="function"?b.label(!0):b.label),v):p!=null?p:t.undefinedPlaceholder})):J(zw,Object.assign({},h,{class:Mt(h.class,"fat-a-checkboxs",{"fat-a-checkboxs--vertical":f})},Fn(l!=null?l:Hn,s),{children:u.map((b,g)=>J(to,Object.assign({label:b.value,disabled:b.disabled},{children:typeof b.label!="function"?b.label:b.label(n.value.includes(b))}),`${b.label}_${g}`))}))}},{name:"ACheckboxs",globalConfigKey:"aCheckboxsProps"}),uIe={name:"checkboxs",component:iIe,description:"\u590D\u9009\u6846",author:"ivan-lee"};function cIe(){const e=D(0);return{track:()=>e.value,trigger:()=>e.value++}}function t5(e,t){return T(()=>{const n=c(t);if(Array.isArray(n)){if(tg&&n.some(r=>!r.startsWith(".")))throw new Error(`[wakeadmin/components] ${e} \u9700\u8981\u4F20\u5165\u6269\u5C55\u540D\u6570\u7EC4\uFF0C\u4F8B\u5982 [".png"]`);return n.join(",")}return n})}const dIe=Zi(e=>{try{const{query:t}=Bne.parseUrl(e);return"name"in t&&typeof t.name=="string"?t.name:e}catch{return e}}),fIe=(e,t)=>{if(typeof e!="string"||e.startsWith("blob:")||e.includes("name="))return e;const n=`name=${t}`;return e.includes("?")?e+"&"+n:e+"?"+n};function vIe(e){return{name:dIe(e),url:e,uid:e}}function pIe(e){return fIe(e.url,e.name)}class fT extends Error{}function n5(e,t){const n=M8e(),r=cIe(),o=Vn(),a=new Map,l=new Map,s=t5(`${t.name} atomic accept`,T(()=>{var b;return(b=e.accept)!==null&&b!==void 0?b:t.defaultAccept})),i=T(()=>(r.track(),e.value==null?Hn:e.value.filter(Boolean).map(b=>{var g;const y=((g=e.transformToFileListItem)!==null&&g!==void 0?g:vIe)(b);return a.has(b)&&(y.uid=a.get(b)),(y.name==null||y.name===y.url)&&l.has(b)&&(y.name=l.get(b)),y}))),u=T(()=>e.limit!=null?i.value.length>=e.limit:!1),f=async b=>{var g,_;try{if(e.sizeLimit&&b.size>e.sizeLimit)throw new Error((g=e.limitMessage)!==null&&g!==void 0?g:o("wkc.selectFileLessThan",{size:B_(e.sizeLimit)}));if(Array.isArray(e.accept)){const y=b.name;if(!e.accept.some(S=>y.endsWith(S)))throw new Error((_=e.limitMessage)!==null&&_!==void 0?_:o("wkc.selectFileFormat",{format:e.accept.map(S=>S.slice(1)).join("/")}))}if(e.beforeUpload){const y=e.beforeUpload(b);if(g_(y))await y;else if(!y)throw new fT}}catch(y){throw y instanceof fT||_r.warning(y.message),y}},v=(b,g)=>{_r.warning(o("wkc.selectMaxFiles",{limit:e.limit}))},p=b=>b.every(g=>g.status==="success");return{exceeded:u,fileList:i,accept:s,handleExceed:v,beforeUpload:f,handleChange:async(b,g)=>{var _;let y=!1;if(p(g)){const S=[],w=C=>{var k;const O=((k=e.transformToValue)!==null&&k!==void 0?k:pIe)(C);a.set(O,C.uid),C.name&&l.set(O,C.name),S.push(O)};for(const C of g)if(e.filter)try{await e.filter(C)!==!1&&w(C)}catch(k){y=!0,console.error(k),_r.error(`\u4E0A\u4F20\u5931\u8D25\uFF1A${k.message}`)}else w(C);(_=e.onChange)===null||_===void 0||_.call(e,S),y&&r.trigger(),n("change")}}}}const hIe=Z({props:{src:String,fallback:String,alt:String,loading:String},setup(e){const t=D(!1),n=()=>{t.value=!0};return be(()=>e.src,()=>{t.value=!1},{flush:"post"}),()=>{const{src:r,fallback:o}=e,a=Zt(e,["src","fallback"]);return J("img",Object.assign({},a,{onError:n,src:t.value&&o?o:r}))}}}),r5=bn(e=>{const t=an(),{accept:n,fileList:r,exceeded:o,beforeUpload:a,handleExceed:l,handleChange:s}=n5(e,{name:"images",defaultAccept:"image/*"}),i=T(()=>{var f;return{"--fat-a-images-size":(f=e.size)!==null&&f!==void 0?f:"86px"}}),u=T(()=>{if(!e.hideTip)return J("div",Object.assign({class:"fat-form-item-placeholder"},{children:rd("files",Object.assign(Object.assign({},e),{accept:n.value}))}))});return()=>{const{mode:f,scene:v,context:p,value:h,onChange:b,transformToFileListItem:g,transformToValue:_,size:y,sizeLimit:S,filter:w,renderPreview:C,fit:k,accept:$,tip:O,undefinedPlaceholder:x,defaultImage:R}=e,V=Zt(e,["mode","scene","context","value","onChange","transformToFileListItem","transformToValue","size","sizeLimit","filter","renderPreview","fit","accept","tip","undefinedPlaceholder","defaultImage"]);return f==="preview"?C?C(r.value):J("div",Object.assign({class:Mt("fat-a-images","fat-a-images--preview",V.class),style:Rr(i.value,V.style)},{children:r.value.length===0?x!=null?x:t.undefinedPlaceholder:r.value.map((A,I)=>J("picture",Object.assign({class:"fat-a-images__p-item"},{children:J(hIe,{class:"fat-a-images__p-item-img",alt:A.name,style:{objectFit:k!=null?k:"cover"},loading:"lazy",src:A.url,fallback:R})}),`${A.name}_${I}`))})):J(Mg,Object.assign({listType:"picture-card",onExceed:l,multiple:e.limit!==1,accept:n.value},V,{class:Mt("fat-a-images",{"fat-a-images--exceeded":o.value},V.class),style:Rr(i.value,V.style),fileList:r.value,beforeUpload:a,onRemove:s,onChange:s,"v-slots":{tip:u.value}},{children:J(ja,Object.assign({class:"fat-a-images__add",color:"gray",size:"2em"},{children:J(z8e,{})}))}))}},{name:"AImages",globalConfigKey:"aImagesProps"}),mIe={name:"images",component:r5,description:"\u591A\u9009\u56FE\u7247\u9009\u62E9\u5668",author:"ivan-lee"},gIe=bn(e=>{const t=T(()=>e.value?[e.value]:Hn),n=r=>{var o,a;r!=null&&r.length?(o=e.onChange)===null||o===void 0||o.call(e,r[0]):(a=e.onChange)===null||a===void 0||a.call(e)};return()=>r5(Object.assign(Object.assign({},e),{value:t.value,onChange:n,limit:1}))},{name:"AImage",globalConfigKey:"aImageProps"}),bIe={name:"image",component:gIe,description:"\u5355\u56FE\u7247\u9009\u62E9\u5668",author:"ivan-lee"},o5=bn(e=>{const t=an(),{handleExceed:n,fileList:r,accept:o,beforeUpload:a,handleChange:l,exceeded:s}=n5(e,{name:"files"}),i=Vn(),u=T(()=>{if(e.tip)return e.tip;if(!e.hideTip)return J("div",Object.assign({class:"fat-form-item-placeholder"},{children:rd("files",e)}))});return()=>{const{mode:f,scene:v,context:p,value:h,onChange:b,renderPreview:g,renderPlaceholder:_,drag:y,transformToFileListItem:S,transformToValue:w,sizeLimit:C,filter:k,accept:$,tip:O,undefinedPlaceholder:x}=e,R=Zt(e,["mode","scene","context","value","onChange","renderPreview","renderPlaceholder","drag","transformToFileListItem","transformToValue","sizeLimit","filter","accept","tip","undefinedPlaceholder"]);return f==="preview"?g?g(r.value):J("div",Object.assign({class:Mt("fat-a-files","fat-a-files--preview",R.class),style:R.style},{children:r.value.length===0?x!=null?x:t.undefinedPlaceholder:r.value.map((V,A)=>{var I;return Pt("div",Object.assign({class:"fat-a-files__p-item"},{children:[J(ja,Object.assign({class:"fat-a-files__p-icon"},{children:J(B8e,{})})),J("span",{children:(I=V.name)!==null&&I!==void 0?I:V.url})]}),`${V.name}_${A}`)})})):J(Mg,Object.assign({onExceed:n,multiple:e.limit!==1,accept:o.value,drag:y},R,{class:Mt("fat-a-files",{"fat-a-files--exceeded":s.value},R.class),style:R.style,fileList:r.value,beforeUpload:a,onRemove:l,onChange:l,"v-slots":{tip:u.value}},{children:_?_():y?Pt("div",Object.assign({class:"fat-a-files__dragger"},{children:[J(ja,Object.assign({class:"fat-a-files__dragger-icon"},{children:J(q8e,{})})),J("div",Object.assign({class:"fat-a-files__dragger-text"},{children:i("wkc.dragAndDropFileOrClickToUpload")}))]})):J(xn,Object.assign({type:"primary",disabled:s.value},{children:i("wkc.clickToUpload")}))}))}},{name:"AFiles",globalConfigKey:"aFilesProps"}),yIe={name:"files",component:o5,description:"\u591A\u9009\u6587\u4EF6\u9009\u62E9\u5668",author:"ivan-lee"},_Ie=bn(e=>{const t=T(()=>e.value&&[e.value]),n=r=>{var o,a;r!=null&&r.length?(o=e.onChange)===null||o===void 0||o.call(e,r[0]):(a=e.onChange)===null||a===void 0||a.call(e)};return()=>o5(Object.assign(Object.assign({},e),{value:t.value,onChange:n,limit:1}))},{name:"AFile",globalConfigKey:"aFileProps"}),wIe={name:"file",component:_Ie,description:"\u5355\u6587\u4EF6\u9009\u62E9\u5668",author:"ivan-lee"},Hb="__root__",CIe=bn(e=>{var t;console.assert(e.load!=null,"[cascader-lazy] \u5FC5\u987B\u914D\u7F6E load \u53C2\u6570");const n=Fg((t=e.load)!==null&&t!==void 0?t:()=>Promise.resolve(void 0)),r=Fc({}),o=f=>{const v=f==null?Hb:f;return r[String(v)]},a=(f,v)=>{const p=f==null?Hb:f;Jr(r,String(p),v)},l=async f=>{var v;const p=(v=o(f))!==null&&v!==void 0?v:await n(f);if(a(f,p!=null?p:Hn),p!=null)return p.map(h=>Object.assign(Object.assign({},h),{children:$i(h.children),leaf:h.children===null?!0:void 0}))},s=async f=>{await Promise.all(f.map(v=>l(v)))},i=T(()=>{const f=Yo(e.value);if(f==null||f.length===0||e.mode!=="preview")return Hn;const v=[Hb,...f],p=[];for(let h=0;hS.value===b);if(y==null)return p;p.push(y)}return p}),u=T(()=>Object.assign({lazy:!0,async lazyLoad(v,p){const h=v.level===0?void 0:v.value;p(await l(h))}},e.props));return be(()=>e.value,async f=>{f=Yo(f),!(f.length===0||e.mode!=="preview")&&await s([void 0,...f.slice(0,-1)])},{immediate:!0}),()=>{var f;const{mode:v,scene:p,context:h,value:b,onChange:g,load:_,renderPreview:y,props:S}=e,w=Zt(e,["mode","scene","context","value","onChange","load","renderPreview","props"]);if(v==="preview"){if(y)return y(i.value);const C=(f=e.separator)!==null&&f!==void 0?f:"/";return J("span",Object.assign({},Zm(w,"class","style"),{children:i.value.map(k=>k.label).join(C)}))}return J(Uw,Object.assign({},w,{props:u.value},Fn(b,g)))}},{name:"ACascaderLazy",globalConfigKey:"aCascaderLazyProps"}),SIe={name:"cascader-lazy",component:CIe,description:"\u5F02\u6B65\u7EA7\u8054\u9009\u62E9\u5668",author:"ivan-lee"},kIe=bn(e=>{const t=typeof e.options=="function"?Fg(e.options):T(()=>e.options),{value:n}=A2(t,[]),r=T(()=>{const o=Yo(e.value);if(o==null||o.length===0||e.mode!=="preview"||n.value.length===0)return Hn;const a=[];let l=n.value;for(let s=0;sf.value===i);if(u)a.push(u),l=$i(u.children);else break}return a});return()=>{var o;const{mode:a,scene:l,context:s,value:i,onChange:u,options:f,renderPreview:v}=e,p=Zt(e,["mode","scene","context","value","onChange","options","renderPreview"]);if(a==="preview"){if(v)return v(r.value);const h=(o=e.separator)!==null&&o!==void 0?o:"/";return J("span",Object.assign({},Zm(p,"class","style"),{children:r.value.map(b=>b.label).join(h)}))}return J(Uw,Object.assign({},p,{options:n.value},Fn(i,u)))}},{name:"ACascader",globalConfigKey:"aCascaderProps"}),$Ie={name:"cascader",component:kIe,description:"\u7EA7\u8054\u9009\u62E9\u5668",author:"ivan-lee"},vT="\uFFE5",pT="%s %v",hT=2,EIe=bn(e=>{const t=an(),n=T(()=>K_(e.value)),r=T(()=>{var a,l,s;if(e.mode!=="preview"||n.value==null)return;let i=n.value;return e.denominator&&(i=Yne(i,e.denominator)),Zne(i,(a=e.symbol)!==null&&a!==void 0?a:vT,(l=e.precision)!==null&&l!==void 0?l:hT,e.thousand,e.decimal,(s=e.format)!==null&&s!==void 0?s:pT)}),o=T(()=>{var a;const[l,s]=((a=e.format)!==null&&a!==void 0?a:pT).split("%v"),i=u=>{var f;return u?u.replace("%s",(f=e.symbol)!==null&&f!==void 0?f:vT):""};return{prefix:i(l),suffix:i(s)}});return()=>{var a,l;const{value:s,mode:i,onChange:u,renderPreview:f,scene:v,context:p,precision:h=hT,denominator:b,symbol:g,thousand:_,decimal:y,format:S,class:w,style:C,undefinedPlaceholder:k}=e,$=Zt(e,["value","mode","onChange","renderPreview","scene","context","precision","denominator","symbol","thousand","decimal","format","class","style","undefinedPlaceholder"]),O=n.value;if(i==="preview")return f?f(O):J("span",Object.assign({class:w,style:C},{children:(l=(a=r.value)!==null&&a!==void 0?a:k)!==null&&l!==void 0?l:t.undefinedPlaceholder}));const{prefix:x,suffix:R}=o.value;return Pt("span",Object.assign({class:Mt("fat-a-currency",w),style:C},{children:[x,J(Jc,Object.assign({controlsPosition:"right",precision:h},$,Fn(O,u))),R]}))}},{name:"ACurrency",globalConfigKey:"aCurrencyProps"}),TIe={name:"currency",component:EIe,description:"\u8D27\u5E01\u8F93\u5165",author:"ivan-lee"},PIe=bn(e=>{const t=an();return()=>{const{mode:n,scene:r,context:o,value:a,onChange:l,renderPreview:s,undefinedPlaceholder:i,separator:u=" ~ "}=e,f=Zt(e,["mode","scene","context","value","onChange","renderPreview","undefinedPlaceholder","separator"]);return n==="preview"?s?s(a):J("span",Object.assign({class:f.class,style:f.style},{children:a?`${a[0]}${u}${a[1]}`:i!=null?i:t.undefinedPlaceholder})):J(d2,Object.assign({range:!0},f,Fn(a,l)))}},{name:"ASliderRange",globalConfigKey:"aSliderRangeProps"}),OIe={name:"slider-range",component:PIe,description:"\u6ED1\u5757\u8303\u56F4\u9009\u62E9\u5668",author:"ivan-lee"};var zo;(function(e){e.Initial="initial",e.Loading="loading",e.Waiting="waiting"})(zo||(zo={}));const xIe=bn(e=>{var t;const n=D(zo.Initial),r=(t=e.countDown)!==null&&t!==void 0?t:60,o=D(r),a=Vn();let l;const s=T(()=>{if(typeof e.renderButtonText=="function")return e.renderButtonText({status:n.value,count:o.value});switch(n.value){case zo.Initial:return a("wkc.getCaptcha");case zo.Loading:return a("wkc.retrieving");case zo.Waiting:return`${o.value} S`;default:return null}}),i=()=>{l=setTimeout(()=>{o.value--,o.value<=0?n.value=zo.Initial:i()},1e3)},u=()=>{l!=null&&(clearTimeout(l),l=void 0)},f=async()=>{if(n.value===zo.Initial)try{if(n.value=zo.Loading,e.onGetCaptcha==null)throw new Error("[wakeadmin/components] captcha \u8BF7\u914D\u7F6E onGetCaptcha \u56DE\u8C03");await e.onGetCaptcha(),o.value=r,n.value=zo.Waiting,i()}catch(v){n.value=zo.Initial,e.onError?e.onError(v):_r.error(`${a("wkc.retrievalFailed")}\uFF1A${v.message}`)}};return hn(u),()=>{const{value:v,mode:p,onChange:h,scene:b,context:g,buttonProps:_,class:y,style:S,renderButtonText:w,countDown:C,onGetCaptcha:k,onError:$,placeholder:O}=e,x=Zt(e,["value","mode","onChange","scene","context","buttonProps","class","style","renderButtonText","countDown","onGetCaptcha","onError","placeholder"]);return Pt("div",Object.assign({class:Mt("fat-a-captcha",y),style:S},{children:[J(vr,Object.assign({class:"fat-a-captcha__input"},x,Fn(v,h),{placeholder:rd("captcha",e)})),J(xn,Object.assign({},_,{class:"fat-a-captcha__button",loading:n.value===zo.Loading,disabled:n.value!==zo.Initial,onClick:f},{children:s.value}))]}))}},{name:"ACaptcha",globalConfigKey:"aCaptchaProps"}),AIe={name:"captcha",component:xIe,editOnly:!0,description:"\u9A8C\u8BC1\u7801\u8F93\u5165",author:"ivan-lee"},IIe=bn(e=>{const t=T(()=>typeof e.value=="string"?{avatar:e.value}:e.value||za),n=T(()=>{var a,l;const{title:s,description:i}=t.value;return!!((l=(a=e.renderInfo)!==null&&a!==void 0?a:i)!==null&&l!==void 0?l:s)}),r=an(),o=T(()=>{if(e.width)return{w:e.width,h:e.height};const a=e.size||"48px";return{w:a,h:a}});return()=>{const{fit:a="cover",placement:l="left",shape:s="circle","v-slots":i,renderInfo:u,onChange:f,value:v,size:p,context:h,undefinedPlaceholder:b}=e,g=Zt(e,["fit","placement","shape","v-slots","renderInfo","onChange","value","size","context","undefinedPlaceholder"]),{avatar:_,title:y,description:S}=c(t),{w,h:C}=c(o);if(!_)return b!=null?b:r.undefinedPlaceholder;const k=()=>e.renderInfo?J("div",Object.assign({class:"fat-a-avatar__info"},{children:e.renderInfo(e)})):Pt("div",Object.assign({class:"fat-a-avatar__info fat-a-avatar__info--default"},{children:[y&&J("span",Object.assign({class:"fat-a-avatar__info-title",title:typeof y=="object"?"":y},{children:y}),"fat-avatar-title"),S&&J("span",Object.assign({class:"fat-a-avatar__info-description",title:typeof S=="object"?"":S},{children:S}),"fat-avatar-description")]}));return Pt("div",Object.assign({},g,{class:Mt("fat-a-avatar",g.class,`fat-a-avatar--${s}`,`fat-a-avatar--placement-${l}`)},{children:[J("picture",Object.assign({class:"fat-a-avatar__avatar",style:{width:w,height:C}},{children:J("img",{style:{objectFit:a},class:"fat-a-avatar__avatar-img",src:_,alt:y,loading:"lazy"})})),n.value&&k()]}))}},{name:"AAvatar",globalConfigKey:"aAvatarProps"}),MIe={name:"avatar",component:IIe,description:"\u5934\u50CF\u4FE1\u606F\u663E\u793A",author:"Hallz",previewOnly:!0},NIe=NM,RIe=bn(e=>{const t=typeof e.data=="function"?Fg(e.data):T(()=>e.data),{value:n,loading:r}=A2(t,[]),o=T(()=>{if(e.mode!=="preview"||n.value.length===0)return za;const l={},s=i=>{var u;for(const f of i)l[f.value]=f,!((u=f.children)===null||u===void 0)&&u.length&&s(f.children)};return s(n.value),l}),a=T(()=>{const l=Yo(e.value);return l==null||l.length===0||e.mode!=="preview"||n.value.length===0?Hn:l.map(s=>o.value[s]).filter(ev)});return()=>{var l;const{mode:s,scene:i,context:u,value:f,onChange:v,data:p,renderPreview:h}=e,b=Zt(e,["mode","scene","context","value","onChange","data","renderPreview"]);return s==="preview"?h?h(a.value):J("span",Object.assign({},Zm(b,"class","style"),{children:a.value.map(g=>g.label).join((l=e.separator)!==null&&l!==void 0?l:", ")})):J(NIe,Object.assign({},Gc([[Yi,r.value]]),{disabled:r.value,loading:r.value},b,{data:n.value},Fn(f,v)))}},{name:"ATreeSelect",globalConfigKey:"aTreeSelectProps"}),FIe={name:"tree-select",component:RIe,description:"\u6811\u9009\u62E9\u5668",author:"ivan-lee"},mT=Symbol("wakeadmin-plugin-installed");let a5=!1,gT=!1,bT=!1;function LIe(){bT||(bT=!0,a5||console.error("[wakeadmin/components] plugin \u672A\u5B89\u88C5\uFF0C\u8FD9\u53EF\u80FD\u4F1A\u5BFC\u81F4\u7A0B\u5E8F\u5F02\u5E38"))}function DIe(){if(gT)return;gT=!0;const e=[jAe,uIe,SAe,$Ae,TAe,OAe,bIe,mIe,yIe,wIe,WAe,qAe,TIe,tIe,HAe,ZAe,LAe,BAe,JAe,OIe,AAe,cAe,fAe,iAe,mAe,pAe,bAe,_Ae,rIe,aIe,sIe,SIe,$Ie,AIe,YAe,MIe,FIe];for(const t of e)ZM.register(t.name,t)}const BIe={install(e){Nx(e,mT)||(Rx(e,mT,1),a5=!0,jae.install(e),DIe(),gx&&(window.document.body.classList.remove("vue2"),window.document.body.classList.add("vue3")))}};function l5(e){return T(()=>{const t=e.value.t;return{undefinedPlaceholder:"\u2014\u2014",dateFormat:"YYYY-MM-DD",dateTimeFormat:"YYYY-MM-DD HH:mm:ss",timeFormat:"HH:mm",pagination:{pageSize:10,layout:"prev, pager, next, jumper, sizes, total",pageSizes:[10,20,30,40,50,100]},aTextProps:{},aTextareaProps:{placeholder:t("wkc.enter"),rows:4,showWordLimit:!0,autosize:{minRows:4,maxRows:10}},aPasswordProps:{placeholder:t("wkc.enterPassword")},aSearchProps:{placeholder:t("wkc.enter")},aUrlProps:{placeholder:t("wkc.enterLink"),copyable:!0,ellipsis:1},aEmailProps:{placeholder:t("wkc.enterEmail")},aPhoneProps:{placeholder:t("wkc.enterPhone")},aSwitchProps:{previewActiveText:t("wkc.on"),previewInactiveText:t("wkc.off")},aSelectProps:{placeholder:t("wkc.select")},aMultiSelectProps:{placeholder:t("wkc.select")},aDateProps:{placeholder:t("wkc.selectDate")},aDateTimeProps:{placeholder:t("wkc.selectTime")},aTimeProps:{placeholder:t("wkc.selectTime")},aDateRangeProps:{startPlaceholder:t("wkc.startDate"),endPlaceholder:t("wkc.endDate"),rangeSeparator:t("wkc.rangeSeparator")},aDateTimeRangeProps:{startPlaceholder:t("wkc.startTime"),endPlaceholder:t("wkc.endTime"),rangeSeparator:t("wkc.rangeSeparator")},aTimeRangeProps:{startPlaceholder:t("wkc.startTime"),endPlaceholder:t("wkc.endTime"),rangeSeparator:t("wkc.rangeSeparator")},aCheckboxProps:{previewActiveText:t("wkc.on"),previewInactiveText:t("wkc.off")},aCascaderLazyProps:{placeholder:t("wkc.select")},aCascaderProps:{placeholder:t("wkc.select")},aIntegerProps:{placeholder:t("wkc.enterInteger"),max:2147483647},aFloatProps:{placeholder:t("wkc.enterNumber")},aNumberProps:{placeholder:t("wkc.enterNumber")},aCurrencyProps:{placeholder:t("wkc.enter")},aCaptchaProps:{placeholder:t("wkc.enterCaptcha")},fatTableModal:{enableCancel:!0,enableConfirm:!1},fatTableSelectModal:{enableCancel:!0,enableConfirm:!0}}})}const s5=Symbol("fat-configure"),VIe=l5(D(rg)).value;function an(){return tg&&LIe(),Ge(s5,VIe)}function i5(e){const t=D(rg),n=l5(t),r=nn(n.value);be(()=>({nextValue:c(e),defaultValue:n.value}),({nextValue:o,defaultValue:a})=>{Uae(o==null?void 0:o.i18n),(o==null?void 0:o.i18n)&&o.i18n!==t.value&&(t.value=o.i18n),Gh(r,a,o!=null?o:za)},{flush:"sync",immediate:!0}),$t(s5,r)}wt({name:"FatConfigurableProvider",props:["value"],setup(e,{slots:t}){return i5(T(()=>e.value)),()=>{var n;return(n=t.default)===null||n===void 0?void 0:n.call(t)}}});const u5=wt({name:"FatContainer",props:{title:null,tabs:null,activeKey:null,reuseBayIfNeed:{type:Boolean,default:null},legacyMode:{type:Boolean,default:void 0},border:null,renderTitle:null,renderExtra:null,renderQuery:null,renderDefault:null},emits:void 0,slots:void 0,setup(e,{slots:t,emit:n,attrs:r}){const o=an(),a=T(()=>Ut(e,t,"query")),l=T(()=>Ut(e,t,"default")),s=T(()=>Ut(e,t,"title")),i=T(()=>Ut(e,t,"extra")),u=T(()=>{var b,g;return(g=(b=e.reuseBayIfNeed)!==null&&b!==void 0?b:o.reuseBayIfNeed)!==null&&g!==void 0?g:!0}),f=D(),v=T(()=>{var b,g;return f.value!=null?f.value:(g=(b=e.tabs)===null||b===void 0?void 0:b[0])===null||g===void 0?void 0:g.key}),p=b=>{f.value=b,n("activeKeyChange",b)},h=T(()=>{if(e.tabs)return J("div",Object.assign({class:"fat-container__tabs"},{children:e.tabs.map(b=>J("div",Object.assign({class:["fat-container__tab",{active:b.key===v.value}],onClick:()=>p(b.key)},{children:b.renderTitle?b.renderTitle():b.title}),b.key))}));if(s.value)return yt(e,t,"title")});return be(()=>e.activeKey,()=>{const b=e.activeKey;b!==f.value&&(f.value=b)},{immediate:!0}),()=>{var b;const g=Wx(),_=((b=e.legacyMode)!==null&&b!==void 0?b:o.legacyContainer)&&l.value,y=["fat-container",r.class,{"fat-container--legacy":_}],S=r.style,w={class:y,style:S};let C;return g&&u.value?C=Pt("wkc-header",Object.assign({},_?void 0:w,{title:e.title},{children:[!!s.value&&J("div",Object.assign({},SE("title"),{children:yt(e,t,"title")})),!!i.value&&J("div",Object.assign({},SE("extra"),{children:yt(e,t,"extra")})),a.value&&J("div",Object.assign({class:"fat-container__query"},{children:yt(e,t,"query")})),l.value&&!_&&J("div",Object.assign({class:"fat-container__body"},{children:yt(e,t,"default")}))]})):C=Pt(Py,Object.assign({},_?void 0:w,{border:e.border,title:e.title,padding:!1,"v-slots":{title:h.value,extra:i.value?()=>yt(e,t,"extra"):void 0}},{children:[a.value&&J("div",Object.assign({class:"fat-container__query"},{children:yt(e,t,"query")})),l.value&&!_&&J("div",Object.assign({class:"fat-container__body"},{children:yt(e,t,"default")}))]})),_?Pt("div",Object.assign({},w,{children:[C,J(Py,Object.assign({class:"fat-container__body"},{children:yt(e,t,"default")}))]})):C}}}),N2=wt({name:"FatFloatFooter",props:{reuseBayIfNeed:{type:Boolean,default:null}},setup(e,{slots:t,attrs:n}){const r=new hO,o=Wx(),a=an(),l=D(0),s=D(),i=T(()=>{var u,f;return(f=(u=e.reuseBayIfNeed)!==null&&u!==void 0?u:a.reuseBayIfNeed)!==null&&f!==void 0?f:!0});return bt(()=>{const u=s.value;if(!u)return;const f=new ResizeObserver(v=>{v[0]&&(l.value=`${u.getBoundingClientRect().left}px`)});f.observe(u),r.push(()=>f.disconnect())}),()=>{var u,f;return o&&i.value?J("wkc-float-footer",Object.assign({class:n.class,style:n.style},{children:(u=t.default)===null||u===void 0?void 0:u.call(t)})):Pt("div",Object.assign({class:n.class,style:n.style},{children:[J("footer",Object.assign({part:"body",class:"fat-float-footer",style:{left:l.value}},{children:(f=t.default)===null||f===void 0?void 0:f.call(t)})),J("div",{class:"fat-float-footer__placeholder"}),J("div",{class:"fat-float-footer__watcher",ref:s})]}))}}}),jIe=wt({name:"FatContent",setup(e,{slots:t,attrs:n}){return()=>{var r;return J("section",Object.assign({class:["fat-content",n.class],style:n.style},{children:(r=t.default)===null||r===void 0?void 0:r.call(t)}))}}}),zIe=e=>{var t,n;return Pt(u5,Object.assign({},e.layoutProps,e.rootProps,{class:Mt(e.rootProps.class,"fat-table","fat-table--default"),renderQuery:e.renderQuery,renderTitle:e.renderTitle,renderExtra:e.renderNavBar},{children:[Pt("div",Object.assign({class:"fat-table__body"},{children:[!!e.renderError&&J("div",Object.assign({class:"fat-table__error"},{children:e.renderError()})),(!!e.renderToolbar||!!e.renderSettings)&&Pt("div",Object.assign({class:"fat-table__toolbar"},{children:[J("main",Object.assign({class:"fat-table__toolbar-main"},{children:(t=e.renderToolbar)===null||t===void 0?void 0:t.call(e)})),!!e.renderSettings&&J("div",Object.assign({class:"fat-table__settings"},{children:e.renderSettings()}))]})),J("div",Object.assign({class:"fat-table__table"},{children:(n=e.renderTable)===null||n===void 0?void 0:n.call(e)}))]})),Pt("div",Object.assign({class:"fat-table__footer"},{children:[!!e.renderBottomToolbar&&J("div",Object.assign({class:"fat-table__bottom-toolbar"},{children:e.renderBottomToolbar()})),!!e.renderPagination&&J("div",Object.assign({class:"fat-table__pagination"},{children:e.renderPagination()}))]}))]}))},HIe=zIe,KIe={default:HIe};function WIe(e){var t,n,r;if(e==null)throw new Error("[fat-table] \u5FC5\u987B\u6307\u5B9A\u5217 (columns)");for(let o=0;o{var n;const r=(n=e.valueType)!==null&&n!==void 0?n:"text",o=typeof r=="object"?r:t.registered(r);if(o==null)throw new Error(`[fat-table] \u672A\u80FD\u8BC6\u522B\u7C7B\u578B\u4E3A ${r} \u7684\u539F\u4EF6`);return{comp:o.component,validate:o.validate}};function f5(e=!0){return e,null}const v5=Symbol("fat-form-context"),p5=Symbol("fat-form-collection"),Lg=Symbol("fat-form-inheritance-context"),_T={mini:"var(--fat-width-form-item-xs)",small:"var(--fat-width-form-item-sm)",medium:"var(--fat-width-form-item-md)",large:"var(--fat-width-form-item-lg)",huge:"var(--fat-width-form-item-xl)"},ka=["mode","layout","labelWidth","labelSuffix","size","disabled","clearable","error","loading","submitting","values","formRef","getValuesToSubmit","submit","request","reset","validate","validateField","isFieldTouched","clearValidate","getFieldValue","setFieldValue","unsetFieldValue","renderButtons"],wT={xs:8,sm:16,base:24,md:32,lg:48,xl:64},xh=(e="xs")=>{if(typeof e=="string"&&!(e in wT))throw new Error(`Invalid size: ${e}`);return typeof e=="string"?wT[e]:e},GIe=(e="xs")=>Array.isArray(e)?[xh(e[0]),xh(e[0])]:new Array(2).fill(xh(e)),YIe=wt({name:"FatSpace",props:{align:{type:null,default:"center"},direction:null,size:null,wrap:{type:Boolean,default:!1},inline:{type:Boolean,default:!0}},setup(e,{attrs:t,slots:n}){return()=>{var r,o,a,l;const s=(r=e.direction)!==null&&r!==void 0?r:"horizontal",i=e.align,u=e.wrap,f=(o=e.size)!==null&&o!==void 0?o:"xs",v=GIe(f),p=e.inline,h=q_((l=(a=n.default)===null||a===void 0?void 0:a.call(n))!==null&&l!==void 0?l:Hn),b=h==null?void 0:h.filter(ev).map((g,_)=>{var y;return J("div",Object.assign({class:"fat-space__item"},{children:g}),(y=g==null?void 0:g.key)!==null&&y!==void 0?y:_)});return J("div",Object.assign({class:Mt("fat-space",`fat-space--${s}`,{[`fat-space--align-${i}`]:i,"fat-space--wrap":u,"fat-space--inline":p},t.class),style:Rr(t.style,{columnGap:`${v[0]}px`,rowGap:`${v[1]}px`})},{children:b}))}}});function XIe(e){$t(p5,e)}function R2(){return Ge(p5,null)}function h5(){return D()}function lu(){return Ge(v5,null)}function Dg(){return Ge(Lg)}function ZIe(){let e={};const t=Zi(Eae);return{touch:s=>{e[t(s)]=!0},untouch:s=>{const i=t(s);i in e&&(e[i]=!1)},isTouched:s=>!!e[t(s)],clear:()=>{e={}},getAllTouches:()=>Object.keys(e)}}function m5(e,t="fat-form-item"){if(e.prop==null)throw new Error(`[${t}] \u5FC5\u987B\u6307\u5B9A prop \u5C5E\u6027`)}let F1=0;function QIe(){return!!F1}function _i(e){F1++,e(),F1--}function JIe(e,t){for(const n of t){const{atom:r,prop:o,convert:a}=n,l=Eo(e,o);let s=l;a&&(s=a(s,e,o)),r.convert&&(s=r.convert(s)),s!==l&&pa(e,o,s)}}function eMe(e,t){for(const n of t){const{prop:r,transform:o}=n;if(o==null)continue;const a=Eo(e,r),l=o(a,e,r);if(Sf(l)){ng(e,r);for(const s in l)pa(e,s,l[s])}else pa(e,r,l)}}function F2(e){return typeof e=="string"&&e in _T?_T[e]:typeof e=="number"?`${e}px`:e}const CT=za,Bg=wt({name:"FatFormGroup",props:{mode:null,label:null,labelWidth:null,tooltip:null,message:null,inlineMessage:{type:Boolean,default:!1},col:null,width:null,maxWidth:null,minWidth:null,size:null,gutter:null,row:null,hidden:{type:[Boolean,Function],default:void 0},disabled:{type:[Boolean,Function],default:void 0},clearable:{type:Boolean,default:void 0},preserve:{type:Boolean,default:void 0},prop:null,initialValue:null,required:Boolean,requiredMessage:null,vertical:Boolean,dependencies:null,rules:null,triggerOn:null,contentClassName:null,contentStyle:null,hideMessageOnPreview:{type:Boolean,default:void 0},hideOnPreview:{type:Boolean,default:void 0},hideOnEdit:{type:Boolean,default:void 0},spaceProps:null,bareness:Boolean,renderLabel:null,renderDefault:null,renderMessage:null,renderTooltip:null},slots:void 0,setup(e,{slots:t,attrs:n,expose:r}){const o=an(),a=Vn(),l=lu(),s=R2(),i=Dg();e.prop&&(e.initialValue!==void 0&&l.__setInitialValue(e.prop,e.initialValue),be(()=>e.initialValue,(A,I)=>{A===void 0||A===I||Xm(A,I)||l.__setInitialValue(e.prop,A)},{}));const u=T(()=>{var A;return(A=e.mode)!==null&&A!==void 0?A:i==null?void 0:i.mode}),f=T(()=>{let A;return typeof e.disabled=="function"?A=e.disabled(l):A=e.disabled,A!=null?A:i==null?void 0:i.disabled}),v=T(()=>{let A;return typeof e.hidden=="function"?A=e.hidden(l):A=e.hidden,A!=null?A:i==null?void 0:i.hidden}),p=T(()=>{if(u.value==="preview"){if(e.hideOnPreview)return!1}else if(e.hideOnEdit)return!1;return!0}),h=T(()=>v.value||f.value||u.value==="preview"),b=T(()=>!!e.prop&&!h.value),g=T(()=>{if(e.prop==null)return;let A=typeof e.rules=="function"?e.rules(l.values,l):e.rules;return e.required&&(A=Yo(A),A.some(I=>I.required)||A.unshift({required:!0,message:e.requiredMessage||a("wkc.valueCannotBeNull",{label:e.label})})),A}),_={get mode(){return u.value},get size(){var A;return(A=e.size)!==null&&A!==void 0?A:i==null?void 0:i.size},get clearable(){var A;return(A=e.clearable)!==null&&A!==void 0?A:i==null?void 0:i.clearable},get disabled(){return f.value},get hidden(){return v.value},get preserve(){var A;return(A=e.preserve)!==null&&A!==void 0?A:i==null?void 0:i.preserve},get hideMessageOnPreview(){var A;return(A=e.hideMessageOnPreview)!==null&&A!==void 0?A:i==null?void 0:i.hideMessageOnPreview},get col(){return i==null?void 0:i.col}},y={get preserve(){return _.preserve},get prop(){return e.prop},async validate(){return e.prop?await l.validateField(e.prop):!0}},S=T(()=>!!(e.label||!!e.renderLabel||!!t.label)),w=T(()=>e.tooltip||e.renderTooltip||t.tooltip),C=T(()=>{const I=["width","maxWidth","minWidth"].filter(B=>e[B]!==void 0);if(I.length>0)return I.reduce((B,z)=>(B[z]=F2(e[z]),B),{})}),k=T(()=>{var A;const I=(A=e.col)!==null&&A!==void 0?A:i==null?void 0:i.col;if(!!I)return typeof I=="number"?{span:I}:I}),$=T(()=>{if(!!e.row)return typeof e.row=="boolean"?CT:e.row}),O=T(()=>!S.value&&l.layout!=="horizontal"),x=T(()=>e.labelWidth!==void 0?e.labelWidth==="auto"&&l.labelWidth&&l.labelWidth!=="auto"?l.labelWidth:e.labelWidth:S.value?void 0:"0px"),R=T(()=>{var A;return!!(u.value==="preview"&&((A=_.hideMessageOnPreview)!==null&&A!==void 0?A:!0))});$t(Lg,_),r(y);const V=e.prop?s==null?void 0:s.registerItem(y):void 0;if(e.prop){const A=Bi(()=>{y.validate()},500);be(()=>e.dependencies==null?void 0:(Array.isArray(e.dependencies)?e.dependencies:[e.dependencies]).map(B=>l.getFieldValue(B)),I=>{I==null||!b.value||A()}),be(()=>b.value,I=>{I||l.clearValidate(e.prop)}),be(()=>l.getFieldValue(e.prop),()=>{var I;b.value&&QIe()&&((I=e.triggerOn)!==null&&I!==void 0?I:"change")==="change"&&A()},{deep:!0,flush:"sync"})}return hn(()=>{l.__unregisterFormGroup(y),V==null||V()}),()=>{var A,I,B,z,Y;if(!p.value)return null;const K=(B=(A=e.gutter)!==null&&A!==void 0?A:(I=o.fatForm)===null||I===void 0?void 0:I.groupGutter)!==null&&B!==void 0?B:e.vertical?"sm":"xs",M=xh(K),j=l.layout==="inline"||e.inlineMessage,N=k.value;let U=$.value,W=yt(e,t,"default",l);!U&&((z=Nae(W))===null||z===void 0?void 0:z.some(Ce=>Ce&&"col"in Ce))&&(U=CT),e.bareness||(U?W=J(jA,Object.assign({},U,{class:Mt("fat-form-row",U==null?void 0:U.class),style:U.style,gutter:(Y=U.gutter)!==null&&Y!==void 0?Y:M},{children:W})):W=J(YIe,Object.assign({size:M,wrap:!0,direction:e.vertical?"vertical":"horizontal",class:Mt("fat-form-group-container"),inline:!1,align:"start"},e.spaceProps,{children:W})));const G=w.value||S.value?{label:Pt("span",{children:[yt(e,t,"label",l),e.label,!!w.value&&J(ur,Object.assign({"v-slots":{content:Ut(e,t,"tooltip")?yt(e,t,"tooltip",l):e.tooltip}},{children:J(Rg,{class:"fat-form-tooltip"})})),l.labelSuffix]})}:!S.value&&e.labelWidth!==void 0&&l.layout==="horizontal"?{label:J("span",{})}:void 0,ae=(e.message||Ut(e,t,"message"))&&!R.value&&J("div",Object.assign({class:Mt("fat-form-message",{"fat-form-message--inline":j})},{children:Ut(e,t,"message")?yt(e,t,"message",l):J("span",Object.assign({class:"fat-form-message__content"},{children:e.message}))}));let me=Pt(Rw,Object.assign({class:Mt("fat-form-group",{"fat-form-item--hide-label":O.value},N?void 0:n.class),style:Rr({display:v.value?"none":void 0},N?void 0:n.style),label:e.label,labelWidth:x.value,size:_.size,required:h.value?void 0:e.required,prop:e.prop,rules:b.value?g.value:void 0,"v-slots":G},{children:[Pt("div",Object.assign({class:Mt("fat-form-item__content",e.contentClassName,{"fat-form-item--inline-message":j}),style:Rr(C.value,e.contentStyle)},{children:[W,j&&ae]})),!j&&ae]}));return N&&(me=J(qw,Object.assign({},N,{class:Mt("fat-form-col",N==null?void 0:N.class,n.class),style:Rr(N==null?void 0:N.style,n.style)},{children:me}))),me}}}),tMe=e=>e==="abort"||e==="cancel"?!0:e instanceof Error?e.message==="abort"||e.message==="cancel"||e.name==="AbortError":!1,su=wt({name:"FatForm",props:{mode:null,loading:{type:Boolean,default:!1},initialValue:null,forceSetInitialValue:{type:Boolean,default:!1},extraValue:null,request:null,requestOnMounted:{type:Boolean,default:!0},submit:null,isAbort:null,layout:null,labelAlign:null,labelWidth:null,labelSuffix:null,size:null,disabled:{type:Boolean,default:void 0},clearable:{type:Boolean,default:void 0},preserve:{type:Boolean,default:!0},rules:null,hideRequiredAsterisk:Boolean,validateOnRuleChange:{type:Boolean,default:!0},enableSubmitter:{type:Boolean,default:!0},submitText:String,resetText:String,enableReset:{type:Boolean,default:!0},submitProps:null,resetProps:null,submitterProps:null,submitterClassName:null,submitterStyle:null,errorCapture:null,col:null,row:null,hierarchyConnect:{type:Boolean,default:!0},syncToInitialValues:Boolean,hideMessageOnPreview:{type:Boolean,default:void 0},getValues:null,__hmr__:{type:Boolean,default:!0},renderSubmitter:null},slots:void 0,emits:void 0,setup(e,{slots:t,expose:n,attrs:r,emit:o}){let a=!1,l=!1;const s=an(),i=lu(),u=D(),f=D(!1),v=Vn(),p=T({get(){return!!(f.value||e.loading)},set(ee){f.value=ee}}),h=D(!1),b=D();f5(e.__hmr__);const g=e.getValues?e.getValues():D({}),_=ZIe(),y=new Set,S=new Set,w=new hO;let C,k={};const $=(ee,ve)=>{const Be=Vl(k=ve?ee!=null?ee:{}:U_(k,ee));if(!ve&&l)for(const ne of _.getAllTouches())pa(Be,ne,Eo(g.value,ne));else _.clear();g.value=Be,o("load",g.value)},O=async()=>{if(e.request!=null)try{p.value=!0,b.value=void 0;let ee=await e.request();Sf(ee)&&(JIe(ee,S),a=!0,$(ee,!0))}catch(ee){b.value=ee,console.error("[fat-form] \u6570\u636E\u52A0\u8F7D\u5931\u8D25",ee),o("loadFailed",ee)}finally{p.value=!1}};be(()=>e.initialValue,(ee,ve)=>{a||ee!==ve&&Sf(ee)&&!Xm(ee,ve)&&$(ee,!!e.forceSetInitialValue)},{immediate:!0}),be(b,ee=>{ee!=null&&(e.errorCapture?e.errorCapture(ee):_r.error(ee.message))},{immediate:!0});const x=async()=>{var ee;try{let ve;return y.size&&(ve=await Promise.allSettled(Array.from(y.values()).map(Be=>Be.validate()))),await((ee=u==null?void 0:u.value)===null||ee===void 0?void 0:ee.validate()),xae(ve),!0}catch(ve){throw o("validateFailed",g.value,ve),ve}},R=async ee=>{var ve;return await((ve=u.value)===null||ve===void 0?void 0:ve.validateField(ee)),!0},V=async ee=>{var ve;y.size&&y.forEach(Be=>{Be.clearValidate()}),(ve=u.value)===null||ve===void 0||ve.clearValidate(ee)},A=()=>{var ee;const ve=Vl(g.value);return eMe(ve,S),Object.assign(ve,((ee=e.extraValue)===null||ee===void 0?void 0:ee.call(e))||{})},I=async()=>{var ee,ve;if(h.value||!await x())return;if(e.submit==null){console.warn("[fat-form] \u672A\u8BBE\u7F6E submit \u9009\u9879");return}h.value=!0,b.value=void 0;const Be=A();try{await e.submit(Be),o("finish",Be),await tz(100)}catch(ne){if(!((ve=(ee=e.isAbort)!==null&&ee!==void 0?ee:tMe)===null||ve===void 0)&&ve(ne))return;throw b.value=ne,console.log("[fat-form] submit error",ne),o("submitFailed",Be,b.value),ne}finally{h.value=!1}},B=()=>{var ee;(ee=u.value)===null||ee===void 0||ee.clearValidate(),g.value=Vl(k),_.clear(),o("reset",g.value)},z=ee=>Eo(g.value,ee),Y=(ee,ve)=>{const Be=Eo(g.value,ee);Be!==ve&&_i(()=>{Ty(g.value,ee,ve),o("valuesChange",g.value,ee,ve,Be),e.syncToInitialValues&&Lr(e.initialValue)&&pa(e.initialValue,ee,ve),l&&_.touch(ee)})},K=ee=>{_.untouch(ee),vb(g.value,ee),e.syncToInitialValues&&Lr(e.initialValue)&&ng(e.initialValue,ee)},M=(ee,ve=!0)=>{const Be=Array.isArray(ee)?ee:[ee];return ve?Be.every(_.isTouched):Be.some(_.isTouched)},j=(ee,ve)=>{_.isTouched(ee)||a&&Tae(k,ee)||Eo(g.value,ee)===void 0&&(pa(k,ee,Vl(ve)),Ty(g.value,ee,Vl(ve)))},N=ee=>{y.add(ee)},U=ee=>{!l||y.delete(ee)},W=ee=>{S.add(ee)},G=ee=>{!l||(S.delete(ee),_.untouch(ee.prop),ee.preserve===!1&&tt(()=>{vb(g.value,ee.prop)}))},ae=ee=>{!l||ee.preserve===!1&&ee.prop!=null&&tt(()=>{vb(g.value,ee.prop)})},me=()=>{var ee,ve,Be,ne,ie,ye;const Oe=p.value||h.value;return[J(xn,Object.assign({loading:Oe,type:"primary"},e.submitProps,{onClick:C.submit},{children:(Be=(ee=e.submitText)!==null&&ee!==void 0?ee:(ve=s.fatForm)===null||ve===void 0?void 0:ve.saveText)!==null&&Be!==void 0?Be:v("wkc.save")})),!!e.enableReset&&J(xn,Object.assign({loading:Oe},e.resetProps,{onClick:C.reset},{children:(ye=(ne=e.resetText)!==null&&ne!==void 0?ne:(ie=s.fatForm)===null||ie===void 0?void 0:ie.resetText)!==null&&ye!==void 0?ye:v("wkc.reset")}))]};C={get mode(){var ee;return(ee=e.mode)!==null&&ee!==void 0?ee:"editable"},get layout(){var ee;return(ee=e.layout)!==null&&ee!==void 0?ee:"horizontal"},get labelWidth(){var ee;return(ee=e.labelWidth)!==null&&ee!==void 0?ee:"auto"},get labelSuffix(){var ee,ve,Be;return(Be=(ee=e.labelSuffix)!==null&&ee!==void 0?ee:(ve=s.fatForm)===null||ve===void 0?void 0:ve.labelSuffix)!==null&&Be!==void 0?Be:":"},get size(){var ee,ve;return(ee=e.size)!==null&&ee!==void 0?ee:(ve=s.fatForm)===null||ve===void 0?void 0:ve.size},get disabled(){return e.disabled},get clearable(){return e.clearable},get error(){return b.value},get loading(){return p.value},get submitting(){return h.value},get formRef(){return u.value},get values(){return g.value},set values(ee){g.value=ee},request:O,submit:I,reset:B,validate:x,clearValidate:V,validateField:R,getFieldValue:z,setFieldValue:Y,unsetFieldValue:K,isFieldTouched:M,getValuesToSubmit:A,renderButtons:me,__setInitialValue:j,__registerChildForm:N,__unregisterChildForm:U,__registerFormItem:W,__unregisterFormItem:G,__unregisterFormGroup:ae},JM(C);const Ce=T(()=>typeof e.rules=="function"?e.rules(g.value,C):e.rules),pe=T(()=>Ut(e,t,"submitter"));$t(v5,C),$t(Lg,{get mode(){return C.mode},get disabled(){return C.disabled},get preserve(){return e.preserve},get clearable(){return e.clearable},get hidden(){return!1},get size(){return C.size},get col(){return e.col},get hideMessageOnPreview(){return e.hideMessageOnPreview}}),n(C),td(),bt(()=>{i&&e.hierarchyConnect&&i.__registerChildForm(C),(()=>{e.request&&e.requestOnMounted&&O()})(),l=!0}),hn(()=>{i&&e.hierarchyConnect&&i.__unregisterChildForm(C),w.release(),l=!1});const ke=ee=>{ee.preventDefault(),I()},ce=(ee,ve,Be)=>{o("validate",ee,ve,Be)};return()=>{var ee,ve,Be,ne,ie,ye,Oe,je,_e,Ve;const Te=C.layout,Le=(Be=(ee=e.labelAlign)!==null&&ee!==void 0?ee:(ve=s.fatForm)===null||ve===void 0?void 0:ve.labelAlign)!==null&&Be!==void 0?Be:"right";return Pt(L8,Object.assign({ref:u,class:Mt("fat-form",{"fat-form--row":e.col,[`is-justify-${(ne=e.row)===null||ne===void 0?void 0:ne.justify}`]:e.col&&((ie=e.row)===null||ie===void 0?void 0:ie.justify),[`is-align-${(Oe=(ye=e.row)===null||ye===void 0?void 0:ye.align)!==null&&Oe!==void 0?Oe:"bottom"}`]:e.col},r.class),style:r.style,model:g.value,labelWidth:C.labelWidth,labelPosition:Te==="vertical"?"top":Le,inline:Te==="inline",labelSuffix:C.labelSuffix,size:x2(C.size),disabled:e.disabled,rules:Ce.value,hideRequiredAsterisk:(je=e.hideRequiredAsterisk)!==null&&je!==void 0?je:(_e=s.fatForm)===null||_e===void 0?void 0:_e.hideRequiredAsterisk,validateOnRuleChange:e.validateOnRuleChange,onValidate:ce,onSubmitNative:ke},{children:[(Ve=t.default)===null||Ve===void 0?void 0:Ve.call(t),e.enableSubmitter&&(pe.value?yt(e,t,"submitter",C):J(Bg,Object.assign({labelWidth:"auto",gutter:"sm",class:e.submitterClassName,style:e.submitterStyle,col:!1},e.submitterProps,{children:me()})))]}))}}}),nMe=wt({name:"FatFormItem",props:{mode:null,label:null,labelWidth:null,tooltip:null,message:null,inlineMessage:Boolean,prop:null,initialValue:null,valueType:null,valueProps:null,valueMap:null,placeholder:null,rules:null,required:{type:Boolean,default:void 0},requiredMessage:null,col:null,width:null,maxWidth:null,minWidth:null,disabled:{type:[Boolean,Function],default:void 0},hidden:{type:[Boolean,Function],default:void 0},preserve:{type:Boolean,default:void 0},clearable:{type:Boolean,default:void 0},hideMessageOnPreview:{type:Boolean,default:void 0},hideOnEdit:{type:Boolean,default:void 0},hideOnPreview:{type:Boolean,default:void 0},size:null,dependencies:null,valueClassName:null,valueStyle:null,contentClassName:null,contentStyle:null,convert:null,transform:null,trim:{type:[Boolean,String],default:!1},filter:{type:[RegExp,Function],default:void 0},renderLabel:null,renderBefore:null,renderDefault:null,renderMessage:null,renderTooltip:null},slots:void 0,emits:void 0,setup(e,{attrs:t,expose:n,slots:r,emit:o}){m5(e);const a=lu(),l=R2(),s=QM(),i=Dg(),u=Vn();a.__setInitialValue(e.prop,e.initialValue),be(()=>e.initialValue,(W,G)=>{W===void 0||W===G||Xm(W,G)||a.__setInitialValue(e.prop,W)},{});const f=T(()=>{var W;const G=(W=e.valueType)!==null&&W!==void 0?W:"text",ae=typeof G=="object"?G:s.registered(G);if(ae==null)throw new Error(`[fat-form-item] \u672A\u80FD\u8BC6\u522B\u7C7B\u578B\u4E3A ${G} \u7684\u539F\u4EF6`);return ae}),v=T(()=>{if(!(!e.trim&&!e.filter))return W=>(e.trim&&e.trim!=="blur"&&(W=fb(W)),e.filter!=null&&(e.filter instanceof RegExp?W=Boe(W,e.filter):typeof e.filter=="function"&&(W=e.filter(W))),W)}),p=T(()=>a.getFieldValue(e.prop)),h=T(()=>{var W,G;return(G=(W=e.mode)!==null&&W!==void 0?W:i==null?void 0:i.mode)!==null&&G!==void 0?G:"editable"}),b=T(()=>{var W;return(W=e.size)!==null&&W!==void 0?W:i==null?void 0:i.size}),g=T(()=>{var W;return(W=e.clearable)!==null&&W!==void 0?W:i==null?void 0:i.clearable}),_=T(()=>{var W,G;return(G=(W=e.preserve)!==null&&W!==void 0?W:i==null?void 0:i.preserve)!==null&&G!==void 0?G:!0}),y=T(()=>{var W,G;return!!(h.value==="preview"&&((G=(W=e.hideMessageOnPreview)!==null&&W!==void 0?W:i==null?void 0:i.hideMessageOnPreview)!==null&&G!==void 0?G:!0))}),S=(W,G,ae)=>{let me=W;return e.trim==="blur"&&(me=fb(me)),e.transform?e.transform(me,G,ae):me},w={get form(){return a},get value(){return p.value},get prop(){return e.prop},get props(){return e},get disabled(){return $.value},get hidden(){return O.value},get clearable(){return g.value},get preserve(){return _.value},get mode(){return h.value},get atom(){return f.value},get transform(){return S},get convert(){return e.convert},validate(){return a.validateField(e.prop)}},C=W=>{v.value&&(W=v.value(W));const G=w.value;W!==G&&(a.setFieldValue(e.prop,W),o("valueChange",{value:W,oldValue:G,instance:w}))},k=()=>{if(e.trim!=="blur")return;const W=w.value;if(typeof W=="string"){const G=fb(W);C(G)}},$=T(()=>{let W;return typeof e.disabled=="function"?W=e.disabled(w):W=e.disabled,W!=null?W:i==null?void 0:i.disabled}),O=T(()=>{let W;return typeof e.hidden=="function"?W=e.hidden(w):W=e.hidden,W!=null?W:i==null?void 0:i.hidden}),x=T(()=>{var W,G;if(h.value==="preview"){if((W=e.hideOnPreview)!==null&&W!==void 0?W:f.value.editOnly)return!1}else if((G=e.hideOnEdit)!==null&&G!==void 0?G:f.value.previewOnly)return!1;return!0}),R=T(()=>!O.value&&!$.value&&h.value!=="preview"),V=D(),A=(W,G)=>(V.value=[W,G],()=>{var ae;((ae=V.value)===null||ae===void 0?void 0:ae[0])===W&&(V.value=void 0)}),I=T(()=>{let W=typeof e.rules=="function"?e.rules(a.values,a):e.rules;if(e.required&&(W=Yo(W).slice(0),W.some(G=>G.required)||W.unshift({required:!0,message:e.requiredMessage||u("wkc.valueCannotBeNull",{label:jx(e.label)})})),f.value.validate)return W=Yo(W).slice(0),W.push({async validator(G,ae,me){var Ce;try{await f.value.validate(p.value,(Ce=e.valueProps)!==null&&Ce!==void 0?Ce:za,a.values),me()}catch(pe){me(pe)}},trigger:f.value.validateTrigger}),W;if(V.value){W=Yo(W).slice(0);const[G,ae]=V.value;W.push({async validator(me,Ce,pe){try{await G(),pe()}catch(ke){pe(ke)}},trigger:ae})}return W}),B=T(()=>{var W;const G=(W=e.col)!==null&&W!==void 0?W:i==null?void 0:i.col;if(!!G)return typeof G=="number"?{span:G}:G}),z=T(()=>!!(e.label||!!e.renderLabel||!!r.label)),Y=T(()=>!!(e.tooltip||e.renderTooltip||r.tooltip)),K=T(()=>{const G=["width","maxWidth","minWidth"].filter(ae=>e[ae]!==void 0);if(G.length>0)return G.reduce((ae,me)=>(ae[me]=F2(e[me]),ae),{})}),M=T(()=>!z.value&&a.layout!=="horizontal"),j=T(()=>O.value&&(!e.labelWidth||e.labelWidth==="auto")?"0px":e.labelWidth!==void 0?e.labelWidth==="auto"&&a.labelWidth&&a.labelWidth!=="auto"?a.labelWidth:e.labelWidth:z.value?void 0:"0px"),N=T(()=>{var W,G;const ae=!((W=e.valueMap)===null||W===void 0)&&W.in?e.valueMap.in(p.value):p.value,me=!((G=e.valueMap)===null||G===void 0)&&G.out?pe=>C(e.valueMap.out(pe)):C,Ce={mode:h.value,scene:"form",value:ae,onChange:me,onBlur:k,context:{label:e.label,prop:e.prop,values:a.values,required:e.required,registerValidator:A},class:e.valueClassName,style:Rr(K.value,e.valueStyle)};return e.placeholder!=null&&(Ce.placeholder=e.placeholder),$.value!==void 0&&(Ce.disabled=$.value),g.value!==void 0&&(Ce.clearable=g.value),Bx(Ce,e.valueProps)});be(()=>e.dependencies==null?void 0:(Array.isArray(e.dependencies)?e.dependencies:[e.dependencies]).map(G=>Eo(a.values,G)),Bi(W=>{W==null||!a.isFieldTouched(e.prop)||!R.value||a.validateField(e.prop)},500)),be(()=>R.value,W=>{W||a.clearValidate(e.prop)}),n(w),a.__registerFormItem(w);const U=l==null?void 0:l.registerItem(w);return hn(()=>{a.__unregisterFormItem(w),U==null||U()}),()=>{if(!x.value)return null;const W=a.layout==="inline"||e.inlineMessage,G=B.value,ae=Y.value||z.value?{label:Pt("span",{children:[yt(e,r,"label",w),e.label,!!Y.value&&J(ur,Object.assign({"v-slots":{content:Ut(e,r,"tooltip")?yt(e,r,"tooltip",w):e.tooltip}},{children:J(Rg,{class:"fat-form-tooltip"})})),a.labelSuffix]})}:!z.value&&e.labelWidth!==void 0&&a.layout==="horizontal"?{label:J("span",{})}:void 0,me=(e.message||Ut(e,r,"message"))&&!y.value&&J("div",Object.assign({class:Mt("fat-form-message",{"fat-form-message--inline":W})},{children:Ut(e,r,"message")?yt(e,r,"message",w):J("span",Object.assign({class:"fat-form-message__content"},{children:e.message}))}));let Ce=Pt(Rw,Object.assign({prop:e.prop,class:Mt("fat-form-item",`a-${f.value.name}`,`fat-form-item--${h.value}`,{"fat-form-item--hide-label":M.value},G?void 0:t.class),style:Rr({display:O.value?"none":void 0},G?void 0:t.style),label:e.label,labelWidth:j.value,rules:R.value?I.value:void 0,size:b.value,"v-slots":ae},{children:[Pt("div",Object.assign({class:Mt("fat-form-item__content",e.contentClassName,{"fat-form-item--inline-message":W}),style:e.contentStyle},{children:[yt(e,r,"before",w),f.value.component(N.value),yt(e,r,"default",w),W&&me]})),!W&&me]}));return G&&(Ce=J(qw,Object.assign({},G,{class:Mt("fat-form-col",G==null?void 0:G.class,t.class),style:Rr(G==null?void 0:G.style,t.style)},{children:Ce}))),Ce}}}),L2=nMe,rMe=wt({name:"FatFormConsumer",props:["renderDefault"],slots:void 0,setup(e,{slots:t}){const n=lu();return()=>{var r;return t.default?t.default(n):(r=e.renderDefault)===null||r===void 0?void 0:r.call(e,n)}}}),g5=wt({name:"FatFormItemCollection",props:{value:null},setup(e,{slots:t}){return XIe(e.value),()=>{var n;return(n=t.default)===null||n===void 0?void 0:n.call(t)}}}),oMe=wt({name:"FatFormSection",props:{disabled:{type:[Boolean,Function],default:void 0}},slots:void 0,setup(e,{attrs:t,slots:n}){const r=lu(),o=Dg(),a=R2(),l=T(()=>{let f;return typeof e.disabled=="function"?f=e.disabled(r):f=e.disabled,f!=null?f:o==null?void 0:o.disabled}),s={get disabled(){return l.value}};Object.setPrototypeOf(s,o!=null?o:{}),$t(Lg,s);const i=Da({}),u=a==null?void 0:a.registerSection(i);return hn(u!=null?u:Yl),()=>J(Py,Object.assign({},$n(!1),{class:Mt(t.class,"fat-form-section"),style:t.style,"v-slots":Dr(n)}))}});/**! + * Sortable 1.15.0 + * @author RubaXa + * @author owenm + * @license MIT + */function ST(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function wl(e){for(var t=1;t=0)&&(n[o]=e[o]);return n}function sMe(e,t){if(e==null)return{};var n=lMe(e,t),r,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0)&&(!Object.prototype.propertyIsEnumerable.call(e,r)||(n[r]=e[r]))}return n}var iMe="1.15.0";function Wl(e){if(typeof window<"u"&&window.navigator)return!!navigator.userAgent.match(e)}var ls=Wl(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),Ev=Wl(/Edge/i),kT=Wl(/firefox/i),nf=Wl(/safari/i)&&!Wl(/chrome/i)&&!Wl(/android/i),b5=Wl(/iP(ad|od|hone)/i),y5=Wl(/chrome/i)&&Wl(/android/i),_5={capture:!1,passive:!1};function Pn(e,t,n){e.addEventListener(t,n,!ls&&_5)}function Sn(e,t,n){e.removeEventListener(t,n,!ls&&_5)}function mm(e,t){if(!!t){if(t[0]===">"&&(t=t.substring(1)),e)try{if(e.matches)return e.matches(t);if(e.msMatchesSelector)return e.msMatchesSelector(t);if(e.webkitMatchesSelector)return e.webkitMatchesSelector(t)}catch{return!1}return!1}}function uMe(e){return e.host&&e!==document&&e.host.nodeType?e.host:e.parentNode}function sl(e,t,n,r){if(e){n=n||document;do{if(t!=null&&(t[0]===">"?e.parentNode===n&&mm(e,t):mm(e,t))||r&&e===n)return e;if(e===n)break}while(e=uMe(e))}return null}var $T=/\s+/g;function jo(e,t,n){if(e&&t)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace($T," ").replace(" "+t+" "," ");e.className=(r+(n?" "+t:"")).replace($T," ")}}function Qt(e,t,n){var r=e&&e.style;if(r){if(n===void 0)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(e,""):e.currentStyle&&(n=e.currentStyle),t===void 0?n:n[t];!(t in r)&&t.indexOf("webkit")===-1&&(t="-webkit-"+t),r[t]=n+(typeof n=="string"?"":"px")}}function rc(e,t){var n="";if(typeof e=="string")n=e;else do{var r=Qt(e,"transform");r&&r!=="none"&&(n=r+" "+n)}while(!t&&(e=e.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(n)}function w5(e,t,n){if(e){var r=e.getElementsByTagName(t),o=0,a=r.length;if(n)for(;o=a:l=o<=a,!l)return r;if(r===ml())break;r=Ms(r,!1)}return!1}function Ic(e,t,n,r){for(var o=0,a=0,l=e.children;a2&&arguments[2]!==void 0?arguments[2]:{},o=r.evt,a=sMe(r,gMe);Tv.pluginEvent.bind(Jt)(t,n,wl({dragEl:mt,parentEl:fr,ghostEl:cn,rootEl:rr,nextEl:wi,lastDownEl:Ih,cloneEl:sr,cloneHidden:xs,dragStarted:Dd,putSortable:Hr,activeSortable:Jt.active,originalEvent:o,oldIndex:Hu,oldDraggableIndex:of,newIndex:Ho,newDraggableIndex:Ts,hideGhostForTarget:P5,unhideGhostForTarget:O5,cloneNowHidden:function(){xs=!0},cloneNowShown:function(){xs=!1},dispatchSortableEvent:function(s){so({sortable:n,name:s,originalEvent:o})}},a))};function so(e){mMe(wl({putSortable:Hr,cloneEl:sr,targetEl:mt,rootEl:rr,oldIndex:Hu,oldDraggableIndex:of,newIndex:Ho,newDraggableIndex:Ts},e))}var mt,fr,cn,rr,wi,Ih,sr,xs,Hu,Ho,of,Ts,qp,Hr,Lu=!1,gm=!1,bm=[],mi,Aa,Ub,qb,PT,OT,Dd,Ou,af,lf=!1,Gp=!1,Mh,Xr,Gb=[],L1=!1,ym=[],Vg=typeof document<"u",Yp=b5,xT=Ev||ls?"cssFloat":"float",bMe=Vg&&!y5&&!b5&&"draggable"in document.createElement("div"),$5=function(){if(!!Vg){if(ls)return!1;var e=document.createElement("x");return e.style.cssText="pointer-events:auto",e.style.pointerEvents==="auto"}}(),E5=function(t,n){var r=Qt(t),o=parseInt(r.width)-parseInt(r.paddingLeft)-parseInt(r.paddingRight)-parseInt(r.borderLeftWidth)-parseInt(r.borderRightWidth),a=Ic(t,0,n),l=Ic(t,1,n),s=a&&Qt(a),i=l&&Qt(l),u=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+Tr(a).width,f=i&&parseInt(i.marginLeft)+parseInt(i.marginRight)+Tr(l).width;if(r.display==="flex")return r.flexDirection==="column"||r.flexDirection==="column-reverse"?"vertical":"horizontal";if(r.display==="grid")return r.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(a&&s.float&&s.float!=="none"){var v=s.float==="left"?"left":"right";return l&&(i.clear==="both"||i.clear===v)?"vertical":"horizontal"}return a&&(s.display==="block"||s.display==="flex"||s.display==="table"||s.display==="grid"||u>=o&&r[xT]==="none"||l&&r[xT]==="none"&&u+f>o)?"vertical":"horizontal"},yMe=function(t,n,r){var o=r?t.left:t.top,a=r?t.right:t.bottom,l=r?t.width:t.height,s=r?n.left:n.top,i=r?n.right:n.bottom,u=r?n.width:n.height;return o===s||a===i||o+l/2===s+u/2},_Me=function(t,n){var r;return bm.some(function(o){var a=o[Uo].options.emptyInsertThreshold;if(!(!a||D2(o))){var l=Tr(o),s=t>=l.left-a&&t<=l.right+a,i=n>=l.top-a&&n<=l.bottom+a;if(s&&i)return r=o}}),r},T5=function(t){function n(a,l){return function(s,i,u,f){var v=s.options.group.name&&i.options.group.name&&s.options.group.name===i.options.group.name;if(a==null&&(l||v))return!0;if(a==null||a===!1)return!1;if(l&&a==="clone")return a;if(typeof a=="function")return n(a(s,i,u,f),l)(s,i,u,f);var p=(l?s:i).options.group.name;return a===!0||typeof a=="string"&&a===p||a.join&&a.indexOf(p)>-1}}var r={},o=t.group;(!o||Ah(o)!="object")&&(o={name:o}),r.name=o.name,r.checkPull=n(o.pull,!0),r.checkPut=n(o.put),r.revertClone=o.revertClone,t.group=r},P5=function(){!$5&&cn&&Qt(cn,"display","none")},O5=function(){!$5&&cn&&Qt(cn,"display","")};Vg&&!y5&&document.addEventListener("click",function(e){if(gm)return e.preventDefault(),e.stopPropagation&&e.stopPropagation(),e.stopImmediatePropagation&&e.stopImmediatePropagation(),gm=!1,!1},!0);var gi=function(t){if(mt){t=t.touches?t.touches[0]:t;var n=_Me(t.clientX,t.clientY);if(n){var r={};for(var o in t)t.hasOwnProperty(o)&&(r[o]=t[o]);r.target=r.rootEl=n,r.preventDefault=void 0,r.stopPropagation=void 0,n[Uo]._onDragOver(r)}}},wMe=function(t){mt&&mt.parentNode[Uo]._isOutsideThisEl(t.target)};function Jt(e,t){if(!(e&&e.nodeType&&e.nodeType===1))throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));this.el=e,this.options=t=es({},t),e[Uo]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(e.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return E5(e,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(l,s){l.setData("Text",s.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:Jt.supportPointer!==!1&&"PointerEvent"in window&&!nf,emptyInsertThreshold:5};Tv.initializePlugins(this,e,n);for(var r in n)!(r in t)&&(t[r]=n[r]);T5(t);for(var o in this)o.charAt(0)==="_"&&typeof this[o]=="function"&&(this[o]=this[o].bind(this));this.nativeDraggable=t.forceFallback?!1:bMe,this.nativeDraggable&&(this.options.touchStartThreshold=1),t.supportPointer?Pn(e,"pointerdown",this._onTapStart):(Pn(e,"mousedown",this._onTapStart),Pn(e,"touchstart",this._onTapStart)),this.nativeDraggable&&(Pn(e,"dragover",this),Pn(e,"dragenter",this)),bm.push(this.el),t.store&&t.store.get&&this.sort(t.store.get(this)||[]),es(this,vMe())}Jt.prototype={constructor:Jt,_isOutsideThisEl:function(t){!this.el.contains(t)&&t!==this.el&&(Ou=null)},_getDirection:function(t,n){return typeof this.options.direction=="function"?this.options.direction.call(this,t,n,mt):this.options.direction},_onTapStart:function(t){if(!!t.cancelable){var n=this,r=this.el,o=this.options,a=o.preventOnFilter,l=t.type,s=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,i=(s||t).target,u=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||i,f=o.filter;if(OMe(r),!mt&&!(/mousedown|pointerdown/.test(l)&&t.button!==0||o.disabled)&&!u.isContentEditable&&!(!this.nativeDraggable&&nf&&i&&i.tagName.toUpperCase()==="SELECT")&&(i=sl(i,o.draggable,r,!1),!(i&&i.animated)&&Ih!==i)){if(Hu=sa(i),of=sa(i,o.draggable),typeof f=="function"){if(f.call(this,t,i,this)){so({sortable:n,rootEl:u,name:"filter",targetEl:i,toEl:r,fromEl:r}),Co("filter",n,{evt:t}),a&&t.cancelable&&t.preventDefault();return}}else if(f&&(f=f.split(",").some(function(v){if(v=sl(u,v.trim(),r,!1),v)return so({sortable:n,rootEl:v,name:"filter",targetEl:i,fromEl:r,toEl:r}),Co("filter",n,{evt:t}),!0}),f)){a&&t.cancelable&&t.preventDefault();return}o.handle&&!sl(u,o.handle,r,!1)||this._prepareDragStart(t,s,i)}}},_prepareDragStart:function(t,n,r){var o=this,a=o.el,l=o.options,s=a.ownerDocument,i;if(r&&!mt&&r.parentNode===a){var u=Tr(r);if(rr=a,mt=r,fr=mt.parentNode,wi=mt.nextSibling,Ih=r,qp=l.group,Jt.dragged=mt,mi={target:mt,clientX:(n||t).clientX,clientY:(n||t).clientY},PT=mi.clientX-u.left,OT=mi.clientY-u.top,this._lastX=(n||t).clientX,this._lastY=(n||t).clientY,mt.style["will-change"]="all",i=function(){if(Co("delayEnded",o,{evt:t}),Jt.eventCanceled){o._onDrop();return}o._disableDelayedDragEvents(),!kT&&o.nativeDraggable&&(mt.draggable=!0),o._triggerDragStart(t,n),so({sortable:o,name:"choose",originalEvent:t}),jo(mt,l.chosenClass,!0)},l.ignore.split(",").forEach(function(f){w5(mt,f.trim(),Yb)}),Pn(s,"dragover",gi),Pn(s,"mousemove",gi),Pn(s,"touchmove",gi),Pn(s,"mouseup",o._onDrop),Pn(s,"touchend",o._onDrop),Pn(s,"touchcancel",o._onDrop),kT&&this.nativeDraggable&&(this.options.touchStartThreshold=4,mt.draggable=!0),Co("delayStart",this,{evt:t}),l.delay&&(!l.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(Ev||ls))){if(Jt.eventCanceled){this._onDrop();return}Pn(s,"mouseup",o._disableDelayedDrag),Pn(s,"touchend",o._disableDelayedDrag),Pn(s,"touchcancel",o._disableDelayedDrag),Pn(s,"mousemove",o._delayedDragTouchMoveHandler),Pn(s,"touchmove",o._delayedDragTouchMoveHandler),l.supportPointer&&Pn(s,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(i,l.delay)}else i()}},_delayedDragTouchMoveHandler:function(t){var n=t.touches?t.touches[0]:t;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){mt&&Yb(mt),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;Sn(t,"mouseup",this._disableDelayedDrag),Sn(t,"touchend",this._disableDelayedDrag),Sn(t,"touchcancel",this._disableDelayedDrag),Sn(t,"mousemove",this._delayedDragTouchMoveHandler),Sn(t,"touchmove",this._delayedDragTouchMoveHandler),Sn(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,n){n=n||t.pointerType=="touch"&&t,!this.nativeDraggable||n?this.options.supportPointer?Pn(document,"pointermove",this._onTouchMove):n?Pn(document,"touchmove",this._onTouchMove):Pn(document,"mousemove",this._onTouchMove):(Pn(mt,"dragend",this),Pn(rr,"dragstart",this._onDragStart));try{document.selection?Nh(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch{}},_dragStarted:function(t,n){if(Lu=!1,rr&&mt){Co("dragStarted",this,{evt:n}),this.nativeDraggable&&Pn(document,"dragover",wMe);var r=this.options;!t&&jo(mt,r.dragClass,!1),jo(mt,r.ghostClass,!0),Jt.active=this,t&&this._appendGhost(),so({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(Aa){this._lastX=Aa.clientX,this._lastY=Aa.clientY,P5();for(var t=document.elementFromPoint(Aa.clientX,Aa.clientY),n=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(Aa.clientX,Aa.clientY),t!==n);)n=t;if(mt.parentNode[Uo]._isOutsideThisEl(t),n)do{if(n[Uo]){var r=void 0;if(r=n[Uo]._onDragOver({clientX:Aa.clientX,clientY:Aa.clientY,target:t,rootEl:n}),r&&!this.options.dragoverBubble)break}t=n}while(n=n.parentNode);O5()}},_onTouchMove:function(t){if(mi){var n=this.options,r=n.fallbackTolerance,o=n.fallbackOffset,a=t.touches?t.touches[0]:t,l=cn&&rc(cn,!0),s=cn&&l&&l.a,i=cn&&l&&l.d,u=Yp&&Xr&&TT(Xr),f=(a.clientX-mi.clientX+o.x)/(s||1)+(u?u[0]-Gb[0]:0)/(s||1),v=(a.clientY-mi.clientY+o.y)/(i||1)+(u?u[1]-Gb[1]:0)/(i||1);if(!Jt.active&&!Lu){if(r&&Math.max(Math.abs(a.clientX-this._lastX),Math.abs(a.clientY-this._lastY))=0&&(so({rootEl:fr,name:"add",toEl:fr,fromEl:rr,originalEvent:t}),so({sortable:this,name:"remove",toEl:fr,originalEvent:t}),so({rootEl:fr,name:"sort",toEl:fr,fromEl:rr,originalEvent:t}),so({sortable:this,name:"sort",toEl:fr,originalEvent:t})),Hr&&Hr.save()):Ho!==Hu&&Ho>=0&&(so({sortable:this,name:"update",toEl:fr,originalEvent:t}),so({sortable:this,name:"sort",toEl:fr,originalEvent:t})),Jt.active&&((Ho==null||Ho===-1)&&(Ho=Hu,Ts=of),so({sortable:this,name:"end",toEl:fr,originalEvent:t}),this.save()))),this._nulling()},_nulling:function(){Co("nulling",this),rr=mt=fr=cn=wi=sr=Ih=xs=mi=Aa=Dd=Ho=Ts=Hu=of=Ou=af=Hr=qp=Jt.dragged=Jt.ghost=Jt.clone=Jt.active=null,ym.forEach(function(t){t.checked=!0}),ym.length=Ub=qb=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":mt&&(this._onDragOver(t),CMe(t));break;case"selectstart":t.preventDefault();break}},toArray:function(){for(var t=[],n,r=this.el.children,o=0,a=r.length,l=this.options;or.right+o||e.clientX<=r.right&&e.clientY>r.bottom&&e.clientX>=r.left:e.clientX>r.right&&e.clientY>r.top||e.clientX<=r.right&&e.clientY>r.bottom+o}function EMe(e,t,n,r,o,a,l,s){var i=r?e.clientY:e.clientX,u=r?n.height:n.width,f=r?n.top:n.left,v=r?n.bottom:n.right,p=!1;if(!l){if(s&&Mhf+u*a/2:iv-Mh)return-af}else if(i>f+u*(1-o)/2&&iv-u*a/2)?i>f+u/2?1:-1:0}function TMe(e){return sa(mt)s.disabled!=null?typeof s.disabled=="function"?s.disabled():s.disabled:!1,a=async s=>{var i,u;if(o(s))return;if(s.confirm){const p=eg(s.confirm,{title:r("wkc.alertTitle"),message:r("wkc.alertMessage"),type:"warning",showCancelButton:!0},{action:s});if(p)try{await Ng(p)}catch{return}}const f=(i=s.onClick)===null||i===void 0?void 0:i.call(s,s);let v=!0;if(g_(f))try{n.value=!0,v=await f}finally{n.value=!1}else v=f;v!==!1&&s.link&&((u=t==null?void 0:t.push)===null||u===void 0||u.call(t,s.link))},l=s=>{s.button===0&&(s.stopPropagation(),a(e.action))};return()=>{var s;const{action:i,buttonType:u,size:f,type:v}=e,p=typeof i.title=="function"?i.title():i.title,h=o(i),b=i.loading||n.value;if(v==="button"){const g=J(xn,Object.assign({class:Mt("fat-actions__btn",i.className,{[(s=i.type)!==null&&s!==void 0?s:"default"]:u==="text"}),icon:i.icon,style:Rr(i.style),type:u==="text"?"text":i.type,disabled:h,onClick:l,loading:b,size:f},{children:i.name}));return p?J(ur,Object.assign({"v-slots":{content:p}},{children:J("span",Object.assign({class:"fat-actions__btn"},{children:g}))})):g}else{const g=J(am,Object.assign({class:Mt("fat-actions__menu-item",i.className,i.type,{"fat-actions__menu-item--disabled":h}),style:Rr(i.style),disabled:h||b,command:i,icon:i.icon,onMousedownNative:l},{children:i.name}));return p?J(ur,Object.assign({"v-slots":{content:p},placement:"left-start"},{children:g})):g}}}}),A5=wt({name:"FatActions",props:["options","max","type","size","dropdownProps","undefinedPlaceholder"],setup(e,{attrs:t}){const n=Vae(e,{max:4,type:"text"}),r=Nn(n,"max"),o=Nn(n,"type"),a=an(),l=T(()=>{var v;return x2((v=e.size)!==null&&v!==void 0?v:"default")}),s=T(()=>e.options.filter(v=>typeof v.visible=="function"?v.visible():v.visible!==!1)),i=T(()=>s.value.slice(0,r.value)),u=T(()=>s.value.slice(r.value)),f=T(()=>s.value.length===0);return()=>{var v,p,h;const b=(v=e.dropdownProps)!==null&&v!==void 0?v:{};return Pt("div",Object.assign({class:Mt("fat-actions",t.class,{"fat-actions--empty":f.value}),style:t.style},{children:[f.value&&J("span",Object.assign({class:"fat-actions__empty"},{children:(p=e.undefinedPlaceholder)!==null&&p!==void 0?p:a.undefinedPlaceholder})),i.value.map((g,_)=>J(IT,{action:g,type:"button",buttonType:o.value,size:l.value},_)),!!u.value.length&&J(n2,Object.assign({},b,{trigger:(h=b.trigger)!==null&&h!==void 0?h:"click",class:"fat-actions__dropdown","v-slots":{dropdown:J(lm,Object.assign({class:Mt("fat-actions__menu fat-actions__dropdown-menu",b.class)},{children:u.value.map((g,_)=>J(IT,{size:l.value,buttonType:o.value,type:"dropdown",action:g},_))}))}},{children:J("i",Object.assign({class:"fat-actions__more"},{children:J(j8e,{})}))}))]}))}}});var sf;(function(e){e.ByDrag="by-drag",e.ByAction="by-action"})(sf||(sf={}));const Jb=Symbol("AUTO_UNIQ_KEY"),MT="disable-to-drag",AMe=/row-uuid-([^\s]+)/,IMe=Zi(e=>{const t=F2(e);if(typeof t=="string"&&t.startsWith("var(")){const n=t.slice(4,-1);return getComputedStyle(document.body).getPropertyValue(n)}return t}),MMe=wt({name:"FatFormTable",props:{prop:String,mode:null,tableProps:null,rowKey:null,columns:null,max:{type:Number,default:Number.MAX_SAFE_INTEGER},actionWidth:{type:Number,default:void 0},enableActions:{type:Boolean,default:!0},sortable:Boolean,sortableProps:null,columnAlign:null,columnHeaderAlign:null,enableCreate:{type:Boolean,default:!0},beforeCreate:null,removable:null,beforeRemove:null,createText:null,moveUpText:String,moveDownText:String,removeText:String,actionText:String,createProps:null,removeConfirm:null,renderActions:null,renderColumns:null},slots:void 0,setup(e,{slots:t,expose:n,attrs:r}){if(m5(e,"fat-form-table"),e.sortable&&e.rowKey==null)throw new Error("prop rowKey is required when sortable is true");const o=an(),a=lu(),l=Vn(),s=D(),i=Dg(),u=T(()=>{var A;return(A=e.mode)!==null&&A!==void 0?A:i==null?void 0:i.mode}),f=T(()=>u.value!=="preview"),v=T(()=>{var A,I;return(I=(A=e.sortableProps)===null||A===void 0?void 0:A.type)!==null&&I!==void 0?I:sf.ByAction}),p=T(()=>{var A;return e.sortable&&(((A=e.sortableProps)===null||A===void 0?void 0:A.ignoreMode)||f.value)}),h=A=>{let I;return typeof e.rowKey=="string"?I=Eo(A,e.rowKey):typeof e.rowKey=="symbol"?I=A[e.rowKey]:typeof e.rowKey=="function"&&(I=e.rowKey(A)),I==null?A[Jb]:I},b=T(()=>a.getFieldValue(e.prop)),g=T(()=>{var A;return(A=b.value)!==null&&A!==void 0?A:Hn}),_=T(()=>g.value.length>=e.max),y=()=>{const A=b.value;return Array.isArray(A)?A:(a.setFieldValue(e.prop,[]),a.getFieldValue(e.prop))},S=A=>{const I=b.value,B=I.indexOf(A);if(B>0){const z=B-1,Y=I[z],K=I[B];_i(()=>{Jr(I,z,K),Jr(I,B,Y)})}},w=A=>{const I=b.value,B=I.indexOf(A);if(B!==-1&&B{Jr(I,z,K),Jr(I,B,Y)})}},C=(A,I)=>{const B=g.value.slice(0),z=B.splice(A,1)[0];B.splice(I,0,z),_i(()=>{a.setFieldValue(e.prop,B)})},k=async A=>{var I;const B=b.value,z=B.indexOf(A);if(z!==-1){const Y=B[z];if(await((I=e.beforeRemove)===null||I===void 0?void 0:I.call(e,Y))===!1)return;_i(()=>{B.splice(z,1)})}},$=()=>{var A;if(!_.value)try{const I=`${Date.now()}${Math.floor(Math.random()*1e3)}`;if(e.beforeCreate){const Y=e.beforeCreate();if(Y[Jb]=I,Lr(Y)){const K=y();_i(()=>{K.push(Y)});return}}const B={[Jb]:I};(A=e.columns)===null||A===void 0||A.forEach(Y=>{Y.initialValue!==void 0?pa(B,Y.prop,Vl(Y.initialValue)):pa(B,Y.prop,void 0)});const z=y();_i(()=>{z.push(B)})}catch(I){console.error(I),_r.error(I.message)}},O={getValue:y,setValue(A){if(!Array.isArray(A))throw new Error("[fat-form-table] Invalid value type, expect array");a.setFieldValue(e.prop,A)},moveUp:S,moveDown:w,remove:k,create:$},x=(A,I)=>{var B,z,Y,K,M,j;const N=[];if(p.value&&v.value===sf.ByAction){const U=(Y=(z=(B=e.sortableProps)===null||B===void 0?void 0:B.rowSortable)===null||z===void 0?void 0:z.call(B,{row:A,index:I,list:y()}))!==null&&Y!==void 0?Y:!0;N.push({name:(K=e.moveUpText)!==null&&K!==void 0?K:l("wkc.moveUp"),visible:I>0&&U,onClick:()=>{S(A)}},{name:(M=e.moveDownText)!==null&&M!==void 0?M:l("wkc.moveDown"),visible:I{w(A)}})}return N.push({name:(j=e.removeText)!==null&&j!==void 0?j:l("wkc.delete"),confirm:eg(e.removeConfirm,{title:l("wkc.alertTitle"),message:l("wkc.confirmDelete"),type:"warning",showCancelButton:!0},{instance:O}),visible:()=>{var U,W;return f.value&&((W=(U=e.removable)===null||U===void 0?void 0:U.call(e,{index:I,item:A,list:y()}))!==null&&W!==void 0?W:!0)},onClick:()=>{k(A)}}),N},R=A=>{var I;const B=[];if(!((I=e.sortableProps)===null||I===void 0)&&I.rowSortable&&(e.sortableProps.rowSortable({row:A.row,index:A.rowIndex,list:y()})||B.push(MT)),p.value){const z=h(A.row);B.push(`row-uuid-${z}`)}return B.filter(Boolean).join(" ")},V=T(()=>{var A,I,B;if(!f.value||!e.enableActions)return;if(Ut(e,t,"actions"))return()=>yt(e,t,"actions",O);const z=(B=(A=e.columnHeaderAlign)!==null&&A!==void 0?A:(I=o.fatTable)===null||I===void 0?void 0:I.actionsAlign)!==null&&B!==void 0?B:"center";return()=>{var Y,K;return J(Oc,Object.assign({label:(Y=e.actionText)!==null&&Y!==void 0?Y:l("wkc.operation"),width:(K=e.actionWidth)!==null&&K!==void 0?K:p.value?180:80,align:e.columnAlign,headerAlign:z},{children:{default:M=>J(A5,{class:Mt("in-table-actions",`fat-actions--${z}`),options:x(M.row,M.$index)})}}))}});return Nm(A=>{var I,B;if(!p.value||v.value!==sf.ByDrag)return;const z=(I=s.value)===null||I===void 0?void 0:I.$el,Y=z==null?void 0:z.querySelector("tbody");if(!Y)return;const K=N=>{const U=N.className.match(AMe),W=U==null?void 0:U[1];if(W==null)throw new Error(`[fat-form-table] Can not find uuid from element(${N.className})`);return W},M=N=>{const U=y(),W=U.findIndex(G=>String(h(G))===N);if(W===-1)throw new Error(`[fat-form-table] Can not find item by uuid(${N})`);return{index:W,value:U[W]}},j=Jt.create(Y,{handle:(B=e.sortableProps)===null||B===void 0?void 0:B.handle,filter:`.${MT}`,preventOnFilter:!1,onMove:(N,U)=>{var W,G;const{index:ae,value:me}=M(K(N.dragged)),{index:Ce,value:pe}=M(K(N.related));return(G=(W=e.sortableProps)===null||W===void 0?void 0:W.canDrop)===null||G===void 0?void 0:G.call(W,{nativeMoveEvent:N,nativeEvent:U,draggedIndex:ae,dragged:me,relatedIndex:Ce,related:pe,willInsertAfter:N.willInsertAfter,list:y()})},onEnd:N=>{const{oldIndex:U,newIndex:W}=N;C(U,W)}});A(()=>{j.destroy()})}),n(O),()=>{var A,I,B,z;return J(Bg,Object.assign({prop:e.prop,mode:e.mode,"v-slots":Dr(t,"default","actions"),bareness:!0},$n(!1),{class:Mt("fat-form-table",r.class,{"fat-form-table__editable":f.value})},{children:Pt("div",Object.assign({class:"fat-form-table__body"},{children:[Pt(xg,Object.assign({rowKey:h,data:g.value,size:x2("default"),border:!0,ref:s,rowClassName:R},e.tableProps,{class:Mt("fat-form-table__table",(A=e.tableProps)===null||A===void 0?void 0:A.class)},{children:[yt(e,t,"columns",O),(I=e.columns)===null||I===void 0?void 0:I.map((Y,K)=>{const{tooltip:M,prop:j,renderTooltip:N,renderLabel:U,renderColumn:W,label:G,tableColumnProps:ae}=Y,me=Zt(Y,["tooltip","prop","renderTooltip","renderLabel","renderColumn","label","tableColumnProps"]);let Ce;const pe=!!(M||N);(pe||!!U)&&(Ce=()=>Pt("span",{children:[U==null?void 0:U(O),G,pe&&J(ur,Object.assign({"v-slots":{content:N?N(O):M}},{children:J(Rg,{class:"fat-form-tooltip"})}))]}));const ce={default:ve=>{const Be=ve.$index,ne=`${e.prop}[${Be}]`,ie=`${ne}.${j}`,ye=Object.assign({prop:ie},me);return typeof W=="function"?W({form:a,prop:ie,table:O,parentProp:ne,itemProps:ye,index:Be,row:ve.row,value:ve.row[j]}):J(L2,Object.assign({prop:ie},me))}},ee=Y.width&&IMe(Y.width);return J(Oc,Object.assign({label:G,renderHeader:Ce,align:e.columnAlign,headerAlign:e.columnHeaderAlign,width:ee},ae,{children:ce}),K)}),(B=V.value)===null||B===void 0?void 0:B.call(V)]})),yt(e,t,"default",O),!f.value||!e.enableCreate?void 0:J("div",Object.assign({class:"fat-form-table__footer"},{children:J(xn,Object.assign({type:"text"},e.createProps,{onClick:$,disabled:_.value},{children:(z=e.createText)!==null&&z!==void 0?z:l("wkc.add")}))}))]}))}))}}}),Zr=Symbol("fat-form-child-type");function NMe(e){return e!=null&&typeof e=="object"&&e[Zr]==="item"}function RMe(e){return e!=null&&typeof e=="object"&&e[Zr]==="section"}function FMe(e){return e!=null&&typeof e=="object"&&e[Zr]==="group"}function LMe(e){return e!=null&&typeof e=="object"&&e[Zr]==="consumer"}function DMe(e){return e!=null&&typeof e=="object"&&e[Zr]==="table"}function BMe(e){return e!=null&&typeof e=="object"&&e[Zr]==="tableColumn"}function od(e){const t=u=>Object.assign({[Zr]:"item"},u),n=u=>Object.assign({[Zr]:"group"},u),r=u=>Object.assign({[Zr]:"table"},u),o=u=>Object.assign({[Zr]:"tableColumn"},u),a=u=>Object.assign({[Zr]:"section"},u),l=u=>({[Zr]:"consumer",render:f=>{const v=u(f);return v==null?v:Array.isArray(v)?i(v):s(v)}}),s=u=>{if(NMe(u))return J(L2,Object.assign({},u));if(FMe(u)){const{children:f}=u,v=Zt(u,["children"]);return J(Bg,Object.assign({},v,{children:i(f)}))}else if(RMe(u)){const{children:f}=u,v=Zt(u,["children"]);return J(oMe,Object.assign({},v,{children:i(f)}))}else{if(LMe(u))return J(rMe,{renderDefault:u.render});if(DMe(u)){const{columns:f}=u;if(!Array.isArray(f)||f.some(v=>!BMe(v)))throw new Error("table() \u5FC5\u987B\u6307\u5B9A columns \u5C5E\u6027\uFF0C\u4E14\u5C5E\u6027\u503C\u5FC5\u987B\u662F tableColumn");return J(MMe,Object.assign({},u))}else return e!=null?e(u,i):u}},i=u=>{if(u!=null){if(!Array.isArray(u))return s(u);if(u.length!==0)return u.map(s)}};return{item:t,group:n,section:a,consumer:l,table:r,tableColumn:o,renderChild:s,renderChildren:i}}function v7e(e,t){var n;return wt({name:(n=t==null?void 0:t.name)!==null&&n!==void 0?n:"PreDefineFatForm",setup(r,{slots:o,expose:a,attrs:l,emit:s}){const i=h5(),{item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_}=od(),y=T(e({form:i,item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_,props:l,p:Ya,emit:s})),S={};return hr(S,ka,i),a(S),()=>{var w;const C=c(y),{children:k}=C,$=Zt(C,["children"]);return Pt(su,Object.assign({ref:i},Io($,$n(!1)),{"v-slots":Dr(o,"default")},{children:[_(k),(w=o.default)===null||w===void 0?void 0:w.call(o)]}))}}})}const VMe=[...ka,"open","close"];function jMe(){return D()}const zMe=wt({name:"FatFormDrawer",props:{mode:null,visible:Boolean,drawerSize:null,enableSubmitter:{type:Boolean,default:!0},enableReset:{type:Boolean,default:!1},enableCancel:{type:Boolean,default:!0},submitText:String,resetText:String,cancelText:String,submitProps:null,resetProps:null,cancelProps:null,destroyOnClose:{type:Boolean,default:!0},beforeCancel:null,beforeFinish:null,renderTitle:null,renderFooter:null,renderSubmitter:null,Form:null,form:null},emits:void 0,slots:void 0,setup(e,{attrs:t,expose:n,emit:r,slots:o}){const a=D(!1),l=nd(a),s=an(),i=D(),u=Vn();let f={};be(()=>e.visible,w=>{w!==a.value&&(a.value=!!w)},{immediate:!0});const v=w=>{a.value=w,r("visibleChange",w)},p=w=>{const C=()=>{w(),r("cancel")};e.beforeCancel?e.beforeCancel(C):C()},h=w=>{const C=()=>{var k,$;v(!1),r("finish",w),($=(k=f).onFinish)===null||$===void 0||$.call(k,w)};e.beforeFinish?e.beforeFinish(C):C()},b=w=>{f=w!=null?w:za,a.value=!0},g=()=>{p(()=>{v(!1)})},_=()=>{var w,C,k,$,O,x,R,V,A,I,B,z;return[!!e.enableCancel&&J(xn,Object.assign({onClick:g},e.cancelProps,{children:(k=(w=e.cancelText)!==null&&w!==void 0?w:(C=s.fatForm)===null||C===void 0?void 0:C.cancelText)!==null&&k!==void 0?k:u("wkc.cancel")})),!!e.enableReset&&e.mode!=="preview"&&J(xn,Object.assign({onClick:($=i.value)===null||$===void 0?void 0:$.reset},e.resetProps,{children:(R=(O=e.resetText)!==null&&O!==void 0?O:(x=s.fatForm)===null||x===void 0?void 0:x.resetText)!==null&&R!==void 0?R:u("wkc.reset")})),e.mode!=="preview"&&J(xn,Object.assign({onClick:(V=i.value)===null||V===void 0?void 0:V.submit,loading:(A=i.value)===null||A===void 0?void 0:A.submitting,type:"primary"},e.submitProps,{children:(z=(I=e.submitText)!==null&&I!==void 0?I:(B=s.fatForm)===null||B===void 0?void 0:B.saveText)!==null&&z!==void 0?z:u("wkc.save")}))]},y={open:b,close:g,renderButtons:_};hr(y,ka,i),n(y);const S=()=>J("div",Object.assign({class:"fat-form-drawer__footer"},{children:Ut(e,o,"submitter")?yt(e,o,"submitter",y):_()}));return()=>{var w,C,k;const $=$n(),O=(C=(w=e.Form)!==null&&w!==void 0?w:e.form)!==null&&C!==void 0?C:su,x=U_($.initialValue,f.initialValue);return Pt(Qw,Object.assign({appendToBody:!0,modalAppendToBody:!0,wrapperClosable:!1,closeOnClickModal:!1,closeOnPressEscape:!1},$,f,{modelValue:a.value,"onUpdate:modelValue":v,class:Mt("fat-form-drawer",t.class),style:t.style,size:e.drawerSize,beforeClose:p,"v-slots":{title:Ut(e,o,"title")?yt(e,o,"title",y):void 0}},{children:[J("div",Object.assign({class:"fat-form-drawer__body"},{children:(!e.destroyOnClose||!!l.value)&&J(O,Object.assign({},$,f,{initialValue:x,ref:i,mode:e.mode,enableSubmitter:!1,hierarchyConnect:!1,onFinish:h},{children:(k=o.default)===null||k===void 0?void 0:k.call(o)}))})),Ut(e,o,"footer")?yt(e,o,"footer",y):S()]}))}}}),HMe=zMe;function KMe(){return D()}const WMe=[...ka,"open","close"],UMe=wt({name:"FatFormModal",props:{mode:null,visible:Boolean,enableSubmitter:{type:Boolean,default:!0},cancelText:String,submitText:String,submitProps:null,resetText:String,resetProps:null,enableReset:{type:Boolean,default:!1},enableCancel:{type:Boolean,default:!0},cancelProps:null,destroyOnClose:{type:Boolean,default:!0},beforeCancel:null,beforeFinish:null,renderTitle:null,renderFooter:null,renderSubmitter:null,Form:null,form:null},emits:void 0,slots:void 0,setup(e,{attrs:t,expose:n,emit:r,slots:o}){const a=D(!1),l=nd(a),s=an(),i=Vn(),u=D();let f={};be(()=>e.visible,w=>{w!==a.value&&(a.value=!!w)},{immediate:!0});const v=w=>{a.value=w,r("visibleChange",w)},p=w=>{const C=()=>{w(),r("cancel")};e.beforeCancel?e.beforeCancel(C):C()},h=w=>{const C=()=>{var k,$;v(!1),r("finish",w),($=(k=f).onFinish)===null||$===void 0||$.call(k,w)};e.beforeFinish?e.beforeFinish(C):C()},b=w=>{f=w!=null?w:za,a.value=!0},g=()=>{p(()=>{v(!1)})},_=()=>{var w,C,k,$,O,x,R,V,A,I,B,z;return[!!e.enableCancel&&J(xn,Object.assign({onClick:g},e.cancelProps,{children:(k=(w=e.cancelText)!==null&&w!==void 0?w:(C=s.fatForm)===null||C===void 0?void 0:C.cancelText)!==null&&k!==void 0?k:i("wkc.cancel")})),!!e.enableReset&&e.mode!=="preview"&&J(xn,Object.assign({onClick:($=u.value)===null||$===void 0?void 0:$.reset},e.resetProps,{children:(R=(O=e.resetText)!==null&&O!==void 0?O:(x=s.fatForm)===null||x===void 0?void 0:x.resetText)!==null&&R!==void 0?R:i("wkc.reset")})),e.mode!=="preview"&&J(xn,Object.assign({onClick:(V=u.value)===null||V===void 0?void 0:V.submit,loading:(A=u.value)===null||A===void 0?void 0:A.submitting,type:"primary"},e.submitProps,{children:(z=(I=e.submitText)!==null&&I!==void 0?I:(B=s.fatForm)===null||B===void 0?void 0:B.saveText)!==null&&z!==void 0?z:i("wkc.save")}))]},y={open:b,close:g,renderButtons:_};hr(y,ka,u),n(y);const S=()=>J("div",Object.assign({class:"fat-form-modal__footer"},{children:Ut(e,o,"submitter")?yt(e,o,"submitter",y):_()}));return()=>{var w,C,k;const $=$n(),O=(C=(w=e.Form)!==null&&w!==void 0?w:e.form)!==null&&C!==void 0?C:su,x=U_($.initialValue,f.initialValue);return J(_v,Object.assign({appendToBody:!0,modalAppendToBody:!0,closeOnClickModal:!1,closeOnPressEscape:!1},$,f,{modelValue:a.value,"onUpdate:modelValue":v,class:Mt("fat-form-modal",t.class),style:t.style,beforeClose:p,"v-slots":{title:Ut(e,o,"title")?yt(e,o,"title",y):void 0,footer:Ut(e,o,"footer")?yt(e,o,"footer",y):S()}},{children:(!e.destroyOnClose||!!l.value)&&J(O,Object.assign({},$,f,{mode:e.mode,initialValue:x,ref:u,enableSubmitter:!1,hierarchyConnect:!1,onFinish:h},{children:(k=o.default)===null||k===void 0?void 0:k.call(o)}))}))}}}),qMe=UMe;function GMe(){return D()}const YMe=ka,XMe=e=>Pt("div",Object.assign({class:Mt("fat-form-page",e.class),style:e.style},{children:[e.includeSections?e.renderForm():J(u5,Object.assign({},e.layoutProps,{"v-slots":{title:e.renderTitle(),extra:e.renderExtra()}},{children:e.renderForm()})),!!e.renderSubmitter&&J(N2,{children:e.renderSubmitter()})]})),ZMe=wt({name:"FatFormPage",props:{mode:null,pageLayout:null,pageLayoutProps:null,title:null,enableSubmitter:{type:Boolean,default:void 0},enableCancel:{type:Boolean,default:!0},cancelText:String,cancelProps:null,submitText:String,submitProps:null,enableReset:{type:Boolean,default:!1},resetText:String,resetProps:null,beforeCancel:null,renderDefault:null,renderExtra:null,renderTitle:null,renderSubmitter:null},emits:void 0,slots:void 0,setup(e,{slots:t,attrs:n,expose:r,emit:o}){const a=D(),l=an(),s=Vn(),i=()=>{const h=()=>{window.history.length>1&&window.history.back(),o("cancel")};e.beforeCancel?e.beforeCancel(h):h()},u=()=>{var h,b,g,_,y,S,w,C,k,$,O,x;return[!!e.enableCancel&&J(xn,Object.assign({onClick:i},e.cancelProps,{children:(g=(h=e.cancelText)!==null&&h!==void 0?h:(b=l.fatForm)===null||b===void 0?void 0:b.backText)!==null&&g!==void 0?g:s("wkc.cancel")})),!!e.enableReset&&e.mode!=="preview"&&J(xn,Object.assign({onClick:(_=a.value)===null||_===void 0?void 0:_.reset},e.resetProps,{children:(w=(y=e.resetText)!==null&&y!==void 0?y:(S=l.fatForm)===null||S===void 0?void 0:S.resetText)!==null&&w!==void 0?w:s("wkc.reset")})),e.mode!=="preview"&&J(xn,Object.assign({onClick:(C=a.value)===null||C===void 0?void 0:C.submit,loading:(k=a.value)===null||k===void 0?void 0:k.submitting,type:"primary"},e.submitProps,{children:(x=($=e.submitText)!==null&&$!==void 0?$:(O=l.fatForm)===null||O===void 0?void 0:O.saveText)!==null&&x!==void 0?x:s("wkc.save")}))]},f={renderButtons:u};hr(f,ka,a),r(f);const v=T(()=>{var h;return(h=e.enableSubmitter)!==null&&h!==void 0?h:e.mode!=="preview"}),p=T(()=>{if(!!v.value)return()=>Ut(e,t,"submitter")?yt(e,t,"submitter",f):u()});return()=>{var h,b;const g=(b=(h=e.pageLayout)!==null&&h!==void 0?h:l.fatFormPageLayout)!==null&&b!==void 0?b:XMe,_=yt(e,t,"default"),y=Kx(_,"FatFormSection");return g({class:n.class,style:n.style,form:a,includeSections:y,layoutProps:e.pageLayoutProps,renderTitle:()=>Ut(e,t,"title")?yt(e,t,"title",a.value):e.title,renderExtra:()=>yt(e,t,"extra",a.value),renderForm:()=>J(su,Object.assign({ref:a,mode:e.mode,hierarchyConnect:!1},$n(),{enableSubmitter:!1},{children:_})),renderSubmitter:p.value})}}}),QMe=ZMe;var j1={exports:{}};/** + * @license + * Lodash + * Copyright OpenJS Foundation and other contributors + * Released under MIT license + * Based on Underscore.js 1.8.3 + * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors + */(function(e,t){(function(){var n,r="4.17.21",o=200,a="Unsupported core-js use. Try https://npms.io/search?q=ponyfill.",l="Expected a function",s="Invalid `variable` option passed into `_.template`",i="__lodash_hash_undefined__",u=500,f="__lodash_placeholder__",v=1,p=2,h=4,b=1,g=2,_=1,y=2,S=4,w=8,C=16,k=32,$=64,O=128,x=256,R=512,V=30,A="...",I=800,B=16,z=1,Y=2,K=3,M=1/0,j=9007199254740991,N=17976931348623157e292,U=0/0,W=4294967295,G=W-1,ae=W>>>1,me=[["ary",O],["bind",_],["bindKey",y],["curry",w],["curryRight",C],["flip",R],["partial",k],["partialRight",$],["rearg",x]],Ce="[object Arguments]",pe="[object Array]",ke="[object AsyncFunction]",ce="[object Boolean]",ee="[object Date]",ve="[object DOMException]",Be="[object Error]",ne="[object Function]",ie="[object GeneratorFunction]",ye="[object Map]",Oe="[object Number]",je="[object Null]",_e="[object Object]",Ve="[object Promise]",Te="[object Proxy]",Le="[object RegExp]",Ee="[object Set]",Ze="[object String]",Ye="[object Symbol]",$e="[object Undefined]",Xe="[object WeakMap]",ft="[object WeakSet]",Et="[object ArrayBuffer]",dt="[object DataView]",Ne="[object Float32Array]",Fe="[object Float64Array]",we="[object Int8Array]",le="[object Int16Array]",fe="[object Int32Array]",Re="[object Uint8Array]",We="[object Uint8ClampedArray]",ct="[object Uint16Array]",xe="[object Uint32Array]",Je=/\b__p \+= '';/g,Tt=/\b(__p \+=) '' \+/g,Lt=/(__e\(.*?\)|\b__t\)) \+\n'';/g,Kt=/&(?:amp|lt|gt|quot|#39);/g,sn=/[&<>"']/g,ar=RegExp(Kt.source),De=RegExp(sn.source),ot=/<%-([\s\S]+?)%>/g,Wt=/<%([\s\S]+?)%>/g,wn=/<%=([\s\S]+?)%>/g,ho=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,mo=/^\w*$/,is=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,sd=/[\\^$.*+?()[\]{}|]/g,qe=RegExp(sd.source),St=/^\s+/,Nt=/\s/,Ln=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,cr=/\{\n\/\* \[wrapped with (.+)\] \*/,Ja=/,? & /,iu=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,$a=/[()=,{}\[\]\/\s]/,$l=/\\(\\)?/g,lN=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,J2=/\w*$/,sN=/^[-+]0x[0-9a-f]+$/i,iN=/^0b[01]+$/i,uN=/^\[object .+?Constructor\]$/,cN=/^0o[0-7]+$/i,dN=/^(?:0|[1-9]\d*)$/,fN=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,xv=/($^)/,vN=/['\n\r\u2028\u2029\\]/g,Av="\\ud800-\\udfff",pN="\\u0300-\\u036f",hN="\\ufe20-\\ufe2f",mN="\\u20d0-\\u20ff",eC=pN+hN+mN,tC="\\u2700-\\u27bf",nC="a-z\\xdf-\\xf6\\xf8-\\xff",gN="\\xac\\xb1\\xd7\\xf7",bN="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",yN="\\u2000-\\u206f",_N=" \\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",rC="A-Z\\xc0-\\xd6\\xd8-\\xde",oC="\\ufe0e\\ufe0f",aC=gN+bN+yN+_N,Wg="['\u2019]",wN="["+Av+"]",lC="["+aC+"]",Iv="["+eC+"]",sC="\\d+",CN="["+tC+"]",iC="["+nC+"]",uC="[^"+Av+aC+sC+tC+nC+rC+"]",Ug="\\ud83c[\\udffb-\\udfff]",SN="(?:"+Iv+"|"+Ug+")",cC="[^"+Av+"]",qg="(?:\\ud83c[\\udde6-\\uddff]){2}",Gg="[\\ud800-\\udbff][\\udc00-\\udfff]",uu="["+rC+"]",dC="\\u200d",fC="(?:"+iC+"|"+uC+")",kN="(?:"+uu+"|"+uC+")",vC="(?:"+Wg+"(?:d|ll|m|re|s|t|ve))?",pC="(?:"+Wg+"(?:D|LL|M|RE|S|T|VE))?",hC=SN+"?",mC="["+oC+"]?",$N="(?:"+dC+"(?:"+[cC,qg,Gg].join("|")+")"+mC+hC+")*",EN="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",TN="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",gC=mC+hC+$N,PN="(?:"+[CN,qg,Gg].join("|")+")"+gC,ON="(?:"+[cC+Iv+"?",Iv,qg,Gg,wN].join("|")+")",xN=RegExp(Wg,"g"),AN=RegExp(Iv,"g"),Yg=RegExp(Ug+"(?="+Ug+")|"+ON+gC,"g"),IN=RegExp([uu+"?"+iC+"+"+vC+"(?="+[lC,uu,"$"].join("|")+")",kN+"+"+pC+"(?="+[lC,uu+fC,"$"].join("|")+")",uu+"?"+fC+"+"+vC,uu+"+"+pC,TN,EN,sC,PN].join("|"),"g"),MN=RegExp("["+dC+Av+eC+oC+"]"),NN=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,RN=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],FN=-1,Zn={};Zn[Ne]=Zn[Fe]=Zn[we]=Zn[le]=Zn[fe]=Zn[Re]=Zn[We]=Zn[ct]=Zn[xe]=!0,Zn[Ce]=Zn[pe]=Zn[Et]=Zn[ce]=Zn[dt]=Zn[ee]=Zn[Be]=Zn[ne]=Zn[ye]=Zn[Oe]=Zn[_e]=Zn[Le]=Zn[Ee]=Zn[Ze]=Zn[Xe]=!1;var Un={};Un[Ce]=Un[pe]=Un[Et]=Un[dt]=Un[ce]=Un[ee]=Un[Ne]=Un[Fe]=Un[we]=Un[le]=Un[fe]=Un[ye]=Un[Oe]=Un[_e]=Un[Le]=Un[Ee]=Un[Ze]=Un[Ye]=Un[Re]=Un[We]=Un[ct]=Un[xe]=!0,Un[Be]=Un[ne]=Un[Xe]=!1;var LN={\u00C0:"A",\u00C1:"A",\u00C2:"A",\u00C3:"A",\u00C4:"A",\u00C5:"A",\u00E0:"a",\u00E1:"a",\u00E2:"a",\u00E3:"a",\u00E4:"a",\u00E5:"a",\u00C7:"C",\u00E7:"c",\u00D0:"D",\u00F0:"d",\u00C8:"E",\u00C9:"E",\u00CA:"E",\u00CB:"E",\u00E8:"e",\u00E9:"e",\u00EA:"e",\u00EB:"e",\u00CC:"I",\u00CD:"I",\u00CE:"I",\u00CF:"I",\u00EC:"i",\u00ED:"i",\u00EE:"i",\u00EF:"i",\u00D1:"N",\u00F1:"n",\u00D2:"O",\u00D3:"O",\u00D4:"O",\u00D5:"O",\u00D6:"O",\u00D8:"O",\u00F2:"o",\u00F3:"o",\u00F4:"o",\u00F5:"o",\u00F6:"o",\u00F8:"o",\u00D9:"U",\u00DA:"U",\u00DB:"U",\u00DC:"U",\u00F9:"u",\u00FA:"u",\u00FB:"u",\u00FC:"u",\u00DD:"Y",\u00FD:"y",\u00FF:"y",\u00C6:"Ae",\u00E6:"ae",\u00DE:"Th",\u00FE:"th",\u00DF:"ss",\u0100:"A",\u0102:"A",\u0104:"A",\u0101:"a",\u0103:"a",\u0105:"a",\u0106:"C",\u0108:"C",\u010A:"C",\u010C:"C",\u0107:"c",\u0109:"c",\u010B:"c",\u010D:"c",\u010E:"D",\u0110:"D",\u010F:"d",\u0111:"d",\u0112:"E",\u0114:"E",\u0116:"E",\u0118:"E",\u011A:"E",\u0113:"e",\u0115:"e",\u0117:"e",\u0119:"e",\u011B:"e",\u011C:"G",\u011E:"G",\u0120:"G",\u0122:"G",\u011D:"g",\u011F:"g",\u0121:"g",\u0123:"g",\u0124:"H",\u0126:"H",\u0125:"h",\u0127:"h",\u0128:"I",\u012A:"I",\u012C:"I",\u012E:"I",\u0130:"I",\u0129:"i",\u012B:"i",\u012D:"i",\u012F:"i",\u0131:"i",\u0134:"J",\u0135:"j",\u0136:"K",\u0137:"k",\u0138:"k",\u0139:"L",\u013B:"L",\u013D:"L",\u013F:"L",\u0141:"L",\u013A:"l",\u013C:"l",\u013E:"l",\u0140:"l",\u0142:"l",\u0143:"N",\u0145:"N",\u0147:"N",\u014A:"N",\u0144:"n",\u0146:"n",\u0148:"n",\u014B:"n",\u014C:"O",\u014E:"O",\u0150:"O",\u014D:"o",\u014F:"o",\u0151:"o",\u0154:"R",\u0156:"R",\u0158:"R",\u0155:"r",\u0157:"r",\u0159:"r",\u015A:"S",\u015C:"S",\u015E:"S",\u0160:"S",\u015B:"s",\u015D:"s",\u015F:"s",\u0161:"s",\u0162:"T",\u0164:"T",\u0166:"T",\u0163:"t",\u0165:"t",\u0167:"t",\u0168:"U",\u016A:"U",\u016C:"U",\u016E:"U",\u0170:"U",\u0172:"U",\u0169:"u",\u016B:"u",\u016D:"u",\u016F:"u",\u0171:"u",\u0173:"u",\u0174:"W",\u0175:"w",\u0176:"Y",\u0177:"y",\u0178:"Y",\u0179:"Z",\u017B:"Z",\u017D:"Z",\u017A:"z",\u017C:"z",\u017E:"z",\u0132:"IJ",\u0133:"ij",\u0152:"Oe",\u0153:"oe",\u0149:"'n",\u017F:"s"},DN={"&":"&","<":"<",">":">",'"':""","'":"'"},BN={"&":"&","<":"<",">":">",""":'"',"'":"'"},VN={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},jN=parseFloat,zN=parseInt,bC=typeof Ir=="object"&&Ir&&Ir.Object===Object&&Ir,HN=typeof self=="object"&&self&&self.Object===Object&&self,jr=bC||HN||Function("return this")(),Xg=t&&!t.nodeType&&t,ri=Xg&&!0&&e&&!e.nodeType&&e,yC=ri&&ri.exports===Xg,Zg=yC&&bC.process,Zo=function(){try{var Pe=ri&&ri.require&&ri.require("util").types;return Pe||Zg&&Zg.binding&&Zg.binding("util")}catch{}}(),_C=Zo&&Zo.isArrayBuffer,wC=Zo&&Zo.isDate,CC=Zo&&Zo.isMap,SC=Zo&&Zo.isRegExp,kC=Zo&&Zo.isSet,$C=Zo&&Zo.isTypedArray;function No(Pe,Qe,Ke){switch(Ke.length){case 0:return Pe.call(Qe);case 1:return Pe.call(Qe,Ke[0]);case 2:return Pe.call(Qe,Ke[0],Ke[1]);case 3:return Pe.call(Qe,Ke[0],Ke[1],Ke[2])}return Pe.apply(Qe,Ke)}function KN(Pe,Qe,Ke,It){for(var ln=-1,Tn=Pe==null?0:Pe.length;++ln-1}function Qg(Pe,Qe,Ke){for(var It=-1,ln=Pe==null?0:Pe.length;++It-1;);return Ke}function MC(Pe,Qe){for(var Ke=Pe.length;Ke--&&cu(Qe,Pe[Ke],0)>-1;);return Ke}function JN(Pe,Qe){for(var Ke=Pe.length,It=0;Ke--;)Pe[Ke]===Qe&&++It;return It}var eR=n0(LN),tR=n0(DN);function nR(Pe){return"\\"+VN[Pe]}function rR(Pe,Qe){return Pe==null?n:Pe[Qe]}function du(Pe){return MN.test(Pe)}function oR(Pe){return NN.test(Pe)}function aR(Pe){for(var Qe,Ke=[];!(Qe=Pe.next()).done;)Ke.push(Qe.value);return Ke}function l0(Pe){var Qe=-1,Ke=Array(Pe.size);return Pe.forEach(function(It,ln){Ke[++Qe]=[ln,It]}),Ke}function NC(Pe,Qe){return function(Ke){return Pe(Qe(Ke))}}function ds(Pe,Qe){for(var Ke=-1,It=Pe.length,ln=0,Tn=[];++Ke-1}function UR(d,m){var E=this.__data__,L=Xv(E,d);return L<0?(++this.size,E.push([d,m])):E[L][1]=m,this}El.prototype.clear=zR,El.prototype.delete=HR,El.prototype.get=KR,El.prototype.has=WR,El.prototype.set=UR;function Tl(d){var m=-1,E=d==null?0:d.length;for(this.clear();++m=m?d:m)),d}function ta(d,m,E,L,X,oe){var he,Se=m&v,Me=m&p,nt=m&h;if(E&&(he=X?E(d,L,X,oe):E(d)),he!==n)return he;if(!lr(d))return d;var rt=un(d);if(rt){if(he=XF(d),!Se)return go(d,he)}else{var it=Yr(d),kt=it==ne||it==ie;if(gs(d))return mS(d,Se);if(it==_e||it==Ce||kt&&!X){if(he=Me||kt?{}:RS(d),!Se)return Me?BF(d,iF(he,d)):DF(d,UC(he,d))}else{if(!Un[it])return X?d:{};he=ZF(d,it,Se)}}oe||(oe=new Ta);var Vt=oe.get(d);if(Vt)return Vt;oe.set(d,he),ck(d)?d.forEach(function(Yt){he.add(ta(Yt,m,E,Yt,d,oe))}):ik(d)&&d.forEach(function(Yt,mn){he.set(mn,ta(Yt,m,E,mn,d,oe))});var Gt=nt?Me?I0:A0:Me?yo:Or,fn=rt?n:Gt(d);return Qo(fn||d,function(Yt,mn){fn&&(mn=Yt,Yt=d[mn]),pd(he,mn,ta(Yt,m,E,mn,d,oe))}),he}function uF(d){var m=Or(d);return function(E){return qC(E,d,m)}}function qC(d,m,E){var L=E.length;if(d==null)return!L;for(d=Wn(d);L--;){var X=E[L],oe=m[X],he=d[X];if(he===n&&!(X in d)||!oe(he))return!1}return!0}function GC(d,m,E){if(typeof d!="function")throw new Jo(l);return wd(function(){d.apply(n,E)},m)}function hd(d,m,E,L){var X=-1,oe=Mv,he=!0,Se=d.length,Me=[],nt=m.length;if(!Se)return Me;E&&(m=nr(m,Ro(E))),L?(oe=Qg,he=!1):m.length>=o&&(oe=id,he=!1,m=new li(m));e:for(;++XX?0:X+E),L=L===n||L>X?X:dn(L),L<0&&(L+=X),L=E>L?0:fk(L);E0&&E(Se)?m>1?zr(Se,m-1,E,L,X):cs(X,Se):L||(X[X.length]=Se)}return X}var v0=CS(),ZC=CS(!0);function el(d,m){return d&&v0(d,m,Or)}function p0(d,m){return d&&ZC(d,m,Or)}function Qv(d,m){return us(m,function(E){return Il(d[E])})}function ii(d,m){m=hs(m,d);for(var E=0,L=m.length;d!=null&&Em}function fF(d,m){return d!=null&&Dn.call(d,m)}function vF(d,m){return d!=null&&m in Wn(d)}function pF(d,m,E){return d>=Gr(m,E)&&d=120&&rt.length>=120)?new li(he&&rt):n}rt=d[0];var it=-1,kt=Se[0];e:for(;++it-1;)Se!==d&&Hv.call(Se,Me,1),Hv.call(d,Me,1);return d}function iS(d,m){for(var E=d?m.length:0,L=E-1;E--;){var X=m[E];if(E==L||X!==oe){var oe=X;Al(X)?Hv.call(d,X,1):k0(d,X)}}return d}function w0(d,m){return d+Uv(zC()*(m-d+1))}function TF(d,m,E,L){for(var X=-1,oe=Er(Wv((m-d)/(E||1)),0),he=Ke(oe);oe--;)he[L?oe:++X]=d,d+=E;return he}function C0(d,m){var E="";if(!d||m<1||m>j)return E;do m%2&&(E+=d),m=Uv(m/2),m&&(d+=d);while(m);return E}function pn(d,m){return B0(DS(d,m,_o),d+"")}function PF(d){return WC(Cu(d))}function OF(d,m){var E=Cu(d);return up(E,si(m,0,E.length))}function bd(d,m,E,L){if(!lr(d))return d;m=hs(m,d);for(var X=-1,oe=m.length,he=oe-1,Se=d;Se!=null&&++XX?0:X+m),E=E>X?X:E,E<0&&(E+=X),X=m>E?0:E-m>>>0,m>>>=0;for(var oe=Ke(X);++L>>1,he=d[oe];he!==null&&!Lo(he)&&(E?he<=m:he=o){var nt=m?null:HF(d);if(nt)return Rv(nt);he=!1,X=id,Me=new li}else Me=m?[]:Se;e:for(;++L=L?d:na(d,m,E)}var hS=_R||function(d){return jr.clearTimeout(d)};function mS(d,m){if(m)return d.slice();var E=d.length,L=LC?LC(E):new d.constructor(E);return d.copy(L),L}function P0(d){var m=new d.constructor(d.byteLength);return new jv(m).set(new jv(d)),m}function NF(d,m){var E=m?P0(d.buffer):d.buffer;return new d.constructor(E,d.byteOffset,d.byteLength)}function RF(d){var m=new d.constructor(d.source,J2.exec(d));return m.lastIndex=d.lastIndex,m}function FF(d){return vd?Wn(vd.call(d)):{}}function gS(d,m){var E=m?P0(d.buffer):d.buffer;return new d.constructor(E,d.byteOffset,d.length)}function bS(d,m){if(d!==m){var E=d!==n,L=d===null,X=d===d,oe=Lo(d),he=m!==n,Se=m===null,Me=m===m,nt=Lo(m);if(!Se&&!nt&&!oe&&d>m||oe&&he&&Me&&!Se&&!nt||L&&he&&Me||!E&&Me||!X)return 1;if(!L&&!oe&&!nt&&d=Se)return Me;var nt=E[L];return Me*(nt=="desc"?-1:1)}}return d.index-m.index}function yS(d,m,E,L){for(var X=-1,oe=d.length,he=E.length,Se=-1,Me=m.length,nt=Er(oe-he,0),rt=Ke(Me+nt),it=!L;++Se1?E[X-1]:n,he=X>2?E[2]:n;for(oe=d.length>3&&typeof oe=="function"?(X--,oe):n,he&&ro(E[0],E[1],he)&&(oe=X<3?n:oe,X=1),m=Wn(m);++L-1?X[oe?m[he]:he]:n}}function $S(d){return xl(function(m){var E=m.length,L=E,X=ea.prototype.thru;for(d&&m.reverse();L--;){var oe=m[L];if(typeof oe!="function")throw new Jo(l);if(X&&!he&&sp(oe)=="wrapper")var he=new ea([],!0)}for(L=he?L:E;++L1&&Cn.reverse(),rt&&MeSe))return!1;var nt=oe.get(d),rt=oe.get(m);if(nt&&rt)return nt==m&&rt==d;var it=-1,kt=!0,Vt=E&g?new li:n;for(oe.set(d,m),oe.set(m,d);++it1?"& ":"")+m[L],m=m.join(E>2?", ":" "),d.replace(Ln,`{ +/* [wrapped with `+m+`] */ +`)}function JF(d){return un(d)||di(d)||!!(VC&&d&&d[VC])}function Al(d,m){var E=typeof d;return m=m==null?j:m,!!m&&(E=="number"||E!="symbol"&&dN.test(d))&&d>-1&&d%1==0&&d0){if(++m>=I)return arguments[0]}else m=0;return d.apply(n,arguments)}}function up(d,m){var E=-1,L=d.length,X=L-1;for(m=m===n?L:m;++E1?d[m-1]:n;return E=typeof E=="function"?(d.pop(),E):n,XS(d,E)});function ZS(d){var m=te(d);return m.__chain__=!0,m}function cD(d,m){return m(d),d}function cp(d,m){return m(d)}var dD=xl(function(d){var m=d.length,E=m?d[0]:0,L=this.__wrapped__,X=function(oe){return f0(oe,d)};return m>1||this.__actions__.length||!(L instanceof yn)||!Al(E)?this.thru(X):(L=L.slice(E,+E+(m?1:0)),L.__actions__.push({func:cp,args:[X],thisArg:n}),new ea(L,this.__chain__).thru(function(oe){return m&&!oe.length&&oe.push(n),oe}))});function fD(){return ZS(this)}function vD(){return new ea(this.value(),this.__chain__)}function pD(){this.__values__===n&&(this.__values__=dk(this.value()));var d=this.__index__>=this.__values__.length,m=d?n:this.__values__[this.__index__++];return{done:d,value:m}}function hD(){return this}function mD(d){for(var m,E=this;E instanceof Yv;){var L=KS(E);L.__index__=0,L.__values__=n,m?X.__wrapped__=L:m=L;var X=L;E=E.__wrapped__}return X.__wrapped__=d,m}function gD(){var d=this.__wrapped__;if(d instanceof yn){var m=d;return this.__actions__.length&&(m=new yn(this)),m=m.reverse(),m.__actions__.push({func:cp,args:[V0],thisArg:n}),new ea(m,this.__chain__)}return this.thru(V0)}function bD(){return vS(this.__wrapped__,this.__actions__)}var yD=np(function(d,m,E){Dn.call(d,E)?++d[E]:Pl(d,E,1)});function _D(d,m,E){var L=un(d)?EC:cF;return E&&ro(d,m,E)&&(m=n),L(d,qt(m,3))}function wD(d,m){var E=un(d)?us:XC;return E(d,qt(m,3))}var CD=kS(WS),SD=kS(US);function kD(d,m){return zr(dp(d,m),1)}function $D(d,m){return zr(dp(d,m),M)}function ED(d,m,E){return E=E===n?1:dn(E),zr(dp(d,m),E)}function QS(d,m){var E=un(d)?Qo:vs;return E(d,qt(m,3))}function JS(d,m){var E=un(d)?WN:YC;return E(d,qt(m,3))}var TD=np(function(d,m,E){Dn.call(d,E)?d[E].push(m):Pl(d,E,[m])});function PD(d,m,E,L){d=bo(d)?d:Cu(d),E=E&&!L?dn(E):0;var X=d.length;return E<0&&(E=Er(X+E,0)),mp(d)?E<=X&&d.indexOf(m,E)>-1:!!X&&cu(d,m,E)>-1}var OD=pn(function(d,m,E){var L=-1,X=typeof m=="function",oe=bo(d)?Ke(d.length):[];return vs(d,function(he){oe[++L]=X?No(m,he,E):md(he,m,E)}),oe}),xD=np(function(d,m,E){Pl(d,E,m)});function dp(d,m){var E=un(d)?nr:nS;return E(d,qt(m,3))}function AD(d,m,E,L){return d==null?[]:(un(m)||(m=m==null?[]:[m]),E=L?n:E,un(E)||(E=E==null?[]:[E]),lS(d,m,E))}var ID=np(function(d,m,E){d[E?0:1].push(m)},function(){return[[],[]]});function MD(d,m,E){var L=un(d)?Jg:xC,X=arguments.length<3;return L(d,qt(m,4),E,X,vs)}function ND(d,m,E){var L=un(d)?UN:xC,X=arguments.length<3;return L(d,qt(m,4),E,X,YC)}function RD(d,m){var E=un(d)?us:XC;return E(d,pp(qt(m,3)))}function FD(d){var m=un(d)?WC:PF;return m(d)}function LD(d,m,E){(E?ro(d,m,E):m===n)?m=1:m=dn(m);var L=un(d)?aF:OF;return L(d,m)}function DD(d){var m=un(d)?lF:AF;return m(d)}function BD(d){if(d==null)return 0;if(bo(d))return mp(d)?fu(d):d.length;var m=Yr(d);return m==ye||m==Ee?d.size:b0(d).length}function VD(d,m,E){var L=un(d)?e0:IF;return E&&ro(d,m,E)&&(m=n),L(d,qt(m,3))}var jD=pn(function(d,m){if(d==null)return[];var E=m.length;return E>1&&ro(d,m[0],m[1])?m=[]:E>2&&ro(m[0],m[1],m[2])&&(m=[m[0]]),lS(d,zr(m,1),[])}),fp=wR||function(){return jr.Date.now()};function zD(d,m){if(typeof m!="function")throw new Jo(l);return d=dn(d),function(){if(--d<1)return m.apply(this,arguments)}}function ek(d,m,E){return m=E?n:m,m=d&&m==null?d.length:m,Ol(d,O,n,n,n,n,m)}function tk(d,m){var E;if(typeof m!="function")throw new Jo(l);return d=dn(d),function(){return--d>0&&(E=m.apply(this,arguments)),d<=1&&(m=n),E}}var z0=pn(function(d,m,E){var L=_;if(E.length){var X=ds(E,_u(z0));L|=k}return Ol(d,L,m,E,X)}),nk=pn(function(d,m,E){var L=_|y;if(E.length){var X=ds(E,_u(nk));L|=k}return Ol(m,L,d,E,X)});function rk(d,m,E){m=E?n:m;var L=Ol(d,w,n,n,n,n,n,m);return L.placeholder=rk.placeholder,L}function ok(d,m,E){m=E?n:m;var L=Ol(d,C,n,n,n,n,n,m);return L.placeholder=ok.placeholder,L}function ak(d,m,E){var L,X,oe,he,Se,Me,nt=0,rt=!1,it=!1,kt=!0;if(typeof d!="function")throw new Jo(l);m=oa(m)||0,lr(E)&&(rt=!!E.leading,it="maxWait"in E,oe=it?Er(oa(E.maxWait)||0,m):oe,kt="trailing"in E?!!E.trailing:kt);function Vt(gr){var Oa=L,Nl=X;return L=X=n,nt=gr,he=d.apply(Nl,Oa),he}function Gt(gr){return nt=gr,Se=wd(mn,m),rt?Vt(gr):he}function fn(gr){var Oa=gr-Me,Nl=gr-nt,kk=m-Oa;return it?Gr(kk,oe-Nl):kk}function Yt(gr){var Oa=gr-Me,Nl=gr-nt;return Me===n||Oa>=m||Oa<0||it&&Nl>=oe}function mn(){var gr=fp();if(Yt(gr))return Cn(gr);Se=wd(mn,fn(gr))}function Cn(gr){return Se=n,kt&&L?Vt(gr):(L=X=n,he)}function Do(){Se!==n&&hS(Se),nt=0,L=Me=X=Se=n}function oo(){return Se===n?he:Cn(fp())}function Bo(){var gr=fp(),Oa=Yt(gr);if(L=arguments,X=this,Me=gr,Oa){if(Se===n)return Gt(Me);if(it)return hS(Se),Se=wd(mn,m),Vt(Me)}return Se===n&&(Se=wd(mn,m)),he}return Bo.cancel=Do,Bo.flush=oo,Bo}var HD=pn(function(d,m){return GC(d,1,m)}),KD=pn(function(d,m,E){return GC(d,oa(m)||0,E)});function WD(d){return Ol(d,R)}function vp(d,m){if(typeof d!="function"||m!=null&&typeof m!="function")throw new Jo(l);var E=function(){var L=arguments,X=m?m.apply(this,L):L[0],oe=E.cache;if(oe.has(X))return oe.get(X);var he=d.apply(this,L);return E.cache=oe.set(X,he)||oe,he};return E.cache=new(vp.Cache||Tl),E}vp.Cache=Tl;function pp(d){if(typeof d!="function")throw new Jo(l);return function(){var m=arguments;switch(m.length){case 0:return!d.call(this);case 1:return!d.call(this,m[0]);case 2:return!d.call(this,m[0],m[1]);case 3:return!d.call(this,m[0],m[1],m[2])}return!d.apply(this,m)}}function UD(d){return tk(2,d)}var qD=MF(function(d,m){m=m.length==1&&un(m[0])?nr(m[0],Ro(qt())):nr(zr(m,1),Ro(qt()));var E=m.length;return pn(function(L){for(var X=-1,oe=Gr(L.length,E);++X=m}),di=JC(function(){return arguments}())?JC:function(d){return dr(d)&&Dn.call(d,"callee")&&!BC.call(d,"callee")},un=Ke.isArray,iB=_C?Ro(_C):mF;function bo(d){return d!=null&&hp(d.length)&&!Il(d)}function mr(d){return dr(d)&&bo(d)}function uB(d){return d===!0||d===!1||dr(d)&&no(d)==ce}var gs=SR||eb,cB=wC?Ro(wC):gF;function dB(d){return dr(d)&&d.nodeType===1&&!Cd(d)}function fB(d){if(d==null)return!0;if(bo(d)&&(un(d)||typeof d=="string"||typeof d.splice=="function"||gs(d)||wu(d)||di(d)))return!d.length;var m=Yr(d);if(m==ye||m==Ee)return!d.size;if(_d(d))return!b0(d).length;for(var E in d)if(Dn.call(d,E))return!1;return!0}function vB(d,m){return gd(d,m)}function pB(d,m,E){E=typeof E=="function"?E:n;var L=E?E(d,m):n;return L===n?gd(d,m,n,E):!!L}function K0(d){if(!dr(d))return!1;var m=no(d);return m==Be||m==ve||typeof d.message=="string"&&typeof d.name=="string"&&!Cd(d)}function hB(d){return typeof d=="number"&&jC(d)}function Il(d){if(!lr(d))return!1;var m=no(d);return m==ne||m==ie||m==ke||m==Te}function sk(d){return typeof d=="number"&&d==dn(d)}function hp(d){return typeof d=="number"&&d>-1&&d%1==0&&d<=j}function lr(d){var m=typeof d;return d!=null&&(m=="object"||m=="function")}function dr(d){return d!=null&&typeof d=="object"}var ik=CC?Ro(CC):yF;function mB(d,m){return d===m||g0(d,m,N0(m))}function gB(d,m,E){return E=typeof E=="function"?E:n,g0(d,m,N0(m),E)}function bB(d){return uk(d)&&d!=+d}function yB(d){if(nL(d))throw new ln(a);return eS(d)}function _B(d){return d===null}function wB(d){return d==null}function uk(d){return typeof d=="number"||dr(d)&&no(d)==Oe}function Cd(d){if(!dr(d)||no(d)!=_e)return!1;var m=zv(d);if(m===null)return!0;var E=Dn.call(m,"constructor")&&m.constructor;return typeof E=="function"&&E instanceof E&&Dv.call(E)==gR}var W0=SC?Ro(SC):_F;function CB(d){return sk(d)&&d>=-j&&d<=j}var ck=kC?Ro(kC):wF;function mp(d){return typeof d=="string"||!un(d)&&dr(d)&&no(d)==Ze}function Lo(d){return typeof d=="symbol"||dr(d)&&no(d)==Ye}var wu=$C?Ro($C):CF;function SB(d){return d===n}function kB(d){return dr(d)&&Yr(d)==Xe}function $B(d){return dr(d)&&no(d)==ft}var EB=lp(y0),TB=lp(function(d,m){return d<=m});function dk(d){if(!d)return[];if(bo(d))return mp(d)?Ea(d):go(d);if(ud&&d[ud])return aR(d[ud]());var m=Yr(d),E=m==ye?l0:m==Ee?Rv:Cu;return E(d)}function Ml(d){if(!d)return d===0?d:0;if(d=oa(d),d===M||d===-M){var m=d<0?-1:1;return m*N}return d===d?d:0}function dn(d){var m=Ml(d),E=m%1;return m===m?E?m-E:m:0}function fk(d){return d?si(dn(d),0,W):0}function oa(d){if(typeof d=="number")return d;if(Lo(d))return U;if(lr(d)){var m=typeof d.valueOf=="function"?d.valueOf():d;d=lr(m)?m+"":m}if(typeof d!="string")return d===0?d:+d;d=AC(d);var E=iN.test(d);return E||cN.test(d)?zN(d.slice(2),E?2:8):sN.test(d)?U:+d}function vk(d){return tl(d,yo(d))}function PB(d){return d?si(dn(d),-j,j):d===0?d:0}function Mn(d){return d==null?"":Fo(d)}var OB=bu(function(d,m){if(_d(m)||bo(m)){tl(m,Or(m),d);return}for(var E in m)Dn.call(m,E)&&pd(d,E,m[E])}),pk=bu(function(d,m){tl(m,yo(m),d)}),gp=bu(function(d,m,E,L){tl(m,yo(m),d,L)}),xB=bu(function(d,m,E,L){tl(m,Or(m),d,L)}),AB=xl(f0);function IB(d,m){var E=gu(d);return m==null?E:UC(E,m)}var MB=pn(function(d,m){d=Wn(d);var E=-1,L=m.length,X=L>2?m[2]:n;for(X&&ro(m[0],m[1],X)&&(L=1);++E1),oe}),tl(d,I0(d),E),L&&(E=ta(E,v|p|h,KF));for(var X=m.length;X--;)k0(E,m[X]);return E});function ZB(d,m){return mk(d,pp(qt(m)))}var QB=xl(function(d,m){return d==null?{}:$F(d,m)});function mk(d,m){if(d==null)return{};var E=nr(I0(d),function(L){return[L]});return m=qt(m),sS(d,E,function(L,X){return m(L,X[0])})}function JB(d,m,E){m=hs(m,d);var L=-1,X=m.length;for(X||(X=1,d=n);++Lm){var L=d;d=m,m=L}if(E||d%1||m%1){var X=zC();return Gr(d+X*(m-d+jN("1e-"+((X+"").length-1))),m)}return w0(d,m)}var c9=yu(function(d,m,E){return m=m.toLowerCase(),d+(E?yk(m):m)});function yk(d){return G0(Mn(d).toLowerCase())}function _k(d){return d=Mn(d),d&&d.replace(fN,eR).replace(AN,"")}function d9(d,m,E){d=Mn(d),m=Fo(m);var L=d.length;E=E===n?L:si(dn(E),0,L);var X=E;return E-=m.length,E>=0&&d.slice(E,X)==m}function f9(d){return d=Mn(d),d&&De.test(d)?d.replace(sn,tR):d}function v9(d){return d=Mn(d),d&&qe.test(d)?d.replace(sd,"\\$&"):d}var p9=yu(function(d,m,E){return d+(E?"-":"")+m.toLowerCase()}),h9=yu(function(d,m,E){return d+(E?" ":"")+m.toLowerCase()}),m9=SS("toLowerCase");function g9(d,m,E){d=Mn(d),m=dn(m);var L=m?fu(d):0;if(!m||L>=m)return d;var X=(m-L)/2;return ap(Uv(X),E)+d+ap(Wv(X),E)}function b9(d,m,E){d=Mn(d),m=dn(m);var L=m?fu(d):0;return m&&L>>0,E?(d=Mn(d),d&&(typeof m=="string"||m!=null&&!W0(m))&&(m=Fo(m),!m&&du(d))?ms(Ea(d),0,E):d.split(m,E)):[]}var $9=yu(function(d,m,E){return d+(E?" ":"")+G0(m)});function E9(d,m,E){return d=Mn(d),E=E==null?0:si(dn(E),0,d.length),m=Fo(m),d.slice(E,E+m.length)==m}function T9(d,m,E){var L=te.templateSettings;E&&ro(d,m,E)&&(m=n),d=Mn(d),m=gp({},m,L,xS);var X=gp({},m.imports,L.imports,xS),oe=Or(X),he=a0(X,oe),Se,Me,nt=0,rt=m.interpolate||xv,it="__p += '",kt=s0((m.escape||xv).source+"|"+rt.source+"|"+(rt===wn?lN:xv).source+"|"+(m.evaluate||xv).source+"|$","g"),Vt="//# sourceURL="+(Dn.call(m,"sourceURL")?(m.sourceURL+"").replace(/\s/g," "):"lodash.templateSources["+ ++FN+"]")+` +`;d.replace(kt,function(Yt,mn,Cn,Do,oo,Bo){return Cn||(Cn=Do),it+=d.slice(nt,Bo).replace(vN,nR),mn&&(Se=!0,it+=`' + +__e(`+mn+`) + +'`),oo&&(Me=!0,it+=`'; +`+oo+`; +__p += '`),Cn&&(it+=`' + +((__t = (`+Cn+`)) == null ? '' : __t) + +'`),nt=Bo+Yt.length,Yt}),it+=`'; +`;var Gt=Dn.call(m,"variable")&&m.variable;if(!Gt)it=`with (obj) { +`+it+` +} +`;else if($a.test(Gt))throw new ln(s);it=(Me?it.replace(Je,""):it).replace(Tt,"$1").replace(Lt,"$1;"),it="function("+(Gt||"obj")+`) { +`+(Gt?"":`obj || (obj = {}); +`)+"var __t, __p = ''"+(Se?", __e = _.escape":"")+(Me?`, __j = Array.prototype.join; +function print() { __p += __j.call(arguments, '') } +`:`; +`)+it+`return __p +}`;var fn=Ck(function(){return Tn(oe,Vt+"return "+it).apply(n,he)});if(fn.source=it,K0(fn))throw fn;return fn}function P9(d){return Mn(d).toLowerCase()}function O9(d){return Mn(d).toUpperCase()}function x9(d,m,E){if(d=Mn(d),d&&(E||m===n))return AC(d);if(!d||!(m=Fo(m)))return d;var L=Ea(d),X=Ea(m),oe=IC(L,X),he=MC(L,X)+1;return ms(L,oe,he).join("")}function A9(d,m,E){if(d=Mn(d),d&&(E||m===n))return d.slice(0,RC(d)+1);if(!d||!(m=Fo(m)))return d;var L=Ea(d),X=MC(L,Ea(m))+1;return ms(L,0,X).join("")}function I9(d,m,E){if(d=Mn(d),d&&(E||m===n))return d.replace(St,"");if(!d||!(m=Fo(m)))return d;var L=Ea(d),X=IC(L,Ea(m));return ms(L,X).join("")}function M9(d,m){var E=V,L=A;if(lr(m)){var X="separator"in m?m.separator:X;E="length"in m?dn(m.length):E,L="omission"in m?Fo(m.omission):L}d=Mn(d);var oe=d.length;if(du(d)){var he=Ea(d);oe=he.length}if(E>=oe)return d;var Se=E-fu(L);if(Se<1)return L;var Me=he?ms(he,0,Se).join(""):d.slice(0,Se);if(X===n)return Me+L;if(he&&(Se+=Me.length-Se),W0(X)){if(d.slice(Se).search(X)){var nt,rt=Me;for(X.global||(X=s0(X.source,Mn(J2.exec(X))+"g")),X.lastIndex=0;nt=X.exec(rt);)var it=nt.index;Me=Me.slice(0,it===n?Se:it)}}else if(d.indexOf(Fo(X),Se)!=Se){var kt=Me.lastIndexOf(X);kt>-1&&(Me=Me.slice(0,kt))}return Me+L}function N9(d){return d=Mn(d),d&&ar.test(d)?d.replace(Kt,uR):d}var R9=yu(function(d,m,E){return d+(E?" ":"")+m.toUpperCase()}),G0=SS("toUpperCase");function wk(d,m,E){return d=Mn(d),m=E?n:m,m===n?oR(d)?fR(d):YN(d):d.match(m)||[]}var Ck=pn(function(d,m){try{return No(d,n,m)}catch(E){return K0(E)?E:new ln(E)}}),F9=xl(function(d,m){return Qo(m,function(E){E=nl(E),Pl(d,E,z0(d[E],d))}),d});function L9(d){var m=d==null?0:d.length,E=qt();return d=m?nr(d,function(L){if(typeof L[1]!="function")throw new Jo(l);return[E(L[0]),L[1]]}):[],pn(function(L){for(var X=-1;++Xj)return[];var E=W,L=Gr(d,W);m=qt(m),d-=W;for(var X=o0(L,m);++E0||m<0)?new yn(E):(d<0?E=E.takeRight(-d):d&&(E=E.drop(d)),m!==n&&(m=dn(m),E=m<0?E.dropRight(-m):E.take(m-d)),E)},yn.prototype.takeRightWhile=function(d){return this.reverse().takeWhile(d).reverse()},yn.prototype.toArray=function(){return this.take(W)},el(yn.prototype,function(d,m){var E=/^(?:filter|find|map|reject)|While$/.test(m),L=/^(?:head|last)$/.test(m),X=te[L?"take"+(m=="last"?"Right":""):m],oe=L||/^find/.test(m);!X||(te.prototype[m]=function(){var he=this.__wrapped__,Se=L?[1]:arguments,Me=he instanceof yn,nt=Se[0],rt=Me||un(he),it=function(mn){var Cn=X.apply(te,cs([mn],Se));return L&&kt?Cn[0]:Cn};rt&&E&&typeof nt=="function"&&nt.length!=1&&(Me=rt=!1);var kt=this.__chain__,Vt=!!this.__actions__.length,Gt=oe&&!kt,fn=Me&&!Vt;if(!oe&&rt){he=fn?he:new yn(this);var Yt=d.apply(he,Se);return Yt.__actions__.push({func:cp,args:[it],thisArg:n}),new ea(Yt,kt)}return Gt&&fn?d.apply(this,Se):(Yt=this.thru(it),Gt?L?Yt.value()[0]:Yt.value():Yt)})}),Qo(["pop","push","shift","sort","splice","unshift"],function(d){var m=Fv[d],E=/^(?:push|sort|unshift)$/.test(d)?"tap":"thru",L=/^(?:pop|shift)$/.test(d);te.prototype[d]=function(){var X=arguments;if(L&&!this.__chain__){var oe=this.value();return m.apply(un(oe)?oe:[],X)}return this[E](function(he){return m.apply(un(he)?he:[],X)})}}),el(yn.prototype,function(d,m){var E=te[m];if(E){var L=E.name+"";Dn.call(mu,L)||(mu[L]=[]),mu[L].push({name:m,func:E})}}),mu[rp(n,y).name]=[{name:"wrapper",func:n}],yn.prototype.clone=NR,yn.prototype.reverse=RR,yn.prototype.value=FR,te.prototype.at=dD,te.prototype.chain=fD,te.prototype.commit=vD,te.prototype.next=pD,te.prototype.plant=mD,te.prototype.reverse=gD,te.prototype.toJSON=te.prototype.valueOf=te.prototype.value=bD,te.prototype.first=te.prototype.head,ud&&(te.prototype[ud]=hD),te},vu=vR();ri?((ri.exports=vu)._=vu,Xg._=vu):jr._=vu}).call(Ir)})(j1,j1.exports);const I5=wt({name:"FatFormQuerySubmitter",setup(e,{slots:t}){const r=`fat-submitter__${aAe()}`,o=lu(),a=D(!1),l=T(()=>`${r} fat-form-query__submitter ${a.value?"fat-form-query__submitter--align":""}`);return Nm(s=>{if((o==null?void 0:o.labelWidth)!=="auto")return;const u=document.querySelector(`.${r}`);if(u==null)return;const f=u.offsetParent;if(f){const v=Math.max(20,parseInt(getComputedStyle(f).paddingLeft)),p=()=>{u.offsetLeft{h.disconnect()}),p()}}),()=>{var s;return J(Bg,Object.assign({class:l.value,labelWidth:"auto",gutter:"sm",col:!1,label:a.value?"a":void 0,id:r},{children:(s=t.default)===null||s===void 0?void 0:s.call(t)}))}}}),JMe=wt({name:"FatFormQuery",props:{layout:{type:String,default:"inline"},submitText:null,submitOnQueryChange:{type:Boolean,default:!1},queryWatchDelay:{type:Number,default:800},renderSubmitter:null},emits:void 0,slots:void 0,setup(e,{slots:t,attrs:n,expose:r,emit:o}){const a=D(),l=an(),s=Vn(),i={};hr(i,ka,a),r(i);const u=j1.exports.debounce(()=>{var v;(v=a.value)===null||v===void 0||v.submit()},e.queryWatchDelay),f=(...v)=>{o("valuesChange",...v),e.submitOnQueryChange&&u()};return()=>{var v,p,h,b;return J(su,Object.assign({ref:a,layout:e.layout,submitText:(h=(v=e.submitText)!==null&&v!==void 0?v:(p=l.fatForm)===null||p===void 0?void 0:p.searchText)!==null&&h!==void 0?h:s("wkc.search"),labelWidth:(b=l.fatFormQuery)===null||b===void 0?void 0:b.labelWidth,onValuesChange:f,hierarchyConnect:!1,clearable:!0},$n(!1),{class:Mt("fat-form-query",n.class)},Ut(e,t,"submitter")?{"v-slots":Dr(t),renderSubmitter:e.renderSubmitter}:{"v-slots":Dr(t,"submitter"),renderSubmitter:g=>J(I5,{children:g.renderButtons()})}))}}}),e5e=JMe,M5=Symbol("fat-form-step-context");function t5e(e){$t(M5,e)}function n5e(){return Ge(M5)}const r5e=e=>{const{hasSections:t,vertical:n,formWidth:r}=e,o=r?{maxWidth:zx(r)}:void 0;return Pt("div",Object.assign({class:Mt("fat-form-steps-default-layout",{"fat-form-steps-default-layout--section":t,"fat-form-steps-default-layout--vertical":n})},{children:[t?Pt("div",Object.assign({class:"fat-form-steps-default-layout__standalone"},{children:[J("div",Object.assign({class:"fat-form-steps-default-layout__steps"},{children:e.renderSteps()})),J("div",Object.assign({class:"fat-form-steps-default-layout__content",style:o},{children:e.renderContent()}))]})):Pt(jIe,Object.assign({class:"fat-form-steps-default-layout__body"},{children:[J("div",Object.assign({class:"fat-form-steps-default-layout__steps"},{children:e.renderSteps()})),J("div",Object.assign({class:"fat-form-steps-default-layout__content",style:o},{children:e.renderContent()}))]})),!!e.renderSubmitter&&J(N2,Object.assign({class:"fat-form-steps-default-layout__footer"},{children:e.renderSubmitter()}))]}))};function o5e(){return D()}const a5e=[...ka,"goPrev","goNext","goto"],l5e=wt({name:"FatFormStepsRenderer",props:{innerProps:null},setup(e){return()=>{const{steps:t,direction:n,formWidth:r,space:o,alignCenter:a,simple:l,pageLayout:s,layoutProps:i,renderSubmitter:u,exposed:f,active:v}=e.innerProps,p=s!=null?s:r5e;let h=!1;const b=t.value.map((g,_)=>{if(g.renderFormResult){const{vnode:y,hasSections:S}=g.renderFormResult;return S&&(h=!0),y}return null});return p({form:f,vertical:n==="vertical",layoutProps:i,hasSections:h,formWidth:r,renderSteps(){return J(JI,Object.assign({class:"fat-form-steps__steps"},{space:o,direction:n,alignCenter:a,simple:l,active:v.value},{children:t.value.map((g,_)=>g.renderStepResult)}))},renderContent(){return J("div",Object.assign({class:"fat-form-steps__forms"},{children:b}))},renderSubmitter:u})}}}),s5e=wt({name:"FatFormSteps",props:{request:null,strict:{type:Boolean,default:!0},pageLayout:null,layoutProps:null,formWidth:{type:[Number,String],default:void 0},mode:null,initialActive:{type:Number,default:void 0},space:{type:[String,Number],default:250},direction:null,alignCenter:{type:Boolean,default:!0},simple:{type:Boolean,default:void 0},prevText:null,prevProps:null,nextText:null,nextProps:null,submitText:null,submitProps:null,enableSubmitter:{type:Boolean,default:!0},renderSubmitter:null},emits:void 0,setup(e,{attrs:t,slots:n,expose:r,emit:o}){const a=an(),l=Vn(),s=D(),i=D(0);let u=!1;const f=D([]),v=new Map,p=D(!1),h=D(!1),b=T(()=>{if(e.request!=null)return async()=>{const I=await e.request();return I.active!=null&&(u=!0,i.value=I.active),I.values}}),g=Bi(()=>{f.value.forEach((I,B)=>{const z=v.get(I);z!=null&&(z.index.value=B)})}),_=T(()=>i.valuei.value>0),S=T(()=>e.strict?!_.value:!0),w=T(()=>{var I;return((I=s.value)===null||I===void 0?void 0:I.submitting)||h.value}),C=async()=>{!y.value||i.value--},k=async()=>{var I;if(!_.value)return;const B=i.value;try{p.value=!0;const z=f.value[B];if(e.strict)try{await z.validate()}catch{_r.error(l("wkc.fillForm"));return}if(await z.beforeSubmit((I=s.value)===null||I===void 0?void 0:I.values),i.value!==B)return;i.value=B+1}catch(z){if(i.value!==B)return;_r.error(z.message)}finally{p.value=!1}},$=async I=>{if(!(I<0||I>=f.value.length)){if(e.strict){if(I{var I,B;if(e.strict){await((I=s.value)===null||I===void 0?void 0:I.submit());return}try{h.value=!0;for(let z=0;z{var I,B,z,Y,K,M;return[y.value&&J(xn,Object.assign({type:"primary"},e.prevProps,{onClick:C,loading:w.value,plain:!0},{children:(I=e.prevText)!==null&&I!==void 0?I:l("wkc.previousStep")})),_.value&&J(xn,Object.assign({type:"primary"},e.nextProps,{onClick:k,loading:((B=e.nextProps)===null||B===void 0?void 0:B.loading)||p.value||w.value},{children:(z=e.nextText)!==null&&z!==void 0?z:l("wkc.nextStep")})),S.value&&e.mode!=="preview"&&J(xn,Object.assign({type:"primary"},e.submitProps,{onClick:O,loading:w.value},{children:(M=(Y=e.submitText)!==null&&Y!==void 0?Y:(K=a.fatForm)===null||K===void 0?void 0:K.saveText)!==null&&M!==void 0?M:l("wkc.save")}))]},R={register(I){f.value.push(I);const B=D(f.value.length-1),z=T(()=>B.value===i.value),Y={index:B,active:z,handleClick:()=>{$(B.value)},disposer:()=>{const K=f.value.indexOf(I);K!==-1&&(f.value.splice(K,1),v.delete(I),g())}};return v.set(I,Y),Y}};be(()=>e.initialActive,I=>{u||typeof I=="number"&&(i.value=I)},{immediate:!0}),be(i,I=>{o("activeChange",I)});const V={goPrev:C,goNext:k,goto:$,submit:O,renderButtons:x};hr(V,ka,s),r(V),t5e(R);const A=T(()=>e.enableSubmitter?()=>Ut(e,n,"submitter")?yt(e,n,"submitter",V):J("div",Object.assign({class:"fat-form-steps__submitter"},{children:x()})):void 0);return()=>{const{mode:I,space:B,direction:z,alignCenter:Y,simple:K,pageLayout:M,layoutProps:j,formWidth:N}=e,U=yt(e,n,"default");return Pt(su,Object.assign({},$n(),{hierarchyConnect:!1,mode:I,ref:s,class:Mt("fat-form-steps",t.class),style:t.style,request:b.value,enableSubmitter:!1},{children:[U,J(l5e,{innerProps:{space:B,active:i,direction:z,alignCenter:Y,simple:K,pageLayout:M,layoutProps:j,formWidth:N,exposed:V,steps:f,renderSubmitter:A.value}})]}))}}}),i5e=s5e,u5e=wt({name:"FatFormStep",props:{beforeSubmit:null,contentClass:null,contentStyle:null,stepClass:null,stepStyle:null,renderIcon:null,renderTitle:null,renderDescription:null,renderDefault:null,title:null,description:null,icon:null,status:null},setup(e,{slots:t,attrs:n}){const r=n5e(),o=[],a=D([]),l={registerSection(h){return a.value.push(h),()=>{const b=a.value.indexOf(h);b!==-1&&a.value.splice(b,1)}},registerItem(h){return o.push(h),()=>{const b=o.indexOf(h);b!==-1&&o.splice(b,1)}}},s=h=>Ut(e,t,h)?yt(e,t,h):void 0,i=Fc({async validate(){await Promise.all(o.map(h=>h.validate()))},async beforeSubmit(h){var b;await((b=e.beforeSubmit)===null||b===void 0?void 0:b.call(e,h))},renderStepResult:void 0,renderFormResult:void 0}),u=r==null?void 0:r.register(i);if(u==null)throw new Error("fat-form-step \u5FC5\u987B\u4F5C\u4E3A fat-form-steps \u7684\u5B50\u5B59\u8282\u70B9\u4F7F\u7528");const{disposer:f,active:v,handleClick:p}=u;return f&&hn(f),()=>{const{title:h,description:b,icon:g,status:_,contentClass:y,contentStyle:S,stepClass:w,stepStyle:C}=e;i.renderStepResult=J(eM,Object.assign({},{title:h,description:b,icon:g,status:_},{class:Mt("fat-form-steps__step",w,{"fat-form-steps__step--active":v.value}),style:C,onClickNative:p,"v-slots":{icon:s("icon"),title:s("title"),description:s("description")}}));const k=yt(e,t,"default"),$=!!Kx(k,"FatFormSection"),O=J(g5,Object.assign({value:l},{children:J("div",Object.assign({class:Mt("fat-form-steps__form",y,{"fat-form-steps__form--active":v.value,"fat-form-steps__form--hide":!v.value}),style:S},{children:k}))}));return i.renderFormResult={vnode:O,hasSections:$},null}}}),c5e=u5e,d5e=e=>e!=null&&typeof e=="object"&&e[Zr]==="step";function p7e(e,t){var n;return wt({name:(n=t==null?void 0:t.name)!==null&&n!==void 0?n:"PreDefineFatFormSteps",setup(r,{slots:o,expose:a,attrs:l,emit:s}){const i=o5e(),{item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_}=od((C,k)=>{if(d5e(C)){const{children:$}=C,O=Zt(C,["children"]);return J(c5e,Object.assign({},O,{children:k($)}))}else return C}),S=T(e({form:i,item:u,group:f,section:v,step:C=>Object.assign({[Zr]:"step"},C),consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_,props:l,p:Ya,emit:s})),w={};return hr(w,a5e,i),a(w),()=>{var C;const k=c(S),{children:$}=k,O=Zt(k,["children"]);return Pt(i5e,Object.assign({ref:i},Io(O,$n(!1)),{"v-slots":Dr(o,"default")},{children:[_($),(C=o.default)===null||C===void 0?void 0:C.call(o)]}))}}})}const N5=Symbol("fat-form-tabs");function f5e(e){$t(N5,e)}function v5e(){return Ge(N5)}const p5e=e=>Pt("div",Object.assign({class:"fat-form-tabs-default-layout"},{children:[e.renderTabs(),!!e.renderSubmitter&&J(N2,{children:e.renderSubmitter()})]})),h5e=[...ka],m5e=wt({name:"FatFormTabs",props:{tabsProps:null,mode:null,initialActive:null,enableSubmitter:{type:Boolean,default:void 0},enableCancel:{type:Boolean,default:!0},cancelText:String,cancelProps:null,submitText:String,submitProps:null,enableReset:{type:Boolean,default:!1},resetText:String,resetProps:null,beforeCancel:null,validateErrorCapture:null,pageLayout:null,layoutProps:null,renderSubmitter:null},emits:void 0,setup(e,{slots:t,emit:n,attrs:r,expose:o}){const a=an(),l=new Map,s=D(!1),i=h5(),u=D(e.initialActive),f=Vn(),v=T(()=>{var k;return(k=e.enableSubmitter)!==null&&k!==void 0?k:e.mode!=="preview"}),p=T(()=>{var k;return((k=i.value)===null||k===void 0?void 0:k.submitting)||s.value}),h={register(k){if(l.has(k.name))throw new Error(`[fat-form-tabs] tab-pane name(${k.name}) is already registered`);return l.set(k.name,k),u.value==null&&(u.value=k.name),()=>{l.delete(k.name)}}},b=k=>{l.size===0||k===u.value||(u.value=k,n("activeChange",k))},g=()=>{const k=()=>{window.history.length>1&&window.history.back(),n("cancel")};e.beforeCancel?e.beforeCancel(k):k()},_=async()=>{var k;try{s.value=!0;for(const $ of l.values())try{await $.validate()}catch(O){e.validateErrorCapture?e.validateErrorCapture($.name,O):_r.error(f("wkc.fillForm")),b($.name);return}await((k=i.value)===null||k===void 0?void 0:k.submit())}finally{s.value=!1}};be(()=>e.initialActive,(k,$)=>{k!==$&&k!==u.value&&(u.value=k)});const y=()=>{var k,$,O,x,R,V,A,I,B,z;return[!!e.enableCancel&&J(xn,Object.assign({onClick:g},e.cancelProps,{children:(O=(k=e.cancelText)!==null&&k!==void 0?k:($=a.fatForm)===null||$===void 0?void 0:$.backText)!==null&&O!==void 0?O:f("wkc.cancel")})),!!e.enableReset&&e.mode!=="preview"&&J(xn,Object.assign({onClick:(x=i.value)===null||x===void 0?void 0:x.reset},e.resetProps,{children:(A=(R=e.resetText)!==null&&R!==void 0?R:(V=a.fatForm)===null||V===void 0?void 0:V.resetText)!==null&&A!==void 0?A:f("wkc.reset")})),e.mode!=="preview"&&J(xn,Object.assign({type:"primary",onClick:_,loading:p.value},e.submitProps,{children:(z=(I=e.submitText)!==null&&I!==void 0?I:(B=a.fatForm)===null||B===void 0?void 0:B.saveText)!==null&&z!==void 0?z:f("wkc.save")}))]},S={submit:_,renderButtons:y};hr(S,ka,i),o(S);const w=T(()=>v.value?()=>Ut(e,t,"submitter")?yt(e,t,"submitter",S):J("div",Object.assign({class:"fat-form-steps__submitter"},{children:y()})):void 0),C=Z({name:"TabsInner",render(){var k;return J(CM,Object.assign({},e.tabsProps,Fn(u.value,b),{class:Mt("fat-form-tabs__tabs",(k=e.tabsProps)===null||k===void 0?void 0:k.class)},{children:Array.from(l.values()).map($=>$.renderResult)}))}});return f5e(h),td(),()=>{var k;const $=(k=e.pageLayout)!==null&&k!==void 0?k:p5e;return J(su,Object.assign({},$n(),{hierarchyConnect:!1,ref:i,mode:e.mode,enableSubmitter:!1,class:Mt("fat-form-tabs",r.class),style:r.style},{children:$({layoutProps:e.layoutProps,form:S,renderSubmitter:w.value,renderTabs(){return[J(C,{}),yt(e,t,"default")]}})}))}}});function g5e(){return D()}const b5e=m5e,y5e=wt({name:"FatFormTabPane",props:{name:null},slots:void 0,setup(e,{slots:t}){if(e.name==null)throw new Error("[fat-form-tab-pane] name \u4E0D\u80FD\u4E3A\u7A7A");const n=v5e(),r=[],o={registerSection(){return Yl},registerItem(s){return r.push(s),()=>{const i=r.indexOf(s);i!==-1&&r.splice(i,1)}}},a=Fc({name:e.name,async validate(){await Promise.all(r.map(s=>s.validate()))},renderResult:null}),l=n==null?void 0:n.register(a);return l&&hn(l),()=>{var s,i;return a.renderResult=J(SM,Object.assign({},$n(!1),{name:e.name,class:`fat-form-tabs__tab-pane--${e.name}`,"v-slots":{label:(s=t.label)===null||s===void 0?void 0:s.call(t)}},{children:J(g5,Object.assign({value:o},{children:J("div",{children:(i=t.default)===null||i===void 0?void 0:i.call(t)})}))}),e.name),null}}}),_5e=e=>e!=null&&typeof e=="object"&&e[Zr]==="tabPane";function h7e(e,t){var n;return wt({name:(n=t==null?void 0:t.name)!==null&&n!==void 0?n:"PreDefineFatFormTabs",setup(r,{slots:o,expose:a,attrs:l,emit:s}){const i=g5e(),{item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_}=od((C,k)=>{if(_5e(C)){const{children:$}=C,O=Zt(C,["children"]);return J(y5e,Object.assign({},O,{children:k($)}))}else return C}),S=T(e({form:i,item:u,group:f,section:v,tabPane:C=>Object.assign({[Zr]:"tabPane"},C),consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_,props:l,emit:s,p:Ya})),w={};return hr(w,h5e,i),a(w),()=>{var C;const k=c(S),{children:$}=k,O=Zt(k,["children"]);return Pt(b5e,Object.assign({ref:i},Io(O,$n(!1)),{"v-slots":Dr(o,"default")},{children:[_($),(C=o.default)===null||C===void 0?void 0:C.call(o)]}))}}})}function m7e(e,t){var n;return wt({name:(n=t==null?void 0:t.name)!==null&&n!==void 0?n:"PreDefineFatFormDrawer",setup(r,{slots:o,expose:a,attrs:l,emit:s}){const i=jMe(),{item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_}=od(),y=T(e({form:i,item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_,props:l,emit:s,p:Ya})),S={};return hr(S,VMe,i),a(S),()=>{var w;const C=c(y),{children:k}=C,$=Zt(C,["children"]);return Pt(HMe,Object.assign({ref:i},Io($,$n(!1)),{"v-slots":Dr(o,"default")},{children:[_(k),(w=o.default)===null||w===void 0?void 0:w.call(o)]}))}}})}function g7e(e,t){var n;return wt({name:(n=t==null?void 0:t.name)!==null&&n!==void 0?n:"PreDefineFatFormModal",setup(r,{slots:o,expose:a,attrs:l,emit:s}){const i=KMe(),{item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_}=od(),y=T(e({form:i,item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_,props:l,emit:s,p:Ya})),S={};return hr(S,WMe,i),a(S),()=>{var w;const C=c(y),{children:k}=C,$=Zt(C,["children"]);return Pt(qMe,Object.assign({ref:i},Io($,$n(!1)),{"v-slots":Dr(o,"default")},{children:[_(k),(w=o.default)===null||w===void 0?void 0:w.call(o)]}))}}})}function b7e(e,t){var n;return wt({name:(n=t==null?void 0:t.name)!==null&&n!==void 0?n:"PreDefineFatFormPage",setup(r,{slots:o,expose:a,attrs:l,emit:s}){const i=GMe(),{item:u,group:f,section:v,consumer:p,table:h,tableColumn:b,renderChild:g,renderChildren:_}=od(),y=T(e({form:i,item:u,group:f,section:v,consumer:p,renderChild:g,renderChildren:_,table:h,tableColumn:b,props:l,emit:s,p:Ya})),S={};return hr(S,YMe,i),a(S),()=>{var w;const C=c(y),{children:k}=C,$=Zt(C,["children"]);return Pt(QMe,Object.assign({ref:i},Io($,$n(!1)),{"v-slots":Dr(o,"default")},{children:[_(k),(w=o.default)===null||w===void 0?void 0:w.call(o)]}))}}})}const w5e=wt({name:"FatTableQuery",props:["loading","query","formProps","initialValue","columns","formRef"],emits:void 0,slots:void 0,setup(e,t){const n=async()=>t.emit("submit"),r=()=>t.emit("reset");let o;const a=CP(()=>({get:()=>o,set:l=>{var s;o=l;const i=(s=e.formRef)===null||s===void 0?void 0:s.call(e);i&&l&&(i.value=l)}}));return()=>{var l,s,i,u,f;const v=e.query().value,p={query:v};return J("div",Object.assign({class:"fat-table__query"},{children:Pt(e5e,Object.assign({ref:a,getValues:e.query,loading:e.loading,initialValue:e.initialValue,layout:"inline",submitOnQueryChange:!1,renderSubmitter:h=>{var b,g,_,y,S,w;return[(g=(b=t.slots).beforeButtons)===null||g===void 0?void 0:g.call(b,p),t.slots.submitter?(y=(_=t.slots).submitter)===null||y===void 0?void 0:y.call(_,p):J(I5,{children:h.renderButtons()}),(w=(S=t.slots).afterButtons)===null||w===void 0?void 0:w.call(S,p)]},submit:n,onReset:r},e.formProps,{children:[(s=(l=t.slots).before)===null||s===void 0?void 0:s.call(l,p),(i=e.columns)===null||i===void 0?void 0:i.sort((h,b)=>{var g,_;return((g=h.order)!==null&&g!==void 0?g:1e3)-((_=b.order)!==null&&_!==void 0?_:1e3)}).map((h,b)=>{var g;if(h.renderFormItem)return h.renderFormItem(v,h);const _=typeof h.queryable=="string"?h.queryable:h.prop,y=`${_}_${b}`;return J(L2,Object.assign({prop:_,label:h.label,renderLabel:h.renderLabel?()=>h.renderLabel(b,h):void 0,disabled:h.disabled,tooltip:h.tooltip,initialValue:h.initialValue,valueType:h.valueType,valueProps:Object.assign(Object.assign({},typeof h.valueProps=="function"?h.valueProps():h.valueProps),{scene:"table"}),valueStyle:h.valueStyle},h.formItemProps,{class:Mt(h.type==="query"?h.className:void 0,h.valueClassName,(g=h.formItemProps)===null||g===void 0?void 0:g.class)}),y)}),(f=(u=t.slots).after)===null||f===void 0?void 0:f.call(u,p)]}))}))}}}),ss=["tableRef","formRef","selected","query","sort","filter","loading","error","pagination","list","select","unselect","selectAll","unselectAll","remove","removeSelected","doLayout","gotoPage","search","refresh","reset"],j2=Symbol("FatTableInstance"),C5e=new Set(["index","selection","expand"]),S5e=e=>C5e.has(e)?e:void 0,k5e=wt({name:"FatTableActions",props:["tableInstance","column","row","index"],setup(e){const t=T(()=>{var r;const{column:o,tableInstance:a,row:l,index:s}=e;return(r=typeof o.actions=="function"?o.actions(a,l,s):o.actions)!==null&&r!==void 0?r:Hn}),n=T(()=>{const{tableInstance:r,row:o,index:a}=e;return t.value.map(l=>Object.assign(Object.assign({},l),{disabled:typeof l.disabled=="function"?l.disabled(r,o,l,a):l.disabled,title:typeof l.title=="function"?l.title(r,o,l,a):l.title,visible:typeof l.visible=="function"?l.visible(r,o,l,a):l.visible,onClick:()=>{var s;return(s=l.onClick)===null||s===void 0?void 0:s.call(l,r,o,l,a)},confirm:typeof l.confirm=="function"?l.confirm.bind(l,{table:r,row:o,index:a,action:l}):l.confirm}))});return()=>{var r;const{column:o}=e;return J(A5,{options:n.value,max:o.actionsMax,class:Mt(o.actionsClassName,"in-table-actions",`fat-actions--${(r=o.align)!==null&&r!==void 0?r:"left"}`),style:o.actionsStyle,type:o.actionsType,size:o.actionsSize})}}}),$5e=wt({name:"FatTableCell",props:["column","row","index"],setup(e){const t=QM(),n=T(()=>{const{column:s,row:i,index:u}=e,f=s.prop;return typeof s.getter=="function"?s.getter(i,u):f?Eo(i,f):void 0}),r=s=>{const i=e.column;i.setter?i.setter(s,e.row,e.index):i.prop&&e.row!=null&&Ty(e.row,i.prop,s)},o=T(()=>qIe(e.column,t)),a=T(()=>{var s;const i=e.column;return(s=typeof i.valueProps=="function"?i.valueProps(e.row,e.index):i.valueProps)!==null&&s!==void 0?s:za}),l=T(()=>{var s;const{column:i,row:u}=e;return Bx({mode:(s=i.columnMode)!==null&&s!==void 0?s:"preview",scene:"table",class:i.valueClassName,style:i.valueStyle,context:{label:i.label,prop:i.prop,values:u},value:n.value,onChange:r},a.value)});return()=>{const{column:s,row:i,index:u}=e;if(s.render)return s.render(n.value,i,u);{const{comp:f}=o.value;return f(l.value)}}}}),E5e=wt({name:"FatTableColumn",props:["column","index","tableInstance","filter","columnMinWidth","columnWidth"],setup(e){return()=>{var t,n,r,o,a,l,s,i,u,f,v,p;const h=e.column,b=e.index,g=Ge(j2,e.tableInstance),_=an(),y=e.filter,S=(t=h.type)!==null&&t!==void 0?t:"default",w=d5(h,b),C={};let k;return S==="query"?null:(S==="default"||S==="expand"?k={default:$=>{const O=$.row,x=$.$index;return J($5e,{row:O,index:x,column:e.column})}}:S==="selection"?C.selectable=h.selectable:S==="actions"?(k={default:$=>J(k5e,{row:$.row,index:$.$index,tableInstance:g,column:e.column})},C.headerAlign=(o=(n=h.labelAlign)!==null&&n!==void 0?n:(r=_.fatTable)===null||r===void 0?void 0:r.actionsAlign)!==null&&o!==void 0?o:"center"):S==="index"&&(C.index=h.index),!((a=h.filterable)===null||a===void 0)&&a.length&&(C.filters=h.filterable,C.filteredValue=(l=y[h.prop])!==null&&l!==void 0?l:[],C.filterMultiple=h.filterMultiple,C.columnKey=h.prop),J(Oc,Object.assign({type:S5e(S),prop:h.prop,label:h.label,renderHeader:(i=(s=h.renderLabel)===null||s===void 0?void 0:s.bind(null,b,h))!==null&&i!==void 0?i:h.tooltip?()=>Pt("span",{children:[h.label,J(ur,Object.assign({"v-slots":{content:h.tooltip}},{children:J(Rg,{class:"fat-table__tooltip"})}))]}):void 0,className:h.className,labelClassName:h.labelClassName,width:(u=h.width)!==null&&u!==void 0?u:(f=e.columnWidth)===null||f===void 0?void 0:f.call(e,h),minWidth:(v=h.minWidth)!==null&&v!==void 0?v:(p=e.columnMinWidth)===null||p===void 0?void 0:p.call(e,h),align:h.align,headerAlign:h.labelAlign,fixed:h.fixed,showOverflowTooltip:h.showOverflowTooltip,sortable:h.sortable?"custom":void 0,resizable:h.resizable},C,{children:k}),w))}}}),T5e=wt({name:"FatBatchAction",props:["action","table","selected"],setup(e){const t=D(!1),n=Vn(),r=async()=>{var o;const{action:a,table:l}=e;if(a.confirm){const s=eg(a.confirm,{title:n("wkc.alertTitle"),showCancelButton:!0,type:"warning",message:n("wkc.alertMessage")},{table:l});if(s)try{await Ng(s)}catch{return}}try{t.value=!0,await((o=a.onClick)===null||o===void 0?void 0:o.call(a,l))}catch(s){console.error(s),_r.error(s.message)}finally{t.value=!1}};return()=>{var o;const{action:a,selected:l}=e;if(a.visible===!1)return null;const s=(o=a.disabledUnselected)!==null&&o!==void 0?o:!0,i=a.disabled||(s?!l:void 0),u=t.value||a.loading;return J(xn,Object.assign({disabled:i,class:Mt("fat-table__batch-action",a.className),style:a.style,onClick:r,loading:u,title:a.title},a.buttonProps,{children:a.name}))}}}),P5e=wt({name:"FatBatchActions",props:["tableInstance","actions"],setup(e,{slots:t}){const n=Ge(j2,e.tableInstance),r=T(()=>{var a;return(a=typeof e.actions=="function"?e.actions(n):e.actions)!==null&&a!==void 0?a:Hn}),o=T(()=>{var a;return!!(!((a=n.selected)===null||a===void 0)&&a.length)});return()=>{var a;return Pt("div",Object.assign({class:"fat-table__batch-actions"},{children:[(a=t.default)===null||a===void 0?void 0:a.call(t),r.value.map((l,s)=>J(T5e,{action:l,table:n,selected:o.value},s))]}))}}}),O5e=wt({name:"FatTableColumnSetting",props:["columns","modelValue"],emits:void 0,setup(e,{emit:t}){const n=D(!1),r=D([]),o=Vn(),a=T(()=>{var p;return new Set((p=r.value)!==null&&p!==void 0?p:Hn)}),l=T(()=>e.columns.every(p=>a.value.has(p.columnKey))),s=p=>{p?r.value=e.columns.map(h=>h.columnKey).filter(ev):r.value=[]},i=p=>{n.value=p},u=()=>{e.modelValue?r.value=e.columns.filter(p=>{if(p.columnKey==null)throw console.error(p),new Error("[fat-table] column column/key/prop is required");return p.columnKey in e.modelValue?e.modelValue[p.columnKey].visible:!0}).map(p=>p.columnKey):r.value=e.columns.map(p=>p.columnKey),i(!0)},f=()=>{i(!1)},v=()=>{if(!r.value.length){_r.warning(o("wkc.columnSelectAlert"));return}const p=new Set(r.value);t("update:modelValue",e.columns.reduce((h,b)=>{var g;const _=b.columnKey;return h[_]=Object.assign(Object.assign({},(g=e.modelValue)===null||g===void 0?void 0:g[_]),{visible:p.has(_)}),h},{})),f()};return()=>Pt(AI,Object.assign({trigger:"manual",visible:n.value,"onUpdate:visible":i,placement:"bottom-end",width:"280px","v-slots":{reference:Pt("div",Object.assign({class:"fat-table__column-setting",onClick:u},{children:[J(ja,{children:J(W8e,{})}),J("span",{children:o("wkc.columnSetting")})]}))}},{children:[Pt("div",Object.assign({class:"fat-table__column-setting-hd"},{children:[J(to,Object.assign({},Fn(l.value,s),{children:o("wkc.columnVisible")})),Pt("div",Object.assign({class:"fat-table__column-setting-btn"},{children:[J("div",Object.assign({role:"cancel",onClick:f},{children:o("wkc.cancel")})),J("div",Object.assign({role:"confirm",onClick:v},{children:o("wkc.confirm")}))]}))]})),J("div",Object.assign({class:"fat-table__column-setting-bd"},{children:e.columns.map((p,h)=>{var b,g;return J(to,Object.assign({},Fn(a.value.has(p.columnKey),_=>{_?r.value.push(p.columnKey):r.value.splice(r.value.indexOf(p.columnKey),1)}),{class:"fat-table__column-setting-ck"},{children:J("span",Object.assign({class:"fat-table__column-setting-ck-label"},{children:(b=p.label)!==null&&b!==void 0?b:(g=p.renderLabel)===null||g===void 0?void 0:g.call(p,h,p)}))}))})}))]}))}}),x5e=wt({name:"FatTable",props:{rowKey:null,request:null,requestOnMounted:{type:Boolean,default:!0},requestOnSortChange:{type:Boolean,default:!0},requestOnFilterChange:{type:Boolean,default:!0},requestOnQueryChange:{type:Boolean,default:!1},requestOnExtraQueryChange:{type:Boolean,default:!1},requestOnRemoved:{type:Boolean,default:!0},remove:null,confirmBeforeRemove:{type:[Boolean,Function,Object,String],default:!0},messageOnRemoved:{type:[Boolean,Function,Object,String],default:!0},messageOnRemoveFailed:{type:[Boolean,Function,Object,String],default:!0},columns:null,columnMinWidth:null,columnWidth:null,enableCacheQuery:{type:Boolean,default:void 0},namespace:null,enablePagination:{type:Boolean,default:!0},paginationProps:null,enableSetting:{type:Boolean,default:!1},settingProps:null,enableSelect:{type:Boolean,default:!1},selectable:null,enableQuery:{type:Boolean,default:!0},extraQuery:null,initialQuery:null,queryWatchDelay:null,formProps:null,enableErrorCapture:{type:Boolean,default:!0},emptyText:null,errorTitle:null,title:null,layout:null,layoutProps:null,batchActions:null,renderTitle:null,renderNavBar:null,renderBeforeForm:null,renderFormHeading:null,renderBeforeSubmit:null,renderSubmitter:null,renderAfterSubmit:null,renderFormTrailing:null,renderAfterForm:null,renderToolbar:null,renderError:null,renderTableHeading:null,renderEmpty:null,renderTableTrailing:null,renderBottomToolbar:null,renderAfterTable:null,renderBeforeTable:null,renderTable:null,__hmr__:{type:Boolean,default:!0}},emits:void 0,slots:void 0,setup(e,{slots:t,expose:n,attrs:r,emit:o}){var a,l,s,i,u,f,v,p,h;WIe(e.columns);let b=`${Math.random().toFixed(4).slice(-4)}_${Date.now()}`;const g=e.namespace?`_t_${e.namespace}`:"_t",_=(a=e.queryWatchDelay)!==null&&a!==void 0?a:800,y=an(),S=(i=(l=e.enableCacheQuery)!==null&&l!==void 0?l:(s=y.fatTable)===null||s===void 0?void 0:s.enableCacheQuery)!==null&&i!==void 0?i:!0,w=D(),C=D(),k=I2(),$=rAe(),O=an(),x=f5(e.__hmr__),R=Vn(),V=D([]),A=D([]),I=D(!1),B=D(null),z=D(!1),Y=nn({total:0,current:1,pageSize:(p=(f=(u=e.paginationProps)===null||u===void 0?void 0:u.pageSize)!==null&&f!==void 0?f:(v=O.pagination)===null||v===void 0?void 0:v.pageSize)!==null&&p!==void 0?p:10}),K=D({});let M;const j=D(),N=nn({}),U=D(),W=()=>{var qe;if(!e.enableSetting)return;if(!(!((qe=e.settingProps)===null||qe===void 0)&&qe.persistentKey))throw new Error("[fat-table] \u5F00\u542F enableSetting \u540E\u8BF7\u914D\u7F6E settingProps.persistentKey ");const Nt=(e.settingProps.persistentType==="session"?window.sessionStorage:window.localStorage).getItem("_fat-table_v1."+e.settingProps.persistentKey);Nt!=null&&(U.value=JSON.parse(Nt))},G=()=>{var qe;if(!e.enableSetting)return;if(!(!((qe=e.settingProps)===null||qe===void 0)&&qe.persistentKey))throw new Error("[fat-table] \u5F00\u542F enableSetting \u540E\u8BF7\u914D\u7F6E settingProps.persistentKey ");const St=e.settingProps.persistentType==="session"?window.sessionStorage:window.localStorage,Nt=JSON.stringify(U.value);St.setItem("_fat-table_v1."+e.settingProps.persistentKey,Nt)},ae=()=>{var qe;if(k&&((qe=$==null?void 0:$.query)===null||qe===void 0?void 0:qe[g])==null)return k==null?void 0:k.replace(Object.assign(Object.assign({},$),{query:Object.assign(Object.assign({},$==null?void 0:$.query),{[g]:b})}))},me=()=>{const qe=`__fat-table(${b})__`,St=window.sessionStorage.getItem(qe);if(St){const Nt=JSON.parse(St);o("queryCacheRestore",Nt),Pp(Y,Nt.pagination),Nt.query&&Pp(K.value,Nt.query),Nt.sort!==void 0&&(j.value=Nt.sort),Nt.filter&&Pp(N,Nt.filter)}},Ce=Bi(()=>{if(!S)return;const qe=`__fat-table(${b})__`,St={pagination:Y,filter:N,query:K.value,sort:j.value};window.sessionStorage.setItem(qe,JSON.stringify(St)),ae()},800),pe=()=>{I.value=!1,B.value=null,A.value=[],Y.total=0,Y.current=1},ke=()=>{const qe=UIe(K.value,e.extraQuery,e.columns);return{pagination:{page:Y.current,pageSize:Y.pageSize,offset:(Y.current-1)*Y.pageSize},query:qe,list:V.value,filter:N,sort:$i(j.value)}},ce=async(qe=!1)=>{var St,Nt;try{I.value=!0,B.value=null;const Ln=ke();let cr;cr||(cr=await e.request(Ln)),Y.total=(St=cr.total)!==null&&St!==void 0?St:0,V.value=(Nt=cr.list)!==null&&Nt!==void 0?Nt:[],o("load",V.value),Ce()}catch(Ln){B.value=Ln,console.error("[fat-table] \u6570\u636E\u52A0\u8F7D\u5931\u8D25",Ln),o("error",B.value)}finally{I.value=!1,z.value=!0}},ee=async(qe=!0)=>{try{e.enableQuery&&C.value&&qe&&await C.value.validate(),pe(),ce()}catch(St){console.warn(St)}},ve=Bi(ee,_),Be=Bi((qe=!0)=>{ve.cancel(),ee(qe)},_,{leading:!0}),ne=qe=>{let St;return typeof e.rowKey=="string"?St=Eo(qe,e.rowKey):typeof e.rowKey=="symbol"?St=qe[e.rowKey]:typeof e.rowKey=="function"&&(St=e.rowKey(qe)),St},ie=qe=>{if(e.rowKey==null)throw new Error("[fat-table] \u8BF7\u914D\u7F6E rowKey ");return ne(qe)},ye=(qe,St)=>ie(qe)===ie(St);let Oe;const je={};for(const qe of e.columns)qe.type==="selection"&&(M=!0),qe.sortable&&typeof qe.sortable=="string"&&(Oe={prop:qe.prop,order:qe.sortable}),qe.filterable&&pa(je,qe.prop,(h=qe.filteredValue)!==null&&h!==void 0?h:[]);const _e=(qe=!1)=>{qe||Pp(N,Vl(je)),j.value=Oe?Vl(Oe):void 0,qe&&w.value&&(j.value?w.value.sort(j.value.prop,j.value.order):w.value.clearSort())};_e(),(e.requestOnQueryChange||e.requestOnExtraQueryChange)&&be(()=>e.requestOnQueryChange?[K.value,e.extraQuery]:[e.extraQuery],()=>{!z.value&&e.requestOnMounted||I.value||ve()},{deep:!0,flush:"post"}),bt(async()=>{var qe,St;W(),S&&((qe=$==null?void 0:$.query)===null||qe===void 0?void 0:qe[g])!=null&&(b=$.query[g],me()),S?((St=$==null?void 0:$.query)===null||St===void 0?void 0:St[g])!=null?e.requestOnMounted&&(await tt(),ce(!0)):(await ae(),e.requestOnMounted&&(await tt(),ce(!0))):e.requestOnMounted&&ce(!0)});const Ve=qe=>{Y.pageSize=qe,Be()},Te=qe=>{Y.current=qe,ce()},Le=qe=>{A.value=qe},Ee=qe=>{const St=qe.prop==null?null:{prop:qe.prop,order:qe.order};Xm(j.value,St)||(j.value=St,e.requestOnSortChange&&Be())},Ze=qe=>{const St=Object.keys(qe);let Nt=!1;for(const Ln of St){const cr=e.columns.find((Ja,iu)=>Ln===Ja.prop);cr&&(Jr(N,cr.prop,qe[Ln]),Nt=!0)}Nt&&e.requestOnFilterChange&&ce()},Ye=()=>{Be(!1)},$e=()=>{_e(!0),o("reset"),ve()},Xe=qe=>{U.value=qe,G()},ft=(...qe)=>{qe.forEach(St=>{var Nt;(Nt=w.value)===null||Nt===void 0||Nt.toggleRowSelection(St,!0)})},Et=(...qe)=>{qe.forEach(St=>{var Nt;(Nt=w.value)===null||Nt===void 0||Nt.toggleRowSelection(St,!1)})},dt=()=>{A.value=V.value.slice(0),ft(...A.value)},Ne=()=>{var qe;A.value=[],(qe=w.value)===null||qe===void 0||qe.clearSelection()},Fe=async(...qe)=>{if(qe.length===0)return;const St=qe.map(ie);try{const Nt=eg(e.confirmBeforeRemove,{title:R("wkc.alertTitle"),message:R("wkc.alertMessage"),type:"warning",showCancelButton:!0},{items:qe,ids:St});if(Nt)try{await Ng(Nt)}catch{return}if(e.remove==null)throw new Error(R("wkc.fatTableRemoveParamRequired"));await e.remove(qe,St);const Ln=gE(e.messageOnRemoved,{message:R("wkc.deleteSuccess"),type:"success"},{items:qe,ids:St});if(Ln&&_r(Ln),e.requestOnRemoved)Y.current>1&&V.value.length<=qe.length&&Y.total<=Y.pageSize*Y.current&&Y.current--,ce();else{let cr=0;for(const Ja of qe){const iu=V.value.findIndex($a=>ye($a,Ja));iu!==-1&&(cr++,V.value.splice(iu,1))}Y.total-=cr}}catch(Nt){console.error("[fat-table] \u5220\u9664\u5931\u8D25",Nt);const Ln=gE(e.messageOnRemoveFailed,{message:R("wkc.deleteFail",{message:Nt.message}),type:"error"},{items:qe,ids:St,error:Nt});throw Ln&&_r(Ln),Nt}},we=async()=>{var qe;!(!((qe=A.value)===null||qe===void 0)&&qe.length)||(await Fe(...A.value),Ne())},le=async()=>{C.value?C.value.reset():$e()},fe=()=>{var qe;return(qe=w.value)===null||qe===void 0?void 0:qe.doLayout()},Re=qe=>Te(qe),We=T(()=>{var qe;const St=((qe=e.columns)!==null&&qe!==void 0?qe:Hn).filter(Nt=>Nt.type!=="query");return e.enableSelect&&!M&&St.unshift({type:"selection",width:"40",selectable:e.selectable,className:"fat-table__selection-cell"}),St.map(Nt=>{var Ln;const cr=(Ln=yT(Nt))!==null&&Ln!==void 0?Ln:Nt.type;return Object.assign(Object.assign({},Nt),{columnKey:cr})})}),ct={get tableRef(){return w.value},get formRef(){return C.value},get selected(){return A.value},get list(){return V.value},set list(qe){V.value=qe},get loading(){return I.value},set loading(qe){I.value=qe},get error(){return $i(B.value)},get query(){return K.value},get filter(){return N},get sort(){return $i(j.value)},sortByProp(qe,St){var Nt;(Nt=w.value)===null||Nt===void 0||Nt.sort(qe,St)},clearSort(){var qe;(qe=w.value)===null||qe===void 0||qe.clearSort()},get pagination(){return Ys(Y)},remove:Fe,removeSelected:we,select:ft,unselect:Et,selectAll:dt,unselectAll:Ne,doLayout:fe,gotoPage:Re,search:Be,refresh:ce,reset:le,getRequestParams:ke,getColumns(){return We.value}};n(ct),td(),JM(ct);const xe=T(()=>Ut(e,t,"title")||e.title?()=>Ut(e,t,"title")?yt(e,t,"title",ct):e.title:void 0),Je=T(()=>Ut(e,t,"navBar")?()=>yt(e,t,"navBar",ct):void 0),Tt=T(()=>e.enableQuery&&e.columns.some(c5)),Lt=T(()=>We.value.filter(qe=>qe.type!=="selection"&&qe.type!=="expand")),Kt=qe=>U.value&&qe in U.value?U.value[qe].visible:!0,sn=T(()=>{var qe;return((qe=e.columns)!==null&&qe!==void 0?qe:Hn).filter(St=>St.type==="query"||St.queryable).map(St=>{const Nt=yT(St);return Object.assign(Object.assign({},St),{columnKey:Nt})})}),ar=T(()=>!e.enableSetting||U.value==null?We.value:We.value.filter(qe=>qe.type==="selection"||qe.type==="expand"||Kt(qe.columnKey))),De=T(()=>{var qe;return!e.enableSetting||U.value==null||((qe=e.settingProps)===null||qe===void 0?void 0:qe.query)===!1?sn.value:sn.value.filter(St=>Kt(St.columnKey))}),ot=T(()=>(Tt.value||Ut(e,t,"beforeForm")||Ut(e,t,"afterForm"))&&!!De.value.length),Wt=T(()=>ot.value?()=>[yt(e,t,"beforeForm",ct),Tt.value&&J(w5e,{loading:I.value,initialValue:e.initialQuery,formRef:()=>C,query:()=>K,formProps:e.formProps,columns:De.value,onSubmit:Ye,onReset:$e,"v-slots":{before(){return yt(e,t,"formHeading",ct)},beforeButtons(){return yt(e,t,"beforeSubmit",ct)},submitter:Ut(e,t,"submitter")?()=>yt(e,t,"submitter",ct):void 0,afterButtons(){return yt(e,t,"afterSubmit",ct)},after(){return yt(e,t,"formTrailing",ct)}}}),yt(e,t,"afterForm",ct)]:void 0),wn=T(()=>{var qe,St,Nt,Ln,cr;return Ut(e,t,"empty")?yt(e,t,"empty",ct):J(r2,{image:(qe=e.emptyImage)!==null&&qe!==void 0?qe:(St=O.fatTable)===null||St===void 0?void 0:St.emptyImage,description:(cr=(Nt=e.emptyText)!==null&&Nt!==void 0?Nt:(Ln=O.fatTable)===null||Ln===void 0?void 0:Ln.emptyText)!==null&&cr!==void 0?cr:R("wkc.noDataAvailable"),class:"fat-table__empty"})}),ho=T(()=>{const qe=Ut(e,t,"toolbar"),St=typeof e.batchActions=="function"?e.batchActions(ct):e.batchActions;if(qe||(St==null?void 0:St.length))return()=>{const Nt=qe?yt(e,t,"toolbar",ct):void 0;return St!=null&&St.length?J(P5e,{actions:St,tableInstance:ct,"v-slots":{default:Nt}}):Nt}}),mo=T(()=>e.enableSetting?()=>J(O5e,{columns:Lt.value,modelValue:U.value,"onUpdate:modelValue":Xe}):void 0),is=T(()=>Ut(e,t,"bottomToolbar")?()=>yt(e,t,"bottomToolbar",ct):void 0),sd=T(()=>B.value&&e.enableErrorCapture?()=>{var qe,St,Nt;return Ut(e,t,"error")?yt(e,t,"error"):J(N8,{title:(Nt=(qe=e.errorTitle)!==null&&qe!==void 0?qe:(St=O.fatTable)===null||St===void 0?void 0:St.errorTitle)!==null&&Nt!==void 0?Nt:R("wkc.dataLoadFailed"),type:"error",showIcon:!0,description:B.value.message,closable:!1})}:void 0);return hn(()=>{Ce.cancel(),ve.cancel(),Be.cancel()}),()=>{var qe,St,Nt;const Ln=(Nt=(qe=e.layout)!==null&&qe!==void 0?qe:(St=O.fatTable)===null||St===void 0?void 0:St.layout)!==null&&Nt!==void 0?Nt:"default",cr=typeof Ln=="function"?Ln:KIe[Ln];if(cr==null)throw new Error(`[fat-table]: unknown layout: ${Ln}`);const Ja=ar.value,iu=Lt.value;return e.enableSetting,cr({rootProps:{class:r.class,style:r.style},layoutProps:e.layoutProps,renderTitle:xe.value,renderNavBar:Je.value,renderQuery:Wt.value,renderError:sd.value,renderToolbar:ho.value,renderSettings:mo.value,renderTable:()=>[yt(e,t,"beforeTable",ct),Ut(e,t,"table")?yt(e,t,"table",{table:ct,ready:z.value,loading:I.value,sort:$i(j.value),onSortChange:Ee,filter:N,onFilterChange:Ze,selection:A.value,onSelectionChange:Le,rowKey:ne,list:V.value,columns:Ja,ref:w,renderEmpty:wn.value,renderTableHeading:()=>yt(e,t,"tableHeading",ct),renderTableTrailing:()=>yt(e,t,"tableTrailing",ct),fatTableProps:e,inheritProps:$n()}):Pt(xg,Object.assign({},$n(),Gc([[Yi,I.value]]),{ref:w,data:V.value,rowKey:ne,onSelectionChange:Le,onSortChange:Ee,onFilterChange:Ze,defaultSort:$i(j.value),"v-slots":{empty:wn.value},class:Mt([{"fat-table--ready":z.value}])},{children:[yt(e,t,"tableHeading",ct),Ja==null?void 0:Ja.map(($a,$l)=>J(E5e,{column:$a,index:$l,filter:N,columnMinWidth:e.columnMinWidth,columnWidth:e.columnWidth,tableInstance:ct},d5($a,$l))),yt(e,t,"tableTrailing",ct)]})),yt(e,t,"afterTable",ct)],renderBottomToolbar:is.value,renderPagination:e.enablePagination?()=>{var $a,$l;return J(OI,Object.assign({},O.pagination,e.paginationProps,{class:($a=e.paginationProps)===null||$a===void 0?void 0:$a.className,currentPage:Y.current,total:Y.total,pageSize:Y.pageSize,disabled:I.value||(($l=e.paginationProps)===null||$l===void 0?void 0:$l.disabled),onSizeChange:Ve,onCurrentChange:Te}))}:void 0})}}}),jg=x5e;function Pv(){return D()}function Ov(e){return e}function y7e(e,t){var n;return wt({name:(n=t==null?void 0:t.name)!==null&&n!==void 0?n:"PreDefinedFatTable",setup(r,{slots:o,expose:a,attrs:l,emit:s}){const i=Pv(),u=typeof e=="function"?T(e({table:i,column:Ov,props:l,emit:s,p:Ya})):e,f={};return hr(f,ss,i),a(f),()=>{const v=c(u);return J(jg,Object.assign({ref:i},Io(v,$n(!1)),{"v-slots":Dr(o)}))}}})}const _7e=wt({name:"FatVNode",props:{vnode:null},setup(e){return()=>e.vnode}}),z2=["open","confirm","close","isClose","isOpen","renderButtons"];function A5e(){return D()}const I5e=wt({name:"FatTableModal",props:{visible:Boolean,cancelText:String,cancelProps:null,confirmProps:null,confirmText:String,enableCancel:{type:Boolean,default:void 0},enableConfirm:{type:Boolean,default:void 0},beforeCancel:null,beforeConfirm:null,batchActions:null,renderTitle:null,renderFooter:null,title:null,top:String,modal:{type:Boolean,default:!0},modalAppendToBody:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},customClass:String,closeOnClickModal:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},center:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},layoutProps:null,layout:null},emits:void 0,slots:void 0,setup(e,{attrs:t,expose:n,slots:r}){const o=D(!1),a=nd(o),l=Vn(),s=an(),i=Pv(),u=D({});be(()=>e.visible,$=>{o.value=!!$},{immediate:!0});const f=$=>{o.value=$},v=$=>{e.beforeCancel?e.beforeCancel($):$()},p=$=>{e.beforeConfirm?e.beforeConfirm($):$()},h=T(()=>Io(e,u.value)),b=T(()=>{var $;return e.layout==null?Object.assign(Object.assign({},($=e.layoutProps)!==null&&$!==void 0?$:{}),{reuseBayIfNeed:!1,border:!1,padding:!1}):e.layoutProps}),g=$=>{u.value=$!=null?$:{},f(!0)},_=()=>{p(()=>{f(!1)})},y=()=>{v(()=>{f(!1)})},S=()=>{var $,O,x,R,V,A,I,B,z,Y,K;const M=h.value,j=($=s.fatTableModal)!==null&&$!==void 0?$:{};return[((O=M.enableCancel)!==null&&O!==void 0?O:j.enableCancel)&&J(xn,Object.assign({onClick:y},(R=(x=M.cancelProps)!==null&&x!==void 0?x:j.cancelProps)!==null&&R!==void 0?R:{},{children:(A=(V=M.cancelText)!==null&&V!==void 0?V:j.cancelText)!==null&&A!==void 0?A:l("wkc.cancel")})),((I=M.enableConfirm)!==null&&I!==void 0?I:j.enableConfirm)&&J(xn,Object.assign({type:"primary",onClick:_},(z=(B=M.confirmProps)!==null&&B!==void 0?B:j.confirmProps)!==null&&z!==void 0?z:{},{children:(K=(Y=M.confirmText)!==null&&Y!==void 0?Y:j.confirmText)!==null&&K!==void 0?K:l("wkc.confirm")}))]},w={open:g,close:y,confirm:_,isOpen:()=>o.value,isClose:()=>!o.value,renderButtons:S},C=T(()=>{if(Ut(h.value,r,"title"))return yt(h.value,r,"title",w)}),k=T(()=>{const $=h.value;return Ut($,r,"footer")?yt($,r,"footer",w):J("div",Object.assign({class:"fat-table-model__footer"},{children:S()}))});return hr(w,ss,i),n(w),()=>{const $=c(h),{destroyOnClose:O,layout:x,visible:R,renderTitle:V,renderFooter:A,title:I}=$,B=Zt($,["destroyOnClose","layout","visible","renderTitle","renderFooter","title"]);return J(_v,Object.assign({class:Mt(t.class,"fat-table-modal"),style:t.style,modelValue:o.value,title:I,"v-slots":{title:C.value,footer:k.value}},B,{beforeClose:v,"onUpdate:modelValue":f},{children:(!O||!!a.value)&&J(jg,Object.assign({},B,$n(!0),{layout:x,layoutProps:b.value,"v-slots":Dr(r),enableCacheQuery:!1,requestOnMounted:!0,ref:i}))}))}}}),M5e=I5e;function w7e(e){return wt({name:"PreDefineFatTableModal",setup(t,{expose:n,attrs:r,emit:o,slots:a}){const l=A5e(),s=typeof e=="function"?T(e({modelRef:l,column:Ov,props:r,emit:o,p:Ya})):e,i={};return hr(i,[...ss,...z2],l),n(i),()=>{const u=c(s);return J(M5e,Object.assign({ref:l},Io(u,$n(!1)),{"v-slots":Dr(a)}))}}})}const N5e=z2;function R5e(){return D()}const F5e=wt({name:"FatTableDrawer",props:{visible:Boolean,cancelText:String,cancelProps:null,confirmProps:null,confirmText:String,enableCancel:{type:Boolean,default:void 0},enableConfirm:{type:Boolean,default:void 0},beforeCancel:null,beforeConfirm:null,batchActions:null,renderTitle:null,renderFooter:null,title:null,drawerSize:null,size:null,modal:{type:Boolean,default:!0},modalAppendToBody:{type:Boolean,default:!1},customClass:String,closeOnClickModal:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},wrapperClosable:{type:Boolean,default:!1},layoutProps:null,layout:null},emits:void 0,slots:void 0,setup(e,{attrs:t,expose:n,slots:r}){const o=D(!1),a=nd(o),l=an(),s=Vn(),i=Pv(),u=D({});be(()=>e.visible,$=>{o.value=!!$},{immediate:!0});const f=$=>{o.value=$},v=$=>{e.beforeCancel?e.beforeCancel($):$()},p=$=>{e.beforeConfirm?e.beforeConfirm($):$()},h=T(()=>Io(e,u.value)),b=T(()=>{var $;return e.layout==null?Object.assign(Object.assign({},($=e.layoutProps)!==null&&$!==void 0?$:{}),{reuseBayIfNeed:!1,border:!1}):e.layoutProps}),g=$=>{u.value=$!=null?$:{},f(!0)},_=()=>{p(()=>{f(!1)})},y=()=>{v(()=>{f(!1)})},S=()=>{var $,O,x,R,V,A,I,B,z,Y,K;const M=h.value,j=($=l.fatTableModal)!==null&&$!==void 0?$:{};return[((O=M.enableCancel)!==null&&O!==void 0?O:j.enableCancel)&&J(xn,Object.assign({onClick:y},(R=(x=M.cancelProps)!==null&&x!==void 0?x:j.cancelProps)!==null&&R!==void 0?R:{},{children:(A=(V=M.cancelText)!==null&&V!==void 0?V:j.cancelText)!==null&&A!==void 0?A:s("wkc.cancel")})),((I=M.enableConfirm)!==null&&I!==void 0?I:j.enableConfirm)&&J(xn,Object.assign({type:"primary",onClick:_},(z=(B=M.confirmProps)!==null&&B!==void 0?B:j.confirmProps)!==null&&z!==void 0?z:{},{children:(K=(Y=M.confirmText)!==null&&Y!==void 0?Y:j.confirmText)!==null&&K!==void 0?K:s("wkc.confirm")}))]},w={open:g,close:y,confirm:_,isOpen:()=>o.value,isClose:()=>!o.value,renderButtons:S},C=T(()=>{if(Ut(h.value,r,"title"))return yt(h.value,r,"title",w)}),k=T(()=>{const $=h.value;return Ut($,r,"footer")?yt($,r,"footer",w):J("div",Object.assign({class:"fat-table-drawer__footer"},{children:S()}))});return hr(w,ss,i),n(w),()=>{const $=c(h),{destroyOnClose:O,layout:x,visible:R,renderTitle:V,renderFooter:A,title:I,drawerSize:B,size:z}=$,Y=Zt($,["destroyOnClose","layout","visible","renderTitle","renderFooter","title","drawerSize","size"]);return Pt(Qw,Object.assign({class:Mt(t.class,"fat-table-drawer"),style:t.style,modelValue:o.value,title:I,size:z!=null?z:B,"v-slots":{title:C.value}},Y,{beforeClose:v,"onUpdate:modelValue":f},{children:[J("div",Object.assign({class:"fat-table-drawer__body"},{children:(!O||!!a.value)&&J(jg,Object.assign({},Y,$n(!0),{layout:x,layoutProps:b.value,"v-slots":Dr(r),enableCacheQuery:!1,requestOnMounted:!0,ref:i}))})),k.value]}))}}}),L5e=F5e;function C7e(e){return wt({name:"PreDefineFatTableDrawer",setup(t,{expose:n,attrs:r,emit:o,slots:a}){const l=R5e(),s=typeof e=="function"?T(e({modelRef:l,column:Ov,props:r,emit:o,p:Ya})):e,i={};return hr(i,[...ss,...N5e],l),n(i),()=>{const u=c(s);return J(L5e,Object.assign({ref:l},Io(u,$n(!1)),{"v-slots":Dr(a)}))}}})}class D5e{get selection(){return this._selection.value}get exceeded(){return this._exceeded.value}get selected(){return this._selected||(this._selected=Array.from(this.selection)),this._selected}get size(){return this.selection.size}constructor(t=!1,n,r=1/0){Object.defineProperty(this,"multiple",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"limit",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"_selected",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"_selection",{enumerable:!0,configurable:!0,writable:!0,value:CP((o,a)=>{const l=new Set;return{get(){return o(),l},set(){throw new Error("readonly")}}})}),Object.defineProperty(this,"unselectedEmit",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"selectedEmit",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"listeners",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"_exceeded",{enumerable:!0,configurable:!0,writable:!0,value:D(!1)}),n!=null&&n.length&&(t?n.forEach(o=>this.markSelected(o)):this.markSelected(n[0])),this.emitChange()}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter(n=>n!==t)}}isEmpty(){return this.size===0}isMultiple(){return this.multiple}isSelected(t){return this.selection.has(t)}toggle(...t){this.verifyValues(t);const n=[],r=[];t.forEach(o=>{this.isSelected(o)?n.push(o):r.push(o)}),n.forEach(o=>this.unMarkSelected(o)),r.forEach(o=>this.markSelected(o)),this.emitChange()}select(...t){this.verifyValues(t),t.forEach(n=>this.markSelected(n)),this.emitChange()}unselect(...t){this.verifyValues(t),t.forEach(n=>this.unMarkSelected(n)),this.emitChange()}clear(){this.unMarkAll(),this.emitChange()}verifyValues(t){if(t.length>1&&!this.multiple&&tg)throw new Error("\u5355\u9009\u6A21\u5F0F\u4E0B\u4E0D\u5141\u8BB8\u4F20\u5165\u591A\u4E2A\u9009\u62E9\u503C")}emitChange(){this._selected=null,(this.selectedEmit.length||this.unselectedEmit.length)&&this.listeners.forEach(t=>t({values:this.selected,added:this.selectedEmit,removed:this.unselectedEmit})),this.selectedEmit=[],this.unselectedEmit=[]}markSelected(t){if(!this.isSelected(t)&&(this.multiple||this.unMarkAll(),!this.exceeded))return this.selection.add(t),this.selectedEmit.push(t),this.triggerChange(),this.calcExceeded()}unMarkAll(){this.isEmpty()||this.selection.forEach(t=>this.unMarkSelected(t))}unMarkSelected(t){this.isSelected(t)&&(this.selection.delete(t),this.unselectedEmit.push(t),this.calcExceeded(),this.triggerChange())}calcExceeded(){this.multiple&&(this._exceeded.value=this.size>=this.limit)}triggerChange(){Au(this._selection)}}const B5e={onQueryCacheRestore:null,confirmBeforeRemove:null,enableCacheQuery:null,namespace:null,messageOnRemoved:null,messageOnRemoveFailed:null,remove:null,requestOnRemoved:null,enableSelect:null,selectable:null,onSelect:null,"onSelect-all":null,onLoad:null},H2=["select","unselect","toggle","toggleAll","selectAll","unselectAll","clear","getSelected","getCurrentPageSelected","selectable","isSelected"];class uf extends Error{constructor(t){super(`[@wakeadmin/components fat-table-select] ${t}`)}}function ol(e,t){if(e==null)throw new uf("\u65E0\u6CD5\u83B7\u53D6\u5BF9\u5E94\u7684id");if(typeof e=="object"){if(t in e)return e[t];throw new uf(`row \u5BF9\u8C61\u4E2D\u4E0D\u5B58\u5728\u5BF9\u5E94\u7684 key[${t}] `)}return e}function ey(e,t){return Yo(e).map(n=>ol(n,t))}function V5e(e,t){if(t==null)return r=>r;if(typeof t!="object")return r=>ol(r,e);const n=Object.keys(t);return r=>Zm(r,n)}const j5e=wt({name:"FatTableSelect",props:{rowKey:{required:!0},limit:{default:1/0,type:Number},multiple:{default:!1,type:Boolean},value:null,modelValue:null,showActions:{type:Boolean,default:!0},selectable:null,selectActionText:null,renderBottomToolbar:null,actionColumnProps:null,columns:null,batchActions:null},emits:void 0,setup(e,{expose:t,emit:n,slots:r}){var o;const a=new Map,l=Pv(),s=Vn(),i=an(),u=(o=e.modelValue)!==null&&o!==void 0?o:e.value,f=new D5e(e.multiple,ey(u,e.rowKey),e.limit);u&&Yo(u).forEach(N=>a.set(ol(N,e.rowKey),N));const v=D(Yo(u)),p=T(()=>v.value.length),h=T(()=>{const N=e.selectable,U=e.rowKey;if(N==null)return()=>!0;if(typeof N=="string")return W=>!!W[N];if(typeof N=="function")return W=>{const G=ol(W,U);return N(W,f.isSelected(G))};throw new uf("selectable \u5FC5\u987B\u662F\u4E00\u4E2A \u5B57\u7B26\u4E32 \u6216\u8005 \u51FD\u6570")}),b=T(()=>{var N,U,W;const G=e.columns;return!(G.some(me=>me.type==="actions")||e.multiple)&&e.showActions?G.concat([Object.assign({type:"actions",label:s("wkc.operation"),width:200,labelAlign:"center",align:"center",actions:[{name:(W=(N=e.selectActionText)!==null&&N!==void 0?N:(U=i.fatTableSelect)===null||U===void 0?void 0:U.selectActionText)!==null&&W!==void 0?W:s("wkc.choose"),disabled(me,Ce){return!h.value(Ce)},onClick:(me,Ce)=>{V(Ce)}}]},e.actionColumnProps)]):G}),g=V5e(e.rowKey,Array.isArray(u)?u[0]:u),_=f.subscribe(({values:N,added:U,removed:W})=>{const G=N.map(pe=>a.get(pe)),ae=W.map(pe=>a.get(pe)),me=U.map(pe=>a.get(pe));ae.length>0&&l.value.unselect(...ae),me.length>0&&l.value.select(...me);const Ce=G.map(g);n("change",{values:Ce,added:me.map(g),removed:ae.map(g)}),n("update:modelValue",e.multiple?Ce:Ce[0]),v.value=Ce});Br(()=>{_()});const y=N=>{if(!h.value(N))return!1;const W=ol(N,e.rowKey);return f.isSelected(W)?!0:!f.exceeded},S=N=>{const U=ol(N,e.rowKey);return f.isSelected(U)},w=()=>{const N=l.value;N.unselectAll(),N.select(...N.list.filter(U=>{const W=ol(U,e.rowKey);return f.isSelected(W)}))},C=N=>{const U=ol(N,e.rowKey);f.toggle(U)},k=N=>{if(N.length===0){const U=l.value.list;f.unselect(...ey(U.filter(W=>y(W)),e.rowKey))}else f.select(...ey(N.filter(U=>y(U)),e.rowKey)),f.exceeded&&w()},$=async N=>{const U=[];N.forEach(W=>{const G=ol(W,e.rowKey);a.set(G,W),f.isSelected(G)&&U.push(W)}),await tt(),l.value.select(...U)},O=N=>N.map(U=>typeof U=="object"?ol(U,e.rowKey):U),x=()=>{const N=l.value.list;k(N)},R=()=>{k([])},V=(...N)=>{f.select(...O(N))},A=(...N)=>{f.unselect(...O(N))},I=(...N)=>{f.toggle(...O(N).filter(U=>{const W=a.get(U);return h.value(W)}))},K={getSelected:()=>f.selected.map(N=>a.get(N)).map(g),clear:()=>{f.clear()},select:V,selectAll:x,unselect:A,unselectAll:R,toggle:I,toggleAll:()=>{const N=l.value.list;I(...N)},selectable:y,isSelected:S,removeSelected:()=>{throw new uf(s("wkc.notSupportDeleteInMode"))},remove:()=>{throw new uf(s("wkc.notSupportDeleteInMode"))}},M=T(()=>{const N=e.batchActions;if(N)return typeof N=="function"?N(K).map(W=>{var G;return W.disabledUnselected=(G=W.disabledUnselected)!==null&&G!==void 0?G:!1,W}):N.map(U=>{var W;return Object.assign(Object.assign({},U),{disabledUnselected:(W=U.disabledUnselected)!==null&&W!==void 0?W:!1})})});hr(K,ss.filter(N=>N!=="selected"),l),t(K),$t(j2,K);const j=T(()=>{if(Ut(e,r,"bottomToolbar"))return yt(e,r,"bottomToolbar",K,v.value);if(e.multiple)return()=>Pt("div",Object.assign({class:"fat-table-select__counter"},{children:[s("wkc.selected")," ",J("span",Object.assign({class:"fat-table-select__counter-value"},{children:p.value}))]}))});return()=>{const{multiple:N,rowKey:U,renderBottomToolbar:W}=e;return J(jg,Object.assign({class:"fat-table-select"},$n(),B5e,{renderBottomToolbar:j.value,columns:b.value,enableSelect:N,selectable:y,batchActions:M.value,ref:l,onChange:Yl,onSelect:(G,ae)=>C(ae),"onSelect-all":k,onLoad:$,rowKey:U,enableCacheQuery:!1}))}}}),R5=j5e;function z5e(){return D()}function S7e(e){return wt({name:"PreDefineFatTableSelect",setup(t,{expose:n,attrs:r,emit:o,slots:a}){const l=z5e(),s=typeof e=="function"?T(e({tableRef:l,column:Ov,props:r,emit:o,p:Ya})):e,i={};return hr(i,ss,l),hr(i,H2,l),n(i),()=>{const u=c(s);return J(R5,Object.assign({ref:l},Io(u,$n(!1)),{"v-slots":Dr(a)}))}}})}const H5e=[...H2,...z2];function K5e(){return D()}const W5e=["rowKey","request","columns","multiple","selectable"],U5e=wt({name:"FatTableSelectModal",props:{visible:Boolean,cancelText:String,cancelProps:null,confirmProps:null,confirmText:String,enableCancel:{type:Boolean,default:!0},enableConfirm:{type:Boolean,default:!0},beforeCancel:null,beforeConfirm:null,batchActions:null,renderTitle:null,renderFooter:null,confirmOnSelected:{type:Boolean,default:!0},multiple:{type:Boolean,default:!1},title:null,top:String,modal:{type:Boolean,default:!0},modalAppendToBody:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},customClass:String,closeOnClickModal:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},center:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},layoutProps:null,layout:null},emits:void 0,slots:void 0,setup(e,{attrs:t,expose:n,slots:r,emit:o}){const a=D(!1),l=nd(a),s=Vn(),i=an(),u=Pv(),f=D({});let v=[];be(()=>e.visible,R=>{a.value=!!R},{immediate:!0});const p=R=>{a.value=R,v=[]},h=R=>{e.beforeCancel?e.beforeCancel(R):R()},b=R=>{e.beforeConfirm?e.beforeConfirm(R):R()},g=T(()=>Io(e,f.value)),_=T(()=>{var R;return e.layout==null?Object.assign(Object.assign({},(R=e.layoutProps)!==null&&R!==void 0?R:{}),{reuseBayIfNeed:!1,border:!1,padding:!1}):e.layoutProps}),y=R=>{f.value=R!=null?R:{},p(!0)},S=()=>{h(()=>{p(!1)})},w=()=>{b(()=>{o("confirm",v),p(!1)})},C=()=>{var R,V,A,I,B,z,Y,K,M,j,N;const U=g.value,W=(R=i.fatTableSelectModal)!==null&&R!==void 0?R:{};return[((V=U.enableCancel)!==null&&V!==void 0?V:W.enableCancel)&&J(xn,Object.assign({onClick:S},(I=(A=U.cancelProps)!==null&&A!==void 0?A:W.cancelProps)!==null&&I!==void 0?I:{},{children:(z=(B=U.cancelText)!==null&&B!==void 0?B:W.cancelText)!==null&&z!==void 0?z:s("wkc.cancel")})),((Y=U.enableConfirm)!==null&&Y!==void 0?Y:W.enableConfirm)&&J(xn,Object.assign({type:"primary",onClick:w},(M=(K=U.confirmProps)!==null&&K!==void 0?K:W.confirmProps)!==null&&M!==void 0?M:{},{children:(N=(j=U.confirmText)!==null&&j!==void 0?j:W.confirmText)!==null&&N!==void 0?N:s("wkc.confirm")}))]},k=R=>{v=R.values||[],g.value.onChange?g.value.onChange(R):o("change",R),!e.multiple&&e.confirmOnSelected&&w()},$={open:y,close:S,confirm:w,isOpen:()=>a.value,isClose:()=>!a.value,renderButtons:C},O=T(()=>{if(Ut(g.value,r,"title"))return yt(g.value,r,"title",$)}),x=T(()=>{const R=g.value;return Ut(R,r,"footer")?yt(R,r,"footer",$):J("div",Object.assign({class:"fat-table-model__footer"},{children:C()}))});return hr($,[...H2,...ss],u),n($),()=>{const R=c(g),{destroyOnClose:V,layout:A,visible:I,renderTitle:B,renderFooter:z,title:Y,enableConfirm:K,enableCancel:M,confirmOnSelected:j,beforeConfirm:N,beforeCancel:U}=R,W=Zt(R,["destroyOnClose","layout","visible","renderTitle","renderFooter","title","enableConfirm","enableCancel","confirmOnSelected","beforeConfirm","beforeCancel"]),G=Object.assign(Object.assign({},$n(!0)),W);return J(_v,Object.assign({class:Mt(t.class,"fat-table-modal"),style:t.style,modelValue:a.value,title:Y,appendToBody:!0,"v-slots":{title:O.value,footer:x.value}},D_(G,W5e),{beforeClose:h,"onUpdate:modelValue":p,onChange:Yl},{children:(!V||!!l.value)&&J(R5,Object.assign({},G,{"v-slots":Dr(r),layout:A,layoutProps:_.value,requestOnMounted:!0,ref:u,onChange:k}))}))}}}),q5e=U5e;function k7e(e){return wt({name:"PreDefineFatTableSelectModal",setup(t,{expose:n,attrs:r,emit:o,slots:a}){const l=K5e(),s=typeof e=="function"?T(e({modalRef:l,column:Ov,props:r,emit:o,p:Ya})):e,i={};return hr(i,[...H5e,...ss],l),n(i),()=>{const u=c(s);return J(q5e,Object.assign({ref:l},Io(u,$n(!1)),{"v-slots":Dr(a)}))}}})}/** + * @license + * Copyright Google LLC All Rights Reserved. + * + * Use of this source code is governed by an MIT-style license that can be + * found in the LICENSE file at https://angular.io/license + */let Id;function G5e(){if(Id==null&&typeof window<"u")try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:()=>Id=!0}))}finally{Id=Id||!1}return Id}function K2(e){return G5e()?e:!!e.capture}const NT=K2({passive:!0}),Zp=K2({passive:!1}),xu=K2({passive:!1,capture:!0});class Y5e{constructor(){Object.defineProperty(this,"document",{enumerable:!0,configurable:!0,writable:!0,value:z_()}),Object.defineProperty(this,"dropContainerInstance",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"dragInstance",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"dragEventMap",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"predicate",{enumerable:!0,configurable:!0,writable:!0,value:t=>t.isDragging()}),Object.defineProperty(this,"selectstartHandler",{enumerable:!0,configurable:!0,writable:!0,value:t=>{this.dragInstance.size>0&&t.preventDefault()}}),Object.defineProperty(this,"pointUpHandler",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const n=this.dragEventMap.get("pointUp");for(const r of n)r(t)}}),Object.defineProperty(this,"mouseMoveHandler",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const n=this.dragEventMap.get("mousemove");for(const r of n)r(t)}}),Object.defineProperty(this,"scrollHandler",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const n=this.dragEventMap.get("scroll");for(const r of n)r(t)}}),Object.defineProperty(this,"touchMoveHandle",{enumerable:!0,configurable:!0,writable:!0,value:t=>{for(const r of this.dragInstance)if(this.predicate(r)){t.preventDefault();break}const n=this.dragEventMap.get("touchmove");for(const r of n)r(t)}}),this.dragEventMap.set("pointUp",new Set),this.dragEventMap.set("mousemove",new Set),this.dragEventMap.set("touchmove",new Set),this.dragEventMap.set("scroll",new Set)}dispose(){this.dragEventMap.clear(),this.removeListener()}addDropContainer(t){this.dropContainerInstance.has(t)||this.dropContainerInstance.add(t)}removeDropContainer(t){this.dropContainerInstance.delete(t)}startDrag(t,n){this.dragInstance.has(t)||(this.dragInstance.add(t),this.dragInstance.size===1&&this.listenMoveEvent(jd(n)))}stopDrag(t){this.dragInstance.delete(t),this.dragInstance.size===0&&this.removeListener()}isDragging(t){return this.dragInstance.has(t)}listenMoveEvent(t){this.document.addEventListener(t?"touchend":"mouseup",this.pointUpHandler,!0),this.document.addEventListener("selectstart",this.selectstartHandler,xu),this.document.addEventListener("touchmove",this.touchMoveHandle,xu),this.document.addEventListener("scroll",this.scrollHandler,!0),t||this.document.addEventListener("mousemove",this.mouseMoveHandler,xu)}removeListener(){this.document.removeEventListener("touchend",this.pointUpHandler,!0),this.document.removeEventListener("mouseup",this.pointUpHandler,!0),this.document.removeEventListener("selectstart",this.selectstartHandler,xu),this.document.removeEventListener("touchmove",this.touchMoveHandle,xu),this.document.removeEventListener("mousemove",this.mouseMoveHandler,xu)}subscribe(t,n){const r=this.dragEventMap.get(t);return r.add(n),()=>{r.delete(n)}}}const W2=new Y5e;function jd(e){return e.type.startsWith("touch")}class X5e{constructor(){Object.defineProperty(this,"document",{enumerable:!0,configurable:!0,writable:!0,value:z_()}),Object.defineProperty(this,"eventHandlers",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"onResize",{enumerable:!0,configurable:!0,writable:!0,value:t=>{this.eventHandlers.forEach(n=>n.call(null,t))}})}addHandler(t){this.eventHandlers.add(t),this.eventHandlers.size===1&&this.getWindows().addEventListener("resize",this.onResize)}deleteHandler(t){this.eventHandlers.delete(t),this.eventHandlers.size===0&&this.getWindows().removeEventListener("resize",this.onResize)}getWindows(){return this.document.defaultView||window}subscribe(t){return this.addHandler(t),()=>this.deleteHandler(t)}}const Z5e=new X5e;class F5{constructor(){Object.defineProperty(this,"positions",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"document",{enumerable:!0,configurable:!0,writable:!0,value:z_()})}clear(){this.positions.clear()}cache(t){this.clear(),this.positions.set(this.document,{scrollPosition:this.getViewportScrollPosition()}),t.forEach(n=>{this.positions.set(n,{scrollPosition:{top:n.scrollTop,left:n.scrollLeft},clientRect:Vx(n)})})}handleScroll(t){const n=t.target,r=this.positions.get(n);if(!r)return null;const o=r.scrollPosition;let a,l;if(n===this.document){const u=this.getViewportScrollPosition();a=u.top,l=u.left}else a=n.scrollTop,l=n.scrollLeft;const s=o.top-a,i=o.left-l;return this.positions.forEach((u,f)=>{u.clientRect&&n!==f&&n.contains(f)&&oh(u.clientRect,s,i)}),o.top=a,o.left=l,{top:s,left:i}}getViewportScrollPosition(){return{top:window.scrollY,left:window.scrollX}}}function ty(e,t){H_(e,{"touch-action":t?"":"none","-webkit-user-drag":t?"":"none","-webkit-tap-highlight-color":t?"":"transparent","user-select":t?"":"transparent"})}function RT(e,t,n){H_(e,{position:t?"":"fixed",top:t?"":"0",opacity:t?"":"0",left:t?"":"-999em"},n)}function z1(e,t){return`translate3d(${~~e}px, ${~~t}px, 0)`}function Q5e(e,t){e.style.width=`${t.width}px`,e.style.height=`${t.height}px`,e.style.transform=z1(t.left,t.top)}const J5e=664,FT=new Set(["position"]),eNe={dragStartDelay:0,zIndex:5312,dragStartThreshold:6,pointerDirectionChangeThreshold:6};class tNe{constructor(t,n,r,o,a,l){Object.defineProperty(this,"rootElement",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"context",{enumerable:!0,configurable:!0,writable:!0,value:n}),Object.defineProperty(this,"previewContainer",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"previewTemplate",{enumerable:!0,configurable:!0,writable:!0,value:o}),Object.defineProperty(this,"placeholderTemplate",{enumerable:!0,configurable:!0,writable:!0,value:a}),Object.defineProperty(this,"dragConfig",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_disabled",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"previewInstance",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"previewElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"previewClientRect",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"placeholderElement",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"placeholderInstance",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dragBoundaryElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dragBoundaryClientRect",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"viewportDispose",{enumerable:!0,configurable:!0,writable:!0,value:Yl}),Object.defineProperty(this,"anchor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handlerElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isListening",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"registry",{enumerable:!0,configurable:!0,writable:!0,value:W2}),Object.defineProperty(this,"dragPositionTrack",{enumerable:!0,configurable:!0,writable:!0,value:new F5}),Object.defineProperty(this,"elementEnable",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"parentDragRef",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"lastTouchEventTime",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"hasStartedDragging",{enumerable:!0,configurable:!0,writable:!0,value:D(!1)}),Object.defineProperty(this,"hasMoved",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(this,"initialTransform",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"initialRootElementClientRect",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"pickUpPositionOnPage",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0}}),Object.defineProperty(this,"pickupPositionOnElement",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0}}),Object.defineProperty(this,"lastPointPosition",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"pointerDirectionDelta",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0}}),Object.defineProperty(this,"pointerPositionAtLastDirectionChange",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0}}),Object.defineProperty(this,"dragStartTime",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"dropContainer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"activeTransform",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0}}),Object.defineProperty(this,"passiveTransform",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0}}),Object.defineProperty(this,"moveEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"startedEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"releaseEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"endedEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"exitedEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"enterEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"droppedEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"document",{enumerable:!0,configurable:!0,writable:!0,value:document}),Object.defineProperty(this,"initialContainer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"initialIndex",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_data",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"registrySubscription",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"reset",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.rootElement.style.transform=this.initialTransform||"",this.activeTransform={x:0,y:0},this.passiveTransform={x:0,y:0}}}),Object.defineProperty(this,"handlerBoundaryOnResize",{enumerable:!0,configurable:!0,writable:!0,value:Ine(()=>{let{x:s,y:i}=this.passiveTransform;if(s===0&&i===0||this.isDragging()||!this.dragBoundaryElement)return;const u=this.rootElement.getBoundingClientRect(),f=this.dragBoundaryElement.getBoundingClientRect();if(f.width===0&&f.height===0||u.width===0&&u.height===0)return;const v=f.left-u.left,p=u.right-f.right,h=f.top-u.top,b=u.bottom-f.bottom;f.width>u.width?(v>0&&(s+=v),p>0&&(s-=p)):s=0,f.height>u.height?(h>0&&(i+=h),b>0&&(i-=b)):i=0,(s!==this.passiveTransform.x||i!==this.passiveTransform.y)&&this.setDragPosition(s,i)},10)}),Object.defineProperty(this,"dragStartHandler",{enumerable:!0,configurable:!0,writable:!0,value:s=>{this.disabled&&s.preventDefault()}}),Object.defineProperty(this,"pointerDown",{enumerable:!0,configurable:!0,writable:!0,value:s=>{if(this.handlerElement){const i=s.target;(this.handlerElement===i||this.handlerElement.contains(i))&&!this.disabled&&this.initializeDrag(this.handlerElement,s)}else this.disabled||this.initializeDrag(this.rootElement,s)}}),Object.defineProperty(this,"scrollHandler",{enumerable:!0,configurable:!0,writable:!0,value:s=>{const i=this.dragPositionTrack.handleScroll(s);i&&(this.pickUpPositionOnPage.x+=i.left,this.pickUpPositionOnPage.y+=i.top,this.dropContainer||(this.activeTransform.x-=i.left,this.activeTransform.y-=i.top,this.applyRootElementTransform(this.activeTransform.x,this.activeTransform.y)))}}),Object.defineProperty(this,"pointUpHandler",{enumerable:!0,configurable:!0,writable:!0,value:s=>{this.endDrag(s)}}),Object.defineProperty(this,"mouseMoveHandler",{enumerable:!0,configurable:!0,writable:!0,value:s=>{const i=this.getPointerPositionOnPage(s);if(!this.hasStartedDragging.value){const f=Math.abs(i.x-this.pickUpPositionOnPage.x),v=Math.abs(i.y-this.pickUpPositionOnPage.y);if(f+v>=this.dragConfig.dragStartThreshold){if(!(Date.now()>=this.dragStartTime+this.dragConfig.dragStartDelay))return this.endDrag(s);const b=this.dropContainer;(!b||!b.isDragging()&&!b.isReceiving())&&(s.preventDefault(),this.hasStartedDragging.value=!0,this.startDrag(s))}return}s.preventDefault();const u=this.getPreviewPositionOnPage(i);if(this.hasMoved=!0,this.lastPointPosition=u,this.updatePointerDirectionDelta(u),this.dropContainer)this.updateActiveDropContainer(u);else{const f=this.activeTransform;f.x=u.x-this.pickUpPositionOnPage.x+this.passiveTransform.x,f.y=u.y-this.pickUpPositionOnPage.y+this.passiveTransform.y,this.applyRootElementTransform(f.x,f.y)}if(this.moveEvents.size>0){const f={source:this,pointerPosition:i,event:s,distance:this.getDragDistance(u)};this.executerEvent(this.moveEvents,f)}}}),this.dragConfig=Gh(Object.assign({},eNe),l)}get disabled(){return this._disabled||this.dropContainer&&this.dropContainer.disabled}get data(){return this._data}withData(t){this._data=t}getPreviewEle(){return this.previewElement}getPlaceholderEle(){return this.placeholderElement}disableDrag(){this._disabled=!0}enableDrag(){this._disabled=!1}destroy(){this.removeListener(),this.removePreviewInstance(),this.dragPositionTrack.clear(),this.moveEvents.clear(),this.startedEvents.clear(),this.releaseEvents.clear(),this.endedEvents.clear(),this.exitedEvents.clear(),this.enterEvents.clear(),this.droppedEvents.clear()}withRootElement(t){this.removeListener(),this.rootElement=t,this.addListener(),this.initialTransform=void 0}isDragging(){return this.hasStartedDragging.value&&this.registry.isDragging(this)}withHandlerElement(t){this.handlerElement=t,ty(t,this._disabled),this.toggleDragStyle()}withParentDragRef(t){this.parentDragRef=t}withDropContainer(t){this.dropContainer=t}withDragBoundary(t){this.dragBoundaryElement=t,t?this.viewportDispose=Z5e.subscribe(this.handlerBoundaryOnResize):(this.viewportDispose(),this.dragBoundaryClientRect=void 0)}forwardSubscribeToEmit(t,n){const r=[];return(n!=null?n:["dropped","ended","enter","exited","move","release","started"]).forEach(a=>{r.push(this.subscribe(a,(...l)=>t(a,...l)))}),()=>{r.forEach(a=>a())}}subscribe(t,n){const o={ended:this.endedEvents,move:this.moveEvents,started:this.startedEvents,release:this.releaseEvents,exited:this.exitedEvents,enter:this.enterEvents,dropped:this.droppedEvents}[t];return o?(o.add(n),()=>o.delete(n)):Yl}updatePositionOnResort(){const t=this.lastPointPosition;t&&this.updateActiveDropContainer(this.getPreviewPositionOnPage(t))}getVisibleElement(){return this.isDragging()?this.placeholderElement:this.rootElement}toggleDragStyle(){if(!this.rootElement)return;const t=!this.isDragging();this.elementEnable!==t&&(this.elementEnable=t,this.dropContainer||(ty(this.rootElement,t),t?this.rootElement.classList.remove("fat-drag-dragging"):this.rootElement.classList.add("fat-drag-dragging")))}setDragPosition(t,n){this.activeTransform={x:0,y:0},this.passiveTransform={x:t,y:n},this.dropContainer||this.applyRootElementTransform(t,n)}removePreviewInstance(){this.previewInstance&&this.previewInstance.detach(),this.previewInstance=void 0}addListener(){this.isListening&&this.rootElement||(this.isListening=!0,this.rootElement.addEventListener("mousedown",this.pointerDown,Zp),this.rootElement.addEventListener("touchstart",this.pointerDown,NT),this.rootElement.addEventListener("dragstart",this.dragStartHandler,Zp))}removeListener(){this.isListening=!1,this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.pointerDown,Zp),this.rootElement.removeEventListener("touchstart",this.pointerDown,NT),this.rootElement.removeEventListener("dragstart",this.dragStartHandler,Zp))}initializeDrag(t,n){this.parentDragRef&&n.stopPropagation();const r=this.isDragging(),o=jd(n),a=!o&&n.button!==0,l=!o&&this.lastTouchEventTime&&this.lastTouchEventTime+J5e>Date.now();if(t.draggable&&n.type==="mousedown"&&n.preventDefault(),r||l||a)return;this.hasStartedDragging.value=this.hasMoved=!1,this.initialRootElementClientRect=this.rootElement.getBoundingClientRect(),this.registrySubscription.push(this.registry.subscribe("mousemove",this.mouseMoveHandler)),this.registrySubscription.push(this.registry.subscribe("pointUp",this.pointUpHandler)),this.registrySubscription.push(this.registry.subscribe("scroll",this.scrollHandler)),this.dragBoundaryElement&&(this.dragBoundaryClientRect=this.dragBoundaryElement.getBoundingClientRect());const s=this.getPointerPositionOnPage(n);this.pickupPositionOnElement=this.previewTemplate?{x:0,y:0}:this.getPointerPosition(this.initialRootElementClientRect,t,n),this.pickUpPositionOnPage=this.lastPointPosition=s,this.pointerDirectionDelta={x:0,y:0},this.pointerPositionAtLastDirectionChange={x:s.x,y:s.y},this.dragStartTime=Date.now(),this.registry.startDrag(this,n)}async startDrag(t){jd(t)&&(this.lastTouchEventTime=Date.now()),this.toggleDragStyle();const n=this.dropContainer;if(n){const r=this.rootElement,o=r.parentElement,a=this.placeholderElement=await this.createPlaceholderElement();this.initialTransform=r.style.transform||"";const l=this.anchor||(this.anchor=document.createComment(""));o.insertBefore(l,r),this.previewElement=await this.createPreviewElement(),RT(r,!1,FT),this.document.body.appendChild(o.replaceChild(a,r)),this.previewContainer.appendChild(this.previewElement),n.start(),this.initialContainer=n,this.initialIndex=n.getItemIndex(this),this.dragPositionTrack.cache(n.getScrollableParents())}else this.dragPositionTrack.cache([]);this.executerEvent(this.startedEvents,{source:this,event:t})}endDrag(t){if(!!this.registry.isDragging(this)&&(this.registrySubscription.forEach(n=>n()),this.registrySubscription=[],this.registry.stopDrag(this),this.toggleDragStyle(),!!this.hasStartedDragging.value))if(this.executerEvent(this.releaseEvents,{source:this,event:t}),this.dropContainer)this.waitPreviewAnimateToPlaceholder().then(()=>{this.cleanupDragArtifacts(t),this.cleanPositionTrackCache()});else{this.passiveTransform=Object.assign({},this.activeTransform);const n=this.getPointerPositionOnPage(t);this.executerEvent(this.endedEvents,{source:this,distance:this.getDragDistance(n),dropPoint:n,event:t}),this.cleanPositionTrackCache()}}cleanupDragArtifacts(t){RT(this.rootElement,!0,FT),this.anchor.parentElement.replaceChild(this.rootElement,this.anchor),this.destroyPlaceHolder(),this.destroyPreview(),this.previewClientRect=this.dragBoundaryClientRect=this.initialRootElementClientRect=this.initialTransform=void 0;const n=this.dropContainer,r=n.getItemIndex(this),o=this.getPointerPositionOnPage(t),a=this.getDragDistance(o);this.executerEvent(this.endedEvents,{source:this,distance:a,event:t,dropPoint:o}),this.executerEvent(this.droppedEvents,{item:this,previousContainer:this.initialContainer,previousIndex:this.initialIndex,currentIndex:r,event:t,dropPoint:o,distance:a,container:n}),n.drop(this,r,this.initialIndex,this.initialContainer,a,o,t),this.dropContainer=this.initialContainer,this.initialIndex=r}waitPreviewAnimateToPlaceholder(){if(!this.hasMoved)return Promise.resolve();const t=this.placeholderElement.getBoundingClientRect();return this.previewElement.classList.add("fat-drag-animating"),this.applyPreviewElementTransform(t.left,t.top),new Promise(n=>{const r=a=>{a.target===this.previewElement&&a.propertyName==="transform"&&this.previewElement.removeEventListener("transitionend",r),n(),clearTimeout(o)},o=setTimeout(()=>{r({target:this.previewElement,propertyName:"transform"})},300);this.previewElement.addEventListener("transitionend",r)})}applyPreviewElementTransform(t,n){const r=z1(t,n);this.previewElement.style.transform=r}cleanPositionTrackCache(){this.dragPositionTrack.clear()}executerEvent(t,...n){for(const r of t)r.apply(null,n)}applyRootElementTransform(t,n){const r=z1(t,n);this.rootElement.style.transform=r}updateActiveDropContainer({x:t,y:n}){if(!this.dropContainer)return;let r=this.initialContainer.getContainerFromPosition(this,t,n);!r&&this.dropContainer!==this.initialContainer&&(r=this.initialContainer),r&&r!==this.dropContainer&&(this.executerEvent(this.exitedEvents,{source:this,container:this.dropContainer}),this.dropContainer.exit(this),this.dropContainer=r,this.dropContainer.enter(this,t,n),this.executerEvent(this.enterEvents,{source:this,container:this.dropContainer,index:this.dropContainer.getItemIndex(this)})),this.isDragging()&&(this.dropContainer.sortItem(this,t,n,this.pointerDirectionDelta),this.applyPreviewElementTransform(t-this.pickupPositionOnElement.x,n-this.pickupPositionOnElement.y))}updatePointerDirectionDelta(t){const{x:n,y:r}=t,o=this.pointerDirectionDelta,a=Math.abs(n-this.pointerPositionAtLastDirectionChange.x),l=Math.abs(r-this.pointerPositionAtLastDirectionChange.y);return a>this.dragConfig.pointerDirectionChangeThreshold&&(o.x=n>this.pointerPositionAtLastDirectionChange.x?1:-1,this.pointerPositionAtLastDirectionChange.x=n),l>this.dragConfig.pointerDirectionChangeThreshold&&(o.y=r>this.pointerPositionAtLastDirectionChange.y?1:-1,this.pointerPositionAtLastDirectionChange.y=r),o}getPointerPosition(t,n,r){const o=n===this.rootElement?null:n,a=o?o.getBoundingClientRect():t,l=jd(r)?r.touches[0]:r,s=this.getScrollPosition(),i=l.pageX-a.left-s.x,u=l.pageY-a.top-s.y;return{x:a.left-t.left+i,y:a.top-t.top+u}}getDragDistance(t){const n=this.pickUpPositionOnPage;return n?{x:t.x-n.x,y:t.y-n.y}:{x:0,y:0}}getPointerPositionOnPage(t){const n=this.getScrollPosition(),r=jd(t)?t.touches[0]:t;return{x:r.pageX-n.x,y:r.pageY-n.y}}getPreviewPositionOnPage(t){const n=this.parentDragRef?this.parentDragRef.dragConfig.lockAxis:null;let{x:r,y:o}=t;const a=this.dragConfig.lockAxis;if((a==="x"||n==="x")&&(o=this.pickUpPositionOnPage.y),(a==="y"||n==="y")&&(r=this.pickUpPositionOnPage.x),this.dragBoundaryClientRect){const{width:l,height:s}=this.getPreviewRect(),i=this.dragBoundaryClientRect.right-l+this.pickupPositionOnElement.x,u=this.dragBoundaryClientRect.left+this.pickupPositionOnElement.x,f=this.dragBoundaryClientRect.bottom-s+this.pickupPositionOnElement.y,v=this.dragBoundaryClientRect.top+this.pickupPositionOnElement.y;r=Xl(r,u,i),o=Xl(o,v,f)}return{x:r,y:o}}getPreviewRect(){return(!this.previewClientRect||!this.previewClientRect.width&&!this.previewClientRect.height)&&(this.previewClientRect=this.previewElement?this.previewElement.getBoundingClientRect():this.initialRootElementClientRect),this.previewClientRect}getScrollPosition(){var t;const{left:n,top:r}=((t=this.dragPositionTrack.positions.get(this.document))===null||t===void 0?void 0:t.scrollPosition)||this.dragPositionTrack.getViewportScrollPosition();return{x:n,y:r}}async createPlaceholderElement(){this.placeholderElement&&this.placeholderElement.remove(),this.placeholderInstance&&this.placeholderInstance.detach();let t;if(this.placeholderTemplate){const n=new _E(this.placeholderTemplate,{context:this.context,target:null});await n.attach(),t=n.host}else t=mE(this.rootElement);return t.style.pointerEvents="none",t.classList.add("fat-drag-placeholder"),this.dragConfig.placeholderClass&&t.classList.add(...Yo(this.dragConfig.placeholderClass)),t}destroyPlaceHolder(){this.placeholderInstance?(this.placeholderInstance.detach(),this.placeholderInstance=void 0):this.placeholderElement.remove(),this.placeholderElement=null}async createPreviewElement(){this.previewElement&&this.previewElement.remove(),this.previewInstance&&this.previewInstance.detach();let t;if(this.previewTemplate){const n=new _E(this.previewTemplate,{target:this.previewContainer,context:this.context});await n.attach(),this.previewInstance=n,t=n.host}else t=mE(this.rootElement),Q5e(t,this.initialRootElementClientRect);return t.classList.add(...Yo(this.dragConfig.previewClass),"fat-drag-preview"),this.initialTransform&&(t.style.transform=this.initialTransform),H_(t,{"pointer-events":"none",margin:"0",position:"fixed",top:"0",left:"0","z-index":`${this.dragConfig.zIndex}`}),ty(t,!1),t}destroyPreview(){this.previewInstance?(this.previewInstance.detach(),this.previewInstance=void 0):this.previewElement.remove(),this.previewElement=null}}const L5=Symbol("FatDropContainer"),H1=Symbol("FatDragRef"),K1=Symbol("FatDropListGroup"),nNe=wt({name:"FatDragItem",props:{data:null,dragDelay:{type:Number,default:0},lockAxis:null,disabled:{type:Boolean,default:!1},previewContainer:void 0,previewClass:void 0,placeholderClass:void 0,dragBoundary:void 0,onDropped:null,onEnded:null,onEnter:null,onExited:null,onMove:null,onRelease:null,onStarted:null,renderPlaceholder:null,renderPreview:null},emits:void 0,slots:void 0,setup(e,{emit:t,slots:n,expose:r,attrs:o}){const a=vt().proxy,l=Ge(L5,null),s=Ge(H1,null),i=T(()=>{if(Ut(e,n,"placeholder"))return()=>yt(e,n,"placeholder",e.data);if(l!=null&&l.renderPlaceholder)return()=>l.renderPlaceholder(e.data)}),u=T(()=>{if(Ut(e,n,"preview"))return()=>yt(e,n,"preview",e.data);if(l!=null&&l.renderPreview)return()=>l.renderPreview(e.data)}),f=new tNe(null,a,e.previewContainer||document.body,u.value,i.value,{dragStartDelay:e.dragDelay,lockAxis:e.lockAxis,previewClass:e.previewClass,placeholderClass:e.placeholderClass});f.withData(e.data),s&&f.withParentDragRef(s),l&&(f.withDropContainer(l.instance),l.instance.addItem(f),f.forwardSubscribeToEmit(l.emits,["ended","move","release","started"]));const v=p=>{let h;typeof p=="string"?h=document.querySelector(p):h=p,f.withDragBoundary(h)};return $t(H1,f),r({reset:f.reset}),td(),be(()=>e.disabled,p=>{p?f.disableDrag():f.enableDrag()},{immediate:!0}),be(()=>e.dragBoundary,p=>{v(p)}),f.forwardSubscribeToEmit(t),bt(()=>{f.withRootElement(a.$el),v(e.dragBoundary)}),Br(()=>{f.destroy(),l&&l.instance.removeItem(f)}),()=>J("div",Object.assign({class:Mt("fat-drag-item",o.class),style:o.style},{children:yt(e,n,"default")}))}}),$7e=nNe;class zd extends Error{constructor(t){super(`[fat-drag error]: ${t}`)}}const rNe=wt({props:{disabled:{type:Boolean,default:!1},tag:{type:String,default:"span"}},setup(e,{slots:t}){const n=Ge(H1),r=vt().proxy;if(!n)throw new zd("FatDragHandler \u53EA\u80FD\u5DE5\u4F5C\u5728 FatDragItem \u7EC4\u4EF6\u4E2D");return bt(()=>{n.withHandlerElement(r.$el)}),()=>{const o=e.tag;return J(o,Object.assign({},$n(!1),{children:yt(e,t,"default")}))}}}),E7e=rNe;class LT{constructor(t){Object.defineProperty(this,"rootElement",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"registry",{enumerable:!0,configurable:!0,writable:!0,value:W2}),Object.defineProperty(this,"previousSwapItem",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"itemsPosition",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"activeDrags",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"orientation",{enumerable:!0,configurable:!0,writable:!0,value:"vertical"})}start(t){this.activeDrags=[...t],this.cacheItemsPositions()}sort(t,n,r,o){const a=this.getIndexFromPosition(t,n,r,o);if(a===-1&&this.itemsPosition.length>0)return null;const l=this.orientation==="horizontal",s=this.itemsPosition.findIndex(({source:b})=>b===t),i=this.itemsPosition[s].clientRect,u=this.itemsPosition[a].clientRect,f=a>s?-1:1,v=this.getItemOffset(i,u,f),p=this.getSiblingOffset(s,this.itemsPosition,f),h=[...this.itemsPosition];return Moe(this.itemsPosition,s,a),this.itemsPosition.forEach((b,g)=>{if(h[g]===b)return;const _=b.source===t,y=_?v:p,S=_?t.getPlaceholderEle():b.source.getVisibleElement();b.offset+=y,l?(S.style.transform=`translate3d(${~~b.offset}px, 0, 0)`,oh(b.clientRect,0,y)):(S.style.transform=`translate3d(0, ${~~b.offset}px, 0)`,oh(b.clientRect,y,0))}),this.previousSwapItem={overlap:oNe(u,n,r),source:t,delta:l?o.x:o.y},{previousIndex:s,currentIndex:a}}enter(t,n,r,o){const a=o==null||o<0?this.getIndexFromPosition(t,n,r):o,l=this.activeDrags.indexOf(t),s=t.getPlaceholderEle();let i=this.activeDrags[a];if(i===t&&(i=this.activeDrags[a+1]),!i&&(a==null||a===-1||a-1&&this.activeDrags.splice(l,1),i&&!this.registry.isDragging(i)){const u=i.getVisibleElement();u.parentElement.insertBefore(s,u),this.activeDrags.splice(a,0,t)}else this.rootElement.appendChild(s),this.activeDrags.push(t);s.style.transform="",this.cacheItemsPositions()}reset(){this.activeDrags.forEach(t=>{const n=t.getVisibleElement();n&&(n.style.transform="")}),this.itemsPosition=[],this.activeDrags=[],this.previousSwapItem={source:null,delta:0,overlap:!1}}getItemIndex(t){return this.itemsPosition.findIndex(n=>n.source===t)}withItems(t){this.activeDrags=[...t],this.cacheItemsPositions()}updateOnScroll(t,n){this.itemsPosition.forEach(r=>{oh(r.clientRect,t,n)}),this.itemsPosition.forEach(r=>{this.registry.isDragging(r.source)&&r.source.updatePositionOnResort()})}getActiveItemsSnapshot(){return this.activeDrags}cacheItemsPositions(){const t=this.orientation==="horizontal"?(n,r)=>n.clientRect.left-r.clientRect.left:(n,r)=>n.clientRect.top-r.clientRect.top;this.itemsPosition=this.activeDrags.map(n=>{const r=n.getVisibleElement();return{source:n,clientRect:Vx(r),offset:0}}).sort(t)}getItemOffset(t,n,r){const o=this.orientation==="horizontal",a=o?n.left-t.left:n.top-t.top;let l=0;return r===-1&&(l=o?n.width-t.width:n.height-t.height),a+l}getSiblingOffset(t,n,r){const o=this.orientation==="horizontal",a=n[t].clientRect,l=n[t+-1*r];let s=a[o?"width":"height"]*r;if(l){const i=o?"left":"top",u=o?"right":"bottom";r===-1?s-=l.clientRect[i]-a[u]:s+=a[i]-l.clientRect[u]}return s}getIndexFromPosition(t,n,r,o){const a=this.orientation==="horizontal";return this.itemsPosition.findIndex(({source:s,clientRect:i})=>{if(s===t)return!1;if(o){const u=a?o.x:o.y;if(s===this.previousSwapItem.source&&this.previousSwapItem.overlap&&u===this.previousSwapItem.delta)return!1}return a?n>=~~i.left&&n<~~i.right:r>=~~i.top&&r<~~i.bottom})}enterIsFirstChild(t,n){if(this.itemsPosition.length===0)return!1;const r=this.orientation==="horizontal",o=this.itemsPosition.at(-1);if(o.source===this.activeDrags[0]){const s=o.clientRect;return r?t>=s.right:n>=s.bottom}const l=this.itemsPosition[0].clientRect;return r?t>=l.left:n>=l.top}}function oNe(e,t,n){const{top:r,bottom:o,left:a,right:l}=e;return n>=r&&n<=o&&t>=a&&t<=l}const D5=.112,DT="fat-drop-list__dragging";class BT{constructor(t,n){Object.defineProperty(this,"rootElement",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"disabled",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"enterPredicate",{enumerable:!0,configurable:!0,writable:!0,value:()=>!0}),Object.defineProperty(this,"sortPredicate",{enumerable:!0,configurable:!0,writable:!0,value:()=>!0}),Object.defineProperty(this,"_dragging",{enumerable:!0,configurable:!0,writable:!0,value:D(!1)}),Object.defineProperty(this,"items",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"registry",{enumerable:!0,configurable:!0,writable:!0,value:W2}),Object.defineProperty(this,"scrollElements",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"rootClientRect",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"strategy",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"positionTrack",{enumerable:!0,configurable:!0,writable:!0,value:new F5}),Object.defineProperty(this,"removeListenScrollEvent",{enumerable:!0,configurable:!0,writable:!0,value:Yl}),Object.defineProperty(this,"enterEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"exitedEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"droppedEvents",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"unSortItems",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"dropSortThreshold",{enumerable:!0,configurable:!0,writable:!0,value:D5}),Object.defineProperty(this,"data",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"dropListGroup",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"connectToList",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"activeSiblings",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"siblings",{enumerable:!0,configurable:!0,writable:!0,value:[]}),this.registry.addDropContainer(this),this.strategy=n||new LT(this.rootElement)}isDragging(){return this._dragging.value}start(){this.startDrag(),this.syncSiblings(),this.cacheParentPositions(),this.standingByReceiving()}standingByReceiving(){const t=this.strategy.getActiveItemsSnapshot().find(n=>n.isDragging());this.siblings.forEach(n=>n.startReceiving(this,t))}startReceiving(t,n){const r=this.activeSiblings;(!r.has(t)||this.enterPredicate(n,this)||this.items.has(n))&&(r.add(t),this.cacheParentPositions(),this.listenScrollEvent())}stopReceiving(t){this.activeSiblings.delete(t)}isReceiving(){return this.activeSiblings.size>0}canReceive(t,n,r){return!(!this.rootClientRect||!Loe(this.rootClientRect,n,r)||!this.enterPredicate(t,this))}getItemIndex(t){return this.isDragging()?this.strategy.getItemIndex(t):this.findItem(t)}getSiblings(){return this.dropListGroup?[...this.dropListGroup].filter(t=>t!==this).concat(this.connectToList):this.connectToList}setDropSortThreshold(t){this.dropSortThreshold=t}withItems(t){const n=[...this.items];this.items=new Set(t),this.isDragging()&&(n.filter(o=>o.isDragging()).some(o=>this.items.has(o))?this.strategy.withItems([...t]):this.reset())}withData(t){this.data=t}withRootElement(t){this.rootElement=t,this.rootClientRect=null,this.scrollElements=[t],this.cacheParentPositions();const n=this.strategy.orientation;this.strategy=new LT(t),this.setOrientation(n)}withConnectTo(t){this.connectToList=t}withDropListGroup(t){this.dropListGroup=t}reset(){this._dragging.value=!1,this.rootElement.classList.remove(DT),this.strategy.reset(),this.positionTrack.clear(),this.removeListenScrollEvent(),this.siblings.forEach(t=>t.stopReceiving(this))}getContainerFromPosition(t,n,r){return this.siblings.find(o=>o.canReceive(t,n,r))}exit(t){this.reset(),this.executerEvent(this.exitedEvents,{container:this,source:t})}enter(t,n,r,o){this.startDrag(),o==null&&(o=this.findItem(t)),this.strategy.enter(t,n,r,o),this.cacheParentPositions(),this.executerEvent(this.enterEvents,{container:this,source:t,index:o})}sortItem(t,n,r,o){!this.rootClientRect||!Foe(this.rootClientRect,this.dropSortThreshold,n,r)||this.strategy.sort(t,n,r,o)}setOrientation(t){this.strategy.orientation=t}addItem(t){this.unSortItems.add(t),this.isDragging()&&this.syncItems()}removeItem(t){this.unSortItems.delete(t),this.isDragging()&&this.syncItems()}drop(t,n,r,o,a,l,s={}){this.reset(),this.executerEvent(this.droppedEvents,{item:t,currentIndex:n,previousIndex:r,container:this,previousContainer:o,distance:a,dropPoint:l,event:s})}destroy(){this.unSortItems.clear(),this.positionTrack.clear(),this.enterEvents.clear(),this.exitedEvents.clear(),this.droppedEvents.clear()}forwardSubscribeToEmit(t){const n=[];return n.push(this.subscribe("enter",(...r)=>t("enter",...r))),n.push(this.subscribe("dropped",(...r)=>t("dropped",...r))),n.push(this.subscribe("exited",(...r)=>t("exited",...r))),()=>{n.forEach(r=>r())}}getScrollableParents(){return this.scrollElements}subscribe(t,n){const o={exited:this.exitedEvents,enter:this.enterEvents,dropped:this.droppedEvents}[t];return o?(o.add(n),()=>o.delete(n)):Yl}syncItems(){this.withItems(this.getSortedItems())}getSortedItems(){return[...this.unSortItems].sort((t,n)=>t.getVisibleElement().compareDocumentPosition(n.getVisibleElement())&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)}findItem(t){let n=0;for(const r of this.items){if(r===t)return n;n++}return-1}executerEvent(t,...n){for(const r of t)r.apply(null,n)}startDrag(){this.rootElement.classList.add(DT),this.syncItems(),this._dragging.value=!0,this.strategy.start([...this.items]),this.reListenScrollEvent()}reListenScrollEvent(){this.removeListenScrollEvent(),this.listenScrollEvent()}listenScrollEvent(){this.removeListenScrollEvent=this.registry.subscribe("scroll",t=>{if(this.isDragging()){const n=this.positionTrack.handleScroll(t);n&&this.strategy.updateOnScroll(n.top,n.left)}else this.isReceiving()&&this.cacheParentPositions()})}cacheParentPositions(){this.positionTrack.cache(this.scrollElements),this.rootClientRect=this.positionTrack.positions.get(this.rootElement).clientRect}syncSiblings(){this.siblings=this.getSiblings()}}const aNe=wt({props:{disabled:{type:Boolean,default:!1},dragDelay:{type:Number,default:0},orientation:null,previewContainer:void 0,connectTo:{type:Array,default:()=>[]},enterPredicate:{default:()=>()=>!0},dropSortThreshold:{type:Number,default:D5},data:{type:Array,default:()=>[]},onDropped:null,onEnded:null,onEnter:null,onExited:null,onMove:null,onRelease:null,onStarted:null,renderPlaceholder:null,renderPreview:null},setup(e,{emit:t,slots:n,expose:r,attrs:o}){const a=vt().proxy,l=new BT(a.$el),s=Ut(e,n,"placeholder")?f=>yt(e,n,"placeholder",f):void 0,i=Ut(e,n,"preview")?f=>yt(e,n,"preview",f):void 0,u=Ge(K1,null);return u&&(u.add(l),l.withDropListGroup(u)),$t(L5,{instance:l,renderPlaceholder:s,renderPreview:i,emits:t}),$t(K1,void 0),be(()=>e.disabled,f=>{l.disabled=!!f},{immediate:!0}),be(()=>e.orientation,f=>{l.setOrientation(f||"vertical")},{immediate:!0}),be(()=>e.enterPredicate,f=>{if(typeof f!="function")throw new zd("enterPredicate \u5FC5\u987B\u662F\u4E00\u4E2A\u51FD\u6570");l.enterPredicate=f},{immediate:!0}),be(()=>e.dropSortThreshold,f=>{if(typeof f!="number")throw new zd("dropSortThreshold \u5FC5\u987B\u662F\u4E00\u4E2A\u6570\u5B57");l.setDropSortThreshold(f)},{immediate:!0}),be(()=>e.connectTo,f=>{if(!f||!Array.isArray(f)||!f.every(v=>v instanceof BT))throw new zd("connectTo \u5FC5\u987B\u662F\u4E00\u4E2ADropListRef\u6570\u7EC4");l.withConnectTo(e.connectTo)},{immediate:!0}),be(()=>e.data,f=>{if(!Array.isArray(f))throw new zd("data \u5FC5\u987B\u662F\u4E00\u4E2A\u6570\u7EC4");l.withData(e.data)},{immediate:!0}),l.forwardSubscribeToEmit(t),bt(()=>{l.withRootElement(a.$el)}),Br(()=>{l.destroy(),u&&u.delete(l)}),td(),r({instance:l}),()=>J("div",Object.assign({class:Mt("fat-drop-list",o.class),style:o.style},{children:yt(e,n,"default")}))}}),T7e=aNe,P7e=wt({setup(e,{slots:t,attrs:n}){const r=new Set;return $t(K1,r),Br(()=>{r.clear()}),td(),()=>J("div",Object.assign({class:Mt("fat-drop-list-group",n.class),style:n.style},{children:yt(e,t,"default")}))}});var Na;(function(e){e.AND="AND",e.OR="OR"})(Na||(Na={}));const B5=Symbol("AUTO_UNIQ_KEY"),Ci={id:"id",children:"children",getLogicType:e=>e.type!==Na.OR?Na.AND:Na.OR,isGroup:e=>e!=null&&typeof e=="object"&&e.children!=null,setLogicType:(e,t)=>Object.assign(Object.assign({},e),{type:t})},U2=e=>{if(e==null)return Ci;const{id:t,children:n,getLogicType:r,isGroup:o,setLogicType:a}=e;return{id:t!=null?t:Ci.id,children:n!=null?n:Ci.children,getLogicType:r!=null?r:Ci.getLogicType,isGroup:o!=null?o:n?l=>l!=null&&typeof l=="object"&&l[n]!=null:Ci.isGroup,setLogicType:a!=null?a:Ci.setLogicType}},W1=(e,t)=>{var n;const{id:r,children:o,getLogicType:a}=U2(t);if(e==null||typeof e!="object")return;const l=(n=e[r])!==null&&n!==void 0?n:e[B5],s=a(e),i=e[o];return{id:l,type:s,children:i,raw:e}},U1=e=>U2(e).children,V5=wt({name:"TreeList",props:{innerProps:null},setup(e){const t=Vn(),n=T(()=>{if(e.innerProps.value==null)return null;const o=s=>{if(!Lr(s))throw new Error("item \u5FC5\u987B\u662F\u4E00\u4E2A\u5BF9\u8C61")},a=()=>{if(e.innerProps.parent==null)throw new Error("parent \u4E0D\u80FD\u4E3A\u7A7A")};return{get isGroup(){return!!e.innerProps.children},get hasGroupOnDescendant(){var s;const{isGroup:i}=U2(e.innerProps.treeStruct);return!!(!((s=e.innerProps.children)===null||s===void 0)&&s.some(u=>i(u)))},get depth(){return e.innerProps.depth},get current(){return e.innerProps.value},get index(){return e.innerProps.index},get indexs(){return e.innerProps.indexs},get path(){return e.innerProps.path},get parent(){return e.innerProps.parent},get logicType(){return e.innerProps.type},setLogicType(s){var i,u,f,v;const p=((u=(i=e.innerProps.treeStruct)===null||i===void 0?void 0:i.setLogicType)!==null&&u!==void 0?u:Ci.setLogicType)(e.innerProps.value,s);if(!Lr(p))throw new Error("setLogicType \u5FC5\u987B\u8FD4\u56DE\u4E00\u4E2A\u5BF9\u8C61");(v=(f=e.innerProps).onChange)===null||v===void 0||v.call(f,p)},insertBefore(...s){s.forEach(o),a(),e.innerProps.onInsert(s,e.innerProps.value,-1)},insertAfter(...s){s.forEach(o),a(),e.innerProps.onInsert(s,e.innerProps.value,1)},remove(){var s,i;e.innerProps.parent!=null&&((i=(s=e.innerProps).onRemoveChild)===null||i===void 0||i.call(s,e.innerProps.value))},append(...s){var i,u,f;const v=[],p=W1(e.innerProps.value,e.innerProps.treeStruct);if(p==null)throw new Error("\u65E0\u6CD5\u83B7\u53D6\u8282\u70B9\u4FE1\u606F");if(s.forEach(h=>{o(h);const b=`${Date.now()}${Math.floor(Math.random()*1e3)}`;h[B5]=b,v.push(h)}),v.length){const h=((i=p.children)!==null&&i!==void 0?i:Hn).slice(0);v.forEach(g=>{h.push(g)});const b=Object.assign(Object.assign({},e.innerProps.value),{[U1(e.innerProps.treeStruct)]:h});(f=(u=e.innerProps).onChange)===null||f===void 0||f.call(u,b)}}}}),r=()=>{var o,a;const l=((o=n.value)===null||o===void 0?void 0:o.logicType)===Na.AND?Na.OR:Na.AND;(a=n.value)===null||a===void 0||a.setLogicType(l)};return()=>{var o;const{value:a,type:l,children:s,andText:i=t("wkc.and"),orText:u=t("wkc.or"),andColor:f="var(--fat-color-primary)",orColor:v="#2AC2D4"}=e.innerProps;if(a==null)return null;const p=(o=n.value)===null||o===void 0?void 0:o.isGroup,h=p&&s&&s.length>1;return J("div",Object.assign({class:Mt("fat-logic-tree__content",p?e.innerProps.groupClass:e.innerProps.nodeClass),style:p?e.innerProps.groupStyle:e.innerProps.nodeStyle},{children:p?e.innerProps.renderGroup(Object.assign(Object.assign({},n.value),{vdom:Pt("div",Object.assign({class:["fat-logic-tree__list",{"has-label":h}]},{children:[h&&J("div",Object.assign({class:["fat-logic-tree__label",l===Na.AND?"and":"or"],style:{"--color":l===Na.AND?f:v},onClick:r},{children:J("span",Object.assign({class:"fat-logic-tree__label-content"},{children:l===Na.AND?i:u}))})),J("div",Object.assign({class:"fat-logic-tree__group"},{children:s==null?void 0:s.map((b,g)=>{var _;const y=W1(b,e.innerProps.treeStruct);if(y==null)return null;const S=U1(e.innerProps.treeStruct),w=e.innerProps.path?`${e.innerProps.path}.${S}.${g}`:`${S}.${g}`;return J(V5,{innerProps:Object.assign(Object.assign({},e.innerProps),{depth:e.innerProps.depth+1,value:b,parent:a,type:y.type,path:w,index:g,indexs:[...e.innerProps.indexs,g],children:y.children,onChange:C=>{var k,$;const O=(s!=null?s:Hn).slice(0);O[g]=C;const x=Object.assign(Object.assign({},a),{[S]:O});($=(k=e.innerProps).onChange)===null||$===void 0||$.call(k,x)},onRemoveChild:C=>{var k,$,O;const x=s.indexOf(C);if(x!==-1){const R=s.slice(0);if(R.splice(x,1),R.length||e.innerProps.parent==null){const V=Object.assign(Object.assign({},a),{[S]:R});($=(k=e.innerProps).onChange)===null||$===void 0||$.call(k,V)}else(O=n.value)===null||O===void 0||O.remove()}},onInsert(C,k,$){var O,x;const R=s.indexOf(k);if(R===-1)return;const V=s.slice(0);V.splice($===-1?R:R+1,0,...C);const A=Object.assign(Object.assign({},a),{[S]:V});(x=(O=e.innerProps).onChange)===null||x===void 0||x.call(O,A)}})},(_=y.id)!==null&&_!==void 0?_:g)})}))]}))})):J("div",Object.assign({class:"fat-logic-tree__node"},{children:e.innerProps.renderNode(n.value)}))}))}}}),lNe=wt({name:"FatFormLogicTree",props:{basePath:String,treeStruct:null,modelValue:null,andText:null,orText:null,andColor:null,orColor:null,nodeClass:null,nodeStyle:null,groupClass:null,groupStyle:null,renderNode:null,renderGroup:null},slots:void 0,setup(e,{slots:t,attrs:n,emit:r}){return()=>{const{treeStruct:o,modelValue:a,basePath:l,andText:s,andColor:i,orText:u,orColor:f,nodeClass:v,nodeStyle:p,groupClass:h,groupStyle:b}=e,g=W1(a,o),_=U1(o);return g==null?null:J("div",Object.assign({class:Mt("fat-logic-tree",n.class),style:n.style},{children:J(V5,{innerProps:{treeStruct:o,value:a,type:g.type,children:g==null?void 0:g.children,path:l!=null?l:"",index:0,indexs:[0],depth:0,andText:s,andColor:i,orText:u,orColor:f,nodeClass:v,nodeStyle:p,groupClass:h,groupStyle:b,renderNode:y=>yt(e,t,"node",y),renderGroup:y=>Ut(e,t,"group")?yt(e,t,"group",y):y.vdom,onInsert:(y,S,w)=>{var C;const k=((C=g==null?void 0:g.children)!==null&&C!==void 0?C:Hn).slice(0),$=k.indexOf(S);if($!==-1){k.splice(w===-1?$:$+1,0,...y);const O=Object.assign(Object.assign({},a),{[_]:k});r("update:modelValue",O)}},onRemoveChild:y=>{var S;const w=((S=g==null?void 0:g.children)!==null&&S!==void 0?S:Hn).slice(0),C=w.indexOf(y);if(C!==-1){w.splice(C,1);const k=Object.assign(Object.assign({},a),{[_]:w});r("update:modelValue",k)}},onChange:y=>{r("update:modelValue",y)}}})}))}}}),O7e=lNe,sNe=350,iNe=150,x7e=wt({props:["request","placeholder","canvas","clip"],emits:void 0,setup(e,{attrs:t,emit:n}){const r=D(!1),o=D(),a=D(),l=D(),s=D(0),i=Vn(),u=async()=>{try{r.value=!0,s.value=0,o.value=await e.request()}catch(_){console.error(_),_r.error(_.message)}finally{r.value=!1}},f=T(()=>{var _,y;return Object.assign({width:`${(y=(_=e.canvas)===null||_===void 0?void 0:_.width)!==null&&y!==void 0?y:sNe}px`},t.style)}),v=T(()=>{var _,y;return{height:`${(y=(_=e.canvas)===null||_===void 0?void 0:_.height)!==null&&y!==void 0?y:iNe}px`}}),p=T(()=>{var _,y,S,w,C,k;return{width:!((_=e.clip)===null||_===void 0)&&_.width?`${(y=e.clip)===null||y===void 0?void 0:y.width}px`:void 0,height:!((S=e.clip)===null||S===void 0)&&S.height?`${(w=e.clip)===null||w===void 0?void 0:w.height}px`:void 0,transform:`translate(${s.value}px, ${(k=(C=o.value)===null||C===void 0?void 0:C.y)!==null&&k!==void 0?k:0}px)`}}),h=T(()=>({width:`${s.value}px`})),b=_=>{var y,S,w,C;let k=!0;const $=s.value,O=_.pageX,x=(S=(y=a.value)===null||y===void 0?void 0:y.offsetWidth)!==null&&S!==void 0?S:350,R=(C=(w=l.value)===null||w===void 0?void 0:w.offsetWidth)!==null&&C!==void 0?C:35,V=0,A=x-R,I=z=>{if(!k)return;const Y=z.pageX-O,K=Xl($+Y,V,A);s.value=K},B=z=>{!k||(k=!1,document.removeEventListener("mousemove",I),document.removeEventListener("mouseup",B),document.removeEventListener("mouseleave",B),n("change",{value:s.value,context:o.value}))};document.addEventListener("mousemove",I),document.addEventListener("mouseup",B),document.addEventListener("mouseleave",B)},g=()=>{u()};return bt(()=>{u()}),()=>{var _,y,S,w;return Pt("div",Object.assign({class:Mt("fat-image-verify-code",t.class),style:f.value},Gc([[Yi,r.value]]),{children:[J("main",Object.assign({class:"fat-image-verify-code__bg",style:v.value,ref:a},{children:((_=o.value)===null||_===void 0?void 0:_.backgroundImage)&&J("img",{src:(y=o.value)===null||y===void 0?void 0:y.backgroundImage,alt:"background",draggable:!1})})),((S=o.value)===null||S===void 0?void 0:S.clipImage)&&J("img",{src:o.value.clipImage,alt:"clip",style:p.value,class:"fat-image-verify-code__clip",draggable:!1,onMousedown:b,ref:l}),J(ja,Object.assign({class:"fat-image-verify-code__refresh",onClick:g,title:i("wkc.refresh")},{children:J(H8e,{})})),Pt("footer",Object.assign({class:"fat-image-verify-code__slider"},{children:[Pt("div",Object.assign({class:"fat-image-verify-code__slider-control"},{children:[J("div",{class:"fat-image-verify-code__slider-progress",style:h.value}),J("div",{class:"fat-image-verify-code__slider-bar",onMousedown:b})]})),J("div",Object.assign({class:"fat-image-verify-code__slider-placeholder"},{children:(w=e.placeholder)!==null&&w!==void 0?w:i("wkc.imageVerificationPlaceholder")}))]}))]}))}}});var al;(function(e){e[e.Pending=0]="Pending",e[e.Success=1]="Success",e[e.Failed=2]="Failed"})(al||(al={}));class VT extends Error{}const A7e=wt({name:"FatImport",props:{title:{type:[String,Object]},message:{type:[String,Object],default:null},uploadMessage:{type:[String,Object]},accept:{type:[String,Array],default:()=>[".xls",".xlsx"]},beforeUpload:null,afterUpload:null,limitMessage:{type:String,default:null},limit:{type:Number,default:1},sizeLimit:{type:Number,default:null},modalClassName:null,modalStyle:null,renderTitle:null,renderMessage:null,renderUploadMessage:null},emits:void 0,slots:void 0,setup(e,{emit:t,attrs:n,slots:r}){const o=D(!1),a=D(!1),l=D(al.Pending),s=nd(o),i=Vn(),u=O=>{o.value=O},f=D(),v=D([]),p=D(),h=()=>{l.value=al.Pending,v.value=[],p.value=void 0,a.value=!1,o.value=!0},b=()=>{o.value=!1},g=t5("FatImport",T(()=>e.accept)),_=()=>{var O;if(v.value.length===0){_r.warning(i("wkc.import.selectFile"));return}(O=f.value)===null||O===void 0||O.submit(),a.value=!0},y=(O,x)=>{_r.warning(i("wkc.selectMaxFiles",{limit:e.limit}))},S=async O=>{var x,R;try{if(e.sizeLimit&&O.size>e.sizeLimit)throw new Error((x=e.limitMessage)!==null&&x!==void 0?x:i("wkc.selectFileLessThan",{size:B_(e.sizeLimit)}));if(Array.isArray(e.accept)){const V=O.name;if(!e.accept.some(A=>V.endsWith(A)))throw new Error((R=e.limitMessage)!==null&&R!==void 0?R:i("wkc.selectFileFormat",{format:e.accept.map(A=>A.slice(1)).join("/")}))}if(e.beforeUpload){const V=e.beforeUpload(O);if(g_(V))await V;else if(!V)throw new VT}}catch(V){throw V instanceof VT||_r.warning(V.message),V}},w=O=>O.every(x=>x.status==="success"||x.status==="fail"),C=async(O,x)=>{var R,V;if(v.value=x,x.length&&w(x)){a.value=!1;const A=(R=e.afterUpload)!==null&&R!==void 0?R:async B=>B.every(z=>z.status==="success")?{status:"success"}:{status:"error",message:i("wkc.import.uploadFailed")};let I;try{I=(V=await A(x))!==null&&V!==void 0?V:{status:"success"}}catch(B){I={status:"error",message:B.message}}finally{const B=p.value=I;B.status==="success"?(t("importSuccess",B),l.value=al.Success):(t("importError",B),l.value=al.Failed),t("importComplete",B)}}},k=T(()=>{var O;return l.value===al.Pending?Ut(e,r,"title")?yt(e,r,"title"):(O=e.title)!==null&&O!==void 0?O:i("wkc.import.title"):i("wkc.import.result")}),$=T(()=>l.value===al.Pending?Pt("div",Object.assign({class:"fat-import__footer"},{children:[J(xn,Object.assign({onClick:b},{children:i("wkc.cancel")})),J(xn,Object.assign({type:"primary",onClick:_,loading:a.value},{children:i("wkc.import.submit")}))]})):J("div",Object.assign({class:"fat-import__footer"},{children:J(xn,Object.assign({type:"primary",onClick:b},{children:i("wkc.confirm")}))})));return()=>{var O,x,R,V,A,I,B,z;const{modalClassName:Y,modalStyle:K,limit:M}=e;return Pt("div",Object.assign({class:Mt("fat-import",n.class),style:n.style,onClick:h},{children:[J(_v,Object.assign({appendToBody:!0,modalAppendToBody:!0,width:"480px",closeOnClickModal:!1,closeOnPressEscape:!1,modelValue:o.value,"onUpdate:modelValue":u,class:Mt("fat-import__modal",Y),style:K,"v-slots":{title:k.value,footer:$.value}},{children:!!s.value&&(l.value===al.Pending?Pt("div",Object.assign({class:"fat-import__body"},{children:[J("div",Object.assign({class:"fat-import__message"},{children:Ut(e,r,"message")?yt(e,r,"message"):e.message})),J(Mg,Object.assign({},$n(),{class:"fat-import__upload",autoUpload:!1,multiple:M>1,limit:M,accept:g.value,ref:f,onExceed:y,beforeUpload:S,onChange:C,drag:!0},{children:Pt("div",Object.assign({class:"fat-import__upload-body"},{children:[J(ja,Object.assign({class:"fat-import__upload-icon"},{children:J("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 56 56",width:"1em",height:"1em",fill:"currentColor"},{children:J("path",{d:"M44.198,14.3605 C41.5010517,7.79068847 35.1027025,3.5007701 28.000875,3.5007701 C20.8990475,3.5007701 14.5006983,7.79068847 11.80375,14.3605 C5.88893022,15.7549674 1.71988148,21.0480991 1.74983787,27.125 C1.74983787,34.363 7.637,40.25 14.875,40.25 L19.87825,40.25 C20.8447483,40.25 21.62825,39.4664983 21.62825,38.5 C21.62825,37.5335017 20.8447483,36.75 19.87825,36.75 L14.875,36.75 C9.56165814,36.7442131 5.25578691,32.4383419 5.25,27.125 C5.22629965,22.3809932 8.68085676,18.3352899 13.37,17.6155 L14.41125,17.45275 L14.7525,16.45525 C16.69325,10.79925 22.01675,7 28,7 C33.9818306,6.99831203 39.3038984,10.7973782 41.24575,16.45525 L41.58875,17.45275 L42.63,17.6155 C47.3191432,18.3352899 50.7737004,22.3809932 50.75,27.125 C50.75,32.431 46.431,36.75 41.125,36.75 L35.805,36.75 C34.8385017,36.75 34.055,37.5335017 34.055,38.5 C34.055,39.4664983 34.8385017,40.25 35.805,40.25 L41.125,40.25 C48.363,40.25 54.2501642,34.363 54.2501642,27.125 C54.2803079,21.0486175 50.1121241,15.7556626 44.198,14.3605 Z M35.5355,31.1745 C36.0194162,31.5705736 36.677876,31.6783944 37.2628439,31.4573475 C37.8478118,31.2363005 38.2704173,30.719968 38.371469,30.1028474 C38.4725206,29.4857269 38.2366663,28.8615736 37.75275,28.4655 L29.1095,21.3885 C28.4643773,20.8596104 27.5356227,20.8596104 26.8905,21.3885 L18.193,28.511 C17.6226392,28.9802543 17.4078779,29.7568343 17.6560929,30.4524637 C17.9043079,31.1480931 18.5621661,31.6133043 19.30075,31.6155 C19.704989,31.6160956 20.0967633,31.4756015 20.4085,31.21825 L26.25,26.439 L26.25,45.875 C26.25,46.8414983 27.0335017,47.625 28,47.625 C28.9664983,47.625 29.75,46.8414983 29.75,45.875 L29.75,26.439 L35.5355,31.1745 Z","fill-rule":"nonzero"})}))})),Pt("div",{children:[i("wkc.import.dragAndDropFileOr"),J("a",Object.assign({class:"is-link"},{children:i("wkc.import.clickToUpload")}))]})]}))})),J("div",Object.assign({class:"fat-import__upload-message"},{children:Ut(e,r,"uploadMessage")?yt(e,r,"uploadMessage"):(O=e.uploadMessage)!==null&&O!==void 0?O:i("wkc.import.uploadMessage")}))]})):l.value===al.Success?Pt("div",Object.assign({class:"fat-import__body is-success"},{children:[J(ja,Object.assign({class:"fat-import__icon"},{children:J(F8e,{})})),J("span",{children:(R=(x=p.value)===null||x===void 0?void 0:x.message)!==null&&R!==void 0?R:i("wkc.import.success")})]})):Pt("div",Object.assign({class:"fat-import__body is-error"},{children:[J(ja,Object.assign({class:"fat-import__icon"},{children:J(G8e,{})})),J("span",{children:(A=(V=p.value)===null||V===void 0?void 0:V.message)!==null&&A!==void 0?A:i("wkc.import.failed")}),!!(((I=p.value)===null||I===void 0?void 0:I.status)==="error"&&((B=p.value.details)===null||B===void 0?void 0:B.length))&&Pt("div",Object.assign({class:"fat-import__detail"},{children:[J("header",Object.assign({class:"fat-import__subtitle"},{children:i("wkc.import.errorData")})),Pt(xg,Object.assign({data:p.value.details,size:"small",maxHeight:400},{children:[J(Oc,{label:i("wkc.import.errorLine"),prop:"row"}),J(Oc,{label:i("wkc.import.errorReason"),prop:"reason"})]}))]})),J("div",{})]})))})),(z=r.default)===null||z===void 0?void 0:z.call(r)]}))}}}),Fh=Symbol("FatI18nContent"),j5=Symbol("FatI18nContentCache");let uNe=0;const z5={enable:!0,position:"rightCenter",sourceLanguage:"zh",list:[{icon:"\u{1F1E8}\u{1F1F3}",tag:"zh",name:"\u7B80\u4F53\u4E2D\u6587"},{icon:"\u{1F1FA}\u{1F1F8}",tag:"en",name:"English"}],genUUID:async()=>(console.warn("FatI18nContent: genUUID is not implemented"),`${Math.random()}${Date.now()}${uNe++}`),format:"__i18n__({default},{uuid})",inject:(e,t,n)=>Pt("div",Object.assign({class:"fat-i18n-content-wrapper"},{children:[n(),t()]})),save:async(e,t,n)=>{throw new Error("FatI18nContent: save is not implemented")},get:async e=>{throw new Error("FatI18nContent: get is not implemented")}},wm="{default}",Cm="{uuid}",cNe=Zi(e=>{const t=e.indexOf(wm),n=e.indexOf(Cm);if(t===-1||n===-1)throw new Error("format \u5FC5\u987B\u5305\u542B {default} \u548C {uuid}");const r=t])/g,"\\$1").replace("____default____",l).replace("____uuid____",a);const i=new RegExp("^"+s+"$","m");return{format:s,regexp:i,match:f=>{var v;if(!f)return{default:f};const p=i.exec(f);return p==null?{default:f}:{default:p[r],uuid:(v=p[o])===null||v===void 0?void 0:v.trim()}}}}),dNe=Zi(e=>{const t=e.indexOf(wm),n=e.indexOf(Cm);if(t===-1||n===-1)throw new Error("format \u5FC5\u987B\u5305\u542B {default} \u548C {uuid}");return o=>o.uuid==null?o.default:e.replace(wm,o.default).replace(Cm,o.uuid)});function fNe(e,t,n){if(typeof n=="function")return n(e);if(t==null)throw new Error("format \u4E0D\u80FD\u4E3A\u7A7A");return cNe(t).match(e)}function jT(e,t,n){if(typeof n=="function")return n(e);if(t==null)throw new Error("format \u4E0D\u80FD\u4E3A\u7A7A");return e.uuid==null?e.default:dNe(t)(e)}function zT(e){return typeof e=="function"?e:()=>Promise.resolve(e)}function vNe(e,t=!1,n=!0){let r=new Map;const o=Ge(Fh,{}),a=Object.assign(Object.assign({},o),e);if(t){const l=async(s,i,u)=>{if(!r.has(s))r.set(s,{changed:i.slice(0),all:u});else{const f=r.get(s);for(const v of i){const p=f.changed.findIndex(h=>h.code===v.code);p===-1?f.changed.push(v):f.changed[p]=v}f.all=u}};if($t(Fh,Object.assign(Object.assign({},a),{save:l})),n){const s=new Map;$t(j5,{save(i,u,f){s.has(i)?s.get(i).set(u,f):s.set(i,new Map([[u,f]]))},get(i,u){var f;return(f=s.get(i))===null||f===void 0?void 0:f.get(u)},localPromiseCache:new Map})}}else $t(Fh,a);return{async flush(){if(!t)throw new Error("You must enable batchSave when you call flush");if(!r.size)return;const l=r;r=new Map;const s=[];for(const[i,u]of l)s.push((async()=>{var f;await((f=a.save)!==null&&f!==void 0?f:z5.save)(i,u.changed,u.all)})());await Promise.all(s)}}}const I7e=vNe;function H5(e,t){var n;return Z({name:`FatI18nContent<${(n=e.name)!==null&&n!==void 0?n:"unknown"}>`,props:{value:String,modelValue:String,i18nContentOptions:null},setup(r,{emit:o}){var a,l;const s=Ge(j5,null),i=(a=s==null?void 0:s.localPromiseCache)!==null&&a!==void 0?a:new Map,u=Ge(Fh,{}),f=Object.assign(Object.assign(Object.assign(Object.assign({},z5),u),t),r.i18nContentOptions),v=zb("fat-i18n-source-language",zT(f.sourceLanguage)),p=zb("fat-i18n-languages",zT(f.list)),h=T(()=>{const M=r.modelValue;return fNe(M!=null?M:"",f.format,f.parse)}),b=T(()=>h.value.uuid),g=D(b.value?s==null?void 0:s.get(b.value,"currentLanguage"):void 0),_=M=>{g.value=M,b.value&&(s==null||s.save(b.value,"currentLanguage",M))},y=zb(T(()=>h.value.uuid),M=>f.get(M),i),S=nn(b.value?(l=s==null?void 0:s.get(b.value,"localPack"))!==null&&l!==void 0?l:{}:{}),w=(M,j)=>{Jr(S,M,j),b.value&&(s==null||s.save(b.value,"localPack",S))};let C=!1,k=!1;const $=D(),O=T(()=>v.loading.value||p.loading.value||y.loading.value),x=T(()=>v.error.value||p.error.value||y.error.value||$.value),R=T(()=>{var M,j;const{default:N}=c(h),U=g.value;if(U==null||U===v.result.value)return N;if(S[U]!=null)return S[U];const W=(M=y.result.value)===null||M===void 0?void 0:M.find(G=>G.code===U);return(j=W==null?void 0:W.content)!==null&&j!==void 0?j:""}),V=M=>{o("update:modelValue",M)},A=async()=>{try{C=!0;const M=await f.genUUID();i.set(M,{result:[]});const j=jT({default:h.value.default,uuid:M},f.format,f.serialize);V(j)}catch(M){throw console.error("\u751F\u6210 UUID \u5931\u8D25",M),$.value=M,M}finally{C=!1}},I=M=>{!M||_(M)},B=M=>{if(!f.enable){V(M);return}M=M!=null?M:"";const j=g.value;if(j==null||j===v.result.value){const N=jT({default:M,uuid:h.value.uuid},f.format,f.serialize);V(N)}else w(j,M),h.value.uuid==null&&M&&!C&&A()},z=async()=>{var M;const j=(M=y.result.value)!==null&&M!==void 0?M:Hn,U=Object.keys(S).map(W=>({code:W,content:S[W]})).filter(W=>{const G=j.find(ae=>ae.code===W.code);return G==null?!!W.content:W.content!==G.content});if(!!U.length){if(!h.value.uuid)throw new Error("uuid \u4E0D\u5B58\u5728");try{const W=j.slice();for(const G of U){const ae=W.findIndex(me=>me.code===G.code);ae!==-1?W[ae]=G:W.push(G)}await f.save(h.value.uuid,U,W),y.result.value=W}catch(W){console.error("\u8BED\u8A00\u5305\u4FDD\u5B58\u5931\u8D25:",W)}}},Y=(...M)=>{o("focus",...M),k=!0},K=(...M)=>{o("blur",...M),k=!1,!(C||y.loading.value)&&z()};return be(v.result,M=>{M&&g.value==null&&_(M)},{immediate:!0}),be(y.result,()=>{k||z()}),be(x,M=>{console.error(M)}),()=>{if(!f.enable)return J(e,Object.assign({},$n(!1),{modelValue:R.value,["onUpdate:modelValue"]:B}));const M=$n(!1);return f.inject(M,j=>{var N;const U=g.value&&g.value!==v.result.value;return J(n2,Object.assign({},j,{onCommand:I,class:Mt("fat-i18n-content__dropdown",f.position,f.badgeClass,j==null?void 0:j.class),style:Rr(f.badgeStyle,j==null?void 0:j.style),"v-slots":Object.assign(Object.assign({},j==null?void 0:j["v-slots"]),{dropdown:x.value?J(lm,{children:J(am,Object.assign({command:""},{children:J("div",Object.assign({class:"fat-i18n-content__error"},{children:x.value.message}))}))}):J(lm,{children:(N=p.result.value)===null||N===void 0?void 0:N.map(W=>{const G=g.value===W.tag;return Pt(am,Object.assign({command:W.tag,class:Mt("fat-i18n-content__menu-item",{active:G})},{children:[!!W.icon&&J("span",Object.assign({style:{marginRight:"5px"}},{children:W.icon})),W.name,G]}))})})})},{children:Pt("div",Object.assign({class:Mt("fat-i18n-content__badge",{loading:O.value,error:x.value,active:U})},{children:[J(ja,Object.assign({loading:O.value},{children:O.value?J(V8e,{}):x.value?J(D8e,{}):J(U8e,{})})),U&&J("div",Object.assign({class:"fat-i18n-content__lang"},{children:g.value}))]}))}))},j=>{const N=typeof f.targetProps=="function"?f.targetProps(M):f.targetProps,U=Object.assign(Object.assign(Object.assign(Object.assign({},M),N),j),{class:Mt(M.class,N==null?void 0:N.class,j==null?void 0:j.class),style:Rr(M.style,N==null?void 0:N.style,j==null?void 0:j.style),"v-slots":Object.assign(Object.assign(Object.assign({},M["v-slots"]),N==null?void 0:N["v-slots"]),j==null?void 0:j["v-slots"]),modelValue:R.value,["onUpdate:modelValue"]:B,onFocus:Y,onBlur:K});return J(e,Object.assign({disabled:O.value},U))})}}})}const M7e=H5(vr,{inject(e,t,n){return n({"v-slots":{suffix:t()}})}}),N7e=H5(vr,{position:"rightBottom",targetProps:{type:"textarea"},inject:(e,t,n)=>Pt("div",Object.assign({class:"fat-i18n-content-wrapper"},{children:[n(),t(e.showWordLimit&&e.maxlength?{style:{bottom:"20px"}}:void 0)]}))}),zt=(e,t)=>{const n=e.__vccOpts||e;for(const[r,o]of t)n[r]=o;return n},pNe="modulepreload",hNe=function(e){return"/components/"+e},HT={},mNe=function(t,n,r){if(!n||n.length===0)return t();const o=document.getElementsByTagName("link");return Promise.all(n.map(a=>{if(a=hNe(a),a in HT)return;HT[a]=!0;const l=a.endsWith(".css"),s=l?'[rel="stylesheet"]':"";if(!!r)for(let f=o.length-1;f>=0;f--){const v=o[f];if(v.href===a&&(!l||v.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${a}"]${s}`))return;const u=document.createElement("link");if(u.rel=l?"stylesheet":pNe,l||(u.as="script",u.crossOrigin=""),u.href=a,document.head.appendChild(u),l)return new Promise((f,v)=>{u.addEventListener("load",f),u.addEventListener("error",()=>v(new Error(`Unable to preload CSS for ${a}`)))})})).then(()=>t())};const gNe=JSON.parse('{"lang":"en-US","title":"@wakeadmin/components","description":"\u60DF\u5BA2\u4E91\u7EC4\u4EF6\u5E93","base":"/components/","head":[],"appearance":true,"themeConfig":{"nav":[{"text":"\u7EC4\u4EF6\u6587\u6863","link":"/base/install"},{"text":"\u53D8\u66F4\u8BB0\u5F55","link":"/base/change-log"},{"text":"\u4E3B\u7AD9","link":"https://wakeadmin.wakedata.com"}],"sidebar":{"/":[{"text":"\u5F00\u59CB","items":[{"text":"\u5B89\u88C5","link":"/base/install"},{"text":"Typescript / JSX","link":"/base/typescript"},{"text":"\u57FA\u672C\u6982\u5FF5","link":"/base/concepts"}]},{"text":"FatTable \u8868\u683C","items":[{"text":"\u{1F3C3}\u{1F3FB}\u200D\u2640\uFE0F FatTable","link":"/fat-table/"},{"text":"\u{1F3C3}\u{1F3FB}\u200D\u2640\uFE0F defineFatTable","link":"/fat-table/define"},{"text":"\u{1F64B} FAQ","link":"/fat-table/faq"}]},{"text":"FatTable \u9884\u5B9A\u4E49\u573A\u666F","items":[{"text":"FatTableModal(alpha)","link":"/fat-table-layout/modal"},{"text":"FatTableDrawer(alpha)","link":"/fat-table-layout/drawer"},{"text":"FatTableSelect(alpha)","link":"/fat-table-layout/table-select"},{"text":"FatTableSelectModal(alpha)","link":"/fat-table-layout/table-select-modal"}]},{"text":"FatForm \u8868\u5355","items":[{"text":"FatForm \u8868\u5355","link":"/fat-form/"},{"text":"\u{1F3C3}\u{1F3FB}\u200D\u2640\uFE0F defineFatForm \u5B9A\u4E49\u5668","link":"/fat-form/define"},{"text":"FatFormItem \u8868\u5355\u9879","link":"/fat-form/item"},{"text":"FatFormGroup \u8868\u5355\u7EC4","link":"/fat-form/group"},{"text":"FatFormSection \u8868\u5355\u5206\u7C7B","link":"/fat-form/section"},{"text":"FatFormConsumer \u8868\u5355\u5185\u7701","link":"/fat-form/consumer"}]},{"text":"FatForm \u9884\u5B9A\u4E49\u573A\u666F","items":[{"text":"FatFormModal \u6A21\u6001\u6846","link":"/fat-form-layout/modal"},{"text":"FatFormDrawer \u62BD\u5C49","link":"/fat-form-layout/drawer"},{"text":"FatFormPage \u9875\u9762","link":"/fat-form-layout/page"},{"text":"FatFormQuery \u67E5\u8BE2","link":"/fat-form-layout/query"},{"text":"FatFormSteps \u5206\u6B65 (beta)","link":"/fat-form-layout/steps"},{"text":"FatFormTabs \u6807\u7B7E\u9875 (beta)","link":"/fat-form-layout/tabs"},{"text":"FatFormTable \u8868\u683C\u6570\u7EC4 (beta)","link":"/fat-form-layout/table"}]},{"text":"FatDragDrop \u62D6\u62FD(alpha)","items":[{"text":"\u57FA\u672C\u4F7F\u7528","link":"/fat-drag-drop/"},{"text":"\u9AD8\u7EA7","link":"/fat-drag-drop/advanced"}]},{"text":"FatConfigurable \u5168\u5C40\u914D\u7F6E","items":[{"text":"FatConfigurable","link":"/fat-configurable/"}]},{"text":"FatLayout \u5E03\u5C40","items":[{"text":"FatCard \u5361\u7247","link":"/fat-layout/card"},{"text":"FatContainer \u5BB9\u5668","link":"/fat-layout/container"},{"text":"FatFloatFooter \u6D6E\u52A8\u5C3E\u90E8","link":"/fat-layout/float-footer"}]},{"text":"Atomic \u539F\u4EF6","items":[{"text":"\u5185\u7F6E\u539F\u4EF6","link":"/atomics/"},{"text":"\u81EA\u5B9A\u4E49\u539F\u4EF6","link":"/atomics/custom"},{"text":"\u{1F64B} FAQ","link":"/atomics/faq"}]},{"text":"Other \u5176\u4ED6","items":[{"text":"FatSpace \u95F4\u8DDD","link":"/other/space"},{"text":"FatIcon \u56FE\u6807","link":"/other/icon"},{"text":"FatSwitch \u5F00\u5173","link":"/other/switch"},{"text":"FatTreeSelect \u6811\u9009\u62E9\u5668","link":"/other/tree-select"},{"text":"FatLogicTree \u903B\u8F91\u6811 (alpha)","link":"/other/logic-tree"},{"text":"FatImageVerification \u56FE\u7247\u9A8C\u8BC1\u7801 (alpha)","link":"/other/image-verification"},{"text":"FatImport \u5BFC\u5165\u6A21\u5757\u6846 (alpha)","link":"/other/fat-import"},{"text":"FatI18nContent \u5185\u5BB9\u591A\u8BED\u8A00 (alpha)","link":"/other/fat-i18n-content"},{"text":"FatVNode VNode\u6E32\u67D3","link":"/other/vnode"},{"text":"FatText/FatLink \u6587\u672C","link":"/other/text"},{"text":"I18n \u56FD\u9645\u5316 (alpha)","link":"/other/i18n"}]}]},"socialLinks":[{"icon":"github","link":"https://github.com/wakeadmin/components"},{"icon":{"svg":"codesandbox"},"link":"https://codesandbox.io/p/sandbox/wakeadmin-components-fc4x8x","ariaLabel":"codesandbox"}]},"locales":{},"langs":{},"scrollOffset":90,"cleanUrls":"disabled"}'),zg=/^[a-z]+:/i,KT="vitepress-theme-appearance",$o=typeof window<"u",K5={relativePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0};function bNe(e,t){t.sort((n,r)=>{const o=r.split("/").length-n.split("/").length;return o!==0?o:r.length-n.length});for(const n of t)if(e.startsWith(n))return n}function WT(e,t){const n=bNe(t,Object.keys(e));return n?e[n]:void 0}function yNe(e){const{locales:t}=e.themeConfig||{},n=e.locales;return t&&n?Object.keys(t).reduce((r,o)=>(r[o]={label:t[o].label,lang:n[o].lang},r),{}):{}}function _Ne(e,t){t=CNe(e,t);const n=WT(e.locales||{},t),r=WT(e.themeConfig.locales||{},t);return Object.assign({},e,n,{themeConfig:Object.assign({},e.themeConfig,r,{locales:{}}),lang:(n||e).lang,locales:{},langs:yNe(e)})}function W5(e,t){var a;const n=t.title||e.title,r=(a=t.titleTemplate)!=null?a:e.titleTemplate;if(typeof r=="string"&&r.includes(":title"))return r.replace(/:title/g,n);const o=wNe(e.title,r);return`${n}${o}`}function wNe(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function CNe(e,t){if(!$o)return t;const n=e.base,r=n.endsWith("/")?n.slice(0,-1):n;return t.slice(r.length)}function SNe(e,t){const[n,r]=t;if(n!=="meta")return!1;const o=Object.entries(r)[0];return o==null?!1:e.some(([a,l])=>a===n&&l[o[0]]===o[1])}function kNe(e,t){return[...e.filter(n=>!SNe(t,n)),...t]}function $Ne(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function Yf(e){return zg.test(e)?e:$Ne(Mc.value.base,e)}function U5(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t.endsWith("/")&&(t+="index"),$o){const n="/components/";t=(t.slice(n.length).replace(/\//g,"_")||"index")+".md";const r=__VP_HASH_MAP__[t.toLowerCase()];t=`${n}assets/${t}.${r}.js`}else t=`./${t.slice(1).replace(/\//g,"_")}.md.js`;return t}const q5=Symbol(),Mc=En(gNe);function ENe(e){const t=T(()=>_Ne(Mc.value,e.path));return{site:t,theme:T(()=>t.value.themeConfig),page:T(()=>e.data),frontmatter:T(()=>e.data.frontmatter),lang:T(()=>t.value.lang),localePath:T(()=>{const{langs:n,lang:r}=t.value,o=Object.keys(n).find(a=>n[a].lang===r);return Yf(o||"/")}),title:T(()=>W5(t.value,e.data)),description:T(()=>e.data.description||t.value.description)}}function In(){const e=Ge(q5);if(!e)throw new Error("vitepress data not properly injected in app");return e}const G5=Symbol(),UT="http://a.com",TNe=()=>({path:"/",component:null,data:K5});function PNe(e,t){const n=nn(TNe()),r={route:n,go:o};async function o(s=$o?location.href:"/"){var u,f;await((u=r.onBeforeRouteChange)==null?void 0:u.call(r,s));const i=new URL(s,UT);Mc.value.cleanUrls==="disabled"&&!i.pathname.endsWith("/")&&!i.pathname.endsWith(".html")&&(i.pathname+=".html",s=i.pathname+i.search+i.hash),$o&&(history.replaceState({scrollPosition:window.scrollY},document.title),history.pushState(null,"",s)),await l(s),await((f=r.onAfterRouteChanged)==null?void 0:f.call(r,s))}let a=null;async function l(s,i=0,u=!1){const f=new URL(s,UT),v=a=f.pathname;try{let p=await e(v);if(a===v){a=null;const{default:h,__pageData:b}=p;if(!h)throw new Error(`Invalid route component: ${h}`);n.path=$o?v:Yf(v),n.component=Da(h),n.data=Da(b),$o&&tt(()=>{if(f.hash&&!i){let g=null;try{g=document.querySelector(decodeURIComponent(f.hash))}catch(_){console.warn(_)}if(g){qT(g,f.hash);return}}window.scrollTo(0,i)})}}catch(p){if(!/fetch/.test(p.message)&&!/^\/404(\.html|\/)?$/.test(s)&&console.error(p),!u)try{const h=await fetch(Mc.value.base+"hashmap.json");window.__VP_HASH_MAP__=await h.json(),await l(s,i,!0);return}catch{}a===v&&(a=null,n.path=$o?v:Yf(v),n.component=t?Da(t):null,n.data=K5)}}return $o&&(window.addEventListener("click",s=>{if(s.target.closest("button"))return;const u=s.target.closest("a");if(u&&!u.closest(".vp-raw")){const{href:f,origin:v,pathname:p,hash:h,search:b,target:g}=u,_=window.location,y=p.match(/\.\w+$/);!s.ctrlKey&&!s.shiftKey&&!s.altKey&&!s.metaKey&&g!=="_blank"&&v===_.origin&&!(y&&y[0]!==".html")&&(s.preventDefault(),p===_.pathname&&b===_.search?h&&h!==_.hash&&(history.pushState(null,"",h),window.dispatchEvent(new Event("hashchange")),qT(u,h,u.classList.contains("header-anchor"))):o(f))}},{capture:!0}),window.addEventListener("popstate",s=>{l(location.href,s.state&&s.state.scrollPosition||0)}),window.addEventListener("hashchange",s=>{s.preventDefault()})),r}function ONe(){const e=Ge(G5);if(!e)throw new Error("useRouter() is called without provider.");return e}function ni(){return ONe().route}function qT(e,t,n=!1){let r=null;try{r=e.classList.contains("header-anchor")?e:document.querySelector(decodeURIComponent(t))}catch(o){console.warn(o)}if(r){let o=Mc.value.scrollOffset;typeof o=="string"&&(o=document.querySelector(o).getBoundingClientRect().bottom+24);const a=parseInt(window.getComputedStyle(r).paddingTop,10),l=window.scrollY+r.getBoundingClientRect().top-o+a;!n||Math.abs(l-window.scrollY)>window.innerHeight?window.scrollTo(0,l):window.scrollTo({left:0,top:l,behavior:"smooth"})}}const xNe=Z({name:"VitePressContent",props:{onContentUpdated:Function},setup(e){const t=ni();return Sa(()=>{var n;(n=e.onContentUpdated)==null||n.call(e)}),()=>st("div",{style:{position:"relative"}},[t.component?st(t.component):null])}}),Y5=/#.*$/,ANe=/(index)?\.(md|html)$/,INe=typeof window<"u",MNe=D(INe?location.hash:"");function NNe(e){return zg.test(e)}function RNe(e,t){let n,r=!1;return()=>{n&&clearTimeout(n),r?n=setTimeout(e,t):(e(),r=!0,setTimeout(()=>{r=!1},t))}}function ad(e,t,n=!1){if(t===void 0)return!1;if(e=YT(`/${e}`),n)return new RegExp(t).test(e);if(YT(t)!==e)return!1;const r=t.match(Y5);return r?MNe.value===r[0]:!0}function GT(e){return/^\//.test(e)?e:`/${e}`}function YT(e){return decodeURI(e).replace(Y5,"").replace(ANe,"")}function Sm(e){if(NNe(e))return e;const{site:t}=In(),{pathname:n,search:r,hash:o}=new URL(e,"http://example.com"),a=n.endsWith("/")||n.endsWith(".html")?e:`${n.replace(/(\.md)?$/,t.value.cleanUrls==="disabled"?".html":"")}${r}${o}`;return Yf(a)}function X5(e,t){if(Array.isArray(e))return e;t=GT(t);for(const n in e)if(t.startsWith(GT(n)))return e[n];return[]}function FNe(e){const t=[];function n(r){for(const o of r)o.link&&t.push({...o,link:o.link}),"items"in o&&n(o.items)}for(const r of e)n(r.items);return t}function kl(){const e=ni(),{theme:t,frontmatter:n}=In(),r=D(!1),o=T(()=>{const f=t.value.sidebar,v=e.data.relativePath;return f?X5(f,v):[]}),a=T(()=>n.value.sidebar!==!1&&o.value.length>0&&n.value.layout!=="home"),l=T(()=>n.value.layout!=="home"&&n.value.aside!==!1);function s(){r.value=!0}function i(){r.value=!1}function u(){r.value?i():s()}return{isOpen:r,sidebar:o,hasSidebar:a,hasAside:l,open:s,close:i,toggle:u}}function LNe(e,t){let n;ir(()=>{n=e.value?document.activeElement:void 0}),bt(()=>{window.addEventListener("keyup",r)}),Br(()=>{window.removeEventListener("keyup",r)});function r(o){o.key==="Escape"&&e.value&&(t(),n==null||n.focus())}}const DNe=Z({__name:"VPSkipLink",setup(e){const t=ni(),n=D();be(()=>t.path,()=>n.value.focus());function r({target:o}){const a=document.querySelector(o.hash);if(a){const l=()=>{a.removeAttribute("tabindex"),a.removeEventListener("blur",l)};a.setAttribute("tabindex","-1"),a.addEventListener("blur",l),a.focus(),window.scrollTo(0,0)}}return(o,a)=>(P(),H(Ue,null,[q("span",{ref_key:"backToTop",ref:n,tabindex:"-1"},null,512),q("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:r}," Skip to content ")],64))}});const BNe=zt(DNe,[["__scopeId","data-v-08e5403a"]]),VNe={key:0,class:"VPBackdrop"},jNe=Z({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(e){return(t,n)=>(P(),ue(tr,{name:"fade"},{default:re(()=>[t.show?(P(),H("div",VNe)):se("",!0)]),_:1}))}});const zNe=zt(jNe,[["__scopeId","data-v-828547e0"]]);function HNe(){const e=D(!1);function t(){e.value=!0,window.addEventListener("resize",o)}function n(){e.value=!1,window.removeEventListener("resize",o)}function r(){e.value?n():t()}function o(){window.outerWidth>=768&&n()}const a=ni();return be(()=>a.path,n),{isScreenOpen:e,openScreen:t,closeScreen:n,toggleScreen:r}}const KNe=["src","alt"],WNe={inheritAttrs:!1},UNe=Z({...WNe,__name:"VPImage",props:{image:{}},setup(e){return(t,n)=>{const r=Ct("VPImage",!0);return t.image?(P(),H(Ue,{key:0},[typeof t.image=="string"||"src"in t.image?(P(),H("img",Ft({key:0,class:"VPImage"},typeof t.image=="string"?t.$attrs:{...t.image,...t.$attrs},{src:c(Yf)(typeof t.image=="string"?t.image:t.image.src),alt:typeof t.image=="string"?"":t.image.alt||""}),null,16,KNe)):(P(),H(Ue,{key:1},[Q(r,Ft({class:"dark",image:t.image.dark},t.$attrs),null,16,["image"]),Q(r,Ft({class:"light",image:t.image.light},t.$attrs),null,16,["image"])],64))],64)):se("",!0)}}});const Z5=zt(UNe,[["__scopeId","data-v-85168279"]]),qNe=["href"],GNe=Z({__name:"VPNavBarTitle",setup(e){const{site:t,theme:n}=In(),{hasSidebar:r}=kl();return(o,a)=>(P(),H("div",{class:F(["VPNavBarTitle",{"has-sidebar":c(r)}])},[q("a",{class:"title",href:c(t).base},[de(o.$slots,"nav-bar-title-before",{},void 0,!0),Q(Z5,{class:"logo",image:c(n).logo},null,8,["image"]),c(n).siteTitle?(P(),H(Ue,{key:0},[Ht(Ae(c(n).siteTitle),1)],64)):c(n).siteTitle===void 0?(P(),H(Ue,{key:1},[Ht(Ae(c(t).title),1)],64)):se("",!0),de(o.$slots,"nav-bar-title-after",{},void 0,!0)],8,qNe)],2))}});const YNe=zt(GNe,[["__scopeId","data-v-4edc579a"]]);const XNe={key:0,class:"VPNavBarSearch"},ZNe={type:"button",class:"DocSearch DocSearch-Button","aria-label":"Search"},QNe={class:"DocSearch-Button-Container"},JNe=q("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},[q("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),eRe={class:"DocSearch-Button-Placeholder"},tRe=q("span",{class:"DocSearch-Button-Keys"},[q("kbd",{class:"DocSearch-Button-Key"}),q("kbd",{class:"DocSearch-Button-Key"},"K")],-1),nRe=Z({__name:"VPNavBarSearch",setup(e){Dj(l=>({"69616e1a":o.value}));const t=()=>null,{theme:n}=In(),r=D(!1),o=D("'Meta'");bt(()=>{if(!n.value.algolia)return;o.value=/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?"'\u2318'":"'Ctrl'";const l=i=>{i.key==="k"&&(i.ctrlKey||i.metaKey)&&(i.preventDefault(),a(),s())},s=()=>{window.removeEventListener("keydown",l)};window.addEventListener("keydown",l),Br(s)});function a(){r.value||(r.value=!0)}return(l,s)=>{var i;return c(n).algolia?(P(),H("div",XNe,[r.value?(P(),ue(c(t),{key:0})):(P(),H("div",{key:1,id:"docsearch",onClick:a},[q("button",ZNe,[q("span",QNe,[JNe,q("span",eRe,Ae(((i=c(n).algolia)==null?void 0:i.buttonText)||"Search"),1)]),tRe])]))])):se("",!0)}}});const rRe={},oRe={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",height:"24px",viewBox:"0 0 24 24",width:"24px"},aRe=q("path",{d:"M0 0h24v24H0V0z",fill:"none"},null,-1),lRe=q("path",{d:"M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"},null,-1),sRe=[aRe,lRe];function iRe(e,t){return P(),H("svg",oRe,sRe)}const uRe=zt(rRe,[["render",iRe]]),cRe=Z({__name:"VPLink",props:{href:{},noIcon:{type:Boolean}},setup(e){const t=e,n=T(()=>t.href&&zg.test(t.href));return(r,o)=>(P(),ue(jt(r.href?"a":"span"),{class:F(["VPLink",{link:r.href}]),href:r.href?c(Sm)(r.href):void 0,target:n.value?"_blank":void 0,rel:n.value?"noreferrer":void 0},{default:re(()=>[de(r.$slots,"default",{},void 0,!0),n.value&&!r.noIcon?(P(),ue(uRe,{key:0,class:"icon"})):se("",!0)]),_:3},8,["class","href","target","rel"]))}});const ld=zt(cRe,[["__scopeId","data-v-44fbbeb3"]]),dRe=Z({__name:"VPNavBarMenuLink",props:{item:{}},setup(e){const{page:t}=In();return(n,r)=>(P(),ue(ld,{class:F({VPNavBarMenuLink:!0,active:c(ad)(c(t).relativePath,n.item.activeMatch||n.item.link,!!n.item.activeMatch)}),href:n.item.link,noIcon:!0},{default:re(()=>[Ht(Ae(n.item.text),1)]),_:1},8,["class","href"]))}});const fRe=zt(dRe,[["__scopeId","data-v-4a019ea1"]]),q2=D();let Q5=!1,ny=0;function vRe(e){const t=D(!1);if(typeof window<"u"){!Q5&&pRe(),ny++;const n=be(q2,r=>{var o,a,l;r===e.el.value||((o=e.el.value)==null?void 0:o.contains(r))?(t.value=!0,(a=e.onFocus)==null||a.call(e)):(t.value=!1,(l=e.onBlur)==null||l.call(e))});Br(()=>{n(),ny--,ny||hRe()})}return Ys(t)}function pRe(){document.addEventListener("focusin",J5),Q5=!0,q2.value=document.activeElement}function hRe(){document.removeEventListener("focusin",J5)}function J5(){q2.value=document.activeElement}const mRe={},gRe={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},bRe=q("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),yRe=[bRe];function _Re(e,t){return P(),H("svg",gRe,yRe)}const eN=zt(mRe,[["render",_Re]]),wRe={},CRe={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},SRe=q("circle",{cx:"12",cy:"12",r:"2"},null,-1),kRe=q("circle",{cx:"19",cy:"12",r:"2"},null,-1),$Re=q("circle",{cx:"5",cy:"12",r:"2"},null,-1),ERe=[SRe,kRe,$Re];function TRe(e,t){return P(),H("svg",CRe,ERe)}const PRe=zt(wRe,[["render",TRe]]),ORe={class:"VPMenuLink"},xRe=Z({__name:"VPMenuLink",props:{item:{}},setup(e){const{page:t}=In();return(n,r)=>(P(),H("div",ORe,[Q(ld,{class:F({active:c(ad)(c(t).relativePath,n.item.activeMatch||n.item.link)}),href:n.item.link},{default:re(()=>[Ht(Ae(n.item.text),1)]),_:1},8,["class","href"])]))}});const Hg=zt(xRe,[["__scopeId","data-v-28f4a18f"]]),ARe={class:"VPMenuGroup"},IRe={key:0,class:"title"},MRe=Z({__name:"VPMenuGroup",props:{text:{},items:{}},setup(e){return(t,n)=>(P(),H("div",ARe,[t.text?(P(),H("p",IRe,Ae(t.text),1)):se("",!0),(P(!0),H(Ue,null,xt(t.items,r=>(P(),H(Ue,null,["link"in r?(P(),ue(Hg,{key:0,item:r},null,8,["item"])):se("",!0)],64))),256))]))}});const NRe=zt(MRe,[["__scopeId","data-v-61d92e90"]]),RRe={class:"VPMenu"},FRe={key:0,class:"items"},LRe=Z({__name:"VPMenu",props:{items:{}},setup(e){return(t,n)=>(P(),H("div",RRe,[t.items?(P(),H("div",FRe,[(P(!0),H(Ue,null,xt(t.items,r=>(P(),H(Ue,{key:r.text},["link"in r?(P(),ue(Hg,{key:0,item:r},null,8,["item"])):(P(),ue(NRe,{key:1,text:r.text,items:r.items},null,8,["text","items"]))],64))),128))])):se("",!0),de(t.$slots,"default",{},void 0,!0)]))}});const DRe=zt(LRe,[["__scopeId","data-v-d2a6fc5d"]]),BRe=["aria-expanded","aria-label"],VRe={key:0,class:"text"},jRe={class:"menu"},zRe=Z({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(e){const t=D(!1),n=D();vRe({el:n,onBlur:r});function r(){t.value=!1}return(o,a)=>(P(),H("div",{class:"VPFlyout",ref_key:"el",ref:n,onMouseenter:a[1]||(a[1]=l=>t.value=!0),onMouseleave:a[2]||(a[2]=l=>t.value=!1)},[q("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":t.value,"aria-label":o.label,onClick:a[0]||(a[0]=l=>t.value=!t.value)},[o.button||o.icon?(P(),H("span",VRe,[o.icon?(P(),ue(jt(o.icon),{key:0,class:"option-icon"})):se("",!0),Ht(" "+Ae(o.button)+" ",1),Q(eN,{class:"text-icon"})])):(P(),ue(PRe,{key:1,class:"icon"}))],8,BRe),q("div",jRe,[Q(DRe,{items:o.items},{default:re(()=>[de(o.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}});const G2=zt(zRe,[["__scopeId","data-v-a9ae251a"]]),HRe=Z({__name:"VPNavBarMenuGroup",props:{item:{}},setup(e){const{page:t}=In();return(n,r)=>(P(),ue(G2,{class:F({VPNavBarMenuGroup:!0,active:c(ad)(c(t).relativePath,n.item.activeMatch,!!n.item.activeMatch)}),button:n.item.text,items:n.item.items},null,8,["class","button","items"]))}}),KRe=e=>(Wa("data-v-6262f4ab"),e=e(),Ua(),e),WRe={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},URe=KRe(()=>q("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),qRe=Z({__name:"VPNavBarMenu",setup(e){const{theme:t}=In();return(n,r)=>c(t).nav?(P(),H("nav",WRe,[URe,(P(!0),H(Ue,null,xt(c(t).nav,o=>(P(),H(Ue,{key:o.text},["link"in o?(P(),ue(fRe,{key:0,item:o},null,8,["item"])):(P(),ue(HRe,{key:1,item:o},null,8,["item"]))],64))),128))])):se("",!0)}});const GRe=zt(qRe,[["__scopeId","data-v-6262f4ab"]]),YRe={},XRe={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},ZRe=q("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),QRe=q("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),JRe=[ZRe,QRe];function eFe(e,t){return P(),H("svg",XRe,JRe)}const tN=zt(YRe,[["render",eFe]]),tFe={class:"items"},nFe={class:"title"},rFe=Z({__name:"VPNavBarTranslations",setup(e){const{theme:t}=In();return(n,r)=>c(t).localeLinks?(P(),ue(G2,{key:0,class:"VPNavBarTranslations",icon:tN},{default:re(()=>[q("div",tFe,[q("p",nFe,Ae(c(t).localeLinks.text),1),(P(!0),H(Ue,null,xt(c(t).localeLinks.items,o=>(P(),ue(Hg,{key:o.link,item:o},null,8,["item"]))),128))])]),_:1})):se("",!0)}});const oFe=zt(rFe,[["__scopeId","data-v-5641172f"]]);const aFe={},lFe={class:"VPSwitch",type:"button",role:"switch"},sFe={class:"check"},iFe={key:0,class:"icon"};function uFe(e,t){return P(),H("button",lFe,[q("span",sFe,[e.$slots.default?(P(),H("span",iFe,[de(e.$slots,"default",{},void 0,!0)])):se("",!0)])])}const cFe=zt(aFe,[["render",uFe],["__scopeId","data-v-7e7f5ac7"]]),dFe={},fFe={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},vFe=cj('',9),pFe=[vFe];function hFe(e,t){return P(),H("svg",fFe,pFe)}const mFe=zt(dFe,[["render",hFe]]),gFe={},bFe={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},yFe=q("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),_Fe=[yFe];function wFe(e,t){return P(),H("svg",bFe,_Fe)}const CFe=zt(gFe,[["render",wFe]]),SFe=Z({__name:"VPSwitchAppearance",setup(e){const t=D(!1),n=typeof localStorage<"u"?r():()=>{};bt(()=>{t.value=document.documentElement.classList.contains("dark")});function r(){const o=window.matchMedia("(prefers-color-scheme: dark)"),a=document.documentElement.classList;let l=localStorage.getItem(KT)||"auto",s=l==="auto"?o.matches:l==="dark";o.onchange=f=>{l==="auto"&&u(s=f.matches)};function i(){u(s=!s),l=s?o.matches?"auto":"dark":o.matches?"light":"auto",localStorage.setItem(KT,l)}function u(f){t.value=f,a[f?"add":"remove"]("dark")}return i}return(o,a)=>(P(),ue(cFe,{class:"VPSwitchAppearance","aria-label":"toggle dark mode","aria-checked":t.value,onClick:c(n)},{default:re(()=>[Q(mFe,{class:"sun"}),Q(CFe,{class:"moon"})]),_:1},8,["aria-checked","onClick"]))}});const Y2=zt(SFe,[["__scopeId","data-v-0ffa9f54"]]),kFe={key:0,class:"VPNavBarAppearance"},$Fe=Z({__name:"VPNavBarAppearance",setup(e){const{site:t}=In();return(n,r)=>c(t).appearance?(P(),H("div",kFe,[Q(Y2)])):se("",!0)}});const EFe=zt($Fe,[["__scopeId","data-v-18d1249d"]]),TFe={discord:'Discord',facebook:'Facebook',github:'GitHub',instagram:'Instagram',linkedin:'LinkedIn',slack:'Slack',twitter:'Twitter',youtube:'YouTube'},PFe=["href","innerHTML"],OFe=Z({__name:"VPSocialLink",props:{icon:{},link:{}},setup(e){const t=e,n=T(()=>typeof t.icon=="object"?t.icon.svg:TFe[t.icon]);return(r,o)=>(P(),H("a",{class:"VPSocialLink",href:r.link,target:"_blank",rel:"noopener",innerHTML:n.value},null,8,PFe))}});const xFe=zt(OFe,[["__scopeId","data-v-737a2222"]]),AFe={class:"VPSocialLinks"},IFe=Z({__name:"VPSocialLinks",props:{links:{}},setup(e){return(t,n)=>(P(),H("div",AFe,[(P(!0),H(Ue,null,xt(t.links,({link:r,icon:o})=>(P(),ue(xFe,{key:r,icon:o,link:r},null,8,["icon","link"]))),128))]))}});const X2=zt(IFe,[["__scopeId","data-v-32851e0a"]]),MFe=Z({__name:"VPNavBarSocialLinks",setup(e){const{theme:t}=In();return(n,r)=>c(t).socialLinks?(P(),ue(X2,{key:0,class:"VPNavBarSocialLinks",links:c(t).socialLinks},null,8,["links"])):se("",!0)}});const NFe=zt(MFe,[["__scopeId","data-v-ac410ee1"]]),RFe=e=>(Wa("data-v-f485af55"),e=e(),Ua(),e),FFe={key:0,class:"group"},LFe={class:"trans-title"},DFe={key:1,class:"group"},BFe={class:"item appearance"},VFe=RFe(()=>q("p",{class:"label"},"Appearance",-1)),jFe={class:"appearance-action"},zFe={key:2,class:"group"},HFe={class:"item social-links"},KFe=Z({__name:"VPNavBarExtra",setup(e){const{site:t,theme:n}=In(),r=T(()=>n.value.localeLinks||t.value.appearance||n.value.socialLinks);return(o,a)=>r.value?(P(),ue(G2,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:re(()=>[c(n).localeLinks?(P(),H("div",FFe,[q("p",LFe,Ae(c(n).localeLinks.text),1),(P(!0),H(Ue,null,xt(c(n).localeLinks.items,l=>(P(),ue(Hg,{key:l.link,item:l},null,8,["item"]))),128))])):se("",!0),c(t).appearance?(P(),H("div",DFe,[q("div",BFe,[VFe,q("div",jFe,[Q(Y2)])])])):se("",!0),c(n).socialLinks?(P(),H("div",zFe,[q("div",HFe,[Q(X2,{class:"social-links-list",links:c(n).socialLinks},null,8,["links"])])])):se("",!0)]),_:1})):se("",!0)}});const WFe=zt(KFe,[["__scopeId","data-v-f485af55"]]),UFe=e=>(Wa("data-v-f39bfa4d"),e=e(),Ua(),e),qFe=["aria-expanded"],GFe=UFe(()=>q("span",{class:"container"},[q("span",{class:"top"}),q("span",{class:"middle"}),q("span",{class:"bottom"})],-1)),YFe=[GFe],XFe=Z({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(e){return(t,n)=>(P(),H("button",{type:"button",class:F(["VPNavBarHamburger",{active:t.active}]),"aria-label":"mobile navigation","aria-expanded":t.active,"aria-controls":"VPNavScreen",onClick:n[0]||(n[0]=r=>t.$emit("click"))},YFe,10,qFe))}});const ZFe=zt(XFe,[["__scopeId","data-v-f39bfa4d"]]),QFe={class:"container"},JFe={class:"content"},eLe=Z({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(e){const{hasSidebar:t}=kl();return(n,r)=>(P(),H("div",{class:F(["VPNavBar",{"has-sidebar":c(t)}])},[q("div",QFe,[Q(YNe,null,{"nav-bar-title-before":re(()=>[de(n.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":re(()=>[de(n.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3}),q("div",JFe,[de(n.$slots,"nav-bar-content-before",{},void 0,!0),Q(nRe,{class:"search"}),Q(GRe,{class:"menu"}),Q(oFe,{class:"translations"}),Q(EFe,{class:"appearance"}),Q(NFe,{class:"social-links"}),Q(WFe,{class:"extra"}),de(n.$slots,"nav-bar-content-after",{},void 0,!0),Q(ZFe,{class:"hamburger",active:n.isScreenOpen,onClick:r[0]||(r[0]=o=>n.$emit("toggle-screen"))},null,8,["active"])])])],2))}});const tLe=zt(eLe,[["__scopeId","data-v-cc309877"]]);function nLe(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t1),oc=[],$m=!1,Q2=-1,cf=void 0,Pi=void 0,df=void 0,nN=function(t){return oc.some(function(n){return!!(n.options.allowTouchMove&&n.options.allowTouchMove(t))})},Em=function(t){var n=t||window.event;return nN(n.target)||n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)},rLe=function(t){if(df===void 0){var n=!!t&&t.reserveScrollBarGap===!0,r=window.innerWidth-document.documentElement.clientWidth;if(n&&r>0){var o=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);df=document.body.style.paddingRight,document.body.style.paddingRight=o+r+"px"}}cf===void 0&&(cf=document.body.style.overflow,document.body.style.overflow="hidden")},oLe=function(){df!==void 0&&(document.body.style.paddingRight=df,df=void 0),cf!==void 0&&(document.body.style.overflow=cf,cf=void 0)},aLe=function(){return window.requestAnimationFrame(function(){if(Pi===void 0){Pi={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var t=window,n=t.scrollY,r=t.scrollX,o=t.innerHeight;document.body.style.position="fixed",document.body.style.top=-n,document.body.style.left=-r,setTimeout(function(){return window.requestAnimationFrame(function(){var a=o-window.innerHeight;a&&n>=o&&(document.body.style.top=-(n+a))})},300)}})},lLe=function(){if(Pi!==void 0){var t=-parseInt(document.body.style.top,10),n=-parseInt(document.body.style.left,10);document.body.style.position=Pi.position,document.body.style.top=Pi.top,document.body.style.left=Pi.left,window.scrollTo(n,t),Pi=void 0}},sLe=function(t){return t?t.scrollHeight-t.scrollTop<=t.clientHeight:!1},iLe=function(t,n){var r=t.targetTouches[0].clientY-Q2;return nN(t.target)?!1:n&&n.scrollTop===0&&r>0||sLe(n)&&r<0?Em(t):(t.stopPropagation(),!0)},uLe=function(t,n){if(!t){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}if(!oc.some(function(o){return o.targetElement===t})){var r={targetElement:t,options:n||{}};oc=[].concat(nLe(oc),[r]),km?aLe():rLe(n),km&&(t.ontouchstart=function(o){o.targetTouches.length===1&&(Q2=o.targetTouches[0].clientY)},t.ontouchmove=function(o){o.targetTouches.length===1&&iLe(o,t)},$m||(document.addEventListener("touchmove",Em,Z2?{passive:!1}:void 0),$m=!0))}},cLe=function(){km&&(oc.forEach(function(t){t.targetElement.ontouchstart=null,t.targetElement.ontouchmove=null}),$m&&(document.removeEventListener("touchmove",Em,Z2?{passive:!1}:void 0),$m=!1),Q2=-1),km?lLe():oLe(),oc=[]};const dLe=Z({__name:"VPNavScreenMenuLink",props:{text:{},link:{}},setup(e){const t=Ge("close-screen");return(n,r)=>(P(),ue(ld,{class:"VPNavScreenMenuLink",href:n.link,onClick:c(t)},{default:re(()=>[Ht(Ae(n.text),1)]),_:1},8,["href","onClick"]))}});const fLe=zt(dLe,[["__scopeId","data-v-c999f001"]]),vLe={},pLe={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},hLe=q("path",{d:"M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"},null,-1),mLe=[hLe];function gLe(e,t){return P(),H("svg",pLe,mLe)}const bLe=zt(vLe,[["render",gLe]]),yLe=Z({__name:"VPNavScreenMenuGroupLink",props:{text:{},link:{}},setup(e){const t=Ge("close-screen");return(n,r)=>(P(),ue(ld,{class:"VPNavScreenMenuGroupLink",href:n.link,onClick:c(t)},{default:re(()=>[Ht(Ae(n.text),1)]),_:1},8,["href","onClick"]))}});const rN=zt(yLe,[["__scopeId","data-v-b82574b6"]]),_Le={class:"VPNavScreenMenuGroupSection"},wLe={key:0,class:"title"},CLe=Z({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(e){return(t,n)=>(P(),H("div",_Le,[t.text?(P(),H("p",wLe,Ae(t.text),1)):se("",!0),(P(!0),H(Ue,null,xt(t.items,r=>(P(),ue(rN,{key:r.text,text:r.text,link:r.link},null,8,["text","link"]))),128))]))}});const SLe=zt(CLe,[["__scopeId","data-v-b4ada19e"]]),kLe=["aria-controls","aria-expanded"],$Le={class:"button-text"},ELe=["id"],TLe={key:1,class:"group"},PLe=Z({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(e){const t=e,n=D(!1),r=T(()=>`NavScreenGroup-${t.text.replace(" ","-").toLowerCase()}`);function o(){n.value=!n.value}return(a,l)=>(P(),H("div",{class:F(["VPNavScreenMenuGroup",{open:n.value}])},[q("button",{class:"button","aria-controls":r.value,"aria-expanded":n.value,onClick:o},[q("span",$Le,Ae(a.text),1),Q(bLe,{class:"button-icon"})],8,kLe),q("div",{id:r.value,class:"items"},[(P(!0),H(Ue,null,xt(a.items,s=>(P(),H(Ue,{key:s.text},["link"in s?(P(),H("div",{key:s.text,class:"item"},[Q(rN,{text:s.text,link:s.link},null,8,["text","link"])])):(P(),H("div",TLe,[Q(SLe,{text:s.text,items:s.items},null,8,["text","items"])]))],64))),128))],8,ELe)],2))}});const OLe=zt(PLe,[["__scopeId","data-v-be6b589d"]]),xLe={key:0,class:"VPNavScreenMenu"},ALe=Z({__name:"VPNavScreenMenu",setup(e){const{theme:t}=In();return(n,r)=>c(t).nav?(P(),H("nav",xLe,[(P(!0),H(Ue,null,xt(c(t).nav,o=>(P(),H(Ue,{key:o.text},["link"in o?(P(),ue(fLe,{key:0,text:o.text,link:o.link},null,8,["text","link"])):(P(),ue(OLe,{key:1,text:o.text||"",items:o.items},null,8,["text","items"]))],64))),128))])):se("",!0)}}),ILe=e=>(Wa("data-v-acbad8aa"),e=e(),Ua(),e),MLe={key:0,class:"VPNavScreenAppearance"},NLe=ILe(()=>q("p",{class:"text"},"Appearance",-1)),RLe=Z({__name:"VPNavScreenAppearance",setup(e){const{site:t}=In();return(n,r)=>c(t).appearance?(P(),H("div",MLe,[NLe,Q(Y2)])):se("",!0)}});const FLe=zt(RLe,[["__scopeId","data-v-acbad8aa"]]),LLe={class:"list"},DLe=["href"],BLe=Z({__name:"VPNavScreenTranslations",setup(e){const{theme:t}=In(),n=D(!1);function r(){n.value=!n.value}return(o,a)=>c(t).localeLinks?(P(),H("div",{key:0,class:F(["VPNavScreenTranslations",{open:n.value}])},[q("button",{class:"title",onClick:r},[Q(tN,{class:"icon lang"}),Ht(" "+Ae(c(t).localeLinks.text)+" ",1),Q(eN,{class:"icon chevron"})]),q("ul",LLe,[(P(!0),H(Ue,null,xt(c(t).localeLinks.items,l=>(P(),H("li",{key:l.link,class:"item"},[q("a",{class:"link",href:l.link},Ae(l.text),9,DLe)]))),128))])],2)):se("",!0)}});const VLe=zt(BLe,[["__scopeId","data-v-88146fe5"]]),jLe=Z({__name:"VPNavScreenSocialLinks",setup(e){const{theme:t}=In();return(n,r)=>c(t).socialLinks?(P(),ue(X2,{key:0,class:"VPNavScreenSocialLinks",links:c(t).socialLinks},null,8,["links"])):se("",!0)}}),zLe={class:"container"},HLe=Z({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(e){const t=D(null);function n(){uLe(t.value,{reserveScrollBarGap:!0})}function r(){cLe()}return(o,a)=>(P(),ue(tr,{name:"fade",onEnter:n,onAfterLeave:r},{default:re(()=>[o.open?(P(),H("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:t},[q("div",zLe,[de(o.$slots,"nav-screen-content-before",{},void 0,!0),Q(ALe,{class:"menu"}),Q(VLe,{class:"translations"}),Q(FLe,{class:"appearance"}),Q(jLe,{class:"social-links"}),de(o.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):se("",!0)]),_:3}))}});const KLe=zt(HLe,[["__scopeId","data-v-a38e5e64"]]),WLe=Z({__name:"VPNav",setup(e){const{isScreenOpen:t,closeScreen:n,toggleScreen:r}=HNe(),{hasSidebar:o}=kl();return $t("close-screen",n),(a,l)=>(P(),H("header",{class:F(["VPNav",{"no-sidebar":!c(o)}])},[Q(tLe,{"is-screen-open":c(t),onToggleScreen:c(r)},{"nav-bar-title-before":re(()=>[de(a.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":re(()=>[de(a.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":re(()=>[de(a.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":re(()=>[de(a.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),Q(KLe,{open:c(t)},{"nav-screen-content-before":re(()=>[de(a.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":re(()=>[de(a.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])],2))}});const ULe=zt(WLe,[["__scopeId","data-v-5e49a0f3"]]),qLe={},GLe={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},YLe=q("path",{d:"M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"},null,-1),XLe=q("path",{d:"M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"},null,-1),ZLe=q("path",{d:"M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"},null,-1),QLe=q("path",{d:"M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"},null,-1),JLe=[YLe,XLe,ZLe,QLe];function eDe(e,t){return P(),H("svg",GLe,JLe)}const tDe=zt(qLe,[["render",eDe]]),nDe=e=>(Wa("data-v-6ea4fdaa"),e=e(),Ua(),e),rDe={key:0,class:"VPLocalNav"},oDe=["aria-expanded"],aDe=nDe(()=>q("span",{class:"menu-text"},"Menu",-1)),lDe=Z({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(e){const{hasSidebar:t}=kl();function n(){window.scrollTo({top:0,left:0,behavior:"smooth"})}return(r,o)=>c(t)?(P(),H("div",rDe,[q("button",{class:"menu","aria-expanded":r.open,"aria-controls":"VPSidebarNav",onClick:o[0]||(o[0]=a=>r.$emit("open-menu"))},[Q(tDe,{class:"menu-icon"}),aDe],8,oDe),q("a",{class:"top-link",href:"#",onClick:n}," Return to top ")])):se("",!0)}});const sDe=zt(lDe,[["__scopeId","data-v-6ea4fdaa"]]),iDe={},uDe={version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},cDe=q("path",{d:"M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"},null,-1),dDe=q("path",{d:"M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"},null,-1),fDe=[cDe,dDe];function vDe(e,t){return P(),H("svg",uDe,fDe)}const pDe=zt(iDe,[["render",vDe]]),hDe={},mDe={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},gDe=q("path",{d:"M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"},null,-1),bDe=q("path",{d:"M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"},null,-1),yDe=[gDe,bDe];function _De(e,t){return P(),H("svg",mDe,yDe)}const wDe=zt(hDe,[["render",_De]]),CDe=Z({__name:"VPSidebarLink",props:{item:{},depth:{default:1}},setup(e){const{page:t,frontmatter:n}=In(),r=T(()=>n.value.sidebarDepth||1/0),o=Ge("close-sidebar");return(a,l)=>{const s=Ct("VPSidebarLink",!0);return P(),H(Ue,null,[Q(ld,{class:F(["link",{active:c(ad)(c(t).relativePath,a.item.link)}]),style:lt({paddingLeft:16*(a.depth-1)+"px"}),href:a.item.link,onClick:c(o)},{default:re(()=>[q("span",{class:F(["link-text",{light:a.depth>1}])},Ae(a.item.text),3)]),_:1},8,["class","style","href","onClick"]),"items"in a.item&&a.depth(P(),ue(s,{key:i.link,item:i,depth:a.depth+1},null,8,["item","depth"]))),128)):se("",!0)],64)}}});const SDe=zt(CDe,[["__scopeId","data-v-4d29a60d"]]),kDe=["role"],$De={class:"title-text"},EDe={class:"action"},TDe={class:"items"},PDe=Z({__name:"VPSidebarGroup",props:{text:{},items:{},collapsible:{type:Boolean},collapsed:{type:Boolean}},setup(e){const t=e,n=D(!1);ir(()=>{n.value=!!(t.collapsible&&t.collapsed)});const{page:r}=In();ir(()=>{t.items.some(a=>ad(r.value.relativePath,a.link))&&(n.value=!1)});function o(){t.collapsible&&(n.value=!n.value)}return(a,l)=>(P(),H("section",{class:F(["VPSidebarGroup",{collapsible:a.collapsible,collapsed:n.value}])},[a.text?(P(),H("div",{key:0,class:"title",role:a.collapsible?"button":void 0,onClick:o},[q("h2",$De,Ae(a.text),1),q("div",EDe,[Q(wDe,{class:"icon minus"}),Q(pDe,{class:"icon plus"})])],8,kDe)):se("",!0),q("div",TDe,[(P(!0),H(Ue,null,xt(a.items,s=>(P(),ue(SDe,{key:s.link,item:s},null,8,["item"]))),128))])],2))}});const ODe=zt(PDe,[["__scopeId","data-v-87a2c04e"]]),xDe=e=>(Wa("data-v-a9aa71a1"),e=e(),Ua(),e),ADe={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},IDe=xDe(()=>q("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),MDe=Z({__name:"VPSidebar",props:{open:{type:Boolean}},setup(e){const t=e,{sidebar:n,hasSidebar:r}=kl();let o=D(null);return Nm(async()=>{var a;t.open&&(await tt(),(a=o.value)==null||a.focus())}),(a,l)=>c(r)?(P(),H("aside",{key:0,class:F(["VPSidebar",{open:a.open}]),ref_key:"navEl",ref:o,onClick:l[0]||(l[0]=pt(()=>{},["stop"]))},[q("nav",ADe,[IDe,(P(!0),H(Ue,null,xt(c(n),s=>(P(),H("div",{key:s.text,class:"group"},[Q(ODe,{text:s.text,items:s.items,collapsible:s.collapsible,collapsed:s.collapsed},null,8,["text","items","collapsible","collapsed"])]))),128))])],2)):se("",!0)}});const NDe=zt(MDe,[["__scopeId","data-v-a9aa71a1"]]),RDe={},FDe={class:"VPPage"};function LDe(e,t){const n=Ct("Content");return P(),H("div",FDe,[Q(n)])}const DDe=zt(RDe,[["render",LDe]]),BDe=Z({__name:"VPButton",props:{tag:{},size:{},theme:{},text:{},href:{}},setup(e){const t=e,n=T(()=>{var a,l;return[(a=t.size)!=null?a:"medium",(l=t.theme)!=null?l:"brand"]}),r=T(()=>t.href&&zg.test(t.href)),o=T(()=>t.tag?t.tag:t.href?"a":"button");return(a,l)=>(P(),ue(jt(o.value),{class:F(["VPButton",n.value]),href:a.href?c(Sm)(a.href):void 0,target:r.value?"_blank":void 0,rel:r.value?"noreferrer":void 0},{default:re(()=>[Ht(Ae(a.text),1)]),_:1},8,["class","href","target","rel"]))}});const VDe=zt(BDe,[["__scopeId","data-v-d5a53e2c"]]),jDe=e=>(Wa("data-v-e5084bce"),e=e(),Ua(),e),zDe={class:"container"},HDe={class:"main"},KDe={key:0,class:"name"},WDe={class:"clip"},UDe={key:1,class:"text"},qDe={key:2,class:"tagline"},GDe={key:3,class:"actions"},YDe={key:0,class:"image"},XDe={class:"image-container"},ZDe=jDe(()=>q("div",{class:"image-bg"},null,-1)),QDe=Z({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(e){return(t,n)=>(P(),H("div",{class:F(["VPHero",{"has-image":t.image}])},[q("div",zDe,[q("div",HDe,[t.name?(P(),H("h1",KDe,[q("span",WDe,Ae(t.name),1)])):se("",!0),t.text?(P(),H("p",UDe,Ae(t.text),1)):se("",!0),t.tagline?(P(),H("p",qDe,Ae(t.tagline),1)):se("",!0),t.actions?(P(),H("div",GDe,[(P(!0),H(Ue,null,xt(t.actions,r=>(P(),H("div",{key:r.link,class:"action"},[Q(VDe,{tag:"a",size:"medium",theme:r.theme,text:r.text,href:r.link},null,8,["theme","text","href"])]))),128))])):se("",!0)]),t.image?(P(),H("div",YDe,[q("div",XDe,[ZDe,Q(Z5,{class:"image-src",image:t.image},null,8,["image"])])])):se("",!0)])],2))}});const JDe=zt(QDe,[["__scopeId","data-v-e5084bce"]]),eBe=Z({__name:"VPHomeHero",setup(e){const{frontmatter:t}=In();return(n,r)=>c(t).hero?(P(),ue(JDe,{key:0,class:"VPHomeHero",name:c(t).hero.name,text:c(t).hero.text,tagline:c(t).hero.tagline,image:c(t).hero.image,actions:c(t).hero.actions},null,8,["name","text","tagline","image","actions"])):se("",!0)}}),tBe={class:"VPFeature"},nBe={key:0,class:"icon"},rBe={class:"title"},oBe={class:"details"},aBe=Z({__name:"VPFeature",props:{icon:{},title:{},details:{}},setup(e){return(t,n)=>(P(),H("article",tBe,[t.icon?(P(),H("div",nBe,Ae(t.icon),1)):se("",!0),q("h2",rBe,Ae(t.title),1),q("p",oBe,Ae(t.details),1)]))}});const lBe=zt(aBe,[["__scopeId","data-v-d9a565f7"]]),sBe={key:0,class:"VPFeatures"},iBe={class:"container"},uBe={class:"items"},cBe=Z({__name:"VPFeatures",props:{features:{}},setup(e){const t=e,n=T(()=>{const r=t.features.length;if(r){if(r===2)return"grid-2";if(r===3)return"grid-3";if(r%3===0)return"grid-6";if(r%2===0)return"grid-4"}else return});return(r,o)=>r.features?(P(),H("div",sBe,[q("div",iBe,[q("div",uBe,[(P(!0),H(Ue,null,xt(r.features,a=>(P(),H("div",{key:a.title,class:F(["item",[n.value]])},[Q(lBe,{icon:a.icon,title:a.title,details:a.details},null,8,["icon","title","details"])],2))),128))])])])):se("",!0)}});const dBe=zt(cBe,[["__scopeId","data-v-923f10b0"]]),fBe=Z({__name:"VPHomeFeatures",setup(e){const{frontmatter:t}=In();return(n,r)=>c(t).features?(P(),ue(dBe,{key:0,class:"VPHomeFeatures",features:c(t).features},null,8,["features"])):se("",!0)}}),vBe={class:"VPHome"},pBe=Z({__name:"VPHome",setup(e){return(t,n)=>{const r=Ct("Content");return P(),H("div",vBe,[de(t.$slots,"home-hero-before",{},void 0,!0),Q(eBe),de(t.$slots,"home-hero-after",{},void 0,!0),de(t.$slots,"home-features-before",{},void 0,!0),Q(fBe),de(t.$slots,"home-features-after",{},void 0,!0),Q(r)])}}});const hBe=zt(pBe,[["__scopeId","data-v-65ac964e"]]);function mBe(){const{hasSidebar:e}=kl(),t=AE("(min-width: 960px)"),n=AE("(min-width: 1280px)");return{isAsideEnabled:T(()=>!n.value&&!t.value?!1:e.value?n.value:t.value)}}const gBe=71;function bBe(e){if(e===!1)return[];let t=[];return document.querySelectorAll("h2, h3, h4, h5, h6").forEach(n=>{n.textContent&&n.id&&t.push({level:Number(n.tagName[1]),title:n.innerText.replace(/\s+#\s*$/,""),link:`#${n.id}`})}),yBe(t,e)}function yBe(e,t=2){return _Be(e,typeof t=="number"?[t,t]:t==="deep"?[2,6]:t)}function _Be(e,t){const n=[];return e=e.map(r=>({...r})),e.forEach((r,o)=>{r.level>=t[0]&&r.level<=t[1]&&wBe(o,e,t)&&n.push(r)}),n}function wBe(e,t,n){if(e===0)return!0;const r=t[e];for(let o=e-1;o>=0;o--){const a=t[o];if(a.level=n[0]&&a.level<=n[1])return a.children==null&&(a.children=[]),a.children.push(r),!1}return!0}function CBe(e,t){const{isAsideEnabled:n}=mBe(),r=RNe(a,100);let o=null;bt(()=>{requestAnimationFrame(a),window.addEventListener("scroll",r)}),Sa(()=>{l(location.hash)}),Br(()=>{window.removeEventListener("scroll",r)});function a(){if(!n.value)return;const s=[].slice.call(e.value.querySelectorAll(".outline-link")),i=[].slice.call(document.querySelectorAll(".content .header-anchor")).filter(h=>s.some(b=>b.hash===h.hash&&h.offsetParent!==null)),u=window.scrollY,f=window.innerHeight,v=document.body.offsetHeight,p=Math.abs(u+f-v)<1;if(i.length&&p){l(i[i.length-1].hash);return}for(let h=0;h{const r=Ct("VPDocAsideOutlineItem",!0);return P(),H("ul",{class:F(t.root?"root":"nested")},[(P(!0),H(Ue,null,xt(t.headers,({children:o,link:a,title:l})=>(P(),H("li",null,[q("a",{class:"outline-link",href:a,onClick:n[0]||(n[0]=(...s)=>t.onClick&&t.onClick(...s))},Ae(l),9,kBe),o!=null&&o.length?(P(),ue(r,{key:0,headers:o,onClick:t.onClick},null,8,["headers","onClick"])):se("",!0)]))),256))],2)}}});const EBe=zt($Be,[["__scopeId","data-v-eee3659e"]]),TBe=e=>(Wa("data-v-ac9d9c2c"),e=e(),Ua(),e),PBe={class:"content"},OBe={class:"outline-title"},xBe={"aria-labelledby":"doc-outline-aria-label"},ABe=TBe(()=>q("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),IBe=Z({__name:"VPDocAsideOutline",setup(e){const{frontmatter:t,theme:n}=In(),r=T(()=>{var f;return(f=t.value.outline)!=null?f:n.value.outline}),o=Ge("onContentUpdated");o.value=()=>{a.value=bBe(r.value)};const a=D([]),l=T(()=>a.value.length>0),s=D(),i=D();CBe(s,i);function u({target:f}){const v="#"+f.href.split("#")[1],p=document.querySelector(decodeURIComponent(v));p==null||p.focus()}return(f,v)=>(P(),H("div",{class:F(["VPDocAsideOutline",{"has-outline":l.value}]),ref_key:"container",ref:s},[q("div",PBe,[q("div",{class:"outline-marker",ref_key:"marker",ref:i},null,512),q("div",OBe,Ae(c(n).outlineTitle||"On this page"),1),q("nav",xBe,[ABe,Q(EBe,{headers:a.value,root:!0,onClick:u},null,8,["headers"])])])],2))}});const MBe=zt(IBe,[["__scopeId","data-v-ac9d9c2c"]]),NBe={class:"VPDocAsideCarbonAds"},RBe=Z({__name:"VPDocAsideCarbonAds",setup(e){const t=()=>null;return(n,r)=>(P(),H("div",NBe,[Q(c(t))]))}}),FBe=e=>(Wa("data-v-ae916b48"),e=e(),Ua(),e),LBe={class:"VPDocAside"},DBe=FBe(()=>q("div",{class:"spacer"},null,-1)),BBe=Z({__name:"VPDocAside",setup(e){const{theme:t}=In();return(n,r)=>(P(),H("div",LBe,[de(n.$slots,"aside-top",{},void 0,!0),de(n.$slots,"aside-outline-before",{},void 0,!0),Q(MBe),de(n.$slots,"aside-outline-after",{},void 0,!0),DBe,de(n.$slots,"aside-ads-before",{},void 0,!0),c(t).carbonAds?(P(),ue(RBe,{key:0})):se("",!0),de(n.$slots,"aside-ads-after",{},void 0,!0),de(n.$slots,"aside-bottom",{},void 0,!0)]))}});const VBe=zt(BBe,[["__scopeId","data-v-ae916b48"]]);function jBe(){const{theme:e,page:t}=In();return T(()=>{const{text:n="Edit this page",pattern:r}=e.value.editLink||{},{relativePath:o}=t.value;return{url:r.replace(/:path/g,o),text:n}})}function zBe(){const{page:e,theme:t,frontmatter:n}=In();return T(()=>{const r=X5(t.value.sidebar,e.value.relativePath),o=FNe(r),a=o.findIndex(l=>ad(e.value.relativePath,l.link));return{prev:n.value.prev?{...o[a-1],text:n.value.prev}:o[a-1],next:n.value.next?{...o[a+1],text:n.value.next}:o[a+1]}})}const HBe={},KBe={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},WBe=q("path",{d:"M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"},null,-1),UBe=q("path",{d:"M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"},null,-1),qBe=[WBe,UBe];function GBe(e,t){return P(),H("svg",KBe,qBe)}const YBe=zt(HBe,[["render",GBe]]),XBe={class:"VPLastUpdated"},ZBe=["datatime"],QBe=Z({__name:"VPDocFooterLastUpdated",setup(e){const{theme:t,page:n}=In(),r=T(()=>new Date(n.value.lastUpdated)),o=T(()=>r.value.toISOString()),a=D("");return bt(()=>{ir(()=>{a.value=r.value.toLocaleString(window.navigator.language)})}),(l,s)=>{var i;return P(),H("p",XBe,[Ht(Ae((i=c(t).lastUpdatedText)!=null?i:"Last updated")+": ",1),q("time",{datatime:o.value},Ae(a.value),9,ZBe)])}}});const JBe=zt(QBe,[["__scopeId","data-v-959a5143"]]),e9e={key:0,class:"VPDocFooter"},t9e={key:0,class:"edit-info"},n9e={key:0,class:"edit-link"},r9e={key:1,class:"last-updated"},o9e={key:1,class:"prev-next"},a9e={class:"pager"},l9e=["href"],s9e={class:"desc"},i9e={class:"title"},u9e=["href"],c9e={class:"desc"},d9e={class:"title"},f9e=Z({__name:"VPDocFooter",setup(e){const{theme:t,page:n,frontmatter:r}=In(),o=jBe(),a=zBe(),l=T(()=>t.value.editLink&&r.value.editLink!==!1),s=T(()=>n.value.lastUpdated&&r.value.lastUpdated!==!1),i=T(()=>l.value||s.value||a.value.prev||a.value.next);return(u,f)=>{var v,p,h,b;return i.value?(P(),H("footer",e9e,[l.value||s.value?(P(),H("div",t9e,[l.value?(P(),H("div",n9e,[Q(ld,{class:"edit-link-button",href:c(o).url,"no-icon":!0},{default:re(()=>[Q(YBe,{class:"edit-link-icon"}),Ht(" "+Ae(c(o).text),1)]),_:1},8,["href"])])):se("",!0),s.value?(P(),H("div",r9e,[Q(JBe)])):se("",!0)])):se("",!0),c(a).prev||c(a).next?(P(),H("div",o9e,[q("div",a9e,[c(a).prev?(P(),H("a",{key:0,class:"pager-link prev",href:c(Sm)(c(a).prev.link)},[q("span",s9e,Ae((p=(v=c(t).docFooter)==null?void 0:v.prev)!=null?p:"Previous page"),1),q("span",i9e,Ae(c(a).prev.text),1)],8,l9e)):se("",!0)]),q("div",{class:F(["pager",{"has-prev":c(a).prev}])},[c(a).next?(P(),H("a",{key:0,class:"pager-link next",href:c(Sm)(c(a).next.link)},[q("span",c9e,Ae((b=(h=c(t).docFooter)==null?void 0:h.next)!=null?b:"Next page"),1),q("span",d9e,Ae(c(a).next.text),1)],8,u9e)):se("",!0)],2)])):se("",!0)])):se("",!0)}}});const v9e=zt(f9e,[["__scopeId","data-v-ece94c89"]]),p9e=e=>(Wa("data-v-79b9ed21"),e=e(),Ua(),e),h9e={class:"container"},m9e={key:0,class:"aside"},g9e=p9e(()=>q("div",{class:"aside-curtain"},null,-1)),b9e={class:"aside-container"},y9e={class:"aside-content"},_9e={class:"content"},w9e={class:"content-container"},C9e={class:"main"},S9e=Z({__name:"VPDoc",setup(e){const t=ni(),{hasSidebar:n,hasAside:r}=kl(),o=T(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,"")),a=D();return $t("onContentUpdated",a),(l,s)=>{const i=Ct("Content");return P(),H("div",{class:F(["VPDoc",{"has-sidebar":c(n),"has-aside":c(r)}])},[q("div",h9e,[c(r)?(P(),H("div",m9e,[g9e,q("div",b9e,[q("div",y9e,[Q(VBe,null,{"aside-top":re(()=>[de(l.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":re(()=>[de(l.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":re(()=>[de(l.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":re(()=>[de(l.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":re(()=>[de(l.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":re(()=>[de(l.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])])):se("",!0),q("div",_9e,[q("div",w9e,[de(l.$slots,"doc-before",{},void 0,!0),q("main",C9e,[Q(i,{class:F(["vp-doc",o.value]),onContentUpdated:a.value},null,8,["class","onContentUpdated"])]),de(l.$slots,"doc-footer-before",{},void 0,!0),Q(v9e),de(l.$slots,"doc-after",{},void 0,!0)])])])],2)}}});const k9e=zt(S9e,[["__scopeId","data-v-79b9ed21"]]),$9e=Z({__name:"VPContent",setup(e){const t=ni(),{frontmatter:n}=In(),{hasSidebar:r}=kl(),o=Ge("NotFound");return(a,l)=>(P(),H("div",{class:F(["VPContent",{"has-sidebar":c(r),"is-home":c(n).layout==="home"}]),id:"VPContent"},[c(t).component===c(o)?(P(),ue(c(o),{key:0})):c(n).layout==="page"?(P(),ue(DDe,{key:1})):c(n).layout==="home"?(P(),ue(hBe,{key:2},{"home-hero-before":re(()=>[de(a.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-after":re(()=>[de(a.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":re(()=>[de(a.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":re(()=>[de(a.$slots,"home-features-after",{},void 0,!0)]),_:3})):(P(),ue(k9e,{key:3},{"doc-footer-before":re(()=>[de(a.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":re(()=>[de(a.$slots,"doc-before",{},void 0,!0)]),"doc-after":re(()=>[de(a.$slots,"doc-after",{},void 0,!0)]),"aside-top":re(()=>[de(a.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":re(()=>[de(a.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":re(()=>[de(a.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":re(()=>[de(a.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":re(()=>[de(a.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":re(()=>[de(a.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}});const E9e=zt($9e,[["__scopeId","data-v-de3341c2"]]),T9e={class:"container"},P9e=["innerHTML"],O9e=["innerHTML"],x9e=Z({__name:"VPFooter",setup(e){const{theme:t}=In(),{hasSidebar:n}=kl();return(r,o)=>c(t).footer?(P(),H("footer",{key:0,class:F(["VPFooter",{"has-sidebar":c(n)}])},[q("div",T9e,[c(t).footer.message?(P(),H("p",{key:0,class:"message",innerHTML:c(t).footer.message},null,8,P9e)):se("",!0),c(t).footer.copyright?(P(),H("p",{key:1,class:"copyright",innerHTML:c(t).footer.copyright},null,8,O9e)):se("",!0)])],2)):se("",!0)}});const A9e=zt(x9e,[["__scopeId","data-v-296f7eda"]]),I9e={key:0,class:"Layout"},M9e=Z({__name:"Layout",setup(e){const{isOpen:t,open:n,close:r}=kl(),o=ni();be(()=>o.path,r),LNe(t,r),$t("close-sidebar",r);const{frontmatter:a}=In();return(l,s)=>{const i=Ct("Content");return c(a).layout!==!1?(P(),H("div",I9e,[de(l.$slots,"layout-top",{},void 0,!0),Q(BNe),Q(zNe,{class:"backdrop",show:c(t),onClick:c(r)},null,8,["show","onClick"]),Q(ULe,null,{"nav-bar-title-before":re(()=>[de(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":re(()=>[de(l.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":re(()=>[de(l.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":re(()=>[de(l.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":re(()=>[de(l.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":re(()=>[de(l.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),Q(sDe,{open:c(t),onOpenMenu:c(n)},null,8,["open","onOpenMenu"]),Q(NDe,{open:c(t)},null,8,["open"]),Q(E9e,null,{"home-hero-before":re(()=>[de(l.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-after":re(()=>[de(l.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":re(()=>[de(l.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":re(()=>[de(l.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":re(()=>[de(l.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":re(()=>[de(l.$slots,"doc-before",{},void 0,!0)]),"doc-after":re(()=>[de(l.$slots,"doc-after",{},void 0,!0)]),"aside-top":re(()=>[de(l.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":re(()=>[de(l.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":re(()=>[de(l.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":re(()=>[de(l.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":re(()=>[de(l.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":re(()=>[de(l.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),Q(A9e),de(l.$slots,"layout-bottom",{},void 0,!0)])):(P(),ue(i,{key:1}))}}});const N9e=zt(M9e,[["__scopeId","data-v-d22428bb"]]),Kg=e=>(Wa("data-v-7d00a02d"),e=e(),Ua(),e),R9e={class:"NotFound"},F9e=Kg(()=>q("p",{class:"code"},"404",-1)),L9e=Kg(()=>q("h1",{class:"title"},"PAGE NOT FOUND",-1)),D9e=Kg(()=>q("div",{class:"divider"},null,-1)),B9e=Kg(()=>q("blockquote",{class:"quote"}," But if you don't change your direction, and if you keep looking, you may end up where you are heading. ",-1)),V9e={class:"action"},j9e=["href"],z9e=Z({__name:"NotFound",setup(e){const{site:t}=In();return(n,r)=>(P(),H("div",R9e,[F9e,L9e,D9e,B9e,q("div",V9e,[q("a",{class:"link",href:c(t).base,"aria-label":"go to home"}," Take me home ",8,j9e)])]))}});const H9e=zt(z9e,[["__scopeId","data-v-7d00a02d"]]);const K9e={Layout:N9e,NotFound:H9e};const ac={...K9e,enhanceApp({router:e,app:t}){if(t.use(I8e),t.use(BIe),typeof window<"u"){let n;const r=()=>{const o=document.querySelector(".vp-doc");o!=null?n?n.update():n=new Viewer(o,{toolbar:!1,navbar:!1}):n&&(n.destroy(),n=void 0)};be(()=>e.route,()=>{setTimeout(()=>{r()},1e3)},{immediate:!0,deep:!0})}},setup(){const e={filter:t=>{t.url==null&&(t.url=window.URL.createObjectURL(t.raw))}};i5({aImageProps:e,aImagesProps:e,aFileProps:e,aFilesProps:e})}};function W9e(e,t){let n=[],r=!0;const o=a=>{if(r){r=!1;return}n.forEach(l=>document.head.removeChild(l)),n=[],a.forEach(l=>{const s=U9e(l);document.head.appendChild(s),n.push(s)})};ir(()=>{const a=e.data,l=t.value,s=a&&a.description,i=a&&a.frontmatter.head||[];document.title=W5(l,a),document.querySelector("meta[name=description]").setAttribute("content",s||l.description),o(kNe(l.head,G9e(i)))})}function U9e([e,t,n]){const r=document.createElement(e);for(const o in t)r.setAttribute(o,t[o]);return n&&(r.innerHTML=n),r}function q9e(e){return e[0]==="meta"&&e[1]&&e[1].name==="description"}function G9e(e){return e.filter(t=>!q9e(t))}const ry=new Set,oN=()=>document.createElement("link"),Y9e=e=>{const t=oN();t.rel="prefetch",t.href=e,document.head.appendChild(t)},X9e=e=>{const t=new XMLHttpRequest;t.open("GET",e,t.withCredentials=!0),t.send()};let Qp;const Z9e=$o&&(Qp=oN())&&Qp.relList&&Qp.relList.supports&&Qp.relList.supports("prefetch")?Y9e:X9e;function Q9e(){if(!$o||!window.IntersectionObserver)return;let e;if((e=navigator.connection)&&(e.saveData||/2g/.test(e.effectiveType)))return;const t=window.requestIdleCallback||setTimeout;let n=null;const r=()=>{n&&n.disconnect(),n=new IntersectionObserver(a=>{a.forEach(l=>{if(l.isIntersecting){const s=l.target;n.unobserve(s);const{pathname:i}=s;if(!ry.has(i)){ry.add(i);const u=U5(i);Z9e(u)}}})}),t(()=>{document.querySelectorAll("#app a").forEach(a=>{const{target:l,hostname:s,pathname:i}=a,u=i.match(/\.\w+$/);u&&u[0]!==".html"||l!=="_blank"&&s===location.hostname&&(i!==location.pathname?n.observe(a):ry.add(i))})})};bt(r);const o=ni();be(()=>o.path,r),Br(()=>{n&&n.disconnect()})}const J9e=Z({setup(e,{slots:t}){const n=D(!1);return bt(()=>{n.value=!0}),()=>n.value&&t.default?t.default():null}});function e7e(){if($o){const e=new Map;window.addEventListener("click",t=>{var r;const n=t.target;if(n.matches('div[class*="language-"] > button.copy')){const o=n.parentElement,a=(r=n.nextElementSibling)==null?void 0:r.nextElementSibling;if(!o||!a)return;const l=/language-(shellscript|shell|bash|sh|zsh)/.test(o.classList.toString());let{innerText:s=""}=a;l&&(s=s.replace(/^ *(\$|>) /gm,"")),t7e(s).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const i=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,i)})}})}}async function t7e(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const r=document.getSelection(),o=r?r.rangeCount>0&&r.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),o&&(r.removeAllRanges(),r.addRange(o)),n&&n.focus()}}const aN=ac.NotFound||(()=>"404 Not Found"),n7e=Z({name:"VitePressApp",setup(){const{site:e}=In();return bt(()=>{be(()=>e.value.lang,t=>{document.documentElement.lang=t},{immediate:!0})}),Q9e(),e7e(),ac.setup&&ac.setup(),()=>st(ac.Layout)}});function r7e(){const e=a7e(),t=o7e();t.provide(G5,e);const n=ENe(e.route);return t.provide(q5,n),t.provide("NotFound",aN),t.component("Content",xNe),t.component("ClientOnly",J9e),Object.defineProperty(t.config.globalProperties,"$frontmatter",{get(){return n.frontmatter.value}}),ac.enhanceApp&&ac.enhanceApp({app:t,router:e,siteData:Mc}),{app:t,router:e,data:n}}function o7e(){return Jj(n7e)}function a7e(){let e=$o,t;return PNe(n=>{let r=U5(n);return e&&(t=r),(e||t===r)&&(r=r.replace(/\.js$/,".lean.js")),$o&&(e=!1),mNe(()=>import(r),[])},aN)}if($o){const{app:e,router:t,data:n}=r7e();t.go().then(()=>{W9e(t.route,n.site),e.mount("#app")})}export{Ng as $,vt as A,Pt as B,Fr as C,rMe as D,_r as E,oMe as F,Ae as G,$7e as H,E7e as I,F as J,Ue as K,xt as L,T7e as M,i7e as N,ue as O,T as P,u7e as Q,P7e as R,jMe as S,m7e as T,p7e as U,HMe as V,KMe as W,g7e as X,h7e as Y,b7e as Z,zt as _,Ct as a,e5e as a0,t4e as a1,c5e as a2,i5e as a3,sf as a4,Oc as a5,at as a6,tM as a7,se as a8,_7e as a9,Na as aA,Nm as aB,Jt as aC,kv as aD,sAe as aE,Py as aa,u5 as ab,N2 as ac,R5e as ad,C7e as ae,A5e as af,w7e as ag,S7e as ah,K5e as ai,k7e as aj,s7e as ak,y7e as al,pbe as am,N3e as an,I7e as ao,M7e as ap,N7e as aq,A7e as ar,c7e as as,ja as at,d7e as au,H8e as av,f7e as aw,YIe as ax,x7e as ay,O7e as az,q as b,H as c,r7e as createApp,Z as d,Ht as e,Q as f,c as g,L2 as h,Bg as i,su as j,tz as k,Ua as l,cj as m,v7e as n,P as o,Wa as p,J as q,D as r,nn as s,bt as t,h5 as u,Br as v,re as w,be as x,sc as y,kr as z}; diff --git a/assets/arch.ebdac095.png b/assets/arch.ebdac095.png new file mode 100644 index 0000000..ecc8dc5 Binary files /dev/null and b/assets/arch.ebdac095.png differ diff --git a/assets/atomic-date.1d44e6e2.png b/assets/atomic-date.1d44e6e2.png new file mode 100644 index 0000000..dc9ccc2 Binary files /dev/null and b/assets/atomic-date.1d44e6e2.png differ diff --git a/assets/atomic-display.a26823f8.png b/assets/atomic-display.a26823f8.png new file mode 100644 index 0000000..83d6a13 Binary files /dev/null and b/assets/atomic-display.a26823f8.png differ diff --git a/assets/atomic-files.67b4929c.png b/assets/atomic-files.67b4929c.png new file mode 100644 index 0000000..efceecb Binary files /dev/null and b/assets/atomic-files.67b4929c.png differ diff --git a/assets/atomic-interaction.cfd51a26.png b/assets/atomic-interaction.cfd51a26.png new file mode 100644 index 0000000..227a298 Binary files /dev/null and b/assets/atomic-interaction.cfd51a26.png differ diff --git a/assets/atomic-number.c06804f9.png b/assets/atomic-number.c06804f9.png new file mode 100644 index 0000000..e438cc1 Binary files /dev/null and b/assets/atomic-number.c06804f9.png differ diff --git a/assets/atomic-select.56303980.png b/assets/atomic-select.56303980.png new file mode 100644 index 0000000..ed704f2 Binary files /dev/null and b/assets/atomic-select.56303980.png differ diff --git a/assets/atomic-text.9a529f25.png b/assets/atomic-text.9a529f25.png new file mode 100644 index 0000000..83dcd67 Binary files /dev/null and b/assets/atomic-text.9a529f25.png differ diff --git a/assets/atomic.99cbd831.png b/assets/atomic.99cbd831.png new file mode 100644 index 0000000..1a7c203 Binary files /dev/null and b/assets/atomic.99cbd831.png differ diff --git a/assets/atomics_all-atomics.demo.md.228e025c.js b/assets/atomics_all-atomics.demo.md.228e025c.js new file mode 100644 index 0000000..153c68d --- /dev/null +++ b/assets/atomics_all-atomics.demo.md.228e025c.js @@ -0,0 +1 @@ +import{d as E,u as f,r as _,a as b,o as h,c as F,b as n,e as C,f as e,w as u,g as l,F as p,h as a,i as w,j as A,k as B,E as D,p as x,l as k,_ as z}from"./app.56f20909.js";const V=r=>(x("data-v-1af2ff5e"),r=r(),k(),r),j=V(()=>n("span",null,"\u540C\u610F 996 \u5417",-1)),S=E({__name:"AllAtomics",setup(r){const v=f(),m={async load(s){if(s==null)return new Array(10).fill(0).map((d,t)=>({label:`root-${t}`,value:String(t)}));const o=s.length;return o>3?[]:new Array(10).fill(10).map((d,t)=>({label:`${s}${t}`,value:`${s}${t}`,children:o===3?null:void 0}))}},i=async()=>{await B(1e3),D.success("\u9A8C\u8BC1\u7801\u83B7\u53D6\u6210\u529F")},g={multiple:!0,async data(){return[{label:"\u4E00\u7EA7 1",value:1,children:[{label:"\u4E8C\u7EA7 1-1",value:11,children:[{label:"\u4E09\u7EA7 1-1-1",value:111}]}]},{label:"\u4E00\u7EA7 2",value:2,disabled:!0,children:[{label:"\u4E8C\u7EA7 2-1",value:21,children:[{label:"\u4E09\u7EA7 2-1-1",value:211}]},{label:"\u4E8C\u7EA7 2-2",value:22,children:[{label:"\u4E09\u7EA7 2-2-1",value:221}]}]},{label:"\u4E00\u7EA7 3",value:3,children:[{label:"\u4E8C\u7EA7 3-1",value:31,children:[{label:"\u4E09\u7EA7 3-1-1",value:311,children:[{label:"\u56DB\u7EA7 3-1-1-1",value:3111,children:[{label:"\u4E94\u7EA7 -------- 3-1-1-1-1",value:31111},{label:"\u4E94\u7EA7 --------- 3-1-1-1-2",value:31112}]},{label:"\u56DB\u7EA7 3-1-1-2",value:3112}]}]},{label:"\u4E8C\u7EA7 3-2",value:32,children:[{label:"\u4E09\u7EA7 3-2-1",value:321}]}]}]}},y={async options(){return[{label:"\u5E7F\u4E1C",value:0,children:[{label:"\u73E0\u6D77",value:2},{label:"\u6DF1\u5733",value:3}]},{label:"\u5E7F\u897F",value:1,children:[{label:"\u5357\u5B81",value:4},{label:"\u6842\u6797",value:5}]}]}},c=_(!1);return(s,o)=>{const d=b("el-switch");return h(),F("div",null,[n("div",null,[C("\u9884\u89C8\u6A21\u5F0F: "),e(d,{modelValue:c.value,"onUpdate:modelValue":o[0]||(o[0]=t=>c.value=t)},null,8,["modelValue"])]),e(l(A),{ref_key:"formRef",ref:v,mode:c.value?"preview":"editable",class:"form"},{default:u(()=>[e(l(p),{title:"\u6587\u672C\u7C7B"},{default:u(()=>[e(l(a),{prop:"text",label:"text","value-type":"text",width:"small",trim:"",required:""}),e(l(a),{prop:"password",label:"password","value-type":"password",width:"small"}),e(l(a),{prop:"search",label:"search","value-type":"search",width:"medium"}),e(l(a),{prop:"textarea",label:"textarea","value-type":"textarea",width:"huge"}),e(l(a),{prop:"url",label:"url","value-type":"url",width:"huge"}),e(l(a),{prop:"email",label:"email","value-type":"email",width:"huge"}),e(l(a),{prop:"phone",label:"phone","value-type":"phone",width:"small","value-props":{mask:!0}})]),_:1}),e(l(p),{title:"\u65E5\u671F\u7C7B"},{default:u(()=>[e(l(a),{prop:"date",label:"date","value-type":"date",width:"medium"}),e(l(a),{prop:"time",label:"time","value-type":"time",width:"medium"}),e(l(a),{prop:"time-select",label:"time-select","value-type":"time-select",width:"medium","value-props":{start:"03:00",step:"00:60"}}),e(l(a),{prop:"dateTime",label:"date-time","value-type":"date-time",width:"medium"}),e(l(a),{prop:"dateRange",label:"date-range","value-type":"date-range",width:"large"}),e(l(a),{prop:"dateTimeRange",label:"date-time-range","value-type":"date-time-range",width:"large"}),e(l(a),{prop:"timeRange",label:"time-range","value-type":"time-range",width:"large"})]),_:1}),e(l(p),{title:"\u9009\u62E9\u7C7B"},{default:u(()=>[e(l(a),{prop:"select",label:"select","value-type":"select",width:"small","value-props":{options:[{label:"\u9009\u98791",value:"1",color:"primary"},{label:"\u9009\u98792",value:"2",color:"success"}]}}),e(l(a),{prop:"selectLazy",label:"select","value-type":"select",width:"small",message:"\u5F02\u6B65\u83B7\u53D6 options","value-props":{options:async()=>[{label:"\u9009\u98791",value:"1",color:"primary"},{label:"\u9009\u98792",value:"2",color:"success"}]}},null,8,["value-props"]),e(l(a),{prop:"selectValidate",label:"select","value-type":"select",width:"small",message:"\u9A8C\u8BC1 value \u5FC5\u987B\u5728 options \u4E2D","initial-value":"3","value-props":{requiredValueOnOptions:!0,options:[{label:"\u9009\u98791",value:"1",color:"primary"},{label:"\u9009\u98792",value:"2",color:"success"}]}}),e(l(a),{prop:"multi-select",label:"multi-select","value-type":"multi-select",width:"small","value-props":{options:[{label:"\u9009\u98791",value:"1"},{label:"\u9009\u98792",value:"2"}],separator:" - "}}),e(l(a),{prop:"radio",label:"radio","value-type":"radio","value-props":{options:[{label:"\u662F",value:1},{label:"\u5426",value:0}]}}),e(l(a),{prop:"radioInButton",label:"radioInButton","value-type":"radio","value-props":{inButton:!0,options:[{label:"\u4E0A\u6D77",value:0},{label:"\u5317\u4EAC",value:1},{label:"\u5E7F\u5DDE",value:2},{label:"\u6DF1\u5733",value:3}]}}),e(l(w),{label:"checkbox",message:"\u914D\u5408 fat-form-group \u4F7F\u7528"},{default:u(()=>[e(l(a),{prop:"checkbox","value-type":"checkbox"}),j]),_:1}),e(l(a),{prop:"checkbox","label-width":"auto","value-type":"checkbox","value-props":{label:"\u662F\u5426\u5F00\u542F"}}),e(l(a),{prop:"checkboxs",label:"checkboxs","value-type":"checkboxs","value-props":{options:[{label:"\u9009\u6211",value:1},{label:"\u9009\u6211\u554A",value:0}]}}),e(l(a),{prop:"cascaderLazy",label:"cascader-lazy","value-type":"cascader-lazy",width:"huge","value-props":m,"initial-value":["0","01","012","0121"]}),e(l(a),{prop:"cascader",label:"cascader","value-type":"cascader",width:"huge","value-props":y,"initial-value":[0,2]}),e(l(a),{prop:"treeSelect",label:"tree-select","value-type":"tree-select",width:"huge","value-props":g})]),_:1}),e(l(p),{title:"\u6570\u5B57\u7C7B"},{default:u(()=>[e(l(a),{prop:"integer",label:"integer","value-type":"integer"}),e(l(a),{prop:"float",label:"float","value-type":"float"}),e(l(a),{prop:"number",label:"number","value-type":"number"}),e(l(a),{prop:"currency",label:"currency","value-type":"currency"})]),_:1}),e(l(p),{title:"\u4EA4\u4E92\u7C7B"},{default:u(()=>[e(l(a),{prop:"switch",label:"switch","value-type":"switch",width:"mini"}),e(l(a),{prop:"captcha",label:"captcha","value-type":"captcha",width:"medium","value-props":{onGetCaptcha:i}},null,8,["value-props"]),e(l(a),{prop:"rate",label:"rate","value-type":"rate"}),e(l(a),{prop:"slider",label:"slider","value-type":"slider",width:"large"}),e(l(a),{prop:"sliderRange",label:"slider-range","value-type":"slider-range",width:"large"}),e(l(a),{prop:"sliderVertical",label:"slider","value-type":"slider","value-props":{vertical:!0},message:"\u5782\u76F4\u6A21\u5F0F","initial-value":50})]),_:1}),e(l(p),{title:"\u6587\u4EF6\u7C7B"},{default:u(()=>[e(l(a),{prop:"files",label:"files","value-type":"files","value-props":{sizeLimit:1024*100,accept:[".png",".jpg"]},message:"\u8BF7\u4E0A\u4F20png/jpg\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"},null,8,["value-props"]),e(l(a),{prop:"filesDrag",label:"files","value-type":"files","value-props":{sizeLimit:1024*100,accept:[".png",".jpg"],drag:!0},message:"\u62D6\u62FD\u6A21\u5F0F: \u8BF7\u4E0A\u4F20png/jpg\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"},null,8,["value-props"]),e(l(a),{prop:"file",label:"file","value-type":"file"}),e(l(a),{prop:"images",label:"images","value-type":"images","value-props":{sizeLimit:1024*100,accept:[".png",".jpg"]},rules:{required:!0},message:"\u8BF7\u4E0A\u4F20\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"},null,8,["value-props"]),e(l(a),{prop:"imagesLimited",label:"images-limited","value-type":"images","value-props":{limit:3},message:"\u9650\u5236 3 \u5F20"}),e(l(a),{prop:"image",label:"image","value-type":"image",message:"\u5355\u56FE\u7247"})]),_:1}),e(l(p),{title:"\u5C55\u793A\u7C7B(\u7F16\u8F91\u6A21\u5F0F\u9ED8\u8BA4\u9690\u85CF)"},{default:u(()=>[e(l(a),{"hide-on-edit":!1,prop:"progress",label:"progress","value-type":"progress","initial-value":50}),e(l(a),{"hide-on-edit":!1,prop:"avatar",label:"avatar","value-type":"avatar","initial-value":{avatar:"https://test-material-1259575047.cos.ap-guangzhou.myqcloud.com/4b93eb5d5cc7472cbe4ce5149d1c73fe.jpg",title:"\u8FD9\u662F\u6807\u9898",description:"\u4F46\u8FDC\u5C71\u957F\uFF0C\u4E91\u5C71\u4E71\uFF0C\u6653\u5C71\u9752\u3002"}},null,8,["initial-value"])]),_:1})]),_:1},8,["mode"])])}}});const I=z(S,[["__scopeId","data-v-1af2ff5e"]]),L={class:"wk-demo"},O=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"atomics/all-atomics.demo.md","lastUpdated":1719310312000}'),R={name:"atomics/all-atomics.demo.md"},q=Object.assign(R,{setup(r){return(v,m)=>{const i=b("ClientOnly");return h(),F("div",null,[e(i,null,{default:u(()=>[n("div",L,[e(I)])]),_:1})])}}});export{O as __pageData,q as default}; diff --git a/assets/atomics_all-atomics.demo.md.228e025c.lean.js b/assets/atomics_all-atomics.demo.md.228e025c.lean.js new file mode 100644 index 0000000..153c68d --- /dev/null +++ b/assets/atomics_all-atomics.demo.md.228e025c.lean.js @@ -0,0 +1 @@ +import{d as E,u as f,r as _,a as b,o as h,c as F,b as n,e as C,f as e,w as u,g as l,F as p,h as a,i as w,j as A,k as B,E as D,p as x,l as k,_ as z}from"./app.56f20909.js";const V=r=>(x("data-v-1af2ff5e"),r=r(),k(),r),j=V(()=>n("span",null,"\u540C\u610F 996 \u5417",-1)),S=E({__name:"AllAtomics",setup(r){const v=f(),m={async load(s){if(s==null)return new Array(10).fill(0).map((d,t)=>({label:`root-${t}`,value:String(t)}));const o=s.length;return o>3?[]:new Array(10).fill(10).map((d,t)=>({label:`${s}${t}`,value:`${s}${t}`,children:o===3?null:void 0}))}},i=async()=>{await B(1e3),D.success("\u9A8C\u8BC1\u7801\u83B7\u53D6\u6210\u529F")},g={multiple:!0,async data(){return[{label:"\u4E00\u7EA7 1",value:1,children:[{label:"\u4E8C\u7EA7 1-1",value:11,children:[{label:"\u4E09\u7EA7 1-1-1",value:111}]}]},{label:"\u4E00\u7EA7 2",value:2,disabled:!0,children:[{label:"\u4E8C\u7EA7 2-1",value:21,children:[{label:"\u4E09\u7EA7 2-1-1",value:211}]},{label:"\u4E8C\u7EA7 2-2",value:22,children:[{label:"\u4E09\u7EA7 2-2-1",value:221}]}]},{label:"\u4E00\u7EA7 3",value:3,children:[{label:"\u4E8C\u7EA7 3-1",value:31,children:[{label:"\u4E09\u7EA7 3-1-1",value:311,children:[{label:"\u56DB\u7EA7 3-1-1-1",value:3111,children:[{label:"\u4E94\u7EA7 -------- 3-1-1-1-1",value:31111},{label:"\u4E94\u7EA7 --------- 3-1-1-1-2",value:31112}]},{label:"\u56DB\u7EA7 3-1-1-2",value:3112}]}]},{label:"\u4E8C\u7EA7 3-2",value:32,children:[{label:"\u4E09\u7EA7 3-2-1",value:321}]}]}]}},y={async options(){return[{label:"\u5E7F\u4E1C",value:0,children:[{label:"\u73E0\u6D77",value:2},{label:"\u6DF1\u5733",value:3}]},{label:"\u5E7F\u897F",value:1,children:[{label:"\u5357\u5B81",value:4},{label:"\u6842\u6797",value:5}]}]}},c=_(!1);return(s,o)=>{const d=b("el-switch");return h(),F("div",null,[n("div",null,[C("\u9884\u89C8\u6A21\u5F0F: "),e(d,{modelValue:c.value,"onUpdate:modelValue":o[0]||(o[0]=t=>c.value=t)},null,8,["modelValue"])]),e(l(A),{ref_key:"formRef",ref:v,mode:c.value?"preview":"editable",class:"form"},{default:u(()=>[e(l(p),{title:"\u6587\u672C\u7C7B"},{default:u(()=>[e(l(a),{prop:"text",label:"text","value-type":"text",width:"small",trim:"",required:""}),e(l(a),{prop:"password",label:"password","value-type":"password",width:"small"}),e(l(a),{prop:"search",label:"search","value-type":"search",width:"medium"}),e(l(a),{prop:"textarea",label:"textarea","value-type":"textarea",width:"huge"}),e(l(a),{prop:"url",label:"url","value-type":"url",width:"huge"}),e(l(a),{prop:"email",label:"email","value-type":"email",width:"huge"}),e(l(a),{prop:"phone",label:"phone","value-type":"phone",width:"small","value-props":{mask:!0}})]),_:1}),e(l(p),{title:"\u65E5\u671F\u7C7B"},{default:u(()=>[e(l(a),{prop:"date",label:"date","value-type":"date",width:"medium"}),e(l(a),{prop:"time",label:"time","value-type":"time",width:"medium"}),e(l(a),{prop:"time-select",label:"time-select","value-type":"time-select",width:"medium","value-props":{start:"03:00",step:"00:60"}}),e(l(a),{prop:"dateTime",label:"date-time","value-type":"date-time",width:"medium"}),e(l(a),{prop:"dateRange",label:"date-range","value-type":"date-range",width:"large"}),e(l(a),{prop:"dateTimeRange",label:"date-time-range","value-type":"date-time-range",width:"large"}),e(l(a),{prop:"timeRange",label:"time-range","value-type":"time-range",width:"large"})]),_:1}),e(l(p),{title:"\u9009\u62E9\u7C7B"},{default:u(()=>[e(l(a),{prop:"select",label:"select","value-type":"select",width:"small","value-props":{options:[{label:"\u9009\u98791",value:"1",color:"primary"},{label:"\u9009\u98792",value:"2",color:"success"}]}}),e(l(a),{prop:"selectLazy",label:"select","value-type":"select",width:"small",message:"\u5F02\u6B65\u83B7\u53D6 options","value-props":{options:async()=>[{label:"\u9009\u98791",value:"1",color:"primary"},{label:"\u9009\u98792",value:"2",color:"success"}]}},null,8,["value-props"]),e(l(a),{prop:"selectValidate",label:"select","value-type":"select",width:"small",message:"\u9A8C\u8BC1 value \u5FC5\u987B\u5728 options \u4E2D","initial-value":"3","value-props":{requiredValueOnOptions:!0,options:[{label:"\u9009\u98791",value:"1",color:"primary"},{label:"\u9009\u98792",value:"2",color:"success"}]}}),e(l(a),{prop:"multi-select",label:"multi-select","value-type":"multi-select",width:"small","value-props":{options:[{label:"\u9009\u98791",value:"1"},{label:"\u9009\u98792",value:"2"}],separator:" - "}}),e(l(a),{prop:"radio",label:"radio","value-type":"radio","value-props":{options:[{label:"\u662F",value:1},{label:"\u5426",value:0}]}}),e(l(a),{prop:"radioInButton",label:"radioInButton","value-type":"radio","value-props":{inButton:!0,options:[{label:"\u4E0A\u6D77",value:0},{label:"\u5317\u4EAC",value:1},{label:"\u5E7F\u5DDE",value:2},{label:"\u6DF1\u5733",value:3}]}}),e(l(w),{label:"checkbox",message:"\u914D\u5408 fat-form-group \u4F7F\u7528"},{default:u(()=>[e(l(a),{prop:"checkbox","value-type":"checkbox"}),j]),_:1}),e(l(a),{prop:"checkbox","label-width":"auto","value-type":"checkbox","value-props":{label:"\u662F\u5426\u5F00\u542F"}}),e(l(a),{prop:"checkboxs",label:"checkboxs","value-type":"checkboxs","value-props":{options:[{label:"\u9009\u6211",value:1},{label:"\u9009\u6211\u554A",value:0}]}}),e(l(a),{prop:"cascaderLazy",label:"cascader-lazy","value-type":"cascader-lazy",width:"huge","value-props":m,"initial-value":["0","01","012","0121"]}),e(l(a),{prop:"cascader",label:"cascader","value-type":"cascader",width:"huge","value-props":y,"initial-value":[0,2]}),e(l(a),{prop:"treeSelect",label:"tree-select","value-type":"tree-select",width:"huge","value-props":g})]),_:1}),e(l(p),{title:"\u6570\u5B57\u7C7B"},{default:u(()=>[e(l(a),{prop:"integer",label:"integer","value-type":"integer"}),e(l(a),{prop:"float",label:"float","value-type":"float"}),e(l(a),{prop:"number",label:"number","value-type":"number"}),e(l(a),{prop:"currency",label:"currency","value-type":"currency"})]),_:1}),e(l(p),{title:"\u4EA4\u4E92\u7C7B"},{default:u(()=>[e(l(a),{prop:"switch",label:"switch","value-type":"switch",width:"mini"}),e(l(a),{prop:"captcha",label:"captcha","value-type":"captcha",width:"medium","value-props":{onGetCaptcha:i}},null,8,["value-props"]),e(l(a),{prop:"rate",label:"rate","value-type":"rate"}),e(l(a),{prop:"slider",label:"slider","value-type":"slider",width:"large"}),e(l(a),{prop:"sliderRange",label:"slider-range","value-type":"slider-range",width:"large"}),e(l(a),{prop:"sliderVertical",label:"slider","value-type":"slider","value-props":{vertical:!0},message:"\u5782\u76F4\u6A21\u5F0F","initial-value":50})]),_:1}),e(l(p),{title:"\u6587\u4EF6\u7C7B"},{default:u(()=>[e(l(a),{prop:"files",label:"files","value-type":"files","value-props":{sizeLimit:1024*100,accept:[".png",".jpg"]},message:"\u8BF7\u4E0A\u4F20png/jpg\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"},null,8,["value-props"]),e(l(a),{prop:"filesDrag",label:"files","value-type":"files","value-props":{sizeLimit:1024*100,accept:[".png",".jpg"],drag:!0},message:"\u62D6\u62FD\u6A21\u5F0F: \u8BF7\u4E0A\u4F20png/jpg\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"},null,8,["value-props"]),e(l(a),{prop:"file",label:"file","value-type":"file"}),e(l(a),{prop:"images",label:"images","value-type":"images","value-props":{sizeLimit:1024*100,accept:[".png",".jpg"]},rules:{required:!0},message:"\u8BF7\u4E0A\u4F20\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"},null,8,["value-props"]),e(l(a),{prop:"imagesLimited",label:"images-limited","value-type":"images","value-props":{limit:3},message:"\u9650\u5236 3 \u5F20"}),e(l(a),{prop:"image",label:"image","value-type":"image",message:"\u5355\u56FE\u7247"})]),_:1}),e(l(p),{title:"\u5C55\u793A\u7C7B(\u7F16\u8F91\u6A21\u5F0F\u9ED8\u8BA4\u9690\u85CF)"},{default:u(()=>[e(l(a),{"hide-on-edit":!1,prop:"progress",label:"progress","value-type":"progress","initial-value":50}),e(l(a),{"hide-on-edit":!1,prop:"avatar",label:"avatar","value-type":"avatar","initial-value":{avatar:"https://test-material-1259575047.cos.ap-guangzhou.myqcloud.com/4b93eb5d5cc7472cbe4ce5149d1c73fe.jpg",title:"\u8FD9\u662F\u6807\u9898",description:"\u4F46\u8FDC\u5C71\u957F\uFF0C\u4E91\u5C71\u4E71\uFF0C\u6653\u5C71\u9752\u3002"}},null,8,["initial-value"])]),_:1})]),_:1},8,["mode"])])}}});const I=z(S,[["__scopeId","data-v-1af2ff5e"]]),L={class:"wk-demo"},O=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"atomics/all-atomics.demo.md","lastUpdated":1719310312000}'),R={name:"atomics/all-atomics.demo.md"},q=Object.assign(R,{setup(r){return(v,m)=>{const i=b("ClientOnly");return h(),F("div",null,[e(i,null,{default:u(()=>[n("div",L,[e(I)])]),_:1})])}}});export{O as __pageData,q as default}; diff --git a/assets/atomics_custom.md.9b8e44c2.js b/assets/atomics_custom.md.9b8e44c2.js new file mode 100644 index 0000000..2788070 --- /dev/null +++ b/assets/atomics_custom.md.9b8e44c2.js @@ -0,0 +1,166 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const i=JSON.parse('{"title":"\u81EA\u5B9A\u4E49\u539F\u4EF6","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u539F\u4EF6\u534F\u8BAE","slug":"\u539F\u4EF6\u534F\u8BAE","link":"#\u539F\u4EF6\u534F\u8BAE","children":[]},{"level":2,"title":"\u7EC4\u4EF6\u5B9E\u73B0","slug":"\u7EC4\u4EF6\u5B9E\u73B0","link":"#\u7EC4\u4EF6\u5B9E\u73B0","children":[]},{"level":2,"title":"\u539F\u4EF6\u5B9E\u73B0\u793A\u4F8B","slug":"\u539F\u4EF6\u5B9E\u73B0\u793A\u4F8B","link":"#\u539F\u4EF6\u5B9E\u73B0\u793A\u4F8B","children":[]},{"level":2,"title":"\u4F7F\u7528\u81EA\u5B9A\u4E49\u539F\u4EF6","slug":"\u4F7F\u7528\u81EA\u5B9A\u4E49\u539F\u4EF6","link":"#\u4F7F\u7528\u81EA\u5B9A\u4E49\u539F\u4EF6","children":[]}],"relativePath":"atomics/custom.md","lastUpdated":1719310312000}'),p={name:"atomics/custom.md"},o=l(`

\u81EA\u5B9A\u4E49\u539F\u4EF6

\u5982\u679C\u5185\u7F6E\u7684\u539F\u4EF6\u65E0\u6CD5\u6EE1\u8DB3\u4F60\u7684\u9700\u6C42\uFF0C\u6211\u4EEC\u4E5F\u652F\u6301\u81EA\u5B9A\u4E49\u539F\u4EF6\u3002



\u539F\u4EF6\u534F\u8BAE

ts
export interface Atomic<T = any, P extends AtomicCommonProps<T> = AtomicCommonProps<T>> {
+  /**
+   * \u540D\u79F0\uFF0C\u547D\u540D\u89C4\u8303\u9075\u5FAA kebab-case, \u9700\u8981\u907F\u514D\u548C\u5176\u4ED6\u7EC4\u4EF6\u51B2\u7A81
+   */
+  name: string;
+
+  /**
+   * \u63CF\u8FF0
+   */
+  description?: string;
+
+  /**
+   * \u539F\u4EF6\u4F5C\u8005
+   */
+  author?: string;
+
+  /**
+   * \u662F\u5426\u4E3A \u53EA\u9884\u89C8\u6A21\u5F0F\u3002\u53EF\u4EE5\u63D0\u793A\u7EC4\u4EF6\u5B9E\u73B0\u8005\uFF0C\u5728\u7F16\u8F91\u6A21\u5F0F\u4E0B\u9690\u85CF\u8BE5\u539F\u4EF6
+   */
+  previewOnly?: boolean;
+
+  /**
+   * \u662F\u5426\u4E3A \u53EA\u7F16\u8F91\u6A21\u5F0F\u3002\u53EF\u4EE5\u63D0\u793A\u7EC4\u4EF6\u5B9E\u73B0\u8005\uFF0C\u5728\u9884\u89C8\u6A21\u5F0F\u4E0B\u9690\u85CF\u8BE5\u539F\u4EF6
+   */
+  editOnly?: boolean;
+
+  /**
+   * \u7EC4\u4EF6\u5B9E\u73B0, \u5C31\u662F\u4E00\u4E2A\u6E32\u67D3\u51FD\u6570
+   */
+  component: (props: P) => any;
+
+  /**
+   * \u503C\u9A8C\u8BC1
+   * @param {T} value \u5F53\u524D\u503C
+   * @param {any} context \u4E0A\u4E0B\u6587\uFF0C\u53EF\u4EE5\u83B7\u53D6\u5230\u5176\u4ED6\u5B57\u6BB5\u7684\u503C
+   * \u9A8C\u8BC1\u5931\u8D25\u629B\u51FA\u5F02\u5E38
+   */
+  validate?: (value: any, props: P, context: any) => Promise<void>;
+
+  /**
+   * \u9A8C\u8BC1\u89E6\u53D1\u7684\u65F6\u673A
+   */
+  validateTrigger?: 'change' | 'blur';
+}
+

\u547D\u540D\u89C4\u8303

  • \u4F7F\u7528 kebab-case, \u4F8B\u5982 date-range
  • \u4F7F\u7528\u540D\u8BCD/\u52A8\u540D\u8BCD\u3002\u4F8B\u5982 file \u53D6\u4EE3 upload, files \u53D6\u4EE3 upload-multiple



\u7EC4\u4EF6\u5B9E\u73B0

component \u662F\u539F\u4EF6\u7684\u5B9E\u73B0\uFF0C\u8FD9\u662F\u8FD9\u662F\u4E00\u4E2A\u6E32\u67D3\u51FD\u6570\uFF0C\u63A5\u6536 props \u5E76\u8FD4\u56DE VNodeChild\u3002 \u4EE5\u4E0B props \u662F\u56FA\u5B9A\u7684:



tsx
export interface AtomicCommonProps<T> {
+  /**
+   * \u6E32\u67D3\u6A21\u5F0F
+   */
+  mode?: 'editable' | 'preview';
+
+  /**
+   * \u573A\u666F\u503C
+   * \u573A\u666F\u503C\u7ED9\u539F\u4EF6\u63D0\u4F9B\u4E86\u989D\u5916\u7684\u4FE1\u606F\uFF0C\u4ECE\u800C\u53EF\u4EE5\u63D0\u4F9B\u66F4\u5408\u7406\u7684\u9ED8\u8BA4\u884C\u4E3A
+   */
+  scene?: 'table' | 'form';
+
+  /**
+   * \u662F\u5426\u5DF2\u7981\u7528
+   */
+  disabled?: boolean;
+
+  /**
+   * \u5B57\u6BB5\u503C
+   */
+  value?: T;
+
+  /**
+   * \u5B57\u6BB5\u53D8\u5316
+   */
+  onChange?: (value?: T) => void;
+
+  /**
+   * \u7C7B\u540D
+   */
+  class?: ClassValue;
+
+  /**
+   * \u6837\u5F0F
+   */
+  style?: StyleValue;
+
+  /**
+   * \u4E0A\u4E0B\u6587\u4FE1\u606F\uFF0C\u7531\u5177\u4F53\u7684\u5E94\u7528\u7EC4\u4EF6\u6307\u5B9A
+   *
+   * note: \u901A\u7528\u539F\u4EF6\u901A\u5E38\u4E0D\u4F1A\u76F4\u63A5\u8026\u5408\u5177\u4F53\u7684\u4E0A\u4E0B\u6587\u4FE1\u606F
+   */
+  context?: any;
+}
+

\u7531\u4E0A\u53EF\u89C1\uFF0C\u539F\u4EF6\u6700\u6838\u5FC3\u7684\u662F mode \u4EE5\u53CA value/onChange \u534F\u8BAE\u3002

  • mode \u51B3\u5B9A\u662F\u4EE5\u9884\u89C8\u6A21\u5F0F\u5448\u73B0\u8FD8\u662F\u7F16\u8F91\u6A21\u5F0F
  • value/onChange \u662F\u5178\u578B\u7684\u8868\u5355\u534F\u8BAE\u3002 \u7C7B\u4F3C\u4E8E Vue \u7684 v-model




\u539F\u4EF6\u5B9E\u73B0\u793A\u4F8B

\u4EE5\u6700\u7B80\u5355\u7684 switch \u539F\u4EF6\u4E3A\u4F8B:

tsx
import { ElSwitchProps, ElSwitch } from 'element-plus';
+
+import { defineAtomic, defineAtomicComponent, DefineAtomicProps, globalRegistry } from '@wakeadmin/components';
+
+/**
+ * \u5B9A\u4E49\u539F\u4EF6 props
+ */
+export type ASwitchProps = DefineAtomicProps<
+  // \u{1F534} \u539F\u4EF6\u7684\u503C\u7C7B\u578B\uFF0Cswitch \u5728\u539F\u4EF6\u652F\u6301 value \u4E3A string | number | boolean \u7C7B\u578B
+  string | number | boolean,
+  // \u{1F534} \u7EE7\u627F\u7684\u5C5E\u6027
+  ElSwitchProps,
+  // \u{1F534} \u62D3\u5C55\u7684\u7684\u5C5E\u6027
+  {
+    renderPreview?: (active: boolean) => any;
+    /**
+     * \u9ED8\u8BA4\u540C activeText
+     */
+    previewActiveText?: string;
+    /**
+     * \u9884\u89C8\u65F6 inactiveText
+     */
+    previewInactiveText?: string;
+  }
+>;
+
+// \u{1F534} \u6CE8\u518C\u5230\u5168\u5C40\u7684 AtomicProps \u4E2D
+// \u8FD9\u4E2A\u8BA9 FatTable\u3001FatForm \u5728\u4F7F\u7528\u65F6\u53EF\u4EE5\u4ECE valueType \u63A8\u65AD\u51FA valueProps \u7684\u7C7B\u578B
+declare global {
+  interface AtomicProps {
+    switch: ASwitchProps;
+  }
+}
+
+// \u{1F534} \u7EC4\u4EF6\u5B9E\u73B0, \u7C7B\u4F3C\u4E8E defineComponent
+export const ASwitchComponent = defineAtomicComponent(
+  (props: ASwitchProps) => {
+    // \u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E Composition API
+
+    // \u8FD4\u56DE JSX.Element
+    return () => {
+      const { value, mode, onChange, context, scene, renderPreview, ...other } = props;
+
+      const activeValue = other.activeValue ?? true;
+      const active = value === activeValue;
+      const activeText = other.previewActiveText ?? other.activeText ?? '\u5F00\u542F';
+      const inactiveText = other.previewInactiveText ?? other.inactiveText ?? '\u5173\u95ED';
+
+      // \u9884\u89C8\u6A21\u5F0F
+      if (mode === 'preview') {
+        return renderPreview ? renderPreview(active) : <span>{active ? activeText : inactiveText}</span>;
+      }
+
+      // \u7F16\u8F91\u6A21\u5F0F
+      return <ElSwitch {...other} modelValue={value} onUpdate:modelValue={onChange} />;
+    };
+  },
+  { name: 'ASwitch' }
+);
+
+// \u{1F534} \u6CE8\u518C
+globalRegistry.register('switch', {
+  name: 'switch',
+  component: ASwitchComponent,
+  description: '\u5F00\u5173',
+  author: 'ivan-lee',
+});
+



\u5982\u679C\u60F3\u6DF1\u5165\u4E86\u89E3\u81EA\u5B9A\u4E49\u539F\u4EF6\u7684\u5F00\u53D1\u7EC6\u8282\uFF0C\u53EF\u4EE5\u53C2\u8003\u5185\u7F6E\u539F\u4EF6\u7684\u5B9E\u73B0\u3002





\u4F7F\u7528\u81EA\u5B9A\u4E49\u539F\u4EF6

\u4F7F\u7528\u81EA\u5B9A\u4E49\u539F\u4EF6\u4E24\u79CD\u65B9\u5F0F:

  1. \u5982\u679C\u4F7F\u7528 globalRegistry.register \u6CE8\u518C\u7684\u539F\u4EF6\u3002\u53EF\u4EE5\u901A\u8FC7\u5B57\u7B26\u4E32\u540D\u79F0\u4F7F\u7528, \u4F8B\u5982\uFF1A

    vue
    <FatFormItem value-type="switch" />
    +



  2. \u76F4\u63A5\u5C06 atomic \u5B9A\u4E49\u4F20\u5165\uFF0C \u4F8B\u5982

    tsx
    const switch = defineAtomic({
    +  name: 'switch',
    +  component: ASwitchComponent,
    +  description: '\u5F00\u5173',
    +  author: 'ivan-lee',
    +})
    +
    +// \u4F7F\u7528
    +<FatFormItem valueType={switch} />
    +



`,37),e=[o];function c(t,r,y,D,F,C){return n(),a("div",null,e)}const E=s(p,[["render",c]]);export{i as __pageData,E as default}; diff --git a/assets/atomics_custom.md.9b8e44c2.lean.js b/assets/atomics_custom.md.9b8e44c2.lean.js new file mode 100644 index 0000000..95e424a --- /dev/null +++ b/assets/atomics_custom.md.9b8e44c2.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const i=JSON.parse('{"title":"\u81EA\u5B9A\u4E49\u539F\u4EF6","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u539F\u4EF6\u534F\u8BAE","slug":"\u539F\u4EF6\u534F\u8BAE","link":"#\u539F\u4EF6\u534F\u8BAE","children":[]},{"level":2,"title":"\u7EC4\u4EF6\u5B9E\u73B0","slug":"\u7EC4\u4EF6\u5B9E\u73B0","link":"#\u7EC4\u4EF6\u5B9E\u73B0","children":[]},{"level":2,"title":"\u539F\u4EF6\u5B9E\u73B0\u793A\u4F8B","slug":"\u539F\u4EF6\u5B9E\u73B0\u793A\u4F8B","link":"#\u539F\u4EF6\u5B9E\u73B0\u793A\u4F8B","children":[]},{"level":2,"title":"\u4F7F\u7528\u81EA\u5B9A\u4E49\u539F\u4EF6","slug":"\u4F7F\u7528\u81EA\u5B9A\u4E49\u539F\u4EF6","link":"#\u4F7F\u7528\u81EA\u5B9A\u4E49\u539F\u4EF6","children":[]}],"relativePath":"atomics/custom.md","lastUpdated":1719310312000}'),p={name:"atomics/custom.md"},o=l("",37),e=[o];function c(t,r,y,D,F,C){return n(),a("div",null,e)}const E=s(p,[["render",c]]);export{i as __pageData,E as default}; diff --git a/assets/atomics_faq.md.15a3344b.js b/assets/atomics_faq.md.15a3344b.js new file mode 100644 index 0000000..a151cb2 --- /dev/null +++ b/assets/atomics_faq.md.15a3344b.js @@ -0,0 +1,98 @@ +import{n as G,r as k,q as Z,s as ss,t as ns,v as as,x as ls,y as os,z as es,A as ps,B as ts,C as rs,a as cs,o as Fs,c as ys,f as w,w as $,m as L,b as H,g as K}from"./app.56f20909.js";const Ds=G(({item:a,group:l})=>{const n=k(0),o=()=>(n.value++,Promise.resolve([{label:"\u9009\u98791",value:1},{label:"\u9009\u98792",value:2}]));return()=>({children:[a({prop:"option1",label:"\u9009\u98791",valueType:"select",initialValue:1,valueProps:{options:o}}),a({prop:"option2",label:"\u9009\u98791",valueType:"select",initialValue:2,valueProps:{options:o}}),l({label:"\u8C03\u7528\u6B21\u6570",children:[Z("span",{children:n.value})]})]})});var O=new WeakMap,Q=0;function is(a){if(!a.length)return"";for(var l="arg",n=0;n=n.expiresAt;t&&e.delete(o)},l)},a.prototype.delete=function(l){this.items.delete(l)},a}();function fs(){return typeof navigator.onLine<"u"?navigator.onLine:!0}function ds(){return typeof document<"u"&&typeof document.visibilityState<"u"?document.visibilityState!=="hidden":!0}var Cs=function(a){return fetch(a).then(function(l){return l.json()})};const P={isOnline:fs,isDocumentVisible:ds,fetcher:Cs};var C=globalThis&&globalThis.__assign||function(){return C=Object.assign||function(a){for(var l,n=1,o=arguments.length;n0&&s[s.length-1])&&(p[0]===6||p[0]===2)){n=0;continue}if(p[0]===3&&(!s||p[1]>s[0]&&p[1]0)&&!(e=o.next()).done;)s.push(e.value)}catch(y){t={error:y}}finally{try{e&&!e.done&&(n=o.return)&&n.call(o)}finally{if(t)throw t.error}}return s},vs=globalThis&&globalThis.__spreadArray||function(a,l,n){if(n||arguments.length===2)for(var o=0,e=l.length,s;o0?n+e:n)}}function ms(a,l,n){if(!!n.isDocumentVisible()&&!(n.errorRetryCount!==void 0&&l>n.errorRetryCount)){var o=Math.min(l||0,n.errorRetryCount),e=o*n.errorRetryInterval;setTimeout(function(){a(null,{errorRetryCount:o+1,shouldRetryOnError:!0})},e)}}var U=function(a,l,n,o){return n===void 0&&(n=J),o===void 0&&(o=X.ttl),m(void 0,void 0,void 0,function(){var e,s,t,y,D,p,r;return b(this,function(u){switch(u.label){case 0:if(!gs(l))return[3,5];u.label=1;case 1:return u.trys.push([1,3,,4]),[4,l];case 2:return e=u.sent(),[3,4];case 3:return y=u.sent(),s=y,[3,4];case 4:return[3,6];case 5:e=l,u.label=6;case 6:return t=!1,D={data:e,error:s,isValidating:t},typeof e<"u"&&n.set(a,D,o),p=V.get(a),p&&p.data.length&&(r=p.data.filter(function(f){return f.key===a}),r.forEach(function(f,F){typeof D.data<"u"&&(f.data=D.data),f.error=D.error,f.isValidating=D.isValidating;var A=F===r.length-1;A||delete r[F]}),r=r.filter(Boolean)),[2,D]}})})};function bs(){for(var a=this,l=[],n=0;n=1&&(o=l[0]),l.length>=2&&(e=l[1]),l.length>2&&(s=C(C({},s),l[2]));var u=r?s.serverTTL:s.ttl,f=typeof o=="function"?o:k(o);typeof e>"u"&&(e=s.fetcher);var F=null;F||(F=ss({data:void 0,error:void 0,isValidating:!0,key:null}));var A=function(i,c){return m(a,void 0,void 0,function(){var N,d,g,_,R,z,S,q=this;return b(this,function(x){switch(x.label){case 0:return N=F.data===void 0,d=f.value,d?(g=s.cache.get(d),_=g&&g.data,F.isValidating=!0,_&&(F.data=_.data,F.error=_.error),R=i||e,!R||!s.isDocumentVisible()&&!N||(c==null?void 0:c.forceRevalidate)!==void 0&&!(c!=null&&c.forceRevalidate)?(F.isValidating=!1,[2]):g&&(z=Boolean(Date.now()-g.createdAt>=s.dedupingInterval||(c==null?void 0:c.forceRevalidate)),!z)?(F.isValidating=!1,[2]):(S=function(){return m(q,void 0,void 0,function(){var v,M,I,W;return b(this,function(T){switch(T.label){case 0:return v=B.get(d),v?[3,2]:(M=Array.isArray(d)?d:[d],I=R.apply(void 0,vs([],As(M),!1)),B.set(d,I,s.dedupingInterval),[4,U(d,I,s.cache,u)]);case 1:return T.sent(),[3,4];case 2:return[4,U(d,v.data,s.cache,u)];case 3:T.sent(),T.label=4;case 4:return F.isValidating=!1,B.delete(d),F.error!==void 0&&(W=!t&&s.shouldRetryOnError&&(c?c.shouldRetryOnError:!0),W&&ms(A,c?c.errorRetryCount:1,s)),[2]}})})},_&&s.revalidateDebounce?(setTimeout(function(){return m(q,void 0,void 0,function(){return b(this,function(v){switch(v.label){case 0:return t?[3,2]:[4,S()];case 1:v.sent(),v.label=2;case 2:return[2]}})})},s.revalidateDebounce),[3,3]):[3,1])):[2];case 1:return[4,S()];case 2:x.sent(),x.label=3;case 3:return[2]}})})},E=function(){return m(a,void 0,void 0,function(){return b(this,function(i){return[2,A(null,{shouldRetryOnError:!1})]})})},h=null;ns(function(){var i=function(){return m(a,void 0,void 0,function(){return b(this,function(c){switch(c.label){case 0:return!F.error&&s.isOnline()?[4,A()]:[3,2];case 1:return c.sent(),[3,3];case 2:h&&clearTimeout(h),c.label=3;case 3:return s.refreshInterval&&!t&&(h=setTimeout(i,s.refreshInterval)),[2]}})})};s.refreshInterval&&(h=setTimeout(i,s.refreshInterval)),s.revalidateOnFocus&&(document.addEventListener("visibilitychange",E,!1),window.addEventListener("focus",E,!1))}),as(function(){t=!0,h&&clearTimeout(h),s.revalidateOnFocus&&(document.removeEventListener("visibilitychange",E,!1),window.removeEventListener("focus",E,!1));var i=V.get(f.value);i&&(i.data=i.data.filter(function(c){return c!==F}))});try{ls(f,function(i){os(f)||(f.value=i),F.key=i,F.isValidating=Boolean(i),hs(f.value,F,u),!r&&!y&&f.value&&A(),y=!1},{immediate:!0})}catch{}var Y=C(C({},es(F)),{mutate:function(i,c){return A(i,C(C({},c),{forceRevalidate:!0}))}});return Y}function gs(a){return a!==null&&typeof a=="object"&&typeof a.then=="function"}const _s=G(({item:a,group:l})=>{const n=k(0);let o=0;const{data:e,mutate:s}=bs("/your/api",()=>(n.value++,Promise.resolve([{label:`\u9009\u98791 ${o++}`,value:1},{label:`\u9009\u98792 ${o++}`,value:2}])));return()=>({children:[a({prop:"option1",label:"\u9009\u98791",valueType:"select",initialValue:1,valueProps:{options:e.value}}),a({prop:"option2",label:"\u9009\u98791",valueType:"select",initialValue:2,valueProps:{options:e.value}}),l({label:"\u5237\u65B0",children:[ts(rs,{onClick:()=>s(),children:["reload: ",n.value]})]})]})}),Es=L('

FAQ


1. select \u539F\u4EF6\u600E\u4E48\u652F\u6301\u5F02\u6B65\u52A0\u8F7D options

TIP

\u5176\u4ED6\u539F\u4EF6\u7C7B\u4F3C\uFF1Atree-select, multi-select, cascader, cascader-lazy


\u65B9\u5F0F 1\uFF1A \u76F4\u63A5\u4F20\u5165\u4E00\u4E2A\u5F02\u6B65\u51FD\u6570

',6),Ts={class:"wk-demo"},ws=L(`
\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+import { ref } from 'vue';
+
+export default defineFatForm(({ item, group }) => {
+  const callTime = ref(0);
+
+  const getList = () => {
+    callTime.value++;
+
+    return Promise.resolve([
+      {
+        label: '\u9009\u98791',
+        value: 1,
+      },
+      {
+        label: '\u9009\u98792',
+        value: 2,
+      },
+    ]);
+  };
+
+  return () => ({
+    children: [
+      item({
+        prop: 'option1',
+        label: '\u9009\u98791',
+        valueType: 'select',
+        initialValue: 1,
+        valueProps: {
+          options: getList,
+        },
+      }),
+      item({
+        prop: 'option2',
+        label: '\u9009\u98791',
+        valueType: 'select',
+        initialValue: 2,
+        valueProps: {
+          options: getList,
+        },
+      }),
+      group({
+        label: '\u8C03\u7528\u6B21\u6570',
+        children: [<span>{callTime.value}</span>],
+      }),
+    ],
+  });
+});
+

\u8981\u70B9\uFF1A

  • \u5F02\u6B65\u51FD\u6570\u53EA\u4F1A\u5728\u539F\u4EF6\u6302\u8F7D(setup)\u65F6\u6267\u884C\u4E00\u6B21\u3002\u540E\u7EED\u539F\u4EF6\u91CD\u65B0\u6E32\u67D3\u4E0D\u4F1A\u88AB\u6267\u884C
  • \u91CD\u590D\u7684\u5F02\u6B65\u51FD\u6570\u4F1A\u88AB\u81EA\u52A8\u5408\u5E76\u3002\u6240\u4EE5\u53EF\u4EE5\u653E\u5FC3\u5730\u5728\u8868\u683C(FatTable)\u7B49\u573A\u666F\u4F7F\u7528\u5B83\u3002


\u65B9\u5F0F 2\uFF1A \u624B\u52A8\u7EF4\u62A4

\u53EF\u4EE5\u81EA\u5DF1\u624B\u52A8\u8BF7\u6C42\u6570\u636E\uFF0C\u5E76\u901A\u8FC7 ref \u4FDD\u5B58\u8D77\u6765\u3002\u8FD9\u79CD\u65B9\u5F0F\u9002\u7528\u4E8E\u9700\u8981\u624B\u52A8\u63A7\u5236\u8BF7\u6C42\u65F6\u673A\u3001\u5237\u65B0\u65F6\u673A\u7684\u573A\u666F\u3002

\u793A\u4F8B\uFF1A\u914D\u5408 swrv \u4F7F\u7528\uFF1A

`,8),Vs={class:"wk-demo"},Rs=L(`
\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+import { ref } from 'vue';
+import useSwrv from 'swrv';
+import { ElButton } from 'element-plus';
+
+export default defineFatForm(({ item, group }) => {
+  const callTime = ref(0);
+  let uuid = 0;
+  const { data, mutate: reload } = useSwrv('/your/api', () => {
+    callTime.value++;
+    return Promise.resolve([
+      {
+        label: \`\u9009\u98791 \${uuid++}\`,
+        value: 1,
+      },
+      {
+        label: \`\u9009\u98792 \${uuid++}\`,
+        value: 2,
+      },
+    ]);
+  });
+
+  return () => ({
+    children: [
+      item({
+        prop: 'option1',
+        label: '\u9009\u98791',
+        valueType: 'select',
+        initialValue: 1,
+        valueProps: {
+          options: data.value,
+        },
+      }),
+      item({
+        prop: 'option2',
+        label: '\u9009\u98791',
+        valueType: 'select',
+        initialValue: 2,
+        valueProps: {
+          options: data.value,
+        },
+      }),
+      group({
+        label: '\u5237\u65B0',
+        children: [<ElButton onClick={() => reload()}>reload: {callTime.value}</ElButton>],
+      }),
+    ],
+  });
+});
+




`,5),Is=JSON.parse('{"title":"FAQ","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. select \u539F\u4EF6\u600E\u4E48\u652F\u6301\u5F02\u6B65\u52A0\u8F7D options","slug":"_1-select-\u539F\u4EF6\u600E\u4E48\u652F\u6301\u5F02\u6B65\u52A0\u8F7D-options","link":"#_1-select-\u539F\u4EF6\u600E\u4E48\u652F\u6301\u5F02\u6B65\u52A0\u8F7D-options","children":[]}],"relativePath":"atomics/faq.md","lastUpdated":1719310312000}'),Ss={name:"atomics/faq.md"},Os=Object.assign(Ss,{setup(a){return(l,n)=>{const o=cs("ClientOnly");return Fs(),ys("div",null,[Es,w(o,null,{default:$(()=>[H("div",Ts,[w(K(Ds))])]),_:1}),ws,w(o,null,{default:$(()=>[H("div",Vs,[w(K(_s))])]),_:1}),Rs])}}});export{Is as __pageData,Os as default}; diff --git a/assets/atomics_faq.md.15a3344b.lean.js b/assets/atomics_faq.md.15a3344b.lean.js new file mode 100644 index 0000000..31234f6 --- /dev/null +++ b/assets/atomics_faq.md.15a3344b.lean.js @@ -0,0 +1 @@ +import{n as G,r as k,q as Z,s as ss,t as ns,v as as,x as ls,y as os,z as es,A as ps,B as ts,C as rs,a as cs,o as Fs,c as ys,f as w,w as $,m as L,b as H,g as K}from"./app.56f20909.js";const Ds=G(({item:a,group:l})=>{const n=k(0),o=()=>(n.value++,Promise.resolve([{label:"\u9009\u98791",value:1},{label:"\u9009\u98792",value:2}]));return()=>({children:[a({prop:"option1",label:"\u9009\u98791",valueType:"select",initialValue:1,valueProps:{options:o}}),a({prop:"option2",label:"\u9009\u98791",valueType:"select",initialValue:2,valueProps:{options:o}}),l({label:"\u8C03\u7528\u6B21\u6570",children:[Z("span",{children:n.value})]})]})});var O=new WeakMap,Q=0;function is(a){if(!a.length)return"";for(var l="arg",n=0;n=n.expiresAt;t&&e.delete(o)},l)},a.prototype.delete=function(l){this.items.delete(l)},a}();function fs(){return typeof navigator.onLine<"u"?navigator.onLine:!0}function ds(){return typeof document<"u"&&typeof document.visibilityState<"u"?document.visibilityState!=="hidden":!0}var Cs=function(a){return fetch(a).then(function(l){return l.json()})};const P={isOnline:fs,isDocumentVisible:ds,fetcher:Cs};var C=globalThis&&globalThis.__assign||function(){return C=Object.assign||function(a){for(var l,n=1,o=arguments.length;n0&&s[s.length-1])&&(p[0]===6||p[0]===2)){n=0;continue}if(p[0]===3&&(!s||p[1]>s[0]&&p[1]0)&&!(e=o.next()).done;)s.push(e.value)}catch(y){t={error:y}}finally{try{e&&!e.done&&(n=o.return)&&n.call(o)}finally{if(t)throw t.error}}return s},vs=globalThis&&globalThis.__spreadArray||function(a,l,n){if(n||arguments.length===2)for(var o=0,e=l.length,s;o0?n+e:n)}}function ms(a,l,n){if(!!n.isDocumentVisible()&&!(n.errorRetryCount!==void 0&&l>n.errorRetryCount)){var o=Math.min(l||0,n.errorRetryCount),e=o*n.errorRetryInterval;setTimeout(function(){a(null,{errorRetryCount:o+1,shouldRetryOnError:!0})},e)}}var U=function(a,l,n,o){return n===void 0&&(n=J),o===void 0&&(o=X.ttl),m(void 0,void 0,void 0,function(){var e,s,t,y,D,p,r;return b(this,function(u){switch(u.label){case 0:if(!gs(l))return[3,5];u.label=1;case 1:return u.trys.push([1,3,,4]),[4,l];case 2:return e=u.sent(),[3,4];case 3:return y=u.sent(),s=y,[3,4];case 4:return[3,6];case 5:e=l,u.label=6;case 6:return t=!1,D={data:e,error:s,isValidating:t},typeof e<"u"&&n.set(a,D,o),p=V.get(a),p&&p.data.length&&(r=p.data.filter(function(f){return f.key===a}),r.forEach(function(f,F){typeof D.data<"u"&&(f.data=D.data),f.error=D.error,f.isValidating=D.isValidating;var A=F===r.length-1;A||delete r[F]}),r=r.filter(Boolean)),[2,D]}})})};function bs(){for(var a=this,l=[],n=0;n=1&&(o=l[0]),l.length>=2&&(e=l[1]),l.length>2&&(s=C(C({},s),l[2]));var u=r?s.serverTTL:s.ttl,f=typeof o=="function"?o:k(o);typeof e>"u"&&(e=s.fetcher);var F=null;F||(F=ss({data:void 0,error:void 0,isValidating:!0,key:null}));var A=function(i,c){return m(a,void 0,void 0,function(){var N,d,g,_,R,z,S,q=this;return b(this,function(x){switch(x.label){case 0:return N=F.data===void 0,d=f.value,d?(g=s.cache.get(d),_=g&&g.data,F.isValidating=!0,_&&(F.data=_.data,F.error=_.error),R=i||e,!R||!s.isDocumentVisible()&&!N||(c==null?void 0:c.forceRevalidate)!==void 0&&!(c!=null&&c.forceRevalidate)?(F.isValidating=!1,[2]):g&&(z=Boolean(Date.now()-g.createdAt>=s.dedupingInterval||(c==null?void 0:c.forceRevalidate)),!z)?(F.isValidating=!1,[2]):(S=function(){return m(q,void 0,void 0,function(){var v,M,I,W;return b(this,function(T){switch(T.label){case 0:return v=B.get(d),v?[3,2]:(M=Array.isArray(d)?d:[d],I=R.apply(void 0,vs([],As(M),!1)),B.set(d,I,s.dedupingInterval),[4,U(d,I,s.cache,u)]);case 1:return T.sent(),[3,4];case 2:return[4,U(d,v.data,s.cache,u)];case 3:T.sent(),T.label=4;case 4:return F.isValidating=!1,B.delete(d),F.error!==void 0&&(W=!t&&s.shouldRetryOnError&&(c?c.shouldRetryOnError:!0),W&&ms(A,c?c.errorRetryCount:1,s)),[2]}})})},_&&s.revalidateDebounce?(setTimeout(function(){return m(q,void 0,void 0,function(){return b(this,function(v){switch(v.label){case 0:return t?[3,2]:[4,S()];case 1:v.sent(),v.label=2;case 2:return[2]}})})},s.revalidateDebounce),[3,3]):[3,1])):[2];case 1:return[4,S()];case 2:x.sent(),x.label=3;case 3:return[2]}})})},E=function(){return m(a,void 0,void 0,function(){return b(this,function(i){return[2,A(null,{shouldRetryOnError:!1})]})})},h=null;ns(function(){var i=function(){return m(a,void 0,void 0,function(){return b(this,function(c){switch(c.label){case 0:return!F.error&&s.isOnline()?[4,A()]:[3,2];case 1:return c.sent(),[3,3];case 2:h&&clearTimeout(h),c.label=3;case 3:return s.refreshInterval&&!t&&(h=setTimeout(i,s.refreshInterval)),[2]}})})};s.refreshInterval&&(h=setTimeout(i,s.refreshInterval)),s.revalidateOnFocus&&(document.addEventListener("visibilitychange",E,!1),window.addEventListener("focus",E,!1))}),as(function(){t=!0,h&&clearTimeout(h),s.revalidateOnFocus&&(document.removeEventListener("visibilitychange",E,!1),window.removeEventListener("focus",E,!1));var i=V.get(f.value);i&&(i.data=i.data.filter(function(c){return c!==F}))});try{ls(f,function(i){os(f)||(f.value=i),F.key=i,F.isValidating=Boolean(i),hs(f.value,F,u),!r&&!y&&f.value&&A(),y=!1},{immediate:!0})}catch{}var Y=C(C({},es(F)),{mutate:function(i,c){return A(i,C(C({},c),{forceRevalidate:!0}))}});return Y}function gs(a){return a!==null&&typeof a=="object"&&typeof a.then=="function"}const _s=G(({item:a,group:l})=>{const n=k(0);let o=0;const{data:e,mutate:s}=bs("/your/api",()=>(n.value++,Promise.resolve([{label:`\u9009\u98791 ${o++}`,value:1},{label:`\u9009\u98792 ${o++}`,value:2}])));return()=>({children:[a({prop:"option1",label:"\u9009\u98791",valueType:"select",initialValue:1,valueProps:{options:e.value}}),a({prop:"option2",label:"\u9009\u98791",valueType:"select",initialValue:2,valueProps:{options:e.value}}),l({label:"\u5237\u65B0",children:[ts(rs,{onClick:()=>s(),children:["reload: ",n.value]})]})]})}),Es=L("",6),Ts={class:"wk-demo"},ws=L("",8),Vs={class:"wk-demo"},Rs=L("",5),Is=JSON.parse('{"title":"FAQ","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. select \u539F\u4EF6\u600E\u4E48\u652F\u6301\u5F02\u6B65\u52A0\u8F7D options","slug":"_1-select-\u539F\u4EF6\u600E\u4E48\u652F\u6301\u5F02\u6B65\u52A0\u8F7D-options","link":"#_1-select-\u539F\u4EF6\u600E\u4E48\u652F\u6301\u5F02\u6B65\u52A0\u8F7D-options","children":[]}],"relativePath":"atomics/faq.md","lastUpdated":1719310312000}'),Ss={name:"atomics/faq.md"},Os=Object.assign(Ss,{setup(a){return(l,n)=>{const o=cs("ClientOnly");return Fs(),ys("div",null,[Es,w(o,null,{default:$(()=>[H("div",Ts,[w(K(Ds))])]),_:1}),ws,w(o,null,{default:$(()=>[H("div",Vs,[w(K(_s))])]),_:1}),Rs])}}});export{Is as __pageData,Os as default}; diff --git a/assets/atomics_index.md.165a4fef.js b/assets/atomics_index.md.165a4fef.js new file mode 100644 index 0000000..fec99b4 --- /dev/null +++ b/assets/atomics_index.md.165a4fef.js @@ -0,0 +1,408 @@ +import{_ as s,o as a,c as n,m as l}from"./app.56f20909.js";const p="/components/assets/atomic.99cbd831.png",o="/components/assets/atomic-text.9a529f25.png",e="/components/assets/atomic-number.c06804f9.png",F="/components/assets/atomic-select.56303980.png",t="/components/assets/atomic-interaction.cfd51a26.png",D="/components/assets/atomic-files.67b4929c.png",c="/components/assets/atomic-date.1d44e6e2.png",r="/components/assets/atomic-display.a26823f8.png",B=JSON.parse('{"title":"\u539F\u4EF6","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"\u5728 FatForm\u3001FatTable \u4E4B\u5916\u4F7F\u7528\u539F\u4EF6","slug":"\u5728-fatform\u3001fattable-\u4E4B\u5916\u4F7F\u7528\u539F\u4EF6","link":"#\u5728-fatform\u3001fattable-\u4E4B\u5916\u4F7F\u7528\u539F\u4EF6","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[{"level":3,"title":"\u6587\u672C\u7C7B","slug":"\u6587\u672C\u7C7B","link":"#\u6587\u672C\u7C7B","children":[]},{"level":3,"title":"\u6570\u5B57\u7C7B","slug":"\u6570\u5B57\u7C7B","link":"#\u6570\u5B57\u7C7B","children":[]},{"level":3,"title":"\u9009\u62E9\u7C7B","slug":"\u9009\u62E9\u7C7B","link":"#\u9009\u62E9\u7C7B","children":[]},{"level":3,"title":"\u4EA4\u4E92\u7C7B","slug":"\u4EA4\u4E92\u7C7B","link":"#\u4EA4\u4E92\u7C7B","children":[]},{"level":3,"title":"\u6587\u4EF6\u7C7B","slug":"\u6587\u4EF6\u7C7B","link":"#\u6587\u4EF6\u7C7B","children":[]},{"level":3,"title":"\u65E5\u671F\u7C7B","slug":"\u65E5\u671F\u7C7B","link":"#\u65E5\u671F\u7C7B","children":[]},{"level":3,"title":"\u5C55\u793A\u7C7B","slug":"\u5C55\u793A\u7C7B","link":"#\u5C55\u793A\u7C7B","children":[]}]}],"relativePath":"atomics/index.md","lastUpdated":1719310312000}'),y={name:"atomics/index.md"},C=l('

\u539F\u4EF6



\u6839\u636E\u8FC7\u5F80\u7684\u9879\u76EE\u7ECF\u9A8C\uFF0C\u6211\u4EEC\u7684\u7EC4\u4EF6\u5E93\u5185\u7F6E\u4E86\u8F83\u591A\u6700\u4E3A\u5E38\u7528\u7684\u7EC4\u4EF6, \u5982\u4E0B\u56FE\u6240\u793A\u3002 \u5982\u679C\u4F60\u6709\u9700\u6C42\uFF0C\u4E5F\u53EF\u4EE5\u63D0\u4EA4\u7ED9\u6211\u4EEC, \u6211\u4EEC\u4F1A\u6839\u636E\u901A\u7528\u6027\u8BC4\u4F30\uFF0C\u51B3\u5B9A\u662F\u5426\u8981\u5185\u7F6E\u5230\u7EC4\u4EF6\u5E93\u4E2D\u3002




WARNING

\u6CE8\u610F\uFF1A\u539F\u4EF6\u57FA\u4E8E element-ui \u6216 element-plus, \u67D0\u4E9B\u7EC4\u4EF6\u7684\u53C2\u6570\u5728\u4E24\u4E2A\u5E93\u4E2D\u6709\u4E9B\u533A\u522B\u3002 @wakeadmin/components \u4E0D\u4F1A\u62B9\u5E73\u8FD9\u5757\u7684\u5DEE\u5F02




\u793A\u4F8B

\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <div>\u9884\u89C8\u6A21\u5F0F: <el-switch v-model="previewMode" /></div>
+
+    <FatForm ref="formRef" :mode="previewMode ? 'preview' : 'editable'" class="form">
+      <FatFormSection title="\u6587\u672C\u7C7B">
+        <FatFormItem prop="text" label="text" value-type="text" width="small" trim required />
+        <FatFormItem prop="password" label="password" value-type="password" width="small" />
+        <FatFormItem prop="search" label="search" value-type="search" width="medium" />
+        <FatFormItem prop="textarea" label="textarea" value-type="textarea" width="huge" />
+        <FatFormItem prop="url" label="url" value-type="url" width="huge" />
+        <FatFormItem prop="email" label="email" value-type="email" width="huge" />
+        <FatFormItem prop="phone" label="phone" value-type="phone" width="small" :value-props="{ mask: true }" />
+      </FatFormSection>
+
+      <FatFormSection title="\u65E5\u671F\u7C7B">
+        <FatFormItem prop="date" label="date" value-type="date" width="medium" />
+        <FatFormItem prop="time" label="time" value-type="time" width="medium" />
+        <FatFormItem
+          prop="time-select"
+          label="time-select"
+          value-type="time-select"
+          width="medium"
+          :value-props="{ start: '03:00', step: '00:60' }"
+        />
+        <FatFormItem prop="dateTime" label="date-time" value-type="date-time" width="medium" />
+        <FatFormItem prop="dateRange" label="date-range" value-type="date-range" width="large" />
+        <FatFormItem prop="dateTimeRange" label="date-time-range" value-type="date-time-range" width="large" />
+        <FatFormItem prop="timeRange" label="time-range" value-type="time-range" width="large" />
+      </FatFormSection>
+
+      <FatFormSection title="\u9009\u62E9\u7C7B">
+        <FatFormItem
+          prop="select"
+          label="select"
+          value-type="select"
+          width="small"
+          :value-props="{
+            options: [
+              { label: '\u9009\u98791', value: '1', color: 'primary' },
+              { label: '\u9009\u98792', value: '2', color: 'success' },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="selectLazy"
+          label="select"
+          value-type="select"
+          width="small"
+          message="\u5F02\u6B65\u83B7\u53D6 options"
+          :value-props="{
+            options: async () => [
+              { label: '\u9009\u98791', value: '1', color: 'primary' },
+              { label: '\u9009\u98792', value: '2', color: 'success' },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="selectValidate"
+          label="select"
+          value-type="select"
+          width="small"
+          message="\u9A8C\u8BC1 value \u5FC5\u987B\u5728 options \u4E2D"
+          initial-value="3"
+          :value-props="{
+            requiredValueOnOptions: true,
+            options: [
+              { label: '\u9009\u98791', value: '1', color: 'primary' },
+              { label: '\u9009\u98792', value: '2', color: 'success' },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="multi-select"
+          label="multi-select"
+          value-type="multi-select"
+          width="small"
+          :value-props="{
+            options: [
+              { label: '\u9009\u98791', value: '1' },
+              { label: '\u9009\u98792', value: '2' },
+            ],
+            separator: ' - ',
+          }"
+        />
+
+        <FatFormItem
+          prop="radio"
+          label="radio"
+          value-type="radio"
+          :value-props="{
+            options: [
+              { label: '\u662F', value: 1 },
+              { label: '\u5426', value: 0 },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="radioInButton"
+          label="radioInButton"
+          value-type="radio"
+          :value-props="{
+            inButton: true,
+            options: [
+              { label: '\u4E0A\u6D77', value: 0 },
+              { label: '\u5317\u4EAC', value: 1 },
+              { label: '\u5E7F\u5DDE', value: 2 },
+              { label: '\u6DF1\u5733', value: 3 },
+            ],
+          }"
+        />
+        <FatFormGroup label="checkbox" message="\u914D\u5408 fat-form-group \u4F7F\u7528">
+          <FatFormItem prop="checkbox" value-type="checkbox" />
+          <span>\u540C\u610F 996 \u5417</span>
+        </FatFormGroup>
+        <FatFormItem prop="checkbox" label-width="auto" value-type="checkbox" :value-props="{ label: '\u662F\u5426\u5F00\u542F' }" />
+        <FatFormItem
+          prop="checkboxs"
+          label="checkboxs"
+          value-type="checkboxs"
+          :value-props="{
+            options: [
+              { label: '\u9009\u6211', value: 1 },
+              { label: '\u9009\u6211\u554A', value: 0 },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="cascaderLazy"
+          label="cascader-lazy"
+          value-type="cascader-lazy"
+          width="huge"
+          :value-props="cascaderLazyProps"
+          :initial-value="['0', '01', '012', '0121']"
+        />
+        <FatFormItem
+          prop="cascader"
+          label="cascader"
+          value-type="cascader"
+          width="huge"
+          :value-props="cascaderProps"
+          :initial-value="[0, 2]"
+        />
+        <FatFormItem
+          prop="treeSelect"
+          label="tree-select"
+          value-type="tree-select"
+          width="huge"
+          :value-props="treeSelectProps"
+        />
+      </FatFormSection>
+
+      <FatFormSection title="\u6570\u5B57\u7C7B">
+        <FatFormItem prop="integer" label="integer" value-type="integer"></FatFormItem>
+        <FatFormItem prop="float" label="float" value-type="float"></FatFormItem>
+        <FatFormItem prop="number" label="number" value-type="number"></FatFormItem>
+        <FatFormItem prop="currency" label="currency" value-type="currency"></FatFormItem>
+      </FatFormSection>
+
+      <FatFormSection title="\u4EA4\u4E92\u7C7B">
+        <FatFormItem prop="switch" label="switch" value-type="switch" width="mini" />
+        <FatFormItem
+          prop="captcha"
+          label="captcha"
+          value-type="captcha"
+          width="medium"
+          :value-props="{ onGetCaptcha: handleGetCaptcha }"
+        />
+        <FatFormItem prop="rate" label="rate" value-type="rate"></FatFormItem>
+        <FatFormItem prop="slider" label="slider" value-type="slider" width="large"></FatFormItem>
+        <FatFormItem prop="sliderRange" label="slider-range" value-type="slider-range" width="large"></FatFormItem>
+        <FatFormItem
+          prop="sliderVertical"
+          label="slider"
+          value-type="slider"
+          :value-props="{ vertical: true }"
+          message="\u5782\u76F4\u6A21\u5F0F"
+          :initial-value="50"
+        ></FatFormItem>
+      </FatFormSection>
+
+      <FatFormSection title="\u6587\u4EF6\u7C7B">
+        <FatFormItem
+          prop="files"
+          label="files"
+          value-type="files"
+          :value-props="{ sizeLimit: 1024 * 100, accept: ['.png', '.jpg'] }"
+          message="\u8BF7\u4E0A\u4F20png/jpg\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"
+        ></FatFormItem>
+        <FatFormItem
+          prop="filesDrag"
+          label="files"
+          value-type="files"
+          :value-props="{ sizeLimit: 1024 * 100, accept: ['.png', '.jpg'], drag: true }"
+          message="\u62D6\u62FD\u6A21\u5F0F: \u8BF7\u4E0A\u4F20png/jpg\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"
+        ></FatFormItem>
+        <FatFormItem prop="file" label="file" value-type="file"></FatFormItem>
+        <FatFormItem
+          prop="images"
+          label="images"
+          value-type="images"
+          :value-props="{ sizeLimit: 1024 * 100, accept: ['.png', '.jpg'] }"
+          :rules="{ required: true }"
+          message="\u8BF7\u4E0A\u4F20\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"
+        ></FatFormItem>
+        <FatFormItem
+          prop="imagesLimited"
+          label="images-limited"
+          value-type="images"
+          :value-props="{ limit: 3 }"
+          message="\u9650\u5236 3 \u5F20"
+        ></FatFormItem>
+        <FatFormItem prop="image" label="image" value-type="image" message="\u5355\u56FE\u7247"></FatFormItem>
+      </FatFormSection>
+
+      <FatFormSection title="\u5C55\u793A\u7C7B(\u7F16\u8F91\u6A21\u5F0F\u9ED8\u8BA4\u9690\u85CF)">
+        <FatFormItem
+          :hide-on-edit="false"
+          prop="progress"
+          label="progress"
+          value-type="progress"
+          :initial-value="50"
+        ></FatFormItem>
+        <FatFormItem
+          :hide-on-edit="false"
+          prop="avatar"
+          label="avatar"
+          value-type="avatar"
+          :initial-value="{
+            avatar:
+              'https://test-material-1259575047.cos.ap-guangzhou.myqcloud.com/4b93eb5d5cc7472cbe4ce5149d1c73fe.jpg',
+            title: '\u8FD9\u662F\u6807\u9898',
+            description: '\u4F46\u8FDC\u5C71\u957F\uFF0C\u4E91\u5C71\u4E71\uFF0C\u6653\u5C71\u9752\u3002',
+          }"
+        ></FatFormItem>
+      </FatFormSection>
+    </FatForm>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { useFatFormRef, FatForm, FatFormItem, FatFormGroup, FatFormSection } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { delay } from '@wakeapp/utils';
+  import { ref } from 'vue';
+
+  const formRef = useFatFormRef();
+
+  const cascaderLazyProps = {
+    async load(node: string) {
+      // root
+      if (node == null) {
+        return new Array(10).fill(0).map((i, idx) => ({
+          label: \`root-\${idx}\`,
+          value: String(idx),
+        }));
+      }
+
+      const level = node.length;
+
+      if (level > 3) {
+        return [];
+      }
+
+      return new Array(10).fill(10).map((i, idx) => ({
+        label: \`\${node}\${idx}\`,
+        value: \`\${node}\${idx}\`,
+        children: level === 3 ? null : undefined,
+      }));
+    },
+  };
+
+  const handleGetCaptcha = async () => {
+    await delay(1000);
+    ElMessage.success('\u9A8C\u8BC1\u7801\u83B7\u53D6\u6210\u529F');
+  };
+
+  const treeSelectProps = {
+    multiple: true,
+    async data() {
+      return [
+        {
+          label: '\u4E00\u7EA7 1',
+          value: 1,
+          children: [
+            {
+              label: '\u4E8C\u7EA7 1-1',
+              value: 11,
+              children: [
+                {
+                  label: '\u4E09\u7EA7 1-1-1',
+                  value: 111,
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: '\u4E00\u7EA7 2',
+          value: 2,
+          disabled: true,
+          children: [
+            {
+              label: '\u4E8C\u7EA7 2-1',
+              value: 21,
+              children: [
+                {
+                  label: '\u4E09\u7EA7 2-1-1',
+                  value: 211,
+                },
+              ],
+            },
+            {
+              label: '\u4E8C\u7EA7 2-2',
+              value: 22,
+              children: [
+                {
+                  label: '\u4E09\u7EA7 2-2-1',
+                  value: 221,
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: '\u4E00\u7EA7 3',
+          value: 3,
+          children: [
+            {
+              label: '\u4E8C\u7EA7 3-1',
+              value: 31,
+              children: [
+                {
+                  label: '\u4E09\u7EA7 3-1-1',
+                  value: 311,
+                  children: [
+                    {
+                      label: '\u56DB\u7EA7 3-1-1-1',
+                      value: 3111,
+                      children: [
+                        {
+                          label: '\u4E94\u7EA7 -------- 3-1-1-1-1',
+                          value: 31111,
+                        },
+                        {
+                          label: '\u4E94\u7EA7 --------- 3-1-1-1-2',
+                          value: 31112,
+                        },
+                      ],
+                    },
+                    {
+                      label: '\u56DB\u7EA7 3-1-1-2',
+                      value: 3112,
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              label: '\u4E8C\u7EA7 3-2',
+              value: 32,
+              children: [
+                {
+                  label: '\u4E09\u7EA7 3-2-1',
+                  value: 321,
+                },
+              ],
+            },
+          ],
+        },
+      ];
+    },
+  };
+
+  const cascaderProps = {
+    async options() {
+      return [
+        {
+          label: '\u5E7F\u4E1C',
+          value: 0,
+          children: [
+            { label: '\u73E0\u6D77', value: 2 },
+            { label: '\u6DF1\u5733', value: 3 },
+          ],
+        },
+        {
+          label: '\u5E7F\u897F',
+          value: 1,
+          children: [
+            { label: '\u5357\u5B81', value: 4 },
+            { label: '\u6842\u6797', value: 5 },
+          ],
+        },
+      ];
+    },
+  };
+
+  const previewMode = ref(false);
+</script>
+
+<style lang="scss" scoped>
+  .form {
+    margin-top: 20px;
+  }
+</style>
+




\u5728 FatForm\u3001FatTable \u4E4B\u5916\u4F7F\u7528\u539F\u4EF6

\u539F\u4EF6\u652F\u6301\u5728 FatForm\u3001FatTable \u4E4B\u5916\u4F7F\u7528, \u8FD9\u79CD\u573A\u666F\u4E0B\uFF0C\u5B83\u5C31\u50CF\u4E00\u4E2A\u666E\u901A\u7684\u8868\u5355\u7EC4\u4EF6

html
<FatAtomic v-model="value" @blur="handleBlur" />
+<FatAtomic v-model="selectValue" value-type="select" :options="[{ label: 'one', value: 0 }]" />
+



API

\u6587\u672C\u7C7B





\u6570\u5B57\u7C7B





\u9009\u62E9\u7C7B





\u4EA4\u4E92\u7C7B





\u6587\u4EF6\u7C7B





\u65E5\u671F\u7C7B





\u5C55\u793A\u7C7B





',68),i=[C];function u(A,E,q,m,d,g){return a(),n("div",null,i)}const h=s(y,[["render",u]]);export{B as __pageData,h as default}; diff --git a/assets/atomics_index.md.165a4fef.lean.js b/assets/atomics_index.md.165a4fef.lean.js new file mode 100644 index 0000000..3345aee --- /dev/null +++ b/assets/atomics_index.md.165a4fef.lean.js @@ -0,0 +1 @@ +import{_ as s,o as a,c as n,m as l}from"./app.56f20909.js";const p="/components/assets/atomic.99cbd831.png",o="/components/assets/atomic-text.9a529f25.png",e="/components/assets/atomic-number.c06804f9.png",F="/components/assets/atomic-select.56303980.png",t="/components/assets/atomic-interaction.cfd51a26.png",D="/components/assets/atomic-files.67b4929c.png",c="/components/assets/atomic-date.1d44e6e2.png",r="/components/assets/atomic-display.a26823f8.png",B=JSON.parse('{"title":"\u539F\u4EF6","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"\u5728 FatForm\u3001FatTable \u4E4B\u5916\u4F7F\u7528\u539F\u4EF6","slug":"\u5728-fatform\u3001fattable-\u4E4B\u5916\u4F7F\u7528\u539F\u4EF6","link":"#\u5728-fatform\u3001fattable-\u4E4B\u5916\u4F7F\u7528\u539F\u4EF6","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[{"level":3,"title":"\u6587\u672C\u7C7B","slug":"\u6587\u672C\u7C7B","link":"#\u6587\u672C\u7C7B","children":[]},{"level":3,"title":"\u6570\u5B57\u7C7B","slug":"\u6570\u5B57\u7C7B","link":"#\u6570\u5B57\u7C7B","children":[]},{"level":3,"title":"\u9009\u62E9\u7C7B","slug":"\u9009\u62E9\u7C7B","link":"#\u9009\u62E9\u7C7B","children":[]},{"level":3,"title":"\u4EA4\u4E92\u7C7B","slug":"\u4EA4\u4E92\u7C7B","link":"#\u4EA4\u4E92\u7C7B","children":[]},{"level":3,"title":"\u6587\u4EF6\u7C7B","slug":"\u6587\u4EF6\u7C7B","link":"#\u6587\u4EF6\u7C7B","children":[]},{"level":3,"title":"\u65E5\u671F\u7C7B","slug":"\u65E5\u671F\u7C7B","link":"#\u65E5\u671F\u7C7B","children":[]},{"level":3,"title":"\u5C55\u793A\u7C7B","slug":"\u5C55\u793A\u7C7B","link":"#\u5C55\u793A\u7C7B","children":[]}]}],"relativePath":"atomics/index.md","lastUpdated":1719310312000}'),y={name:"atomics/index.md"},C=l("",68),i=[C];function u(A,E,q,m,d,g){return a(),n("div",null,i)}const h=s(y,[["render",u]]);export{B as __pageData,h as default}; diff --git a/assets/base_change-log.md.1f68cc98.js b/assets/base_change-log.md.1f68cc98.js new file mode 100644 index 0000000..3a9423d --- /dev/null +++ b/assets/base_change-log.md.1f68cc98.js @@ -0,0 +1,7 @@ +import{_ as a,o as e,c as l,m as h}from"./app.56f20909.js";const f=JSON.parse('{"title":"@wakeadmin/components","description":"","frontmatter":{},"headers":[{"level":2,"title":"1.9.9","slug":"_1-9-9","link":"#_1-9-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes","link":"#patch-changes","children":[]}]},{"level":2,"title":"1.9.8","slug":"_1-9-8","link":"#_1-9-8","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-1","link":"#patch-changes-1","children":[]}]},{"level":2,"title":"1.9.7","slug":"_1-9-7","link":"#_1-9-7","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-2","link":"#patch-changes-2","children":[]}]},{"level":2,"title":"1.9.6","slug":"_1-9-6","link":"#_1-9-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-3","link":"#patch-changes-3","children":[]}]},{"level":2,"title":"1.9.5","slug":"_1-9-5","link":"#_1-9-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-4","link":"#patch-changes-4","children":[]}]},{"level":2,"title":"1.9.4","slug":"_1-9-4","link":"#_1-9-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-5","link":"#patch-changes-5","children":[]}]},{"level":2,"title":"1.9.3","slug":"_1-9-3","link":"#_1-9-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-6","link":"#patch-changes-6","children":[]}]},{"level":2,"title":"1.9.2","slug":"_1-9-2","link":"#_1-9-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-7","link":"#patch-changes-7","children":[]}]},{"level":2,"title":"1.9.1","slug":"_1-9-1","link":"#_1-9-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-8","link":"#patch-changes-8","children":[]}]},{"level":2,"title":"1.9.0","slug":"_1-9-0","link":"#_1-9-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes","link":"#minor-changes","children":[]},{"level":3,"title":"Patch Changes","slug":"patch-changes-9","link":"#patch-changes-9","children":[]}]},{"level":2,"title":"1.8.25","slug":"_1-8-25","link":"#_1-8-25","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-10","link":"#patch-changes-10","children":[]}]},{"level":2,"title":"1.8.24","slug":"_1-8-24","link":"#_1-8-24","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-11","link":"#patch-changes-11","children":[]}]},{"level":2,"title":"1.8.23","slug":"_1-8-23","link":"#_1-8-23","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-12","link":"#patch-changes-12","children":[]}]},{"level":2,"title":"1.8.22","slug":"_1-8-22","link":"#_1-8-22","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-13","link":"#patch-changes-13","children":[]}]},{"level":2,"title":"1.8.21","slug":"_1-8-21","link":"#_1-8-21","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-14","link":"#patch-changes-14","children":[]}]},{"level":2,"title":"1.8.20","slug":"_1-8-20","link":"#_1-8-20","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-15","link":"#patch-changes-15","children":[]}]},{"level":2,"title":"1.8.19","slug":"_1-8-19","link":"#_1-8-19","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-16","link":"#patch-changes-16","children":[]}]},{"level":2,"title":"1.8.18","slug":"_1-8-18","link":"#_1-8-18","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-17","link":"#patch-changes-17","children":[]}]},{"level":2,"title":"1.8.17","slug":"_1-8-17","link":"#_1-8-17","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-18","link":"#patch-changes-18","children":[]}]},{"level":2,"title":"1.8.16","slug":"_1-8-16","link":"#_1-8-16","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-19","link":"#patch-changes-19","children":[]}]},{"level":2,"title":"1.8.15","slug":"_1-8-15","link":"#_1-8-15","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-20","link":"#patch-changes-20","children":[]}]},{"level":2,"title":"1.8.14","slug":"_1-8-14","link":"#_1-8-14","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-21","link":"#patch-changes-21","children":[]}]},{"level":2,"title":"1.8.13","slug":"_1-8-13","link":"#_1-8-13","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-22","link":"#patch-changes-22","children":[]}]},{"level":2,"title":"1.8.12","slug":"_1-8-12","link":"#_1-8-12","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-23","link":"#patch-changes-23","children":[]}]},{"level":2,"title":"1.8.11","slug":"_1-8-11","link":"#_1-8-11","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-24","link":"#patch-changes-24","children":[]}]},{"level":2,"title":"1.8.10","slug":"_1-8-10","link":"#_1-8-10","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-25","link":"#patch-changes-25","children":[]}]},{"level":2,"title":"1.8.9","slug":"_1-8-9","link":"#_1-8-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-26","link":"#patch-changes-26","children":[]}]},{"level":2,"title":"1.8.8","slug":"_1-8-8","link":"#_1-8-8","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-27","link":"#patch-changes-27","children":[]}]},{"level":2,"title":"1.8.7","slug":"_1-8-7","link":"#_1-8-7","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-28","link":"#patch-changes-28","children":[]}]},{"level":2,"title":"1.8.6","slug":"_1-8-6","link":"#_1-8-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-29","link":"#patch-changes-29","children":[]}]},{"level":2,"title":"1.8.5","slug":"_1-8-5","link":"#_1-8-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-30","link":"#patch-changes-30","children":[]}]},{"level":2,"title":"1.8.4","slug":"_1-8-4","link":"#_1-8-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-31","link":"#patch-changes-31","children":[]}]},{"level":2,"title":"1.8.3","slug":"_1-8-3","link":"#_1-8-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-32","link":"#patch-changes-32","children":[]}]},{"level":2,"title":"1.8.2","slug":"_1-8-2","link":"#_1-8-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-33","link":"#patch-changes-33","children":[]}]},{"level":2,"title":"1.8.1","slug":"_1-8-1","link":"#_1-8-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-34","link":"#patch-changes-34","children":[]}]},{"level":2,"title":"1.8.0 (2023/7/7)","slug":"_1-8-0-2023-7-7","link":"#_1-8-0-2023-7-7","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-1","link":"#minor-changes-1","children":[]}]},{"level":2,"title":"1.7.37","slug":"_1-7-37","link":"#_1-7-37","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-35","link":"#patch-changes-35","children":[]}]},{"level":2,"title":"1.7.36","slug":"_1-7-36","link":"#_1-7-36","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-36","link":"#patch-changes-36","children":[]}]},{"level":2,"title":"1.7.35","slug":"_1-7-35","link":"#_1-7-35","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-37","link":"#patch-changes-37","children":[]}]},{"level":2,"title":"1.7.34","slug":"_1-7-34","link":"#_1-7-34","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-38","link":"#patch-changes-38","children":[]}]},{"level":2,"title":"1.7.33","slug":"_1-7-33","link":"#_1-7-33","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-39","link":"#patch-changes-39","children":[]}]},{"level":2,"title":"1.7.32","slug":"_1-7-32","link":"#_1-7-32","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-40","link":"#patch-changes-40","children":[]}]},{"level":2,"title":"1.7.31","slug":"_1-7-31","link":"#_1-7-31","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-41","link":"#patch-changes-41","children":[]}]},{"level":2,"title":"1.7.30","slug":"_1-7-30","link":"#_1-7-30","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-42","link":"#patch-changes-42","children":[]}]},{"level":2,"title":"1.7.29","slug":"_1-7-29","link":"#_1-7-29","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-43","link":"#patch-changes-43","children":[]}]},{"level":2,"title":"1.7.28","slug":"_1-7-28","link":"#_1-7-28","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-44","link":"#patch-changes-44","children":[]}]},{"level":2,"title":"1.7.27","slug":"_1-7-27","link":"#_1-7-27","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-45","link":"#patch-changes-45","children":[]}]},{"level":2,"title":"1.7.26","slug":"_1-7-26","link":"#_1-7-26","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-46","link":"#patch-changes-46","children":[]}]},{"level":2,"title":"1.7.25","slug":"_1-7-25","link":"#_1-7-25","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-47","link":"#patch-changes-47","children":[]}]},{"level":2,"title":"1.7.24","slug":"_1-7-24","link":"#_1-7-24","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-48","link":"#patch-changes-48","children":[]}]},{"level":2,"title":"1.7.23","slug":"_1-7-23","link":"#_1-7-23","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-49","link":"#patch-changes-49","children":[]}]},{"level":2,"title":"1.7.22","slug":"_1-7-22","link":"#_1-7-22","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-50","link":"#patch-changes-50","children":[]}]},{"level":2,"title":"1.7.21","slug":"_1-7-21","link":"#_1-7-21","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-51","link":"#patch-changes-51","children":[]}]},{"level":2,"title":"1.7.20","slug":"_1-7-20","link":"#_1-7-20","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-52","link":"#patch-changes-52","children":[]}]},{"level":2,"title":"1.7.19","slug":"_1-7-19","link":"#_1-7-19","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-53","link":"#patch-changes-53","children":[]}]},{"level":2,"title":"1.7.18","slug":"_1-7-18","link":"#_1-7-18","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-54","link":"#patch-changes-54","children":[]}]},{"level":2,"title":"1.7.17","slug":"_1-7-17","link":"#_1-7-17","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-55","link":"#patch-changes-55","children":[]}]},{"level":2,"title":"1.7.16","slug":"_1-7-16","link":"#_1-7-16","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-56","link":"#patch-changes-56","children":[]}]},{"level":2,"title":"1.7.15","slug":"_1-7-15","link":"#_1-7-15","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-57","link":"#patch-changes-57","children":[]}]},{"level":2,"title":"1.7.14","slug":"_1-7-14","link":"#_1-7-14","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-58","link":"#patch-changes-58","children":[]}]},{"level":2,"title":"1.7.13","slug":"_1-7-13","link":"#_1-7-13","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-59","link":"#patch-changes-59","children":[]}]},{"level":2,"title":"1.7.12","slug":"_1-7-12","link":"#_1-7-12","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-60","link":"#patch-changes-60","children":[]}]},{"level":2,"title":"1.7.11","slug":"_1-7-11","link":"#_1-7-11","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-61","link":"#patch-changes-61","children":[]}]},{"level":2,"title":"1.7.10","slug":"_1-7-10","link":"#_1-7-10","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-62","link":"#patch-changes-62","children":[]}]},{"level":2,"title":"1.7.9","slug":"_1-7-9","link":"#_1-7-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-63","link":"#patch-changes-63","children":[]}]},{"level":2,"title":"1.7.8","slug":"_1-7-8","link":"#_1-7-8","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-64","link":"#patch-changes-64","children":[]}]},{"level":2,"title":"1.7.7","slug":"_1-7-7","link":"#_1-7-7","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-65","link":"#patch-changes-65","children":[]}]},{"level":2,"title":"1.7.6","slug":"_1-7-6","link":"#_1-7-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-66","link":"#patch-changes-66","children":[]}]},{"level":2,"title":"1.7.5","slug":"_1-7-5","link":"#_1-7-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-67","link":"#patch-changes-67","children":[]}]},{"level":2,"title":"1.7.4","slug":"_1-7-4","link":"#_1-7-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-68","link":"#patch-changes-68","children":[]}]},{"level":2,"title":"1.7.3","slug":"_1-7-3","link":"#_1-7-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-69","link":"#patch-changes-69","children":[]}]},{"level":2,"title":"1.7.2","slug":"_1-7-2","link":"#_1-7-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-70","link":"#patch-changes-70","children":[]}]},{"level":2,"title":"1.7.1","slug":"_1-7-1","link":"#_1-7-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-71","link":"#patch-changes-71","children":[]}]},{"level":2,"title":"1.7.0","slug":"_1-7-0","link":"#_1-7-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-2","link":"#minor-changes-2","children":[]}]},{"level":2,"title":"1.6.0","slug":"_1-6-0","link":"#_1-6-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-3","link":"#minor-changes-3","children":[]}]},{"level":2,"title":"1.5.0","slug":"_1-5-0","link":"#_1-5-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-4","link":"#minor-changes-4","children":[]}]},{"level":2,"title":"1.4.0","slug":"_1-4-0","link":"#_1-4-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-5","link":"#minor-changes-5","children":[]},{"level":3,"title":"Patch Changes","slug":"patch-changes-72","link":"#patch-changes-72","children":[]}]},{"level":2,"title":"1.3.0","slug":"_1-3-0","link":"#_1-3-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-6","link":"#minor-changes-6","children":[]}]},{"level":2,"title":"1.2.4","slug":"_1-2-4","link":"#_1-2-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-73","link":"#patch-changes-73","children":[]}]},{"level":2,"title":"1.2.3","slug":"_1-2-3","link":"#_1-2-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-74","link":"#patch-changes-74","children":[]}]},{"level":2,"title":"1.2.2","slug":"_1-2-2","link":"#_1-2-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-75","link":"#patch-changes-75","children":[]}]},{"level":2,"title":"1.2.1","slug":"_1-2-1","link":"#_1-2-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-76","link":"#patch-changes-76","children":[]}]},{"level":2,"title":"1.2.0","slug":"_1-2-0","link":"#_1-2-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-7","link":"#minor-changes-7","children":[]}]},{"level":2,"title":"1.1.9","slug":"_1-1-9","link":"#_1-1-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-77","link":"#patch-changes-77","children":[]}]},{"level":2,"title":"1.1.8","slug":"_1-1-8","link":"#_1-1-8","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-78","link":"#patch-changes-78","children":[]}]},{"level":2,"title":"1.1.7","slug":"_1-1-7","link":"#_1-1-7","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-79","link":"#patch-changes-79","children":[]}]},{"level":2,"title":"1.1.6","slug":"_1-1-6","link":"#_1-1-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-80","link":"#patch-changes-80","children":[]}]},{"level":2,"title":"1.1.5","slug":"_1-1-5","link":"#_1-1-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-81","link":"#patch-changes-81","children":[]}]},{"level":2,"title":"1.1.4","slug":"_1-1-4","link":"#_1-1-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-82","link":"#patch-changes-82","children":[]}]},{"level":2,"title":"1.1.3","slug":"_1-1-3","link":"#_1-1-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-83","link":"#patch-changes-83","children":[]}]},{"level":2,"title":"1.1.2","slug":"_1-1-2","link":"#_1-1-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-84","link":"#patch-changes-84","children":[]}]},{"level":2,"title":"1.1.1","slug":"_1-1-1","link":"#_1-1-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-85","link":"#patch-changes-85","children":[]}]},{"level":2,"title":"1.1.0","slug":"_1-1-0","link":"#_1-1-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-8","link":"#minor-changes-8","children":[]}]},{"level":2,"title":"1.0.1 (2022/1/5)","slug":"_1-0-1-2022-1-5","link":"#_1-0-1-2022-1-5","children":[]},{"level":2,"title":"1.0.0-beta.9 (2022/12/9)","slug":"_1-0-0-beta-9-2022-12-9","link":"#_1-0-0-beta-9-2022-12-9","children":[]},{"level":2,"title":"1.0.0-beta.8 (2022/12/8)","slug":"_1-0-0-beta-8-2022-12-8","link":"#_1-0-0-beta-8-2022-12-8","children":[]},{"level":2,"title":"1.0.0-beta.7 (2022/11/30)","slug":"_1-0-0-beta-7-2022-11-30","link":"#_1-0-0-beta-7-2022-11-30","children":[]},{"level":2,"title":"1.0.0-beta.6 (2022/11/29)","slug":"_1-0-0-beta-6-2022-11-29","link":"#_1-0-0-beta-6-2022-11-29","children":[]},{"level":2,"title":"1.0.0-beta.4 (2022/11/25)","slug":"_1-0-0-beta-4-2022-11-25","link":"#_1-0-0-beta-4-2022-11-25","children":[]},{"level":2,"title":"1.0.0-beta.3 (2022/11/20)","slug":"_1-0-0-beta-3-2022-11-20","link":"#_1-0-0-beta-3-2022-11-20","children":[]},{"level":2,"title":"1.0.0-beta.2 (2022/11/7)","slug":"_1-0-0-beta-2-2022-11-7","link":"#_1-0-0-beta-2-2022-11-7","children":[]},{"level":2,"title":"1.0.0-beta.1 (2022/11/04)","slug":"_1-0-0-beta-1-2022-11-04","link":"#_1-0-0-beta-1-2022-11-04","children":[]},{"level":2,"title":"1.0.0-alpha.7 (2022/10/26)","slug":"_1-0-0-alpha-7-2022-10-26","link":"#_1-0-0-alpha-7-2022-10-26","children":[]},{"level":2,"title":"1.0.0-alpha.6 (2022/10/21)","slug":"_1-0-0-alpha-6-2022-10-21","link":"#_1-0-0-alpha-6-2022-10-21","children":[]},{"level":2,"title":"1.0.0-alpha.5 (2022/10/20)","slug":"_1-0-0-alpha-5-2022-10-20","link":"#_1-0-0-alpha-5-2022-10-20","children":[]},{"level":2,"title":"1.0.0-alpha.4 (2022/10/18)","slug":"_1-0-0-alpha-4-2022-10-18","link":"#_1-0-0-alpha-4-2022-10-18","children":[]},{"level":2,"title":"1.0.0-alpha.3 (2022/10/17)","slug":"_1-0-0-alpha-3-2022-10-17","link":"#_1-0-0-alpha-3-2022-10-17","children":[{"level":3,"title":"\u4E3B\u8981\u66F4\u65B0","slug":"\u4E3B\u8981\u66F4\u65B0","link":"#\u4E3B\u8981\u66F4\u65B0","children":[]},{"level":3,"title":"\u529F\u80FD\u4F18\u5316","slug":"\u529F\u80FD\u4F18\u5316","link":"#\u529F\u80FD\u4F18\u5316","children":[]}]},{"level":2,"title":"1.0.0-alpha.2 (2022/10/12)","slug":"_1-0-0-alpha-2-2022-10-12","link":"#_1-0-0-alpha-2-2022-10-12","children":[]},{"level":2,"title":"1.0.0-alpha.1 (2022/10/10)","slug":"_1-0-0-alpha-1-2022-10-10","link":"#_1-0-0-alpha-1-2022-10-10","children":[]},{"level":2,"title":"0.6.1 (2022/10/9)","slug":"_0-6-1-2022-10-9","link":"#_0-6-1-2022-10-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-86","link":"#patch-changes-86","children":[]}]},{"level":2,"title":"0.6.0 (2022/10/8)","slug":"_0-6-0-2022-10-8","link":"#_0-6-0-2022-10-8","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-9","link":"#minor-changes-9","children":[]},{"level":3,"title":"Patch Changes","slug":"patch-changes-87","link":"#patch-changes-87","children":[]}]},{"level":2,"title":"0.5.7 (2022/10/30)","slug":"_0-5-7-2022-10-30","link":"#_0-5-7-2022-10-30","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-88","link":"#patch-changes-88","children":[]}]},{"level":2,"title":"0.5.6","slug":"_0-5-6","link":"#_0-5-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-89","link":"#patch-changes-89","children":[]}]},{"level":2,"title":"0.5.5","slug":"_0-5-5","link":"#_0-5-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-90","link":"#patch-changes-90","children":[]}]},{"level":2,"title":"0.5.4","slug":"_0-5-4","link":"#_0-5-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-91","link":"#patch-changes-91","children":[]}]},{"level":2,"title":"0.5.3","slug":"_0-5-3","link":"#_0-5-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-92","link":"#patch-changes-92","children":[]}]},{"level":2,"title":"0.5.2","slug":"_0-5-2","link":"#_0-5-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-93","link":"#patch-changes-93","children":[]}]},{"level":2,"title":"0.5.1","slug":"_0-5-1","link":"#_0-5-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-94","link":"#patch-changes-94","children":[]},{"level":3,"title":"\u65B0\u529F\u80FD","slug":"\u65B0\u529F\u80FD","link":"#\u65B0\u529F\u80FD","children":[]}]},{"level":2,"title":"0.5.0","slug":"_0-5-0","link":"#_0-5-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-10","link":"#minor-changes-10","children":[]},{"level":3,"title":"\u65B0\u529F\u80FD","slug":"\u65B0\u529F\u80FD-1","link":"#\u65B0\u529F\u80FD-1","children":[]}]},{"level":2,"title":"0.4.2","slug":"_0-4-2","link":"#_0-4-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-95","link":"#patch-changes-95","children":[]}]},{"level":2,"title":"0.4.1","slug":"_0-4-1","link":"#_0-4-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-96","link":"#patch-changes-96","children":[]}]},{"level":2,"title":"0.4.0","slug":"_0-4-0","link":"#_0-4-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-11","link":"#minor-changes-11","children":[]}]},{"level":2,"title":"0.3.1","slug":"_0-3-1","link":"#_0-3-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-97","link":"#patch-changes-97","children":[]}]},{"level":2,"title":"0.3.0","slug":"_0-3-0","link":"#_0-3-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-12","link":"#minor-changes-12","children":[]}]},{"level":2,"title":"0.2.1","slug":"_0-2-1","link":"#_0-2-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-98","link":"#patch-changes-98","children":[]}]},{"level":2,"title":"0.2.0","slug":"_0-2-0","link":"#_0-2-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-13","link":"#minor-changes-13","children":[]},{"level":3,"title":"Patch Changes","slug":"patch-changes-99","link":"#patch-changes-99","children":[]}]}],"relativePath":"base/change-log.md","lastUpdated":1719310312000}'),i={name:"base/change-log.md"},n=h(`

@wakeadmin/components

1.9.9

Patch Changes

  • fat-table \u65B0\u589E\u5BF9\u5916\u66B4\u9732 getColumns

1.9.8

Patch Changes

  • radio \u539F\u4EF6\u652F\u6301 selectFirstByDefault

1.9.7

Patch Changes

  • fat-table column \u6269\u5C55 columnKey \u5B57\u6BB5\uFF0C\u652F\u6301\u67E5\u8BE2\u5B57\u6BB5\u663E\u5F0F\u8BBE\u7F6E\u5173\u8054\u7684\u5217

1.9.6

Patch Changes

  • \u4F18\u5316 fat-table \u8BBE\u7F6E\u5B58\u50A8\u534F\u8BAE

1.9.5

Patch Changes

    • fat-table \u652F\u6301\u5217\u8BBE\u7F6E
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.11

1.9.4

Patch Changes

    • images \u539F\u4EF6\u652F\u6301\u9ED8\u8BA4\u56FE\u7247

1.9.3

Patch Changes

  • feat: fat-table \u652F\u6301\u81EA\u5B9A\u4E49\u6E32\u67D3 table

1.9.2

Patch Changes

  • feat: \u66B4\u9732 useFatFormInheritableProps Hooks

1.9.1

Patch Changes

  • fix: \u4FEE\u590D fat-logic-tree \u6CA1\u6709\u5411\u4E0B\u7A7F\u7684 nodeClass

1.9.0

Minor Changes

  • \u65B0\u589E time-select \u539F\u4EF6

Patch Changes

  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.10

1.8.25

Patch Changes

    • feat: fat-logic-tree \u6269\u5C55 nodeClass\u3001nodeStyle\u3001groupClass\u3001groupStyle \u5C5E\u6027
    • feat: fat-import \u652F\u6301\u591A\u8BED\u8A00
    • feat: fat-form-section \u652F\u6301 disabled \u9009\u9879
    • feat: fat-table-select-modal\uFF0C\u65B0\u589E confirm \u4E8B\u4EF6
    • fix: \u4FEE\u590D fat-table-select-modal onChange \u4F1A\u89E6\u53D1\u4E24\u6B21

1.8.24

Patch Changes

    • feat: fat-table \u65B0\u589E requestOnExtraQueryChange, \u72EC\u7ACB\u76D1\u542C extraQuery \u7684\u53D8\u5316
    • feat: fat-i18n-content \u652F\u6301\u5173\u95ED\u672C\u5730\u7F13\u5B58
    • fix: \u7F29\u77ED useLazyFalsy \u7684\u7B49\u5F85\u65F6\u95F4\uFF0C\u964D\u4F4E\u91CD\u7528\u7684\u6982\u7387

1.8.23

Patch Changes

  • fix: \u5185\u5BB9\u591A\u8BED\u8A00\u6279\u91CF\u4FDD\u5B58\u65F6\u652F\u6301\u7F13\u5B58\uFF0C\u4FEE\u590D\u7EC4\u4EF6\u5207\u6362\u9500\u6BC1\u540E\u72B6\u6001\u4E22\u5931

1.8.22

Patch Changes

  • fix: \u4FEE\u590D\u5185\u5BB9\u591A\u8BED\u8A00\u5728 blur \u4E8B\u4EF6\u89E6\u53D1\u65F6\u62A5\u9519\uFF0C\u5F85\u4FDD\u5B58\u9879\u8FC7\u6EE4\u6389\u503C\u4E3A\u7A7A\u7684\u60C5\u51B5

1.8.21

Patch Changes

  • \u91CD\u6784 providerI18nContentOptions \u4E3A providerI18nContentOptions, \u65B0\u589E useI18nContent

1.8.20

Patch Changes

  • fix: \u4FEE\u590D fat-form-group required \u6CA1\u6709\u8BBE\u7F6E prop \u4E0D\u751F\u6548

1.8.19

Patch Changes

  • fix: fat-form submit \u5411\u4E0A\u629B\u51FA\u9519\u8BEF

1.8.18

Patch Changes

  • fix: \u4FEE\u590D fat-table column \u53D8\u5316\u6CA1\u6709\u89E6\u53D1 actions \u6E32\u67D3

1.8.17

Patch Changes

  • fix: \u4FEE\u590D mergeProps \u4F1A\u8F6C\u6362\u975E kebab-case

1.8.16

Patch Changes

  • fix: fat-table\u3001fat-form \u652F\u6301\u5173\u95ED hmr

1.8.15

Patch Changes

    • \u4FEE\u590D images tip \u6E32\u67D3\u95EE\u9898
    • \u4FEE\u590D\u5185\u5BB9\u591A\u8BED\u8A00\u6B63\u5219\u5339\u914D\u95EE\u9898

1.8.14

Patch Changes

  • \u5F15\u5165\u5B9E\u9A8C\u6027\u7684\u5185\u5BB9\u591A\u8BED\u8A00\u7EC4\u4EF6
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.9

1.8.13

Patch Changes

  • \u4FEE\u590D\u5728 vue 2 \u4E0B\u591A\u8BED\u8A00\u5BFC\u81F4\u6B7B\u5FAA\u73AF

1.8.12

Patch Changes

    • \u9A8C\u8BC1\u89C4\u5219 trigger \u652F\u6301\u4F20\u5165\u6570\u7EC4
    • atomic \u4E0A\u4E0B\u6587\u65B0\u589E required
    • \u66B4\u9732 useFormItemValidate \u7528\u4E8E\u81EA\u5B9A\u4E49\u8868\u5355\u573A\u666F
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.8

1.8.11

Patch Changes

    • fat-table \u65B0\u589E columnWidth
    • fat-logic-tree \u591A\u8BED\u8A00\u652F\u6301

1.8.10

Patch Changes

    • fat-form-item\u3001fat-form-group message \u652F\u6301\u8BBE\u7F6E\u5BBD\u5EA6

1.8.9

Patch Changes

    • fat-table-select \u652F\u6301 actionColumnProps \u7684\u5B9A\u5236\u64CD\u4F5C\u680F\u6837\u5F0F
    • fat-table \u65B0\u589E columnMinWidth \u652F\u6301\u52A8\u6001\u914D\u7F6E\u6240\u6709\u5217\u7684 minWidth

1.8.8

Patch Changes

  • \u4FEE\u590D\u591A\u8BED\u8A00\u7FFB\u8BD1\u95EE\u9898

1.8.7

Patch Changes

  • fix: \u4F18\u5316 fat-form \u70ED\u66F4\u65B0\uFF0C\u8DEF\u7531\u5207\u6362\u540E\u9500\u6BC1\u7F13\u5B58\u72B6\u6001

1.8.6

Patch Changes

  • \u652F\u6301\u548C unplugin-wakeadmin-components \u914D\u7F6E\u5B9E\u73B0\u70ED\u66F4\u65B0

1.8.5

Patch Changes

  • \u4FEE\u590D fat-form-modal/drawer \u901A\u8FC7 open \u65B9\u6CD5\u4F20\u5165\u7684 onFinish \u6CA1\u6709\u88AB\u8C03\u7528
  • \u4FEE\u590D element-plus \u65F6\u95F4\u9009\u62E9\u8D77 clear \u8DF3\u52A8\u95EE\u9898
  • fat-form \u652F\u6301 extraValue \u53C2\u6570

1.8.4

Patch Changes

  • \u4FEE\u590D: fat-form-* renderButton \u5728 preview \u6A21\u5F0F\u9690\u85CF\u63D0\u4EA4\u548C\u91CD\u7F6E\u6309\u94AE

1.8.3

Patch Changes

  • \u65B0\u529F\u80FD

    • define* \u65B9\u6CD5\u65B0\u589E p \u65B9\u6CD5, \u7528\u4E8E\u9700\u8981\u7C7B\u578B\u68C0\u67E5 prop \u5B9A\u4E49

    \u4FEE\u590D

    • fat-form-group \u5728 preview \u6A21\u5F0F\u4E0D\u5E94\u8BE5\u663E\u793A\u5FC5\u586B\u661F\u53F7
    • \u4FEE\u590D\u65E5\u671F\u76F8\u5173\u7684\u539F\u4EF6\u5728\u6307\u5B9A valueFormat \u60C5\u51B5\u4E0B, \u53EF\u80FD\u65E5\u671F\u53EF\u80FD\u4F1A\u89E3\u6790\u5931\u8D25

1.8.2

Patch Changes

  • \u529F\u80FD\u4FEE\u590D:

    • \u4FEE\u590D fat-table \u5378\u8F7D\u540E\u6CA1\u6709\u6E05\u7406 debounce
    • \u4FEE\u590D FatForm* \u76F8\u5173 ref \u7C7B\u578B\u53EF\u80FD\u4E3A\u7A7A

1.8.1

Patch Changes

  • \u5B9E\u9A8C\u6027\u7EC4\u4EF6:

    • \u65B0\u589E FatImageVerification \u56FE\u5F62\u9A8C\u8BC1\u7801\u7EC4\u4EF6

    \u4FEE\u590D: \u4FEE\u590D\u4E00\u4E9B\u591A\u8BED\u8A00\u7FFB\u8BD1\u9519\u8BEF

1.8.0 (2023/7/7)

Minor Changes

\u65B0\u589E\u529F\u80FD:

  • fat-form-item \u65B0\u589E valueMap \u5C5E\u6027, \u53EF\u4EE5\u5BF9\u539F\u4EF6\u7684\u503C\u8FDB\u884C\u8F93\u5165\u8F93\u51FA\u8F6C\u6362
  • \u65B0\u589E number \u539F\u4EF6
  • \u66B4\u9732\u4E86 fat-table, fat-form-page \u7684\u9ED8\u8BA4\u5E03\u5C40\u5B9E\u73B0, \u4F9B\u5F00\u53D1\u8005\u8FDB\u884C\u7EC4\u5408

bug \u4FEE\u590D

  • undefinedPlaceholder \u4E0D\u9650\u5236\u7C7B\u578B, \u652F\u6301\u4F20\u5165 vnode, \u5B9E\u73B0\u590D\u6742\u7684\u6837\u5F0F\u5C55\u793A
  • \u4FEE\u590D useRoute \u5728 vue 2 \u4E0B\u62A5\u9519

1.7.37

Patch Changes

  • \u4FEE\u590D fat-form-table \u4E0B fat-actions \u7C7B\u6CA1\u6709\u751F\u6548

1.7.36

Patch Changes

  • \u4F18\u5316 fat-actions, fat-form-steps \u6837\u5F0F

1.7.35

Patch Changes

  • \u4FEE\u590D\u6587\u672C\u539F\u4EF6\u7A7A\u72B6\u6001\u6CA1\u6709\u8003\u8651 0 false \u7B49\u60C5\u51B5

1.7.34

Patch Changes

  • fat-form-item trim \u652F\u6301 blur, \u5728\u5931\u53BB\u7126\u70B9\u540E\u622A\u65AD\u7A7A\u683C

1.7.33

Patch Changes

  • fatTable \u5168\u5C40\u914D\u7F6E\u65B0\u589E actionsAlign \u6765\u652F\u6301\u5168\u5C40\u914D\u7F6E\u8868\u683C\u7684\u64CD\u4F5C\u680F\u5BF9\u9F50\u65B9\u5F0F

1.7.32

Patch Changes

  • \u5185\u7F6E\u539F\u503C\u652F\u6301\u4F20\u5165 undefinedPlaceholder, \u8986\u76D6\u5168\u5C40\u914D\u7F6E
  • \u6587\u672C\u539F\u4EF6\u5224\u65AD\u903B\u8F91\u53D8\u66F4. \u65E7\u7248\u672C\u901A\u8FC7 != null, \u73B0\u5728\u6539\u4E3A !value

1.7.31

Patch Changes

  • \u4FEE\u590D: fat-form-page submiter slot \u53C2\u6570\u4F20\u9012\u9519\u8BEF

1.7.30

Patch Changes

\u529F\u80FD\u4F18\u5316:

  • fat-form \u65B0\u589E forceSetInitialValue \u5C5E\u6027, \u9ED8\u8BA4\u60C5\u51B5\u4E0B\u4E3A false\uFF0C\u5373\u65B0\u7684 initialValue \u4F1A\u548C\u65E7\u7684\u5408\u5E76
  • fat-form-table \u65B0\u589E enableActions \u4EE5\u652F\u6301\u5BF9\u64CD\u4F5C\u680F\u8FDB\u884C\u624B\u52A8\u5173\u95ED
  • fat-form-table, fat-table rowKey \u652F\u6301 symbol

Bug \u4FEE\u590D:

  • fat-form-steps \u9884\u89C8\u6A21\u5F0F\u4E0B, \u663E\u793A\u4E0A\u4E00\u6B65\u548C\u4E0B\u4E00\u6B65

1.7.29

Patch Changes

  • update deps
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.7

1.7.28

Patch Changes

  • \u4FEE\u590D: fat-table-select \u5173\u95ED\u67E5\u8BE2\u7F13\u5B58

1.7.27

Patch Changes

    • \u4FEE\u590D: fat-atomic v-slots \u5BFC\u81F4\u5D29\u6E83

1.7.26

Patch Changes

    • select \u539F\u4EF6\u65B0\u589E selectFirstByDefault
    • \u4FEE\u590D fat-atomic \u7C7B\u578B\u65E0\u6CD5\u52A8\u6001\u6269\u5C55

1.7.25

Patch Changes

    • \u4F18\u5316: \u8868\u683C action \u5217\u9ED8\u8BA4\u5C45\u4E2D
    • \u4FEE\u590D: \u5BFC\u51FA fat-space props
    • \u65B0\u589E: fat-form-item \u652F\u6301 valueChange \u4E8B\u4EF6

1.7.24

Patch Changes

  • \u4FEE\u590D: fat-text tooltip \u91CD\u590D

1.7.23

Patch Changes

  • \u529F\u80FD\u4F18\u5316:

    • fat-form-table \u65B0\u589E removable \u53C2\u6570, \u914D\u7F6E\u5220\u9664\u64CD\u4F5C\u662F\u5426\u663E\u793A
    • fat-form-query \u652F\u6301\u914D\u7F6E labelWidth \u6765\u5173\u95ED label \u5BF9\u9F50\u6A21\u5F0F

    \u4FEE\u590D:

    • \u4FEE\u590D useRoute \u4E0B vue 3 \u4E0B\u53EF\u80FD\u5931\u6548

1.7.22

Patch Changes

  • fat-form-table \u652F\u6301\u81EA\u5B9A\u4E49 table column props
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.6

1.7.21

Patch Changes

  • \u4FEE\u590D fat-text tooltip \u5C55\u793A\u95EE\u9898

1.7.20

Patch Changes

  • \u652F\u6301\u5168\u5C40\u914D\u7F6E\u662F\u5426\u590D\u7528\u57FA\u5EA7\u7684\u7EC4\u4EF6
  • fat-text \u652F\u6301\u6EA2\u51FA\u65F6\u4F7F\u7528 tooltip \u5C55\u793A\u5B8C\u6574\u5185\u5BB9
  • select, multi-select \u652F\u6301 fat-text

1.7.19

Patch Changes

  • \u4FEE\u590D\u539F\u4EF6\u591A\u8BED\u8A00\u914D\u7F6E\u66F4\u65B0\u5931\u8D25

1.7.18

Patch Changes

  • \u4FEE\u590D fat-configurable \u591A\u8BED\u8A00\u4E0D\u751F\u6548

1.7.17

Patch Changes

    • fix: \u4FEE\u590D fat-form-query \u6E05\u9664\u6309\u94AE\u6296\u52A8\u95EE\u9898
    • fix: \u7EC4\u4EF6\u5E93\u9ED8\u8BA4\u914D\u7F6E\u652F\u6301\u591A\u8BED\u8A00

1.7.16

Patch Changes

  • \u4FEE\u590D\u6837\u5F0F\u6C61\u67D3\u95EE\u9898

1.7.15

Patch Changes

  • \u4FEE\u590D\u90E8\u5206\u539F\u4EF6\u9884\u89C8\u6CA1\u6709\u8BBE\u7F6E class \u548C style

1.7.14

Patch Changes

    • select \u539F\u4EF6 clear \u540E\u5C06\u503C\u8BBE\u7F6E\u4E3A undefined
    • fat-form submit \u5904\u7406 abort \u5F02\u5E38

1.7.13

Patch Changes

  • \u4FEE\u590D select \u9009\u9879\u9A8C\u8BC1\u9519\u8BEF

1.7.12

Patch Changes

  • \u539F\u4EF6\u652F\u6301\u52A8\u6001\u6CE8\u518C\u9A8C\u8BC1\u5668

1.7.11

Patch Changes

  • fat-logic-tree \u63D2\u5165\u64CD\u4F5C\u652F\u6301\u6279\u91CF

1.7.10

Patch Changes

  • \u4FEE\u590D fat-table-select \u7C7B\u578B\u9519\u8BEF

1.7.9

Patch Changes

  • \u4F18\u5316 fat-table-select

1.7.8

Patch Changes

  • fat-table-modal, fat-table-select \u4F18\u5316

1.7.7

Patch Changes

  • fat-logic-tree \u6DFB\u52A0 indexs \u4E0A\u4E0B\u6587

1.7.6

Patch Changes

  • fat-table \u5217\u652F\u6301 columnMode
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.5

1.7.5

Patch Changes

  • \u4FEE\u590D fat-form-drawer/modal renderSubmitter \u4E0D\u751F\u6548

1.7.4

Patch Changes

    • \u4FEE\u590D fat-form-step \u9690\u85CF\u95EE\u9898
    • fat-form-table \u65B0\u589E beforeRemove props. sortableProps.ignoreMode

1.7.3

Patch Changes

  • \u4FEE\u590D\u7A7A\u503C\u5408\u5E76\u9519\u8BEF

1.7.2

Patch Changes

  • \u4FEE\u590D merge \u65B9\u6CD5\u4E0D\u652F\u6301 symbol

1.7.1

Patch Changes

  • \u4FEE\u590D fat-logic-tree \u4F20\u5165\u7A7A\u503C\u65F6\u5F02\u5E38

1.7.0

Minor Changes

  • \u6269\u5C55 fat-form-step, fat-form-table props \u4EE5\u652F\u6301\u66F4\u591A\u6837\u5F0F\u5B9A\u5236

1.6.0

Minor Changes

  • fat-form-table \u652F\u6301\u81EA\u5B9A\u4E49\u6E32\u67D3

1.5.0

Minor Changes

  • \u65B0\u589E fat-logic-tree

1.4.0

Minor Changes

  • fat-form-table \u652F\u6301\u62D6\u62FD\u6392\u5E8F
  • \u4FEE\u590D fat-form-steps \u5FAA\u73AF\u4F9D\u8D56\u95EE\u9898

Patch Changes

  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.4

1.3.0

Minor Changes

  • \u65B0\u589E\u56FD\u9645\u5316\u652F\u6301

1.2.4

Patch Changes

  • \u4FEE\u590D\u4E0A\u4F20\u6587\u4EF6\u65F6 filter \u629B\u51FA\u5F02\u5E38\u5BFC\u81F4\u6587\u4EF6\u7F13\u5B58\u6CA1\u6709\u6B63\u5E38\u540C\u6B65\u7684\u95EE\u9898

1.2.3

Patch Changes

  • \u73B0\u5728 avatar \u539F\u4EF6\u5141\u8BB8\u81EA\u5B9A\u4E49\u5BBD\u9AD8
  • \u4FEE\u590D Portal \u5728 attach \u65F6\u4F1A\u5BFC\u81F4 vue \u4E0A\u4E0B\u6587\u5F02\u5E38\u7684\u95EE\u9898

    \u73B0\u5728 Portal.attach \u4E0D\u518D\u662F\u540C\u6B65\u884C\u4E3A\uFF0C\u56E0\u6B64\u5982\u679C\u9700\u8981\u5728attach \u540E\u7ACB\u523B\u6267\u884C\u4E00\u4E9B\u64CD\u4F5C\u9700\u8981\u8FDB\u884C\u4E00\u4E9B\u8C03\u6574

typescript
// before
+portal.attach();
+portal.show();
+
+// after
+portal.attach().then(() => portal.show());
+

1.2.2

Patch Changes

  • \u4FEE\u590D [ElementForm]unpected width
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.2

1.2.1

Patch Changes

  • \u4FEE\u590D kebab-case \u4F20\u53C2\u65E0\u6CD5\u6B63\u5E38\u8986\u76D6 lowerCamelCase \u7684\u95EE\u9898

1.2.0

Minor Changes

  • FatFormItem\u3001FatFormGroup \u65B0\u589ErequiredMessage \u652F\u6301
  • FatFormItem\u3001FatFormGroup \u65B0\u589E maxWidth \u3001minWidth

Break Change

  • \u5728\u4E4B\u524D\u7684\u7248\u672C\u4E2D, FatFormItem\u3001FatFormGroup \u7684 width \u4F1A\u88AB\u8BBE\u7F6E\u6210maxWidth, \u73B0\u5728width \u5C31\u662F width\u3002\u56E0\u6B64\u8FD9\u6B21\u5347\u7EA7\u53EF\u80FD\u4F1A\u5BF9\u4E4B\u524D\u7684\u5E03\u5C40\u9020\u6210\u4E00\u4E9B\u5F71\u54CD

1.1.9

Patch Changes

  • \u5BFC\u51FA\u6240\u6709\u5DE5\u5177\u7C7B\u51FD\u6570

1.1.8

Patch Changes

  • \u5BFC\u51FA\u7C7B\u578B\u8F6C\u6362\u51FD\u6570

1.1.7

Patch Changes

  • pref: \u5220\u9664\u65E0\u7528\u4EE3\u7801

1.1.6

Patch Changes

  • \u4FEE\u590D fatFrom \u6CA1\u6709\u6B63\u786E\u5408\u5E76 initialValue \u7684\u95EE\u9898

1.1.5

Patch Changes

  • feat: \u8C03\u6574 fatForm initialValue \u7684\u7C7B\u578B\u4EE5\u53CA initialValue \u7684\u5408\u5E76\u6A21\u5F0F

1.1.4

Patch Changes

  • fix:\u4FEE\u590D fat-table \u5728\u5220\u9664\u6570\u636E\u4E4B\u540E\u5206\u9875\u53EF\u80FD\u5F02\u5E38\u7684\u95EE\u9898

1.1.3

Patch Changes

  • \u4FEE\u6539 fat-table \u7A7A\u56FE\u7247\u6837\u5F0F

1.1.2

Patch Changes

  • fat-table \u7A7A\u6570\u636E\u652F\u6301\u81EA\u5B9A\u4E49\u56FE\u7247

1.1.1

Patch Changes

  • \u5BFC\u5165\u90E8\u5206 typescript \u7C7B\u578B

1.1.0

Minor Changes

  • \u65B0\u589E fat-drag-drop \u7EC4\u4EF6
  • \u65B0\u589E DANGEROUS_Portal API (\u5B9E\u9A8C\u6027 API)

1.0.1 (2022/1/5)

\u529F\u80FD\u66F4\u65B0

  • \u65B0\u589E fat-table-modal\u3001fat-table-drawer\u3001fat-table-select-modal\u3001fat-table-select \u7B49\u7EC4\u4EF6




1.0.0-beta.9 (2022/12/9)

\u529F\u80FD\u66F4\u65B0

  • fat-form-group \u652F\u6301\u81EA\u5B9A\u4E49\u9A8C\u8BC1\u65F6\u673A

Bug \u4FEE\u590D

  • fat-form submitting \u5EF6\u8FDF\u5173\u95ED




1.0.0-beta.8 (2022/12/8)

Bug \u4FEE\u590D

  • defineFatTableModal/Drawer/SelectModal \u65B9\u6CD5\u652F\u6301 extra props
  • FatActions \u65B0\u589E dropdownProps
  • \u4FEE\u590D FatTable* \u76F8\u5173\u7EC4\u4EF6 expose \u8C03\u7528\u9519\u8BEF




1.0.0-beta.7 (2022/11/30)

\u65B0\u529F\u80FD

  • \u65B0\u589E fat-text\u3001fat-link \u7EC4\u4EF6


Bug \u4FEE\u590D

  • \u8C03\u6574 fat-table remove props \u7C7B\u578B\uFF0C\u4E0D\u9700\u8981\u8FD4\u56DE boolean
  • \u4FEE\u590D select* \u76F8\u5173\u539F\u4EF6 loading \u72B6\u6001\u4E0D\u5C55\u793A
  • \u6587\u672C\u76F8\u5173\u539F\u4EF6\u652F\u6301\u900F\u4F20 fat-text props



1.0.0-beta.6 (2022/11/29)

Bug \u4FEE\u590D

  • \u4FEE\u590D fat-form-modal/drawer \u5FEB\u901F\u5173\u95ED\u548C\u6253\u5F00\u5BFC\u81F4\u8868\u5355\u521D\u59CB\u503C\u9519\u8BEF
  • \u4FEE\u590D fat-table \u5728\u5173\u95ED requestOnMounted \u65F6\uFF0C\u65E0\u6CD5\u542F\u7528 requestOnQueryChange
  • \u4FEE\u590D fat-form-tabs\u3001fat-form-steps \u6E32\u67D3\u5EF6\u8FDF\u95EE\u9898



1.0.0-beta.4 (2022/11/25)

\u4E3B\u8981\u529F\u80FD\u66F4\u65B0

  • \u65B0\u589E FatTreeSelect \u7EC4\u4EF6
  • \u65B0\u589E tree-select \u539F\u4EF6
  • FatFormModal\u3001FatFormDrawer \u652F\u6301\u914D\u7F6E FatFormTabs\u3001FatFormSteps \u4F7F\u7528




1.0.0-beta.3 (2022/11/20)

\u4E3B\u8981\u529F\u80FD\u66F4\u65B0

  • \u539F\u4EF6\u9ED8\u8BA4\u63D0\u793A\u6587\u6848\u4F18\u5316
  • fat-table \u65B0\u589E getRequestParams \u5B9E\u4F8B\u65B9\u6CD5
  • \u65B0\u589E fat-form-table\uFF0C\u652F\u6301\u8868\u5355\u5F62\u5F0F\u7684\u6570\u636E\u9879\u7F16\u8F91
  • \u65B0\u589E fat-form-tabs \u652F\u6301\u6807\u7B7E\u9875\u8868\u5355
  • fat-form-group \u65B0\u589E spaceProps \u53C2\u6570
  • fat-form-group \u652F\u6301\u6570\u636E\u9A8C\u8BC1




1.0.0-beta.2 (2022/11/7)

\u529F\u80FD\u4FEE\u590D

  • \u4FEE\u590D fat-table \u9996\u6B21\u52A0\u8F7D\u6570\u636E\u662F empty \u7EC4\u4EF6\u95EA\u70C1
  • \u4FEE\u590D fat-form-query \u65E0\u6CD5\u8986\u76D6 renderSubmitter
  • \u66B4\u9732 fat-form, fat-table \u72B6\u6001\u5230 Vue \u5F00\u53D1\u8005\u5DE5\u5177



1.0.0-beta.1 (2022/11/04)

\u4E3B\u8981\u529F\u80FD\u66F4\u65B0

  • \u65B0\u589E FatVNode \u7528\u4E8E\u652F\u6301\u5728 template \u4E2D\u6E32\u67D3 VNode
  • fat-form-query, fat-table \u8868\u5355\u63D0\u4EA4\u6309\u94AE\u72EC\u5360\u4E00\u884C\u65F6\uFF0C\u81EA\u52A8\u5BF9\u9F50


\u529F\u80FD\u4FEE\u590D

  • \u4FEE\u590D fat-table formRef \u6CA1\u6709\u5305\u542B renderButtons


\u6B22\u8FCE\u7ED9\u6211\u4EEC\u63D0\u95EE\u9898




1.0.0-alpha.7 (2022/10/26)

\u4E3B\u8981\u529F\u80FD\u66F4\u65B0:

  • checkboxs, radio \u539F\u4EF6\u652F\u6301\u5782\u76F4\u5E03\u5C40
  • \u65B0\u589E FatFormSteps \u5206\u5E03\u8868\u5355


Bug \u4FEE\u590D\uFF1A

  • \u4FEE\u590D fat-form validateField \u5728 element-ui \u4E0B\u6CA1\u6709\u8FD4\u56DE promise



1.0.0-alpha.6 (2022/10/21)

\u4E3B\u8981\u529F\u80FD\u66F4\u65B0\uFF1A

  • fat-table\u3001fat-form \u76F8\u5173\u7EC4\u4EF6\u652F\u6301\u6CDB\u578B
  • Typescript \u7C7B\u578B\u4F18\u5316

Bug \u4FEE\u590D\uFF1A

  • FatActions Dropdown \u7981\u6B62\u53F3\u952E\u70B9\u51FB




1.0.0-alpha.5 (2022/10/20)

  • checkboxs, checkbox, radio \u539F\u4EF6 label \u652F\u6301 jsx \u548C\u51FD\u6570\u5F62\u5F0F



1.0.0-alpha.4 (2022/10/18)

Bugs \u4FEE\u590D\uFF1A

  • \u4FEE\u590D\u6784\u5EFA\u7ED3\u679C\u4F9D\u8D56\u4E8E @vue/reactivity \u5BFC\u81F4\u7C7B\u578B\u68C0\u67E5\u5931\u8D25
  • FatContainer \u4E0D\u4F20\u9012 title\u3001extra \u65F6\u652F\u6301\u9690\u85CF header
  • \u4FEE\u590D FatTable \u5728\u6279\u64CD\u4F5C\u4E4B\u540E\u9009\u4E2D\u72B6\u6001\u663E\u793A\u5F02\u5E38\u7684\u95EE\u9898



1.0.0-alpha.3 (2022/10/17)

\u4E3B\u8981\u66F4\u65B0

  • \u5347\u7EA7 @wakeadmin/demi, @wakeadmin/h\u3002

    • \u73B0\u5728\u4E0D\u518D\u4F9D\u8D56\u4E8E @vue/runtime-dom, \u76F4\u63A5\u4F7F\u7528 Vue 2/3 \u7684\u7C7B\u578B\u3002\u907F\u514D\u4E86 Vue 2/3 \u7C7B\u578B\u80E1\u7A9C\u5BFC\u81F4\u7684\u95EE\u9898
    • \u4F9D\u8D56 Vue 2.7.13+, \u8BF7\u53C2\u7167\u5B89\u88C5\u6587\u6863\u91CD\u65B0\u914D\u7F6E, \u5E76\u5C06\u6240\u6709 @wakeadmin/* \u76F8\u5173\u4F9D\u8D56\u5347\u7EA7\u5230\u6700\u65B0
  • \u65B0\u589E FatSwitch \u7EC4\u4EF6\u3002\u8BE5\u7EC4\u4EF6\u4ECE element-plus \u4E2D\u79FB\u690D\uFF0C\u652F\u6301\u5185\u8054 label\u3001loading\u3001\u548C beforeChange \u94A9\u5B50\u3002 switch \u539F\u4EF6\u4E5F\u8DDF\u968F\u5347\u7EA7

  • \u5BF9\u63A5\u65B0\u7684\u60DF\u5BA2\u4E91 UI \u53D8\u91CF\u3002fat-form width \u4E5F\u8DDF\u968F\u53D8\u5316

  • FatContainer \u652F\u6301 legacyMode

  • fat-table column \u65B0\u589E setter\u3001valueProps \u652F\u6301\u51FD\u6570\u5F62\u5F0F

  • avatar \u539F\u4EF6\u652F\u6301 string \u7C7B\u578B\u76F4\u63A5\u4F20\u5165\u5934\u50CF\u94FE\u63A5

  • fat-form-item \u65B0\u589E filter\uFF0C\u53EF\u4EE5\u5728\u5B57\u6BB5\u53D8\u66F4\u4E4B\u524D\u5BF9 value \u8FDB\u884C\u64CD\u4F5C


\u529F\u80FD\u4F18\u5316

  • fat-actions \u8FB9\u8DDD\u4F7F\u7528 gap CSS \u5C5E\u6027
  • fat-table remove \u5B9E\u4F8B\u65B9\u6CD5\u73B0\u5728\u8FD4\u56DE Promise<boolean> \u8868\u793A\u662F\u5426\u79FB\u9664\u6210\u529F




1.0.0-alpha.2 (2022/10/12)

Breaking Change

  • FatHeader \u79FB\u9664\uFF0C\u5E76\u4F7F\u7528 FatContainer \u53D6\u4EE3
  • FatTable \u79FB\u9664 simple \u5E03\u5C40
  • FatFloatFooter \u5C5E\u6027\u53D8\u66F4 useWakeadminHeaderIfNeed \u4FEE\u6539\u4E3A reuseBayIfNeed

\u65B0\u529F\u80FD

  • \u65B0\u589E avatar \u539F\u4EF6
  • image \u539F\u4EF6\u652F\u6301 fit \u5C5E\u6027\u914D\u7F6E
  • \u65B0 UI \u89C4\u8303\u9002\u914D
    • \u65B0\u589E FatCard \u5361\u7247\u5BB9\u5668
    • FatFormSection \u8C03\u6574\u4E3A\u5361\u7247\u5F62\u5F0F, \u5E76\u5E9F\u5F03\u6298\u53E0\u529F\u80FD
    • FatHeader \u79FB\u9664 , \u4F7F\u7528 FatContainer \u66FF\u4EE3, \u53D7\u5F71\u54CD\u7EC4\u4EF6\u4E3B\u8981\u6709 FatTable, simple \u5E03\u5C40\u79FB\u9664
    • FatContent \u5373\u5C06\u5E9F\u5F03\uFF0C\u5EFA\u8BAE\u4F7F\u7528 FatCard \u53D6\u4EE3

Bug \u4FEE\u590D

  • date*/time* \u76F8\u5173\u539F\u4EF6\u5BF9\u65F6\u95F4\u683C\u5F0F\u5316\u5B57\u7B26\u4E32\u8FDB\u884C\u89C4\u8303\u5316\uFF0C\u4ECE\u800C\u652F\u6301 element-ui \u7684\u8BED\u6CD5




1.0.0-alpha.1 (2022/10/10)

\u{1F389} \u7B2C\u4E00\u4E2A alpha \u7248\u672C



0.6.1 (2022/10/9)

Patch Changes

  • \u539F\u4EF6 renderPreview \u6267\u884C\u65B9\u5F0F\u7EDF\u4E00; \u6587\u4EF6\u76F8\u5173\u539F\u4EF6\u517C\u5BB9 element-plus

0.6.0 (2022/10/8)

Minor Changes

\u65B0\u589E\u539F\u4EF6\uFF1A

  • email: \u90AE\u4EF6
  • phone: \u624B\u673A\u53F7\u7801\u8F93\u5165
  • files\uFF1A\u591A\u6587\u4EF6\u4E0A\u4F20
  • file: \u5355\u6587\u4EF6\u4E0A\u4F20
  • captcha: \u9A8C\u8BC1\u7801
  • slider-range: \u8303\u56F4\u6ED1\u5757

\u65B0\u589E\u7EC4\u4EF6

  • FatAtomic \u652F\u6301\u72EC\u7ACB\u4F7F\u7528\u539F\u4EF6

\u529F\u80FD\u4F18\u5316

  • \u4F18\u5316\u7EC4\u4EF6\u7C7B\u578B\u68C0\u67E5
  • fat-actions \u4F7F\u7528 Tooltip \u8FDB\u884C title \u5C55\u793A

Patch Changes

  • Updated dependencies
    • @wakeadmin/element-adapter@0.2.4

0.5.7 (2022/10/30)

Patch Changes

  • Bug \u4FEE\u590D

    • \u907F\u514D\u539F\u4EF6\u91CD\u590D\u6CE8\u518C
    • fat-form \u6837\u5F0F\u4F18\u5316
  • API \u8C03\u6574

    • define* \u76F8\u5173\u65B9\u6CD5\u53C2\u6570\u5408\u5E76\u6210 context \u4E00\u4E2A\u53C2\u6570
    • fat-table \u65B0\u589E after-submit submitter \u4E24\u4E2A\u63D2\u69FD
    • fat-table query \u53C2\u6570\u8C03\u6574\u4E3A extraQuery
    • fat-form-group/fat-form-item \u7F51\u683C\u4F7F\u7528\u7B80\u5316, \u652F\u6301\u81EA\u52A8\u68C0\u6D4B\u662F\u5426\u5F00\u542F\u4E86\u7F51\u683C
  • Updated dependencies

    • @wakeadmin/element-adapter@0.2.3

0.5.6

Patch Changes

  • \u5347\u7EA7\u4F9D\u8D56\uFF0C\u4FEE\u590D listener \u7EE7\u627F\u5BFC\u81F4\u7684\u4E8B\u4EF6\u89E6\u53D1\u7206\u6808\u95EE\u9898

0.5.5

Patch Changes

  • \u65B0\u589E\u529F\u80FD
    • fat-float-footer \u517C\u5BB9\u5FAE\u524D\u7AEF\u57FA\u5EA7
    • \u65B0\u589E currency, float, cascader, cascader-lazy \u539F\u4EF6
  • Bug \u4FEE\u590D
    • fat-table query slots \u663E\u793A\u8BA1\u7B97\u4F18\u5316
  • Updated dependencies
    • @wakeadmin/element-adapter@0.2.2

0.5.4

Patch Changes

  • fat-table \u65B0\u589E beforeTable\u3001afterTable \u63D2\u69FD
  • \u4FEE\u590D: fat-table \u518D\u6CA1\u6709\u4EFB\u4F55\u67E5\u8BE2\u5B57\u6BB5\u65F6\uFF0C\u9690\u85CF\u67E5\u8BE2\u8868\u5355
  • \u4FEE\u590D: images \u503C\u53D8\u66F4\u540E\u6CA1\u6709\u89E6\u53D1\u91CD\u65B0\u9A8C\u8BC1
  • Updated dependencies
    • @wakeadmin/element-adapter@0.2.1

0.5.3

Patch Changes

  • fat-actions \u6837\u5F0F\u4F18\u5316
  • upload \u63D0\u793A\u8BED\u4F18\u5316

0.5.2

Patch Changes

Bug \u4FEE\u590D

  • \u56FE\u7247\u4E0A\u4F20 sizeLimit \u683C\u5F0F\u5316
  • \u56FE\u7247\u4E0A\u4F20\u652F\u6301\u6269\u5C55\u540D\u9A8C\u8BC1
  • fat-form-modal/drawer \u9ED8\u8BA4\u5173\u95ED\u906E\u7F69\u70B9\u51FB
  • fat-action disabled \u60C5\u51B5\u4E0B\u65E0\u6CD5\u663E\u793A title

0.5.1

Patch Changes

  • \u4FEE\u6539\u8868\u5355\u7684\u9ED8\u8BA4\u5206\u9694\u7B26\u4E3A:
  • \u8C03\u6574\u8868\u683C\u7684\u641C\u7D22\u8868\u5355\u6837\u5F0F

\u65B0\u529F\u80FD

  • fat-actions \u7684 title\u3001disabled \u652F\u6301\u4F20\u5165\u51FD\u6570
  • \u65B0\u589E simple fat-table \u7684\u5E03\u5C40

0.5.0

Minor Changes

Bugs \u4FEE\u590D

  • \u4FEE\u590D fat-table column \u65E0\u6CD5\u63A8\u65AD valueProps \u7C7B\u578B
  • fat-form-item \u9884\u89C8\u6A21\u5F0F\u4E0B\u5173\u95ED\u9A8C\u8BC1

\u65B0\u529F\u80FD

  • fat-form \u652F\u6301 hideMessageOnPreview
  • fat-table \u652F\u6301 batchActions

0.4.2

Patch Changes

    • \u4FEE\u590D fat-text copy \u4E0D\u751F\u6548
    • fat-table \u9ED8\u8BA4\u5173\u95ED requestOnQueryChange

0.4.1

Patch Changes

  • \u4FEE\u590D fat-form \u63D0\u4EA4\u503C\u4E3A\u7A7A

0.4.0

Minor Changes

  • \u529F\u80FD\u4F18\u5316:

    • define* \u66B4\u9732 emit \u65B9\u6CD5
    • \u8C03\u6574 fat-actions \u914D\u8272
    • fat-form \u65B0\u589E getValuesToSubmit \u65B9\u6CD5\u3001syncToInitialValues prop
    • fat-form \u65B0\u589E getValues prop
    • fat-actions \u65B0\u589E confirm \u5728\u70B9\u51FB\u65F6\u786E\u8BA4\u63D0\u793A
    • fat-table confirm* message* props \u652F\u6301\u4F20\u5165 string

0.3.1

Patch Changes

    • bug \u4FEE\u590D

    • fix(components): \u4FEE\u590D fat-text \u62F7\u8D1D\u4E8B\u4EF6\u51B2\u7A81

    • fix(components): defineFatForm \u6CA1\u6709\u6B63\u786E\u66B4\u9732 ref

0.3.0

Minor Changes

  • \u65B0\u7279\u6027

    • \u65B0\u589E fat-text\u3001fat-link \u7EC4\u4EF6\u5E93
    • \u65B0\u589E url \u539F\u4EF6
    • define* \u76F8\u5173\u65B9\u6CD5\u652F\u6301\u8BBF\u95EE\u5916\u90E8 props, \u5E76\u652F\u6301 extra \u989D\u5916 props \u58F0\u660E
    • fat-form-layout \u76F8\u5173\u65B9\u6CD5\u6DFB\u52A0 beforeCancel\u3001beforeFinish props \u7528\u4E8E\u5E72\u9884\u5173\u95ED\u884C\u4E3A
    • fat-actions \u652F\u6301 title
  • bug \u4FEE\u590D

    • fat-table \u5237\u65B0\u4E0D\u6E05\u7A7A list\uFF0C \u907F\u514D\u8DF3\u52A8

0.2.1

Patch Changes

  • \u65B0\u7279\u6027

    • \u65B0\u589E fat-icon \u7EC4\u4EF6
    • \u65B0\u589E search \u539F\u4EF6
    • select \u539F\u4EF6\u9009\u9879\u652F\u6301\u6307\u5B9A\u989C\u8272
  • bugfixs

    • \u4FEE\u590D sideEffects \u5BFC\u81F4\u539F\u4EF6\u6CE8\u518C\u5931\u8D25
    • \u4FEE\u590D fat-form-item disabled, clearable \u65E0\u6CD5\u8986\u76D6

0.2.0

Minor Changes

\u65B0\u589E atomics

  • images
  • image

Bugs Fixes

  • \u4FEE\u590D fat-table title \u9ED8\u8BA4\u4E3A\u7A7A

\u529F\u80FD\u4F18\u5316

  • fat-table actions \u652F\u6301\u51FD\u6570\u5F62\u5F0F
  • \u63D2\u4EF6\u5B89\u88C5\u68C0\u67E5

Patch Changes

  • Updated dependencies
    • @wakeadmin/element-adapter@0.2.0
`,497),t=[n];function c(r,s,d,g,u,p){return e(),l("div",null,t)}const _=a(i,[["render",c]]);export{f as __pageData,_ as default}; diff --git a/assets/base_change-log.md.1f68cc98.lean.js b/assets/base_change-log.md.1f68cc98.lean.js new file mode 100644 index 0000000..7249d90 --- /dev/null +++ b/assets/base_change-log.md.1f68cc98.lean.js @@ -0,0 +1 @@ +import{_ as a,o as e,c as l,m as h}from"./app.56f20909.js";const f=JSON.parse('{"title":"@wakeadmin/components","description":"","frontmatter":{},"headers":[{"level":2,"title":"1.9.9","slug":"_1-9-9","link":"#_1-9-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes","link":"#patch-changes","children":[]}]},{"level":2,"title":"1.9.8","slug":"_1-9-8","link":"#_1-9-8","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-1","link":"#patch-changes-1","children":[]}]},{"level":2,"title":"1.9.7","slug":"_1-9-7","link":"#_1-9-7","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-2","link":"#patch-changes-2","children":[]}]},{"level":2,"title":"1.9.6","slug":"_1-9-6","link":"#_1-9-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-3","link":"#patch-changes-3","children":[]}]},{"level":2,"title":"1.9.5","slug":"_1-9-5","link":"#_1-9-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-4","link":"#patch-changes-4","children":[]}]},{"level":2,"title":"1.9.4","slug":"_1-9-4","link":"#_1-9-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-5","link":"#patch-changes-5","children":[]}]},{"level":2,"title":"1.9.3","slug":"_1-9-3","link":"#_1-9-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-6","link":"#patch-changes-6","children":[]}]},{"level":2,"title":"1.9.2","slug":"_1-9-2","link":"#_1-9-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-7","link":"#patch-changes-7","children":[]}]},{"level":2,"title":"1.9.1","slug":"_1-9-1","link":"#_1-9-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-8","link":"#patch-changes-8","children":[]}]},{"level":2,"title":"1.9.0","slug":"_1-9-0","link":"#_1-9-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes","link":"#minor-changes","children":[]},{"level":3,"title":"Patch Changes","slug":"patch-changes-9","link":"#patch-changes-9","children":[]}]},{"level":2,"title":"1.8.25","slug":"_1-8-25","link":"#_1-8-25","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-10","link":"#patch-changes-10","children":[]}]},{"level":2,"title":"1.8.24","slug":"_1-8-24","link":"#_1-8-24","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-11","link":"#patch-changes-11","children":[]}]},{"level":2,"title":"1.8.23","slug":"_1-8-23","link":"#_1-8-23","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-12","link":"#patch-changes-12","children":[]}]},{"level":2,"title":"1.8.22","slug":"_1-8-22","link":"#_1-8-22","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-13","link":"#patch-changes-13","children":[]}]},{"level":2,"title":"1.8.21","slug":"_1-8-21","link":"#_1-8-21","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-14","link":"#patch-changes-14","children":[]}]},{"level":2,"title":"1.8.20","slug":"_1-8-20","link":"#_1-8-20","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-15","link":"#patch-changes-15","children":[]}]},{"level":2,"title":"1.8.19","slug":"_1-8-19","link":"#_1-8-19","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-16","link":"#patch-changes-16","children":[]}]},{"level":2,"title":"1.8.18","slug":"_1-8-18","link":"#_1-8-18","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-17","link":"#patch-changes-17","children":[]}]},{"level":2,"title":"1.8.17","slug":"_1-8-17","link":"#_1-8-17","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-18","link":"#patch-changes-18","children":[]}]},{"level":2,"title":"1.8.16","slug":"_1-8-16","link":"#_1-8-16","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-19","link":"#patch-changes-19","children":[]}]},{"level":2,"title":"1.8.15","slug":"_1-8-15","link":"#_1-8-15","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-20","link":"#patch-changes-20","children":[]}]},{"level":2,"title":"1.8.14","slug":"_1-8-14","link":"#_1-8-14","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-21","link":"#patch-changes-21","children":[]}]},{"level":2,"title":"1.8.13","slug":"_1-8-13","link":"#_1-8-13","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-22","link":"#patch-changes-22","children":[]}]},{"level":2,"title":"1.8.12","slug":"_1-8-12","link":"#_1-8-12","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-23","link":"#patch-changes-23","children":[]}]},{"level":2,"title":"1.8.11","slug":"_1-8-11","link":"#_1-8-11","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-24","link":"#patch-changes-24","children":[]}]},{"level":2,"title":"1.8.10","slug":"_1-8-10","link":"#_1-8-10","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-25","link":"#patch-changes-25","children":[]}]},{"level":2,"title":"1.8.9","slug":"_1-8-9","link":"#_1-8-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-26","link":"#patch-changes-26","children":[]}]},{"level":2,"title":"1.8.8","slug":"_1-8-8","link":"#_1-8-8","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-27","link":"#patch-changes-27","children":[]}]},{"level":2,"title":"1.8.7","slug":"_1-8-7","link":"#_1-8-7","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-28","link":"#patch-changes-28","children":[]}]},{"level":2,"title":"1.8.6","slug":"_1-8-6","link":"#_1-8-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-29","link":"#patch-changes-29","children":[]}]},{"level":2,"title":"1.8.5","slug":"_1-8-5","link":"#_1-8-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-30","link":"#patch-changes-30","children":[]}]},{"level":2,"title":"1.8.4","slug":"_1-8-4","link":"#_1-8-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-31","link":"#patch-changes-31","children":[]}]},{"level":2,"title":"1.8.3","slug":"_1-8-3","link":"#_1-8-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-32","link":"#patch-changes-32","children":[]}]},{"level":2,"title":"1.8.2","slug":"_1-8-2","link":"#_1-8-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-33","link":"#patch-changes-33","children":[]}]},{"level":2,"title":"1.8.1","slug":"_1-8-1","link":"#_1-8-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-34","link":"#patch-changes-34","children":[]}]},{"level":2,"title":"1.8.0 (2023/7/7)","slug":"_1-8-0-2023-7-7","link":"#_1-8-0-2023-7-7","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-1","link":"#minor-changes-1","children":[]}]},{"level":2,"title":"1.7.37","slug":"_1-7-37","link":"#_1-7-37","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-35","link":"#patch-changes-35","children":[]}]},{"level":2,"title":"1.7.36","slug":"_1-7-36","link":"#_1-7-36","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-36","link":"#patch-changes-36","children":[]}]},{"level":2,"title":"1.7.35","slug":"_1-7-35","link":"#_1-7-35","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-37","link":"#patch-changes-37","children":[]}]},{"level":2,"title":"1.7.34","slug":"_1-7-34","link":"#_1-7-34","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-38","link":"#patch-changes-38","children":[]}]},{"level":2,"title":"1.7.33","slug":"_1-7-33","link":"#_1-7-33","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-39","link":"#patch-changes-39","children":[]}]},{"level":2,"title":"1.7.32","slug":"_1-7-32","link":"#_1-7-32","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-40","link":"#patch-changes-40","children":[]}]},{"level":2,"title":"1.7.31","slug":"_1-7-31","link":"#_1-7-31","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-41","link":"#patch-changes-41","children":[]}]},{"level":2,"title":"1.7.30","slug":"_1-7-30","link":"#_1-7-30","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-42","link":"#patch-changes-42","children":[]}]},{"level":2,"title":"1.7.29","slug":"_1-7-29","link":"#_1-7-29","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-43","link":"#patch-changes-43","children":[]}]},{"level":2,"title":"1.7.28","slug":"_1-7-28","link":"#_1-7-28","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-44","link":"#patch-changes-44","children":[]}]},{"level":2,"title":"1.7.27","slug":"_1-7-27","link":"#_1-7-27","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-45","link":"#patch-changes-45","children":[]}]},{"level":2,"title":"1.7.26","slug":"_1-7-26","link":"#_1-7-26","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-46","link":"#patch-changes-46","children":[]}]},{"level":2,"title":"1.7.25","slug":"_1-7-25","link":"#_1-7-25","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-47","link":"#patch-changes-47","children":[]}]},{"level":2,"title":"1.7.24","slug":"_1-7-24","link":"#_1-7-24","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-48","link":"#patch-changes-48","children":[]}]},{"level":2,"title":"1.7.23","slug":"_1-7-23","link":"#_1-7-23","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-49","link":"#patch-changes-49","children":[]}]},{"level":2,"title":"1.7.22","slug":"_1-7-22","link":"#_1-7-22","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-50","link":"#patch-changes-50","children":[]}]},{"level":2,"title":"1.7.21","slug":"_1-7-21","link":"#_1-7-21","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-51","link":"#patch-changes-51","children":[]}]},{"level":2,"title":"1.7.20","slug":"_1-7-20","link":"#_1-7-20","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-52","link":"#patch-changes-52","children":[]}]},{"level":2,"title":"1.7.19","slug":"_1-7-19","link":"#_1-7-19","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-53","link":"#patch-changes-53","children":[]}]},{"level":2,"title":"1.7.18","slug":"_1-7-18","link":"#_1-7-18","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-54","link":"#patch-changes-54","children":[]}]},{"level":2,"title":"1.7.17","slug":"_1-7-17","link":"#_1-7-17","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-55","link":"#patch-changes-55","children":[]}]},{"level":2,"title":"1.7.16","slug":"_1-7-16","link":"#_1-7-16","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-56","link":"#patch-changes-56","children":[]}]},{"level":2,"title":"1.7.15","slug":"_1-7-15","link":"#_1-7-15","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-57","link":"#patch-changes-57","children":[]}]},{"level":2,"title":"1.7.14","slug":"_1-7-14","link":"#_1-7-14","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-58","link":"#patch-changes-58","children":[]}]},{"level":2,"title":"1.7.13","slug":"_1-7-13","link":"#_1-7-13","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-59","link":"#patch-changes-59","children":[]}]},{"level":2,"title":"1.7.12","slug":"_1-7-12","link":"#_1-7-12","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-60","link":"#patch-changes-60","children":[]}]},{"level":2,"title":"1.7.11","slug":"_1-7-11","link":"#_1-7-11","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-61","link":"#patch-changes-61","children":[]}]},{"level":2,"title":"1.7.10","slug":"_1-7-10","link":"#_1-7-10","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-62","link":"#patch-changes-62","children":[]}]},{"level":2,"title":"1.7.9","slug":"_1-7-9","link":"#_1-7-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-63","link":"#patch-changes-63","children":[]}]},{"level":2,"title":"1.7.8","slug":"_1-7-8","link":"#_1-7-8","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-64","link":"#patch-changes-64","children":[]}]},{"level":2,"title":"1.7.7","slug":"_1-7-7","link":"#_1-7-7","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-65","link":"#patch-changes-65","children":[]}]},{"level":2,"title":"1.7.6","slug":"_1-7-6","link":"#_1-7-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-66","link":"#patch-changes-66","children":[]}]},{"level":2,"title":"1.7.5","slug":"_1-7-5","link":"#_1-7-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-67","link":"#patch-changes-67","children":[]}]},{"level":2,"title":"1.7.4","slug":"_1-7-4","link":"#_1-7-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-68","link":"#patch-changes-68","children":[]}]},{"level":2,"title":"1.7.3","slug":"_1-7-3","link":"#_1-7-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-69","link":"#patch-changes-69","children":[]}]},{"level":2,"title":"1.7.2","slug":"_1-7-2","link":"#_1-7-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-70","link":"#patch-changes-70","children":[]}]},{"level":2,"title":"1.7.1","slug":"_1-7-1","link":"#_1-7-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-71","link":"#patch-changes-71","children":[]}]},{"level":2,"title":"1.7.0","slug":"_1-7-0","link":"#_1-7-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-2","link":"#minor-changes-2","children":[]}]},{"level":2,"title":"1.6.0","slug":"_1-6-0","link":"#_1-6-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-3","link":"#minor-changes-3","children":[]}]},{"level":2,"title":"1.5.0","slug":"_1-5-0","link":"#_1-5-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-4","link":"#minor-changes-4","children":[]}]},{"level":2,"title":"1.4.0","slug":"_1-4-0","link":"#_1-4-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-5","link":"#minor-changes-5","children":[]},{"level":3,"title":"Patch Changes","slug":"patch-changes-72","link":"#patch-changes-72","children":[]}]},{"level":2,"title":"1.3.0","slug":"_1-3-0","link":"#_1-3-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-6","link":"#minor-changes-6","children":[]}]},{"level":2,"title":"1.2.4","slug":"_1-2-4","link":"#_1-2-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-73","link":"#patch-changes-73","children":[]}]},{"level":2,"title":"1.2.3","slug":"_1-2-3","link":"#_1-2-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-74","link":"#patch-changes-74","children":[]}]},{"level":2,"title":"1.2.2","slug":"_1-2-2","link":"#_1-2-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-75","link":"#patch-changes-75","children":[]}]},{"level":2,"title":"1.2.1","slug":"_1-2-1","link":"#_1-2-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-76","link":"#patch-changes-76","children":[]}]},{"level":2,"title":"1.2.0","slug":"_1-2-0","link":"#_1-2-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-7","link":"#minor-changes-7","children":[]}]},{"level":2,"title":"1.1.9","slug":"_1-1-9","link":"#_1-1-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-77","link":"#patch-changes-77","children":[]}]},{"level":2,"title":"1.1.8","slug":"_1-1-8","link":"#_1-1-8","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-78","link":"#patch-changes-78","children":[]}]},{"level":2,"title":"1.1.7","slug":"_1-1-7","link":"#_1-1-7","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-79","link":"#patch-changes-79","children":[]}]},{"level":2,"title":"1.1.6","slug":"_1-1-6","link":"#_1-1-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-80","link":"#patch-changes-80","children":[]}]},{"level":2,"title":"1.1.5","slug":"_1-1-5","link":"#_1-1-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-81","link":"#patch-changes-81","children":[]}]},{"level":2,"title":"1.1.4","slug":"_1-1-4","link":"#_1-1-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-82","link":"#patch-changes-82","children":[]}]},{"level":2,"title":"1.1.3","slug":"_1-1-3","link":"#_1-1-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-83","link":"#patch-changes-83","children":[]}]},{"level":2,"title":"1.1.2","slug":"_1-1-2","link":"#_1-1-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-84","link":"#patch-changes-84","children":[]}]},{"level":2,"title":"1.1.1","slug":"_1-1-1","link":"#_1-1-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-85","link":"#patch-changes-85","children":[]}]},{"level":2,"title":"1.1.0","slug":"_1-1-0","link":"#_1-1-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-8","link":"#minor-changes-8","children":[]}]},{"level":2,"title":"1.0.1 (2022/1/5)","slug":"_1-0-1-2022-1-5","link":"#_1-0-1-2022-1-5","children":[]},{"level":2,"title":"1.0.0-beta.9 (2022/12/9)","slug":"_1-0-0-beta-9-2022-12-9","link":"#_1-0-0-beta-9-2022-12-9","children":[]},{"level":2,"title":"1.0.0-beta.8 (2022/12/8)","slug":"_1-0-0-beta-8-2022-12-8","link":"#_1-0-0-beta-8-2022-12-8","children":[]},{"level":2,"title":"1.0.0-beta.7 (2022/11/30)","slug":"_1-0-0-beta-7-2022-11-30","link":"#_1-0-0-beta-7-2022-11-30","children":[]},{"level":2,"title":"1.0.0-beta.6 (2022/11/29)","slug":"_1-0-0-beta-6-2022-11-29","link":"#_1-0-0-beta-6-2022-11-29","children":[]},{"level":2,"title":"1.0.0-beta.4 (2022/11/25)","slug":"_1-0-0-beta-4-2022-11-25","link":"#_1-0-0-beta-4-2022-11-25","children":[]},{"level":2,"title":"1.0.0-beta.3 (2022/11/20)","slug":"_1-0-0-beta-3-2022-11-20","link":"#_1-0-0-beta-3-2022-11-20","children":[]},{"level":2,"title":"1.0.0-beta.2 (2022/11/7)","slug":"_1-0-0-beta-2-2022-11-7","link":"#_1-0-0-beta-2-2022-11-7","children":[]},{"level":2,"title":"1.0.0-beta.1 (2022/11/04)","slug":"_1-0-0-beta-1-2022-11-04","link":"#_1-0-0-beta-1-2022-11-04","children":[]},{"level":2,"title":"1.0.0-alpha.7 (2022/10/26)","slug":"_1-0-0-alpha-7-2022-10-26","link":"#_1-0-0-alpha-7-2022-10-26","children":[]},{"level":2,"title":"1.0.0-alpha.6 (2022/10/21)","slug":"_1-0-0-alpha-6-2022-10-21","link":"#_1-0-0-alpha-6-2022-10-21","children":[]},{"level":2,"title":"1.0.0-alpha.5 (2022/10/20)","slug":"_1-0-0-alpha-5-2022-10-20","link":"#_1-0-0-alpha-5-2022-10-20","children":[]},{"level":2,"title":"1.0.0-alpha.4 (2022/10/18)","slug":"_1-0-0-alpha-4-2022-10-18","link":"#_1-0-0-alpha-4-2022-10-18","children":[]},{"level":2,"title":"1.0.0-alpha.3 (2022/10/17)","slug":"_1-0-0-alpha-3-2022-10-17","link":"#_1-0-0-alpha-3-2022-10-17","children":[{"level":3,"title":"\u4E3B\u8981\u66F4\u65B0","slug":"\u4E3B\u8981\u66F4\u65B0","link":"#\u4E3B\u8981\u66F4\u65B0","children":[]},{"level":3,"title":"\u529F\u80FD\u4F18\u5316","slug":"\u529F\u80FD\u4F18\u5316","link":"#\u529F\u80FD\u4F18\u5316","children":[]}]},{"level":2,"title":"1.0.0-alpha.2 (2022/10/12)","slug":"_1-0-0-alpha-2-2022-10-12","link":"#_1-0-0-alpha-2-2022-10-12","children":[]},{"level":2,"title":"1.0.0-alpha.1 (2022/10/10)","slug":"_1-0-0-alpha-1-2022-10-10","link":"#_1-0-0-alpha-1-2022-10-10","children":[]},{"level":2,"title":"0.6.1 (2022/10/9)","slug":"_0-6-1-2022-10-9","link":"#_0-6-1-2022-10-9","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-86","link":"#patch-changes-86","children":[]}]},{"level":2,"title":"0.6.0 (2022/10/8)","slug":"_0-6-0-2022-10-8","link":"#_0-6-0-2022-10-8","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-9","link":"#minor-changes-9","children":[]},{"level":3,"title":"Patch Changes","slug":"patch-changes-87","link":"#patch-changes-87","children":[]}]},{"level":2,"title":"0.5.7 (2022/10/30)","slug":"_0-5-7-2022-10-30","link":"#_0-5-7-2022-10-30","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-88","link":"#patch-changes-88","children":[]}]},{"level":2,"title":"0.5.6","slug":"_0-5-6","link":"#_0-5-6","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-89","link":"#patch-changes-89","children":[]}]},{"level":2,"title":"0.5.5","slug":"_0-5-5","link":"#_0-5-5","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-90","link":"#patch-changes-90","children":[]}]},{"level":2,"title":"0.5.4","slug":"_0-5-4","link":"#_0-5-4","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-91","link":"#patch-changes-91","children":[]}]},{"level":2,"title":"0.5.3","slug":"_0-5-3","link":"#_0-5-3","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-92","link":"#patch-changes-92","children":[]}]},{"level":2,"title":"0.5.2","slug":"_0-5-2","link":"#_0-5-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-93","link":"#patch-changes-93","children":[]}]},{"level":2,"title":"0.5.1","slug":"_0-5-1","link":"#_0-5-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-94","link":"#patch-changes-94","children":[]},{"level":3,"title":"\u65B0\u529F\u80FD","slug":"\u65B0\u529F\u80FD","link":"#\u65B0\u529F\u80FD","children":[]}]},{"level":2,"title":"0.5.0","slug":"_0-5-0","link":"#_0-5-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-10","link":"#minor-changes-10","children":[]},{"level":3,"title":"\u65B0\u529F\u80FD","slug":"\u65B0\u529F\u80FD-1","link":"#\u65B0\u529F\u80FD-1","children":[]}]},{"level":2,"title":"0.4.2","slug":"_0-4-2","link":"#_0-4-2","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-95","link":"#patch-changes-95","children":[]}]},{"level":2,"title":"0.4.1","slug":"_0-4-1","link":"#_0-4-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-96","link":"#patch-changes-96","children":[]}]},{"level":2,"title":"0.4.0","slug":"_0-4-0","link":"#_0-4-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-11","link":"#minor-changes-11","children":[]}]},{"level":2,"title":"0.3.1","slug":"_0-3-1","link":"#_0-3-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-97","link":"#patch-changes-97","children":[]}]},{"level":2,"title":"0.3.0","slug":"_0-3-0","link":"#_0-3-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-12","link":"#minor-changes-12","children":[]}]},{"level":2,"title":"0.2.1","slug":"_0-2-1","link":"#_0-2-1","children":[{"level":3,"title":"Patch Changes","slug":"patch-changes-98","link":"#patch-changes-98","children":[]}]},{"level":2,"title":"0.2.0","slug":"_0-2-0","link":"#_0-2-0","children":[{"level":3,"title":"Minor Changes","slug":"minor-changes-13","link":"#minor-changes-13","children":[]},{"level":3,"title":"Patch Changes","slug":"patch-changes-99","link":"#patch-changes-99","children":[]}]}],"relativePath":"base/change-log.md","lastUpdated":1719310312000}'),i={name:"base/change-log.md"},n=h("",497),t=[n];function c(r,s,d,g,u,p){return e(),l("div",null,t)}const _=a(i,[["render",c]]);export{f as __pageData,_ as default}; diff --git a/assets/base_concepts.md.bdef14b5.js b/assets/base_concepts.md.bdef14b5.js new file mode 100644 index 0000000..4bb61dd --- /dev/null +++ b/assets/base_concepts.md.bdef14b5.js @@ -0,0 +1,24 @@ +import{d as A,r as u,a as c,o as r,c as F,f as s,w as e,g as a,h as p,D as d,b as t,G as m,j as _,m as D}from"./app.56f20909.js";const E="/components/assets/yida.7b9b084f.png",g={class:"wk-demo"},v=A({__name:"Atomics",setup(y){const n=u(!1);return(C,l)=>{const i=c("el-switch");return r(),F("div",g,[s(i,{modelValue:n.value,"onUpdate:modelValue":l[0]||(l[0]=o=>n.value=o),"active-text":"\u9884\u89C8","inactive-text":"\u7F16\u8F91"},null,8,["modelValue"]),s(a(_),{mode:n.value?"preview":"editable"},{default:e(()=>[s(a(p),{prop:"input",label:"\u6587\u672C\u8F93\u5165","initial-value":"123"}),s(a(p),{prop:"integer","value-type":"integer",label:"\u6574\u6570\u8F93\u5165","initial-value":456}),s(a(p),{prop:"date","value-type":"date",label:"\u65E5\u671F\u8F93\u5165"}),s(a(d),null,{default:e(o=>[t("pre",null,[t("code",null,m(JSON.stringify(o.values,void 0,2)),1)])]),_:1})]),_:1},8,["mode"])])}}}),q=D('

\u57FA\u672C\u6982\u5FF5

\u4F55\u4E3A 'fat'

Fat \u662F\u80A5\u80D6\u7684\u610F\u601D\u3002@wakeadmin/components \u7684\u5B9A\u4F4D\u662F\u4E00\u4E2A\u9AD8\u7EA7\u7EC4\u4EF6\u5E93\uFF0C\u800C\u4E0D\u662F element-ui \u8FD9\u7C7B\u57FA\u7840\u7EC4\u4EF6\u5E93\u3002\u5B83\u7684\u76EE\u6807\u662F\u8986\u76D6\u7BA1\u7406\u540E\u53F0\u7684 80% \u7684\u5F00\u53D1\u573A\u666F\uFF0C\u56E0\u6B64\uFF0C\u5B83\u6709\u4EE5\u4E0B\u7279\u5F81\uFF1A

  • \u7EC4\u4EF6\u7684\u7C92\u5EA6\u66F4\u52A0\u5927\u3002\u5927\u5230\u4E00\u4E2A\u9875\u9762\uFF0C\u5C0F\u5230\u4E00\u4E2A\u9875\u9762\u533A\u57DF\u3002
  • \u9075\u5FAA\u201C\u7EA6\u5B9A\u5927\u4E8E\u914D\u7F6E\u201D\u3002 \u6211\u4EEC\u671F\u671B\u5F00\u53D1\u4E00\u4E2A\u9875\u9762\uFF0C\u53EA\u9700\u8981\u5C11\u91CF\u7684\u914D\u7F6E\u4EE3\u7801\uFF0C\u6309\u7167 UI/\u4EA7\u54C1 \u89C4\u8303\uFF0C\u5C06\u5927\u90E8\u5206\u4EA4\u4E92\u3001\u6570\u636E\u5904\u7406\u7684\u7EC6\u8282\u56FA\u5B9A\u4E0B\u6765\uFF0C\u505A\u5230\u5F00\u7BB1\u5373\u7528\u3002



\u4F55\u4E3A'\u539F\u4EF6(Atomic)'

\u5B9C\u642D

\u539F\u4EF6\u7C7B\u4F3C\u4E8E\u4F4E\u4EE3\u7801\u5E73\u53F0\u7684\u2019\u7EC4\u4EF6\u2018\uFF0C\u5728 @wakeadmin/components \u4E2D\uFF0C\u539F\u4EF6 \u662F\u7EC4\u6210\u8868\u683C \u548C\u8868\u5355\u7684\u57FA\u672C\u5355\u4F4D\u3002

\u539F\u4EF6\u6709\u4E24\u79CD\u5F62\u6001\uFF1A

  • \u7F16\u8F91\u5F62\u6001(editable): \u7528\u4E8E\u8868\u5355\u3001\u8868\u683C\u67E5\u8BE2\u7B49\u573A\u666F
  • \u9884\u89C8\u5F62\u6001(preview): \u7528\u4E8E\u8BE6\u60C5\u9875\uFF0C\u8868\u683C\u7B49\u573A\u666F


\u4EE3\u7801\u793A\u4F8B\uFF1A

',15),f=D(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div class="wk-demo">
+    <el-switch v-model="previewMode" active-text="\u9884\u89C8" inactive-text="\u7F16\u8F91"></el-switch>
+
+    <FatForm :mode="previewMode ? 'preview' : 'editable'">
+      <FatFormItem prop="input" label="\u6587\u672C\u8F93\u5165" initial-value="123" />
+      <FatFormItem prop="integer" value-type="integer" label="\u6574\u6570\u8F93\u5165" :initial-value="456" />
+      <FatFormItem prop="date" value-type="date" label="\u65E5\u671F\u8F93\u5165" />
+      <FatFormConsumer>
+        <template #default="scope">
+          <pre><code>{{ JSON.stringify(scope.values, undefined, 2) }}</code></pre>
+        </template>
+      </FatFormConsumer>
+    </FatForm>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { FatForm, FatFormItem, FatFormConsumer } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const previewMode = ref(false);
+</script>
+
`,1),w=JSON.parse(`{"title":"\u57FA\u672C\u6982\u5FF5","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u4F55\u4E3A 'fat'","slug":"\u4F55\u4E3A-fat","link":"#\u4F55\u4E3A-fat","children":[]},{"level":2,"title":"\u4F55\u4E3A'\u539F\u4EF6(Atomic)'","slug":"\u4F55\u4E3A-\u539F\u4EF6-atomic","link":"#\u4F55\u4E3A-\u539F\u4EF6-atomic","children":[]}],"relativePath":"base/concepts.md","lastUpdated":1719310312000}`),h={name:"base/concepts.md"},B=Object.assign(h,{setup(y){return(n,C)=>{const l=c("ClientOnly");return r(),F("div",null,[q,s(l,null,{default:e(()=>[s(v)]),_:1}),f])}}});export{w as __pageData,B as default}; diff --git a/assets/base_concepts.md.bdef14b5.lean.js b/assets/base_concepts.md.bdef14b5.lean.js new file mode 100644 index 0000000..31f0d73 --- /dev/null +++ b/assets/base_concepts.md.bdef14b5.lean.js @@ -0,0 +1 @@ +import{d as A,r as u,a as c,o as r,c as F,f as s,w as e,g as a,h as p,D as d,b as t,G as m,j as _,m as D}from"./app.56f20909.js";const E="/components/assets/yida.7b9b084f.png",g={class:"wk-demo"},v=A({__name:"Atomics",setup(y){const n=u(!1);return(C,l)=>{const i=c("el-switch");return r(),F("div",g,[s(i,{modelValue:n.value,"onUpdate:modelValue":l[0]||(l[0]=o=>n.value=o),"active-text":"\u9884\u89C8","inactive-text":"\u7F16\u8F91"},null,8,["modelValue"]),s(a(_),{mode:n.value?"preview":"editable"},{default:e(()=>[s(a(p),{prop:"input",label:"\u6587\u672C\u8F93\u5165","initial-value":"123"}),s(a(p),{prop:"integer","value-type":"integer",label:"\u6574\u6570\u8F93\u5165","initial-value":456}),s(a(p),{prop:"date","value-type":"date",label:"\u65E5\u671F\u8F93\u5165"}),s(a(d),null,{default:e(o=>[t("pre",null,[t("code",null,m(JSON.stringify(o.values,void 0,2)),1)])]),_:1})]),_:1},8,["mode"])])}}}),q=D("",15),f=D("",1),w=JSON.parse(`{"title":"\u57FA\u672C\u6982\u5FF5","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u4F55\u4E3A 'fat'","slug":"\u4F55\u4E3A-fat","link":"#\u4F55\u4E3A-fat","children":[]},{"level":2,"title":"\u4F55\u4E3A'\u539F\u4EF6(Atomic)'","slug":"\u4F55\u4E3A-\u539F\u4EF6-atomic","link":"#\u4F55\u4E3A-\u539F\u4EF6-atomic","children":[]}],"relativePath":"base/concepts.md","lastUpdated":1719310312000}`),h={name:"base/concepts.md"},B=Object.assign(h,{setup(y){return(n,C)=>{const l=c("ClientOnly");return r(),F("div",null,[q,s(l,null,{default:e(()=>[s(v)]),_:1}),f])}}});export{w as __pageData,B as default}; diff --git a/assets/base_install.md.c14bfc04.js b/assets/base_install.md.c14bfc04.js new file mode 100644 index 0000000..ac5b745 --- /dev/null +++ b/assets/base_install.md.c14bfc04.js @@ -0,0 +1,86 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/arch.ebdac095.png",o="/components/assets/content.30e7c4b9.png",u=JSON.parse('{"title":"\u5F00\u59CB","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u6574\u4F53\u67B6\u6784","slug":"\u6574\u4F53\u67B6\u6784","link":"#\u6574\u4F53\u67B6\u6784","children":[]},{"level":2,"title":"Prerequisites","slug":"prerequisites","link":"#prerequisites","children":[]},{"level":2,"title":"\u5B89\u88C5","slug":"\u5B89\u88C5","link":"#\u5B89\u88C5","children":[]},{"level":2,"title":"\u66F4\u597D\u7684 Typescript / JSX \u652F\u6301","slug":"\u66F4\u597D\u7684-typescript-jsx-\u652F\u6301","link":"#\u66F4\u597D\u7684-typescript-jsx-\u652F\u6301","children":[]},{"level":2,"title":"\u521D\u59CB\u5316","slug":"\u521D\u59CB\u5316","link":"#\u521D\u59CB\u5316","children":[]},{"level":2,"title":"\u5F00\u542F\u7F16\u7A0B\u4E4B\u65C5","slug":"\u5F00\u542F\u7F16\u7A0B\u4E4B\u65C5","link":"#\u5F00\u542F\u7F16\u7A0B\u4E4B\u65C5","children":[]}],"relativePath":"base/install.md","lastUpdated":1719310312000}'),e={name:"base/install.md"},t=l('

\u5F00\u59CB






@wakeadmin/components \u662F\u57FA\u4E8E Vue \u548C Element-UI/Element-plus \u7684\u9AD8\u7EA7\u7EC4\u4EF6\u5E93\u3002\u65E8\u5728\u89E3\u653E\u7BA1\u7406\u540E\u53F0\u7AEF CRUD \u9875\u9762\u7684\u524D\u7AEF\u751F\u4EA7\u529B\u3002




\u6574\u4F53\u67B6\u6784


  • element-adapter: \u8FD9\u91CC\u4E3B\u8981\u7528\u4E8E\u5C01\u88C5 element-ui/element-plus \u4E4B\u95F4\u7684\u4E00\u4E9B\u5DEE\u5F02\u3002 @wakeadmin/components \u4E0D\u4F1A\u76F4\u63A5\u4F9D\u8D56 element-ui/element-plus, \u800C\u662F\u4F7F\u7528 element-adapter \u66B4\u9732\u7684\u7EDF\u4E00 API
  • @wakeadmin/h/@wakeadmin/demi: \u8FD9\u662F\u4E00\u4E2A JSX \u5E93\uFF0C\u5C4F\u853D\u4E86 Vue 2/3 \u5728\u89C6\u56FE\u6E32\u67D3\u4E0A\u7684\u4E00\u4E9B\u5DEE\u5F02\uFF0C\u4ECE\u800C\u8BA9 @wakeadmin/components \u517C\u5BB9 Vue 2/3\u3002



\u4E3B\u8981\u5185\u5BB9\uFF1A


@wakeadmin/components \u5305\u542B\u4E09\u5927\u6838\u5FC3\u90E8\u4EF6\uFF1A

  • FatTable: \u7528\u4E8E\u5E38\u89C1\u7684\u5217\u8868\u3001\u8868\u683C\u67E5\u8BE2\u9875\u9762
  • FatForm: \u7528\u4E8E\u5E38\u89C1\u7684\u521B\u5EFA\u8868\u5355\u3001\u66F4\u65B0\u8868\u5355\u3001\u8868\u5355\u8BE6\u60C5\u7B49\u9875\u9762
  • \u539F\u4EF6(Atomics): \u539F\u4EF6\u662F\u7EC4\u6210 FatTable\u3001FatForm \u7684\u57FA\u672C\u5355\u4F4D\uFF0C\u4E3A\u4E0D\u540C\u6570\u636E\u7C7B\u578B\u5B9A\u4E49\u7F16\u8F91\u548C\u9884\u89C8\u7684\u89C6\u56FE\u3002




Prerequisites



@wakeadmin/components \u652F\u6301 Vue 2/3:

  • Vue 2: \u8981\u6C42 Vue 2.7.13+, element-ui 2.14+
  • Vue 3: Vue 3.0+, element-plus 2.2+

WARNING

\u6CE8\u610F\uFF0CVue 2 \u4E0B\uFF0C\u4EC5\u652F\u6301 2.7.13+\uFF0C\u8BF7\u5347\u7EA7\u5230\u6700\u65B0\u7684 Vue 2 \u7248\u672C\u3002\u5E76\u79FB\u9664\u65E7\u7684 @vue/composition-api





\u5B89\u88C5


shell
$ pnpm add @wakeadmin/components
+


\u5982\u679C\u4F60\u4F7F\u7528\u7684\u662F vue-cli\uFF0C\u5EFA\u8BAE\u5728 vue.config.js \u4E2D\u52A0\u5165\u4EE5\u4E0B\u914D\u7F6E:

js
// ...
+module.exports = defineConfig({
+  // \u6784\u5EFA\u65F6\u8F6C\u6362 @wakeadmin/* \u76F8\u5173\u5E93\uFF0C\u8BA9 babel \u53C2\u4E0E\u8F6C\u8BD1\uFF0C\u4EE5\u7B26\u5408\u4F60\u7684\u517C\u5BB9\u6027\u9700\u6C42
+  transpileDependencies: process.env.NODE_ENV === 'production' ? [/(wakeapp|wakeadmin)/] : false,
+  // ...
+});
+




\u66F4\u597D\u7684 Typescript / JSX \u652F\u6301

\u5728 Vue \u4E2D\u652F\u6301 Typescript \u548C JSX \u5E76\u4E0D\u662F\u4E00\u4EF6\u5BB9\u6613\u7684\u4E8B\u60C5\uFF0C\u79FB\u6B65\u652F\u6301 Typescript \u548C JSX, \u6211\u4EEC\u4E13\u95E8\u5199\u7684\u4E00\u7BC7\u6587\u6863\u3002




\u521D\u59CB\u5316

\u5F15\u5165\u6837\u5F0F\uFF0C\u5E76\u5B89\u88C5 Vue \u63D2\u4EF6:

tsx
import Vue from 'vue';
+import { plugin } from '@wakeadmin/components';
+
+// \u5F15\u5165\u6837\u5F0F
+import '@wakeadmin/components/style/index.scss';
+
+// vue 2.x \u7528\u6CD5
+Vue.use(plugin);
+



\u5982\u679C\u4F60\u4F7F\u7528 element-plus, \u4E14\u4F7F\u7528\u4E86\u81EA\u5B9A\u4E49\u547D\u540D\u7A7A\u95F4

@wakeadmin/components \u5B9A\u5236\u4E86\u90E8\u5206 element \u7EC4\u4EF6\u7684\u6837\u5F0F\uFF0C\u56E0\u6B64\u5982\u679C\u4F60\u4F7F\u7528\u81EA\u5B9A\u4E49\u547D\u540D\u7A7A\u95F4\uFF0C\u5728\u5BFC\u5165 @wakeadmin/components \u7684\u6837\u5F0F\u65F6\uFF0C\u540C\u6837\u9700\u8981\u914D\u7F6E\u4E00\u4E0B\u547D\u540D\u7A7A\u95F4\u53D8\u91CF:

\u521B\u5EFA\u4E00\u4E2A \u65B0\u7684 scss \u6587\u4EF6\uFF0C\u6216\u8005\u5728\u5E94\u7528\u6839\u7EC4\u4EF6 \u7684 <style lang="scss"> \u4E2D\u6DFB\u52A0\u4EE5\u4E0B\u4EE3\u7801:

vue
<template>
+  <el-config-provider namespace="ep">
+    <div id="app">
+      <router-view />
+    </div>
+  </el-config-provider>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss">
+  // \u81EA\u5B9A\u4E49\u547D\u540D\u7A7A\u95F4
+  @forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
+    $namespace: 'ep'
+  );
+
+  @use 'element-plus/theme-chalk/src/index.scss' as *;
+
+  // \u5B9A\u4E49 @wakeadmin/components \u4E0B\u7684 element-ui \u547D\u540D\u7A7A\u95F4
+  @forward '@wakeadmin/components/style/_config.scss' with (
+    $el-ns: 'ep'
+  );
+
+  @use '@wakeadmin/components/style/index.scss' as *;
+
+  body {
+    margin: 0;
+    padding: 0;
+  }
+</style>
+




\u5F00\u542F\u7F16\u7A0B\u4E4B\u65C5





\u5F00\u53D1\u4E00\u4E2A\u7B80\u5355\u7684\u8868\u683C\uFF1A

tsx
import { defineFatTable } from '@wakeadmin/components';
+
+/**
+ * \u8868\u683C\u9879\u7C7B\u578B
+ */
+export interface Item {
+  id: number;
+  name: string;
+  createDate: number;
+}
+
+export const MyTable = defineFatTable<Item>(({ column }) => {
+  return () => ({
+    // \u8868\u683C\u6570\u636E\u83B7\u53D6
+    async request(params) {
+      const { pagination, query } = params;
+
+      const { data: list, total } = await getMyList({ ...query, ...pagination });
+
+      return {
+        total,
+        list,
+      };
+    },
+    // \u5220\u9664\u64CD\u4F5C
+    async remove(list, ids) {
+      await removeItem(ids);
+    },
+    // \u8868\u683C\u5217
+    columns: [
+      // queryable \u6807\u8BB0\u4E3A\u67E5\u8BE2\u5B57\u6BB5
+      column({ prop: 'name', label: '\u540D\u79F0', queryable: true }),
+      column({ prop: 'createDate', valueType: 'date-range', label: '\u521B\u5EFA\u65F6\u95F4', queryable: true }),
+      column({
+        type: 'actions',
+        actions: (table, row) => [{ name: '\u7F16\u8F91' }, { name: '\u5220\u9664', onClick: () => table.remove(row) }],
+      }),
+    ],
+  });
+});
+
`,71),c=[t];function r(F,D,y,i,C,A){return n(),a("div",null,c)}const m=s(e,[["render",r]]);export{u as __pageData,m as default}; diff --git a/assets/base_install.md.c14bfc04.lean.js b/assets/base_install.md.c14bfc04.lean.js new file mode 100644 index 0000000..4a804df --- /dev/null +++ b/assets/base_install.md.c14bfc04.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/arch.ebdac095.png",o="/components/assets/content.30e7c4b9.png",u=JSON.parse('{"title":"\u5F00\u59CB","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u6574\u4F53\u67B6\u6784","slug":"\u6574\u4F53\u67B6\u6784","link":"#\u6574\u4F53\u67B6\u6784","children":[]},{"level":2,"title":"Prerequisites","slug":"prerequisites","link":"#prerequisites","children":[]},{"level":2,"title":"\u5B89\u88C5","slug":"\u5B89\u88C5","link":"#\u5B89\u88C5","children":[]},{"level":2,"title":"\u66F4\u597D\u7684 Typescript / JSX \u652F\u6301","slug":"\u66F4\u597D\u7684-typescript-jsx-\u652F\u6301","link":"#\u66F4\u597D\u7684-typescript-jsx-\u652F\u6301","children":[]},{"level":2,"title":"\u521D\u59CB\u5316","slug":"\u521D\u59CB\u5316","link":"#\u521D\u59CB\u5316","children":[]},{"level":2,"title":"\u5F00\u542F\u7F16\u7A0B\u4E4B\u65C5","slug":"\u5F00\u542F\u7F16\u7A0B\u4E4B\u65C5","link":"#\u5F00\u542F\u7F16\u7A0B\u4E4B\u65C5","children":[]}],"relativePath":"base/install.md","lastUpdated":1719310312000}'),e={name:"base/install.md"},t=l("",71),c=[t];function r(F,D,y,i,C,A){return n(),a("div",null,c)}const m=s(e,[["render",r]]);export{u as __pageData,m as default}; diff --git a/assets/base_typescript.md.b9939e2e.js b/assets/base_typescript.md.b9939e2e.js new file mode 100644 index 0000000..2895f8b --- /dev/null +++ b/assets/base_typescript.md.b9939e2e.js @@ -0,0 +1,210 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const A=JSON.parse('{"title":"\u652F\u6301 Typescript \u548C JSX","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u4F9D\u8D56","slug":"\u5B89\u88C5\u4F9D\u8D56","link":"#\u5B89\u88C5\u4F9D\u8D56","children":[]},{"level":2,"title":"\u914D\u7F6E","slug":"\u914D\u7F6E","link":"#\u914D\u7F6E","children":[{"level":3,"title":"\u7C7B\u578B\u68C0\u67E5","slug":"\u7C7B\u578B\u68C0\u67E5","link":"#\u7C7B\u578B\u68C0\u67E5","children":[]},{"level":3,"title":"\u6DFB\u52A0@wakeadmin/h\uFF08\u53EF\u9009\uFF09","slug":"\u6DFB\u52A0-wakeadmin-h\uFF08\u53EF\u9009\uFF09","link":"#\u6DFB\u52A0-wakeadmin-h\uFF08\u53EF\u9009\uFF09","children":[]}]},{"level":2,"title":"\u6784\u5EFA","slug":"\u6784\u5EFA","link":"#\u6784\u5EFA","children":[]},{"level":2,"title":"IDE \u7C7B\u578B\u63D0\u793A","slug":"ide-\u7C7B\u578B\u63D0\u793A","link":"#ide-\u7C7B\u578B\u63D0\u793A","children":[]},{"level":2,"title":"\u5F00\u542F\u7C7B\u578B\u68C0\u67E5","slug":"\u5F00\u542F\u7C7B\u578B\u68C0\u67E5","link":"#\u5F00\u542F\u7C7B\u578B\u68C0\u67E5","children":[]},{"level":2,"title":"ESLint \u9002\u914D","slug":"eslint-\u9002\u914D","link":"#eslint-\u9002\u914D","children":[]},{"level":2,"title":"\u8001\u9879\u76EE\u4E2D\u542F\u7528 TypeScript","slug":"\u8001\u9879\u76EE\u4E2D\u542F\u7528-typescript","link":"#\u8001\u9879\u76EE\u4E2D\u542F\u7528-typescript","children":[]}],"relativePath":"base/typescript.md","lastUpdated":1719310312000}'),p={name:"base/typescript.md"},o=l(`

\u652F\u6301 Typescript \u548C JSX

\u5927\u90E8\u5206\u573A\u666F\uFF0C\u6211\u4EEC\u63A8\u8350\u4F60\u4F7F\u7528 Vue \u7684 SFC + setup + TypeScript \u6765\u7F16\u5199\u7EC4\u4EF6\u3002

\u7136\u800C\uFF0C\u5728\u4F60\u4EEC\u4F7F\u7528 @wakeadmin/components \u65F6\uFF0C\u4E3A\u4E86\u7075\u6D3B\u5B9A\u4E49\u7EC4\u4EF6\u5E93\uFF0C\u4F60\u4F1A\u7ECF\u5E38\u7528\u5230 JSX\u3002

\u5728 Vue \u4E2D\u5F00\u542F Typescript \u548C JSX \u652F\u6301\u5E76\u4E0D\u662F\u4E00\u4EF6\u5BB9\u6613\u7684\u4E8B\u60C5\u3002 \u56E0\u6B64\u6211\u4EEC\u5355\u72EC\u51FA\u4E00\u4EFD\u6587\u6863\u6765\u8BF4\u660E\u4E00\u4E0B\u3002







\u5B89\u88C5\u4F9D\u8D56

\u5982\u679C\u4F60\u60F3\u8981\u4F7F\u7528 TSX/JSX \u5F00\u53D1\uFF0C\u5E76\u4E14\u83B7\u53D6\u5230\u66F4\u597D\u7684 Typescript \u7C7B\u578B\u68C0\u67E5\uFF0C\u9700\u8981\u5B89\u88C5\u4EE5\u4E0B\u4F9D\u8D56:

shell
$ pnpm add @wakeadmin/h @wakeadmin/demi vue-tsc -D
+
+# \u5347\u7EA7 @wakeadmin/* \u76F8\u5173\u4F9D\u8D56\u5230\u6700\u65B0\u7248\u672C
+$ pnpm up -r -L \\"@wakeadmin/*\\"
+

\u5982\u679C\u6784\u5EFA\u5DE5\u5177\u4F7F\u7528\u7684\u662FVue-cli\u7684\u8BDD \u9700\u8981\u989D\u5916\u5B89\u88C5\u4EE5\u4E0B\u4F9D\u8D56

shell
pnpm add babel-preset-wakeadmin -D
+


  • babel-preset-wakeadmin \u4F7F\u7528 react jsx \u7684\u6807\u51C6\u8BED\u6CD5\u6765\u8F6C\u6362 JSX\u3002
  • @wakeadmin/h \u66F4\u597D\u5730\u652F\u6301 react-jsx \u7684\u6807\u51C6 JSX \u8BED\u6CD5\uFF0C\u6CA1\u6709\u8BED\u6CD5\u7CD6\uFF0C\u66F4\u63A5\u8FD1 React \u7684\u5F00\u53D1\u4F53\u9A8C\u3002\u517C\u5BB9 Vue 2/3\u3002\u8BE6\u89C1\u4E0B\u6587
  • @wakeadmin/demi fork from vue-demi, \u4FEE\u590D\u4E86\u4E00\u4E9B\u95EE\u9898\u3002\u53EF\u4EE5\u5B8C\u5168\u53D6\u4EE3 vue-demi
  • vue-tsc Volar \u5E95\u5C42\u4F9D\u8D56\u7684 Typescript \u7F16\u8BD1\u5668\u3002\u8FD9\u91CC\u4E3B\u8981\u7528\u4E8E\u7C7B\u578B\u68C0\u67E5






\u914D\u7F6E

\u7C7B\u578B\u68C0\u67E5

json
// tsconfig.json:
+{
+  "compilerOptions": {
+    "types": ["@wakeadmin/demi"],
+    // \u5982\u679C\u4F7F\u7528 @wakeadmin/h\uFF0C \u5219\u52A0\u4E0A\u4EE5\u4E0B\u914D\u7F6E
+    "jsx": "react-jsx",
+    "jsxImportSource": "@wakeadmin/h"
+  },
+  // \u5982\u679C\u662F vue 2, \u5219\u52A0\u4E0A\u4EE5\u4E0B\u914D\u7F6E
+  "vueCompilerOptions": {
+    "target": 2.7,
+    // \u8F6C\u6362 template \u4E3A jsx \u6A21\u5F0F\uFF0C\u76EE\u524D\u800C\u8A00\u597D\u5904\u5C31\u662F\u68C0\u67E5\u66F4\u52A0\u4E25\u683C, \u800C\u4E14\u5BF9\u6CDB\u578B\u7EC4\u4EF6\u7684\u652F\u6301\u8F83\u597D
+    "jsxTemplates": true
+  }
+}
+



\u63A5\u7740\uFF0C\u914D\u7F6E\u4E00\u4E2A src/env.d.ts(\u65E7\u7684\u9879\u76EE\u53EF\u80FD\u5DF2\u5B58\u5728, \u6BD4\u5982 vue-cli, shims-tsx.d.ts\u3001shims-vue.d.ts, \u5C06\u8FD9\u4E9B\u6587\u4EF6\u5220\u6389) \u6587\u4EF6\uFF0C\u8BA9 TypeScript \u6807\u51C6\u7684\u7C7B\u578B\u68C0\u67E5\u5668\u53EF\u4EE5\u8BC6\u522B *.vue \u6587\u4EF6:

ts
// env.d.ts
+// \u4F60\u53EF\u80FD\u628A\u65E7\u7684 declare module '*.vue' \u79FB\u9664
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+

.vue \u6587\u4EF6, \u50CF .css \u8FD9\u4E9B\u9759\u6001\u8D44\u6E90\u6587\u4EF6\u4E00\u6837, \u6807\u51C6\u7684 Typescript \u662F\u65E0\u6CD5\u8BC6\u522B\u91CC\u9762\u7684\u7C7B\u578B\u7684, \u5F53\u7136\u88C5\u4E86 Volar \u63D2\u4EF6\u4E4B\u540E, Valor \u53EF\u4EE5\u505A\u5230\u3002\u4F46\u662F\u4EC5\u5728 IDE \u5C42\u9762\uFF0C\u5982\u679C\u4F60\u60F3\u8981\u5728\u6784\u5EFA\u65F6/CI \u65F6\u8FDB\u884C\u7C7B\u578B\u68C0\u67E5\uFF0C\u53EF\u4EE5\u7528 vue-tsc


\u6DFB\u52A0@wakeadmin/h\uFF08\u53EF\u9009\uFF09



\u8FD9\u91CC\uFF0C\u6211\u4EEC\u4F7F\u7528 @wakeadmin/h \u6765\u7F16\u5199 JSX\u3002\u597D\u5904\u662F\uFF1A

  1. Vue 2 / 3 JSX \u4E66\u5199\u4E0A\u76F8\u5DEE\u975E\u5E38\u5927, \u4E0D\u7BA1\u4F60\u7528\u7684\u662F Vue 2, \u8FD8\u662F Vue 3, \u4F7F\u7528 @wakeadmin/h \u53EF\u4EE5\u63D0\u4F9B\u4E00\u81F4\u7684\u7F16\u5199\u65B9\u5F0F, \u66F4\u63A5\u8FD1\u6211\u4EEC\u5728 React \u4E0A\u7684\u4F7F\u7528\u4E60\u60EF\u3002
  2. \u9664\u6B64\u4E4B\u5916\uFF0C@wakeadmin/h \u4E5F\u4F18\u5316\u4E86 Vue JSX \u5728 Typescript \u652F\u6301\u4E0A\u7684\u4E00\u4E9B\u95EE\u9898\u3002
  3. @wakeadmin/h\u4F18\u5316\u4E86slots\u4EE5\u53CADirective\u7684\u5199\u6CD5\uFF0C\u4F7F\u5176\u66F4\u52A0\u7B80\u4FBF\u3002

\u5F53\u7136\uFF0C\u5728\u6027\u80FD\u4E0A\u4F1A\u6709\u4E00\u70B9\u70B9\u7684\u635F\u5931\u3002


  • Vue-Cli
js
// babel.config.js
+module.exports = {
+  // \u5173\u95ED vue \u9ED8\u8BA4\u7684 jsx \u8F6C\u6362\uFF0C \u7EDF\u4E00\u4F7F\u7528\u6807\u51C6\u7684 JSX
+  presets: [['@vue/cli-plugin-babel/preset', { jsx: false }], 'babel-preset-wakeadmin'],
+};
+


  • Vite
js
// vite.config.ts
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  esbuild: {
+    jsx: 'automatic', 
+    jsxImportSource: '@wakeadmin/h'
+  },
+  plugins: [
+    vue()
+  ],
+});
+





\u4F7F\u7528\u793A\u4F8B\uFF1A

jsx
<div onClick={handleClick} class="hello" />; // \u4F7F\u7528 on* \u7684\u8BED\u6CD5\u8FDB\u884C\u4E8B\u4EF6\u76D1\u542C
+<div onClick={handleClick} class={[hello, { active: isActive }]} style={{ color: 'red' }} />;
+
+// \u63D2\u69FD\u7684\u4F7F\u7528\uFF0C\u4F7F\u7528 v-slots
+<Tooltip v-slots={{ content: <div>hello</div>, named: scope => <div>\u547D\u540D\u63D2\u69FD</div> }}>
+  <span class="fat-actions__btn">{content}</span>
+</Tooltip>;
+
+// \u6307\u4EE4\uFF1Ahttps://vuejs.org/api/render-function.html#withdirectives
+<div {...withDirectives([[vLoading, loading.value]])}>\u52A0\u8F7D\u4E2D</div>;
+



\u6784\u5EFA

\u9996\u5148\u6839\u636E\u4F60\u4F7F\u7528\u7684\u6784\u5EFA\u5DE5\u5177\uFF0C\u914D\u7F6E\u76F8\u5173\u7684 Typescript \u6784\u5EFA\u652F\u6301\uFF1A

  • Vite: \u5185\u7F6E\u652F\u6301\u8F6C\u6362, \u4F46\u662F\u7C7B\u578B\u68C0\u67E5\u9700\u8981\u501F\u52A9 vue-tsc
  • Vue CLI: \u5378\u8F7D\u6389 @vue/cli-plugin-typescript, \u5E76\u5B89\u88C5 @wakeadmin/vue-cli-plugin-typescript\u3002\u8FD9\u4E2A\u63D2\u4EF6\u5E95\u5C42\u57FA\u4E8E esbuild \u8FDB\u884C\u7F16\u8BD1\uFF0C\u4E0D\u4F1A\u8FDB\u884C\u7C7B\u578B\u68C0\u67E5, \u56E0\u6B64\u8FD8\u662F\u9700\u8981\u501F\u52A9 vue-tsx, \u8BE6\u89C1\u4E0B\u6587\u3002



\u{1F4A5} \u4E0D\u63A8\u8350\u4F7F\u7528 @vue/cli-plugin-typescript \u63D2\u4EF6:

\u4E3A\u4EC0\u4E48\u4E0D\u4F7F\u7528\u5B83\uFF1F Vue \u5B98\u65B9\u4E5F\u4E0D\u63A8\u8350\u4F7F\u7528\u5B83\u3002\u4E00\u4E2A\u6BD4\u8F83\u91CD\u8981\u7684\u95EE\u9898\u662F\uFF0C\u5B83\u7684\u6267\u884C\u7ED3\u679C\u672A\u5FC5\u548C IDE \u4E00\u81F4\uFF0C\u5F02\u5E38\u4E5F\u5F88\u96BE\u6392\u67E5\u3002\u6027\u80FD\u4E5F\u8F83\u5DEE\u3001\u65E0\u6CD5\u540C vue-tsc \u4E00\u6837\u771F\u6B63\u68C0\u67E5 *.vue \u6587\u4EF6\u3002





IDE \u7C7B\u578B\u63D0\u793A

IDE \u4E0A\u63A8\u8350\u4F7F\u7528 Valor \u63D2\u4EF6\uFF0C\u5E76\u7981\u7528\u6389 Vetur \u63D2\u4EF6\u3002\u5728 VSCode \u4E2D, \u4F60\u53EF\u4EE5\u5B89\u88C5\u4E00\u4E0B\u4E24\u4E2A\u63D2\u4EF6:






\u5F00\u542F\u7C7B\u578B\u68C0\u67E5

\u6700\u540E\uFF0C\u5982\u679C\u60F3\u8981\u5BF9\u7C7B\u578B\u8FDB\u884C\u68C0\u67E5\uFF0C\u63A8\u8350\u4F7F\u7528 vue-tsc:

json
// package.json
+{
+  "scripts": {
+    "prebuild": "vue-tsc --noEmit"
+  }
+}
+

\u5982\u679C\u4F7F\u7528\u4E86\u60DF\u5BA2\u4E91\u81EA\u52A8\u5316\u68C0\u67E5\u5DE5\u5177, \u53EF\u4EE5\u8FD9\u6837\u914D\u7F6E\uFF1A

json
// .standard.jsonc
+{
+  // \u6267\u884C Typescript \u7C7B\u578B\u68C0\u67E5
+  "typescriptEnable": true,
+
+  // typescript \u68C0\u67E5\u547D\u4EE4
+  "typescriptCmd": "vue-tsc --noEmit"
+}
+




ESLint \u9002\u914D


\u4F60\u53EF\u4EE5\u4F7F\u7528 wkstd init \u6765\u521D\u59CB\u5316 eslint \u7684\u914D\u7F6E, \u5178\u578B\u7684 ESlint \u914D\u7F6E\u5982\u4E0B\uFF1A

js
module.exports = {
+  extends: ['wkts', 'wkvue'],
+  plugins: [],
+  globals: {},
+  rules: {
+    'vue/no-deprecated-slot-attribute': 'off',
+  },
+  parser: 'vue-eslint-parser',
+  // \u4E3A\u4E86\u652F\u6301 Typescript \u9700\u8981\u914D\u7F6E '@typescript-eslint/parser'
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    project: 'tsconfig.json',
+    sourceType: 'module',
+    ecmaVersion: 'latest',
+    extraFileExtensions: ['.vue'],
+  },
+  env: {
+    browser: true,
+    es2020: true,
+  },
+  // \u68C0\u67E5 .tsx/.ts \u6587\u4EF6
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      rules: {
+        // \u4F7F\u7528 typescript \u68C0\u67E5
+      },
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        warnOnUnsupportedTypeScriptVersion: true,
+        ecmaVersion: 'latest',
+        lib: ['esNext'],
+        project: './tsconfig.json',
+      },
+    },
+  ],
+};
+



\u7136\u800C\u53EF\u80FD\u4E0D\u4F1A\u50CF\u4F60\u60F3\u8C61\u7684\u90A3\u4E48\u987A\u5229\u3002

\u274C \u5F02\u5E38 1: Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser. The file does not match your project config: packages/eslint-config-wkvue/tests/vue2/ts/.eslintrc.js. The file must be included in at least one of the projects provided


\u539F\u56E0\u5206\u6790\uFF1A \u6211\u4EEC\u5728\u4E0A\u9762\u7684 eslint \u914D\u7F6E\u4E2D\u6307\u5B9A\u4E86 @typescript-eslint/parser \u4F5C\u4E3A\u6240\u6709\u6587\u4EF6 parser\u3002\u7136\u800C @typescript-eslint/parser, \u5982\u679C\u6307\u5B9A\u7684\u6587\u4EF6\u4E0D\u518D tsconfig.json \u7684\u8986\u76D6\u8303\u56F4\u4E4B\u5185\u5C31\u4F1A\u51FA\u73B0\u8BE5\u95EE\u9898\u3002



\u89E3\u51B3\u529E\u6CD5\uFF1A

  • \u2460 (\u4E0D\u63A8\u8350)\u5728 tsconfig.json include \u8FDB\u6765, \u6BD4\u5982:

    json
    // tsconfig.json
    +{
    +  "include": [
    +    "types.d.ts",
    +    "src/**/*.vue",
    +    "scripts",
    +    "src/**/*.ts",
    +    "src/**/*.tsx",
    +    "src/**/*.js",
    +    "tailwind.config.js",
    +    ".eslintrc.js",
    +    "vue.config.js"
    +  ],
    +  "exclude": ["node_modules"]
    +}
    +

    \u5BF9\u4E8E\u65E7\u7684\u9879\u76EE\uFF0C\u8FD9\u4E9B\u6587\u4EF6\u5F88\u591A\u3002\u8FD9\u79CD\u89E3\u6CD5\u6BD4\u8F83\u8822\uFF0C\u800C\u4E14\u4F1A\u5F71\u54CD Typescript \u7684\u68C0\u67E5\u6548\u7387\uFF0C\u751A\u81F3\u4F1A\u6C61\u67D3\u68C0\u67E5\u7684\u7ED3\u679C\u3002\u5982\u679C\u771F\u7684\u975E\u5F97\u7528\u8FD9\u79CD\u65B9\u5F0F\uFF0C\u53EF\u4EE5\u53E6\u8D77\u4E00\u4E2A tsconfig.eslint.json \u7684\u914D\u7F6E\u6587\u4EF6\uFF0C\u5E76\u5C06 parserOptions.project \u6307\u5411\u8FD9\u4E2A\u6587\u4EF6\u3002




  • \u2461 \u4E3A\u4E0D\u540C\u7684\u6587\u4EF6\u652F\u6301\u4E0D\u540C\u7684 parser

    tsconfig.json \u5E94\u8BE5\u4E13\u6CE8\u4E8E\u5E94\u8BE5\u68C0\u67E5\u7684\u6587\u4EF6\uFF1A

    json
    {
    +  "compilerOptions": {
    +    // \u652F\u6301\u5F15\u7528 js \u6A21\u5757
    +    "allowJS": true,
    +
    +    // \u5BF9\u4E8E\u65E7\u9879\u76EE\u4E0D\u5EFA\u8BAE\u6253\u5F00, \u4F1A\u6709\u5F88\u591A\u62A5\u9519
    +    "checkJS": false
    +  },
    +  // \u68C0\u67E5 .vue \u6587\u4EF6
    +  "include": ["src/**/*", "src/**/*.vue"]
    +}
    +

    \u63A5\u7740\u914D\u7F6E eslintrc \u5BF9\u4E0D\u540C\u7684\u6587\u4EF6\u4F7F\u7528\u4E0D\u540C\u7684 parser \u8FDB\u884C\u5904\u7406\uFF1A

    js
    module.exports = {
    +  extends: ['wkts', 'wkvue'],
    +  parser: 'vue-eslint-parser',
    +  parserOptions: {
    +    parser: {
    +      js: '@babel/eslint-parser',
    +      jsx: '@babel/eslint-parser',
    +      ts: '@typescript-eslint/parser',
    +      tsx: '@typescript-eslint/parser',
    +    },
    +    project: './tsconfig.json',
    +    sourceType: 'module',
    +    extraFileExtensions: ['.vue'],
    +  },
    +};
    +


  • \u2462 (\u63A8\u8350) \u4E00\u4E2A\u66F4\u7B80\u5355\u7684\u529E\u6CD5\u662F\u5F00\u542F typescript-eslint \u7684 createDefaultProgram \u9009\u9879\uFF1A

    js
    module.exports = {
    +  extends: ['wkts', 'wkvue'],
    +  parser: 'vue-eslint-parser',
    +  parserOptions: {
    +    parser: '@typescript-eslint/parser',
    +    project: './tsconfig.json',
    +    sourceType: 'module',
    +    createDefaultProgram: true,
    +    extraFileExtensions: ['.vue'],
    +  },
    +};
    +

    \u7B80\u5355\u7684\u4EE3\u4EF7\u662F\u6027\u80FD\u4F1A\u7A0D\u5DEE\u4E00\u4E9B\u3002






\u274C \u5F02\u5E38 2: \u5982\u679C\u4F60\u8981\u5728 Vue SPA \u4E2D\u4F7F\u7528 <script lang="tsx"></script>\uFF0C Eslint \u53EF\u80FD\u4F1A\u62A5\u9519\uFF0C\u4F60\u9700\u8981\u4EE5\u4E0B\u914D\u7F6E\uFF1A

js
// \u652F\u6301 .vue \u6587\u4EF6\u4E2D \u5305\u542B jsx
+const ts = require('typescript');
+
+const { ensureScriptKind } = ts;
+ts.ensureScriptKind = function (fileName, ...args) {
+  if (fileName.endsWith('.vue')) {
+    return ts.ScriptKind.TSX;
+  }
+  return ensureScriptKind.call(this, fileName, ...args);
+};
+
+module.exports = {
+  extends: ['wkts', 'wkvue'],
+  // ....  eslint \u914D\u7F6E
+};
+




\u8001\u9879\u76EE\u4E2D\u542F\u7528 TypeScript

\u8001\u9879\u76EE(\u5047\u8BBE\u662F Vue 2)\u4E2D\u4E5F\u53EF\u4EE5\u6309\u7167\u4E0A\u6587\u7684\u914D\u7F6E\u5F00\u542F Typescript\u3002\u6709\u4EE5\u4E0B\u51E0\u4E2A\u8981\u70B9

  • \u5F00\u542F tsconfig.json \u7684 allowJS, \u800C\u4E0D\u662F checkJS\u3002\u8FD9\u8868\u793A\u5141\u8BB8\u548C Javascript \u6DF7\u7528\uFF0C\u4F46\u4E0D\u68C0\u67E5 Javascript\u3002\u5982\u679C\u5F00\u542F checkJS \u53EF\u80FD\u6709\u6210\u5428\u7684\u5F02\u5E38\u629B\u51FA\u6765\u3002

  • \u5982\u4F55\u6269\u5C55 Vue \u7684\u7C7B\u578B\uFF1F\u6BD4\u5982\u5168\u5C40\u65B9\u6CD5\u3001\u5168\u5C40\u5BF9\u8C61\u3001\u5168\u5C40\u7EC4\u4EF6\u7B49\u7B49\u3002 Vue 2/3 \u5B9A\u4E49\u65B9\u5F0F\u6709\u70B9\u533A\u522B\uFF0C\u8FD9\u91CC\u5C55\u793A Vue 2 \u7684\u4F7F\u7528\u65B9\u5F0F\uFF0C\u4F60\u4E5F\u53EF\u4EE5\u53C2\u8003\u76F8\u5173\u7684\u7B2C\u4E09\u65B9\u5E93\u3002\u4EE5 vue-router \u4E3A\u4F8B

    \u6269\u5C55\u5168\u5C40\u7EC4\u4EF6\u5B9E\u4F8B\u6210\u5458:

    typescript
    declare module 'vue/types/vue' {
    +  interface Vue {
    +    $router: VueRouter;
    +    $route: Route;
    +  }
    +}
    +

    \u6269\u5C55 optional API

    ts
    declare module 'vue/types/options' {
    +  interface ComponentOptions<V extends Vue> {
    +    router?: VueRouter;
    +    beforeRouteEnter?: NavigationGuard<V>;
    +    beforeRouteLeave?: NavigationGuard<V>;
    +    beforeRouteUpdate?: NavigationGuard<V>;
    +  }
    +}
    +

    \u6269\u5C55\u5168\u5C40\u7EC4\u4EF6:

    ts
    declare module 'vue' {
    +  export interface GlobalComponents {
    +    RouterLink: typeof import('vue-router')['RouterLink'];
    +    RouterView: typeof import('vue-router')['RouterView'];
    +  }
    +}
    +




element-ui \u540C\u7406\uFF1A

tsx
// \u6CE8\u610F element-ui \u7C7B\u578B\u57FA\u672C\u4E0A\u662F\u6B8B\u5E9F\u7684\uFF0C\u65E0\u6CD5\u6B63\u5E38\u63A8\u65AD props \u7C7B\u578B
+declare module 'vue' {
+  import element from 'element-ui';
+
+  type TypeofElementExpose = typeof element;
+  type KeyOfElementExpose = keyof TypeofElementExpose;
+  type KeyofComponent = Exclude<KeyOfElementExpose, 'version' | 'install'>;
+
+  type ElementComponents = {
+    [K in KeyofComponent as \`El\${K}\`]: TypeofElementExpose[K];
+  };
+
+  export interface GlobalComponents extends ElementComponents {
+    RouterView: typeof import('vue-router').RouterView;
+  }
+}
+
`,113),e=[o];function t(c,r,D,F,y,C){return n(),a("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default}; diff --git a/assets/base_typescript.md.b9939e2e.lean.js b/assets/base_typescript.md.b9939e2e.lean.js new file mode 100644 index 0000000..fc5e54b --- /dev/null +++ b/assets/base_typescript.md.b9939e2e.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const A=JSON.parse('{"title":"\u652F\u6301 Typescript \u548C JSX","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u4F9D\u8D56","slug":"\u5B89\u88C5\u4F9D\u8D56","link":"#\u5B89\u88C5\u4F9D\u8D56","children":[]},{"level":2,"title":"\u914D\u7F6E","slug":"\u914D\u7F6E","link":"#\u914D\u7F6E","children":[{"level":3,"title":"\u7C7B\u578B\u68C0\u67E5","slug":"\u7C7B\u578B\u68C0\u67E5","link":"#\u7C7B\u578B\u68C0\u67E5","children":[]},{"level":3,"title":"\u6DFB\u52A0@wakeadmin/h\uFF08\u53EF\u9009\uFF09","slug":"\u6DFB\u52A0-wakeadmin-h\uFF08\u53EF\u9009\uFF09","link":"#\u6DFB\u52A0-wakeadmin-h\uFF08\u53EF\u9009\uFF09","children":[]}]},{"level":2,"title":"\u6784\u5EFA","slug":"\u6784\u5EFA","link":"#\u6784\u5EFA","children":[]},{"level":2,"title":"IDE \u7C7B\u578B\u63D0\u793A","slug":"ide-\u7C7B\u578B\u63D0\u793A","link":"#ide-\u7C7B\u578B\u63D0\u793A","children":[]},{"level":2,"title":"\u5F00\u542F\u7C7B\u578B\u68C0\u67E5","slug":"\u5F00\u542F\u7C7B\u578B\u68C0\u67E5","link":"#\u5F00\u542F\u7C7B\u578B\u68C0\u67E5","children":[]},{"level":2,"title":"ESLint \u9002\u914D","slug":"eslint-\u9002\u914D","link":"#eslint-\u9002\u914D","children":[]},{"level":2,"title":"\u8001\u9879\u76EE\u4E2D\u542F\u7528 TypeScript","slug":"\u8001\u9879\u76EE\u4E2D\u542F\u7528-typescript","link":"#\u8001\u9879\u76EE\u4E2D\u542F\u7528-typescript","children":[]}],"relativePath":"base/typescript.md","lastUpdated":1719310312000}'),p={name:"base/typescript.md"},o=l("",113),e=[o];function t(c,r,D,F,y,C){return n(),a("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default}; diff --git a/assets/chunks/LogicTreeOperation.module.30c96374.js b/assets/chunks/LogicTreeOperation.module.30c96374.js new file mode 100644 index 0000000..98de9c6 --- /dev/null +++ b/assets/chunks/LogicTreeOperation.module.30c96374.js @@ -0,0 +1 @@ +const o="_root_mugxf_1",u="_group_mugxf_7",t="_subGroup_mugxf_14",_="_node_mugxf_18",n="_button_mugxf_25",r={root:o,group:u,subGroup:t,node:_,button:n};export{r as s}; diff --git a/assets/chunks/PageComplex.417eef4e.js b/assets/chunks/PageComplex.417eef4e.js new file mode 100644 index 0000000..fcb24a1 --- /dev/null +++ b/assets/chunks/PageComplex.417eef4e.js @@ -0,0 +1 @@ +import{Z as r}from"../app.56f20909.js";const l=r(({item:e,section:u})=>()=>({title:"\u65B0\u589E XX",children:[u({title:"\u4E2A\u4EBA\u4FE1\u606F",children:[e({label:"\u540D\u79F0",prop:"name",width:"medium",rules:{required:!0}}),e({label:"\u6635\u79F0",prop:"nickName",width:"medium",rules:{required:!0}}),e({label:"\u5730\u5740",prop:"address",valueType:"textarea",width:"huge"})]}),u({title:"\u8BE6\u7EC6\u4FE1\u606F",children:[e({label:"\u8BE6\u7EC6\u63CF\u8FF0",prop:"detail",width:"huge",valueType:"textarea"})]})]}));export{l as P}; diff --git a/assets/content.30e7c4b9.png b/assets/content.30e7c4b9.png new file mode 100644 index 0000000..313c6c1 Binary files /dev/null and b/assets/content.30e7c4b9.png differ diff --git a/assets/fat-card.11cd4872.png b/assets/fat-card.11cd4872.png new file mode 100644 index 0000000..03b7a3a Binary files /dev/null and b/assets/fat-card.11cd4872.png differ diff --git a/assets/fat-configurable.5ffa0a5f.png b/assets/fat-configurable.5ffa0a5f.png new file mode 100644 index 0000000..99576e5 Binary files /dev/null and b/assets/fat-configurable.5ffa0a5f.png differ diff --git a/assets/fat-configurable_index.md.ff9b8f78.js b/assets/fat-configurable_index.md.ff9b8f78.js new file mode 100644 index 0000000..8fbcdd4 --- /dev/null +++ b/assets/fat-configurable_index.md.ff9b8f78.js @@ -0,0 +1,74 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-configurable.5ffa0a5f.png",d=JSON.parse('{"title":"FatConfigurable \u7EA6\u5B9A\u5927\u4E8E\u914D\u7F6E","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u914D\u7F6E","slug":"\u914D\u7F6E","link":"#\u914D\u7F6E","children":[{"level":3,"title":"1. FatConfigurableProvider \u7EC4\u4EF6","slug":"_1-fatconfigurableprovider-\u7EC4\u4EF6","link":"#_1-fatconfigurableprovider-\u7EC4\u4EF6","children":[]},{"level":3,"title":"2. provideFatConfigurable() Composition API","slug":"_2-providefatconfigurable-composition-api","link":"#_2-providefatconfigurable-composition-api","children":[]}]},{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"\u914D\u7F6E\u9879","slug":"\u914D\u7F6E\u9879","link":"#\u914D\u7F6E\u9879","children":[]}],"relativePath":"fat-configurable/index.md","lastUpdated":1719310312000}'),o={name:"fat-configurable/index.md"},e=l(`

FatConfigurable \u7EA6\u5B9A\u5927\u4E8E\u914D\u7F6E

\u6211\u4EEC\u7684\u7EC4\u4EF6\u5E93\u79C9\u627F \u201C\u7EA6\u5B9A\u5927\u4E8E\u914D\u7F6E\u201D \u7684\u539F\u5219\uFF0C\u4E3B\u5BFC\u5F00\u7BB1\u5373\u7528\u3002\u5373\u4F7F\u9700\u8981\u5B9A\u5236\uFF0C\u6211\u4EEC\u4E5F\u5EFA\u8BAE\u5728\u5168\u5C40\u5C06\u8FD9\u4E9B\u914D\u7F6E\u56FA\u5316\u4E0B\u6765\uFF0C\u5F62\u6210\u89C4\u8303\uFF0C\u5728\u5E94\u7528\u8303\u56F4\u5185\u4FDD\u6301\u7EDF\u4E00\u3002



\u914D\u7F6E

\u914D\u7F6E\u6709\u4E24\u79CD\u65B9\u5F0F\uFF1A

1. FatConfigurableProvider \u7EC4\u4EF6

vue
<template>
+  <FatConfigurableProvider :value="config">
+    <router-view></router-view>
+  </FatConfigurableProvider>
+</template>
+
+<script setup>
+  import { FatConfigurableProvider } from '@wakeadmin/components';
+
+  const config = {
+    /*...*/
+  }; // \u4E5F\u652F\u6301 ref\uFF0C computed. \u6BD4\u5982\u4F60\u9700\u8981\u652F\u6301 \u591A\u8BED\u8A00
+</script>
+



2. provideFatConfigurable() Composition API

vue
<script setup>
+  import { provideFatConfigurable } from '@wakeadmin/components';
+
+  const config = {
+    /*...*/
+  }; // \u4E5F\u652F\u6301 ref\uFF0C computed. \u6BD4\u5982\u4F60\u9700\u8981\u652F\u6301 \u591A\u8BED\u8A00
+
+  provideFatConfigurable(config);
+</script>
+




\u793A\u4F8B

ts
import { provideFatConfigurable } from '@wakeadmin/components';
+import { Message } from 'element-ui';
+
+export function injectFatConfigurations() {
+  provideFatConfigurable({
+    // \u7EDF\u4E00\u5904\u7406 images \u539F\u4EF6\u4E0A\u4F20
+    aImagesProps: {
+      action: '/permission/web/permission/sso/client/upload',
+      // \u4ECE
+      filter: item => {
+        if (item.response) {
+          if (!item.response.success) {
+            const message = item.response.msg ?? item.response.errorMessage;
+            Message.error(message);
+
+            throw new Error(message);
+          }
+
+          item.url = item.response.data.url;
+        }
+      },
+    },
+    // \u7EDF\u4E00 date-range \u539F\u4EF6\u5C5E\u6027
+    aDateRangeProps: {
+      rangeSeparator: '\u81F3',
+      startPlaceholder: '\u5F00\u59CB\u65E5\u671F',
+      endPlaceholder: '\u7ED3\u675F\u65E5\u671F',
+      valueFormat: 'yyyy-MM-dd',
+      shortcuts: [
+        {
+          text: '\u6700\u8FD1\u4E00\u5468',
+          onClick(picker: any) {
+            picker.$emit('pick', getTime(7));
+          },
+        },
+        {
+          text: '\u6700\u8FD1\u4E00\u4E2A\u6708',
+          onClick(picker: any) {
+            picker.$emit('pick', getTime(30));
+          },
+        },
+        {
+          text: '\u6700\u8FD1\u4E09\u4E2A\u6708',
+          onClick(picker: any) {
+            picker.$emit('pick', getTime(90));
+          },
+        },
+      ],
+    },
+  });
+}
+



\u914D\u7F6E\u9879

FatConfigurable \u652F\u6301\u4E00\u4E9B\u901A\u7528\u914D\u7F6E\u9879\uFF0C\u4EE5\u53CA\u6240\u6709\u5185\u7F6E\u539F\u4EF6\u7684 props \u914D\u7F6E\u3002





',29),t=[e];function r(c,F,D,y,i,C){return n(),a("div",null,t)}const g=s(o,[["render",r]]);export{d as __pageData,g as default}; diff --git a/assets/fat-configurable_index.md.ff9b8f78.lean.js b/assets/fat-configurable_index.md.ff9b8f78.lean.js new file mode 100644 index 0000000..9ddddc6 --- /dev/null +++ b/assets/fat-configurable_index.md.ff9b8f78.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-configurable.5ffa0a5f.png",d=JSON.parse('{"title":"FatConfigurable \u7EA6\u5B9A\u5927\u4E8E\u914D\u7F6E","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u914D\u7F6E","slug":"\u914D\u7F6E","link":"#\u914D\u7F6E","children":[{"level":3,"title":"1. FatConfigurableProvider \u7EC4\u4EF6","slug":"_1-fatconfigurableprovider-\u7EC4\u4EF6","link":"#_1-fatconfigurableprovider-\u7EC4\u4EF6","children":[]},{"level":3,"title":"2. provideFatConfigurable() Composition API","slug":"_2-providefatconfigurable-composition-api","link":"#_2-providefatconfigurable-composition-api","children":[]}]},{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"\u914D\u7F6E\u9879","slug":"\u914D\u7F6E\u9879","link":"#\u914D\u7F6E\u9879","children":[]}],"relativePath":"fat-configurable/index.md","lastUpdated":1719310312000}'),o={name:"fat-configurable/index.md"},e=l("",29),t=[e];function r(c,F,D,y,i,C){return n(),a("div",null,t)}const g=s(o,[["render",r]]);export{d as __pageData,g as default}; diff --git a/assets/fat-container.796940ac.png b/assets/fat-container.796940ac.png new file mode 100644 index 0000000..7900952 Binary files /dev/null and b/assets/fat-container.796940ac.png differ diff --git a/assets/fat-drag-drop_advanced.md.f53aff01.js b/assets/fat-drag-drop_advanced.md.f53aff01.js new file mode 100644 index 0000000..0d2f70d --- /dev/null +++ b/assets/fat-drag-drop_advanced.md.f53aff01.js @@ -0,0 +1 @@ +import{_ as t,o as d,c as r,b as e,e as a}from"./app.56f20909.js";const x=JSON.parse('{"title":"\u9AD8\u7EA7","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565","slug":"\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565","link":"#\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565","children":[]}],"relativePath":"fat-drag-drop/advanced.md","lastUpdated":1719310312000}'),o={name:"fat-drag-drop/advanced.md"},s=e("h1",{id:"\u9AD8\u7EA7",tabindex:"-1"},[a("\u9AD8\u7EA7 "),e("a",{class:"header-anchor",href:"#\u9AD8\u7EA7","aria-hidden":"true"},"#")],-1),n=e("h2",{id:"\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565",tabindex:"-1"},[a("\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565 "),e("a",{class:"header-anchor",href:"#\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565","aria-hidden":"true"},"#")],-1),c=e("p",null,"todo",-1),i=[s,n,c];function l(_,h,p,f,u,m){return d(),r("div",null,i)}const g=t(o,[["render",l]]);export{x as __pageData,g as default}; diff --git a/assets/fat-drag-drop_advanced.md.f53aff01.lean.js b/assets/fat-drag-drop_advanced.md.f53aff01.lean.js new file mode 100644 index 0000000..0d2f70d --- /dev/null +++ b/assets/fat-drag-drop_advanced.md.f53aff01.lean.js @@ -0,0 +1 @@ +import{_ as t,o as d,c as r,b as e,e as a}from"./app.56f20909.js";const x=JSON.parse('{"title":"\u9AD8\u7EA7","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565","slug":"\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565","link":"#\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565","children":[]}],"relativePath":"fat-drag-drop/advanced.md","lastUpdated":1719310312000}'),o={name:"fat-drag-drop/advanced.md"},s=e("h1",{id:"\u9AD8\u7EA7",tabindex:"-1"},[a("\u9AD8\u7EA7 "),e("a",{class:"header-anchor",href:"#\u9AD8\u7EA7","aria-hidden":"true"},"#")],-1),n=e("h2",{id:"\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565",tabindex:"-1"},[a("\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565 "),e("a",{class:"header-anchor",href:"#\u81EA\u5B9A\u4E49\u6392\u5E8F\u7B56\u7565","aria-hidden":"true"},"#")],-1),c=e("p",null,"todo",-1),i=[s,n,c];function l(_,h,p,f,u,m){return d(),r("div",null,i)}const g=t(o,[["render",l]]);export{x as __pageData,g as default}; diff --git a/assets/fat-drag-drop_index.md.b7be92d6.js b/assets/fat-drag-drop_index.md.b7be92d6.js new file mode 100644 index 0000000..4c6eb01 --- /dev/null +++ b/assets/fat-drag-drop_index.md.b7be92d6.js @@ -0,0 +1,793 @@ +import{d as B,o as e,c as y,f as n,w as s,g as t,H as A,p as q,l as I,b as l,_ as m,I as w,e as x,r as u,C as V,J as M,K as _,L as E,M as v,N as f,O as g,G as b,P as K,Q as S,R as T,a as J,m as d}from"./app.56f20909.js";const z="/components/assets/fat-drag-item-props.f7c01ec9.png",U="/components/assets/fat-drag-item-events.2e2749bf.png",W="/components/assets/fat-drop-list-props.d87acabe.png",Q="/components/assets/fat-drop-list-events.366582d9.png",O=c=>(q("data-v-d57ca870"),c=c(),I(),c),X=O(()=>l("span",null," \u613F\u5929\u4E0A\u4EBA\u95F4\uFF0C\u5360\u5F97\u6B22\u5A31 ",-1)),Y=B({__name:"drag",setup(c){return(o,D)=>(e(),y("div",null,[n(t(A),{class:"inline-block"},{default:s(()=>[X]),_:1})]))}});const Z=m(Y,[["__scopeId","data-v-d57ca870"]]),$=c=>(q("data-v-3853aa6e"),c=c(),I(),c),ss=$(()=>l("span",null,"\u70B9\u706B\u6A31\u6843\uFF0C\u7167\u4E00\u67B6\u3001\u837C\u863C\u5982\u96EA ",-1)),ns=B({__name:"dragHandler",setup(c){return(o,D)=>(e(),y("div",null,[n(t(A),{class:"inline-block"},{default:s(()=>[n(t(w),{class:"handler"},{default:s(()=>[x(" \u{1F407} ")]),_:1}),ss]),_:1})]))}});const as=m(ns,[["__scopeId","data-v-3853aa6e"]]),k=c=>(q("data-v-d07fe9a4"),c=c(),I(),c),ls=k(()=>l("h4",null,"\u53EA\u80FDX\u8F74\u79FB\u52A8",-1)),ps=k(()=>l("span",null,"\u843D\u82B1\u4EBA\u72EC\u7ACB ",-1)),os=k(()=>l("h4",null,"\u53EA\u80FDY\u8F74\u79FB\u52A8",-1)),es=k(()=>l("span",null,"\u5FAE\u96E8\u71D5\u53CC\u98DE ",-1)),ts=k(()=>l("h4",null,"\u9650\u5236\u8303\u56F4",-1)),cs={id:"boundary",class:"drag-boundary"},Ds=B({__name:"dragLimit",setup(c){return(o,D)=>(e(),y("div",null,[l("div",null,[ls,n(t(A),{class:"inline-block","lock-axis":"x"},{default:s(()=>[n(t(w),{class:"handler"},{default:s(()=>[x(" \u{1F407} ")]),_:1}),ps]),_:1}),os,n(t(A),{class:"inline-block","lock-axis":"y"},{default:s(()=>[n(t(w),{class:"handler"},{default:s(()=>[x(" \u{1F98C} ")]),_:1}),es]),_:1})]),l("div",null,[ts,l("div",cs,[n(t(A),{class:"drag-boundary-item","drag-boundary":"#boundary"})])])]))}});const rs=m(Ds,[["__scopeId","data-v-d07fe9a4"]]),Fs=c=>(q("data-v-c879aa00"),c=c(),I(),c),ys=Fs(()=>l("span",null," \u59CB\u56F4\u5BF8\u800C\u9AD8\u5C3A\uFF0C\u4ECA\u8FDE\u62F1\u800C\u4E5D\u6210 ",-1)),Cs=B({__name:"dragDisabled",setup(c){const o=u(!1),D=()=>{o.value=!o.value};return(p,r)=>(e(),y("div",null,[l("div",null,[n(t(V),{onClick:D},{default:s(()=>[x("\u5207\u6362\u72B6\u6001")]),_:1})]),n(t(A),{class:M(["inline-block",{disabled:o.value}]),disabled:o.value},{default:s(()=>[ys]),_:1},8,["class","disabled"])]))}});const As=m(Cs,[["__scopeId","data-v-c879aa00"]]),is=c=>(q("data-v-d04d3a59"),c=c(),I(),c),ds=is(()=>l("span",null," \u4E00\u661F\u5982\u6708\u770B\u591A\u65F6 ",-1)),us=B({__name:"dragDelay",setup(c){return(o,D)=>(e(),y("div",null,[n(t(A),{class:"inline-block","drag-delay":500},{default:s(()=>[ds]),_:1})]))}});const gs=m(us,[["__scopeId","data-v-d04d3a59"]]),Bs=B({__name:"dropList",setup(c){const o=u(["\u8605\u768B\u5411\u665A\u8223\u8F7B\u822A","\u5378\u4E91\u5E06\u3001\u6C34\u9A7F\u9C7C\u4E61","\u5F53\u66AE\u5929\u3001\u9701\u8272\u5982\u6674\u663C","\u6C5F\u7EC3\u9759\u3001\u768E\u6708\u98DE\u5149","\u90A3\u582A\u542C\u3001\u8FDC\u6751\u7F8C\u7BA1\uFF0C\u5F15\u79BB\u4EBA\u65AD\u80A0","\u6B64\u9645\u6D6A\u840D\u98CE\u6897\uFF0C\u5EA6\u5C81\u832B\u832B","\u582A\u4F24","\u671D\u6B22\u66AE\u5BB4\uFF0C\u88AB\u591A\u60C5\u3001\u8D4B\u4E0E\u51C4\u51C9","\u522B\u6765\u6700\u82E6\uFF0C\u895F\u8896\u4F9D\u7EA6\uFF0C\u5C1A\u6709\u9980\u9999","\u7B97\u5F97\u4F0A\u3001\u9E33\u887E\u51E4\u6795\uFF0C\u591C\u6C38\u4E89\u4E0D\u601D\u91CF","\u7275\u60C5\u5904\uFF0C\u60DF\u6709\u4E34\u6B67\uFF0C\u4E00\u53E5\u96BE\u5FD8"]),D=p=>{f(o,p.previousIndex,p.currentIndex)};return(p,r)=>(e(),y("div",null,[n(t(v),{data:o.value,class:"list",onDropped:r[0]||(r[0]=a=>D(a))},{default:s(()=>[(e(!0),y(_,null,E(o.value,a=>(e(),g(t(A),{key:a,class:"inline-block w-300",data:a},{default:s(()=>[l("span",null,b(a),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]))}});const ms=m(Bs,[["__scopeId","data-v-bceb0fcf"]]),_s=B({__name:"dropListHorizontal",setup(c){const o=u(["\u660E\u6708\u5982\u971C","\u597D\u98CE\u5982\u6C34","\u6E05\u666F\u65E0\u9650","\u66F2\u6E2F\u8DF3\u9C7C"]),D=p=>{f(o,p.previousIndex,p.currentIndex)};return(p,r)=>(e(),y("div",null,[n(t(v),{data:o.value,class:"list row",orientation:"horizontal",onDropped:r[0]||(r[0]=a=>D(a))},{default:s(()=>[(e(!0),y(_,null,E(o.value,a=>(e(),g(t(A),{key:a,class:"inline-block w-100",data:a},{default:s(()=>[l("span",null,b(a),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]))}});const Es=m(_s,[["__scopeId","data-v-6985e4d1"]]),R="/components/assets/1.b0b78981.jpg",P="/components/assets/2.f6d891d8.jpg",H="/components/assets/3.b363edde.jpg",j="/components/assets/4.b36cd28b.jpg",G="/components/assets/5.e3044e27.jpg",N="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCACCAIIDASIAAhEBAxEB/8QAHAAAAQUBAQEAAAAAAAAAAAAAAAMEBQYHAgEI/8QAQhAAAgEDAgMCCgYHCAMAAAAAAQIDAAQRBSEGEjFB0RMVIlFSYXGBkZIHFDJVk6FCVGJyscHhFiMlNDVEY4IXM9L/xAAYAQADAQEAAAAAAAAAAAAAAAAAAQIDBP/EACkRAAICAQMDAwMFAAAAAAAAAAABAhEDEiExBBNBFFGhIjJhYrHR4fD/2gAMAwEAAhEDEQA/AN/orJbrizXEYcmouP8AovdSI4x13t1F/kXurddPJmjxtGwUVkkfGOtscG/f5F7qW/tZrOP8+/yL3UenkLQarRWO3HGmuIcLqLj/AKL3UzPHPEGf9Tk+RO6mummTRt1FYrFxxr5fDam+P3E7qXl421qGMyyamyxqMklF2HwofTSHpNjorAv/AC/qXhMLLcMmftYQZ92Kn9N48v8AVIjJb6i5xsysigr7dqnsv3GoNmvUVma8Tauf98/yr3UoOI9W/XX+Ve6l2WV2maRRWcf2j1b9df5V7q9/tHq366/yr3Udlh2maNRWbPxLqwH+df5V7qYTcW60ueXUH+Re6msMmHaZrFFY2eMtfz/qT/IndRT9PIXbZE3rENTMy7U7vACT/wDNMWQY2z8tdkeDXJyLwTDOc04lnVUzkfGol5GiGfK+FIvdMy48qr02Yti01yHc702aTfOaayyspzv8aEl5hv8Axq6JHay79aaa5dMdLaMH7RAPsrhpCpz0Htrq2gi1TXtIspnCQz3SRuc56moy7QbHEraqyqCVOKn+FZJF1IlDhCmG/lWj8R/RZDa2N3dafIzIiM6RjqpAOdvNt7qzXQZRAJpMAEkDrjaufC4v7TTg0GKcADJpyknNvVZt7wvv1H71PxqAVcb/ADVbgaKSJdpgNga9WTbORUVDO0p5vKI8+RXdxdmMbB8efap0j1DuWbOwNR85JBNcRXJkJPle0Ci4cKvb8tUlQ7G3NRTcy70VdCskL9sZ2nPu2qOWXnGySn152rrUr2HDBr2QH0AMioOO9iDnnmlUZ25acYuiJyH14TkgRsf+1RyyNz48Hkj9rFOriSGSHnJlK+oHNQcssQk2EnL6zg1paS3MatkpKhZciME+s0w8I0cmCqZ9ZpWCeKRORYpMHrnemlyqqTyQOPWelTKW1otbD0uWTOIy3tzUTNJzgMJCsqvkcuxGOhFdxzAdEAxtntrwOPBldgew46VnKSmqsRPaxxrxLremR2V9ftyJhiYzys+PSI61F6YXdyo5R+8aSXH1dskFsbkV7p8qo7O68ytvg+qpWNQa0juyyIxiTpGG9uKaG7czcqomfU1Mrm8RzhrUqx6EmubZVcjntpW/aHStdW9AWezdgnM0Sg+pqRu7k8/KYsE+Zs0wluoYIeRoZceddh8ajVuYXmyRLyeYHJpNpMCz2pYHJidfXzVxd3J3yso9edqawTwR25YNMF7eYHNMZ7qFiTHNK3n5qpJNg5NIeiXbpJRTATw4/wA1J8tFXpM9bJC9muuQiO1jkGOrEH8qgo5bqO5ISECQ78pQVKXMd1OmI7rk23wuM++oGeB4ZuR5oyx7Q+ce2spycfBSdk4sl0yHwqxq2NsE1FXq3bZZyhUejtTm1gdQCbsuPRQ5FJXmniQF3uWUftnaiSco7L5J1Kxlb3Fw32ZVwPSNLytPIMLLyn1LTQaRO0oBJWI7+GKkLj31euENF0uW0bMAvbrw0iRSSseQkCIDK5wVBc1hGbUfq/cuygkNCxEjhix7Dk0oGiZM+EAbHQ1aeKNJtWvpE0+JLeOIxoAwz9ocxLNk4IDLjbffzVxHw7YwTarBdTRTGFxbRMQRyjmfys5GHJjCgZP2zUOSj4sLKqOaYEDIQdT56V5wgCLjOMCp7inSrO2lknsJEWNLl4ZIEc5jbLYXGSBsh83UUys+HNVe7FvDZGWR0EkYUqfCKQCCuftDDD4+eiE6GmMYI5rhwFnUFemX391TcEVyiFXuA5xtlOlStpwlYy2RN2s0M6qs7s7hCkeGLKcZGQoDE42yF65qDkNjNAQty8aL08s5x6xW2Nrf+RWIXs19BnNxGVPYhAPwruwh1EAPGYwh38sg/wAKi2ihM/ItyvJ6bKRUxZaakWJI7x2H/GcA1MblL+wuiSla9WIGJIWfG+SfyqHklvJboK8AMo35Qg3p1qEEjKWXUGiHou2BURaQSTXBSOeIOD9oyYz7KuUnGVA2mT4j1LlH+GxdPRFFKLYapyj/ABMjb10VtbM9hCexM0IQ3EwIHXPX21CXdktp/uY2/Z7am5bJntxE13Pn0gRk1CXmjywI0izRsg7WPKfzrDNFtWohF15FbOytZGDteBm9FDy/1qUksrVUF1c5AiwUDMfLI7N+tQWj2CXd5A0s0Xg/CLlObLHfpipDWHuGvmE6PGF/9cbD7K0Yqcd1RVW+RpNM9xIXkJZic+oVZtHgabSrcW/EOl6a8TMXFzMUkLOQdiFPk4VQd+wjeqoGHmJrpF53x089VKp1RRo4jN1Ikmo8U6DdzrKsiOl4Yc4B8luWPylyQcUyuNIEqLycT6CshIaYz3by+EYMzK3lJsRzHPYdtqpcbFH8KGKkbJg7iuzdXMpYtNJynrlzvR2L3v4EW6XS725t5YrnjLQJlmXlkLyEu2DzAlvB5J7Mk5wSOhpWHSbaKK0SXiTh/NsVzIl9IrzKrFkTJTyVBY5K7nbzVTnuLrlys8vn+2aQeSWZ18I7Ow23J2FDwtKrAvC2sjzuz8TcKOsq+DnR5HKSpzFuVvJzjmOdsb4PZVELGG4cxOBglcruD7PVXsmScLkj1VyoOdjuKSxU6Qxe00mG6hBFy/PzYKYFPYLC3tc8gfmIwSWNR6l42Emd1ORipC7soJmkWORysh5+ZGI3O9WscYcLciV+5GX9laqS4vAjejI3N/WkNPshePj61Em/Q9fhSN9pf1PLC4jYeiThvhS1lok9yokM0ap51PMfyrlabnWkLpclgGiAKB9dn6UUkujMFA+v3XTsaiunT+n5I1fkSSXUGtisk8ImPQhM4qCvrXUGcvMWmHpKc/lUjbaklyhIhlyoycLkUwutZn5ikSGL1sPKrLK8bgm2zWhla2tzd3SW9vE7zOwVQB2n+FWjVobi3uvq91P4WaFFjZz+kQKgtD1htL1+11CcPNHHIDKnNu69D78HarZxObS81cX1hcLcWV1GskTjqMbFWHUMCNxU9JptoPJAeCbGQKBlWHMCPPSzQMfs7CkyqKcDymrqcN9h2KeFZwsaDftavZgxYZI5R2CuwRCpAHNIftHzURYdGUjyj1rRJ+STvAaPIO2M02boSBjPo7jFChgeTnKt2eY139XcfonPnU0bsOBHD483toVG7KdLAWG4fPrrw20nXIFLSh2crEertk+arFqenF+DbTlDLfSKDEQ/Llcnr6sfxqJ03T5dQ1O3slbHhWwznooG5PwBpLifX9Sg1u7smWOJrdzCuBnCjpjsAxiss0oxVMRWJrW4hm5JYpFc9hHXvqS07SdWMgkgV4P2mPL+XbTI3t1LMsz3EhkU5Vubp7KndM4iuVlWK4hNxnbKDyv61xQUNW7Ybkqtjq3KM3kGcb/3P9aKmVuFZQfq10MjODEaK7P9yPQQAtwiAIAF7MdKbXcVu0ZNysfIO1qU0/h+/tgHmuGhXr4EHmz7ewUw1PQrqWUyJcGXzLJtj2dlDnJwvSBCXYsBMPq4lK58rfb3Zq6DVdO1+w0nR9F0eWC9t1KCOM85l2yx6ZJJGSSao89pPbNiaJk9ZG3xqa4N1afQuJrbUoLEXpiDK0RblBDDB37DvXDDJKM7rcTJm+0bULG6NtqED2zj9E9T7+lN1hRThFA9Z61t9hBZ8YcPRXV3ZJCkjsph8MZCpBxsdsGqxqf0WXiSSSaXcxyJuRFO3K4Ht6H8q7454vaWzI1GaNBynya7SDAJ7anLzhjXLDJudKukUHBYRlh8Rmo1kZG5WUq3mIwa2Uk+B2NDHnqKVXIG4roqQ21LBCRgCgVjcqeoNcgvnFS2j8L6jr9/4CyUqi7yysDyoPX6/VWgw8B6Fw/afXdTuJL503EbryI583LnJ+NRLLGO3kdkTwFodvBDLxBqi8kManwLSbKq/pOf4D31ReKta0bU9VvLh1EollZkCDylHZv2U/4rm1nXYzBJqUwt1bmS0JxEvmAAHZ0Gc1QLizntJOSeNkPZnofYa5Ms5xbbXI0h7p3io3J+tidY8+TvkD243rQdItrJURrJIuQ/pR7599Zra2VxdOFghd/YNh76uOg6BeWsqzPem333WLcn29lLC37FXRd/An1UUza2u2YkarOoJyAI02/KitqK1kHDr2nahgLcLHIf0JCAe40nf3FraRGSeaNF7CWG9fRnifTfu+0/AXur1tJ058c1hatjYZhU/wAq511TS4Icj5G1HiFZVaK2VAh6vJgk+wUwstamsQFVonj9FsfxFfY3ibS/u60/ATuo8S6X93Wf4Cd1ZPNNvVYrPmTQuPm024ElvdtaSH7QJDI3tHb760y0+ly0jshPqNtAQBjwkFwAre45rT/Eul/d1n+AndR4m0vGPF1p+AvdVPNqX1KwtPlGcaH9MnDeovcpeznTG5v7tpjzK48+QNvYaiuIfpX4UluxZnSxrNmoAMx5Ux+7zDJ9u1a74n0z7utPwF7qPE+mfd1p+AvdWesVIxiy1D6K7+Np2u7myYbm3uJGHwwDn41A65xVoVrrMEvDNnBJaRx8sqXsAZJGz1AJ5htt2V9C+J9N+77T8Be6vfFGm/qFr+CvdV96XljVGBw/SlcR3Krb2sOm2ZUBorNtubtbB65/l21Jy6zBqdub19SSZcbySS9PUc9K2nxTpv6ha/gr3UeKdO/ULX8Fe6qjnS8CdHzPqfEFhG5ET+HbzqcD41W73WJ7xSjNEkR/RGD+Zr678Uab932n4K91HifTPu60/AXupS6iUth2j5R0/iMQBYrgIUGwZMAj3VbbDULa6jDwzxuO3DDI9tfQPifTPu60/AXur1dK05CSthajO20Kj+VVHqWtnuFow3xlaDY3cAI/5F76K3HxPpn3fafgL3UU/U/gdj2iiiuUkKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD/9k=",vs={class:"cover"},bs=["src"],fs=B({__name:"dropListPreview",setup(c){const o=u([{name:"Rain",cover:R},{name:"\u6708 ~Main Theme",cover:P},{name:"It through all eternity",cover:H},{name:"\u771F\u7D05\u306E\u7FFC",cover:j},{name:"\u738B\u90FD\u30A2\u30A6\u30EB\u30EA\u30A6\u30E0",cover:G},{name:"\u4E45\u9060\u5BFA\u6709\u73E0",cover:N}]),D=p=>{f(o,p.previousIndex,p.currentIndex)};return(p,r)=>(e(),y("div",null,[n(t(v),{data:o.value,class:"list",onDropped:r[0]||(r[0]=a=>D(a))},{preview:s(({cover:a})=>[l("picture",vs,[l("img",{src:a},null,8,bs)])]),default:s(()=>[(e(!0),y(_,null,E(o.value,a=>(e(),g(t(A),{key:a.name,class:"inline-block w-300",data:a},{default:s(()=>[l("span",null,b(a.name),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]))}});const hs=m(fs,[["__scopeId","data-v-3edbae22"]]),qs={class:"cover"},Is=["src"],ks=B({__name:"dropListPlaceholder",setup(c){const o=u([{name:"Rain",cover:R},{name:"\u6708 ~Main Theme",cover:P},{name:"It through all eternity",cover:H},{name:"\u771F\u7D05\u306E\u7FFC",cover:j},{name:"\u738B\u90FD\u30A2\u30A6\u30EB\u30EA\u30A6\u30E0",cover:G},{name:"\u4E45\u9060\u5BFA\u6709\u73E0",cover:N}]),D=p=>{f(o,p.previousIndex,p.currentIndex)};return(p,r)=>(e(),y("div",null,[n(t(v),{data:o.value,class:"list custom-drop-list","drop-sort-threshold":1,onDropped:r[0]||(r[0]=a=>D(a))},{placeholder:s(({cover:a})=>[l("picture",qs,[l("img",{src:a},null,8,Is)])]),default:s(()=>[(e(!0),y(_,null,E(o.value,a=>(e(),g(t(A),{key:a.name,class:"inline-block w-300",data:a},{default:s(()=>[l("span",null,b(a.name),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]))}});const xs=m(ks,[["__scopeId","data-v-a3ef8cfb"]]),ws={class:"drop-group"},Ss=B({__name:"dropListConnectTo",setup(c){const o=u(),D=K(()=>{var F;return[(F=o.value)==null?void 0:F.instance].filter(C=>!!C)}),p=u(["\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA","nostalgia","Dearly Beloved","\u84BC\u5D0E\u9752\u5B50","\u8C01\u304C\u4E3A\u306B","Sorrow","Dead's dream"]),r=u(["\u30B0\u30FC\u30E9\u9818/\u68EE\u6797","\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066","The Final Battle","Blood Upon the Snow","Old Soldiers Die Hard","Lost Again","I Really Want to Stay At Your House"]),a=F=>{const{container:C,previousContainer:i,previousIndex:h,currentIndex:L}=F;C!==i?S(i.data,C.data,h,L):f(C.data,h,L)};return(F,C)=>(e(),y("div",ws,[n(t(v),{ref_key:"dropListRef1",ref:o,class:"list drop-item",data:p.value},{default:s(()=>[(e(!0),y(_,null,E(p.value,i=>(e(),g(t(A),{key:i,class:"inline-block w-300",data:i,onDropped:a},{default:s(()=>[l("span",null,b(i),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"]),n(t(v),{class:"list drop-item","connect-to":D.value,data:r.value},{default:s(()=>[(e(!0),y(_,null,E(r.value,i=>(e(),g(t(A),{key:i,class:"inline-block w-300",data:i,onDropped:a},{default:s(()=>[l("span",null,b(i),1)]),_:2},1032,["data"]))),128))]),_:1},8,["connect-to","data"])]))}});const Ls=m(Ss,[["__scopeId","data-v-97889e04"]]),Ts=B({__name:"dropListGroup",setup(c){const o=u(["\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA","nostalgia","Dearly Beloved","\u84BC\u5D0E\u9752\u5B50","\u8C01\u304C\u4E3A\u306B","Sorrow","Dead's dream"]),D=u(["\u30B0\u30FC\u30E9\u9818/\u68EE\u6797","\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066","The Final Battle","Blood Upon the Snow","Old Soldiers Die Hard","Lost Again","I Really Want to Stay At Your House"]),p=r=>{const{container:a,previousContainer:F,previousIndex:C,currentIndex:i}=r;a!==F?S(F.data,a.data,C,i):f(a.data,C,i)};return(r,a)=>(e(),g(t(T),{class:"drop-group"},{default:s(()=>[n(t(v),{class:"list drop-item",data:o.value},{default:s(()=>[(e(!0),y(_,null,E(o.value,F=>(e(),g(t(A),{key:F,class:"inline-block w-300",data:F,onDropped:p},{default:s(()=>[l("span",null,b(F),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"]),n(t(v),{class:"list drop-item",data:D.value},{default:s(()=>[(e(!0),y(_,null,E(D.value,F=>(e(),g(t(A),{key:F,class:"inline-block w-300",data:F,onDropped:p},{default:s(()=>[l("span",null,b(F),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]),_:1}))}});const Rs=m(Ts,[["__scopeId","data-v-343c87ca"]]),Ps=B({__name:"dropListGroupEnterPredicate",setup(c){const o=u(["\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA","nostalgia","Dearly Beloved","\u84BC\u5D0E\u9752\u5B50","\u8C01\u304C\u4E3A\u306B","Sorrow","Dead's dream"]),D=u(["\u30B0\u30FC\u30E9\u9818/\u68EE\u6797","\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066","The Final Battle","Blood Upon the Snow","Old Soldiers Die Hard","Lost Again","I Really Want to Stay At Your House"]),p=a=>a.data==="\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA",r=a=>{const{container:F,previousContainer:C,previousIndex:i,currentIndex:h}=a;F!==C?S(C.data,F.data,i,h):f(F.data,i,h)};return(a,F)=>(e(),g(t(T),{class:"drop-group"},{default:s(()=>[n(t(v),{class:"list drop-item",data:o.value,"enter-predicate":p},{default:s(()=>[(e(!0),y(_,null,E(o.value,C=>(e(),g(t(A),{key:C,class:"inline-block w-300",data:C,onDropped:r},{default:s(()=>[l("span",null,b(C),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"]),n(t(v),{class:"list drop-item",data:D.value,"enter-predicate":p},{default:s(()=>[(e(!0),y(_,null,E(D.value,C=>(e(),g(t(A),{key:C,class:"inline-block w-300",data:C,onDropped:r},{default:s(()=>[l("span",null,b(C),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]),_:1}))}});const Hs=m(Ps,[["__scopeId","data-v-4971a953"]]),js=d('

Fat Drag Drop

FatDragDrop \u7528\u4E8E\u5904\u7406\u62D6\u62FD\u64CD\u4F5C\u3002





1. \u521B\u5EFA\u4E00\u4E2A\u81EA\u5B9A\u4E49\u62D6\u62FD\u5143\u7D20



',10),Gs={class:"wk-demo"},Ns=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <FatDragItem class="inline-block">
+      <span> \u613F\u5929\u4E0A\u4EBA\u95F4\uFF0C\u5360\u5F97\u6B22\u5A31 </span>
+    </FatDragItem>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem } from '@wakeadmin/components';
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+</style>
+



2. \u81EA\u5B9A\u4E49\u89E6\u53D1\u5143\u7D20

\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0C\u6574\u4E2A\u5143\u7D20\u90FD\u662F\u53EF\u4EE5\u54CD\u5E94\u62D6\u62FD\u4E8B\u4EF6\u7684\uFF0C\u6211\u4EEC\u4E5F\u652F\u6301\u901A\u8FC7\u7279\u5B9A\u5143\u7D20\u6765\u8FDB\u884C\u89E6\u53D1\u62D6\u62FD\uFF0C\u6BD4\u5982\u6211\u4EEC\u53EA\u5141\u8BB8\u901A\u8FC7\u70B9\u51FB\u{1F407}\u89E6\u53D1\u62D6\u62FD

`,6),Vs={class:"wk-demo"},Ms=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <FatDragItem class="inline-block">
+      <FatDragHandler class="handler"> \u{1F407} </FatDragHandler>
+      <span>\u70B9\u706B\u6A31\u6843\uFF0C\u7167\u4E00\u67B6\u3001\u837C\u863C\u5982\u96EA </span>
+    </FatDragItem>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDragHandler } from '@wakeadmin/components';
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+  }
+  .handler {
+    cursor: move;
+  }
+</style>
+



3. \u9650\u5236\u62D6\u62FD\u8303\u56F4

\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0C\u6211\u4EEC\u4E0D\u4F1A\u5BF9\u62D6\u62FD\u5143\u7D20\u8FDB\u884C\u4EFB\u4F55\u9650\u5236\u3002\u4F46\u662F\u6211\u4EEC\u4E5F\u63D0\u4F9B\u4E00\u4E9Bprops\u7528\u6765\u9650\u5236\u5143\u7D20\u7684\u79FB\u52A8

`,6),Ks={class:"wk-demo"},Js=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <div>
+      <h4>\u53EA\u80FDX\u8F74\u79FB\u52A8</h4>
+      <FatDragItem class="inline-block" lock-axis="x">
+        <FatDragHandler class="handler"> \u{1F407} </FatDragHandler>
+        <span>\u843D\u82B1\u4EBA\u72EC\u7ACB </span>
+      </FatDragItem>
+      <h4>\u53EA\u80FDY\u8F74\u79FB\u52A8</h4>
+      <FatDragItem class="inline-block" lock-axis="y">
+        <FatDragHandler class="handler"> \u{1F98C} </FatDragHandler>
+        <span>\u5FAE\u96E8\u71D5\u53CC\u98DE </span>
+      </FatDragItem>
+    </div>
+    <div>
+      <h4>\u9650\u5236\u8303\u56F4</h4>
+      <div id="boundary" class="drag-boundary">
+        <FatDragItem class="drag-boundary-item" drag-boundary="#boundary"> </FatDragItem>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDragHandler } from '@wakeadmin/components';
+</script>
+<style lang="scss" scoped>
+  h4 {
+    margin: 12px;
+  }
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    margin-right: 20px;
+  }
+  .handler {
+    cursor: move;
+  }
+  .drag-boundary {
+    display: inline-block;
+    width: 662px;
+    height: 662px;
+    border: 1px solid #ccc;
+    margin-left: 3vw;
+  }
+  .drag-boundary-item {
+    display: inline-block;
+    width: 83px;
+    height: 83px;
+    background-color: bisque;
+    cursor: move;
+  }
+</style>
+

TIP

drag-boundary \u5982\u679C\u4F20\u5165\u4E00\u4E2Astring\u7684\u8BDD\uFF0C\u90A3\u4E48\u4F1A\u8C03\u7528document.querySelector\u53BB\u83B7\u53D6\u5BF9\u5E94\u7684\u5143\u7D20\uFF0C\u8BF7\u786E\u4FDD\u8BE5\u5143\u7D20\u5DF2\u7ECF\u88AB\u6DFB\u52A0\u5230\u9875\u9762\u4E0A\u3002 \u5F53\u7136\uFF0C\u6211\u4EEC\u4E5F\u53EF\u4EE5\u76F4\u63A5\u4F20\u5165\u4E00\u4E2AHTMLElement\u5143\u7D20\u7ED9\u5B83




4. \u7981\u7528\u62D6\u62FD

\u901A\u8FC7disabled\u6765\u7981\u7528\u62D6\u62FD

`,7),zs={class:"wk-demo"},Us=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <div>
+      <ElButton @click="toggleAllowDrag">\u5207\u6362\u72B6\u6001</ElButton>
+    </div>
+    <FatDragItem class="inline-block" :class="{ disabled: allowDrag }" :disabled="allowDrag">
+      <span> \u59CB\u56F4\u5BF8\u800C\u9AD8\u5C3A\uFF0C\u4ECA\u8FDE\u62F1\u800C\u4E5D\u6210 </span>
+    </FatDragItem>
+  </div>
+</template>
+<script setup lang="ts">
+  import { ElButton } from 'element-plus';
+  import { FatDragItem } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const allowDrag = ref(false);
+  const toggleAllowDrag = () => {
+    allowDrag.value = !allowDrag.value;
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    margin: 12px;
+    box-sizing: border-box;
+    cursor: move;
+    &.disabled {
+      cursor: not-allowed;
+    }
+  }
+</style>
+



5. \u62D6\u62FD\u5EF6\u8FDF

\u5728\u4E00\u4E9B\u7279\u6B8A\u573A\u5408\uFF0C\u6211\u4EEC\u7684\u5BBF\u4E3B\u5143\u7D20\u53EF\u80FD\u9700\u8981\u540C\u65F6\u76D1\u542Cclick\u4E8B\u4EF6\uFF0C\u8FD9\u4E2A\u65F6\u5019\u6211\u4EEC\u53EF\u4EE5\u6DFB\u52A0\u62D6\u62FD\u5EF6\u8FDF\u6765\u9632\u6B62\u5143\u7D20\u9519\u8BEF\u7684\u54CD\u5E94\u62D6\u62FD\u4E8B\u4EF6\u3002\u6BD4\u5982\u4E0B\u9762\u7684\u4F8B\u5B50\uFF0C\u6211\u4EEC\u9700\u8981\u7B49\u5F85\u9F20\u6807\u6309\u4E0B500ms\u4E0D\u52A8\u624D\u4F1A\u54CD\u5E94\u62D6\u62FD\u4E8B\u4EF6

`,6),Ws={class:"wk-demo"},Qs=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <FatDragItem class="inline-block" :drag-delay="500">
+      <span> \u4E00\u661F\u5982\u6708\u770B\u591A\u65F6 </span>
+    </FatDragItem>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem } from '@wakeadmin/components';
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+</style>
+



6. \u5217\u8868\u6392\u5E8F

`,5),Os={class:"wk-demo"},Xs=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <FatDropList :data="dataSource1" class="list" @dropped="move($event)">
+      <FatDragItem v-for="item of dataSource1" :key="item" class="inline-block w-300" :data="item">
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDropList, moveItemInRefArray, type FatDragItemEventPayload } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const dataSource1 = ref([
+    '\u8605\u768B\u5411\u665A\u8223\u8F7B\u822A',
+    '\u5378\u4E91\u5E06\u3001\u6C34\u9A7F\u9C7C\u4E61',
+    '\u5F53\u66AE\u5929\u3001\u9701\u8272\u5982\u6674\u663C',
+    '\u6C5F\u7EC3\u9759\u3001\u768E\u6708\u98DE\u5149',
+    '\u90A3\u582A\u542C\u3001\u8FDC\u6751\u7F8C\u7BA1\uFF0C\u5F15\u79BB\u4EBA\u65AD\u80A0',
+    '\u6B64\u9645\u6D6A\u840D\u98CE\u6897\uFF0C\u5EA6\u5C81\u832B\u832B',
+    '\u582A\u4F24',
+    '\u671D\u6B22\u66AE\u5BB4\uFF0C\u88AB\u591A\u60C5\u3001\u8D4B\u4E0E\u51C4\u51C9',
+    '\u522B\u6765\u6700\u82E6\uFF0C\u895F\u8896\u4F9D\u7EA6\uFF0C\u5C1A\u6709\u9980\u9999',
+    '\u7B97\u5F97\u4F0A\u3001\u9E33\u887E\u51E4\u6795\uFF0C\u591C\u6C38\u4E89\u4E0D\u601D\u91CF',
+    '\u7275\u60C5\u5904\uFF0C\u60DF\u6709\u4E34\u6B67\uFF0C\u4E00\u53E5\u96BE\u5FD8',
+  ]);
+  const move = (obj: FatDragItemEventPayload['dropped']) => {
+    moveItemInRefArray(dataSource1, obj.previousIndex, obj.currentIndex);
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-left: 10vw;
+    margin-top: 12px;
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+</style>
+

TIP

FatDropList \u4E5F\u53EF\u4EE5\u901A\u8FC7disabled\u6765\u8FDB\u884C\u7981\u6B62\u62D6\u62FD \u6211\u4EEC\u4E5F\u53EF\u4EE5\u9488\u5BF9FatDragItem\u7684disabled\u6765\u7981\u6B62\u5355\u4E2A\u5143\u7D20\u7684\u62D6\u62FD\u884C\u4E3A

WARNING

FatDropList \u4E0D\u4F1A\u4FEE\u6539\u4EFB\u4F55\u6570\u636E\uFF0C\u56E0\u6B64\uFF0C\u4F7F\u7528\u8005\u9700\u8981\u76D1\u542C\u5BF9\u5E94\u7684\u4E8B\u4EF6\u6765\u4FEE\u6539\u5BF9\u5E94\u7684\u6570\u636E\u6E90; \u6211\u4EEC\u4E5F\u63D0\u4F9B\u4E86moveItemInRefArray\u3001transferArrayItem\u8FD9\u4E24\u4E2A\u65B9\u6CD5\u6765\u65B9\u4FBF\u4F7F\u7528\u8005\u5BF9\u6570\u636E\u6E90\u8FDB\u884C\u4FEE\u6539




7. \u6C34\u5E73\u5217\u8868\u6392\u5E8F

`,7),Ys={class:"wk-demo"},Zs=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <FatDropList :data="dataSource1" class="list row" orientation="horizontal" @dropped="move($event)">
+      <FatDragItem v-for="item of dataSource1" :key="item" class="inline-block w-100" :data="item">
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDropList, moveItemInRefArray, type FatDragItemEventPayload } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const dataSource1 = ref(['\u660E\u6708\u5982\u971C', '\u597D\u98CE\u5982\u6C34', '\u6E05\u666F\u65E0\u9650', '\u66F2\u6E2F\u8DF3\u9C7C']);
+  const move = (obj: FatDragItemEventPayload['dropped']) => {
+    moveItemInRefArray(dataSource1, obj.previousIndex, obj.currentIndex);
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-100 {
+    width: 100px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-left: 10vw;
+    margin-top: 12px;
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+</style>
+



8. \u81EA\u5B9A\u4E49\u9884\u89C8

\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0C\u6211\u4EEC\u4F1A\u9488\u5BF9\u539F\u5143\u7D20\u8FDB\u884C\u4E00\u6B21\u590D\u5236\uFF0C\u7136\u540E\u5C06\u5176\u4F5C\u4E3A\u9884\u89C8\u5143\u7D20\u4F7F\u7528\u3002\u7528\u6237\u4E5F\u53EF\u4EE5\u4F20\u5165\u5BF9\u5E94\u7684\u6E32\u67D3\u51FD\u6570\u6216\u8005\u63D2\u69FD\u6765\u81EA\u5B9A\u4E49\u9884\u89C8;

`,6),$s={class:"wk-demo"},sn=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <FatDropList :data="dataSource1" class="list" @dropped="move($event)">
+      <FatDragItem v-for="item of dataSource1" :key="item.name" class="inline-block w-300" :data="item">
+        <span> {{ item.name }} </span>
+      </FatDragItem>
+      <template #preview="{ cover }">
+        <picture class="cover">
+          <img :src="cover" />
+        </picture>
+      </template>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDropList, moveItemInRefArray, type FatDragItemEventPayload } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  import img1 from './images/1.jpg';
+  import img2 from './images/2.jpg';
+  import img3 from './images/3.jpg';
+  import img4 from './images/4.jpg';
+  import img5 from './images/5.jpg';
+  import img6 from './images/6.jpg';
+
+  const dataSource1 = ref([
+    {
+      name: 'Rain',
+      cover: img1,
+    },
+    {
+      name: '\u6708 ~Main Theme',
+      cover: img2,
+    },
+    {
+      name: 'It through all eternity',
+      cover: img3,
+    },
+    {
+      name: '\u771F\u7D05\u306E\u7FFC',
+      cover: img4,
+    },
+    {
+      name: '\u738B\u90FD\u30A2\u30A6\u30EB\u30EA\u30A6\u30E0',
+      cover: img5,
+    },
+    {
+      name: '\u4E45\u9060\u5BFA\u6709\u73E0',
+      cover: img6,
+    },
+  ]);
+  const move = (obj: FatDragItemEventPayload['dropped']) => {
+    moveItemInRefArray(dataSource1, obj.previousIndex, obj.currentIndex);
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-left: 10vw;
+    margin-top: 12px;
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+</style>
+
+<!-- eslint-disable-next-line wkvue/no-style-scoped -->
+<style lang="scss">
+  .cover {
+    display: inline-block;
+    width: 130px;
+    height: 130px;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+</style>
+

TIP

FatDropList \u548CFatDragItem\u90FD\u652F\u6301preview\u548Cplaceholder\u63D2\u69FD; \u4F18\u5148\u7EA7\u4E3AFatDragItem > FatDropList;

DANGER

preview\u548Cplaceholder\u63D2\u69FD\u4F7F\u7528\u7684\u6570\u636E\u6E90\u4E3A\u5F53\u524D\u54CD\u5E94\u62D6\u62FD\u4E8B\u4EF6\u7684FatDragItem\u4E0A\u7684props\u7684data\u5C5E\u6027;




9. \u81EA\u5B9A\u4E49\u5360\u4F4D

`,7),nn={class:"wk-demo"},an=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <FatDropList :data="dataSource1" class="list custom-drop-list" :drop-sort-threshold="1" @dropped="move($event)">
+      <FatDragItem v-for="item of dataSource1" :key="item.name" class="inline-block w-300" :data="item">
+        <span> {{ item.name }} </span>
+      </FatDragItem>
+      <template #placeholder="{ cover }">
+        <picture class="cover">
+          <img :src="cover" />
+        </picture>
+      </template>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDropList, moveItemInRefArray, type FatDragItemEventPayload } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  import img1 from './images/1.jpg';
+  import img2 from './images/2.jpg';
+  import img3 from './images/3.jpg';
+  import img4 from './images/4.jpg';
+  import img5 from './images/5.jpg';
+  import img6 from './images/6.jpg';
+
+  const dataSource1 = ref([
+    {
+      name: 'Rain',
+      cover: img1,
+    },
+    {
+      name: '\u6708 ~Main Theme',
+      cover: img2,
+    },
+    {
+      name: 'It through all eternity',
+      cover: img3,
+    },
+    {
+      name: '\u771F\u7D05\u306E\u7FFC',
+      cover: img4,
+    },
+    {
+      name: '\u738B\u90FD\u30A2\u30A6\u30EB\u30EA\u30A6\u30E0',
+      cover: img5,
+    },
+    {
+      name: '\u4E45\u9060\u5BFA\u6709\u73E0',
+      cover: img6,
+    },
+  ]);
+  const move = (obj: FatDragItemEventPayload['dropped']) => {
+    moveItemInRefArray(dataSource1, obj.previousIndex, obj.currentIndex);
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-left: 10vw;
+    margin-top: 12px;
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+  .cover {
+    display: inline-block;
+    width: 130px;
+    height: 130px;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+  :deep(.custom-drop-list) {
+    .fat-drag-placeholder {
+      opacity: 1;
+    }
+  }
+</style>
+

WARNING

\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0C\u6211\u4EEC\u4F1A\u5728\u62D6\u62FD\u884C\u4E3A\u5F00\u59CB\u4E4B\u524D\u7F13\u5B58\u5F53\u524D\u5BBF\u4E3B\u5143\u7D20\u7684\u4F4D\u7F6E\u4FE1\u606F\uFF0C\u5E76\u4E14\u53EA\u5141\u8BB8\u9F20\u6807\u5728\u8BE5\u5BBF\u4E3B\u5143\u7D20\u9644\u8FD1\u65F6\u624D\u4F1A\u6267\u884C\u6392\u5E8F\u64CD\u4F5C\u3002 \u5728\u8FD9\u91CC\uFF0C\u56E0\u4E3A\u6211\u4EEC\u4F7F\u7528\u4E86\u81EA\u5B9A\u4E49\u5360\u4F4D\u56FE\uFF0C\u4ECE\u800C\u5BFC\u81F4\u5BBF\u4E3B\u5143\u7D20\u7684\u9AD8\u5EA6\u8FDB\u884C\u4E86\u53D8\u5316\uFF0C\u56E0\u6B64\u6211\u4EEC\u9700\u8981\u52A0\u5927\u5176\u5224\u65AD\u9608\u503C\uFF08drop-sort-threshold\uFF09\u4ECE\u800C\u4F7F\u5F97\u6392\u5E8F\u64CD\u4F5C\u53EF\u4EE5\u6B63\u786E\u8FDB\u884C\u54CD\u5E94

10. \u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD

`,3),ln={class:"wk-demo"},pn=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div class="drop-group">
+    <FatDropList ref="dropListRef1" class="list drop-item" :data="dataSource1">
+      <FatDragItem
+        v-for="item of dataSource1"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+    <FatDropList class="list drop-item" :connect-to="connectTo" :data="dataSource2">
+      <FatDragItem
+        v-for="item of dataSource2"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import {
+    FatDragItem,
+    FatDropList,
+    moveItemInRefArray,
+    transferArrayItem,
+    type FatDragItemEventPayload,
+  } from '@wakeadmin/components';
+  import { ref, computed } from 'vue';
+
+  const dropListRef1 = ref();
+  const connectTo = computed(() => [dropListRef1.value?.instance].filter(val => !!val));
+
+  const dataSource1 = ref([
+    '\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA',
+    'nostalgia',
+    'Dearly Beloved',
+    '\u84BC\u5D0E\u9752\u5B50',
+    '\u8C01\u304C\u4E3A\u306B',
+    'Sorrow',
+    "Dead's dream",
+  ]);
+  const dataSource2 = ref([
+    '\u30B0\u30FC\u30E9\u9818/\u68EE\u6797',
+    '\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066',
+    'The Final Battle',
+    'Blood Upon the Snow',
+    'Old Soldiers Die Hard',
+    'Lost Again',
+    'I Really Want to Stay At Your House',
+  ]);
+  const dropListGroupDropHandler = (event: FatDragItemEventPayload['dropped']) => {
+    const { container, previousContainer, previousIndex, currentIndex } = event;
+    if (container !== previousContainer) {
+      transferArrayItem(previousContainer!.data, container!.data, previousIndex, currentIndex);
+    } else {
+      moveItemInRefArray(container!.data as any, previousIndex, currentIndex);
+    }
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-top: 12px;
+    & + & {
+      margin-left: 10vw;
+    }
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+
+  .drop-group {
+    display: flex;
+  }
+  .drop-item {
+    margin-bottom: 3vw;
+  }
+</style>
+

TIP

\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0C\u53EA\u5141\u8BB8\u6307\u5B9A\u7684FatDropList\u7684\u6570\u636E\u8FDB\u5165\u3002\u4E0A\u9762\u7684\u4F8B\u5B50\u4E2D\uFF0C\u6211\u4EEC\u53EA\u5141\u8BB8\u53F3\u8FB9\u7684\u5185\u5BB9\u8FDB\u5165\u5DE6\u8FB9\uFF0C\u4F46\u662F\u5DE6\u8FB9\u7684\u65E0\u6CD5\u8FDB\u5165\u53F3\u8FB9

\u5F53\u7136\uFF0C \u6211\u4EEC\u4E5F\u63D0\u4F9BFatDropListGroup\u7EC4\u4EF6\u6765\u5141\u8BB8FatDropList\u76F4\u63A5\u7684\u6570\u636E\u4EA4\u4E92

`,3),on={class:"wk-demo"},en=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatDropListGroup class="drop-group">
+    <FatDropList class="list drop-item" :data="dataSource1">
+      <FatDragItem
+        v-for="item of dataSource1"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+    <FatDropList class="list drop-item" :data="dataSource2">
+      <FatDragItem
+        v-for="item of dataSource2"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </FatDropListGroup>
+</template>
+<script setup lang="ts">
+  import {
+    FatDragItem,
+    FatDropList,
+    FatDropListGroup,
+    moveItemInRefArray,
+    transferArrayItem,
+    type FatDragItemEventPayload,
+  } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const dataSource1 = ref([
+    '\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA',
+    'nostalgia',
+    'Dearly Beloved',
+    '\u84BC\u5D0E\u9752\u5B50',
+    '\u8C01\u304C\u4E3A\u306B',
+    'Sorrow',
+    "Dead's dream",
+  ]);
+  const dataSource2 = ref([
+    '\u30B0\u30FC\u30E9\u9818/\u68EE\u6797',
+    '\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066',
+    'The Final Battle',
+    'Blood Upon the Snow',
+    'Old Soldiers Die Hard',
+    'Lost Again',
+    'I Really Want to Stay At Your House',
+  ]);
+  const dropListGroupDropHandler = (event: FatDragItemEventPayload['dropped']) => {
+    const { container, previousContainer, previousIndex, currentIndex } = event;
+    if (container !== previousContainer) {
+      transferArrayItem(previousContainer!.data, container!.data, previousIndex, currentIndex);
+    } else {
+      moveItemInRefArray(container!.data as any, previousIndex, currentIndex);
+    }
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-top: 12px;
+    & + & {
+      margin-left: 10vw;
+    }
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+
+  .drop-group {
+    display: flex;
+  }
+  .drop-item {
+    margin-bottom: 3vw;
+  }
+</style>
+

TIP

\u4E24\u8005\u53EF\u4EE5\u4E00\u8D77\u4F7F\u7528

DANGER

\u65E0\u8BBA\u662FconnectTo\u8FD8\u662FFatDropListGroup\uFF0C\u8BE5\u6A21\u5F0F\u4E0BFatDropList\u7684props.data\u8BF7\u52A1\u5FC5\u8DDFv-for\u7684\u6570\u636E\u6E90\u4FDD\u6301\u4E00\u81F4




11. \u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD\u8FDB\u5165\u5224\u65AD

\u5728\u67D0\u4E9B\u60C5\u51B5\u4E0B\uFF0C\u6211\u4EEC\u53EF\u80FD\u9700\u8981\u5BF9\u8FDB\u5165\u7684\u6570\u636E\u8FDB\u884C\u5224\u65AD\uFF0C\u770B\u662F\u5426\u7B26\u5408\u8981\u6C42\u3002 \u53EF\u4EE5\u4F20\u5165\u4E00\u4E2A\u51FD\u6570\u6765\u8FDB\u884C\u5904\u7406\u3002 \u6BD4\u5982\u4E0B\u9762\u7684\u4F8B\u5B50\u4E2D\uFF0C\u6211\u4EEC\u53EA\u5141\u8BB8\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA\u5728\u4E24\u8005\u4E4B\u95F4\u8FDB\u884C\u6570\u636E\u4F20\u9012

`,8),tn={class:"wk-demo"},cn=d(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatDropListGroup class="drop-group">
+    <FatDropList class="list drop-item" :data="dataSource1" :enter-predicate="enterPredicate">
+      <FatDragItem
+        v-for="item of dataSource1"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+    <FatDropList class="list drop-item" :data="dataSource2" :enter-predicate="enterPredicate">
+      <FatDragItem
+        v-for="item of dataSource2"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </FatDropListGroup>
+</template>
+<script setup lang="ts">
+  import {
+    FatDragItem,
+    FatDropList,
+    FatDropListGroup,
+    moveItemInRefArray,
+    transferArrayItem,
+    type FatDragItemEventPayload,
+  } from '@wakeadmin/components';
+  import { DragRef } from '@wakeadmin/components/dist/fat-drag-drop/dragRef';
+  import { ref } from 'vue';
+
+  const dataSource1 = ref([
+    '\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA',
+    'nostalgia',
+    'Dearly Beloved',
+    '\u84BC\u5D0E\u9752\u5B50',
+    '\u8C01\u304C\u4E3A\u306B',
+    'Sorrow',
+    "Dead's dream",
+  ]);
+  const dataSource2 = ref([
+    '\u30B0\u30FC\u30E9\u9818/\u68EE\u6797',
+    '\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066',
+    'The Final Battle',
+    'Blood Upon the Snow',
+    'Old Soldiers Die Hard',
+    'Lost Again',
+    'I Really Want to Stay At Your House',
+  ]);
+
+  const enterPredicate = (drag: DragRef) => {
+    return drag.data === '\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA';
+  };
+
+  const dropListGroupDropHandler = (event: FatDragItemEventPayload['dropped']) => {
+    const { container, previousContainer, previousIndex, currentIndex } = event;
+    if (container !== previousContainer) {
+      transferArrayItem(previousContainer!.data, container!.data, previousIndex, currentIndex);
+    } else {
+      moveItemInRefArray(container!.data as any, previousIndex, currentIndex);
+    }
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-top: 12px;
+    & + & {
+      margin-left: 10vw;
+    }
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+
+  .drop-group {
+    display: flex;
+  }
+  .drop-item {
+    margin-bottom: 3vw;
+  }
+</style>
+

12. API

12.1 FatDragItem \u5C5E\u6027





12.2 FatDragItem \u4E8B\u4EF6





12.3 FatDragItem \u5B9E\u4F8B\u65B9\u6CD5

  • reset: () => void \u91CD\u7F6E\u62D6\u62FD\u72B6\u6001




12.4 FatDragItem \u63D2\u69FD

  • preview \u81EA\u5B9A\u4E49\u62D6\u62FD\u9884\u89C8
  • placeholder \u81EA\u5B9A\u4E49\u62D6\u62FD\u5360\u4F4D




12.5 FatDropList \u5C5E\u6027





12.6 FatDropList \u4E8B\u4EF6





12.7 FatDropList \u5B9E\u4F8B\u65B9\u6CD5

  • instance: DropListRef DropListRef \u5B9E\u4F8B




12.8 FatDropList \u63D2\u69FD

  • preview \u81EA\u5B9A\u4E49\u62D6\u62FD\u9884\u89C8
  • placeholder \u81EA\u5B9A\u4E49\u62D6\u62FD\u5360\u4F4D




12.9 FatDragHandler \u5C5E\u6027

  • disabled?: boolean \u662F\u5426\u7981\u6B62\u62D6\u62FD
  • tag?: string \u5BBF\u4E3B\u5143\u7D20 tag \u9ED8\u8BA4\u4E3A span




',56),Fn=JSON.parse('{"title":"Fat Drag Drop","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u521B\u5EFA\u4E00\u4E2A\u81EA\u5B9A\u4E49\u62D6\u62FD\u5143\u7D20","slug":"_1-\u521B\u5EFA\u4E00\u4E2A\u81EA\u5B9A\u4E49\u62D6\u62FD\u5143\u7D20","link":"#_1-\u521B\u5EFA\u4E00\u4E2A\u81EA\u5B9A\u4E49\u62D6\u62FD\u5143\u7D20","children":[]},{"level":2,"title":"2. \u81EA\u5B9A\u4E49\u89E6\u53D1\u5143\u7D20","slug":"_2-\u81EA\u5B9A\u4E49\u89E6\u53D1\u5143\u7D20","link":"#_2-\u81EA\u5B9A\u4E49\u89E6\u53D1\u5143\u7D20","children":[]},{"level":2,"title":"3. \u9650\u5236\u62D6\u62FD\u8303\u56F4","slug":"_3-\u9650\u5236\u62D6\u62FD\u8303\u56F4","link":"#_3-\u9650\u5236\u62D6\u62FD\u8303\u56F4","children":[]},{"level":2,"title":"4. \u7981\u7528\u62D6\u62FD","slug":"_4-\u7981\u7528\u62D6\u62FD","link":"#_4-\u7981\u7528\u62D6\u62FD","children":[]},{"level":2,"title":"5. \u62D6\u62FD\u5EF6\u8FDF","slug":"_5-\u62D6\u62FD\u5EF6\u8FDF","link":"#_5-\u62D6\u62FD\u5EF6\u8FDF","children":[]},{"level":2,"title":"6. \u5217\u8868\u6392\u5E8F","slug":"_6-\u5217\u8868\u6392\u5E8F","link":"#_6-\u5217\u8868\u6392\u5E8F","children":[]},{"level":2,"title":"7. \u6C34\u5E73\u5217\u8868\u6392\u5E8F","slug":"_7-\u6C34\u5E73\u5217\u8868\u6392\u5E8F","link":"#_7-\u6C34\u5E73\u5217\u8868\u6392\u5E8F","children":[]},{"level":2,"title":"8. \u81EA\u5B9A\u4E49\u9884\u89C8","slug":"_8-\u81EA\u5B9A\u4E49\u9884\u89C8","link":"#_8-\u81EA\u5B9A\u4E49\u9884\u89C8","children":[]},{"level":2,"title":"9. \u81EA\u5B9A\u4E49\u5360\u4F4D","slug":"_9-\u81EA\u5B9A\u4E49\u5360\u4F4D","link":"#_9-\u81EA\u5B9A\u4E49\u5360\u4F4D","children":[]},{"level":2,"title":"10. \u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD","slug":"_10-\u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD","link":"#_10-\u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD","children":[]},{"level":2,"title":"11. \u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD\u8FDB\u5165\u5224\u65AD","slug":"_11-\u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD\u8FDB\u5165\u5224\u65AD","link":"#_11-\u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD\u8FDB\u5165\u5224\u65AD","children":[]},{"level":2,"title":"12. API","slug":"_12-api","link":"#_12-api","children":[{"level":3,"title":"12.1 FatDragItem \u5C5E\u6027","slug":"_12-1-fatdragitem-\u5C5E\u6027","link":"#_12-1-fatdragitem-\u5C5E\u6027","children":[]},{"level":3,"title":"12.2 FatDragItem \u4E8B\u4EF6","slug":"_12-2-fatdragitem-\u4E8B\u4EF6","link":"#_12-2-fatdragitem-\u4E8B\u4EF6","children":[]},{"level":3,"title":"12.3 FatDragItem \u5B9E\u4F8B\u65B9\u6CD5","slug":"_12-3-fatdragitem-\u5B9E\u4F8B\u65B9\u6CD5","link":"#_12-3-fatdragitem-\u5B9E\u4F8B\u65B9\u6CD5","children":[]},{"level":3,"title":"12.4 FatDragItem \u63D2\u69FD","slug":"_12-4-fatdragitem-\u63D2\u69FD","link":"#_12-4-fatdragitem-\u63D2\u69FD","children":[]},{"level":3,"title":"12.5 FatDropList \u5C5E\u6027","slug":"_12-5-fatdroplist-\u5C5E\u6027","link":"#_12-5-fatdroplist-\u5C5E\u6027","children":[]},{"level":3,"title":"12.6 FatDropList \u4E8B\u4EF6","slug":"_12-6-fatdroplist-\u4E8B\u4EF6","link":"#_12-6-fatdroplist-\u4E8B\u4EF6","children":[]},{"level":3,"title":"12.7 FatDropList \u5B9E\u4F8B\u65B9\u6CD5","slug":"_12-7-fatdroplist-\u5B9E\u4F8B\u65B9\u6CD5","link":"#_12-7-fatdroplist-\u5B9E\u4F8B\u65B9\u6CD5","children":[]},{"level":3,"title":"12.8 FatDropList \u63D2\u69FD","slug":"_12-8-fatdroplist-\u63D2\u69FD","link":"#_12-8-fatdroplist-\u63D2\u69FD","children":[]},{"level":3,"title":"12.9 FatDragHandler \u5C5E\u6027","slug":"_12-9-fatdraghandler-\u5C5E\u6027","link":"#_12-9-fatdraghandler-\u5C5E\u6027","children":[]}]}],"relativePath":"fat-drag-drop/index.md","lastUpdated":1719310312000}'),Dn={name:"fat-drag-drop/index.md"},yn=Object.assign(Dn,{setup(c){return(o,D)=>{const p=J("ClientOnly");return e(),y("div",null,[js,n(p,null,{default:s(()=>[l("div",Gs,[n(Z)])]),_:1}),Ns,n(p,null,{default:s(()=>[l("div",Vs,[n(as)])]),_:1}),Ms,n(p,null,{default:s(()=>[l("div",Ks,[n(rs)])]),_:1}),Js,n(p,null,{default:s(()=>[l("div",zs,[n(As)])]),_:1}),Us,n(p,null,{default:s(()=>[l("div",Ws,[n(gs)])]),_:1}),Qs,n(p,null,{default:s(()=>[l("div",Os,[n(ms)])]),_:1}),Xs,n(p,null,{default:s(()=>[l("div",Ys,[n(Es)])]),_:1}),Zs,n(p,null,{default:s(()=>[l("div",$s,[n(hs)])]),_:1}),sn,n(p,null,{default:s(()=>[l("div",nn,[n(xs)])]),_:1}),an,n(p,null,{default:s(()=>[l("div",ln,[n(Ls)])]),_:1}),pn,n(p,null,{default:s(()=>[l("div",on,[n(Rs)])]),_:1}),en,n(p,null,{default:s(()=>[l("div",tn,[n(Hs)])]),_:1}),cn])}}});export{Fn as __pageData,yn as default}; diff --git a/assets/fat-drag-drop_index.md.b7be92d6.lean.js b/assets/fat-drag-drop_index.md.b7be92d6.lean.js new file mode 100644 index 0000000..0cf1acc --- /dev/null +++ b/assets/fat-drag-drop_index.md.b7be92d6.lean.js @@ -0,0 +1 @@ +import{d as B,o as e,c as y,f as n,w as s,g as t,H as A,p as q,l as I,b as l,_ as m,I as w,e as x,r as u,C as V,J as M,K as _,L as E,M as v,N as f,O as g,G as b,P as K,Q as S,R as T,a as J,m as d}from"./app.56f20909.js";const z="/components/assets/fat-drag-item-props.f7c01ec9.png",U="/components/assets/fat-drag-item-events.2e2749bf.png",W="/components/assets/fat-drop-list-props.d87acabe.png",Q="/components/assets/fat-drop-list-events.366582d9.png",O=c=>(q("data-v-d57ca870"),c=c(),I(),c),X=O(()=>l("span",null," \u613F\u5929\u4E0A\u4EBA\u95F4\uFF0C\u5360\u5F97\u6B22\u5A31 ",-1)),Y=B({__name:"drag",setup(c){return(o,D)=>(e(),y("div",null,[n(t(A),{class:"inline-block"},{default:s(()=>[X]),_:1})]))}});const Z=m(Y,[["__scopeId","data-v-d57ca870"]]),$=c=>(q("data-v-3853aa6e"),c=c(),I(),c),ss=$(()=>l("span",null,"\u70B9\u706B\u6A31\u6843\uFF0C\u7167\u4E00\u67B6\u3001\u837C\u863C\u5982\u96EA ",-1)),ns=B({__name:"dragHandler",setup(c){return(o,D)=>(e(),y("div",null,[n(t(A),{class:"inline-block"},{default:s(()=>[n(t(w),{class:"handler"},{default:s(()=>[x(" \u{1F407} ")]),_:1}),ss]),_:1})]))}});const as=m(ns,[["__scopeId","data-v-3853aa6e"]]),k=c=>(q("data-v-d07fe9a4"),c=c(),I(),c),ls=k(()=>l("h4",null,"\u53EA\u80FDX\u8F74\u79FB\u52A8",-1)),ps=k(()=>l("span",null,"\u843D\u82B1\u4EBA\u72EC\u7ACB ",-1)),os=k(()=>l("h4",null,"\u53EA\u80FDY\u8F74\u79FB\u52A8",-1)),es=k(()=>l("span",null,"\u5FAE\u96E8\u71D5\u53CC\u98DE ",-1)),ts=k(()=>l("h4",null,"\u9650\u5236\u8303\u56F4",-1)),cs={id:"boundary",class:"drag-boundary"},Ds=B({__name:"dragLimit",setup(c){return(o,D)=>(e(),y("div",null,[l("div",null,[ls,n(t(A),{class:"inline-block","lock-axis":"x"},{default:s(()=>[n(t(w),{class:"handler"},{default:s(()=>[x(" \u{1F407} ")]),_:1}),ps]),_:1}),os,n(t(A),{class:"inline-block","lock-axis":"y"},{default:s(()=>[n(t(w),{class:"handler"},{default:s(()=>[x(" \u{1F98C} ")]),_:1}),es]),_:1})]),l("div",null,[ts,l("div",cs,[n(t(A),{class:"drag-boundary-item","drag-boundary":"#boundary"})])])]))}});const rs=m(Ds,[["__scopeId","data-v-d07fe9a4"]]),Fs=c=>(q("data-v-c879aa00"),c=c(),I(),c),ys=Fs(()=>l("span",null," \u59CB\u56F4\u5BF8\u800C\u9AD8\u5C3A\uFF0C\u4ECA\u8FDE\u62F1\u800C\u4E5D\u6210 ",-1)),Cs=B({__name:"dragDisabled",setup(c){const o=u(!1),D=()=>{o.value=!o.value};return(p,r)=>(e(),y("div",null,[l("div",null,[n(t(V),{onClick:D},{default:s(()=>[x("\u5207\u6362\u72B6\u6001")]),_:1})]),n(t(A),{class:M(["inline-block",{disabled:o.value}]),disabled:o.value},{default:s(()=>[ys]),_:1},8,["class","disabled"])]))}});const As=m(Cs,[["__scopeId","data-v-c879aa00"]]),is=c=>(q("data-v-d04d3a59"),c=c(),I(),c),ds=is(()=>l("span",null," \u4E00\u661F\u5982\u6708\u770B\u591A\u65F6 ",-1)),us=B({__name:"dragDelay",setup(c){return(o,D)=>(e(),y("div",null,[n(t(A),{class:"inline-block","drag-delay":500},{default:s(()=>[ds]),_:1})]))}});const gs=m(us,[["__scopeId","data-v-d04d3a59"]]),Bs=B({__name:"dropList",setup(c){const o=u(["\u8605\u768B\u5411\u665A\u8223\u8F7B\u822A","\u5378\u4E91\u5E06\u3001\u6C34\u9A7F\u9C7C\u4E61","\u5F53\u66AE\u5929\u3001\u9701\u8272\u5982\u6674\u663C","\u6C5F\u7EC3\u9759\u3001\u768E\u6708\u98DE\u5149","\u90A3\u582A\u542C\u3001\u8FDC\u6751\u7F8C\u7BA1\uFF0C\u5F15\u79BB\u4EBA\u65AD\u80A0","\u6B64\u9645\u6D6A\u840D\u98CE\u6897\uFF0C\u5EA6\u5C81\u832B\u832B","\u582A\u4F24","\u671D\u6B22\u66AE\u5BB4\uFF0C\u88AB\u591A\u60C5\u3001\u8D4B\u4E0E\u51C4\u51C9","\u522B\u6765\u6700\u82E6\uFF0C\u895F\u8896\u4F9D\u7EA6\uFF0C\u5C1A\u6709\u9980\u9999","\u7B97\u5F97\u4F0A\u3001\u9E33\u887E\u51E4\u6795\uFF0C\u591C\u6C38\u4E89\u4E0D\u601D\u91CF","\u7275\u60C5\u5904\uFF0C\u60DF\u6709\u4E34\u6B67\uFF0C\u4E00\u53E5\u96BE\u5FD8"]),D=p=>{f(o,p.previousIndex,p.currentIndex)};return(p,r)=>(e(),y("div",null,[n(t(v),{data:o.value,class:"list",onDropped:r[0]||(r[0]=a=>D(a))},{default:s(()=>[(e(!0),y(_,null,E(o.value,a=>(e(),g(t(A),{key:a,class:"inline-block w-300",data:a},{default:s(()=>[l("span",null,b(a),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]))}});const ms=m(Bs,[["__scopeId","data-v-bceb0fcf"]]),_s=B({__name:"dropListHorizontal",setup(c){const o=u(["\u660E\u6708\u5982\u971C","\u597D\u98CE\u5982\u6C34","\u6E05\u666F\u65E0\u9650","\u66F2\u6E2F\u8DF3\u9C7C"]),D=p=>{f(o,p.previousIndex,p.currentIndex)};return(p,r)=>(e(),y("div",null,[n(t(v),{data:o.value,class:"list row",orientation:"horizontal",onDropped:r[0]||(r[0]=a=>D(a))},{default:s(()=>[(e(!0),y(_,null,E(o.value,a=>(e(),g(t(A),{key:a,class:"inline-block w-100",data:a},{default:s(()=>[l("span",null,b(a),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]))}});const Es=m(_s,[["__scopeId","data-v-6985e4d1"]]),R="/components/assets/1.b0b78981.jpg",P="/components/assets/2.f6d891d8.jpg",H="/components/assets/3.b363edde.jpg",j="/components/assets/4.b36cd28b.jpg",G="/components/assets/5.e3044e27.jpg",N="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCACCAIIDASIAAhEBAxEB/8QAHAAAAQUBAQEAAAAAAAAAAAAAAAMEBQYHAgEI/8QAQhAAAgEDAgMCCgYHCAMAAAAAAQIDAAQRBSEGEjFB0RMVIlFSYXGBkZIHFDJVk6FCVGJyscHhFiMlNDVEY4IXM9L/xAAYAQADAQEAAAAAAAAAAAAAAAAAAQIDBP/EACkRAAICAQMDAwMFAAAAAAAAAAABAhEDEiExBBNBFFGhIjJhYrHR4fD/2gAMAwEAAhEDEQA/AN/orJbrizXEYcmouP8AovdSI4x13t1F/kXurddPJmjxtGwUVkkfGOtscG/f5F7qW/tZrOP8+/yL3UenkLQarRWO3HGmuIcLqLj/AKL3UzPHPEGf9Tk+RO6mummTRt1FYrFxxr5fDam+P3E7qXl421qGMyyamyxqMklF2HwofTSHpNjorAv/AC/qXhMLLcMmftYQZ92Kn9N48v8AVIjJb6i5xsysigr7dqnsv3GoNmvUVma8Tauf98/yr3UoOI9W/XX+Ve6l2WV2maRRWcf2j1b9df5V7q9/tHq366/yr3Udlh2maNRWbPxLqwH+df5V7qYTcW60ueXUH+Re6msMmHaZrFFY2eMtfz/qT/IndRT9PIXbZE3rENTMy7U7vACT/wDNMWQY2z8tdkeDXJyLwTDOc04lnVUzkfGol5GiGfK+FIvdMy48qr02Yti01yHc702aTfOaayyspzv8aEl5hv8Axq6JHay79aaa5dMdLaMH7RAPsrhpCpz0Htrq2gi1TXtIspnCQz3SRuc56moy7QbHEraqyqCVOKn+FZJF1IlDhCmG/lWj8R/RZDa2N3dafIzIiM6RjqpAOdvNt7qzXQZRAJpMAEkDrjaufC4v7TTg0GKcADJpyknNvVZt7wvv1H71PxqAVcb/ADVbgaKSJdpgNga9WTbORUVDO0p5vKI8+RXdxdmMbB8efap0j1DuWbOwNR85JBNcRXJkJPle0Ci4cKvb8tUlQ7G3NRTcy70VdCskL9sZ2nPu2qOWXnGySn152rrUr2HDBr2QH0AMioOO9iDnnmlUZ25acYuiJyH14TkgRsf+1RyyNz48Hkj9rFOriSGSHnJlK+oHNQcssQk2EnL6zg1paS3MatkpKhZciME+s0w8I0cmCqZ9ZpWCeKRORYpMHrnemlyqqTyQOPWelTKW1otbD0uWTOIy3tzUTNJzgMJCsqvkcuxGOhFdxzAdEAxtntrwOPBldgew46VnKSmqsRPaxxrxLremR2V9ftyJhiYzys+PSI61F6YXdyo5R+8aSXH1dskFsbkV7p8qo7O68ytvg+qpWNQa0juyyIxiTpGG9uKaG7czcqomfU1Mrm8RzhrUqx6EmubZVcjntpW/aHStdW9AWezdgnM0Sg+pqRu7k8/KYsE+Zs0wluoYIeRoZceddh8ajVuYXmyRLyeYHJpNpMCz2pYHJidfXzVxd3J3yso9edqawTwR25YNMF7eYHNMZ7qFiTHNK3n5qpJNg5NIeiXbpJRTATw4/wA1J8tFXpM9bJC9muuQiO1jkGOrEH8qgo5bqO5ISECQ78pQVKXMd1OmI7rk23wuM++oGeB4ZuR5oyx7Q+ce2spycfBSdk4sl0yHwqxq2NsE1FXq3bZZyhUejtTm1gdQCbsuPRQ5FJXmniQF3uWUftnaiSco7L5J1Kxlb3Fw32ZVwPSNLytPIMLLyn1LTQaRO0oBJWI7+GKkLj31euENF0uW0bMAvbrw0iRSSseQkCIDK5wVBc1hGbUfq/cuygkNCxEjhix7Dk0oGiZM+EAbHQ1aeKNJtWvpE0+JLeOIxoAwz9ocxLNk4IDLjbffzVxHw7YwTarBdTRTGFxbRMQRyjmfys5GHJjCgZP2zUOSj4sLKqOaYEDIQdT56V5wgCLjOMCp7inSrO2lknsJEWNLl4ZIEc5jbLYXGSBsh83UUys+HNVe7FvDZGWR0EkYUqfCKQCCuftDDD4+eiE6GmMYI5rhwFnUFemX391TcEVyiFXuA5xtlOlStpwlYy2RN2s0M6qs7s7hCkeGLKcZGQoDE42yF65qDkNjNAQty8aL08s5x6xW2Nrf+RWIXs19BnNxGVPYhAPwruwh1EAPGYwh38sg/wAKi2ihM/ItyvJ6bKRUxZaakWJI7x2H/GcA1MblL+wuiSla9WIGJIWfG+SfyqHklvJboK8AMo35Qg3p1qEEjKWXUGiHou2BURaQSTXBSOeIOD9oyYz7KuUnGVA2mT4j1LlH+GxdPRFFKLYapyj/ABMjb10VtbM9hCexM0IQ3EwIHXPX21CXdktp/uY2/Z7am5bJntxE13Pn0gRk1CXmjywI0izRsg7WPKfzrDNFtWohF15FbOytZGDteBm9FDy/1qUksrVUF1c5AiwUDMfLI7N+tQWj2CXd5A0s0Xg/CLlObLHfpipDWHuGvmE6PGF/9cbD7K0Yqcd1RVW+RpNM9xIXkJZic+oVZtHgabSrcW/EOl6a8TMXFzMUkLOQdiFPk4VQd+wjeqoGHmJrpF53x089VKp1RRo4jN1Ikmo8U6DdzrKsiOl4Yc4B8luWPylyQcUyuNIEqLycT6CshIaYz3by+EYMzK3lJsRzHPYdtqpcbFH8KGKkbJg7iuzdXMpYtNJynrlzvR2L3v4EW6XS725t5YrnjLQJlmXlkLyEu2DzAlvB5J7Mk5wSOhpWHSbaKK0SXiTh/NsVzIl9IrzKrFkTJTyVBY5K7nbzVTnuLrlys8vn+2aQeSWZ18I7Ow23J2FDwtKrAvC2sjzuz8TcKOsq+DnR5HKSpzFuVvJzjmOdsb4PZVELGG4cxOBglcruD7PVXsmScLkj1VyoOdjuKSxU6Qxe00mG6hBFy/PzYKYFPYLC3tc8gfmIwSWNR6l42Emd1ORipC7soJmkWORysh5+ZGI3O9WscYcLciV+5GX9laqS4vAjejI3N/WkNPshePj61Em/Q9fhSN9pf1PLC4jYeiThvhS1lok9yokM0ap51PMfyrlabnWkLpclgGiAKB9dn6UUkujMFA+v3XTsaiunT+n5I1fkSSXUGtisk8ImPQhM4qCvrXUGcvMWmHpKc/lUjbaklyhIhlyoycLkUwutZn5ikSGL1sPKrLK8bgm2zWhla2tzd3SW9vE7zOwVQB2n+FWjVobi3uvq91P4WaFFjZz+kQKgtD1htL1+11CcPNHHIDKnNu69D78HarZxObS81cX1hcLcWV1GskTjqMbFWHUMCNxU9JptoPJAeCbGQKBlWHMCPPSzQMfs7CkyqKcDymrqcN9h2KeFZwsaDftavZgxYZI5R2CuwRCpAHNIftHzURYdGUjyj1rRJ+STvAaPIO2M02boSBjPo7jFChgeTnKt2eY139XcfonPnU0bsOBHD483toVG7KdLAWG4fPrrw20nXIFLSh2crEertk+arFqenF+DbTlDLfSKDEQ/Llcnr6sfxqJ03T5dQ1O3slbHhWwznooG5PwBpLifX9Sg1u7smWOJrdzCuBnCjpjsAxiss0oxVMRWJrW4hm5JYpFc9hHXvqS07SdWMgkgV4P2mPL+XbTI3t1LMsz3EhkU5Vubp7KndM4iuVlWK4hNxnbKDyv61xQUNW7Ybkqtjq3KM3kGcb/3P9aKmVuFZQfq10MjODEaK7P9yPQQAtwiAIAF7MdKbXcVu0ZNysfIO1qU0/h+/tgHmuGhXr4EHmz7ewUw1PQrqWUyJcGXzLJtj2dlDnJwvSBCXYsBMPq4lK58rfb3Zq6DVdO1+w0nR9F0eWC9t1KCOM85l2yx6ZJJGSSao89pPbNiaJk9ZG3xqa4N1afQuJrbUoLEXpiDK0RblBDDB37DvXDDJKM7rcTJm+0bULG6NtqED2zj9E9T7+lN1hRThFA9Z61t9hBZ8YcPRXV3ZJCkjsph8MZCpBxsdsGqxqf0WXiSSSaXcxyJuRFO3K4Ht6H8q7454vaWzI1GaNBynya7SDAJ7anLzhjXLDJudKukUHBYRlh8Rmo1kZG5WUq3mIwa2Uk+B2NDHnqKVXIG4roqQ21LBCRgCgVjcqeoNcgvnFS2j8L6jr9/4CyUqi7yysDyoPX6/VWgw8B6Fw/afXdTuJL503EbryI583LnJ+NRLLGO3kdkTwFodvBDLxBqi8kManwLSbKq/pOf4D31ReKta0bU9VvLh1EollZkCDylHZv2U/4rm1nXYzBJqUwt1bmS0JxEvmAAHZ0Gc1QLizntJOSeNkPZnofYa5Ms5xbbXI0h7p3io3J+tidY8+TvkD243rQdItrJURrJIuQ/pR7599Zra2VxdOFghd/YNh76uOg6BeWsqzPem333WLcn29lLC37FXRd/An1UUza2u2YkarOoJyAI02/KitqK1kHDr2nahgLcLHIf0JCAe40nf3FraRGSeaNF7CWG9fRnifTfu+0/AXur1tJ058c1hatjYZhU/wAq511TS4Icj5G1HiFZVaK2VAh6vJgk+wUwstamsQFVonj9FsfxFfY3ibS/u60/ATuo8S6X93Wf4Cd1ZPNNvVYrPmTQuPm024ElvdtaSH7QJDI3tHb760y0+ly0jshPqNtAQBjwkFwAre45rT/Eul/d1n+AndR4m0vGPF1p+AvdVPNqX1KwtPlGcaH9MnDeovcpeznTG5v7tpjzK48+QNvYaiuIfpX4UluxZnSxrNmoAMx5Ux+7zDJ9u1a74n0z7utPwF7qPE+mfd1p+AvdWesVIxiy1D6K7+Np2u7myYbm3uJGHwwDn41A65xVoVrrMEvDNnBJaRx8sqXsAZJGz1AJ5htt2V9C+J9N+77T8Be6vfFGm/qFr+CvdV96XljVGBw/SlcR3Krb2sOm2ZUBorNtubtbB65/l21Jy6zBqdub19SSZcbySS9PUc9K2nxTpv6ha/gr3UeKdO/ULX8Fe6qjnS8CdHzPqfEFhG5ET+HbzqcD41W73WJ7xSjNEkR/RGD+Zr678Uab932n4K91HifTPu60/AXupS6iUth2j5R0/iMQBYrgIUGwZMAj3VbbDULa6jDwzxuO3DDI9tfQPifTPu60/AXur1dK05CSthajO20Kj+VVHqWtnuFow3xlaDY3cAI/5F76K3HxPpn3fafgL3UU/U/gdj2iiiuUkKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD/9k=",vs={class:"cover"},bs=["src"],fs=B({__name:"dropListPreview",setup(c){const o=u([{name:"Rain",cover:R},{name:"\u6708 ~Main Theme",cover:P},{name:"It through all eternity",cover:H},{name:"\u771F\u7D05\u306E\u7FFC",cover:j},{name:"\u738B\u90FD\u30A2\u30A6\u30EB\u30EA\u30A6\u30E0",cover:G},{name:"\u4E45\u9060\u5BFA\u6709\u73E0",cover:N}]),D=p=>{f(o,p.previousIndex,p.currentIndex)};return(p,r)=>(e(),y("div",null,[n(t(v),{data:o.value,class:"list",onDropped:r[0]||(r[0]=a=>D(a))},{preview:s(({cover:a})=>[l("picture",vs,[l("img",{src:a},null,8,bs)])]),default:s(()=>[(e(!0),y(_,null,E(o.value,a=>(e(),g(t(A),{key:a.name,class:"inline-block w-300",data:a},{default:s(()=>[l("span",null,b(a.name),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]))}});const hs=m(fs,[["__scopeId","data-v-3edbae22"]]),qs={class:"cover"},Is=["src"],ks=B({__name:"dropListPlaceholder",setup(c){const o=u([{name:"Rain",cover:R},{name:"\u6708 ~Main Theme",cover:P},{name:"It through all eternity",cover:H},{name:"\u771F\u7D05\u306E\u7FFC",cover:j},{name:"\u738B\u90FD\u30A2\u30A6\u30EB\u30EA\u30A6\u30E0",cover:G},{name:"\u4E45\u9060\u5BFA\u6709\u73E0",cover:N}]),D=p=>{f(o,p.previousIndex,p.currentIndex)};return(p,r)=>(e(),y("div",null,[n(t(v),{data:o.value,class:"list custom-drop-list","drop-sort-threshold":1,onDropped:r[0]||(r[0]=a=>D(a))},{placeholder:s(({cover:a})=>[l("picture",qs,[l("img",{src:a},null,8,Is)])]),default:s(()=>[(e(!0),y(_,null,E(o.value,a=>(e(),g(t(A),{key:a.name,class:"inline-block w-300",data:a},{default:s(()=>[l("span",null,b(a.name),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]))}});const xs=m(ks,[["__scopeId","data-v-a3ef8cfb"]]),ws={class:"drop-group"},Ss=B({__name:"dropListConnectTo",setup(c){const o=u(),D=K(()=>{var F;return[(F=o.value)==null?void 0:F.instance].filter(C=>!!C)}),p=u(["\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA","nostalgia","Dearly Beloved","\u84BC\u5D0E\u9752\u5B50","\u8C01\u304C\u4E3A\u306B","Sorrow","Dead's dream"]),r=u(["\u30B0\u30FC\u30E9\u9818/\u68EE\u6797","\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066","The Final Battle","Blood Upon the Snow","Old Soldiers Die Hard","Lost Again","I Really Want to Stay At Your House"]),a=F=>{const{container:C,previousContainer:i,previousIndex:h,currentIndex:L}=F;C!==i?S(i.data,C.data,h,L):f(C.data,h,L)};return(F,C)=>(e(),y("div",ws,[n(t(v),{ref_key:"dropListRef1",ref:o,class:"list drop-item",data:p.value},{default:s(()=>[(e(!0),y(_,null,E(p.value,i=>(e(),g(t(A),{key:i,class:"inline-block w-300",data:i,onDropped:a},{default:s(()=>[l("span",null,b(i),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"]),n(t(v),{class:"list drop-item","connect-to":D.value,data:r.value},{default:s(()=>[(e(!0),y(_,null,E(r.value,i=>(e(),g(t(A),{key:i,class:"inline-block w-300",data:i,onDropped:a},{default:s(()=>[l("span",null,b(i),1)]),_:2},1032,["data"]))),128))]),_:1},8,["connect-to","data"])]))}});const Ls=m(Ss,[["__scopeId","data-v-97889e04"]]),Ts=B({__name:"dropListGroup",setup(c){const o=u(["\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA","nostalgia","Dearly Beloved","\u84BC\u5D0E\u9752\u5B50","\u8C01\u304C\u4E3A\u306B","Sorrow","Dead's dream"]),D=u(["\u30B0\u30FC\u30E9\u9818/\u68EE\u6797","\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066","The Final Battle","Blood Upon the Snow","Old Soldiers Die Hard","Lost Again","I Really Want to Stay At Your House"]),p=r=>{const{container:a,previousContainer:F,previousIndex:C,currentIndex:i}=r;a!==F?S(F.data,a.data,C,i):f(a.data,C,i)};return(r,a)=>(e(),g(t(T),{class:"drop-group"},{default:s(()=>[n(t(v),{class:"list drop-item",data:o.value},{default:s(()=>[(e(!0),y(_,null,E(o.value,F=>(e(),g(t(A),{key:F,class:"inline-block w-300",data:F,onDropped:p},{default:s(()=>[l("span",null,b(F),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"]),n(t(v),{class:"list drop-item",data:D.value},{default:s(()=>[(e(!0),y(_,null,E(D.value,F=>(e(),g(t(A),{key:F,class:"inline-block w-300",data:F,onDropped:p},{default:s(()=>[l("span",null,b(F),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]),_:1}))}});const Rs=m(Ts,[["__scopeId","data-v-343c87ca"]]),Ps=B({__name:"dropListGroupEnterPredicate",setup(c){const o=u(["\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA","nostalgia","Dearly Beloved","\u84BC\u5D0E\u9752\u5B50","\u8C01\u304C\u4E3A\u306B","Sorrow","Dead's dream"]),D=u(["\u30B0\u30FC\u30E9\u9818/\u68EE\u6797","\u30B6\u30CA\u30EB\u30AB\u30F3\u30C9\u306B\u3066","The Final Battle","Blood Upon the Snow","Old Soldiers Die Hard","Lost Again","I Really Want to Stay At Your House"]),p=a=>a.data==="\u753A\u3001\u6642\u306E\u6D41\u308C\u3001\u4EBA",r=a=>{const{container:F,previousContainer:C,previousIndex:i,currentIndex:h}=a;F!==C?S(C.data,F.data,i,h):f(F.data,i,h)};return(a,F)=>(e(),g(t(T),{class:"drop-group"},{default:s(()=>[n(t(v),{class:"list drop-item",data:o.value,"enter-predicate":p},{default:s(()=>[(e(!0),y(_,null,E(o.value,C=>(e(),g(t(A),{key:C,class:"inline-block w-300",data:C,onDropped:r},{default:s(()=>[l("span",null,b(C),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"]),n(t(v),{class:"list drop-item",data:D.value,"enter-predicate":p},{default:s(()=>[(e(!0),y(_,null,E(D.value,C=>(e(),g(t(A),{key:C,class:"inline-block w-300",data:C,onDropped:r},{default:s(()=>[l("span",null,b(C),1)]),_:2},1032,["data"]))),128))]),_:1},8,["data"])]),_:1}))}});const Hs=m(Ps,[["__scopeId","data-v-4971a953"]]),js=d("",10),Gs={class:"wk-demo"},Ns=d("",6),Vs={class:"wk-demo"},Ms=d("",6),Ks={class:"wk-demo"},Js=d("",7),zs={class:"wk-demo"},Us=d("",6),Ws={class:"wk-demo"},Qs=d("",5),Os={class:"wk-demo"},Xs=d("",7),Ys={class:"wk-demo"},Zs=d("",6),$s={class:"wk-demo"},sn=d("",7),nn={class:"wk-demo"},an=d("",3),ln={class:"wk-demo"},pn=d("",3),on={class:"wk-demo"},en=d("",8),tn={class:"wk-demo"},cn=d("",56),Fn=JSON.parse('{"title":"Fat Drag Drop","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u521B\u5EFA\u4E00\u4E2A\u81EA\u5B9A\u4E49\u62D6\u62FD\u5143\u7D20","slug":"_1-\u521B\u5EFA\u4E00\u4E2A\u81EA\u5B9A\u4E49\u62D6\u62FD\u5143\u7D20","link":"#_1-\u521B\u5EFA\u4E00\u4E2A\u81EA\u5B9A\u4E49\u62D6\u62FD\u5143\u7D20","children":[]},{"level":2,"title":"2. \u81EA\u5B9A\u4E49\u89E6\u53D1\u5143\u7D20","slug":"_2-\u81EA\u5B9A\u4E49\u89E6\u53D1\u5143\u7D20","link":"#_2-\u81EA\u5B9A\u4E49\u89E6\u53D1\u5143\u7D20","children":[]},{"level":2,"title":"3. \u9650\u5236\u62D6\u62FD\u8303\u56F4","slug":"_3-\u9650\u5236\u62D6\u62FD\u8303\u56F4","link":"#_3-\u9650\u5236\u62D6\u62FD\u8303\u56F4","children":[]},{"level":2,"title":"4. \u7981\u7528\u62D6\u62FD","slug":"_4-\u7981\u7528\u62D6\u62FD","link":"#_4-\u7981\u7528\u62D6\u62FD","children":[]},{"level":2,"title":"5. \u62D6\u62FD\u5EF6\u8FDF","slug":"_5-\u62D6\u62FD\u5EF6\u8FDF","link":"#_5-\u62D6\u62FD\u5EF6\u8FDF","children":[]},{"level":2,"title":"6. \u5217\u8868\u6392\u5E8F","slug":"_6-\u5217\u8868\u6392\u5E8F","link":"#_6-\u5217\u8868\u6392\u5E8F","children":[]},{"level":2,"title":"7. \u6C34\u5E73\u5217\u8868\u6392\u5E8F","slug":"_7-\u6C34\u5E73\u5217\u8868\u6392\u5E8F","link":"#_7-\u6C34\u5E73\u5217\u8868\u6392\u5E8F","children":[]},{"level":2,"title":"8. \u81EA\u5B9A\u4E49\u9884\u89C8","slug":"_8-\u81EA\u5B9A\u4E49\u9884\u89C8","link":"#_8-\u81EA\u5B9A\u4E49\u9884\u89C8","children":[]},{"level":2,"title":"9. \u81EA\u5B9A\u4E49\u5360\u4F4D","slug":"_9-\u81EA\u5B9A\u4E49\u5360\u4F4D","link":"#_9-\u81EA\u5B9A\u4E49\u5360\u4F4D","children":[]},{"level":2,"title":"10. \u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD","slug":"_10-\u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD","link":"#_10-\u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD","children":[]},{"level":2,"title":"11. \u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD\u8FDB\u5165\u5224\u65AD","slug":"_11-\u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD\u8FDB\u5165\u5224\u65AD","link":"#_11-\u4E0D\u540C\u5217\u8868\u76F4\u63A5\u7684\u6570\u636E\u62D6\u62FD\u8FDB\u5165\u5224\u65AD","children":[]},{"level":2,"title":"12. API","slug":"_12-api","link":"#_12-api","children":[{"level":3,"title":"12.1 FatDragItem \u5C5E\u6027","slug":"_12-1-fatdragitem-\u5C5E\u6027","link":"#_12-1-fatdragitem-\u5C5E\u6027","children":[]},{"level":3,"title":"12.2 FatDragItem \u4E8B\u4EF6","slug":"_12-2-fatdragitem-\u4E8B\u4EF6","link":"#_12-2-fatdragitem-\u4E8B\u4EF6","children":[]},{"level":3,"title":"12.3 FatDragItem \u5B9E\u4F8B\u65B9\u6CD5","slug":"_12-3-fatdragitem-\u5B9E\u4F8B\u65B9\u6CD5","link":"#_12-3-fatdragitem-\u5B9E\u4F8B\u65B9\u6CD5","children":[]},{"level":3,"title":"12.4 FatDragItem \u63D2\u69FD","slug":"_12-4-fatdragitem-\u63D2\u69FD","link":"#_12-4-fatdragitem-\u63D2\u69FD","children":[]},{"level":3,"title":"12.5 FatDropList \u5C5E\u6027","slug":"_12-5-fatdroplist-\u5C5E\u6027","link":"#_12-5-fatdroplist-\u5C5E\u6027","children":[]},{"level":3,"title":"12.6 FatDropList \u4E8B\u4EF6","slug":"_12-6-fatdroplist-\u4E8B\u4EF6","link":"#_12-6-fatdroplist-\u4E8B\u4EF6","children":[]},{"level":3,"title":"12.7 FatDropList \u5B9E\u4F8B\u65B9\u6CD5","slug":"_12-7-fatdroplist-\u5B9E\u4F8B\u65B9\u6CD5","link":"#_12-7-fatdroplist-\u5B9E\u4F8B\u65B9\u6CD5","children":[]},{"level":3,"title":"12.8 FatDropList \u63D2\u69FD","slug":"_12-8-fatdroplist-\u63D2\u69FD","link":"#_12-8-fatdroplist-\u63D2\u69FD","children":[]},{"level":3,"title":"12.9 FatDragHandler \u5C5E\u6027","slug":"_12-9-fatdraghandler-\u5C5E\u6027","link":"#_12-9-fatdraghandler-\u5C5E\u6027","children":[]}]}],"relativePath":"fat-drag-drop/index.md","lastUpdated":1719310312000}'),Dn={name:"fat-drag-drop/index.md"},yn=Object.assign(Dn,{setup(c){return(o,D)=>{const p=J("ClientOnly");return e(),y("div",null,[js,n(p,null,{default:s(()=>[l("div",Gs,[n(Z)])]),_:1}),Ns,n(p,null,{default:s(()=>[l("div",Vs,[n(as)])]),_:1}),Ms,n(p,null,{default:s(()=>[l("div",Ks,[n(rs)])]),_:1}),Js,n(p,null,{default:s(()=>[l("div",zs,[n(As)])]),_:1}),Us,n(p,null,{default:s(()=>[l("div",Ws,[n(gs)])]),_:1}),Qs,n(p,null,{default:s(()=>[l("div",Os,[n(ms)])]),_:1}),Xs,n(p,null,{default:s(()=>[l("div",Ys,[n(Es)])]),_:1}),Zs,n(p,null,{default:s(()=>[l("div",$s,[n(hs)])]),_:1}),sn,n(p,null,{default:s(()=>[l("div",nn,[n(xs)])]),_:1}),an,n(p,null,{default:s(()=>[l("div",ln,[n(Ls)])]),_:1}),pn,n(p,null,{default:s(()=>[l("div",on,[n(Rs)])]),_:1}),en,n(p,null,{default:s(()=>[l("div",tn,[n(Hs)])]),_:1}),cn])}}});export{Fn as __pageData,yn as default}; diff --git a/assets/fat-drag-item-events.2e2749bf.png b/assets/fat-drag-item-events.2e2749bf.png new file mode 100644 index 0000000..cabf1e9 Binary files /dev/null and b/assets/fat-drag-item-events.2e2749bf.png differ diff --git a/assets/fat-drag-item-props.f7c01ec9.png b/assets/fat-drag-item-props.f7c01ec9.png new file mode 100644 index 0000000..33a2941 Binary files /dev/null and b/assets/fat-drag-item-props.f7c01ec9.png differ diff --git a/assets/fat-drop-list-events.366582d9.png b/assets/fat-drop-list-events.366582d9.png new file mode 100644 index 0000000..4e1033e Binary files /dev/null and b/assets/fat-drop-list-events.366582d9.png differ diff --git a/assets/fat-drop-list-props.d87acabe.png b/assets/fat-drop-list-props.d87acabe.png new file mode 100644 index 0000000..4ae5eac Binary files /dev/null and b/assets/fat-drop-list-props.d87acabe.png differ diff --git a/assets/fat-form-api.30f5ff5e.png b/assets/fat-form-api.30f5ff5e.png new file mode 100644 index 0000000..7d9a3fa Binary files /dev/null and b/assets/fat-form-api.30f5ff5e.png differ diff --git a/assets/fat-form-drawer.bfc11dc1.png b/assets/fat-form-drawer.bfc11dc1.png new file mode 100644 index 0000000..0280c1a Binary files /dev/null and b/assets/fat-form-drawer.bfc11dc1.png differ diff --git a/assets/fat-form-events.100df51b.png b/assets/fat-form-events.100df51b.png new file mode 100644 index 0000000..7ac0c6f Binary files /dev/null and b/assets/fat-form-events.100df51b.png differ diff --git a/assets/fat-form-group.da50a352.png b/assets/fat-form-group.da50a352.png new file mode 100644 index 0000000..ad61064 Binary files /dev/null and b/assets/fat-form-group.da50a352.png differ diff --git a/assets/fat-form-item.97ea614d.png b/assets/fat-form-item.97ea614d.png new file mode 100644 index 0000000..87bd442 Binary files /dev/null and b/assets/fat-form-item.97ea614d.png differ diff --git a/assets/fat-form-layout_drawer.md.570064cd.js b/assets/fat-form-layout_drawer.md.570064cd.js new file mode 100644 index 0000000..3f8a518 --- /dev/null +++ b/assets/fat-form-layout_drawer.md.570064cd.js @@ -0,0 +1,188 @@ +import{d as f,S as g,s as v,T as w,a as m,o as c,c as F,f as o,g as d,b as t,K as b,L as h,w as y,e as D,E as B,G as C,U as x,V as q,m as E}from"./app.56f20909.js";const k="/components/assets/fat-form-drawer.bfc11dc1.png",T=f({__name:"Drawer",setup(_){const e=g(),p=v([]),r=()=>{var s;(s=e.value)==null||s.open({title:"\u65B0\u5EFA",initialValue:{name:"",sex:0}})},A=s=>{var n;(n=e.value)==null||n.open({title:"\u7F16\u8F91",initialValue:s})},i=w(({item:s})=>()=>({async submit(n){if(n.id){const a=p.findIndex(l=>l.id===n.id);p[a]=n}else p.push({id:Date.now(),...n})},onFinish(n){B.success("\u4FDD\u5B58\u6210\u529F")},children:[s({label:"\u540D\u79F0",prop:"name"}),s({prop:"sex",label:"\u6027\u522B",valueType:"select",valueProps:{options:[{label:"\u7537",value:0},{label:"\u5973",value:1}]}})]}));return(s,n)=>{const a=m("el-button");return c(),F("div",null,[o(d(i),{ref_key:"drawerRef",ref:e},null,512),t("div",null,[t("ul",null,[(c(!0),F(b,null,h(p,l=>(c(),F("li",{key:l.id},[D(C(l.name)+": "+C(l.sex===0?"\u7537":"\u5973")+" ",1),o(a,{onClick:u=>A(l)},{default:y(()=>[D("\u7F16\u8F91")]),_:2},1032,["onClick"])]))),128))])]),t("div",null,[o(a,{onClick:r},{default:y(()=>[D("\u65B0\u5EFA")]),_:1})])])}}}),S=f({__name:"DrawerWithSteps",setup(_){const e=g(),p=v([]),r=()=>{var s;(s=e.value)==null||s.open({title:"\u65B0\u5EFA",initialValue:{name:"",sex:0}})},A=s=>{var n;(n=e.value)==null||n.open({title:"\u7F16\u8F91",initialValue:s})},i=x(({item:s,step:n})=>()=>({async submit(a){if(a.id){const l=p.findIndex(u=>u.id===a.id);p[l]=a}else p.push({id:Date.now(),...a})},onFinish(a){B.success("\u4FDD\u5B58\u6210\u529F")},children:[n({title:"\u7B2C\u4E00\u6B65",children:[s({label:"\u540D\u79F0",prop:"name",required:!0})]}),n({title:"\u7B2C\u4E8C\u6B65",children:[s({prop:"sex",label:"\u6027\u522B",valueType:"select",valueProps:{options:[{label:"\u7537",value:0},{label:"\u5973",value:1}]}})]})]}));return(s,n)=>{const a=m("el-button");return c(),F("div",null,[o(d(q),{ref_key:"drawerRef",ref:e,form:d(i)},null,8,["form"]),t("div",null,[t("ul",null,[(c(!0),F(b,null,h(p,l=>(c(),F("li",{key:l.id},[D(C(l.name)+": "+C(l.sex===0?"\u7537":"\u5973")+" ",1),o(a,{onClick:u=>A(l)},{default:y(()=>[D("\u7F16\u8F91")]),_:2},1032,["onClick"])]))),128))])]),t("div",null,[o(a,{onClick:r},{default:y(()=>[D("\u65B0\u5EFA")]),_:1})])])}}}),R=E('

FatFormDrawer \u8868\u5355\u62BD\u5C49

FatFormDrawer \u548C FatFormModal \u7684 API \u57FA\u672C\u4E00\u81F4\u3002

FatFormDrawer \u662F FatForm \u9488\u5BF9 \u62BD\u5C49\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002\u9002\u7528\u4E8E\u5F39\u7A97\u5F0F\u7684\u8868\u5355\u521B\u5EFA\u3001\u7F16\u8F91\u9700\u6C42\u3002



\u793A\u4F8B

',6),V={class:"wk-demo"},P=E(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <CreateOrEditDrawer ref="drawerRef" />
+
+    <div>
+      <ul>
+        <li v-for="item of list" :key="item.id">
+          {{ item.name }}: {{ item.sex === 0 ? '\u7537' : '\u5973' }}
+          <el-button @click="handleEdit(item)">\u7F16\u8F91</el-button>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <el-button @click="handleCreate">\u65B0\u5EFA</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatFormDrawer, useFatFormDrawerRef } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { reactive } from 'vue';
+
+  interface Data {
+    /**
+     * \u7F16\u8F91\u65F6\u5B58\u5728
+     */
+    id?: number;
+    name: string;
+    sex: number;
+  }
+
+  const drawerRef = useFatFormDrawerRef<Data>();
+  const list = reactive<Data[]>([]);
+
+  const handleCreate = () => {
+    drawerRef.value?.open({
+      title: '\u65B0\u5EFA',
+      initialValue: { name: '', sex: 0 },
+    });
+  };
+
+  const handleEdit = (item: Data) => {
+    drawerRef.value?.open({
+      title: '\u7F16\u8F91',
+      initialValue: item,
+    });
+  };
+
+  const CreateOrEditDrawer = defineFatFormDrawer<Data>(({ item }) => {
+    return () => ({
+      async submit(values) {
+        // \u5728\u8FD9\u91CC\u8C03\u7528\u4FDD\u5B58\u63A5\u53E3
+        if (values.id) {
+          // \u7F16\u8F91
+          const idx = list.findIndex(i => i.id === values.id);
+          list[idx] = values;
+        } else {
+          // \u65B0\u5EFA
+          list.push({ id: Date.now(), ...values });
+        }
+      },
+      onFinish(values) {
+        // \u4FDD\u5B58\u6210\u529F\uFF0C\u53EF\u4EE5\u5728\u8FD9\u91CC\u8FDB\u884C\u5217\u8868\u5237\u65B0\u4E4B\u7C7B\u7684\u64CD\u4F5C
+        ElMessage.success('\u4FDD\u5B58\u6210\u529F');
+      },
+      children: [
+        item({
+          label: '\u540D\u79F0',
+          prop: 'name',
+        }),
+        item({
+          prop: 'sex',
+          label: '\u6027\u522B',
+          valueType: 'select',
+          valueProps: {
+            options: [
+              { label: '\u7537', value: 0 },
+              { label: '\u5973', value: 1 },
+            ],
+          },
+        }),
+      ],
+    });
+  });
+</script>
+




FatFormSteps\u3001FatFormTabs \u7B49 FatForm \u7684'\u5B50\u7C7B' \u4E5F\u652F\u6301\u548C FatFormDrawer \u914D\u5408\u4F7F\u7528

`,6),I={class:"wk-demo"},M=E(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <FatFormDrawer ref="drawerRef" :form="MySteps" />
+
+    <div>
+      <ul>
+        <li v-for="item of list" :key="item.id">
+          {{ item.name }}: {{ item.sex === 0 ? '\u7537' : '\u5973' }}
+          <el-button @click="handleEdit(item)">\u7F16\u8F91</el-button>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <el-button @click="handleCreate">\u65B0\u5EFA</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { FatFormDrawer, defineFatFormSteps, useFatFormDrawerRef } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { reactive } from 'vue';
+
+  interface Data {
+    /**
+     * \u7F16\u8F91\u65F6\u5B58\u5728
+     */
+    id?: number;
+    name: string;
+    sex: number;
+  }
+
+  const drawerRef = useFatFormDrawerRef<Data>();
+  const list = reactive<Data[]>([]);
+
+  const handleCreate = () => {
+    drawerRef.value?.open({
+      title: '\u65B0\u5EFA',
+      initialValue: { name: '', sex: 0 },
+    });
+  };
+
+  const handleEdit = (item: Data) => {
+    drawerRef.value?.open({
+      title: '\u7F16\u8F91',
+      initialValue: item,
+    });
+  };
+
+  const MySteps = defineFatFormSteps<Data>(({ item, step }) => {
+    return () => {
+      return {
+        async submit(values) {
+          // \u5728\u8FD9\u91CC\u8C03\u7528\u4FDD\u5B58\u63A5\u53E3
+          if (values.id) {
+            // \u7F16\u8F91
+            const idx = list.findIndex(i => i.id === values.id);
+            list[idx] = values;
+          } else {
+            // \u65B0\u5EFA
+            list.push({ id: Date.now(), ...values });
+          }
+        },
+        onFinish(values) {
+          // \u4FDD\u5B58\u6210\u529F\uFF0C\u53EF\u4EE5\u5728\u8FD9\u91CC\u8FDB\u884C\u5217\u8868\u5237\u65B0\u4E4B\u7C7B\u7684\u64CD\u4F5C
+          ElMessage.success('\u4FDD\u5B58\u6210\u529F');
+        },
+        children: [
+          step({
+            title: '\u7B2C\u4E00\u6B65',
+            children: [
+              item({
+                label: '\u540D\u79F0',
+                prop: 'name',
+                required: true,
+              }),
+            ],
+          }),
+          step({
+            title: '\u7B2C\u4E8C\u6B65',
+            children: [
+              item({
+                prop: 'sex',
+                label: '\u6027\u522B',
+                valueType: 'select',
+                valueProps: {
+                  options: [
+                    { label: '\u7537', value: 0 },
+                    { label: '\u5973', value: 1 },
+                  ],
+                },
+              }),
+            ],
+          }),
+        ],
+      };
+    };
+  });
+</script>
+




API




',10),$=JSON.parse('{"title":"FatFormDrawer \u8868\u5355\u62BD\u5C49","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/drawer.md","lastUpdated":1719310312000}'),N={name:"fat-form-layout/drawer.md"},L=Object.assign(N,{setup(_){return(e,p)=>{const r=m("ClientOnly");return c(),F("div",null,[R,o(r,null,{default:y(()=>[t("div",V,[o(T)])]),_:1}),P,o(r,null,{default:y(()=>[t("div",I,[o(S)])]),_:1}),M])}}});export{$ as __pageData,L as default}; diff --git a/assets/fat-form-layout_drawer.md.570064cd.lean.js b/assets/fat-form-layout_drawer.md.570064cd.lean.js new file mode 100644 index 0000000..3793958 --- /dev/null +++ b/assets/fat-form-layout_drawer.md.570064cd.lean.js @@ -0,0 +1 @@ +import{d as f,S as g,s as v,T as w,a as m,o as c,c as F,f as o,g as d,b as t,K as b,L as h,w as y,e as D,E as B,G as C,U as x,V as q,m as E}from"./app.56f20909.js";const k="/components/assets/fat-form-drawer.bfc11dc1.png",T=f({__name:"Drawer",setup(_){const e=g(),p=v([]),r=()=>{var s;(s=e.value)==null||s.open({title:"\u65B0\u5EFA",initialValue:{name:"",sex:0}})},A=s=>{var n;(n=e.value)==null||n.open({title:"\u7F16\u8F91",initialValue:s})},i=w(({item:s})=>()=>({async submit(n){if(n.id){const a=p.findIndex(l=>l.id===n.id);p[a]=n}else p.push({id:Date.now(),...n})},onFinish(n){B.success("\u4FDD\u5B58\u6210\u529F")},children:[s({label:"\u540D\u79F0",prop:"name"}),s({prop:"sex",label:"\u6027\u522B",valueType:"select",valueProps:{options:[{label:"\u7537",value:0},{label:"\u5973",value:1}]}})]}));return(s,n)=>{const a=m("el-button");return c(),F("div",null,[o(d(i),{ref_key:"drawerRef",ref:e},null,512),t("div",null,[t("ul",null,[(c(!0),F(b,null,h(p,l=>(c(),F("li",{key:l.id},[D(C(l.name)+": "+C(l.sex===0?"\u7537":"\u5973")+" ",1),o(a,{onClick:u=>A(l)},{default:y(()=>[D("\u7F16\u8F91")]),_:2},1032,["onClick"])]))),128))])]),t("div",null,[o(a,{onClick:r},{default:y(()=>[D("\u65B0\u5EFA")]),_:1})])])}}}),S=f({__name:"DrawerWithSteps",setup(_){const e=g(),p=v([]),r=()=>{var s;(s=e.value)==null||s.open({title:"\u65B0\u5EFA",initialValue:{name:"",sex:0}})},A=s=>{var n;(n=e.value)==null||n.open({title:"\u7F16\u8F91",initialValue:s})},i=x(({item:s,step:n})=>()=>({async submit(a){if(a.id){const l=p.findIndex(u=>u.id===a.id);p[l]=a}else p.push({id:Date.now(),...a})},onFinish(a){B.success("\u4FDD\u5B58\u6210\u529F")},children:[n({title:"\u7B2C\u4E00\u6B65",children:[s({label:"\u540D\u79F0",prop:"name",required:!0})]}),n({title:"\u7B2C\u4E8C\u6B65",children:[s({prop:"sex",label:"\u6027\u522B",valueType:"select",valueProps:{options:[{label:"\u7537",value:0},{label:"\u5973",value:1}]}})]})]}));return(s,n)=>{const a=m("el-button");return c(),F("div",null,[o(d(q),{ref_key:"drawerRef",ref:e,form:d(i)},null,8,["form"]),t("div",null,[t("ul",null,[(c(!0),F(b,null,h(p,l=>(c(),F("li",{key:l.id},[D(C(l.name)+": "+C(l.sex===0?"\u7537":"\u5973")+" ",1),o(a,{onClick:u=>A(l)},{default:y(()=>[D("\u7F16\u8F91")]),_:2},1032,["onClick"])]))),128))])]),t("div",null,[o(a,{onClick:r},{default:y(()=>[D("\u65B0\u5EFA")]),_:1})])])}}}),R=E("",6),V={class:"wk-demo"},P=E("",6),I={class:"wk-demo"},M=E("",10),$=JSON.parse('{"title":"FatFormDrawer \u8868\u5355\u62BD\u5C49","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/drawer.md","lastUpdated":1719310312000}'),N={name:"fat-form-layout/drawer.md"},L=Object.assign(N,{setup(_){return(e,p)=>{const r=m("ClientOnly");return c(),F("div",null,[R,o(r,null,{default:y(()=>[t("div",V,[o(T)])]),_:1}),P,o(r,null,{default:y(()=>[t("div",I,[o(S)])]),_:1}),M])}}});export{$ as __pageData,L as default}; diff --git a/assets/fat-form-layout_modal.md.bc2dd1da.js b/assets/fat-form-layout_modal.md.bc2dd1da.js new file mode 100644 index 0000000..2c644f9 --- /dev/null +++ b/assets/fat-form-layout_modal.md.bc2dd1da.js @@ -0,0 +1,200 @@ +import{d as _,W as g,s as f,X as v,a as d,o as r,c as D,f as e,g as b,b as n,K as h,L as B,w as C,e as t,E as x,G as A,Y as k,m as M}from"./app.56f20909.js";const q="/components/assets/fat-form-modal.bf6e814c.png",T=_({__name:"Modal",setup(m){const c=g(),p=f([]),y=()=>{var o;(o=c.value)==null||o.open({title:"\u65B0\u5EFA",initialValue:{name:"",sex:0}})},i=o=>{var s;(s=c.value)==null||s.open({title:"\u7F16\u8F91",initialValue:o})},u=v(({item:o})=>()=>({async submit(s){if(s.id){const l=p.findIndex(a=>a.id===s.id);p[l]=s}else p.push({id:Date.now(),...s})},onFinish(s){x.success("\u4FDD\u5B58\u6210\u529F")},children:[o({label:"\u540D\u79F0",prop:"name"}),o({prop:"sex",label:"\u6027\u522B",valueType:"select",valueProps:{options:[{label:"\u7537",value:0},{label:"\u5973",value:1}]}})]}));return(o,s)=>{const l=d("el-button");return r(),D("div",null,[e(b(u),{ref_key:"modalRef",ref:c},null,512),n("div",null,[n("ul",null,[(r(!0),D(h,null,B(p,a=>(r(),D("li",{key:a.id},[t(A(a.name)+": "+A(a.sex===0?"\u7537":"\u5973")+" ",1),e(l,{onClick:F=>i(a)},{default:C(()=>[t("\u7F16\u8F91")]),_:2},1032,["onClick"])]))),128))])]),n("div",null,[e(l,{onClick:y},{default:C(()=>[t("\u65B0\u5EFA")]),_:1})])])}}}),R=_({__name:"ModalWithTabs",setup(m){const c=g(),p=f([]),y=()=>{var s;(s=c.value)==null||s.open({title:"\u65B0\u5EFA",initialValue:{name:"",sex:0}})},i=s=>{var l;(l=c.value)==null||l.open({title:"\u7F16\u8F91",initialValue:s})},u=k(({item:s,tabPane:l})=>()=>({async submit(a){if(a.id){const F=p.findIndex(E=>E.id===a.id);p[F]=a}else p.push({id:Date.now(),...a})},onFinish(a){x.success("\u4FDD\u5B58\u6210\u529F")},children:[l({name:"first",label:"\u7B2C\u4E00\u4E2A",children:[s({label:"\u540D\u79F0",prop:"name",required:!0})]}),l({name:"second",label:"\u7B2C\u4E8C\u4E2A",children:[s({prop:"sex",label:"\u6027\u522B",valueType:"select",valueProps:{options:[{label:"\u7537",value:0},{label:"\u5973",value:1}]}})]})]})),o=v(()=>()=>({Form:u,class:"my-modal-form"}));return(s,l)=>{const a=d("el-button");return r(),D("div",null,[e(b(o),{ref_key:"modalRef",ref:c},null,512),n("div",null,[n("ul",null,[(r(!0),D(h,null,B(p,F=>(r(),D("li",{key:F.id},[t(A(F.name)+": "+A(F.sex===0?"\u7537":"\u5973")+" ",1),e(a,{onClick:E=>i(F)},{default:C(()=>[t("\u7F16\u8F91")]),_:2},1032,["onClick"])]))),128))])]),n("div",null,[e(a,{onClick:y},{default:C(()=>[t("\u65B0\u5EFA")]),_:1})])])}}});const V=n("h1",{id:"fatformmodal-\u8868\u5355\u6A21\u6001\u6846",tabindex:"-1"},[t("FatFormModal \u8868\u5355\u6A21\u6001\u6846 "),n("a",{class:"header-anchor",href:"#fatformmodal-\u8868\u5355\u6A21\u6001\u6846","aria-hidden":"true"},"#")],-1),P=n("p",null,[n("code",null,"FatFormModal"),t(" \u662F FatForm \u9488\u5BF9 \u6A21\u6001\u6846\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002\u9002\u7528\u4E8E\u5F39\u7A97\u5F0F\u7684\u8868\u5355\u521B\u5EFA\u3001\u7F16\u8F91\u9700\u6C42\u3002")],-1),w=n("br",null,null,-1),I=n("br",null,null,-1),O=n("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[t("\u793A\u4F8B "),n("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),S={class:"wk-demo"},N=M(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <CreateOrEditModal ref="modalRef" />
+
+    <div>
+      <ul>
+        <li v-for="item of list" :key="item.id">
+          {{ item.name }}: {{ item.sex === 0 ? '\u7537' : '\u5973' }}
+          <el-button @click="handleEdit(item)">\u7F16\u8F91</el-button>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <el-button @click="handleCreate">\u65B0\u5EFA</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatFormModal, useFatFormModalRef } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { reactive } from 'vue';
+
+  interface Data {
+    /**
+     * \u7F16\u8F91\u65F6\u5B58\u5728
+     */
+    id?: number;
+    name: string;
+    sex: number;
+  }
+
+  const modalRef = useFatFormModalRef<Data>();
+  const list = reactive<Data[]>([]);
+
+  const handleCreate = () => {
+    modalRef.value?.open({
+      title: '\u65B0\u5EFA',
+      initialValue: { name: '', sex: 0 },
+    });
+  };
+
+  const handleEdit = (item: Data) => {
+    modalRef.value?.open({
+      title: '\u7F16\u8F91',
+      initialValue: item,
+    });
+  };
+
+  const CreateOrEditModal = defineFatFormModal<Data>(({ item }) => {
+    return () => ({
+      async submit(values) {
+        // \u5728\u8FD9\u91CC\u8C03\u7528\u4FDD\u5B58\u63A5\u53E3
+        if (values.id) {
+          // \u7F16\u8F91
+          const idx = list.findIndex(i => i.id === values.id);
+          list[idx] = values;
+        } else {
+          // \u65B0\u5EFA
+          list.push({ id: Date.now(), ...values });
+        }
+      },
+      onFinish(values) {
+        // \u4FDD\u5B58\u6210\u529F\uFF0C\u53EF\u4EE5\u5728\u8FD9\u91CC\u8FDB\u884C\u5217\u8868\u5237\u65B0\u4E4B\u7C7B\u7684\u64CD\u4F5C
+        ElMessage.success('\u4FDD\u5B58\u6210\u529F');
+      },
+      children: [
+        item({
+          label: '\u540D\u79F0',
+          prop: 'name',
+        }),
+        item({
+          prop: 'sex',
+          label: '\u6027\u522B',
+          valueType: 'select',
+          valueProps: {
+            options: [
+              { label: '\u7537', value: 0 },
+              { label: '\u5973', value: 1 },
+            ],
+          },
+        }),
+      ],
+    });
+  });
+</script>
+



FatFormSteps\u3001FatFormTabs \u7B49 FatForm \u7684'\u5B50\u7C7B' \u4E5F\u652F\u6301\u548C FatFormModal \u914D\u5408\u4F7F\u7528

`,5),$={class:"wk-demo"},W=M(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <CreateOrEditModal ref="modalRef" />
+
+    <div>
+      <ul>
+        <li v-for="item of list" :key="item.id">
+          {{ item.name }}: {{ item.sex === 0 ? '\u7537' : '\u5973' }}
+          <el-button @click="handleEdit(item)">\u7F16\u8F91</el-button>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <el-button @click="handleCreate">\u65B0\u5EFA</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatFormModal, defineFatFormTabs, useFatFormModalRef } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { reactive } from 'vue';
+
+  interface Data {
+    /**
+     * \u7F16\u8F91\u65F6\u5B58\u5728
+     */
+    id?: number;
+    name: string;
+    sex: number;
+  }
+
+  const modalRef = useFatFormModalRef<Data>();
+  const list = reactive<Data[]>([]);
+
+  const handleCreate = () => {
+    modalRef.value?.open({
+      title: '\u65B0\u5EFA',
+      initialValue: { name: '', sex: 0 },
+    });
+  };
+
+  const handleEdit = (item: Data) => {
+    modalRef.value?.open({
+      title: '\u7F16\u8F91',
+      initialValue: item,
+    });
+  };
+
+  const MyTabsForm = defineFatFormTabs<Data>(({ item, tabPane }) => {
+    return () => ({
+      async submit(values) {
+        // \u5728\u8FD9\u91CC\u8C03\u7528\u4FDD\u5B58\u63A5\u53E3
+        if (values.id) {
+          // \u7F16\u8F91
+          const idx = list.findIndex(i => i.id === values.id);
+          list[idx] = values;
+        } else {
+          // \u65B0\u5EFA
+          list.push({ id: Date.now(), ...values });
+        }
+      },
+      onFinish(values) {
+        // \u4FDD\u5B58\u6210\u529F\uFF0C\u53EF\u4EE5\u5728\u8FD9\u91CC\u8FDB\u884C\u5217\u8868\u5237\u65B0\u4E4B\u7C7B\u7684\u64CD\u4F5C
+        ElMessage.success('\u4FDD\u5B58\u6210\u529F');
+      },
+      children: [
+        tabPane({
+          name: 'first',
+          label: '\u7B2C\u4E00\u4E2A',
+          children: [
+            item({
+              label: '\u540D\u79F0',
+              prop: 'name',
+              required: true,
+            }),
+          ],
+        }),
+
+        tabPane({
+          name: 'second',
+          label: '\u7B2C\u4E8C\u4E2A',
+          children: [
+            item({
+              prop: 'sex',
+              label: '\u6027\u522B',
+              valueType: 'select',
+              valueProps: {
+                options: [
+                  { label: '\u7537', value: 0 },
+                  { label: '\u5973', value: 1 },
+                ],
+              },
+            }),
+          ],
+        }),
+      ],
+    });
+  });
+
+  const CreateOrEditModal = defineFatFormModal<Data>(() => {
+    return () => ({ Form: MyTabsForm, class: 'my-modal-form' });
+  });
+</script>
+
+<!-- eslint-disable-next-line wkvue/no-style-scoped -->
+<style>
+  .my-modal-form .el-dialog__body {
+    padding-top: 0px;
+  }
+</style>
+




API




',10),G=JSON.parse('{"title":"FatFormModal \u8868\u5355\u6A21\u6001\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/modal.md","lastUpdated":1719310312000}'),L={name:"fat-form-layout/modal.md"},J=Object.assign(L,{setup(m){return(c,p)=>{const y=d("ClientOnly");return r(),D("div",null,[V,P,w,I,O,e(y,null,{default:C(()=>[n("div",S,[e(T)])]),_:1}),N,e(y,null,{default:C(()=>[n("div",$,[e(R)])]),_:1}),W])}}});export{G as __pageData,J as default}; diff --git a/assets/fat-form-layout_modal.md.bc2dd1da.lean.js b/assets/fat-form-layout_modal.md.bc2dd1da.lean.js new file mode 100644 index 0000000..d4d6813 --- /dev/null +++ b/assets/fat-form-layout_modal.md.bc2dd1da.lean.js @@ -0,0 +1 @@ +import{d as _,W as g,s as f,X as v,a as d,o as r,c as D,f as e,g as b,b as n,K as h,L as B,w as C,e as t,E as x,G as A,Y as k,m as M}from"./app.56f20909.js";const q="/components/assets/fat-form-modal.bf6e814c.png",T=_({__name:"Modal",setup(m){const c=g(),p=f([]),y=()=>{var o;(o=c.value)==null||o.open({title:"\u65B0\u5EFA",initialValue:{name:"",sex:0}})},i=o=>{var s;(s=c.value)==null||s.open({title:"\u7F16\u8F91",initialValue:o})},u=v(({item:o})=>()=>({async submit(s){if(s.id){const l=p.findIndex(a=>a.id===s.id);p[l]=s}else p.push({id:Date.now(),...s})},onFinish(s){x.success("\u4FDD\u5B58\u6210\u529F")},children:[o({label:"\u540D\u79F0",prop:"name"}),o({prop:"sex",label:"\u6027\u522B",valueType:"select",valueProps:{options:[{label:"\u7537",value:0},{label:"\u5973",value:1}]}})]}));return(o,s)=>{const l=d("el-button");return r(),D("div",null,[e(b(u),{ref_key:"modalRef",ref:c},null,512),n("div",null,[n("ul",null,[(r(!0),D(h,null,B(p,a=>(r(),D("li",{key:a.id},[t(A(a.name)+": "+A(a.sex===0?"\u7537":"\u5973")+" ",1),e(l,{onClick:F=>i(a)},{default:C(()=>[t("\u7F16\u8F91")]),_:2},1032,["onClick"])]))),128))])]),n("div",null,[e(l,{onClick:y},{default:C(()=>[t("\u65B0\u5EFA")]),_:1})])])}}}),R=_({__name:"ModalWithTabs",setup(m){const c=g(),p=f([]),y=()=>{var s;(s=c.value)==null||s.open({title:"\u65B0\u5EFA",initialValue:{name:"",sex:0}})},i=s=>{var l;(l=c.value)==null||l.open({title:"\u7F16\u8F91",initialValue:s})},u=k(({item:s,tabPane:l})=>()=>({async submit(a){if(a.id){const F=p.findIndex(E=>E.id===a.id);p[F]=a}else p.push({id:Date.now(),...a})},onFinish(a){x.success("\u4FDD\u5B58\u6210\u529F")},children:[l({name:"first",label:"\u7B2C\u4E00\u4E2A",children:[s({label:"\u540D\u79F0",prop:"name",required:!0})]}),l({name:"second",label:"\u7B2C\u4E8C\u4E2A",children:[s({prop:"sex",label:"\u6027\u522B",valueType:"select",valueProps:{options:[{label:"\u7537",value:0},{label:"\u5973",value:1}]}})]})]})),o=v(()=>()=>({Form:u,class:"my-modal-form"}));return(s,l)=>{const a=d("el-button");return r(),D("div",null,[e(b(o),{ref_key:"modalRef",ref:c},null,512),n("div",null,[n("ul",null,[(r(!0),D(h,null,B(p,F=>(r(),D("li",{key:F.id},[t(A(F.name)+": "+A(F.sex===0?"\u7537":"\u5973")+" ",1),e(a,{onClick:E=>i(F)},{default:C(()=>[t("\u7F16\u8F91")]),_:2},1032,["onClick"])]))),128))])]),n("div",null,[e(a,{onClick:y},{default:C(()=>[t("\u65B0\u5EFA")]),_:1})])])}}});const V=n("h1",{id:"fatformmodal-\u8868\u5355\u6A21\u6001\u6846",tabindex:"-1"},[t("FatFormModal \u8868\u5355\u6A21\u6001\u6846 "),n("a",{class:"header-anchor",href:"#fatformmodal-\u8868\u5355\u6A21\u6001\u6846","aria-hidden":"true"},"#")],-1),P=n("p",null,[n("code",null,"FatFormModal"),t(" \u662F FatForm \u9488\u5BF9 \u6A21\u6001\u6846\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002\u9002\u7528\u4E8E\u5F39\u7A97\u5F0F\u7684\u8868\u5355\u521B\u5EFA\u3001\u7F16\u8F91\u9700\u6C42\u3002")],-1),w=n("br",null,null,-1),I=n("br",null,null,-1),O=n("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[t("\u793A\u4F8B "),n("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),S={class:"wk-demo"},N=M("",5),$={class:"wk-demo"},W=M("",10),G=JSON.parse('{"title":"FatFormModal \u8868\u5355\u6A21\u6001\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/modal.md","lastUpdated":1719310312000}'),L={name:"fat-form-layout/modal.md"},J=Object.assign(L,{setup(m){return(c,p)=>{const y=d("ClientOnly");return r(),D("div",null,[V,P,w,I,O,e(y,null,{default:C(()=>[n("div",S,[e(T)])]),_:1}),N,e(y,null,{default:C(()=>[n("div",$,[e(R)])]),_:1}),W])}}});export{G as __pageData,J as default}; diff --git a/assets/fat-form-layout_page-complex.demo.md.f62a81ae.js b/assets/fat-form-layout_page-complex.demo.md.f62a81ae.js new file mode 100644 index 0000000..e7a685c --- /dev/null +++ b/assets/fat-form-layout_page-complex.demo.md.f62a81ae.js @@ -0,0 +1 @@ +import{P as a}from"./chunks/PageComplex.417eef4e.js";import{a as o,o as s,c as l,f as e,w as n,b as r,g as c}from"./app.56f20909.js";const m={class:"wk-demo"},g=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/page-complex.demo.md","lastUpdated":1719310312000}'),d={name:"fat-form-layout/page-complex.demo.md"},h=Object.assign(d,{setup(p){return(_,f)=>{const t=o("ClientOnly");return s(),l("div",null,[e(t,null,{default:n(()=>[r("div",m,[e(c(a))])]),_:1})])}}});export{g as __pageData,h as default}; diff --git a/assets/fat-form-layout_page-complex.demo.md.f62a81ae.lean.js b/assets/fat-form-layout_page-complex.demo.md.f62a81ae.lean.js new file mode 100644 index 0000000..e7a685c --- /dev/null +++ b/assets/fat-form-layout_page-complex.demo.md.f62a81ae.lean.js @@ -0,0 +1 @@ +import{P as a}from"./chunks/PageComplex.417eef4e.js";import{a as o,o as s,c as l,f as e,w as n,b as r,g as c}from"./app.56f20909.js";const m={class:"wk-demo"},g=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/page-complex.demo.md","lastUpdated":1719310312000}'),d={name:"fat-form-layout/page-complex.demo.md"},h=Object.assign(d,{setup(p){return(_,f)=>{const t=o("ClientOnly");return s(),l("div",null,[e(t,null,{default:n(()=>[r("div",m,[e(c(a))])]),_:1})])}}});export{g as __pageData,h as default}; diff --git a/assets/fat-form-layout_page.demo.md.31cfcb98.js b/assets/fat-form-layout_page.demo.md.31cfcb98.js new file mode 100644 index 0000000..7d1db5c --- /dev/null +++ b/assets/fat-form-layout_page.demo.md.31cfcb98.js @@ -0,0 +1 @@ +import{Z as o,E as d,$ as i,a as c,o as m,c as p,f as n,w as f,b as _,g as E}from"./app.56f20909.js";const F=o(({item:a})=>{var r;const u=new URL(window.location.href),e=u.searchParams.get("id"),t=(r=u.searchParams.get("type"))!=null?r:"edit",s=e!=null&&t==="detail"?"detail":e!=null?"edit":"create";return()=>({title:s==="create"?"\u65B0\u5EFA\u7528\u6237":s==="detail"?"\u7528\u6237\u8BE6\u60C5":"\u7F16\u8F91\u7528\u6237",mode:s==="detail"?"preview":"editable",async request(){return e!=null?{id:e,name:"ivan",nickName:"\u72D7\u86CB",address:"\u5E7F\u4E1C\u6C55\u5C3E\u7EA2\u6D77\u6E7E\u533A\u906E\u6D6A\u9547"}:{}},async submit(){},onFinish(){d.success("\u4FDD\u5B58\u6210\u529F")},async beforeCancel(l){await i.confirm("\u786E\u5B9A\u5173\u95ED\u5F53\u524D\u9875\u9762\uFF1F"),l()},children:[a({label:"\u540D\u79F0",prop:"name",width:"medium",rules:{required:!0}}),a({label:"\u6635\u79F0",prop:"nickName",width:"medium",rules:{required:!0}}),a({label:"\u5730\u5740",prop:"address",valueType:"textarea",width:"huge"})]})}),h={class:"wk-demo"},y=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/page.demo.md","lastUpdated":1719310312000}'),g={name:"fat-form-layout/page.demo.md"},C=Object.assign(g,{setup(a){return(u,e)=>{const t=c("ClientOnly");return m(),p("div",null,[n(t,null,{default:f(()=>[_("div",h,[n(E(F))])]),_:1})])}}});export{y as __pageData,C as default}; diff --git a/assets/fat-form-layout_page.demo.md.31cfcb98.lean.js b/assets/fat-form-layout_page.demo.md.31cfcb98.lean.js new file mode 100644 index 0000000..7d1db5c --- /dev/null +++ b/assets/fat-form-layout_page.demo.md.31cfcb98.lean.js @@ -0,0 +1 @@ +import{Z as o,E as d,$ as i,a as c,o as m,c as p,f as n,w as f,b as _,g as E}from"./app.56f20909.js";const F=o(({item:a})=>{var r;const u=new URL(window.location.href),e=u.searchParams.get("id"),t=(r=u.searchParams.get("type"))!=null?r:"edit",s=e!=null&&t==="detail"?"detail":e!=null?"edit":"create";return()=>({title:s==="create"?"\u65B0\u5EFA\u7528\u6237":s==="detail"?"\u7528\u6237\u8BE6\u60C5":"\u7F16\u8F91\u7528\u6237",mode:s==="detail"?"preview":"editable",async request(){return e!=null?{id:e,name:"ivan",nickName:"\u72D7\u86CB",address:"\u5E7F\u4E1C\u6C55\u5C3E\u7EA2\u6D77\u6E7E\u533A\u906E\u6D6A\u9547"}:{}},async submit(){},onFinish(){d.success("\u4FDD\u5B58\u6210\u529F")},async beforeCancel(l){await i.confirm("\u786E\u5B9A\u5173\u95ED\u5F53\u524D\u9875\u9762\uFF1F"),l()},children:[a({label:"\u540D\u79F0",prop:"name",width:"medium",rules:{required:!0}}),a({label:"\u6635\u79F0",prop:"nickName",width:"medium",rules:{required:!0}}),a({label:"\u5730\u5740",prop:"address",valueType:"textarea",width:"huge"})]})}),h={class:"wk-demo"},y=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/page.demo.md","lastUpdated":1719310312000}'),g={name:"fat-form-layout/page.demo.md"},C=Object.assign(g,{setup(a){return(u,e)=>{const t=c("ClientOnly");return m(),p("div",null,[n(t,null,{default:f(()=>[_("div",h,[n(E(F))])]),_:1})])}}});export{y as __pageData,C as default}; diff --git a/assets/fat-form-layout_page.md.ea48bb5f.js b/assets/fat-form-layout_page.md.ea48bb5f.js new file mode 100644 index 0000000..d716736 --- /dev/null +++ b/assets/fat-form-layout_page.md.ea48bb5f.js @@ -0,0 +1,146 @@ +import"./chunks/PageComplex.417eef4e.js";import{o as s,c as n,m as a}from"./app.56f20909.js";const l="/components/assets/fat-form-page.e4eb00c1.png",p=a(`

FatFormPage \u8868\u5355\u9875\u9762

FatFormPage \u662F FatForm \u9488\u5BF9\u9875\u9762\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002\u7528\u4E8E\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u5355\u521B\u5EFA\u3001\u7F16\u8F91\u3001\u9884\u89C8\u9875\u9762\u3002



\u793A\u4F8B

\u901A\u8FC7 FatFormPage \u53EF\u4EE5\u5FEB\u901F\u521B\u5EFA\u8868\u5355\u76F8\u5173\u7684\u9884\u89C8\u3001\u7F16\u8F91\u3001\u65B0\u5EFA\u9875\u9762\u3002


\u65B0\u5EFA\u9875\u9762



\u7F16\u8F91\u9875\u9762



\u8BE6\u60C5\u9875\u9762


\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatFormPage } from '@wakeadmin/components';
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+interface User {
+  id?: string;
+  name?: string;
+  nickName?: string;
+  address?: string;
+}
+
+/**
+ * \u7528\u6237\u7F16\u8F91\u3001\u8BE6\u60C5\u3001\u521B\u5EFA\u9875\u9762\u4E09\u5408\u4E00
+ */
+export default defineFatFormPage<User>(({ item }) => {
+  const url = new URL(window.location.href);
+  // \u6570\u636E id
+  const id = url.searchParams.get('id');
+  // \u6A21\u5F0F, detail or edit
+  const type = url.searchParams.get('type') ?? 'edit';
+
+  const mode: 'create' | 'edit' | 'detail' =
+    id != null && type === 'detail' ? 'detail' : id != null ? 'edit' : 'create';
+
+  return () => ({
+    title: mode === 'create' ? '\u65B0\u5EFA\u7528\u6237' : mode === 'detail' ? '\u7528\u6237\u8BE6\u60C5' : '\u7F16\u8F91\u7528\u6237',
+    mode: mode === 'detail' ? 'preview' : 'editable',
+    async request() {
+      // \u5728\u8FD9\u91CC\u8FDB\u884C\u6570\u636E\u8BF7\u6C42
+      if (id != null) {
+        // \u7F16\u8F91\u6216\u8BE6\u60C5
+        // \u6A21\u62DF\u8BE6\u60C5
+        return {
+          id,
+          name: 'ivan',
+          nickName: '\u72D7\u86CB',
+          address: '\u5E7F\u4E1C\u6C55\u5C3E\u7EA2\u6D77\u6E7E\u533A\u906E\u6D6A\u9547',
+        };
+      } else {
+        // \u65B0\u5EFA
+        return {};
+      }
+    },
+    async submit() {
+      // \u5728\u8FD9\u91CC\u6267\u884C\u6570\u636E\u4FDD\u5B58
+    },
+    onFinish() {
+      // \u4FDD\u5B58\u6210\u529F
+      ElMessage.success('\u4FDD\u5B58\u6210\u529F');
+    },
+
+    /**
+     * \u652F\u6301\u62E6\u622A\u53D6\u6D88\u64CD\u4F5C
+     */
+    async beforeCancel(done) {
+      await ElMessageBox.confirm('\u786E\u5B9A\u5173\u95ED\u5F53\u524D\u9875\u9762\uFF1F');
+      done();
+    },
+    children: [
+      item({ label: '\u540D\u79F0', prop: 'name', width: 'medium', rules: { required: true } }),
+      item({ label: '\u6635\u79F0', prop: 'nickName', width: 'medium', rules: { required: true } }),
+      item({ label: '\u5730\u5740', prop: 'address', valueType: 'textarea', width: 'huge' }),
+    ],
+  });
+});
+




\u5206\u7EC4:

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatFormPage } from '@wakeadmin/components';
+
+export default defineFatFormPage(({ item, section }) => {
+  return () => ({
+    title: '\u65B0\u589E XX',
+    children: [
+      section({
+        title: '\u4E2A\u4EBA\u4FE1\u606F',
+        children: [
+          item({ label: '\u540D\u79F0', prop: 'name', width: 'medium', rules: { required: true } }),
+          item({ label: '\u6635\u79F0', prop: 'nickName', width: 'medium', rules: { required: true } }),
+          item({ label: '\u5730\u5740', prop: 'address', valueType: 'textarea', width: 'huge' }),
+        ],
+      }),
+      section({
+        title: '\u8BE6\u7EC6\u4FE1\u606F',
+        children: [item({ label: '\u8BE6\u7EC6\u63CF\u8FF0', prop: 'detail', width: 'huge', valueType: 'textarea' })],
+      }),
+    ],
+  });
+});
+

WARNING

\u5982\u679C\u5305\u542B\u4E86 FatFormSection, \u90A3\u4E48 title\u3001extra \u7B49\u5C5E\u6027\u6216\u8005\u63D2\u69FD\u5C06\u88AB\u5FFD\u7565





\u81EA\u5B9A\u4E49\u5E03\u5C40

FatFormPage \u9ED8\u8BA4\u4F7F\u7528\u7684\u662F\u60DF\u5BA2\u4E91\u7684\u9875\u9762\u5E03\u5C40\uFF0C\u6211\u4EEC\u4E5F\u652F\u6301\u81EA\u5B9A\u4E49\u5E03\u5C40\u3002

\u5E03\u5C40\u534F\u8BAE\u5982\u4E0B:



tsx
// \u8FD4\u56DE JSX Node
+export type FatFormPageLayout = (renders: {
+  class?: ClassValue;
+  style?: StyleValue;
+
+  /**
+   * \u8868\u5355\u5B9E\u4F8B\u5F15\u7528
+   */
+  form?: Ref<FatFormMethods<any> | undefined>;
+
+  /**
+   * \u5B50\u7EA7\u4E2D\u662F\u5426\u5305\u542B\u4E86 FatFormSection
+   */
+  includeSections?: boolean;
+
+  /**
+   * \u6E32\u67D3\u6807\u9898
+   */
+  renderTitle: () => any;
+
+  /**
+   * \u6E32\u67D3\u989D\u5916\u5185\u5BB9
+   */
+  renderExtra: () => any;
+
+  /**
+   * \u6E32\u67D3\u8868\u5355\u4E3B\u4F53
+   */
+  renderForm: () => any;
+
+  /**
+   * \u6E32\u67D3\u63D0\u4EA4\u6309\u94AE, \u7981\u7528\u65F6\u4E3A\u7A7A
+   */
+  renderSubmitter?: () => any;
+
+  /**
+   * \u5E03\u5C40\u81EA\u5B9A\u4E49\u53C2\u6570
+   */
+  layoutProps: any;
+}) => any;
+

\u9ED8\u8BA4\u5B9E\u73B0\u5982\u4E0B\uFF1A

tsx
const DefaultLayout: FatFormPageLayout = ctx => {
+  return (
+    <div class={normalizeClassName('fat-form-page', ctx.class)} style={ctx.style}>
+      {ctx.includeSections ? (
+        ctx.renderForm()
+      ) : (
+        <FatContainer
+          {...ctx.layoutProps}
+          v-slots={{
+            title: ctx.renderTitle(),
+            extra: ctx.renderExtra(),
+          }}
+        >
+          {ctx.renderForm()}
+        </FatContainer>
+      )}
+      {!!ctx.renderSubmitter && <FatFloatFooter>{ctx.renderSubmitter()}</FatFloatFooter>}
+    </div>
+  );
+};
+


TIP

\u4E5F\u53EF\u4EE5\u901A\u8FC7 FatConfigurableProvider \u5168\u5C40\u914D\u7F6E




API





',52),o=[p],y=JSON.parse('{"title":"FatFormPage \u8868\u5355\u9875\u9762","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u81EA\u5B9A\u4E49\u5E03\u5C40","slug":"\u81EA\u5B9A\u4E49\u5E03\u5C40","link":"#\u81EA\u5B9A\u4E49\u5E03\u5C40","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/page.md","lastUpdated":1719310312000}'),e={name:"fat-form-layout/page.md"},C=Object.assign(e,{setup(t){return(c,F)=>(s(),n("div",null,o))}});export{y as __pageData,C as default}; diff --git a/assets/fat-form-layout_page.md.ea48bb5f.lean.js b/assets/fat-form-layout_page.md.ea48bb5f.lean.js new file mode 100644 index 0000000..b2870f3 --- /dev/null +++ b/assets/fat-form-layout_page.md.ea48bb5f.lean.js @@ -0,0 +1 @@ +import"./chunks/PageComplex.417eef4e.js";import{o as s,c as n,m as a}from"./app.56f20909.js";const l="/components/assets/fat-form-page.e4eb00c1.png",p=a("",52),o=[p],y=JSON.parse('{"title":"FatFormPage \u8868\u5355\u9875\u9762","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u81EA\u5B9A\u4E49\u5E03\u5C40","slug":"\u81EA\u5B9A\u4E49\u5E03\u5C40","link":"#\u81EA\u5B9A\u4E49\u5E03\u5C40","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/page.md","lastUpdated":1719310312000}'),e={name:"fat-form-layout/page.md"},C=Object.assign(e,{setup(t){return(c,F)=>(s(),n("div",null,o))}});export{y as __pageData,C as default}; diff --git a/assets/fat-form-layout_query.md.53206227.js b/assets/fat-form-layout_query.md.53206227.js new file mode 100644 index 0000000..4a5fd96 --- /dev/null +++ b/assets/fat-form-layout_query.md.53206227.js @@ -0,0 +1,41 @@ +import{d as D,o as p,O as y,w as n,f as s,g as a,h as l,a0 as u,a as C,c as i,m as o,b as c}from"./app.56f20909.js";const A="/components/assets/fat-form-query.b5f86261.png",_=D({__name:"Query",setup(e){return(t,r)=>(p(),y(a(u),null,{default:n(()=>[s(a(l),{prop:"search","value-type":"search",label:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"}),s(a(l),{prop:"status","value-type":"select","value-props":{options:[{label:"\u5DF2\u5F00\u542F",value:1},{label:"\u672A\u5F00\u542F",value:0}]},label:"\u72B6\u6001"})]),_:1}))}}),m=D({__name:"QueryNonAlign",setup(e){return(t,r)=>(p(),y(a(u),{"label-width":"unset"},{default:n(()=>[s(a(l),{prop:"search","value-type":"search",label:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"}),s(a(l),{prop:"status","value-type":"select","value-props":{options:[{label:"\u5DF2\u5F00\u542F",value:1},{label:"\u672A\u5F00\u542F",value:0}]},label:"\u72B6\u6001"})]),_:1}))}}),d=o('

FatFormQuery \u67E5\u8BE2 (beta)

FatFormQuery \u662F FatForm \u9488\u5BF9\u67E5\u8BE2\u8868\u5355\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002 FatTable \u5185\u90E8\u5C31\u4F7F\u7528\u4E86 FatFormQuery\u3002




\u793A\u4F8B

',6),b={class:"wk-demo"},E=o(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatFormQuery>
+    <FatFormItem prop="search" value-type="search" label="\u8BF7\u8F93\u5165\u5173\u952E\u5B57" />
+    <FatFormItem
+      prop="status"
+      value-type="select"
+      :value-props="{
+        options: [
+          { label: '\u5DF2\u5F00\u542F', value: 1 },
+          { label: '\u672A\u5F00\u542F', value: 0 },
+        ],
+      }"
+      label="\u72B6\u6001"
+    />
+  </FatFormQuery>
+</template>
+
+<script setup lang="tsx">
+  import { FatFormQuery, FatFormItem } from '@wakeadmin/components';
+</script>
+

\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0Cfat-form-query \u4F1A\u5BF9\u63D0\u4EA4\u6309\u94AE\u548C\u6807\u7B7E\u8FDB\u884C\u5BF9\u9F50\uFF0C\u4EE5\u8D77\u5230\u7F8E\u89C2\u7684\u6548\u679C\u3002


\u4F60\u4E5F\u53EF\u4EE5\u901A\u8FC7\u663E\u5F0F\u914D\u7F6E labelWidth\uFF08\u83B7\u53D6\u5168\u5C40\u914D\u7F6E#fatFormQuery\uFF09 \u5173\u95ED\u6389:

`,4),h={class:"wk-demo"},q=o(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatFormQuery label-width="unset">
+    <FatFormItem prop="search" value-type="search" label="\u8BF7\u8F93\u5165\u5173\u952E\u5B57" />
+    <FatFormItem
+      prop="status"
+      value-type="select"
+      :value-props="{
+        options: [
+          { label: '\u5DF2\u5F00\u542F', value: 1 },
+          { label: '\u672A\u5F00\u542F', value: 0 },
+        ],
+      }"
+      label="\u72B6\u6001"
+    />
+  </FatFormQuery>
+</template>
+
+<script setup lang="tsx">
+  import { FatFormQuery, FatFormItem } from '@wakeadmin/components';
+</script>
+



API





',10),g=JSON.parse('{"title":"FatFormQuery \u67E5\u8BE2 (beta)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/query.md","lastUpdated":1719310312000}'),f={name:"fat-form-layout/query.md"},B=Object.assign(f,{setup(e){return(t,r)=>{const F=C("ClientOnly");return p(),i("div",null,[d,s(F,null,{default:n(()=>[c("div",b,[s(_)])]),_:1}),E,s(F,null,{default:n(()=>[c("div",h,[s(m)])]),_:1}),q])}}});export{g as __pageData,B as default}; diff --git a/assets/fat-form-layout_query.md.53206227.lean.js b/assets/fat-form-layout_query.md.53206227.lean.js new file mode 100644 index 0000000..a31882d --- /dev/null +++ b/assets/fat-form-layout_query.md.53206227.lean.js @@ -0,0 +1 @@ +import{d as D,o as p,O as y,w as n,f as s,g as a,h as l,a0 as u,a as C,c as i,m as o,b as c}from"./app.56f20909.js";const A="/components/assets/fat-form-query.b5f86261.png",_=D({__name:"Query",setup(e){return(t,r)=>(p(),y(a(u),null,{default:n(()=>[s(a(l),{prop:"search","value-type":"search",label:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"}),s(a(l),{prop:"status","value-type":"select","value-props":{options:[{label:"\u5DF2\u5F00\u542F",value:1},{label:"\u672A\u5F00\u542F",value:0}]},label:"\u72B6\u6001"})]),_:1}))}}),m=D({__name:"QueryNonAlign",setup(e){return(t,r)=>(p(),y(a(u),{"label-width":"unset"},{default:n(()=>[s(a(l),{prop:"search","value-type":"search",label:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"}),s(a(l),{prop:"status","value-type":"select","value-props":{options:[{label:"\u5DF2\u5F00\u542F",value:1},{label:"\u672A\u5F00\u542F",value:0}]},label:"\u72B6\u6001"})]),_:1}))}}),d=o("",6),b={class:"wk-demo"},E=o("",4),h={class:"wk-demo"},q=o("",10),g=JSON.parse('{"title":"FatFormQuery \u67E5\u8BE2 (beta)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/query.md","lastUpdated":1719310312000}'),f={name:"fat-form-layout/query.md"},B=Object.assign(f,{setup(e){return(t,r)=>{const F=C("ClientOnly");return p(),i("div",null,[d,s(F,null,{default:n(()=>[c("div",b,[s(_)])]),_:1}),E,s(F,null,{default:n(()=>[c("div",h,[s(m)])]),_:1}),q])}}});export{g as __pageData,B as default}; diff --git a/assets/fat-form-layout_steps-complex-vertical.demo.md.93ffbe26.js b/assets/fat-form-layout_steps-complex-vertical.demo.md.93ffbe26.js new file mode 100644 index 0000000..5bd788e --- /dev/null +++ b/assets/fat-form-layout_steps-complex-vertical.demo.md.93ffbe26.js @@ -0,0 +1 @@ +import{U as r,q as s,a1 as o,a as n,o as i,c,f as l,w as d,b as p,g as F}from"./app.56f20909.js";const m=r(({step:a,item:e,section:t})=>()=>({direction:"vertical",formWidth:500,children:[a({title:"\u57FA\u7840\u4FE1\u606F",children:[t({title:"\u5DE5\u4F5C\u4FE1\u606F",children:[e({prop:"name",label:"\u59D3\u540D",required:!0,width:"small"}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]},width:"small"})]}),t({title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range",width:"large"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea",width:"huge"})]})]}),a({title:"\u5B8C\u6210\u914D\u7F6E",children:[t({children:[s(o,{icon:"success",title:"\u{1F490} \u606D\u559C\uFF0C\u5B8C\u6210\u914D\u7F6E"})]})]})]})),h={class:"wk-demo",style:{"min-height":"600px"}},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps-complex-vertical.demo.md","lastUpdated":1719310312000}'),_={name:"fat-form-layout/steps-complex-vertical.demo.md"},v=Object.assign(_,{setup(a){return(e,t)=>{const u=n("ClientOnly");return i(),c("div",null,[l(u,null,{default:d(()=>[p("div",h,[l(F(m))])]),_:1})])}}});export{C as __pageData,v as default}; diff --git a/assets/fat-form-layout_steps-complex-vertical.demo.md.93ffbe26.lean.js b/assets/fat-form-layout_steps-complex-vertical.demo.md.93ffbe26.lean.js new file mode 100644 index 0000000..5bd788e --- /dev/null +++ b/assets/fat-form-layout_steps-complex-vertical.demo.md.93ffbe26.lean.js @@ -0,0 +1 @@ +import{U as r,q as s,a1 as o,a as n,o as i,c,f as l,w as d,b as p,g as F}from"./app.56f20909.js";const m=r(({step:a,item:e,section:t})=>()=>({direction:"vertical",formWidth:500,children:[a({title:"\u57FA\u7840\u4FE1\u606F",children:[t({title:"\u5DE5\u4F5C\u4FE1\u606F",children:[e({prop:"name",label:"\u59D3\u540D",required:!0,width:"small"}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]},width:"small"})]}),t({title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range",width:"large"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea",width:"huge"})]})]}),a({title:"\u5B8C\u6210\u914D\u7F6E",children:[t({children:[s(o,{icon:"success",title:"\u{1F490} \u606D\u559C\uFF0C\u5B8C\u6210\u914D\u7F6E"})]})]})]})),h={class:"wk-demo",style:{"min-height":"600px"}},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps-complex-vertical.demo.md","lastUpdated":1719310312000}'),_={name:"fat-form-layout/steps-complex-vertical.demo.md"},v=Object.assign(_,{setup(a){return(e,t)=>{const u=n("ClientOnly");return i(),c("div",null,[l(u,null,{default:d(()=>[p("div",h,[l(F(m))])]),_:1})])}}});export{C as __pageData,v as default}; diff --git a/assets/fat-form-layout_steps-complex.demo.md.fc99ec9d.js b/assets/fat-form-layout_steps-complex.demo.md.fc99ec9d.js new file mode 100644 index 0000000..ff148dc --- /dev/null +++ b/assets/fat-form-layout_steps-complex.demo.md.fc99ec9d.js @@ -0,0 +1 @@ +import{U as s,q as o,a1 as r,a as n,o as d,c as p,f as a,w as c,b as i,g as F}from"./app.56f20909.js";const m=s(({step:u,item:e,section:t})=>()=>({children:[u({title:"\u57FA\u7840\u4FE1\u606F",children:[t({title:"\u5DE5\u4F5C\u4FE1\u606F",children:[e({prop:"name",label:"\u59D3\u540D",required:!0,width:"small"}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]},width:"small"})]}),t({title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range",width:"large"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea",width:"huge"})]})]}),u({title:"\u5B8C\u6210\u914D\u7F6E",children:[t({children:[o(r,{icon:"success",title:"\u{1F490} \u606D\u559C\uFF0C\u5B8C\u6210\u914D\u7F6E"})]})]})]})),h={class:"wk-demo",style:{"min-height":"600px"}},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps-complex.demo.md","lastUpdated":1719310312000}'),_={name:"fat-form-layout/steps-complex.demo.md"},v=Object.assign(_,{setup(u){return(e,t)=>{const l=n("ClientOnly");return d(),p("div",null,[a(l,null,{default:c(()=>[i("div",h,[a(F(m))])]),_:1})])}}});export{C as __pageData,v as default}; diff --git a/assets/fat-form-layout_steps-complex.demo.md.fc99ec9d.lean.js b/assets/fat-form-layout_steps-complex.demo.md.fc99ec9d.lean.js new file mode 100644 index 0000000..ff148dc --- /dev/null +++ b/assets/fat-form-layout_steps-complex.demo.md.fc99ec9d.lean.js @@ -0,0 +1 @@ +import{U as s,q as o,a1 as r,a as n,o as d,c as p,f as a,w as c,b as i,g as F}from"./app.56f20909.js";const m=s(({step:u,item:e,section:t})=>()=>({children:[u({title:"\u57FA\u7840\u4FE1\u606F",children:[t({title:"\u5DE5\u4F5C\u4FE1\u606F",children:[e({prop:"name",label:"\u59D3\u540D",required:!0,width:"small"}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]},width:"small"})]}),t({title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range",width:"large"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea",width:"huge"})]})]}),u({title:"\u5B8C\u6210\u914D\u7F6E",children:[t({children:[o(r,{icon:"success",title:"\u{1F490} \u606D\u559C\uFF0C\u5B8C\u6210\u914D\u7F6E"})]})]})]})),h={class:"wk-demo",style:{"min-height":"600px"}},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps-complex.demo.md","lastUpdated":1719310312000}'),_={name:"fat-form-layout/steps-complex.demo.md"},v=Object.assign(_,{setup(u){return(e,t)=>{const l=n("ClientOnly");return d(),p("div",null,[a(l,null,{default:c(()=>[i("div",h,[a(F(m))])]),_:1})])}}});export{C as __pageData,v as default}; diff --git a/assets/fat-form-layout_steps-define.demo.md.7e0f57ed.js b/assets/fat-form-layout_steps-define.demo.md.7e0f57ed.js new file mode 100644 index 0000000..80352e0 --- /dev/null +++ b/assets/fat-form-layout_steps-define.demo.md.7e0f57ed.js @@ -0,0 +1 @@ +import{U as u,a as o,o as n,c as r,f as t,w as s,b as p,g as d}from"./app.56f20909.js";const c=u(({step:a,item:e})=>()=>({formWidth:500,children:[a({title:"\u5DE5\u4F5C\u4FE1\u606F",children:[e({prop:"name",label:"\u59D3\u540D",required:!0}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]}})]}),a({title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea"})]})]})),i={class:"wk-demo"},F=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps-define.demo.md","lastUpdated":1719310312000}'),f={name:"fat-form-layout/steps-define.demo.md"},v=Object.assign(f,{setup(a){return(e,_)=>{const l=o("ClientOnly");return n(),r("div",null,[t(l,null,{default:s(()=>[p("div",i,[t(d(c))])]),_:1})])}}});export{F as __pageData,v as default}; diff --git a/assets/fat-form-layout_steps-define.demo.md.7e0f57ed.lean.js b/assets/fat-form-layout_steps-define.demo.md.7e0f57ed.lean.js new file mode 100644 index 0000000..80352e0 --- /dev/null +++ b/assets/fat-form-layout_steps-define.demo.md.7e0f57ed.lean.js @@ -0,0 +1 @@ +import{U as u,a as o,o as n,c as r,f as t,w as s,b as p,g as d}from"./app.56f20909.js";const c=u(({step:a,item:e})=>()=>({formWidth:500,children:[a({title:"\u5DE5\u4F5C\u4FE1\u606F",children:[e({prop:"name",label:"\u59D3\u540D",required:!0}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]}})]}),a({title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea"})]})]})),i={class:"wk-demo"},F=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps-define.demo.md","lastUpdated":1719310312000}'),f={name:"fat-form-layout/steps-define.demo.md"},v=Object.assign(f,{setup(a){return(e,_)=>{const l=o("ClientOnly");return n(),r("div",null,[t(l,null,{default:s(()=>[p("div",i,[t(d(c))])]),_:1})])}}});export{F as __pageData,v as default}; diff --git a/assets/fat-form-layout_steps-loose.demo.md.212afc36.js b/assets/fat-form-layout_steps-loose.demo.md.212afc36.js new file mode 100644 index 0000000..87fa8b5 --- /dev/null +++ b/assets/fat-form-layout_steps-loose.demo.md.212afc36.js @@ -0,0 +1 @@ +import{U as u,a as o,o as s,c as r,f as t,w as n,b as p,g as c}from"./app.56f20909.js";const d=u(({step:a,item:e})=>()=>({formWidth:500,strict:!1,children:[a({title:"\u5DE5\u4F5C\u4FE1\u606F",children:[e({prop:"name",label:"\u59D3\u540D",required:!0}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]}})]}),a({title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea"})]})]})),i={class:"wk-demo"},F=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps-loose.demo.md","lastUpdated":1719310312000}'),_={name:"fat-form-layout/steps-loose.demo.md"},v=Object.assign(_,{setup(a){return(e,f)=>{const l=o("ClientOnly");return s(),r("div",null,[t(l,null,{default:n(()=>[p("div",i,[t(c(d))])]),_:1})])}}});export{F as __pageData,v as default}; diff --git a/assets/fat-form-layout_steps-loose.demo.md.212afc36.lean.js b/assets/fat-form-layout_steps-loose.demo.md.212afc36.lean.js new file mode 100644 index 0000000..87fa8b5 --- /dev/null +++ b/assets/fat-form-layout_steps-loose.demo.md.212afc36.lean.js @@ -0,0 +1 @@ +import{U as u,a as o,o as s,c as r,f as t,w as n,b as p,g as c}from"./app.56f20909.js";const d=u(({step:a,item:e})=>()=>({formWidth:500,strict:!1,children:[a({title:"\u5DE5\u4F5C\u4FE1\u606F",children:[e({prop:"name",label:"\u59D3\u540D",required:!0}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]}})]}),a({title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea"})]})]})),i={class:"wk-demo"},F=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps-loose.demo.md","lastUpdated":1719310312000}'),_={name:"fat-form-layout/steps-loose.demo.md"},v=Object.assign(_,{setup(a){return(e,f)=>{const l=o("ClientOnly");return s(),r("div",null,[t(l,null,{default:n(()=>[p("div",i,[t(c(d))])]),_:1})])}}});export{F as __pageData,v as default}; diff --git a/assets/fat-form-layout_steps.demo.md.455b06be.js b/assets/fat-form-layout_steps.demo.md.455b06be.js new file mode 100644 index 0000000..c0a2c9e --- /dev/null +++ b/assets/fat-form-layout_steps.demo.md.455b06be.js @@ -0,0 +1 @@ +import{d as _,o,O as c,w as u,f as e,g as t,h as a,a2 as l,a3 as d,a as m,c as i,b as f}from"./app.56f20909.js";const F=_({__name:"Steps",setup(s){return(r,n)=>(o(),c(t(d),{formWidth:"500px"},{default:u(()=>[e(t(l),{title:"\u5DE5\u4F5C\u4FE1\u606F"},{default:u(()=>[e(t(a),{prop:"name",label:"\u59D3\u540D",required:""}),e(t(a),{prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]},required:""})]),_:1}),e(t(l),{title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F"},{default:u(()=>[e(t(a),{prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range"}),e(t(a),{prop:"note",label:"\u5907\u6CE8",valueType:"textarea"})]),_:1})]),_:1}))}}),C={class:"wk-demo"},b=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps.demo.md","lastUpdated":1719310312000}'),v={name:"fat-form-layout/steps.demo.md"},h=Object.assign(v,{setup(s){return(r,n)=>{const p=m("ClientOnly");return o(),i("div",null,[e(p,null,{default:u(()=>[f("div",C,[e(F)])]),_:1})])}}});export{b as __pageData,h as default}; diff --git a/assets/fat-form-layout_steps.demo.md.455b06be.lean.js b/assets/fat-form-layout_steps.demo.md.455b06be.lean.js new file mode 100644 index 0000000..c0a2c9e --- /dev/null +++ b/assets/fat-form-layout_steps.demo.md.455b06be.lean.js @@ -0,0 +1 @@ +import{d as _,o,O as c,w as u,f as e,g as t,h as a,a2 as l,a3 as d,a as m,c as i,b as f}from"./app.56f20909.js";const F=_({__name:"Steps",setup(s){return(r,n)=>(o(),c(t(d),{formWidth:"500px"},{default:u(()=>[e(t(l),{title:"\u5DE5\u4F5C\u4FE1\u606F"},{default:u(()=>[e(t(a),{prop:"name",label:"\u59D3\u540D",required:""}),e(t(a),{prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]},required:""})]),_:1}),e(t(l),{title:"\u540C\u6B65\u8868\u5355\u4FE1\u606F"},{default:u(()=>[e(t(a),{prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range"}),e(t(a),{prop:"note",label:"\u5907\u6CE8",valueType:"textarea"})]),_:1})]),_:1}))}}),C={class:"wk-demo"},b=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/steps.demo.md","lastUpdated":1719310312000}'),v={name:"fat-form-layout/steps.demo.md"},h=Object.assign(v,{setup(s){return(r,n)=>{const p=m("ClientOnly");return o(),i("div",null,[e(p,null,{default:u(()=>[f("div",C,[e(F)])]),_:1})])}}});export{b as __pageData,h as default}; diff --git a/assets/fat-form-layout_steps.md.8a1d4e43.js b/assets/fat-form-layout_steps.md.8a1d4e43.js new file mode 100644 index 0000000..3e9b809 --- /dev/null +++ b/assets/fat-form-layout_steps.md.8a1d4e43.js @@ -0,0 +1,195 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-form-steps.b9b1f3eb.png",o="/components/assets/fat-form-step.59b34df0.png",d=JSON.parse('{"title":"FatFormSteps \u5206\u6B65\u8868\u5355","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/steps.md","lastUpdated":1719310312000}'),e={name:"fat-form-layout/steps.md"},F=l(`

FatFormSteps \u5206\u6B65\u8868\u5355

FatFormSteps \u662F FatForm \u9488\u5BF9\u590D\u6742\u8868\u5355\u5206\u6B65\u7684\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002

\u793A\u4F8B

\u4F7F\u7528\u7EC4\u4EF6\u6A21\u5F0F\u521B\u5EFA:

\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatFormSteps formWidth="500px">
+    <FatFormStep title="\u5DE5\u4F5C\u4FE1\u606F">
+      <FatFormItem prop="name" label="\u59D3\u540D" required></FatFormItem>
+      <FatFormItem
+        prop="type"
+        label="\u5DE5\u4F5C\u7C7B\u578B"
+        valueType="select"
+        :valueProps="{
+          options: [
+            { value: 0, label: '\u56FD\u4F01' },
+            { value: 1, label: '\u79C1\u4F01' },
+          ],
+        }"
+				required
+      ></FatFormItem>
+    </FatFormStep>
+
+    <FatFormStep title="\u540C\u6B65\u8868\u5355\u4FE1\u606F">
+      <FatFormItem prop="dateRange" label="\u65F6\u95F4\u533A\u95F4" valueType="date-range"></FatFormItem>
+			<FatFormItem prop="note" label="\u5907\u6CE8" valueType="textarea"></FatFormItem>
+    </FatFormStep>
+  </FatFormSteps>
+</template>
+
+<script lang="tsx" setup>
+  import { FatFormSteps, FatFormStep, FatFormItem } from '@wakeadmin/components';
+</script>
+




(\u63A8\u8350)\u4F7F\u7528 defineFatFormSteps \u6A21\u5F0F\u521B\u5EFA:

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatFormSteps } from '@wakeadmin/components';
+
+export default defineFatFormSteps(({ step, item }) => {
+  return () => ({
+    // \u652F\u6301\u8BBE\u7F6E\u8868\u5355\u533A\u57DF\u7684\u5BBD\u5EA6\uFF0C\u8868\u5355\u533A\u57DF\u4F1A\u81EA\u52A8\u5C45\u4E2D
+    formWidth: 500,
+    children: [
+      step({
+        title: '\u5DE5\u4F5C\u4FE1\u606F',
+        children: [
+          item({ prop: 'name', label: '\u59D3\u540D', required: true }),
+          item({
+            prop: 'type',
+            label: '\u5DE5\u4F5C\u7C7B\u578B',
+            valueType: 'select',
+            valueProps: {
+              options: [
+                { value: 0, label: '\u56FD\u4F01' },
+                { value: 1, label: '\u79C1\u4F01' },
+              ],
+            },
+          }),
+        ],
+      }),
+      step({
+        title: '\u540C\u6B65\u8868\u5355\u4FE1\u606F',
+        children: [
+          item({ prop: 'dateRange', label: '\u65F6\u95F4\u533A\u95F4', valueType: 'date-range' }),
+          item({ prop: 'note', label: '\u5907\u6CE8', valueType: 'textarea' }),
+        ],
+      }),
+    ],
+  });
+});
+



\u590D\u6742\u8868\u5355\u53EF\u4EE5\u4F7F\u7528 FatFormSection \u8FDB\u4E00\u6B65\u5206\u7C7B\uFF1A

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatFormSteps } from '@wakeadmin/components';
+import { ElResult } from 'element-plus';
+
+export default defineFatFormSteps(({ step, item, section }) => {
+  return () => ({
+    children: [
+      step({
+        title: '\u57FA\u7840\u4FE1\u606F',
+        children: [
+          section({
+            title: '\u5DE5\u4F5C\u4FE1\u606F',
+            children: [
+              item({ prop: 'name', label: '\u59D3\u540D', required: true, width: 'small' }),
+              item({
+                prop: 'type',
+                label: '\u5DE5\u4F5C\u7C7B\u578B',
+                valueType: 'select',
+                valueProps: {
+                  options: [
+                    { value: 0, label: '\u56FD\u4F01' },
+                    { value: 1, label: '\u79C1\u4F01' },
+                  ],
+                },
+                width: 'small',
+              }),
+            ],
+          }),
+          section({
+            title: '\u540C\u6B65\u8868\u5355\u4FE1\u606F',
+            children: [
+              item({ prop: 'dateRange', label: '\u65F6\u95F4\u533A\u95F4', valueType: 'date-range', width: 'large' }),
+              item({ prop: 'note', label: '\u5907\u6CE8', valueType: 'textarea', width: 'huge' }),
+            ],
+          }),
+        ],
+      }),
+      step({
+        title: '\u5B8C\u6210\u914D\u7F6E',
+        children: [
+          section({
+            children: [<ElResult icon="success" title="\u{1F490} \u606D\u559C\uFF0C\u5B8C\u6210\u914D\u7F6E"></ElResult>],
+          }),
+        ],
+      }),
+    ],
+  });
+});
+



\u5782\u76F4\u5E03\u5C40:

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatFormSteps } from '@wakeadmin/components';
+import { ElResult } from 'element-plus';
+
+export default defineFatFormSteps(({ step, item, section }) => {
+  return () => ({
+    direction: 'vertical',
+    formWidth: 500,
+    children: [
+      step({
+        title: '\u57FA\u7840\u4FE1\u606F',
+        children: [
+          section({
+            title: '\u5DE5\u4F5C\u4FE1\u606F',
+            children: [
+              item({ prop: 'name', label: '\u59D3\u540D', required: true, width: 'small' }),
+              item({
+                prop: 'type',
+                label: '\u5DE5\u4F5C\u7C7B\u578B',
+                valueType: 'select',
+                valueProps: {
+                  options: [
+                    { value: 0, label: '\u56FD\u4F01' },
+                    { value: 1, label: '\u79C1\u4F01' },
+                  ],
+                },
+                width: 'small',
+              }),
+            ],
+          }),
+          section({
+            title: '\u540C\u6B65\u8868\u5355\u4FE1\u606F',
+            children: [
+              item({ prop: 'dateRange', label: '\u65F6\u95F4\u533A\u95F4', valueType: 'date-range', width: 'large' }),
+              item({ prop: 'note', label: '\u5907\u6CE8', valueType: 'textarea', width: 'huge' }),
+            ],
+          }),
+        ],
+      }),
+      step({
+        title: '\u5B8C\u6210\u914D\u7F6E',
+        children: [
+          section({
+            children: [<ElResult icon="success" title="\u{1F490} \u606D\u559C\uFF0C\u5B8C\u6210\u914D\u7F6E"></ElResult>],
+          }),
+        ],
+      }),
+    ],
+  });
+});
+




\u975E\u4E25\u683C\u6A21\u5F0F\uFF0C\u5373\u6B65\u9AA4\u4E4B\u95F4\u53EF\u4EE5\u4EFB\u610F\u5207\u6362\uFF1A

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatFormSteps } from '@wakeadmin/components';
+
+export default defineFatFormSteps(({ step, item }) => {
+  return () => ({
+    // \u652F\u6301\u8BBE\u7F6E\u8868\u5355\u533A\u57DF\u7684\u5BBD\u5EA6\uFF0C\u8868\u5355\u533A\u57DF\u4F1A\u81EA\u52A8\u5C45\u4E2D
+    formWidth: 500,
+    // \u5BBD\u677E\u6A21\u5F0F
+    strict: false,
+    children: [
+      step({
+        title: '\u5DE5\u4F5C\u4FE1\u606F',
+        children: [
+          item({ prop: 'name', label: '\u59D3\u540D', required: true }),
+          item({
+            prop: 'type',
+            label: '\u5DE5\u4F5C\u7C7B\u578B',
+            valueType: 'select',
+            valueProps: {
+              options: [
+                { value: 0, label: '\u56FD\u4F01' },
+                { value: 1, label: '\u79C1\u4F01' },
+              ],
+            },
+          }),
+        ],
+      }),
+      step({
+        title: '\u540C\u6B65\u8868\u5355\u4FE1\u606F',
+        children: [
+          item({ prop: 'dateRange', label: '\u65F6\u95F4\u533A\u95F4', valueType: 'date-range' }),
+          item({ prop: 'note', label: '\u5907\u6CE8', valueType: 'textarea' }),
+        ],
+      }),
+    ],
+  });
+});
+




API

FatFormSteps:




FatFormStep:





',48),t=[F];function c(r,D,y,i,C,A){return n(),a("div",null,t)}const u=s(e,[["render",c]]);export{d as __pageData,u as default}; diff --git a/assets/fat-form-layout_steps.md.8a1d4e43.lean.js b/assets/fat-form-layout_steps.md.8a1d4e43.lean.js new file mode 100644 index 0000000..672fc6b --- /dev/null +++ b/assets/fat-form-layout_steps.md.8a1d4e43.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-form-steps.b9b1f3eb.png",o="/components/assets/fat-form-step.59b34df0.png",d=JSON.parse('{"title":"FatFormSteps \u5206\u6B65\u8868\u5355","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/steps.md","lastUpdated":1719310312000}'),e={name:"fat-form-layout/steps.md"},F=l("",48),t=[F];function c(r,D,y,i,C,A){return n(),a("div",null,t)}const u=s(e,[["render",c]]);export{d as __pageData,u as default}; diff --git a/assets/fat-form-layout_table-custom-create.demo.md.62cc5c92.js b/assets/fat-form-layout_table-custom-create.demo.md.62cc5c92.js new file mode 100644 index 0000000..201ee5c --- /dev/null +++ b/assets/fat-form-layout_table-custom-create.demo.md.62cc5c92.js @@ -0,0 +1 @@ +import{n as d,q as l,a as i,o as c,c as m,f as o,w as f,b as p,g as _}from"./app.56f20909.js";const h=d(({item:s,table:r,tableColumn:t,consumer:a,group:n})=>{let u=0;return()=>({children:[r({prop:"list",label:"\u8BE6\u60C5",width:700,rowKey:"id",removeConfirm:!1,beforeCreate(){const e=u++;return{id:e,name:`ivan-${e}`,address:"\u5E7F\u4E1C\u7701\u6C55\u5C3E\u5E02"}},columns:[t({prop:"name",label:"\u59D3\u540D",width:"mini",required:!0}),t({prop:"address",label:"\u5730\u5740",required:!0})]}),a(e=>n({label:"\u5F53\u524D\u503C",children:l("pre",{children:l("code",{children:JSON.stringify(e.values,null,2)})})}))]})}),C={class:"wk-demo full-height"},y=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table-custom-create.demo.md","lastUpdated":1719310312000}'),b={name:"fat-form-layout/table-custom-create.demo.md"},g=Object.assign(b,{setup(s){return(r,t)=>{const a=i("ClientOnly");return c(),m("div",null,[o(a,null,{default:f(()=>[p("div",C,[o(_(h))])]),_:1})])}}});export{y as __pageData,g as default}; diff --git a/assets/fat-form-layout_table-custom-create.demo.md.62cc5c92.lean.js b/assets/fat-form-layout_table-custom-create.demo.md.62cc5c92.lean.js new file mode 100644 index 0000000..201ee5c --- /dev/null +++ b/assets/fat-form-layout_table-custom-create.demo.md.62cc5c92.lean.js @@ -0,0 +1 @@ +import{n as d,q as l,a as i,o as c,c as m,f as o,w as f,b as p,g as _}from"./app.56f20909.js";const h=d(({item:s,table:r,tableColumn:t,consumer:a,group:n})=>{let u=0;return()=>({children:[r({prop:"list",label:"\u8BE6\u60C5",width:700,rowKey:"id",removeConfirm:!1,beforeCreate(){const e=u++;return{id:e,name:`ivan-${e}`,address:"\u5E7F\u4E1C\u7701\u6C55\u5C3E\u5E02"}},columns:[t({prop:"name",label:"\u59D3\u540D",width:"mini",required:!0}),t({prop:"address",label:"\u5730\u5740",required:!0})]}),a(e=>n({label:"\u5F53\u524D\u503C",children:l("pre",{children:l("code",{children:JSON.stringify(e.values,null,2)})})}))]})}),C={class:"wk-demo full-height"},y=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table-custom-create.demo.md","lastUpdated":1719310312000}'),b={name:"fat-form-layout/table-custom-create.demo.md"},g=Object.assign(b,{setup(s){return(r,t)=>{const a=i("ClientOnly");return c(),m("div",null,[o(a,null,{default:f(()=>[p("div",C,[o(_(h))])]),_:1})])}}});export{y as __pageData,g as default}; diff --git a/assets/fat-form-layout_table-sortable-drag.demo.md.0bbcfc5b.js b/assets/fat-form-layout_table-sortable-drag.demo.md.0bbcfc5b.js new file mode 100644 index 0000000..01e2694 --- /dev/null +++ b/assets/fat-form-layout_table-sortable-drag.demo.md.0bbcfc5b.js @@ -0,0 +1 @@ +import{n as u,a4 as d,q as o,a as i,o as c,c as p,f as s,w as m,b as _,g as f}from"./app.56f20909.js";const b=u(({item:a,table:l,tableColumn:r,consumer:e,group:n})=>()=>({children:[a({label:"\u6807\u9898",prop:"title",width:"small"}),l({prop:"list",label:"\u8BE6\u60C5",width:700,columns:[r({prop:"name",label:"\u59D3\u540D",required:!0})],sortable:!0,sortableProps:{type:d.ByDrag,rowSortable(t){return t.index%2===0}}}),e(t=>n({label:"\u5F53\u524D\u503C",children:o("pre",{children:o("code",{children:JSON.stringify(t.values,null,2)})})}))]})),h={class:"wk-demo full-height"},w=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table-sortable-drag.demo.md","lastUpdated":1719310312000}'),g={name:"fat-form-layout/table-sortable-drag.demo.md"},C=Object.assign(g,{setup(a){return(l,r)=>{const e=i("ClientOnly");return c(),p("div",null,[s(e,null,{default:m(()=>[_("div",h,[s(f(b))])]),_:1})])}}});export{w as __pageData,C as default}; diff --git a/assets/fat-form-layout_table-sortable-drag.demo.md.0bbcfc5b.lean.js b/assets/fat-form-layout_table-sortable-drag.demo.md.0bbcfc5b.lean.js new file mode 100644 index 0000000..01e2694 --- /dev/null +++ b/assets/fat-form-layout_table-sortable-drag.demo.md.0bbcfc5b.lean.js @@ -0,0 +1 @@ +import{n as u,a4 as d,q as o,a as i,o as c,c as p,f as s,w as m,b as _,g as f}from"./app.56f20909.js";const b=u(({item:a,table:l,tableColumn:r,consumer:e,group:n})=>()=>({children:[a({label:"\u6807\u9898",prop:"title",width:"small"}),l({prop:"list",label:"\u8BE6\u60C5",width:700,columns:[r({prop:"name",label:"\u59D3\u540D",required:!0})],sortable:!0,sortableProps:{type:d.ByDrag,rowSortable(t){return t.index%2===0}}}),e(t=>n({label:"\u5F53\u524D\u503C",children:o("pre",{children:o("code",{children:JSON.stringify(t.values,null,2)})})}))]})),h={class:"wk-demo full-height"},w=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table-sortable-drag.demo.md","lastUpdated":1719310312000}'),g={name:"fat-form-layout/table-sortable-drag.demo.md"},C=Object.assign(g,{setup(a){return(l,r)=>{const e=i("ClientOnly");return c(),p("div",null,[s(e,null,{default:m(()=>[_("div",h,[s(f(b))])]),_:1})])}}});export{w as __pageData,C as default}; diff --git a/assets/fat-form-layout_table-sortable-simple.demo.md.8ae19a17.js b/assets/fat-form-layout_table-sortable-simple.demo.md.8ae19a17.js new file mode 100644 index 0000000..f6c9e69 --- /dev/null +++ b/assets/fat-form-layout_table-sortable-simple.demo.md.8ae19a17.js @@ -0,0 +1 @@ +import{n as u,q as o,a as i,o as d,c,f as s,w as p,b as m,g as _}from"./app.56f20909.js";const f=u(({item:a,table:l,tableColumn:r,consumer:e,group:n})=>()=>({children:[a({label:"\u6807\u9898",prop:"title",width:"small"}),l({prop:"list",label:"\u8BE6\u60C5",width:700,columns:[r({prop:"name",label:"\u59D3\u540D",required:!0})],sortable:!0,sortableProps:{rowSortable(t){return t.index%2===0}}}),e(t=>n({label:"\u5F53\u524D\u503C",children:o("pre",{children:o("code",{children:JSON.stringify(t.values,null,2)})})}))]})),b={class:"wk-demo full-height"},w=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table-sortable-simple.demo.md","lastUpdated":1719310312000}'),h={name:"fat-form-layout/table-sortable-simple.demo.md"},y=Object.assign(h,{setup(a){return(l,r)=>{const e=i("ClientOnly");return d(),c("div",null,[s(e,null,{default:p(()=>[m("div",b,[s(_(f))])]),_:1})])}}});export{w as __pageData,y as default}; diff --git a/assets/fat-form-layout_table-sortable-simple.demo.md.8ae19a17.lean.js b/assets/fat-form-layout_table-sortable-simple.demo.md.8ae19a17.lean.js new file mode 100644 index 0000000..f6c9e69 --- /dev/null +++ b/assets/fat-form-layout_table-sortable-simple.demo.md.8ae19a17.lean.js @@ -0,0 +1 @@ +import{n as u,q as o,a as i,o as d,c,f as s,w as p,b as m,g as _}from"./app.56f20909.js";const f=u(({item:a,table:l,tableColumn:r,consumer:e,group:n})=>()=>({children:[a({label:"\u6807\u9898",prop:"title",width:"small"}),l({prop:"list",label:"\u8BE6\u60C5",width:700,columns:[r({prop:"name",label:"\u59D3\u540D",required:!0})],sortable:!0,sortableProps:{rowSortable(t){return t.index%2===0}}}),e(t=>n({label:"\u5F53\u524D\u503C",children:o("pre",{children:o("code",{children:JSON.stringify(t.values,null,2)})})}))]})),b={class:"wk-demo full-height"},w=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table-sortable-simple.demo.md","lastUpdated":1719310312000}'),h={name:"fat-form-layout/table-sortable-simple.demo.md"},y=Object.assign(h,{setup(a){return(l,r)=>{const e=i("ClientOnly");return d(),c("div",null,[s(e,null,{default:p(()=>[m("div",b,[s(_(f))])]),_:1})])}}});export{w as __pageData,y as default}; diff --git a/assets/fat-form-layout_table-sortable.demo.md.5b9ad85b.js b/assets/fat-form-layout_table-sortable.demo.md.5b9ad85b.js new file mode 100644 index 0000000..ed900d0 --- /dev/null +++ b/assets/fat-form-layout_table-sortable.demo.md.5b9ad85b.js @@ -0,0 +1 @@ +import{o as c,c as _,b as p,n as h,q as n,a5 as m,a4 as f,B as v,a6 as g,a as b,f as d,w as x,g as w}from"./app.56f20909.js";/*! Element Plus Icons Vue v2.1.0 */var y=(r,l)=>{let a=r.__vccOpts||r;for(let[t,s]of l)a[t]=s;return a},B={name:"Rank"},C={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},F=p("path",{fill:"currentColor",d:"m186.496 544 41.408 41.344a32 32 0 1 1-45.248 45.312l-96-96a32 32 0 0 1 0-45.312l96-96a32 32 0 1 1 45.248 45.312L186.496 480h290.816V186.432l-41.472 41.472a32 32 0 1 1-45.248-45.184l96-96.128a32 32 0 0 1 45.312 0l96 96.064a32 32 0 0 1-45.248 45.184l-41.344-41.28V480H832l-41.344-41.344a32 32 0 0 1 45.248-45.312l96 96a32 32 0 0 1 0 45.312l-96 96a32 32 0 0 1-45.248-45.312L832 544H541.312v293.44l41.344-41.28a32 32 0 1 1 45.248 45.248l-96 96a32 32 0 0 1-45.312 0l-96-96a32 32 0 1 1 45.312-45.248l41.408 41.408V544H186.496z"},null,-1),D=[F];function k(r,l,a,t,s,o){return c(),_("svg",C,D)}var H=y(B,[["render",k],["__file","rank.vue"]]);const E="_dragHandle_mj24p_1",i={dragHandle:E},$=h(({item:r,table:l,tableColumn:a,consumer:t,group:s})=>{const o=e=>e>=3;return()=>({children:[l({prop:"list",width:700,createText:"\u70B9\u51FB\u8FD9\u91CC\u6DFB\u52A0\u4E00\u884C, \u7B2C\u56DB\u884C\u540E\u624D\u80FD\u6392\u5E8F",renderColumns:e=>[n(m,{label:"\u5E8F\u53F7",width:80,"v-slots":{default:u=>v("div",{class:i.dragHandle,children:[u.$index+1,o(u.$index)&&n(g,{children:n(H,{})})]})}})],columns:[a({prop:"name",label:"\u59D3\u540D",required:!0}),a({prop:"enabled",label:"\u72B6\u6001",valueType:"switch",width:"mini"})],sortable:!0,sortableProps:{type:f.ByDrag,handle:`.${i.dragHandle}`,rowSortable(e){return o(e.index)},canDrop(e){return e.relatedIndex>=3}}}),t(e=>s({children:n("pre",{children:n("code",{children:JSON.stringify(e.values,null,2)})})}))]})}),O={class:"wk-demo full-height"},j=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table-sortable.demo.md","lastUpdated":1719310312000}'),T={name:"fat-form-layout/table-sortable.demo.md"},N=Object.assign(T,{setup(r){return(l,a)=>{const t=b("ClientOnly");return c(),_("div",null,[d(t,null,{default:x(()=>[p("div",O,[d(w($))])]),_:1})])}}});export{j as __pageData,N as default}; diff --git a/assets/fat-form-layout_table-sortable.demo.md.5b9ad85b.lean.js b/assets/fat-form-layout_table-sortable.demo.md.5b9ad85b.lean.js new file mode 100644 index 0000000..ed900d0 --- /dev/null +++ b/assets/fat-form-layout_table-sortable.demo.md.5b9ad85b.lean.js @@ -0,0 +1 @@ +import{o as c,c as _,b as p,n as h,q as n,a5 as m,a4 as f,B as v,a6 as g,a as b,f as d,w as x,g as w}from"./app.56f20909.js";/*! Element Plus Icons Vue v2.1.0 */var y=(r,l)=>{let a=r.__vccOpts||r;for(let[t,s]of l)a[t]=s;return a},B={name:"Rank"},C={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},F=p("path",{fill:"currentColor",d:"m186.496 544 41.408 41.344a32 32 0 1 1-45.248 45.312l-96-96a32 32 0 0 1 0-45.312l96-96a32 32 0 1 1 45.248 45.312L186.496 480h290.816V186.432l-41.472 41.472a32 32 0 1 1-45.248-45.184l96-96.128a32 32 0 0 1 45.312 0l96 96.064a32 32 0 0 1-45.248 45.184l-41.344-41.28V480H832l-41.344-41.344a32 32 0 0 1 45.248-45.312l96 96a32 32 0 0 1 0 45.312l-96 96a32 32 0 0 1-45.248-45.312L832 544H541.312v293.44l41.344-41.28a32 32 0 1 1 45.248 45.248l-96 96a32 32 0 0 1-45.312 0l-96-96a32 32 0 1 1 45.312-45.248l41.408 41.408V544H186.496z"},null,-1),D=[F];function k(r,l,a,t,s,o){return c(),_("svg",C,D)}var H=y(B,[["render",k],["__file","rank.vue"]]);const E="_dragHandle_mj24p_1",i={dragHandle:E},$=h(({item:r,table:l,tableColumn:a,consumer:t,group:s})=>{const o=e=>e>=3;return()=>({children:[l({prop:"list",width:700,createText:"\u70B9\u51FB\u8FD9\u91CC\u6DFB\u52A0\u4E00\u884C, \u7B2C\u56DB\u884C\u540E\u624D\u80FD\u6392\u5E8F",renderColumns:e=>[n(m,{label:"\u5E8F\u53F7",width:80,"v-slots":{default:u=>v("div",{class:i.dragHandle,children:[u.$index+1,o(u.$index)&&n(g,{children:n(H,{})})]})}})],columns:[a({prop:"name",label:"\u59D3\u540D",required:!0}),a({prop:"enabled",label:"\u72B6\u6001",valueType:"switch",width:"mini"})],sortable:!0,sortableProps:{type:f.ByDrag,handle:`.${i.dragHandle}`,rowSortable(e){return o(e.index)},canDrop(e){return e.relatedIndex>=3}}}),t(e=>s({children:n("pre",{children:n("code",{children:JSON.stringify(e.values,null,2)})})}))]})}),O={class:"wk-demo full-height"},j=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table-sortable.demo.md","lastUpdated":1719310312000}'),T={name:"fat-form-layout/table-sortable.demo.md"},N=Object.assign(T,{setup(r){return(l,a)=>{const t=b("ClientOnly");return c(),_("div",null,[d(t,null,{default:x(()=>[p("div",O,[d(w($))])]),_:1})])}}});export{j as __pageData,N as default}; diff --git a/assets/fat-form-layout_table.demo.md.3c1d0201.js b/assets/fat-form-layout_table.demo.md.3c1d0201.js new file mode 100644 index 0000000..60b3b8e --- /dev/null +++ b/assets/fat-form-layout_table.demo.md.3c1d0201.js @@ -0,0 +1 @@ +import{n as c,r as p,B as m,q as r,a7 as h,a as f,o as v,c as _,f as o,w,b,g}from"./app.56f20909.js";const x=c(({item:u,table:i,tableColumn:e,consumer:t,group:n})=>{const l=p("editable"),s=a=>{a?l.value="preview":l.value="editable"};return()=>({mode:l.value,children:[t(()=>m("div",{children:["\u9884\u89C8\u6A21\u5F0F\uFF1A",r(h,{modelValue:l.value==="preview","onUpdate:modelValue":s})]})),u({label:"\u6807\u9898",prop:"title",width:"small"}),i({prop:"list",label:"\u8BE6\u60C5",width:700,required:!0,columns:[e({prop:"name",label:"\u59D3\u540D",width:"mini",required:!0}),e({prop:"address",label:"\u5730\u5740",valueType:"textarea",valueProps:{maxlength:100,showWordLimit:!0},required:!0}),e({prop:"enabled",label:"\u72B6\u6001",valueType:"switch",width:"mini"}),e({prop:"action",label:"\u5F53\u524D\u884C\u6570\u636E",renderColumn({form:a,parentProp:d}){return r("pre",{children:JSON.stringify(a.getFieldValue(d),void 0,2)})}})],createText:"\u65B0\u589E\u4E00\u884C",removeText:"\u5220\u9664"}),t(a=>n({label:"\u5F53\u524D\u503C",children:r("pre",{children:r("code",{children:JSON.stringify(a.values,null,2)})})}))]})}),y={class:"wk-demo full-height"},B=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table.demo.md","lastUpdated":1719310312000}'),F={name:"fat-form-layout/table.demo.md"},E=Object.assign(F,{setup(u){return(i,e)=>{const t=f("ClientOnly");return v(),_("div",null,[o(t,null,{default:w(()=>[b("div",y,[o(g(x))])]),_:1})])}}});export{B as __pageData,E as default}; diff --git a/assets/fat-form-layout_table.demo.md.3c1d0201.lean.js b/assets/fat-form-layout_table.demo.md.3c1d0201.lean.js new file mode 100644 index 0000000..60b3b8e --- /dev/null +++ b/assets/fat-form-layout_table.demo.md.3c1d0201.lean.js @@ -0,0 +1 @@ +import{n as c,r as p,B as m,q as r,a7 as h,a as f,o as v,c as _,f as o,w,b,g}from"./app.56f20909.js";const x=c(({item:u,table:i,tableColumn:e,consumer:t,group:n})=>{const l=p("editable"),s=a=>{a?l.value="preview":l.value="editable"};return()=>({mode:l.value,children:[t(()=>m("div",{children:["\u9884\u89C8\u6A21\u5F0F\uFF1A",r(h,{modelValue:l.value==="preview","onUpdate:modelValue":s})]})),u({label:"\u6807\u9898",prop:"title",width:"small"}),i({prop:"list",label:"\u8BE6\u60C5",width:700,required:!0,columns:[e({prop:"name",label:"\u59D3\u540D",width:"mini",required:!0}),e({prop:"address",label:"\u5730\u5740",valueType:"textarea",valueProps:{maxlength:100,showWordLimit:!0},required:!0}),e({prop:"enabled",label:"\u72B6\u6001",valueType:"switch",width:"mini"}),e({prop:"action",label:"\u5F53\u524D\u884C\u6570\u636E",renderColumn({form:a,parentProp:d}){return r("pre",{children:JSON.stringify(a.getFieldValue(d),void 0,2)})}})],createText:"\u65B0\u589E\u4E00\u884C",removeText:"\u5220\u9664"}),t(a=>n({label:"\u5F53\u524D\u503C",children:r("pre",{children:r("code",{children:JSON.stringify(a.values,null,2)})})}))]})}),y={class:"wk-demo full-height"},B=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/table.demo.md","lastUpdated":1719310312000}'),F={name:"fat-form-layout/table.demo.md"},E=Object.assign(F,{setup(u){return(i,e)=>{const t=f("ClientOnly");return v(),_("div",null,[o(t,null,{default:w(()=>[b("div",y,[o(g(x))])]),_:1})])}}});export{B as __pageData,E as default}; diff --git a/assets/fat-form-layout_table.md.6b86f403.js b/assets/fat-form-layout_table.md.6b86f403.js new file mode 100644 index 0000000..1fc2571 --- /dev/null +++ b/assets/fat-form-layout_table.md.6b86f403.js @@ -0,0 +1,309 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-form-table.d632ffac.png",m=JSON.parse('{"title":"FatFormTable \u8868\u683C\u8868\u5355","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[{"level":3,"title":"\u7B80\u5355\u793A\u4F8B","slug":"\u7B80\u5355\u793A\u4F8B","link":"#\u7B80\u5355\u793A\u4F8B","children":[]},{"level":3,"title":"\u8868\u683C\u6392\u5E8F","slug":"\u8868\u683C\u6392\u5E8F","link":"#\u8868\u683C\u6392\u5E8F","children":[]}]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/table.md","lastUpdated":1719310312000}'),o={name:"fat-form-layout/table.md"},e=l(`

FatFormTable \u8868\u683C\u8868\u5355

FatFormTable \u4EE5\u8868\u683C\u7684\u5F62\u5F0F\u6765\u5C55\u73B0\u6570\u7EC4\u8868\u5355\u3002



\u793A\u4F8B

\u7B80\u5355\u793A\u4F8B


\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm, FatFormMode } from '@wakeadmin/components';
+import { ElSwitch } from 'element-plus';
+import { ref } from 'vue';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  const previewMode = ref<FatFormMode>('editable');
+
+  const handleModeChange = (preview: any) => {
+    if (preview) {
+      previewMode.value = 'preview';
+    } else {
+      previewMode.value = 'editable';
+    }
+  };
+
+  return () => ({
+    mode: previewMode.value,
+    children: [
+      consumer(() => {
+        return (
+          <div>
+            \u9884\u89C8\u6A21\u5F0F\uFF1A
+            <ElSwitch modelValue={previewMode.value === 'preview'} onUpdate:modelValue={handleModeChange} />
+          </div>
+        );
+      }),
+      item({ label: '\u6807\u9898', prop: 'title', width: 'small' }),
+      table({
+        prop: 'list',
+        label: '\u8BE6\u60C5',
+        width: 700,
+        // list \u6570\u7EC4\u672C\u8EAB\u7684\u9A8C\u8BC1\u89C4\u5219
+        required: true,
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '\u59D3\u540D',
+            width: 'mini',
+            // \u8868\u5355\u9879\u7EA7\u522B\u7684\u9A8C\u8BC1\u89C4\u5219
+            required: true,
+          }),
+          tableColumn({
+            prop: 'address',
+            label: '\u5730\u5740',
+            valueType: 'textarea',
+            valueProps: {
+              maxlength: 100,
+              showWordLimit: true,
+            },
+            required: true,
+          }),
+          tableColumn({ prop: 'enabled', label: '\u72B6\u6001', valueType: 'switch', width: 'mini' }),
+          tableColumn({
+            prop: 'action',
+            label: '\u5F53\u524D\u884C\u6570\u636E',
+            // \u590D\u6742\u573A\u666F\uFF0C\u81EA\u5B9A\u4E49\u8868\u5355
+            renderColumn({ form, parentProp }) {
+              return <pre>{JSON.stringify(form.getFieldValue(parentProp), undefined, 2)}</pre>;
+            },
+          }),
+        ],
+        // \u81EA\u5B9A\u4E49\u6587\u6848
+        createText: '\u65B0\u589E\u4E00\u884C',
+        removeText: '\u5220\u9664',
+      }),
+      consumer(form =>
+        group({
+          label: '\u5F53\u524D\u503C',
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+

element-ui \u5148\u5EFA\u8BAE\u663E\u5F0F\u8BBE\u7F6E table \u7684\u5BBD\u5EA6\uFF0C\u907F\u514D\u6EA2\u51FA

\u8868\u5355\u9A8C\u8BC1\u89C4\u5219\u5EFA\u8BAE\u8BBE\u7F6E\u5728 tableColumn \u4E0A\uFF0C\u800C\u4E0D\u662F table \u6216\u8005 form \u4E0A\u3002\u56E0\u4E3A\u6570\u7EC4\u9879\u7684 prop \u662F\u52A8\u6001\u7684





\u81EA\u5B9A\u4E49\u8868\u5355\u9879\u521B\u5EFA\u903B\u8F91:

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  let uid = 0;
+  return () => ({
+    children: [
+      table({
+        prop: 'list',
+        label: '\u8BE6\u60C5',
+        width: 700,
+        rowKey: 'id',
+        // \u5173\u95ED\u5220\u9664\u63D0\u793A
+        removeConfirm: false,
+
+        // \u{1F534} \u81EA\u5B9A\u4E49\u521B\u5EFA\u884C\u7684\u6570\u636E
+        beforeCreate() {
+          const id = uid++;
+          return {
+            id,
+            name: \`ivan-\${id}\`,
+            address: '\u5E7F\u4E1C\u7701\u6C55\u5C3E\u5E02',
+          };
+        },
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '\u59D3\u540D',
+            width: 'mini',
+            // \u8868\u5355\u9879\u7EA7\u522B\u7684\u9A8C\u8BC1\u89C4\u5219
+            required: true,
+          }),
+          tableColumn({
+            prop: 'address',
+            label: '\u5730\u5740',
+            required: true,
+          }),
+        ],
+      }),
+      consumer(form =>
+        group({
+          label: '\u5F53\u524D\u503C',
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+




\u8868\u683C\u6392\u5E8F

\u901A\u8FC7 \u4E0A\u79FB\u3001 \u4E0B\u79FB \u64CD\u4F5C\u9879\u8FDB\u884C\u6392\u5E8F\uFF1A

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  return () => ({
+    children: [
+      item({ label: '\u6807\u9898', prop: 'title', width: 'small' }),
+      table({
+        prop: 'list',
+        label: '\u8BE6\u60C5',
+        width: 700,
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '\u59D3\u540D',
+            // \u8868\u5355\u9879\u7EA7\u522B\u7684\u9A8C\u8BC1\u89C4\u5219
+            required: true,
+          }),
+        ],
+        // \u{1F534} \u5F00\u542F\u6392\u5E8F
+        sortable: true,
+
+        // \u{1F534} \u81EA\u5B9A\u4E49\u6392\u5E8F\u89C4\u5219, \u53EF\u9009
+        sortableProps: {
+          rowSortable(params) {
+            // \u7D22\u5F15\u4E3A\u5076\u6570\u7684\u53EF\u4EE5\u6392\u5E8F
+            return params.index % 2 === 0;
+          },
+        },
+      }),
+      consumer(form =>
+        group({
+          label: '\u5F53\u524D\u503C',
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+




\u4F7F\u7528\u62D6\u62FD\u8FDB\u884C\u6392\u5E8F:

\u67E5\u770B\u4EE3\u7801
tsx
import { FatFormTableSortType, defineFatForm } from '@wakeadmin/components';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  return () => ({
+    children: [
+      item({ label: '\u6807\u9898', prop: 'title', width: 'small' }),
+      table({
+        prop: 'list',
+        label: '\u8BE6\u60C5',
+        width: 700,
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '\u59D3\u540D',
+            // \u8868\u5355\u9879\u7EA7\u522B\u7684\u9A8C\u8BC1\u89C4\u5219
+            required: true,
+          }),
+        ],
+        // \u{1F534} \u5F00\u542F\u6392\u5E8F
+        sortable: true,
+
+        // \u{1F534} \u81EA\u5B9A\u4E49\u6392\u5E8F\u89C4\u5219, \u53EF\u9009
+        sortableProps: {
+          type: FatFormTableSortType.ByDrag,
+          rowSortable(params) {
+            // \u7D22\u5F15\u4E3A\u5076\u6570\u7684\u53EF\u4EE5\u6392\u5E8F
+            return params.index % 2 === 0;
+          },
+        },
+      }),
+      consumer(form =>
+        group({
+          label: '\u5F53\u524D\u503C',
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+




\u590D\u6742\u7684\u6392\u5E8F\u89C4\u5219\uFF0C\u81EA\u5B9A\u4E49\u62D6\u62FD\u7684\u628A\u67C4\uFF1A

\u67E5\u770B\u4EE3\u7801
tsx
import { FatFormTableSortType, defineFatForm } from '@wakeadmin/components';
+import { ElIcon, ElTableColumn } from 'element-plus';
+import { Rank } from '@element-plus/icons-vue';
+
+import s from './TableSortable.module.scss';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  // \u7B2C\u4E09\u884C\u4E4B\u540E\u7684\u53EF\u4EE5\u6392\u5E8F
+  const sortable = (index: number) => {
+    return index >= 3;
+  };
+
+  return () => ({
+    children: [
+      table({
+        prop: 'list',
+        width: 700,
+        createText: '\u70B9\u51FB\u8FD9\u91CC\u6DFB\u52A0\u4E00\u884C, \u7B2C\u56DB\u884C\u540E\u624D\u80FD\u6392\u5E8F',
+        // \u{1F534} \u4F7F\u7528 columns \u63D2\u69FD\u81EA\u5B9A\u4E49\u8868\u683C\u5217
+        // \u{1F534} \u81EA\u5B9A\u4E49\u62D6\u62FD\u5177\u5907\uFF0C\u914D\u5408 sortableProps \u7684 handle \u5C5E\u6027\u4F7F\u7528
+        renderColumns: ins => {
+          return [
+            <ElTableColumn
+              label="\u5E8F\u53F7"
+              width={80}
+              v-slots={{
+                default: (scope: { $index: number }) => {
+                  return (
+                    <div class={s.dragHandle}>
+                      {scope.$index + 1}
+                      {sortable(scope.$index) && (
+                        <ElIcon>
+                          <Rank></Rank>
+                        </ElIcon>
+                      )}
+                    </div>
+                  );
+                },
+              }}
+            ></ElTableColumn>,
+          ];
+        },
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '\u59D3\u540D',
+            // \u8868\u5355\u9879\u7EA7\u522B\u7684\u9A8C\u8BC1\u89C4\u5219
+            required: true,
+          }),
+          tableColumn({ prop: 'enabled', label: '\u72B6\u6001', valueType: 'switch', width: 'mini' }),
+        ],
+        // \u{1F534} \u5F00\u542F\u6392\u5E8F
+        sortable: true,
+        sortableProps: {
+          /**
+           * \u{1F534} \u62D6\u62FD\u6392\u5E8F
+           */
+          type: FatFormTableSortType.ByDrag,
+
+          /**
+           * \u{1F534} \u62D6\u52A8\u624B\u67C4\uFF0C\u9ED8\u8BA4\u662F\u6574\u884C\u53EF\u4EE5\u62D6\u52A8
+           */
+          handle: \`.\${s.dragHandle}\`,
+
+          /**
+           * \u{1F534} \u5224\u65AD\u662F\u5426\u652F\u6301\u62D6\u52A8
+           * @param params
+           * @returns
+           */
+          rowSortable(params) {
+            return sortable(params.index);
+          },
+
+          /**
+           * \u{1F534} \u81EA\u5B9A\u4E49\u590D\u6742\u7684\u529F\u80FD
+           * \u6BD4\u5982\u8FD9\u91CC\u4E0D\u80FD\u62D6\u52A8\u5230\u524D\u4E09\u884C
+           */
+          canDrop(params) {
+            return params.relatedIndex >= 3;
+          },
+        },
+      }),
+      consumer(form =>
+        group({
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+




API

',46),F=[e];function c(t,r,D,y,C,A){return n(),a("div",null,F)}const d=s(o,[["render",c]]);export{m as __pageData,d as default}; diff --git a/assets/fat-form-layout_table.md.6b86f403.lean.js b/assets/fat-form-layout_table.md.6b86f403.lean.js new file mode 100644 index 0000000..547d1ea --- /dev/null +++ b/assets/fat-form-layout_table.md.6b86f403.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-form-table.d632ffac.png",m=JSON.parse('{"title":"FatFormTable \u8868\u683C\u8868\u5355","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[{"level":3,"title":"\u7B80\u5355\u793A\u4F8B","slug":"\u7B80\u5355\u793A\u4F8B","link":"#\u7B80\u5355\u793A\u4F8B","children":[]},{"level":3,"title":"\u8868\u683C\u6392\u5E8F","slug":"\u8868\u683C\u6392\u5E8F","link":"#\u8868\u683C\u6392\u5E8F","children":[]}]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/table.md","lastUpdated":1719310312000}'),o={name:"fat-form-layout/table.md"},e=l("",46),F=[e];function c(t,r,D,y,C,A){return n(),a("div",null,F)}const d=s(o,[["render",c]]);export{m as __pageData,d as default}; diff --git a/assets/fat-form-layout_tabs.demo.md.fc19240d.js b/assets/fat-form-layout_tabs.demo.md.fc19240d.js new file mode 100644 index 0000000..545a165 --- /dev/null +++ b/assets/fat-form-layout_tabs.demo.md.fc19240d.js @@ -0,0 +1 @@ +import{Y as o,a as n,o as s,c as r,f as t,w as c,b as p,g as d}from"./app.56f20909.js";const i=o(({tabPane:a,item:e})=>()=>({submit:async u=>{console.log("\u8868\u5355\u63D0\u4EA4")},children:[a({label:"\u5DE5\u4F5C\u4FE1\u606F",name:"work",children:[e({prop:"name",label:"\u59D3\u540D",required:!0}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]}})]}),a({label:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",name:"sync",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea"})]})]})),m={class:"wk-demo full-height"},F=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/tabs.demo.md","lastUpdated":1719310312000}'),_={name:"fat-form-layout/tabs.demo.md"},b=Object.assign(_,{setup(a){return(e,u)=>{const l=n("ClientOnly");return s(),r("div",null,[t(l,null,{default:c(()=>[p("div",m,[t(d(i))])]),_:1})])}}});export{F as __pageData,b as default}; diff --git a/assets/fat-form-layout_tabs.demo.md.fc19240d.lean.js b/assets/fat-form-layout_tabs.demo.md.fc19240d.lean.js new file mode 100644 index 0000000..545a165 --- /dev/null +++ b/assets/fat-form-layout_tabs.demo.md.fc19240d.lean.js @@ -0,0 +1 @@ +import{Y as o,a as n,o as s,c as r,f as t,w as c,b as p,g as d}from"./app.56f20909.js";const i=o(({tabPane:a,item:e})=>()=>({submit:async u=>{console.log("\u8868\u5355\u63D0\u4EA4")},children:[a({label:"\u5DE5\u4F5C\u4FE1\u606F",name:"work",children:[e({prop:"name",label:"\u59D3\u540D",required:!0}),e({prop:"type",label:"\u5DE5\u4F5C\u7C7B\u578B",valueType:"select",valueProps:{options:[{value:0,label:"\u56FD\u4F01"},{value:1,label:"\u79C1\u4F01"}]}})]}),a({label:"\u540C\u6B65\u8868\u5355\u4FE1\u606F",name:"sync",children:[e({prop:"dateRange",label:"\u65F6\u95F4\u533A\u95F4",valueType:"date-range"}),e({prop:"note",label:"\u5907\u6CE8",valueType:"textarea"})]})]})),m={class:"wk-demo full-height"},F=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-form-layout/tabs.demo.md","lastUpdated":1719310312000}'),_={name:"fat-form-layout/tabs.demo.md"},b=Object.assign(_,{setup(a){return(e,u)=>{const l=n("ClientOnly");return s(),r("div",null,[t(l,null,{default:c(()=>[p("div",m,[t(d(i))])]),_:1})])}}});export{F as __pageData,b as default}; diff --git a/assets/fat-form-layout_tabs.md.15ab9aba.js b/assets/fat-form-layout_tabs.md.15ab9aba.js new file mode 100644 index 0000000..18ab438 --- /dev/null +++ b/assets/fat-form-layout_tabs.md.15ab9aba.js @@ -0,0 +1,72 @@ +import{_ as s,o as a,c as n,m as l}from"./app.56f20909.js";const p="/components/assets/fat-form-tabs.aef1f06f.png",o="/components/assets/fat-form-tab-pane.de8da9cd.png",u=JSON.parse('{"title":"FatFormTabs \u6807\u7B7E\u9875\u8868\u5355","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/tabs.md","lastUpdated":1719310312000}'),e={name:"fat-form-layout/tabs.md"},t=l(`

FatFormTabs \u6807\u7B7E\u9875\u8868\u5355

FatFormTabs \u662F FatForm \u9488\u5BF9\u590D\u6742\u6807\u7B7E\u9875\u8868\u5355\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6

\u793A\u4F8B

\u4F7F\u7528\u7EC4\u4EF6\u6A21\u5F0F\u521B\u5EFA:

\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatFormTabs :submit="handleSubmit">
+    <FatFormTabPane label="\u5DE5\u4F5C\u4FE1\u606F" name="work">
+      <FatFormItem prop="name" label="\u59D3\u540D" required></FatFormItem>
+      <FatFormItem
+        prop="type"
+        label="\u5DE5\u4F5C\u7C7B\u578B"
+        value-type="select"
+        :value-props="{
+          options: [
+            { value: 0, label: '\u56FD\u4F01' },
+            { value: 1, label: '\u79C1\u4F01' },
+          ],
+        }"
+        required
+      ></FatFormItem>
+    </FatFormTabPane>
+
+    <FatFormTabPane label="\u540C\u6B65\u8868\u5355\u4FE1\u606F" name="sync">
+      <FatFormItem prop="dateRange" label="\u65F6\u95F4\u533A\u95F4" value-type="date-range"></FatFormItem>
+      <FatFormItem prop="note" label="\u5907\u6CE8" value-type="textarea"></FatFormItem>
+    </FatFormTabPane>
+  </FatFormTabs>
+</template>
+
+<script lang="tsx" setup>
+  import { FatFormTabs, FatFormTabPane, FatFormItem } from '@wakeadmin/components';
+
+  const handleSubmit = async (values: any) => {
+    console.log(values);
+  };
+</script>
+




(\u63A8\u8350)\u4F7F\u7528 defineFatFormTabs \u6A21\u5F0F\u521B\u5EFA\uFF1A

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatFormTabs } from '@wakeadmin/components';
+
+export default defineFatFormTabs(({ tabPane, item }) => {
+  return () => {
+    return {
+      submit: async values => {
+        console.log('\u8868\u5355\u63D0\u4EA4');
+      },
+      children: [
+        tabPane({
+          label: '\u5DE5\u4F5C\u4FE1\u606F',
+          name: 'work',
+          children: [
+            item({ prop: 'name', label: '\u59D3\u540D', required: true }),
+            item({
+              prop: 'type',
+              label: '\u5DE5\u4F5C\u7C7B\u578B',
+              valueType: 'select',
+              valueProps: {
+                options: [
+                  { value: 0, label: '\u56FD\u4F01' },
+                  { value: 1, label: '\u79C1\u4F01' },
+                ],
+              },
+            }),
+          ],
+        }),
+        tabPane({
+          label: '\u540C\u6B65\u8868\u5355\u4FE1\u606F',
+          name: 'sync',
+          children: [
+            item({ prop: 'dateRange', label: '\u65F6\u95F4\u533A\u95F4', valueType: 'date-range' }),
+            item({ prop: 'note', label: '\u5907\u6CE8', valueType: 'textarea' }),
+          ],
+        }),
+      ],
+    };
+  };
+});
+



API

FatFormTabs:




FatFormTabPane:





',27),F=[t];function c(r,D,y,C,i,A){return a(),n("div",null,F)}const d=s(e,[["render",c]]);export{u as __pageData,d as default}; diff --git a/assets/fat-form-layout_tabs.md.15ab9aba.lean.js b/assets/fat-form-layout_tabs.md.15ab9aba.lean.js new file mode 100644 index 0000000..3f62e50 --- /dev/null +++ b/assets/fat-form-layout_tabs.md.15ab9aba.lean.js @@ -0,0 +1 @@ +import{_ as s,o as a,c as n,m as l}from"./app.56f20909.js";const p="/components/assets/fat-form-tabs.aef1f06f.png",o="/components/assets/fat-form-tab-pane.de8da9cd.png",u=JSON.parse('{"title":"FatFormTabs \u6807\u7B7E\u9875\u8868\u5355","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form-layout/tabs.md","lastUpdated":1719310312000}'),e={name:"fat-form-layout/tabs.md"},t=l("",27),F=[t];function c(r,D,y,C,i,A){return a(),n("div",null,F)}const d=s(e,[["render",c]]);export{u as __pageData,d as default}; diff --git a/assets/fat-form-methods.e4833e76.png b/assets/fat-form-methods.e4833e76.png new file mode 100644 index 0000000..a194123 Binary files /dev/null and b/assets/fat-form-methods.e4833e76.png differ diff --git a/assets/fat-form-modal.bf6e814c.png b/assets/fat-form-modal.bf6e814c.png new file mode 100644 index 0000000..8de2ee3 Binary files /dev/null and b/assets/fat-form-modal.bf6e814c.png differ diff --git a/assets/fat-form-page.e4eb00c1.png b/assets/fat-form-page.e4eb00c1.png new file mode 100644 index 0000000..3ac6948 Binary files /dev/null and b/assets/fat-form-page.e4eb00c1.png differ diff --git a/assets/fat-form-query.b5f86261.png b/assets/fat-form-query.b5f86261.png new file mode 100644 index 0000000..2183878 Binary files /dev/null and b/assets/fat-form-query.b5f86261.png differ diff --git a/assets/fat-form-section.bb206a74.png b/assets/fat-form-section.bb206a74.png new file mode 100644 index 0000000..0bee87c Binary files /dev/null and b/assets/fat-form-section.bb206a74.png differ diff --git a/assets/fat-form-step.59b34df0.png b/assets/fat-form-step.59b34df0.png new file mode 100644 index 0000000..2e592ff Binary files /dev/null and b/assets/fat-form-step.59b34df0.png differ diff --git a/assets/fat-form-steps.b9b1f3eb.png b/assets/fat-form-steps.b9b1f3eb.png new file mode 100644 index 0000000..96d82d2 Binary files /dev/null and b/assets/fat-form-steps.b9b1f3eb.png differ diff --git a/assets/fat-form-tab-pane.de8da9cd.png b/assets/fat-form-tab-pane.de8da9cd.png new file mode 100644 index 0000000..7809301 Binary files /dev/null and b/assets/fat-form-tab-pane.de8da9cd.png differ diff --git a/assets/fat-form-table.d632ffac.png b/assets/fat-form-table.d632ffac.png new file mode 100644 index 0000000..d73dff0 Binary files /dev/null and b/assets/fat-form-table.d632ffac.png differ diff --git a/assets/fat-form-tabs.aef1f06f.png b/assets/fat-form-tabs.aef1f06f.png new file mode 100644 index 0000000..db3e3d6 Binary files /dev/null and b/assets/fat-form-tabs.aef1f06f.png differ diff --git a/assets/fat-form.0885f35b.png b/assets/fat-form.0885f35b.png new file mode 100644 index 0000000..0b81f3c Binary files /dev/null and b/assets/fat-form.0885f35b.png differ diff --git a/assets/fat-form_consumer.md.b0e5c0f5.js b/assets/fat-form_consumer.md.b0e5c0f5.js new file mode 100644 index 0000000..7944a7e --- /dev/null +++ b/assets/fat-form_consumer.md.b0e5c0f5.js @@ -0,0 +1,7 @@ +import{_ as s,o as a,c as n,m as o}from"./app.56f20909.js";const A=JSON.parse('{"title":"FatFormConsumer \u8868\u5355\u5185\u7701","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form/consumer.md","lastUpdated":1719310312000}'),l={name:"fat-form/consumer.md"},p=o(`

FatFormConsumer \u8868\u5355\u5185\u7701

\u7528\u4E8E\u83B7\u53D6 FatForm \u7684\u5185\u90E8\u72B6\u6001\u3002\u53EF\u4EE5\u5B9E\u73B0\u7CBE\u786E\u6E32\u67D3.

\u4F7F\u7528\u65B9\u6CD5\u89C1 FatForm \u8868\u5355




API

ts
export interface FatFormConsumerProps<S extends {} = {}> {
+  /**
+   * \u4E5F\u53EF\u4EE5\u901A\u8FC7 #default slot
+   */
+  renderDefault?: (form: FatFormMethods<S>) => any;
+}
+



`,11),e=[p];function t(r,c,F,D,y,C){return a(),n("div",null,e)}const d=s(l,[["render",t]]);export{A as __pageData,d as default}; diff --git a/assets/fat-form_consumer.md.b0e5c0f5.lean.js b/assets/fat-form_consumer.md.b0e5c0f5.lean.js new file mode 100644 index 0000000..3e32601 --- /dev/null +++ b/assets/fat-form_consumer.md.b0e5c0f5.lean.js @@ -0,0 +1 @@ +import{_ as s,o as a,c as n,m as o}from"./app.56f20909.js";const A=JSON.parse('{"title":"FatFormConsumer \u8868\u5355\u5185\u7701","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form/consumer.md","lastUpdated":1719310312000}'),l={name:"fat-form/consumer.md"},p=o("",11),e=[p];function t(r,c,F,D,y,C){return a(),n("div",null,e)}const d=s(l,[["render",t]]);export{A as __pageData,d as default}; diff --git a/assets/fat-form_define.md.75a0cb69.js b/assets/fat-form_define.md.75a0cb69.js new file mode 100644 index 0000000..7df0690 --- /dev/null +++ b/assets/fat-form_define.md.75a0cb69.js @@ -0,0 +1,265 @@ +import{n as t,$ as C,q as e,a as d,o as u,c as m,f as p,w as y,m as r,b as o,g as F}from"./app.56f20909.js";const E=t(({item:s,form:l,consumer:n,group:a})=>(console.log(l),()=>({initialValue:{name:"ivan",nickName:"\u72D7\u86CB"},submit:async c=>{await C.confirm("\u786E\u8BA4\u4FDD\u5B58"),console.log("\u4FDD\u5B58\u6210\u529F",c)},children:[s({prop:"name",label:"\u8D26\u53F7\u540D"}),s({prop:"nickName",label:"\u6635\u79F0"}),e("div",{children:"JSX hello"}),n(({values:c})=>a({label:"\u8868\u5355\u72B6\u6001",children:e("pre",{children:e("code",{children:JSON.stringify(c,null,2)})})}))]}))),h=t(({item:s,consumer:l})=>()=>({children:[s({label:"a",prop:"a"}),s({label:"b",prop:"b"}),s({label:"c",prop:"c"}),l(({values:n})=>e("div",{children:JSON.stringify(n)}))]})),g=t(({item:s,form:l})=>()=>{var n;return{children:[s({label:"a",prop:"a"}),s({label:"b",prop:"b"}),s({label:"c",prop:"c"}),e("div",{children:JSON.stringify((n=l.value)==null?void 0:n.values)})]}}),b=t(({group:s,renderChild:l,item:n})=>()=>({initialValue:{type:0,conditions:[]},layout:"vertical",children:[s({label:"\u89E6\u53D1\u6761\u4EF6",gutter:"sm",vertical:!0,children:[n({prop:"type",valueType:"radio",valueProps:{options:[{label:"\u6EE1\u8DB3\u4E00\u9879\u9009\u4E2D\u6761\u4EF6\u5373\u53EF",value:0},{label:"\u6EE1\u8DB3\u5168\u90E8\u9009\u4E2D\u6761\u4EF6",value:1},{label:"\u65E0\u9650\u5236",value:2}]},dependencies:"conditions",rules:a=>({validator(c,A,D){var i;A!==2&&!((i=a.conditions)!=null&&i.length)?D(new Error("\u8BF7\u9009\u62E9\u81F3\u5C11\u4E00\u6761\u89E6\u53D1\u65F6\u95F4\u6761\u4EF6")):D()}})}),s({disabled:a=>a.values.type===2,children:[n({prop:"conditions",valueType:"checkboxs",valueProps:{vertical:!0,options:[{label:a=>l(s({disabled:a?void 0:!0,children:["\u6BCF\u5E74",n({prop:"year.dateRange",valueType:"date-range",required:!0,width:"small"}),"\u65F6\u95F4\u6BB5",n({prop:"year.timeRange",valueType:"time-range",required:!0,width:"small"})]})),value:"year"},{label:a=>l(s({disabled:a?void 0:!0,children:["\u6BCF\u6708",n({prop:"month.date",valueType:"select",valueProps:{options:[{value:1,label:"1"}]},width:"mini",required:!0}),"\u65F6\u95F4\u6BB5",n({prop:"month.timeRange",width:"small",valueType:"time-range",required:!0})]})),value:"month"}]}})]})]})]})),v=r('

defineFatForm \u5B9A\u4E49\u5668

\u548C defineFatTable \u7C7B\u4F3C\uFF0C \u6211\u4EEC\u4E5F\u63D0\u4F9B\u4E86 defineFatForm \u7528\u4E8E\u5FEB\u901F\u5B9A\u4E49\u8868\u5355\u3002\u76F8\u6BD4\u76F4\u63A5\u4F7F\u7528 <template>\uFF0C defineFatForm \u53EF\u4EE5\u63D0\u4F9B\u66F4\u597D\u7684\u7C7B\u578B\u63D0\u793A\u548C\u68C0\u67E5\u3002




Hello world

',6),f={class:"wk-demo"},_=r(`
\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+import { ElMessageBox } from 'element-plus';
+
+export default defineFatForm<{
+  // \u{1F534} \u8FD9\u91CC\u7684\u6CDB\u578B\u53D8\u91CF\u53EF\u4EE5\u5B9A\u4E49\u8868\u5355\u6570\u636E\u7ED3\u6784
+  name: string;
+  nickName: string;
+}>(({ item, form, consumer, group }) => {
+  // \u{1F534} \u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E Hooks
+
+  // \u{1F534} form \u4E3A FatForm \u5B9E\u4F8B\u5F15\u7528
+  console.log(form);
+
+  // \u8FD4\u56DE\u8868\u5355\u5B9A\u4E49
+  return () => ({
+    // FatForm props \u5B9A\u4E49
+    initialValue: {
+      name: 'ivan',
+      nickName: '\u72D7\u86CB',
+    },
+
+    submit: async values => {
+      await ElMessageBox.confirm('\u786E\u8BA4\u4FDD\u5B58');
+      console.log('\u4FDD\u5B58\u6210\u529F', values);
+    },
+
+    // \u{1F534} \u5B50\u8282\u70B9
+    children: [
+      item({ prop: 'name', label: '\u8D26\u53F7\u540D' }),
+      item({
+        prop: 'nickName',
+        label: '\u6635\u79F0',
+      }),
+
+      // \u{1F534} \u8FD9\u91CC\u751A\u81F3\u53EF\u4EE5\u653E JSX
+      <div>JSX hello</div>,
+
+      // \u{1F534} \u4E0D\u8FC7\uFF0C\u5982\u679C\u4F60\u60F3\u8981\u76D1\u542C \u8868\u5355\u6570\u636E\uFF0C\u8FD8\u662F\u5EFA\u8BAE\u4F7F\u7528 FatFormConsumer, \u5426\u5219\u4F1A\u5BFC\u81F4\u6574\u4E2A\u8868\u5355\u7684\u91CD\u65B0\u6E32\u67D3
+      // \u4E0D\u4FE1\uFF0C\u4F60\u53EF\u4EE5\u6253\u5F00 Vue \u5F00\u53D1\u8005\u5DE5\u5177\u7684 Highlight Updates \u8BD5\u4E00\u4E0B
+      consumer(({ values }) => {
+        return group({
+          label: '\u8868\u5355\u72B6\u6001',
+          children: (
+            <pre>
+              <code>{JSON.stringify(values, null, 2)}</code>
+            </pre>
+          ),
+        });
+      }),
+    ],
+  });
+});
+

defineFatForm \u4F7F\u7528\u65B9\u6CD5\u7C7B\u4F3C\u4E8E Vue \u7684 defineComponent, \u53EA\u4E0D\u8FC7\u8FD4\u56DE\u4E00\u4E2A DSL, \u8FD9\u4E2A DSL \u5B9A\u4E49\u4E86\u8868\u5355\u7684\u7ED3\u6784\u548C\u914D\u7F6E\u4FE1\u606F\u3002





\u5B9A\u4E49\u7ED3\u6784

defineFatForm \u7684 DSL \u9700\u8981\u6EE1\u8DB3\u7C7B\u4F3C <template> \u7684\u7075\u6D3B\u7ED3\u6784\u7684\u540C\u65F6\uFF0C\u4FDD\u6301\u4E00\u5B9A\u7EA6\u675F\u6027\u3002\u4E3A\u6B64\u6211\u4EEC\u63D0\u4F9B\u4E86\u4E00\u4E9B helpers \u6765\u8F85\u52A9\u4F60\u5B9A\u4E49\u8FD9\u4E2A DSL\uFF0C\u5E76\u4E14\u80FD\u5173\u8054\u7C7B\u578B\u4E0A\u4E0B\u6587\u3002



\u5E95\u5C42\u65B9\u6CD5

  • renderChild \u53EF\u4EE5\u5C06\u4E0A\u8FF0\u8F85\u52A9\u8F6C\u6362\u4E3A JSX \u8282\u70B9
  • renderChildren \u548C renderChild \u7C7B\u4F3C\uFF0C\u53EA\u4E0D\u8FC7\u652F\u6301\u63A5\u6536\u4E00\u4E2A\u6570\u7EC4

\u4E0A\u8FF0 helper \u63A5\u6536\u5BF9\u5E94\u7EC4\u4EF6\u7684 Props\uFF0C\u9664\u4E86 item , group\u3001section \u8FD8\u652F\u6301\u4F20\u5165\u4E00\u4E2A children \u5B57\u6BB5, \u7528\u4E8E\u5B9A\u4E49\u4E0B\u7EA7\u8282\u70B9:



tsx
defineFatForm(({ item, group, section, consumer }) => {
+  return () => ({
+    // \u8FD9\u91CC\u653E\u7F6E FatForm \u7684 Props
+    // ...
+
+    // \u5B9A\u4E49\u4E0B\u7EA7\u8282\u70B9
+    children: [
+      group({
+        children: [
+          // group \u652F\u6301\u4E0B\u7EA7\u8282\u70B9
+        ],
+      }),
+      section({
+        children: [
+          // section \u652F\u6301\u4E0B\u7EA7\u8282\u70B9
+          group({
+            // \u53EF\u4EE5\u9010\u7EA7\u5D4C\u5957
+            children: [],
+          }),
+        ],
+      }),
+      consumer(() => {
+        // consumer \u56DE\u8C03\u7684\u8FD4\u56DE\u503C\u7B49\u4EF7\u4E8E children
+        return [];
+      }),
+    ],
+  });
+});
+



children \u652F\u6301\u4F20\u5165 item\u3001group\u3001section\u3001consumer, \u4EE5\u53CA JSX:


tsx
defineFatForm(({ item, group, section, consumer }) => {
+  return () => ({
+    // \u5B9A\u4E49\u4E0B\u7EA7\u8282\u70B9
+    children: [
+      group({
+        /*..*/
+      }),
+      item({
+        /*..*/
+      }),
+      section({
+        /*..*/
+      }),
+      consumer(() => {
+        /*..*/
+      }),
+      <div>JSX</div>,
+      someCondition && <div>JSX</div>,
+    ],
+  });
+});
+



\u4E3A\u4EC0\u4E48\u63A8\u8350\u4F7F\u7528 consumer \u800C\u4E0D\u662F\u76F4\u63A5\u5199 JSX

\u5982\u679C\u60F3\u8981\u5B9E\u73B0\u8868\u5355\u8054\u52A8\u7B49, \u4F9D\u8D56\u4E8E\u8868\u5355\u6570\u636E\u7684\u6E32\u67D3\uFF0C\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 consumer, \u56E0\u4E3A\u5B83\u80FD\u591F\u5B9E\u73B0\u7CBE\u786E\u6E32\u67D3\u3002\u4E0B\u9762\u5BF9\u6BD4\u4E24\u4E2A\u793A\u4F8B(\u6253\u5F00 Vue \u5F00\u53D1\u8005\u5DE5\u5177\u7684 Highlight Updates \u67E5\u770B\u91CD\u65B0\u6E32\u67D3\u7684\u8303\u56F4):

`,29),T={class:"wk-demo"},S=o("h3",null,"\u4F7F\u7528 consumer",-1),B=o("h3",null,"\u672A\u4F7F\u7528 consumer",-1),x=r(`
\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+export const UseConsumer = defineFatForm(({ item, consumer }) => {
+  return () => ({
+    children: [
+      item({ label: 'a', prop: 'a' }),
+      item({ label: 'b', prop: 'b' }),
+      item({ label: 'c', prop: 'c' }),
+      consumer(({ values }) => {
+        return <div>{JSON.stringify(values)}</div>;
+      }),
+    ],
+  });
+});
+
+/**
+ * \u672A\u4F7F\u7528 consumer, \u5C06\u5BFC\u81F4\u5168\u91CF\u6E32\u67D3
+ */
+export const NotUseConsumer = defineFatForm(({ item, form }) => {
+  return () => ({
+    children: [
+      item({ label: 'a', prop: 'a' }),
+      item({ label: 'b', prop: 'b' }),
+      item({ label: 'c', prop: 'c' }),
+      <div>{JSON.stringify(form.value?.values)}</div>,
+    ],
+  });
+});
+




\u793A\u4F8B

\u6765\u770B\u4E00\u4E2A\u76F8\u5BF9\u590D\u6742\u7684\u6848\u4F8B\uFF0C\u8FD9\u4E2A\u6848\u4F8B\u6765\u6E90\u4E8E\u60DF\u5BA2\u4E91(\u4F1A\u5458\u4E2D\u5FC3/\u79EF\u5206\u500D\u7387\u6D3B\u52A8)\u3002\u8FD9\u4E2A\u4F8B\u5B50\u4F1A\u5C55\u793A checkboxs \u539F\u4EF6\uFF0CFatFormGroup \u7684\u5999\u7528\uFF1A

`,7),k={class:"wk-demo"},w=r(`
\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+enum Type {
+  Or,
+  And,
+  None,
+}
+
+interface Values {
+  type: Type;
+  conditions: string[];
+}
+
+export default defineFatForm<Values>(({ group, renderChild, item }) => {
+  return () => {
+    return {
+      initialValue: {
+        type: Type.Or,
+        conditions: [],
+      },
+      layout: 'vertical',
+      children: [
+        group({
+          label: '\u89E6\u53D1\u6761\u4EF6',
+          gutter: 'sm',
+          vertical: true,
+          children: [
+            item({
+              prop: 'type',
+              valueType: 'radio',
+              valueProps: {
+                options: [
+                  {
+                    label: '\u6EE1\u8DB3\u4E00\u9879\u9009\u4E2D\u6761\u4EF6\u5373\u53EF',
+                    value: Type.Or,
+                  },
+                  {
+                    label: '\u6EE1\u8DB3\u5168\u90E8\u9009\u4E2D\u6761\u4EF6',
+                    value: Type.And,
+                  },
+                  {
+                    label: '\u65E0\u9650\u5236',
+                    value: Type.None,
+                  },
+                ],
+              },
+              // \u4F9D\u8D56\u4E8E conditions, \u5373 conditions \u53D8\u5316\u65F6\u4F1A\u89E6\u53D1\u5B83\u91CD\u65B0\u9A8C\u8BC1
+              dependencies: 'conditions',
+              rules: values => ({
+                validator(_rule, value, callback) {
+                  if (value !== Type.None && !values.conditions?.length) {
+                    callback(new Error('\u8BF7\u9009\u62E9\u81F3\u5C11\u4E00\u6761\u89E6\u53D1\u65F6\u95F4\u6761\u4EF6'));
+                  } else {
+                    callback();
+                  }
+                },
+              }),
+            }),
+            // group \u53EF\u4EE5\u63A7\u5236\u4E0B\u7EA7\u7684\u4E00\u4E9B\u72B6\u6001\uFF0C\u6BD4\u5982 disabled
+            group({
+              disabled: f => f.values.type === Type.None,
+              children: [
+                item({
+                  prop: 'conditions',
+                  valueType: 'checkboxs',
+                  valueProps: {
+                    // \u5782\u76F4\u5E03\u5C40
+                    vertical: true,
+                    options: [
+                      {
+                        label: active =>
+                          renderChild(
+                            group({
+                              // \u5F53\u9009\u9879\u672A\u9009\u4E2D\u65F6\u7981\u7528\u8868\u5355, \u5982\u679C\u9009\u4E2D\uFF0C\u4F20\u5165 undefined, \u8BA9 group \u4ECE\u7236\u7EA7\u7EE7\u627F disabled \u72B6\u6001
+                              disabled: !active ? true : undefined,
+                              children: [
+                                '\u6BCF\u5E74',
+                                item({
+                                  prop: 'year.dateRange',
+                                  valueType: 'date-range',
+                                  required: true,
+                                  width: 'small',
+                                }),
+                                '\u65F6\u95F4\u6BB5',
+                                item({
+                                  prop: 'year.timeRange',
+                                  valueType: 'time-range',
+                                  required: true,
+                                  width: 'small',
+                                }),
+                              ],
+                            })
+                          ),
+                        value: 'year',
+                      },
+                      {
+                        label: active =>
+                          renderChild(
+                            group({
+                              // \u5F53\u9009\u9879\u672A\u9009\u4E2D\u65F6\u7981\u7528\u8868\u5355
+                              disabled: !active ? true : undefined,
+                              children: [
+                                '\u6BCF\u6708',
+                                item({
+                                  prop: 'month.date',
+                                  valueType: 'select',
+                                  valueProps: {
+                                    options: [{ value: 1, label: '1' }],
+                                  },
+                                  width: 'mini',
+                                  required: true,
+                                }),
+                                '\u65F6\u95F4\u6BB5',
+                                item({
+                                  prop: 'month.timeRange',
+                                  width: 'small',
+                                  valueType: 'time-range',
+                                  required: true,
+                                }),
+                              ],
+                            })
+                          ),
+                        value: 'month',
+                      },
+                    ],
+                  },
+                }),
+              ],
+            }),
+          ],
+        }),
+      ],
+    };
+  };
+});
+



\u8981\u70B9\uFF1A

  • FatFormGroup \u914D\u7F6E\u7684\u72B6\u6001\u53EF\u4EE5\u88AB\u4E0B\u7EA7\u7EE7\u627F\u3002\u8FD9\u4E9B\u72B6\u6001\u5305\u542B mode, size, disabled, hidden, hideMessageOnPreview, clearable, col \u7B49\u3002\u5982\u679C\u4E0B\u7EA7\u663E\u5F0F\u914D\u7F6E\u4E86\u8FD9\u4E9B\u5C5E\u6027\uFF0C\u90A3\u4E48\u5C06\u4EE5\u4E0B\u7EA7\u7684\u4F18\u5148\u3002
  • renderChild \u7528\u4E8E\u5C06 item, group, consumer, section \u7B49 helper \u7684\u8F93\u51FA\u8F6C\u6362\u4E3A JSX\u3002\u8FD9\u662F\u4E00\u4E2A\u5E95\u5C42\u65B9\u6CD5\uFF0C\u7528\u4E8E\u4E00\u4E9B\u590D\u6742\u7684\u573A\u666F\u3002
  • \u5F53 FatFormItem \u7684\u72B6\u6001\u4E3A hidden\uFF0Cdisabled \u6216\u8005 mode \u4E3A 'preview' \u65F6\uFF0C\u9488\u5BF9\u8BE5\u5B57\u6BB5\u7684\u9A8C\u8BC1\u89C4\u5219\u4E5F\u4F1A\u81EA\u52A8\u79FB\u9664\u3002
  • rules \u652F\u6301\u4F20\u5165\u4E00\u4E2A\u51FD\u6570\uFF0C\u7528\u4E8E\u4F9D\u8D56\u4E0A\u4E0B\u6587\u7684\u4E00\u4E9B\u9A8C\u8BC1\u3002 \u53E6\u5916\u4E00\u4E2A\u914D\u5408 dependencies \u914D\u7F6E\u4F9D\u8D56\u7684\u5176\u4ED6\u5B57\u6BB5\uFF0C\u5F53\u8FD9\u4E9B\u5B57\u6BB5\u53D8\u5316\u65F6\u91CD\u65B0\u9A8C\u8BC1\u3002
  • \u6700\u4F73\u5B9E\u8DF5\u662F\u5728 FatFormItem \u4E0A\u914D\u7F6E rule\uFF0C\u800C\u4E0D\u662F\u5728 FatForm \u4E0A\u3002\u8FD9\u6837\u66F4\u52A0\u7075\u6D3B\uFF0C\u5C24\u5176\u662F\u5728\u52A8\u6001\u8868\u5355\u7684\u573A\u666F\u3002
`,6),P=JSON.parse('{"title":"defineFatForm \u5B9A\u4E49\u5668","description":"","frontmatter":{},"headers":[{"level":2,"title":"Hello world","slug":"hello-world","link":"#hello-world","children":[]},{"level":2,"title":"\u5B9A\u4E49\u7ED3\u6784","slug":"\u5B9A\u4E49\u7ED3\u6784","link":"#\u5B9A\u4E49\u7ED3\u6784","children":[]},{"level":2,"title":"\u4E3A\u4EC0\u4E48\u63A8\u8350\u4F7F\u7528 consumer \u800C\u4E0D\u662F\u76F4\u63A5\u5199 JSX","slug":"\u4E3A\u4EC0\u4E48\u63A8\u8350\u4F7F\u7528-consumer-\u800C\u4E0D\u662F\u76F4\u63A5\u5199-jsx","link":"#\u4E3A\u4EC0\u4E48\u63A8\u8350\u4F7F\u7528-consumer-\u800C\u4E0D\u662F\u76F4\u63A5\u5199-jsx","children":[]},{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"fat-form/define.md","lastUpdated":1719310312000}'),N={name:"fat-form/define.md"},J=Object.assign(N,{setup(s){return(l,n)=>{const a=d("ClientOnly");return u(),m("div",null,[v,p(a,null,{default:y(()=>[o("div",f,[p(F(E))])]),_:1}),_,p(a,null,{default:y(()=>[o("div",T,[o("div",null,[S,p(F(h))]),o("div",null,[B,p(F(g))])])]),_:1}),x,p(a,null,{default:y(()=>[o("div",k,[p(F(b))])]),_:1}),w])}}});export{P as __pageData,J as default}; diff --git a/assets/fat-form_define.md.75a0cb69.lean.js b/assets/fat-form_define.md.75a0cb69.lean.js new file mode 100644 index 0000000..b0a38fd --- /dev/null +++ b/assets/fat-form_define.md.75a0cb69.lean.js @@ -0,0 +1 @@ +import{n as t,$ as C,q as e,a as d,o as u,c as m,f as p,w as y,m as r,b as o,g as F}from"./app.56f20909.js";const E=t(({item:s,form:l,consumer:n,group:a})=>(console.log(l),()=>({initialValue:{name:"ivan",nickName:"\u72D7\u86CB"},submit:async c=>{await C.confirm("\u786E\u8BA4\u4FDD\u5B58"),console.log("\u4FDD\u5B58\u6210\u529F",c)},children:[s({prop:"name",label:"\u8D26\u53F7\u540D"}),s({prop:"nickName",label:"\u6635\u79F0"}),e("div",{children:"JSX hello"}),n(({values:c})=>a({label:"\u8868\u5355\u72B6\u6001",children:e("pre",{children:e("code",{children:JSON.stringify(c,null,2)})})}))]}))),h=t(({item:s,consumer:l})=>()=>({children:[s({label:"a",prop:"a"}),s({label:"b",prop:"b"}),s({label:"c",prop:"c"}),l(({values:n})=>e("div",{children:JSON.stringify(n)}))]})),g=t(({item:s,form:l})=>()=>{var n;return{children:[s({label:"a",prop:"a"}),s({label:"b",prop:"b"}),s({label:"c",prop:"c"}),e("div",{children:JSON.stringify((n=l.value)==null?void 0:n.values)})]}}),b=t(({group:s,renderChild:l,item:n})=>()=>({initialValue:{type:0,conditions:[]},layout:"vertical",children:[s({label:"\u89E6\u53D1\u6761\u4EF6",gutter:"sm",vertical:!0,children:[n({prop:"type",valueType:"radio",valueProps:{options:[{label:"\u6EE1\u8DB3\u4E00\u9879\u9009\u4E2D\u6761\u4EF6\u5373\u53EF",value:0},{label:"\u6EE1\u8DB3\u5168\u90E8\u9009\u4E2D\u6761\u4EF6",value:1},{label:"\u65E0\u9650\u5236",value:2}]},dependencies:"conditions",rules:a=>({validator(c,A,D){var i;A!==2&&!((i=a.conditions)!=null&&i.length)?D(new Error("\u8BF7\u9009\u62E9\u81F3\u5C11\u4E00\u6761\u89E6\u53D1\u65F6\u95F4\u6761\u4EF6")):D()}})}),s({disabled:a=>a.values.type===2,children:[n({prop:"conditions",valueType:"checkboxs",valueProps:{vertical:!0,options:[{label:a=>l(s({disabled:a?void 0:!0,children:["\u6BCF\u5E74",n({prop:"year.dateRange",valueType:"date-range",required:!0,width:"small"}),"\u65F6\u95F4\u6BB5",n({prop:"year.timeRange",valueType:"time-range",required:!0,width:"small"})]})),value:"year"},{label:a=>l(s({disabled:a?void 0:!0,children:["\u6BCF\u6708",n({prop:"month.date",valueType:"select",valueProps:{options:[{value:1,label:"1"}]},width:"mini",required:!0}),"\u65F6\u95F4\u6BB5",n({prop:"month.timeRange",width:"small",valueType:"time-range",required:!0})]})),value:"month"}]}})]})]})]})),v=r("",6),f={class:"wk-demo"},_=r("",29),T={class:"wk-demo"},S=o("h3",null,"\u4F7F\u7528 consumer",-1),B=o("h3",null,"\u672A\u4F7F\u7528 consumer",-1),x=r("",7),k={class:"wk-demo"},w=r("",6),P=JSON.parse('{"title":"defineFatForm \u5B9A\u4E49\u5668","description":"","frontmatter":{},"headers":[{"level":2,"title":"Hello world","slug":"hello-world","link":"#hello-world","children":[]},{"level":2,"title":"\u5B9A\u4E49\u7ED3\u6784","slug":"\u5B9A\u4E49\u7ED3\u6784","link":"#\u5B9A\u4E49\u7ED3\u6784","children":[]},{"level":2,"title":"\u4E3A\u4EC0\u4E48\u63A8\u8350\u4F7F\u7528 consumer \u800C\u4E0D\u662F\u76F4\u63A5\u5199 JSX","slug":"\u4E3A\u4EC0\u4E48\u63A8\u8350\u4F7F\u7528-consumer-\u800C\u4E0D\u662F\u76F4\u63A5\u5199-jsx","link":"#\u4E3A\u4EC0\u4E48\u63A8\u8350\u4F7F\u7528-consumer-\u800C\u4E0D\u662F\u76F4\u63A5\u5199-jsx","children":[]},{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"fat-form/define.md","lastUpdated":1719310312000}'),N={name:"fat-form/define.md"},J=Object.assign(N,{setup(s){return(l,n)=>{const a=d("ClientOnly");return u(),m("div",null,[v,p(a,null,{default:y(()=>[o("div",f,[p(F(E))])]),_:1}),_,p(a,null,{default:y(()=>[o("div",T,[o("div",null,[S,p(F(h))]),o("div",null,[B,p(F(g))])])]),_:1}),x,p(a,null,{default:y(()=>[o("div",k,[p(F(b))])]),_:1}),w])}}});export{P as __pageData,J as default}; diff --git a/assets/fat-form_group.md.cdd35ce5.js b/assets/fat-form_group.md.cdd35ce5.js new file mode 100644 index 0000000..8b6cef8 --- /dev/null +++ b/assets/fat-form_group.md.cdd35ce5.js @@ -0,0 +1 @@ +import{_ as a,o as r,c as t,m as e}from"./app.56f20909.js";const o="/components/assets/fat-form-group.da50a352.png",u=JSON.parse('{"title":"FatFormGroup \u8868\u5355\u7EC4","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form/group.md","lastUpdated":1719310312000}'),s={name:"fat-form/group.md"},p=e('

FatFormGroup \u8868\u5355\u7EC4

\u4F7F\u7528\u65B9\u6CD5\u89C1 FatForm \u8868\u5355




API




',10),n=[p];function i(_,c,d,f,m,h){return r(),t("div",null,n)}const g=a(s,[["render",i]]);export{u as __pageData,g as default}; diff --git a/assets/fat-form_group.md.cdd35ce5.lean.js b/assets/fat-form_group.md.cdd35ce5.lean.js new file mode 100644 index 0000000..f06c187 --- /dev/null +++ b/assets/fat-form_group.md.cdd35ce5.lean.js @@ -0,0 +1 @@ +import{_ as a,o as r,c as t,m as e}from"./app.56f20909.js";const o="/components/assets/fat-form-group.da50a352.png",u=JSON.parse('{"title":"FatFormGroup \u8868\u5355\u7EC4","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form/group.md","lastUpdated":1719310312000}'),s={name:"fat-form/group.md"},p=e("",10),n=[p];function i(_,c,d,f,m,h){return r(),t("div",null,n)}const g=a(s,[["render",i]]);export{u as __pageData,g as default}; diff --git a/assets/fat-form_index.md.2c7039cc.js b/assets/fat-form_index.md.2c7039cc.js new file mode 100644 index 0000000..a51d6a3 --- /dev/null +++ b/assets/fat-form_index.md.2c7039cc.js @@ -0,0 +1,682 @@ +import{d as C,r as w,a as E,o as r,c as h,b as e,f as s,w as l,g as a,h as n,j as A,O as y,i as m,e as g,F as I,s as x,G as v,D as b,u as T,L as k,K as S,a8 as V,a9 as N,n as P,q as R,m as c}from"./app.56f20909.js";const G="/components/assets/fat-form.0885f35b.png",$="/components/assets/width.572f0280.png",O="/components/assets/request.c204d523.png",J="/components/assets/submit.845c67d4.png",M="/components/assets/sub-form.c8b52018.png",j="/components/assets/fat-form-api.30f5ff5e.png",z="/components/assets/fat-form-events.100df51b.png",W="/components/assets/fat-form-methods.e4833e76.png",U={style:{"margin-bottom":"20px"}},K=C({__name:"Layout",setup(D){const o=w("horizontal"),t=async p=>{console.log(p)};return(p,F)=>{const u=E("el-radio-button"),i=E("el-radio-group");return r(),h("div",null,[e("div",U,[s(i,{modelValue:o.value,"onUpdate:modelValue":F[0]||(F[0]=d=>o.value=d)},{default:l(()=>[s(u,{label:"horizontal"}),s(u,{label:"vertical"}),s(u,{label:"inline"})]),_:1},8,["modelValue"])]),s(a(A),{layout:o.value,submit:t},{default:l(()=>[s(a(n),{label:"\u7528\u6237\u540D",prop:"name",trim:"blur"}),s(a(n),{label:"\u5BC6\u7801",prop:"password","value-type":"password"})]),_:1},8,["layout"])])}}}),L=C({__name:"HozGroup",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(m),null,{default:l(()=>[s(a(n),{prop:"name",label:"\u540D\u79F0"}),s(a(n),{prop:"password",label:"\u5BC6\u7801","value-type":"password"}),s(a(n),{prop:"remember","value-type":"checkbox","value-props":{label:"\u8BB0\u4F4F\u5BC6\u7801"}})]),_:1}),s(a(n),{label:"\u89D2\u8272",prop:"role","value-type":"select"})]),_:1}))}}),H=C({__name:"VerGroup",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(m),{label:"\u5206\u7EC4",vertical:""},{default:l(()=>[s(a(n),{prop:"group[0]"}),s(a(n),{prop:"group[1]"}),s(a(n),{prop:"group[2]"})]),_:1})]),_:1}))}}),Q=C({__name:"MixGroup",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(m),null,{default:l(()=>[g(" \u83B7\u53D6\u79EF\u5206\u540E\uFF0C \u7B2C "),s(a(n),{prop:"name","value-type":"integer",width:"mini"}),g(" \u4E2A 3 \u6708 31 \u65E5 23:59:59 \u5931\u6548 ")]),_:1})]),_:1}))}}),X=C({__name:"Width",setup(D){return(o,t)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{prop:"mini0",label:"\u77ED\u6587\u672C(mini)",width:"mini"}),s(a(n),{prop:"mini1",label:"\u77ED\u6570\u5B57(mini)",width:"mini","value-type":"integer","value-props":{placeholder:"\u6570\u5B57"}}),s(a(n),{prop:"small",label:"\u8F83\u77ED\u6587\u672C(small)",width:"small"}),s(a(n),{prop:"medium",label:"\u6807\u51C6\u6587\u672C(medium)",width:"medium",message:"\u9002\u5408\u5927\u90E8\u5206\u5B57\u6BB5\u957F\u5EA6"}),s(a(n),{prop:"large",label:"\u957F\u5B57\u6BB5(large)",width:"large","value-type":"url",message:"\u9002\u7528\u4E8E\u8F83\u957F\u5B57\u6BB5\u5F55\u5165\uFF0C\u5982\u957F\u7F51\u5740\u3001\u6807\u7B7E\u7EC4\u3001\u6587\u4EF6\u8DEF\u5F84\u7B49"}),s(a(n),{prop:"huge",label:"\u957F\u6587\u672C\u8F93\u5165(huge)",width:"huge","value-type":"textarea",message:"552px \u9002\u7528\u4E8E\u957F\u6587\u672C\u5F55\u5165\uFF0C\u5982\u957F\u94FE\u63A5\u3001\u63CF\u8FF0\u3001\u5907\u6CE8\u7B49\uFF0C\u901A\u5E38\u642D\u914D\u81EA\u9002\u5E94\u591A\u884C\u8F93\u5165\u6846\u6216\u5B9A\u9AD8\u6587\u672C\u57DF\u4F7F\u7528"})]),_:1}))}}),Y=C({__name:"Grid",setup(D){return(o,t)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{label:"\u6807\u9898",prop:"name",tooltip:"\u6700\u957F 24 \u4F4D"}),s(a(m),null,{default:l(()=>[s(a(n),{col:{md:12,xl:8},prop:"company",label:"\u59D3\u540D"}),s(a(n),{col:{md:12,xl:8},prop:"phone",label:"\u7535\u8BDD"}),s(a(n),{col:{md:12,xl:8},prop:"email",label:"\u90AE\u7BB1"})]),_:1}),s(a(n),{col:24,prop:"textarea","value-type":"textarea",label:"\u6587\u672C\u6846"}),s(a(m),null,{default:l(()=>[s(a(n),{col:12,prop:"date","value-type":"date",label:"\u5165\u804C\u65F6\u95F4"}),s(a(n),{col:12,prop:"dateRange","value-type":"date-range",label:"\u5DE5\u4F5C\u5468\u671F"})]),_:1})]),_:1}))}}),Z=C({__name:"UniGrid",setup(D){return(o,t)=>(r(),y(a(A),{col:{xl:6,lg:8,sm:12},"label-width":"100px"},{default:l(()=>[s(a(n),{prop:"a",label:"\u540D\u79F0"}),s(a(n),{prop:"b",label:"\u59D3\u540D"}),s(a(n),{prop:"c",label:"\u6536\u8D27\u5730\u5740"}),s(a(n),{prop:"d",label:"\u624B\u673A\u53F7\u7801"})]),_:1}))}}),ss=C({__name:"Message",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(n),{prop:"a",label:"\u9ED8\u8BA4",message:"\u9ED8\u8BA4\u63D0\u793A\u4FE1\u606F\uFF0C\u4F4D\u4E8E\u8868\u5355\u4E0B\u65B9"}),s(a(n),{prop:"b",label:"\u5185\u8054","inline-message":"",message:"\u5185\u8054\u63D0\u793A\u4FE1\u606F"}),s(a(n),{prop:"c",label:"\u60AC\u6D6E\u4FE1\u606F",tooltip:"\u8FD9\u662F\u60AC\u6D6E\u63D0\u793A\u4FE1\u606F"})]),_:1}))}}),as=C({__name:"Section",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(I),{title:"\u57FA\u672C\u4FE1\u606F"},{default:l(()=>[s(a(n),{prop:"name",label:"\u540D\u79F0",width:"medium",rules:{required:!0}}),s(a(n),{prop:"age",label:"\u5E74\u9F84",width:"huge"})]),_:1}),s(a(I),{title:"\u8BE6\u7EC6\u4FE1\u606F"},{default:l(()=>[s(a(n),{prop:"id",label:"\u8EAB\u4EFD\u8BC1",width:"large"}),s(a(n),{prop:"address",label:"\u5730\u5740",width:"large"}),s(a(n),{prop:"note",label:"\u5907\u6CE8",width:"huge","value-type":"textarea"})]),_:1})]),_:1}))}}),ns=C({__name:"Center",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1,style:{maxWidth:"500px",margin:"0 auto"}},{default:l(()=>[s(a(n),{prop:"id",label:"\u8EAB\u4EFD\u8BC1",width:"large"}),s(a(n),{prop:"address",label:"\u5730\u5740",width:"large"}),s(a(n),{prop:"note",label:"\u5907\u6CE8",width:"huge","value-type":"textarea"})]),_:1}))}}),ls=C({__name:"InitialValue",setup(D){const o={name:"ivan",nickName:"\u72D7\u86CB"};return(t,p)=>(r(),y(a(A),{"initial-value":o},{default:l(()=>[s(a(n),{label:"\u8D26\u53F7\u540D",prop:"name"}),s(a(n),{label:"\u6635\u79F0",prop:"nickName"})]),_:1}))}}),ps=C({__name:"FatFormItemInitialValue",setup(D){return(o,t)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{label:"\u8D26\u53F7\u540D",prop:"name","initial-value":"ivan"}),s(a(n),{label:"\u6635\u79F0",prop:"nickName","initial-value":"\u72D7\u86CB"})]),_:1}))}}),os=C({__name:"InitialValueSync",setup(D){const o=x({name:"ivan",nickName:"\u72D7\u86CB"});return(t,p)=>(r(),y(a(A),{"initial-value":o,"sync-to-initial-values":""},{default:l(()=>[s(a(n),{label:"\u8D26\u53F7\u540D",prop:"name"}),s(a(n),{label:"\u6635\u79F0",prop:"nickName"}),s(a(m),{label:"\u6570\u636E"},{default:l(()=>[e("pre",null,[e("code",null,v(JSON.stringify(o,null,2)),1)])]),_:1})]),_:1},8,["initial-value"]))}}),ts=C({__name:"Request",setup(D){const o=async()=>({name:"ivan",nickName:"\u72D7\u86CB"});return(t,p)=>(r(),y(a(A),{request:o},{default:l(()=>[s(a(n),{label:"\u8D26\u53F7\u540D",prop:"name"}),s(a(n),{label:"\u6635\u79F0",prop:"nickName"})]),_:1}))}}),es=C({__name:"Convert",setup(D){const o=()=>Promise.resolve({startDate:new Date("2012/12/12 12:12:12").getTime(),endDate:new Date("2012/12/14 12:12:12").getTime(),birthday:Date.now()}),t=F=>F&&new Date(F),p=async()=>{const{startDate:F,endDate:u,...i}=await o();return{dateRange:[t(F),t(u)],...i}};return(F,u)=>(r(),y(a(A),{request:p,layout:"inline"},{default:l(()=>[s(a(n),{label:"\u65F6\u95F4\u533A\u95F4",prop:"dateRange","value-type":"date-range"}),s(a(n),{label:"\u751F\u65E5",prop:"birthday","value-type":"date",convert:t})]),_:1}))}}),Fs=C({__name:"FatFormItemProp",setup(D){return(o,t)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{label:"\u5BA1\u6279\u4EBA",prop:"user",placeholder:"\u5BA1\u6279\u4EBA",width:"small"}),s(a(n),{label:"\u6D3B\u52A8\u533A\u57DF",prop:"region",placeholder:"\u6D3B\u52A8\u533A\u57DF",width:"small","value-type":"select","value-props":{options:[{label:"\u533A\u57DF\u4E00",value:"shanghai"},{label:"\u533A\u57DF\u4E8C",value:"beijing"}]}})]),_:1}))}}),rs=C({__name:"Consumer",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(n),{label:"\u7B7E\u7EA6\u5BA2\u6237\u540D\u79F0",prop:"user",width:"medium"}),s(a(b),null,{default:l(p=>[s(a(n),{prop:"agree","label-width":"auto","value-type":"checkbox",disabled:!p.values.user,"value-props":{label:`\u540C\u610F\u4E0E \u300A${p.values.user||"\u5BA2\u6237\u540D\u79F0"}\u300B\u7B7E\u8BA2\u5408\u540C`}},null,8,["disabled","value-props"])]),_:1})]),_:1}))}}),Ds=C({__name:"ChangePassword",setup(D){const o=F=>u=>[{required:!0},{validator(i,d,_){d&&u[F]&&d!==u[F]?_(new Error("\u5BC6\u7801\u4E0D\u5339\u914D")):_()}}],t=o("passwordConfirm"),p=o("password");return(F,u)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{label:"\u5BC6\u7801",prop:"password","value-type":"password",rules:a(t)},null,8,["rules"]),s(a(n),{label:"\u786E\u8BA4\u5BC6\u7801",prop:"passwordConfirm","value-type":"password",rules:a(p),dependencies:"password"},null,8,["rules"])]),_:1}))}}),cs=C({__name:"Transform",setup(D){const o=async t=>{console.log(t)};return(t,p)=>(r(),y(a(A),{submit:o,layout:"inline"},{default:l(()=>[s(a(n),{label:"\u65F6\u95F4\u533A\u95F4",prop:"dateRange","value-type":"date-range","value-props":{valueFormat:"x"},transform:F=>({startDate:F==null?void 0:F[0],endDate:F==null?void 0:F[1]})},null,8,["transform"]),s(a(n),{label:"\u751F\u65E5",prop:"birthday","value-type":"date","value-props":{valueFormat:"x"}})]),_:1}))}}),ys=C({__name:"Dynamic",setup(D){const o=T();let t=0;const p={list:[]},F=()=>{var i;(i=o.value)==null||i.values.list.push({name:"",note:"",key:t++})},u=i=>{var _,q;const d=(_=o.value)==null?void 0:_.values.list.findIndex(B=>B.key===i);d!=null&&d!==-1&&((q=o.value)==null||q.values.list.splice(d,1))};return(i,d)=>{const _=E("el-button");return r(),y(a(A),{ref_key:"formRef",ref:o,"initial-value":p},{default:l(()=>[s(a(b),null,{default:l(q=>[s(a(m),{label:"\u52A8\u6001\u5217\u8868",vertical:""},{default:l(()=>[(r(!0),h(S,null,k(q.values.list,(B,f)=>(r(),y(a(m),{key:B.key},{default:l(()=>[s(a(n),{prop:`list[${f}].name`,placeholder:"\u540D\u79F0"},null,8,["prop"]),s(a(n),{prop:`list[${f}].note`,placeholder:"\u5907\u6CE8"},null,8,["prop"]),s(_,{onClick:ma=>u(B.key)},{default:l(()=>[g("\u5220\u9664")]),_:2},1032,["onClick"])]),_:2},1024))),128)),s(_,{onClick:F},{default:l(()=>[g("\u65B0\u589E")]),_:1})]),_:2},1024)]),_:1}),s(a(n),{label:"\u663E\u793A\u9690\u85CF\u5B57\u6BB5",prop:"visible","value-type":"checkbox"}),s(a(b),null,{default:l(q=>[q.values.visible?(r(),y(a(n),{key:0,label:"\u6211\u662F\u9690\u85CF\u5B57\u6BB5",prop:"hidden","initial-value":"hidden",width:"medium",preserve:!1})):V("",!0)]),_:1}),s(a(m),{label:"\u6570\u636E"},{default:l(()=>[s(a(b),null,{default:l(q=>[e("pre",null,[e("code",null,v(JSON.stringify(q.values,null,2)),1)])]),_:1})]),_:1})]),_:1},512)}}}),Cs=e("span",null,"\u540C\u610F 996 \u5417",-1),As=C({__name:"Mode",setup(D){const o=w(!1);return(t,p)=>{const F=E("el-switch");return r(),h("div",null,[e("div",null,[s(F,{modelValue:o.value,"onUpdate:modelValue":p[0]||(p[0]=u=>o.value=u),"active-text":"\u9884\u89C8\u6A21\u5F0F","inactive-text":"\u7F16\u8F91\u6A21\u5F0F"},null,8,["modelValue"])]),s(a(A),{mode:o.value?"preview":"editable"},{default:l(()=>[s(a(n),{prop:"text",label:"text","value-type":"text",width:"small"}),s(a(n),{prop:"password",label:"password","value-type":"password",width:"small"}),s(a(n),{prop:"search",label:"search","value-type":"search",width:"medium"}),s(a(n),{prop:"textarea",label:"textarea","value-type":"textarea",width:"huge"}),s(a(n),{prop:"url",label:"url","value-type":"url",width:"huge"}),s(a(n),{prop:"date",label:"date","value-type":"date",width:"medium"}),s(a(n),{prop:"time",label:"time","value-type":"time",width:"medium"}),s(a(n),{prop:"dateTime",label:"date-time","value-type":"date-time",width:"medium"}),s(a(n),{prop:"dateRange",label:"date-range","value-type":"date-range",width:"large"}),s(a(n),{prop:"dateTimeRange",label:"date-time-range","value-type":"date-time-range",width:"large"}),s(a(n),{prop:"timeRange",label:"time-range","value-type":"time-range",width:"large"}),s(a(n),{prop:"switch",label:"switch","value-type":"switch",width:"mini"}),s(a(n),{prop:"select",label:"select","value-type":"select",width:"small","value-props":{options:[{label:"\u9009\u98791",value:"1",color:"primary"},{label:"\u9009\u98792",value:"2",color:"success"}]}}),s(a(n),{prop:"multi-select",label:"multi-select","value-type":"multi-select",width:"small","value-props":{options:[{label:"\u9009\u98791",value:"1"},{label:"\u9009\u98792",value:"2"}],separator:" - "}}),s(a(m),{label:"checkbox1"},{default:l(()=>[s(a(n),{prop:"checkbox1","value-type":"checkbox"}),Cs]),_:1}),s(a(n),{prop:"checkbox2","label-width":"auto","value-type":"checkbox","value-props":{label:"\u662F\u5426\u5F00\u542F"}}),s(a(n),{prop:"radio",label:"radio","value-type":"radio","value-props":{options:[{label:"\u662F",value:1},{label:"\u5426",value:0}]}}),s(a(n),{prop:"checkboxs",label:"checkboxs","value-type":"checkboxs","value-props":{options:[{label:"\u9009\u6211",value:1},{label:"\u9009\u6211\u554A",value:0}]}}),s(a(n),{prop:"integer",label:"integer","value-type":"integer"}),s(a(n),{prop:"float",label:"float","value-type":"float"}),s(a(n),{prop:"currency",label:"currency","value-type":"currency"}),s(a(n),{prop:"rate",label:"rate","value-type":"rate"}),s(a(n),{prop:"slider",label:"slider","value-type":"slider",width:"large"}),s(a(n),{prop:"sliderVertical",label:"slider-vertical","value-type":"slider","value-props":{vertical:!0}}),s(a(n),{prop:"progress",label:"progress","value-type":"progress","initial-value":50}),s(a(n),{prop:"images",label:"images","value-type":"images","value-props":{sizeLimit:1024*100,accept:[".png",".jpg"]},rules:{required:!0},message:"\u8BF7\u4E0A\u4F20\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"},null,8,["value-props"])]),_:1},8,["mode"])])}}}),us=C({__name:"CustomSubmitter",setup(D){return(o,t)=>{const p=E("el-button");return r(),y(a(A),{style:{maxWidth:"500px",margin:"0 auto"}},{submitter:l(F=>[s(a(m),{"label-width":"auto"},{default:l(()=>[s(p,{type:"primary",onClick:F.submit},{default:l(()=>[g("\u81EA\u5B9A\u4E49\u63D0\u4EA4")]),_:2},1032,["onClick"]),s(p,null,{default:l(()=>[g("\u81EA\u5B9A\u4E49\u6309\u94AE")]),_:1})]),_:2},1024)]),default:l(()=>[s(a(n),{prop:"id",label:"\u8EAB\u4EFD\u8BC1",width:"large",required:""}),s(a(n),{prop:"address",label:"\u5730\u5740",width:"large"}),s(a(n),{prop:"note",label:"\u5907\u6CE8",width:"huge","value-type":"textarea"})]),_:1})}}}),is=C({__name:"CustomSubmitterReuse",setup(D){return(o,t)=>{const p=E("el-button");return r(),y(a(A),{style:{maxWidth:"500px",margin:"0 auto"}},{submitter:l(F=>[s(a(m),{"label-width":"auto"},{default:l(()=>[s(a(N),{vnode:F.renderButtons()},null,8,["vnode"]),s(p,null,{default:l(()=>[g("\u81EA\u5B9A\u4E49\u6309\u94AE")]),_:1})]),_:2},1024)]),default:l(()=>[s(a(n),{prop:"id",label:"\u8EAB\u4EFD\u8BC1",width:"large",required:""}),s(a(n),{prop:"address",label:"\u5730\u5740",width:"large"}),s(a(n),{prop:"note",label:"\u5907\u6CE8",width:"huge","value-type":"textarea"})]),_:1})}}}),ms=C({__name:"CustomItemByConsumer",setup(D){return(o,t)=>{const p=E("el-input-number"),F=E("el-form-item");return r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(n),{label:"\u59D3\u540D",prop:"name",width:"medium"}),s(a(b),null,{default:l(u=>[s(F,{label:"\u5E74\u9F84"},{default:l(()=>[s(p,{"model-value":u.getFieldValue("age"),"onUpdate:modelValue":i=>u.setFieldValue("age",i)},null,8,["model-value","onUpdate:modelValue"])]),_:2},1024)]),_:1}),s(a(b),null,{default:l(u=>[s(F,{label:"JSON"},{default:l(()=>[g(v(JSON.stringify(u.values,null,2)),1)]),_:2},1024)]),_:1})]),_:1})}}}),ds=P(({item:D,consumer:o})=>()=>({children:[D({label:"JSON",valueType:"multi-select",prop:"json",valueProps:{options:[{label:"1",value:1},{label:"2",value:2}]},valueMap:{in:t=>{if(!t)return[];try{return JSON.parse(t)}catch{return[]}},out:t=>t?JSON.stringify(t):""}}),o(t=>R("pre",{children:JSON.stringify(t.values,null,2)}))]})),Es=c('

\u8868\u5355

FatForm \u5728 el-form \u7684\u57FA\u7840\u4E4B\u4E0A\u8FDB\u884C\u4E86\u589E\u5F3A\uFF0C\u914D\u5408\u539F\u4EF6\uFF0C\u6211\u4EEC\u53EA\u9700\u5C11\u91CF\u7684\u914D\u7F6E\u5C31\u53EF\u4EE5\u5B8C\u6210\u8868\u5355\u7684\u5F00\u53D1\u3002

\u4EE5\u4E0B\u662F FatForm \u76F8\u5173\u7684\u5957\u4EF6\uFF1A







1. \u8868\u5355\u5E03\u5C40

FatForm \u652F\u6301 3 \u79CD\u5178\u578B\u7684\u5E03\u5C40\uFF1A

',13),_s={class:"wk-demo"},qs=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <div style="margin-bottom: 20px">
+      <el-radio-group v-model="layout">
+        <el-radio-button label="horizontal"></el-radio-button>
+        <el-radio-button label="vertical"></el-radio-button>
+        <el-radio-button label="inline"></el-radio-button>
+      </el-radio-group>
+    </div>
+    <FatForm :layout="layout" :submit="handleSubmit">
+      <FatFormItem label="\u7528\u6237\u540D" prop="name" trim="blur"></FatFormItem>
+      <FatFormItem label="\u5BC6\u7801" prop="password" value-type="password"></FatFormItem>
+    </FatForm>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const layout = ref<any>('horizontal');
+
+  const handleSubmit = async (value: any) => {
+    console.log(value);
+  };
+</script>
+


1.1 \u5206\u7EC4

\u4F7F\u7528 FatFormGroup \u53EF\u4EE5\u5BF9\u7075\u6D3B\u5730\u7EC4\u5408\u8868\u5355\u9879\uFF0C \u8BA9\u5E03\u5C40\u66F4\u52A0\u7B80\u5355\u3002



\u6C34\u5E73\u7EC4\u5408:

`,8),gs={class:"wk-demo"},bs=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormGroup>
+      <FatFormItem prop="name" label="\u540D\u79F0"></FatFormItem>
+      <FatFormItem prop="password" label="\u5BC6\u7801" value-type="password"></FatFormItem>
+      <FatFormItem prop="remember" value-type="checkbox" :value-props="{ label: '\u8BB0\u4F4F\u5BC6\u7801' }"></FatFormItem>
+    </FatFormGroup>
+    <FatFormItem label="\u89D2\u8272" prop="role" value-type="select"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+


\u5782\u76F4\u7EC4\u5408:

`,4),Bs={class:"wk-demo"},hs=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormGroup label="\u5206\u7EC4" vertical>
+      <FatFormItem prop="group[0]"></FatFormItem>
+      <FatFormItem prop="group[1]"></FatFormItem>
+      <FatFormItem prop="group[2]"></FatFormItem>
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+


\u6DF7\u7F16:

`,4),vs={class:"wk-demo"},fs=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormGroup>
+      \u83B7\u53D6\u79EF\u5206\u540E\uFF0C \u7B2C
+      <FatFormItem prop="name" value-type="integer" width="mini"></FatFormItem>
+      \u4E2A 3 \u6708 31 \u65E5 23:59:59 \u5931\u6548
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+



1.2 \u9884\u5B9A\u4E49\u5BBD\u5EA6

\u6211\u4EEC\u9884\u5B9A\u4E49\u4E86\u4E00\u4E9B\u8868\u5355\u9879\u5BBD\u5EA6\uFF0C\u53EF\u4EE5\u6EE1\u8DB3\u5927\u591A\u6570\u8868\u5355\u573A\u666F\uFF0C\u5B9E\u73B0\u5FEB\u6377\u5F00\u53D1\u7684\u540C\u65F6\uFF0C\u4FDD\u8BC1 UI \u7684\u4E00\u81F4\u6027\uFF1A




  • mini=104px \u9002\u7528\u4E8E\u77ED\u6570\u5B57\u3001\u77ED\u6587\u672C\u6216\u9009\u9879\u3002
  • small=216px \u9002\u7528\u4E8E\u8F83\u77ED\u5B57\u6BB5\u5F55\u5165\u3001\u5982\u59D3\u540D\u3001\u7535\u8BDD\u3001ID \u7B49\u3002
  • medium=328px \u6807\u51C6\u5BBD\u5EA6\uFF0C\u9002\u7528\u4E8E\u5927\u90E8\u5206\u5B57\u6BB5\u957F\u5EA6\u3002
  • large=440px \u9002\u7528\u4E8E\u8F83\u957F\u5B57\u6BB5\u5F55\u5165\uFF0C\u5982\u957F\u7F51\u5740\u3001\u6807\u7B7E\u7EC4\u3001\u6587\u4EF6\u8DEF\u5F84\u7B49\u3002
  • huge=552px \u9002\u7528\u4E8E\u957F\u6587\u672C\u5F55\u5165\uFF0C\u5982\u957F\u94FE\u63A5\u3001\u63CF\u8FF0\u3001\u5907\u6CE8\u7B49\uFF0C\u901A\u5E38\u642D\u914D\u81EA\u9002\u5E94\u591A\u884C\u8F93\u5165\u6846\u6216\u5B9A\u9AD8\u6587\u672C\u57DF\u4F7F\u7528\u3002

\u793A\u4F8B\uFF1A

',13),Is={class:"wk-demo"},ws=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm>
+    <FatFormItem prop="mini0" label="\u77ED\u6587\u672C(mini)" width="mini"> </FatFormItem>
+    <FatFormItem
+      prop="mini1"
+      label="\u77ED\u6570\u5B57(mini)"
+      width="mini"
+      value-type="integer"
+      :value-props="{ placeholder: '\u6570\u5B57' }"
+    >
+    </FatFormItem>
+    <FatFormItem prop="small" label="\u8F83\u77ED\u6587\u672C(small)" width="small"></FatFormItem>
+    <FatFormItem prop="medium" label="\u6807\u51C6\u6587\u672C(medium)" width="medium" message="\u9002\u5408\u5927\u90E8\u5206\u5B57\u6BB5\u957F\u5EA6"></FatFormItem>
+    <FatFormItem
+      prop="large"
+      label="\u957F\u5B57\u6BB5(large)"
+      width="large"
+      value-type="url"
+      message="\u9002\u7528\u4E8E\u8F83\u957F\u5B57\u6BB5\u5F55\u5165\uFF0C\u5982\u957F\u7F51\u5740\u3001\u6807\u7B7E\u7EC4\u3001\u6587\u4EF6\u8DEF\u5F84\u7B49"
+    ></FatFormItem>
+    <FatFormItem
+      prop="huge"
+      label="\u957F\u6587\u672C\u8F93\u5165(huge)"
+      width="huge"
+      value-type="textarea"
+      message="552px \u9002\u7528\u4E8E\u957F\u6587\u672C\u5F55\u5165\uFF0C\u5982\u957F\u94FE\u63A5\u3001\u63CF\u8FF0\u3001\u5907\u6CE8\u7B49\uFF0C\u901A\u5E38\u642D\u914D\u81EA\u9002\u5E94\u591A\u884C\u8F93\u5165\u6846\u6216\u5B9A\u9AD8\u6587\u672C\u57DF\u4F7F\u7528"
+    ></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+



1.3 \u7F51\u683C\u5E03\u5C40

\u5927\u90E8\u5206\u573A\u666F\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 FatFormGroup + width \u6765\u8FDB\u884C\u5E03\u5C40\u3002 \u5F53\u7136\u4F20\u7EDF\u7684\u7F51\u683C\u5E03\u5C40\u6211\u4EEC\u4F9D\u65E7\u652F\u6301

`,6),xs={class:"wk-demo"},Ts=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm>
+    <FatFormItem label="\u6807\u9898" prop="name" tooltip="\u6700\u957F 24 \u4F4D"></FatFormItem>
+    <FatFormGroup>
+      <FatFormItem :col="{ md: 12, xl: 8 }" prop="company" label="\u59D3\u540D"></FatFormItem>
+      <FatFormItem :col="{ md: 12, xl: 8 }" prop="phone" label="\u7535\u8BDD"></FatFormItem>
+      <FatFormItem :col="{ md: 12, xl: 8 }" prop="email" label="\u90AE\u7BB1"></FatFormItem>
+    </FatFormGroup>
+    <FatFormItem :col="24" prop="textarea" value-type="textarea" label="\u6587\u672C\u6846"></FatFormItem>
+    <FatFormGroup>
+      <FatFormItem :col="12" prop="date" value-type="date" label="\u5165\u804C\u65F6\u95F4"></FatFormItem>
+      <FatFormItem :col="12" prop="dateRange" value-type="date-range" label="\u5DE5\u4F5C\u5468\u671F"></FatFormItem>
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+

FatFormGroup \u5728\u8FD9\u91CC\u7684\u4F5C\u7528\u5C31\u662F\u5145\u5F53 Row, \u5982\u679C\u8981\u8FDB\u4E00\u6B65\u63A7\u5236 row \u7684\u884C\u4E3A\uFF0C\u53EF\u4EE5\u901A\u8FC7 FatFormGroup#row \u5C5E\u6027\u8FDB\u884C\u914D\u7F6E\u3002


FatFormGroup\u3001FatFormItem \u90FD\u53EF\u4EE5\u4F5C\u4E3A\u7F51\u683C\u7684\u5355\u5143\u683C\uFF0C\u901A\u8FC7 col \u6765\u914D\u7F6E\u5355\u5143\u683C\u3002


TIP

FatFormGroup \u4F1A\u81EA\u52A8\u68C0\u6D4B\u5B50\u8282\u70B9\u662F\u5426\u5F00\u542F\u4E86\u7F51\u683C\uFF0C\u9ED8\u8BA4\u60C5\u51B5\u4F7F\u7528 FatSpace \u6765\u5206\u7EC4\u5E03\u5C40\u3002





1.4 \u56FA\u5B9A\u7F51\u683C

\u67D0\u4E9B\u573A\u666F\uFF0C\u6211\u4EEC\u53EF\u80FD\u60F3\u8981\u8BA9\u6240\u6709\u7684\u5B57\u6BB5\u7EDF\u4E00\u4F7F\u7528\u4E00\u4E2A\u5355\u5143\u683C\u914D\u7F6E\uFF0C\u6BD4\u5982\u67E5\u8BE2\u8868\u5355\u3002\u8FD9\u79CD\u60C5\u51B5\u53EF\u4EE5\u4F7F\u7528 FatForm \u7684 col \u5C5E\u6027\u6765\u914D\u7F6E\uFF1A


`,14),ks={class:"wk-demo"},Ss=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :col="{ xl: 6, lg: 8, sm: 12 }" label-width="100px">
+    <FatFormItem prop="a" label="\u540D\u79F0"></FatFormItem>
+    <FatFormItem prop="b" label="\u59D3\u540D"></FatFormItem>
+    <FatFormItem prop="c" label="\u6536\u8D27\u5730\u5740"></FatFormItem>
+    <FatFormItem prop="d" label="\u624B\u673A\u53F7\u7801"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+



1.5 \u63D0\u793A\u4FE1\u606F

FatForm \u5185\u7F6E\u4E86\u63D0\u793A\u4FE1\u606F


`,7),Vs={class:"wk-demo"},Ns=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormItem prop="a" label="\u9ED8\u8BA4" message="\u9ED8\u8BA4\u63D0\u793A\u4FE1\u606F\uFF0C\u4F4D\u4E8E\u8868\u5355\u4E0B\u65B9"></FatFormItem>
+    <FatFormItem prop="b" label="\u5185\u8054" inline-message message="\u5185\u8054\u63D0\u793A\u4FE1\u606F"></FatFormItem>
+    <FatFormItem prop="c" label="\u60AC\u6D6E\u4FE1\u606F" tooltip="\u8FD9\u662F\u60AC\u6D6E\u63D0\u793A\u4FE1\u606F"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+




1.6 \u5206\u7C7B

\u590D\u6742\u7684\u8868\u5355\u4F1A\u5305\u542B\u5F88\u591A\u5B57\u6BB5\uFF0C\u9002\u5F53\u5206\u7C7B\u7528\u6237\u4F53\u9A8C\u4F1A\u66F4\u52A0\u597D:


`,8),Ps={class:"wk-demo"},Rs=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormSection title="\u57FA\u672C\u4FE1\u606F">
+      <FatFormItem prop="name" label="\u540D\u79F0" width="medium" :rules="{ required: true }"></FatFormItem>
+      <FatFormItem prop="age" label="\u5E74\u9F84" width="huge"></FatFormItem>
+    </FatFormSection>
+
+    <FatFormSection title="\u8BE6\u7EC6\u4FE1\u606F">
+      <FatFormItem prop="id" label="\u8EAB\u4EFD\u8BC1" width="large"></FatFormItem>
+      <FatFormItem prop="address" label="\u5730\u5740" width="large"></FatFormItem>
+      <FatFormItem prop="note" label="\u5907\u6CE8" width="huge" value-type="textarea"></FatFormItem>
+    </FatFormSection>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormSection } from '@wakeadmin/components';
+</script>
+




1.7 \u5C45\u4E2D\u5E03\u5C40

\u5C45\u4E2D\u5E03\u5C40\u5728\u4E00\u4E9B\u7B80\u5355\u7684\u8868\u5355\u573A\u666F\u4E5F\u662F\u6BD4\u8F83\u5E38\u89C1\u7684\uFF0C\u5C45\u4E2D\u53EF\u4EE5\u8BA9\u754C\u9762\u770B\u8D77\u6765\u66F4\u52A0\u7F8E\u89C2

`,7),Gs={class:"wk-demo"},$s=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :enable-submitter="false" :style="{ maxWidth: '500px', margin: '0 auto' }">
+    <FatFormItem prop="id" label="\u8EAB\u4EFD\u8BC1" width="large"></FatFormItem>
+    <FatFormItem prop="address" label="\u5730\u5740" width="large"></FatFormItem>
+    <FatFormItem prop="note" label="\u5907\u6CE8" width="huge" value-type="textarea"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+




1.8 \u81EA\u5B9A\u4E49\u63D0\u4EA4\u6309\u94AE

FatForm \u4E5F\u652F\u6301\u81EA\u5B9A\u4E49\u63D0\u4EA4\u6309\u94AE\uFF0C\u4E0D\u8FC7\u53EA\u662F\u7B80\u5355\u7684\u6587\u6848\u4FEE\u6539\uFF0C\u53EF\u4EE5\u901A\u8FC7 props \u8FDB\u884C\u4FEE\u6539

`,7),Os={class:"wk-demo"},Js=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :style="{ maxWidth: '500px', margin: '0 auto' }">
+    <FatFormItem prop="id" label="\u8EAB\u4EFD\u8BC1" width="large" required></FatFormItem>
+    <FatFormItem prop="address" label="\u5730\u5740" width="large"></FatFormItem>
+    <FatFormItem prop="note" label="\u5907\u6CE8" width="huge" value-type="textarea"></FatFormItem>
+    <template #submitter="scope">
+      <FatFormGroup label-width="auto">
+        <el-button type="primary" @click="scope.submit">\u81EA\u5B9A\u4E49\u63D0\u4EA4</el-button>
+        <el-button>\u81EA\u5B9A\u4E49\u6309\u94AE</el-button>
+      </FatFormGroup>
+    </template>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+


\u590D\u7528\u5185\u7F6E\u7684\u63D0\u4EA4\u6309\u94AE\uFF1A

`,4),Ms={class:"wk-demo"},js=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :style="{ maxWidth: '500px', margin: '0 auto' }">
+    <FatFormItem prop="id" label="\u8EAB\u4EFD\u8BC1" width="large" required></FatFormItem>
+    <FatFormItem prop="address" label="\u5730\u5740" width="large"></FatFormItem>
+    <FatFormItem prop="note" label="\u5907\u6CE8" width="huge" value-type="textarea"></FatFormItem>
+    <template #submitter="scope">
+      <FatFormGroup label-width="auto">
+        <!-- vue template \u4E0D\u662F\u76F4\u63A5\u6E32\u67D3 VNode\uFF0C\u53EF\u4EE5\u4F7F\u7528 FatVNode \u7EC4\u4EF6\u95F4\u63A5\u6E32\u67D3  -->
+        <FatVNode :vnode="scope.renderButtons()" />
+        <el-button>\u81EA\u5B9A\u4E49\u6309\u94AE</el-button>
+      </FatFormGroup>
+    </template>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup, FatVNode } from '@wakeadmin/components';
+</script>
+
\u67E5\u770B defineFatForm \u7248\u672C\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+
+export default defineFatForm(({ item, group, renderChild }) => {
+  return () => ({
+    style: { maxWidth: '500px', margin: '0 auto' },
+    children: [
+      item({ prop: 'id', label: '\u8EAB\u4EFD\u8BC1', width: 'large', required: true }),
+      item({ prop: 'address', label: '\u5730\u5740', width: 'large' }),
+      item({ prop: 'note', label: '\u5907\u6CE8', width: 'huge', valueType: 'textarea' }),
+    ],
+    renderSubmitter(form) {
+      return renderChild(
+        group({
+          labelWidth: 'auto',
+          children: [form.renderButtons(), <ElButton>\u81EA\u5B9A\u4E49\u6309\u94AE</ElButton>],
+        })
+      );
+    },
+  });
+});
+





2. \u8868\u5355\u6570\u636E

FatForm \u4F1A\u5728\u5185\u90E8\u7EF4\u62A4\u8868\u5355\u7684\u6570\u636E\uFF0C\u7528\u6237\u6709\u4E09\u79CD\u65B9\u5F0F\u6765\u8BBE\u7F6E\u8868\u5355\u7684\u521D\u59CB\u503C:

  • \u901A\u8FC7 initialValue
  • \u901A\u8FC7 request \u65B9\u6CD5\u8FDC\u7A0B\u8BF7\u6C42
  • \u901A\u8FC7 FatFormItem \u7684 initialValue \u914D\u7F6E

\u5982\u679C\u6CA1\u914D\u7F6E\u521D\u59CB\u503C\uFF0CFatForm \u4F1A\u81EA\u52A8\u521D\u59CB\u5316\u3002


2.1 \u901A\u8FC7 initialValue \u4F20\u5165\u521D\u59CB\u503C



`,15),zs={class:"wk-demo"},Ws=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :initial-value="initialValue">
+    <FatFormItem label="\u8D26\u53F7\u540D" prop="name"></FatFormItem>
+    <FatFormItem label="\u6635\u79F0" prop="nickName"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+
+  const initialValue = {
+    name: 'ivan',
+    nickName: '\u72D7\u86CB',
+  };
+</script>
+


\u9ED8\u8BA4\u60C5\u51B5\u4E0B, \u5728 FatForm \u542F\u52A8\u65F6\uFF0CinitialValue \u4F1A\u8FDB\u884C\u4E00\u6B21\u6DF1\u62F7\u8D1D\uFF0C\u7136\u540E\u4F5C\u4E3A\u8868\u5355\u7684\u521D\u59CB\u5316\u72B6\u6001\u3002

\u5982\u679C\u4F60\u60F3\u8981\u5C06\u8868\u5355\u53D8\u66F4\u7684\u72B6\u6001\u56DE\u5199\u5230 initialValue\uFF0C\u53EF\u4EE5\u5F00\u542F syncToInitialValues \u9009\u9879\uFF1A

`,5),Us={class:"wk-demo"},Ks=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :initial-value="initialValue" sync-to-initial-values>
+    <FatFormItem label="\u8D26\u53F7\u540D" prop="name"></FatFormItem>
+    <FatFormItem label="\u6635\u79F0" prop="nickName"></FatFormItem>
+    <FatFormGroup label="\u6570\u636E">
+      <pre><code>{{JSON.stringify(initialValue, null, 2)}}</code></pre>
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+  import { reactive } from 'vue';
+
+  const initialValue = reactive({
+    name: 'ivan',
+    nickName: '\u72D7\u86CB',
+  });
+</script>
+



\u5728 FatFormItem \u4E0A\u4E5F\u53EF\u4EE5\u8BBE\u7F6E\u521D\u59CB\u5316\u503C\uFF0C\u8FD9\u79CD\u65B9\u5F0F\u4F1A\u66F4\u52A0\u7075\u6D3B\uFF0C\u5C24\u5176\u662F\u5728 \u52A8\u6001\u8868\u5355 \u7684\u573A\u666F\uFF1A

`,5),Ls={class:"wk-demo"},Hs=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm>
+    <FatFormItem label="\u8D26\u53F7\u540D" prop="name" initial-value="ivan"></FatFormItem>
+    <FatFormItem label="\u6635\u79F0" prop="nickName" initial-value="\u72D7\u86CB"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+




2.2 \u901A\u8FC7 request \u8FDC\u7A0B\u8BF7\u6C42\u6570\u636E

\u5F88\u591A\u573A\u666F\u6211\u4EEC\u662F\u4ECE\u8FDC\u7A0B\u670D\u52A1\u5668\u62C9\u53D6\u6570\u636E\u6765\u7F16\u8F91\u7684\uFF0C\u8FD9\u79CD\u60C5\u51B5\u53EF\u4EE5\u4F7F\u7528 request \u65B9\u6CD5\uFF1A


`,8),Qs={class:"wk-demo"},Xs=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :request="request">
+    <FatFormItem label="\u8D26\u53F7\u540D" prop="name"></FatFormItem>
+    <FatFormItem label="\u6635\u79F0" prop="nickName"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+
+  const request = async () => {
+    return {
+      name: 'ivan',
+      nickName: '\u72D7\u86CB',
+    };
+  };
+</script>
+



\u4ECE\u8FDC\u7A0B\u8FD4\u56DE\u7684\u6570\u636E\u672A\u5FC5\u7B26\u5408\u8981\u6C42\u3002\u6BD4\u5982\u65F6\u95F4\u533A\u95F4\uFF0C\u540E\u7AEF\u901A\u5E38\u4F1A\u62C6\u6210\u4E24\u4E2A\u5B57\u6BB5\uFF0C\u800C\u6211\u4EEC\u7684\u7EC4\u4EF6\u7528\u4E00\u4E2A\u5B57\u6BB5\u3002\u53E6\u5916\u4E00\u79CD\u573A\u666F\u662F\u6570\u636E\u683C\u5F0F\u7684\u8F6C\u6362\u3002

  • \u8FD9\u4E24\u8005\u90FD\u53EF\u4EE5\u5728 request \u4E2D\u5904\u7406\u3002
  • \u5982\u679C\u662F\u7EAF\u7CB9\u7684\u6570\u636E\u8F6C\u6362\uFF0C\u4E5F\u53EF\u4EE5\u901A\u8FC7 FatFormItem \u7684 convert \u5C5E\u6027\u6765\u5904\u7406

\u4F7F\u7528\u793A\u4F8B\uFF1A

',9),Ys={class:"wk-demo"},Zs=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :request="request" layout="inline">
+    <FatFormItem label="\u65F6\u95F4\u533A\u95F4" prop="dateRange" value-type="date-range"></FatFormItem>
+    <FatFormItem label="\u751F\u65E5" prop="birthday" value-type="date" :convert="timestampToDate"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+
+  // \u6A21\u62DF\u8BF7\u6C42, \u5047\u8BBE\u540E\u7AEF\u8FD4\u56DE\u65F6\u95F4\u6233
+  const fetchData = () =>
+    Promise.resolve({
+      startDate: new Date('2012/12/12 12:12:12').getTime(),
+      endDate: new Date('2012/12/14 12:12:12').getTime(),
+      birthday: Date.now(),
+    });
+
+  const timestampToDate = (timestamp: number | undefined) => timestamp && new Date(timestamp);
+
+  // \u590D\u6742\u8F6C\u6362\u63A8\u8350\u5728 request \u4E2D\u8FDB\u884C
+  const request = async () => {
+    const { startDate, endDate, ...other } = await fetchData();
+
+    return {
+      dateRange: [timestampToDate(startDate), timestampToDate(endDate)],
+      ...other,
+    };
+  };
+</script>
+




2.3 \u8868\u5355\u9879

FatForm \u5E76\u6CA1\u6709\u63D0\u4F9B\u76F4\u63A5\u4FEE\u6539\u8868\u5355\u6570\u636E\u7684\u624B\u6BB5\uFF0C\u6BD4\u5982 el-form \u5B98\u65B9\u4F7F\u7528 v-model \u6765\u4FEE\u6539\u72B6\u6001\uFF1A

html
<el-form :inline="true" :model="formInline" class="demo-form-inline">
+  <el-form-item label="\u5BA1\u6279\u4EBA">
+    <el-input v-model="formInline.user" placeholder="\u5BA1\u6279\u4EBA"></el-input>
+  </el-form-item>
+  <el-form-item label="\u6D3B\u52A8\u533A\u57DF">
+    <el-select v-model="formInline.region" placeholder="\u6D3B\u52A8\u533A\u57DF">
+      <el-option label="\u533A\u57DF\u4E00" value="shanghai"></el-option>
+      <el-option label="\u533A\u57DF\u4E8C" value="beijing"></el-option>
+    </el-select>
+  </el-form-item>
+  <el-form-item>
+    <el-button type="primary" @click="onSubmit">\u67E5\u8BE2</el-button>
+  </el-form-item>
+</el-form>
+


\u800C FatForm \u4E0B\u7EDF\u4E00\u4F7F\u7528 FatFormItem \u7684 prop \u6765\u5B9A\u4E49\u5B57\u6BB5\u7684\u8DEF\u5F84\uFF1A

`,11),sa={class:"wk-demo"},aa=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm>
+    <FatFormItem label="\u5BA1\u6279\u4EBA" prop="user" placeholder="\u5BA1\u6279\u4EBA" width="small"></FatFormItem>
+    <FatFormItem
+      label="\u6D3B\u52A8\u533A\u57DF"
+      prop="region"
+      placeholder="\u6D3B\u52A8\u533A\u57DF"
+      width="small"
+      value-type="select"
+      :value-props="{
+        options: [
+          { label: '\u533A\u57DF\u4E00', value: 'shanghai' },
+          { label: '\u533A\u57DF\u4E8C', value: 'beijing' },
+        ],
+      }"
+    ></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+

prop \u662F\u4E00\u4E2A\u67E5\u8BE2\u8DEF\u5F84, \u548C JavaScript \u7684\u5BF9\u8C61\u6210\u5458\u8BED\u6CD5\u4E00\u81F4, \u683C\u5F0F\u793A\u4F8B\uFF1A

shell
a.b.c
+a.b[0]    # \u6570\u7EC4
+a.b[0].c  # \u6570\u7EC4
+




2.4 \u8868\u5355\u8054\u52A8

\u590D\u6742\u7684\u8868\u5355\u7ED5\u4E0D\u5F00\u8868\u5355\u4E4B\u95F4\u7684\u8054\u52A8\u3002 \u5728 FatForm \u4E2D\uFF0C\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 FatFormConsumer \u7EC4\u4EF6\u6765\u5B9E\u73B0\u8054\u52A8\uFF1A

`,10),na={class:"wk-demo"},la=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormItem label="\u7B7E\u7EA6\u5BA2\u6237\u540D\u79F0" prop="user" width="medium"></FatFormItem>
+    <FatFormConsumer v-slot="scope">
+      <FatFormItem
+        prop="agree"
+        label-width="auto"
+        value-type="checkbox"
+        :disabled="!scope.values.user"
+        :value-props="{ label: \`\u540C\u610F\u4E0E \u300A\${scope.values.user || '\u5BA2\u6237\u540D\u79F0'}\u300B\u7B7E\u8BA2\u5408\u540C\` }"
+      ></FatFormItem>
+    </FatFormConsumer>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormConsumer } from '@wakeadmin/components';
+</script>
+

TIP

\u5982\u4E0A\u9762\u7684\u4EE3\u7801\u6240\u793A\uFF0C\u5982\u679C FatFormItem \u6CA1\u6709\u914D\u7F6E label\uFF0C\u5982\u679C\u60F3\u8981\u548C\u5176\u4ED6 FatFormItem \u5BF9\u9F50\uFF0C\u9700\u8981\u663E\u5F0F\u914D\u7F6E labelWidth \u4E3A auto





3. \u8868\u5355\u63D0\u4EA4

\u4E0B\u9762\u4ECB\u7ECD FatForm \u8868\u5355\u63D0\u4EA4\u7684\u5904\u7406\u8FC7\u7A0B

\u6570\u636E\u63D0\u4EA4\u7684\u8FC7\u7A0B\u5982\u4E0A\u6240\u793A\u3002



3.1 \u8868\u5355\u9A8C\u8BC1

\u8868\u5355\u9A8C\u8BC1\u7684\u8FC7\u7A0B\u57FA\u672C\u548C el-form \u6CA1\u591A\u5927\u5DEE\u522B\u3002FatForm \u589E\u5F3A\u4E86\u8054\u52A8\u9A8C\u8BC1\u7684\u652F\u6301\u3002\u6BD4\u5982\u4FEE\u6539\u5BC6\u7801\u7684\u573A\u666F\uFF1A

',15),pa={class:"wk-demo"},oa=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm>
+    <FatFormItem label="\u5BC6\u7801" prop="password" value-type="password" :rules="passwordRule"></FatFormItem>
+    <FatFormItem
+      label="\u786E\u8BA4\u5BC6\u7801"
+      prop="passwordConfirm"
+      value-type="password"
+      :rules="passwordConfirmRule"
+      dependencies="password"
+    ></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormItemRules } from '@wakeadmin/components';
+
+  interface T {
+    password?: string;
+    passwordConfirm?: string;
+  }
+
+  const rule: (compareKey: keyof T) => FatFormItemRules<T> = compareKey => values =>
+    [
+      { required: true },
+      {
+        validator(_rule: any, value, callback) {
+          if (value && values[compareKey] && value !== values[compareKey]) {
+            callback(new Error('\u5BC6\u7801\u4E0D\u5339\u914D'));
+          } else {
+            callback();
+          }
+        },
+      },
+    ];
+
+  const passwordRule = rule('passwordConfirm');
+  const passwordConfirmRule = rule('password');
+</script>
+

  • FatForm, FatFormItem \u7684 rules \u652F\u6301\u4F20\u5165\u51FD\u6570\uFF0C\u53EF\u4EE5\u83B7\u53D6\u8868\u5355\u503C\u548C\u8868\u5355\u5B9E\u4F8B\u3002\u5B9E\u73B0\u8054\u52A8\u9A8C\u8BC1
  • FatFormItem \u7684 dependencies \u5C5E\u6027\u53EF\u4EE5\u7528\u4E8E\u8BBE\u7F6E\u4F9D\u8D56\u5B57\u6BB5\u3002\u5F53\u4F9D\u8D56\u7684\u5B57\u6BB5\u53D8\u52A8\u65F6\uFF0C\u4F1A\u89E6\u53D1\u5F53\u524D\u5B57\u6BB5\u91CD\u65B0\u9A8C\u8BC1



\u5B50\u8868\u5355\u9A8C\u8BC1

\u8FD8\u6709\u4E00\u79CD\u590D\u6742\u7684\u8868\u5355\u573A\u666F\uFF0C\u5373\u7236\u5B50\u8868\u5355\uFF1A



\u5373\u67D0\u4E2A\u5B57\u6BB5\u5E95\u5C42\u4E5F\u662F\u4E00\u4E2A FatForm, \u6211\u4EEC\u671F\u671B\u5728\u89E6\u53D1\u9A8C\u8BC1\u6216\u91CD\u7F6E\u65F6\u4E5F\u80FD\u5E26\u52A8\u8FD9\u4E9B\u5B50\u8868\u5355\u3002FatForm \u901A\u8FC7\u5F00\u542F hierarchyConnect \u9009\u9879\u6765\u652F\u6301\u8FD9\u79CD\u5173\u8054\u3002 \u9ED8\u8BA4\u5F00\u542F\u3002


\u5F00\u542F\u540E\uFF0C\u7236\u5B50 FatForm \u4F1A\u5EFA\u7ACB\u4EE5\u4E0B\u5173\u8054\u5173\u7CFB\uFF1A

  1. \u5168\u5C40\u9A8C\u8BC1: \u7236 FatForm \u5728\u9A8C\u8BC1\u65F6\uFF0C\u540C\u65F6\u4F1A\u89E6\u53D1\u5B50 FatForm \u7684\u9A8C\u8BC1
  2. \u5168\u5C40\u6E05\u7406\u9A8C\u8BC1




3.2 \u8868\u5355\u6570\u636E\u8F6C\u6362

\u548C\u4E0A\u6587 request \u4E2D\u7684\u6570\u636E\u8F6C\u6362\u4E00\u6837\u3002\u5982\u679C\u8F93\u5165\u7AEF\u8F6C\u6362\u4E86\uFF0C\u8F93\u51FA\u7AEF\u7684\u8F6C\u6362\u4E5F\u662F\u5FC5\u7136\u7684\u8FC7\u7A0B\u3002

\u5BF9\u5E94\u7684\uFF0C\u590D\u6742\u7684\u6570\u636E\u8F6C\u6362\u53EF\u4EE5\u5728 submit \u5904\u7406\u5668\u4E2D\u5904\u7406\uFF0C\u7B80\u5355\u7684\u6570\u636E\u8F6C\u6362\u53EF\u4EE5\u5728 FatFormItem transform \u4E2D\u5904\u7406:

',22),ta={class:"wk-demo"},ea=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :submit="submit" layout="inline">
+    <FatFormItem
+      label="\u65F6\u95F4\u533A\u95F4"
+      prop="dateRange"
+      value-type="date-range"
+      :value-props="{ valueFormat: 'x' }"
+      :transform="v => ({ startDate: v?.[0], endDate: v?.[1] })"
+    ></FatFormItem>
+    <FatFormItem label="\u751F\u65E5" prop="birthday" value-type="date" :value-props="{ valueFormat: 'x' }"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+
+  // \u590D\u6742\u8F6C\u6362\u63A8\u8350\u5728 submit \u4E2D\u8FDB\u884C
+  const submit = async (values: any) => {
+    console.log(values);
+  };
+</script>
+

transform \u7684\u8F6C\u6362\u89C4\u5219\u5982\u4E0B:

ts
 /**
+  * @param value \u5F53\u524D\u503C
+  * @param values \u5F53\u524D\u6240\u6709\u8868\u5355\u7684\u503C
+  * @param prop \u5B57\u6BB5\u8DEF\u5F84
+  */
+transform?: (value: any, values: Store, prop: string) => any
+

  • \u5982\u679C\u8FD4\u56DE\u4E00\u4E2A\u5BF9\u8C61\uFF0Ckey \u4E3A\u65B0\u5C5E\u6027\u7684 path, \u4F8B\u5982 {'a.b': 0, 'a.c': 2, 'a.d[0]': 3}, \u540C\u65F6\u539F\u672C\u7684\u5B57\u6BB5\u4F1A\u88AB\u79FB\u9664
  • \u5982\u679C\u8FD4\u56DE\u975E\u5BF9\u8C61\u7684\u503C\uFF0C\u5C06\u4F5C\u4E3A\u5F53\u524D\u5B57\u6BB5\u7684\u503C

\u5047\u8BBE\uFF1A
+prop \u4E3A  dataRange
+transform \u8FD4\u56DE\u7684\u662F {startTime\u3001endTime}
+\u6700\u540E\u7684\u7ED3\u679C\u662F dataRange \u4F1A\u4ECE query \u4E2D\u79FB\u9664\uFF0C\u5E76\u4E14 startTime\u3001endTime \u4F1A\u5408\u5E76\u5230 query \u4E2D
+





3.3 \u8868\u5355\u63D0\u4EA4

\u63A5\u4E0B\u6765\u5C31\u662F\u63D0\u4EA4\u6570\u636E\u5230\u8FDC\u7A0B\u4E86\u3002\u6570\u636E\u7ECF\u8FC7\u9A8C\u8BC1\u548C\u8F6C\u6362\u4E4B\u540E\u4F1A\u4F20\u9012\u7ED9 submit \u5C5E\u6027\u3002\u5982\u679C\u6570\u636E\u4FDD\u5B58\u6210\u529F\uFF0C\u4F1A\u89E6\u53D1 onFinish \u4E8B\u4EF6:

vue
<template>
+  <FatForm :submit="handleSubmit" @finish="handleFinish">
+    <!-- ... -->
+  </FatForm>
+</template>
+
+<script setup>
+  const handleSubmit = async values => {
+    // \u540E\u7AEF\u6570\u636E\u8BF7\u6C42
+  };
+
+  // \u5904\u7406\u8868\u5355\u63D0\u4EA4\u5B8C\u6210
+  const handleFinish = async values => {
+    // \u6210\u529F\u4FDD\u5B58
+    message.success('\u4FDD\u5B58\u6210\u529F');
+
+    // or
+    history.back();
+  };
+</script>
+




4. \u52A8\u6001\u8868\u5355

\u52A8\u6001\u589E\u5220\u5B57\u6BB5\u4E5F\u662F\u5F88\u5E38\u89C1\u7684\u8868\u5355\u9700\u6C42\u3002

`,22),Fa={class:"wk-demo"},ra=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm ref="formRef" :initial-value="initialValue">
+    <FatFormConsumer v-slot="form">
+      <FatFormGroup label="\u52A8\u6001\u5217\u8868" vertical>
+        <FatFormGroup v-for="(item, index) of form.values.list" :key="item.key">
+          <FatFormItem :prop="\`list[\${index}].name\`" placeholder="\u540D\u79F0"></FatFormItem>
+          <FatFormItem :prop="\`list[\${index}].note\`" placeholder="\u5907\u6CE8"></FatFormItem>
+          <el-button @click="handleRemove(item.key)">\u5220\u9664</el-button>
+        </FatFormGroup>
+        <el-button @click="handleAdd">\u65B0\u589E</el-button>
+      </FatFormGroup>
+    </FatFormConsumer>
+    <FatFormItem label="\u663E\u793A\u9690\u85CF\u5B57\u6BB5" prop="visible" value-type="checkbox"></FatFormItem>
+    <FatFormConsumer v-slot="form">
+      <FatFormItem
+        v-if="form.values.visible"
+        label="\u6211\u662F\u9690\u85CF\u5B57\u6BB5"
+        prop="hidden"
+        initial-value="hidden"
+        width="medium"
+        :preserve="false"
+      ></FatFormItem>
+    </FatFormConsumer>
+    <FatFormGroup label="\u6570\u636E">
+      <FatFormConsumer v-slot="form">
+        <pre><code>{{JSON.stringify(form.values, null, 2)}}</code></pre>
+      </FatFormConsumer>
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormGroup, FatFormConsumer, FatFormItem, useFatFormRef } from '@wakeadmin/components';
+
+  interface S {
+    list: { name: string; note: string; key: number }[];
+  }
+
+  const formRef = useFatFormRef<S>();
+  let uid = 0;
+
+  const initialValue = {
+    list: [],
+  };
+
+  const handleAdd = () => {
+    formRef.value?.values.list.push({ name: '', note: '', key: uid++ });
+  };
+
+  const handleRemove = (key: number) => {
+    const idx = formRef.value?.values.list.findIndex(i => i.key === key);
+    if (idx != null && idx !== -1) {
+      formRef.value?.values.list.splice(idx, 1);
+    }
+  };
+</script>
+

\u4E0A\u9762\u7684\u4EE3\u7801\u5C55\u793A\u4E86\u52A8\u6001\u8868\u5355\u7684\u7B80\u5355\u5904\u7406\u8FC7\u7A0B\u3002

\u53E6\u5916\u8FD8\u5C55\u793A\u4E86\u6761\u4EF6\u5C55\u793A\u5B57\u6BB5, \u901A\u8FC7 preserve \u5C5E\u6027\u6765\u63A7\u5236\uFF0C\u6761\u4EF6\u5C55\u793A\u5B57\u6BB5\u5378\u8F7D\u540E\u662F\u5426\u4FDD\u7559\u6570\u636E\u3002





5. \u9884\u89C8\u6A21\u5F0F

\u5229\u7528\u539F\u4EF6\u7684 \u9884\u89C8\u5F62\u6001\u548C \u7F16\u8F91\u5F62\u6001, \u6211\u4EEC\u73B0\u5728\u53EF\u4EE5\u505A\u5230\u4E00\u5957\u4EE3\u7801\u5C31\u80FD\u6EE1\u8DB3 \u589E\u6539\u67E5, \u5373\u7F16\u8F91\u9875\u9762\u548C\u8BE6\u60C5\u9884\u89C8\u3002

`,10),Da={class:"wk-demo"},ca=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <div>
+      <el-switch v-model="previewMode" active-text="\u9884\u89C8\u6A21\u5F0F" inactive-text="\u7F16\u8F91\u6A21\u5F0F"></el-switch>
+    </div>
+    <FatForm :mode="previewMode ? 'preview' : 'editable'">
+      <FatFormItem prop="text" label="text" value-type="text" width="small" />
+      <FatFormItem prop="password" label="password" value-type="password" width="small" />
+      <FatFormItem prop="search" label="search" value-type="search" width="medium" />
+      <FatFormItem prop="textarea" label="textarea" value-type="textarea" width="huge" />
+      <FatFormItem prop="url" label="url" value-type="url" width="huge" />
+      <FatFormItem prop="date" label="date" value-type="date" width="medium" />
+      <FatFormItem prop="time" label="time" value-type="time" width="medium" />
+      <FatFormItem prop="dateTime" label="date-time" value-type="date-time" width="medium" />
+      <FatFormItem prop="dateRange" label="date-range" value-type="date-range" width="large" />
+      <FatFormItem prop="dateTimeRange" label="date-time-range" value-type="date-time-range" width="large" />
+      <FatFormItem prop="timeRange" label="time-range" value-type="time-range" width="large" />
+      <FatFormItem prop="switch" label="switch" value-type="switch" width="mini" />
+      <FatFormItem
+        prop="select"
+        label="select"
+        value-type="select"
+        width="small"
+        :value-props="{
+          options: [
+            { label: '\u9009\u98791', value: '1', color: 'primary' },
+            { label: '\u9009\u98792', value: '2', color: 'success' },
+          ],
+        }"
+      />
+      <FatFormItem
+        prop="multi-select"
+        label="multi-select"
+        value-type="multi-select"
+        width="small"
+        :value-props="{
+          options: [
+            { label: '\u9009\u98791', value: '1' },
+            { label: '\u9009\u98792', value: '2' },
+          ],
+          separator: ' - ',
+        }"
+      />
+      <FatFormGroup label="checkbox1">
+        <FatFormItem prop="checkbox1" value-type="checkbox" />
+        <span>\u540C\u610F 996 \u5417</span>
+      </FatFormGroup>
+      <FatFormItem prop="checkbox2" label-width="auto" value-type="checkbox" :value-props="{ label: '\u662F\u5426\u5F00\u542F' }" />
+      <FatFormItem
+        prop="radio"
+        label="radio"
+        value-type="radio"
+        :value-props="{
+          options: [
+            { label: '\u662F', value: 1 },
+            { label: '\u5426', value: 0 },
+          ],
+        }"
+      />
+      <FatFormItem
+        prop="checkboxs"
+        label="checkboxs"
+        value-type="checkboxs"
+        :value-props="{
+          options: [
+            { label: '\u9009\u6211', value: 1 },
+            { label: '\u9009\u6211\u554A', value: 0 },
+          ],
+        }"
+      />
+      <FatFormItem prop="integer" label="integer" value-type="integer"></FatFormItem>
+      <FatFormItem prop="float" label="float" value-type="float"></FatFormItem>
+      <FatFormItem prop="currency" label="currency" value-type="currency"></FatFormItem>
+      <FatFormItem prop="rate" label="rate" value-type="rate"></FatFormItem>
+      <FatFormItem prop="slider" label="slider" value-type="slider" width="large"></FatFormItem>
+      <FatFormItem
+        prop="sliderVertical"
+        label="slider-vertical"
+        value-type="slider"
+        :value-props="{ vertical: true }"
+      ></FatFormItem>
+      <FatFormItem prop="progress" label="progress" value-type="progress" :initial-value="50"></FatFormItem>
+      <FatFormItem
+        prop="images"
+        label="images"
+        value-type="images"
+        :value-props="{ sizeLimit: 1024 * 100, accept: ['.png', '.jpg'] }"
+        :rules="{ required: true }"
+        message="\u8BF7\u4E0A\u4F20\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"
+      ></FatFormItem>
+    </FatForm>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { ref } from 'vue';
+  import { FatForm, FatFormGroup, FatFormItem } from '@wakeadmin/components';
+
+  const previewMode = ref(false);
+</script>
+




6. \u81EA\u5B9A\u4E49\u8868\u5355\u9879

\u81EA\u5B9A\u4E49\u8868\u5355\u9879\u6709\u4E24\u79CD\u65B9\u5F0F\uFF1A




\u539F\u4EF6 \u662F @wakeadmin/components \u7684\u6838\u5FC3\u6982\u5FF5\uFF0C\u6211\u4EEC\u4F18\u5148\u63A8\u8350\u4F7F\u7528\u8FD9\u79CD\u5F62\u5F0F\uFF0C\u5C06\u5176\u6784\u5EFA\u6210\u771F\u6B63\u5177\u5907\u590D\u7528\u80FD\u529B\u7684\u7EC4\u4EF6\u3002 \u8BE6\u89C1\u81EA\u5B9A\u4E49\u539F\u4EF6\u3002




\u4F7F\u7528 FatFormConsumer \u4E5F\u53EF\u4EE5\u4F7F\u7528\u5C06\u5916\u90E8\u8868\u5355\u7EC4\u4EF6\u96C6\u6210\u5230 FatForm \u7684\u4F53\u7CFB\u4E0B\uFF1A

`,16),ya={class:"wk-demo"},Ca=c(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormItem label="\u59D3\u540D" prop="name" width="medium"></FatFormItem>
+    <FatFormConsumer v-slot="scope">
+      <el-form-item label="\u5E74\u9F84">
+        <el-input-number
+          :model-value="scope.getFieldValue('age')"
+          @update:model-value="scope.setFieldValue('age', $event)"
+        />
+      </el-form-item>
+    </FatFormConsumer>
+    <FatFormConsumer v-slot="scope">
+      <el-form-item label="JSON">
+        {{ JSON.stringify(scope.values, null, 2) }}
+      </el-form-item>
+    </FatFormConsumer>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormConsumer } from '@wakeadmin/components';
+</script>
+





7. \u539F\u4EF6\u503C\u6620\u5C04\uFF081.8+\uFF09

\u5728 1.8 \u7248\u672C\u4E4B\u524D\uFF0C\u8868\u5355\u9879\u7684\u6570\u636E\u8F6C\u6362\u53EA\u80FD\u901A\u8FC7 convert \u548C transform props \u6765\u5B9E\u73B0, \u800C\u8FD9\u4E24\u4E2A\u65B9\u6CD5\u7684\u6267\u884C\u65F6\u673A\u5206\u522B\u662F\u5728\u6570\u636E\u8BF7\u6C42\u4E4B\u540E\u548C\u8868\u5355\u63D0\u4EA4\u4E4B\u524D\u3002\u65E0\u6CD5\u5E94\u4ED8\u4EE5\u4E0B\u573A\u666F\uFF1A

  • \u5C06\u65E5\u671F\u5B57\u7B26\u4E32\u53CC\u5411\u8F6C\u6362\u4E3A Date
  • \u5C06\u9017\u53F7\u5206\u5272\u7684\u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A \u6570\u7EC4
  • \u5C06 JSON \u5B57\u7B26\u4E32\u8FD8\u539F
  • \u5C06\u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A\u6570\u5B57
  • \u7B49\u7B49

\u4E3A\u4E86\u5E94\u4ED8\u8FD9\u4E9B\u573A\u666F\uFF0C\u6211\u4EEC\u5728 1.8 \u7248\u672C\u4E3A FatFormItem \u5F15\u5165\u4E86 valueMap \u5C5E\u6027\uFF0C\u4F7F\u7528\u65B9\u6CD5\u5982\u4E0B:

`,11),Aa={class:"wk-demo"},ua=c(`
\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+export default defineFatForm<{ json?: string }>(({ item, consumer }) => {
+  return () => ({
+    children: [
+      item({
+        label: 'JSON',
+        valueType: 'multi-select',
+        prop: 'json',
+        valueProps: {
+          options: [
+            { label: '1', value: 1 },
+            { label: '2', value: 2 },
+          ],
+        },
+        valueMap: {
+          in: value => {
+            if (!value) {
+              return [];
+            }
+            try {
+              return JSON.parse(value as string);
+            } catch (e) {
+              return [];
+            }
+          },
+          out: value => {
+            if (!value) {
+              return '';
+            }
+            return JSON.stringify(value);
+          },
+        },
+      }),
+      consumer(scope => {
+        return <pre>{JSON.stringify(scope.values, null, 2)}</pre>;
+      }),
+    ],
+  });
+});
+

@wakeadmin/components \u4E5F\u5185\u7F6E\u4E86\u4E00\u4E9B\u5E38\u89C1\u7684 valueMap \u4F9B\u76F4\u63A5\u5BFC\u5165\uFF0C\u4F8B\u5982\uFF1A

  • numberToString\uFF1A \u5C06\u539F\u4EF6\u7684 number \u7C7B\u578B\u8F6C\u6362\u4E3A string \u7C7B\u578B
  • toJSONArrayString: \u5C06\u539F\u4EF6\u7684\u6570\u7EC4\u8F6C\u6362\u4E3A JSON \u5B57\u7B26\u4E32, \u9ED8\u8BA4\u503C\u4E3A []
  • toJSONObjectString: \u5C06\u539F\u4EF6\u7684\u5BF9\u8C61\u8F6C\u6362\u4E3A JSON \u5B57\u7B26\u4E32, \u9ED8\u8BA4\u503C\u4E3A {}
  • toCommaSplitArray: \u5C06\u539F\u4EF6\u7684\u6570\u7EC4\u8F6C\u6362\u4E3A\u9017\u53F7\u5206\u5272\u7684\u5B57\u7B26\u4E32, \u9ED8\u8BA4\u503C\u4E3A []
  • toCommaSplitNumberArray: \u5C06\u539F\u4EF6\u7684\u6570\u5B57\u6570\u7EC4\u8F6C\u6362\u4E3A\u9017\u53F7\u5206\u5272\u7684\u5B57\u7B26\u4E32, \u9ED8\u8BA4\u503C\u4E3A []




8. API

8.1 FatForm Props



8.2 FatForm Events




8.3 FatForm Methods




',23),Ea=JSON.parse('{"title":"\u8868\u5355","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u8868\u5355\u5E03\u5C40","slug":"_1-\u8868\u5355\u5E03\u5C40","link":"#_1-\u8868\u5355\u5E03\u5C40","children":[{"level":3,"title":"1.1 \u5206\u7EC4","slug":"_1-1-\u5206\u7EC4","link":"#_1-1-\u5206\u7EC4","children":[]},{"level":3,"title":"1.2 \u9884\u5B9A\u4E49\u5BBD\u5EA6","slug":"_1-2-\u9884\u5B9A\u4E49\u5BBD\u5EA6","link":"#_1-2-\u9884\u5B9A\u4E49\u5BBD\u5EA6","children":[]},{"level":3,"title":"1.3 \u7F51\u683C\u5E03\u5C40","slug":"_1-3-\u7F51\u683C\u5E03\u5C40","link":"#_1-3-\u7F51\u683C\u5E03\u5C40","children":[]},{"level":3,"title":"1.4 \u56FA\u5B9A\u7F51\u683C","slug":"_1-4-\u56FA\u5B9A\u7F51\u683C","link":"#_1-4-\u56FA\u5B9A\u7F51\u683C","children":[]},{"level":3,"title":"1.5 \u63D0\u793A\u4FE1\u606F","slug":"_1-5-\u63D0\u793A\u4FE1\u606F","link":"#_1-5-\u63D0\u793A\u4FE1\u606F","children":[]},{"level":3,"title":"1.6 \u5206\u7C7B","slug":"_1-6-\u5206\u7C7B","link":"#_1-6-\u5206\u7C7B","children":[]},{"level":3,"title":"1.7 \u5C45\u4E2D\u5E03\u5C40","slug":"_1-7-\u5C45\u4E2D\u5E03\u5C40","link":"#_1-7-\u5C45\u4E2D\u5E03\u5C40","children":[]},{"level":3,"title":"1.8 \u81EA\u5B9A\u4E49\u63D0\u4EA4\u6309\u94AE","slug":"_1-8-\u81EA\u5B9A\u4E49\u63D0\u4EA4\u6309\u94AE","link":"#_1-8-\u81EA\u5B9A\u4E49\u63D0\u4EA4\u6309\u94AE","children":[]}]},{"level":2,"title":"2. \u8868\u5355\u6570\u636E","slug":"_2-\u8868\u5355\u6570\u636E","link":"#_2-\u8868\u5355\u6570\u636E","children":[{"level":3,"title":"2.1 \u901A\u8FC7 initialValue \u4F20\u5165\u521D\u59CB\u503C","slug":"_2-1-\u901A\u8FC7-initialvalue-\u4F20\u5165\u521D\u59CB\u503C","link":"#_2-1-\u901A\u8FC7-initialvalue-\u4F20\u5165\u521D\u59CB\u503C","children":[]},{"level":3,"title":"2.2 \u901A\u8FC7 request \u8FDC\u7A0B\u8BF7\u6C42\u6570\u636E","slug":"_2-2-\u901A\u8FC7-request-\u8FDC\u7A0B\u8BF7\u6C42\u6570\u636E","link":"#_2-2-\u901A\u8FC7-request-\u8FDC\u7A0B\u8BF7\u6C42\u6570\u636E","children":[]},{"level":3,"title":"2.3 \u8868\u5355\u9879","slug":"_2-3-\u8868\u5355\u9879","link":"#_2-3-\u8868\u5355\u9879","children":[]},{"level":3,"title":"2.4 \u8868\u5355\u8054\u52A8","slug":"_2-4-\u8868\u5355\u8054\u52A8","link":"#_2-4-\u8868\u5355\u8054\u52A8","children":[]}]},{"level":2,"title":"3. \u8868\u5355\u63D0\u4EA4","slug":"_3-\u8868\u5355\u63D0\u4EA4","link":"#_3-\u8868\u5355\u63D0\u4EA4","children":[{"level":3,"title":"3.1 \u8868\u5355\u9A8C\u8BC1","slug":"_3-1-\u8868\u5355\u9A8C\u8BC1","link":"#_3-1-\u8868\u5355\u9A8C\u8BC1","children":[]},{"level":3,"title":"3.2 \u8868\u5355\u6570\u636E\u8F6C\u6362","slug":"_3-2-\u8868\u5355\u6570\u636E\u8F6C\u6362","link":"#_3-2-\u8868\u5355\u6570\u636E\u8F6C\u6362","children":[]},{"level":3,"title":"3.3 \u8868\u5355\u63D0\u4EA4","slug":"_3-3-\u8868\u5355\u63D0\u4EA4","link":"#_3-3-\u8868\u5355\u63D0\u4EA4","children":[]}]},{"level":2,"title":"4. \u52A8\u6001\u8868\u5355","slug":"_4-\u52A8\u6001\u8868\u5355","link":"#_4-\u52A8\u6001\u8868\u5355","children":[]},{"level":2,"title":"5. \u9884\u89C8\u6A21\u5F0F","slug":"_5-\u9884\u89C8\u6A21\u5F0F","link":"#_5-\u9884\u89C8\u6A21\u5F0F","children":[]},{"level":2,"title":"6. \u81EA\u5B9A\u4E49\u8868\u5355\u9879","slug":"_6-\u81EA\u5B9A\u4E49\u8868\u5355\u9879","link":"#_6-\u81EA\u5B9A\u4E49\u8868\u5355\u9879","children":[]},{"level":2,"title":"7. \u539F\u4EF6\u503C\u6620\u5C04\uFF081.8+\uFF09","slug":"_7-\u539F\u4EF6\u503C\u6620\u5C04\uFF081-8-\uFF09","link":"#_7-\u539F\u4EF6\u503C\u6620\u5C04\uFF081-8-\uFF09","children":[]},{"level":2,"title":"8. API","slug":"_8-api","link":"#_8-api","children":[{"level":3,"title":"8.1 FatForm Props","slug":"_8-1-fatform-props","link":"#_8-1-fatform-props","children":[]},{"level":3,"title":"8.2 FatForm Events","slug":"_8-2-fatform-events","link":"#_8-2-fatform-events","children":[]},{"level":3,"title":"8.3 FatForm Methods","slug":"_8-3-fatform-methods","link":"#_8-3-fatform-methods","children":[]}]}],"relativePath":"fat-form/index.md","lastUpdated":1719310312000}'),ia={name:"fat-form/index.md"},_a=Object.assign(ia,{setup(D){return(o,t)=>{const p=E("ClientOnly");return r(),h("div",null,[Es,s(p,null,{default:l(()=>[e("div",_s,[s(K)])]),_:1}),qs,s(p,null,{default:l(()=>[e("div",gs,[s(L)])]),_:1}),bs,s(p,null,{default:l(()=>[e("div",Bs,[s(H)])]),_:1}),hs,s(p,null,{default:l(()=>[e("div",vs,[s(Q)])]),_:1}),fs,s(p,null,{default:l(()=>[e("div",Is,[s(X)])]),_:1}),ws,s(p,null,{default:l(()=>[e("div",xs,[s(Y)])]),_:1}),Ts,s(p,null,{default:l(()=>[e("div",ks,[s(Z)])]),_:1}),Ss,s(p,null,{default:l(()=>[e("div",Vs,[s(ss)])]),_:1}),Ns,s(p,null,{default:l(()=>[e("div",Ps,[s(as)])]),_:1}),Rs,s(p,null,{default:l(()=>[e("div",Gs,[s(ns)])]),_:1}),$s,s(p,null,{default:l(()=>[e("div",Os,[s(us)])]),_:1}),Js,s(p,null,{default:l(()=>[e("div",Ms,[s(is)])]),_:1}),js,s(p,null,{default:l(()=>[e("div",zs,[s(ls)])]),_:1}),Ws,s(p,null,{default:l(()=>[e("div",Us,[s(os)])]),_:1}),Ks,s(p,null,{default:l(()=>[e("div",Ls,[s(ps)])]),_:1}),Hs,s(p,null,{default:l(()=>[e("div",Qs,[s(ts)])]),_:1}),Xs,s(p,null,{default:l(()=>[e("div",Ys,[s(es)])]),_:1}),Zs,s(p,null,{default:l(()=>[e("div",sa,[s(Fs)])]),_:1}),aa,s(p,null,{default:l(()=>[e("div",na,[s(rs)])]),_:1}),la,s(p,null,{default:l(()=>[e("div",pa,[s(Ds)])]),_:1}),oa,s(p,null,{default:l(()=>[e("div",ta,[s(cs)])]),_:1}),ea,s(p,null,{default:l(()=>[e("div",Fa,[s(ys)])]),_:1}),ra,s(p,null,{default:l(()=>[e("div",Da,[s(As)])]),_:1}),ca,s(p,null,{default:l(()=>[e("div",ya,[s(ms)])]),_:1}),Ca,s(p,null,{default:l(()=>[e("div",Aa,[s(a(ds))])]),_:1}),ua])}}});export{Ea as __pageData,_a as default}; diff --git a/assets/fat-form_index.md.2c7039cc.lean.js b/assets/fat-form_index.md.2c7039cc.lean.js new file mode 100644 index 0000000..4c5ccdf --- /dev/null +++ b/assets/fat-form_index.md.2c7039cc.lean.js @@ -0,0 +1 @@ +import{d as C,r as w,a as E,o as r,c as h,b as e,f as s,w as l,g as a,h as n,j as A,O as y,i as m,e as g,F as I,s as x,G as v,D as b,u as T,L as k,K as S,a8 as V,a9 as N,n as P,q as R,m as c}from"./app.56f20909.js";const G="/components/assets/fat-form.0885f35b.png",$="/components/assets/width.572f0280.png",O="/components/assets/request.c204d523.png",J="/components/assets/submit.845c67d4.png",M="/components/assets/sub-form.c8b52018.png",j="/components/assets/fat-form-api.30f5ff5e.png",z="/components/assets/fat-form-events.100df51b.png",W="/components/assets/fat-form-methods.e4833e76.png",U={style:{"margin-bottom":"20px"}},K=C({__name:"Layout",setup(D){const o=w("horizontal"),t=async p=>{console.log(p)};return(p,F)=>{const u=E("el-radio-button"),i=E("el-radio-group");return r(),h("div",null,[e("div",U,[s(i,{modelValue:o.value,"onUpdate:modelValue":F[0]||(F[0]=d=>o.value=d)},{default:l(()=>[s(u,{label:"horizontal"}),s(u,{label:"vertical"}),s(u,{label:"inline"})]),_:1},8,["modelValue"])]),s(a(A),{layout:o.value,submit:t},{default:l(()=>[s(a(n),{label:"\u7528\u6237\u540D",prop:"name",trim:"blur"}),s(a(n),{label:"\u5BC6\u7801",prop:"password","value-type":"password"})]),_:1},8,["layout"])])}}}),L=C({__name:"HozGroup",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(m),null,{default:l(()=>[s(a(n),{prop:"name",label:"\u540D\u79F0"}),s(a(n),{prop:"password",label:"\u5BC6\u7801","value-type":"password"}),s(a(n),{prop:"remember","value-type":"checkbox","value-props":{label:"\u8BB0\u4F4F\u5BC6\u7801"}})]),_:1}),s(a(n),{label:"\u89D2\u8272",prop:"role","value-type":"select"})]),_:1}))}}),H=C({__name:"VerGroup",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(m),{label:"\u5206\u7EC4",vertical:""},{default:l(()=>[s(a(n),{prop:"group[0]"}),s(a(n),{prop:"group[1]"}),s(a(n),{prop:"group[2]"})]),_:1})]),_:1}))}}),Q=C({__name:"MixGroup",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(m),null,{default:l(()=>[g(" \u83B7\u53D6\u79EF\u5206\u540E\uFF0C \u7B2C "),s(a(n),{prop:"name","value-type":"integer",width:"mini"}),g(" \u4E2A 3 \u6708 31 \u65E5 23:59:59 \u5931\u6548 ")]),_:1})]),_:1}))}}),X=C({__name:"Width",setup(D){return(o,t)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{prop:"mini0",label:"\u77ED\u6587\u672C(mini)",width:"mini"}),s(a(n),{prop:"mini1",label:"\u77ED\u6570\u5B57(mini)",width:"mini","value-type":"integer","value-props":{placeholder:"\u6570\u5B57"}}),s(a(n),{prop:"small",label:"\u8F83\u77ED\u6587\u672C(small)",width:"small"}),s(a(n),{prop:"medium",label:"\u6807\u51C6\u6587\u672C(medium)",width:"medium",message:"\u9002\u5408\u5927\u90E8\u5206\u5B57\u6BB5\u957F\u5EA6"}),s(a(n),{prop:"large",label:"\u957F\u5B57\u6BB5(large)",width:"large","value-type":"url",message:"\u9002\u7528\u4E8E\u8F83\u957F\u5B57\u6BB5\u5F55\u5165\uFF0C\u5982\u957F\u7F51\u5740\u3001\u6807\u7B7E\u7EC4\u3001\u6587\u4EF6\u8DEF\u5F84\u7B49"}),s(a(n),{prop:"huge",label:"\u957F\u6587\u672C\u8F93\u5165(huge)",width:"huge","value-type":"textarea",message:"552px \u9002\u7528\u4E8E\u957F\u6587\u672C\u5F55\u5165\uFF0C\u5982\u957F\u94FE\u63A5\u3001\u63CF\u8FF0\u3001\u5907\u6CE8\u7B49\uFF0C\u901A\u5E38\u642D\u914D\u81EA\u9002\u5E94\u591A\u884C\u8F93\u5165\u6846\u6216\u5B9A\u9AD8\u6587\u672C\u57DF\u4F7F\u7528"})]),_:1}))}}),Y=C({__name:"Grid",setup(D){return(o,t)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{label:"\u6807\u9898",prop:"name",tooltip:"\u6700\u957F 24 \u4F4D"}),s(a(m),null,{default:l(()=>[s(a(n),{col:{md:12,xl:8},prop:"company",label:"\u59D3\u540D"}),s(a(n),{col:{md:12,xl:8},prop:"phone",label:"\u7535\u8BDD"}),s(a(n),{col:{md:12,xl:8},prop:"email",label:"\u90AE\u7BB1"})]),_:1}),s(a(n),{col:24,prop:"textarea","value-type":"textarea",label:"\u6587\u672C\u6846"}),s(a(m),null,{default:l(()=>[s(a(n),{col:12,prop:"date","value-type":"date",label:"\u5165\u804C\u65F6\u95F4"}),s(a(n),{col:12,prop:"dateRange","value-type":"date-range",label:"\u5DE5\u4F5C\u5468\u671F"})]),_:1})]),_:1}))}}),Z=C({__name:"UniGrid",setup(D){return(o,t)=>(r(),y(a(A),{col:{xl:6,lg:8,sm:12},"label-width":"100px"},{default:l(()=>[s(a(n),{prop:"a",label:"\u540D\u79F0"}),s(a(n),{prop:"b",label:"\u59D3\u540D"}),s(a(n),{prop:"c",label:"\u6536\u8D27\u5730\u5740"}),s(a(n),{prop:"d",label:"\u624B\u673A\u53F7\u7801"})]),_:1}))}}),ss=C({__name:"Message",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(n),{prop:"a",label:"\u9ED8\u8BA4",message:"\u9ED8\u8BA4\u63D0\u793A\u4FE1\u606F\uFF0C\u4F4D\u4E8E\u8868\u5355\u4E0B\u65B9"}),s(a(n),{prop:"b",label:"\u5185\u8054","inline-message":"",message:"\u5185\u8054\u63D0\u793A\u4FE1\u606F"}),s(a(n),{prop:"c",label:"\u60AC\u6D6E\u4FE1\u606F",tooltip:"\u8FD9\u662F\u60AC\u6D6E\u63D0\u793A\u4FE1\u606F"})]),_:1}))}}),as=C({__name:"Section",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(I),{title:"\u57FA\u672C\u4FE1\u606F"},{default:l(()=>[s(a(n),{prop:"name",label:"\u540D\u79F0",width:"medium",rules:{required:!0}}),s(a(n),{prop:"age",label:"\u5E74\u9F84",width:"huge"})]),_:1}),s(a(I),{title:"\u8BE6\u7EC6\u4FE1\u606F"},{default:l(()=>[s(a(n),{prop:"id",label:"\u8EAB\u4EFD\u8BC1",width:"large"}),s(a(n),{prop:"address",label:"\u5730\u5740",width:"large"}),s(a(n),{prop:"note",label:"\u5907\u6CE8",width:"huge","value-type":"textarea"})]),_:1})]),_:1}))}}),ns=C({__name:"Center",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1,style:{maxWidth:"500px",margin:"0 auto"}},{default:l(()=>[s(a(n),{prop:"id",label:"\u8EAB\u4EFD\u8BC1",width:"large"}),s(a(n),{prop:"address",label:"\u5730\u5740",width:"large"}),s(a(n),{prop:"note",label:"\u5907\u6CE8",width:"huge","value-type":"textarea"})]),_:1}))}}),ls=C({__name:"InitialValue",setup(D){const o={name:"ivan",nickName:"\u72D7\u86CB"};return(t,p)=>(r(),y(a(A),{"initial-value":o},{default:l(()=>[s(a(n),{label:"\u8D26\u53F7\u540D",prop:"name"}),s(a(n),{label:"\u6635\u79F0",prop:"nickName"})]),_:1}))}}),ps=C({__name:"FatFormItemInitialValue",setup(D){return(o,t)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{label:"\u8D26\u53F7\u540D",prop:"name","initial-value":"ivan"}),s(a(n),{label:"\u6635\u79F0",prop:"nickName","initial-value":"\u72D7\u86CB"})]),_:1}))}}),os=C({__name:"InitialValueSync",setup(D){const o=x({name:"ivan",nickName:"\u72D7\u86CB"});return(t,p)=>(r(),y(a(A),{"initial-value":o,"sync-to-initial-values":""},{default:l(()=>[s(a(n),{label:"\u8D26\u53F7\u540D",prop:"name"}),s(a(n),{label:"\u6635\u79F0",prop:"nickName"}),s(a(m),{label:"\u6570\u636E"},{default:l(()=>[e("pre",null,[e("code",null,v(JSON.stringify(o,null,2)),1)])]),_:1})]),_:1},8,["initial-value"]))}}),ts=C({__name:"Request",setup(D){const o=async()=>({name:"ivan",nickName:"\u72D7\u86CB"});return(t,p)=>(r(),y(a(A),{request:o},{default:l(()=>[s(a(n),{label:"\u8D26\u53F7\u540D",prop:"name"}),s(a(n),{label:"\u6635\u79F0",prop:"nickName"})]),_:1}))}}),es=C({__name:"Convert",setup(D){const o=()=>Promise.resolve({startDate:new Date("2012/12/12 12:12:12").getTime(),endDate:new Date("2012/12/14 12:12:12").getTime(),birthday:Date.now()}),t=F=>F&&new Date(F),p=async()=>{const{startDate:F,endDate:u,...i}=await o();return{dateRange:[t(F),t(u)],...i}};return(F,u)=>(r(),y(a(A),{request:p,layout:"inline"},{default:l(()=>[s(a(n),{label:"\u65F6\u95F4\u533A\u95F4",prop:"dateRange","value-type":"date-range"}),s(a(n),{label:"\u751F\u65E5",prop:"birthday","value-type":"date",convert:t})]),_:1}))}}),Fs=C({__name:"FatFormItemProp",setup(D){return(o,t)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{label:"\u5BA1\u6279\u4EBA",prop:"user",placeholder:"\u5BA1\u6279\u4EBA",width:"small"}),s(a(n),{label:"\u6D3B\u52A8\u533A\u57DF",prop:"region",placeholder:"\u6D3B\u52A8\u533A\u57DF",width:"small","value-type":"select","value-props":{options:[{label:"\u533A\u57DF\u4E00",value:"shanghai"},{label:"\u533A\u57DF\u4E8C",value:"beijing"}]}})]),_:1}))}}),rs=C({__name:"Consumer",setup(D){return(o,t)=>(r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(n),{label:"\u7B7E\u7EA6\u5BA2\u6237\u540D\u79F0",prop:"user",width:"medium"}),s(a(b),null,{default:l(p=>[s(a(n),{prop:"agree","label-width":"auto","value-type":"checkbox",disabled:!p.values.user,"value-props":{label:`\u540C\u610F\u4E0E \u300A${p.values.user||"\u5BA2\u6237\u540D\u79F0"}\u300B\u7B7E\u8BA2\u5408\u540C`}},null,8,["disabled","value-props"])]),_:1})]),_:1}))}}),Ds=C({__name:"ChangePassword",setup(D){const o=F=>u=>[{required:!0},{validator(i,d,_){d&&u[F]&&d!==u[F]?_(new Error("\u5BC6\u7801\u4E0D\u5339\u914D")):_()}}],t=o("passwordConfirm"),p=o("password");return(F,u)=>(r(),y(a(A),null,{default:l(()=>[s(a(n),{label:"\u5BC6\u7801",prop:"password","value-type":"password",rules:a(t)},null,8,["rules"]),s(a(n),{label:"\u786E\u8BA4\u5BC6\u7801",prop:"passwordConfirm","value-type":"password",rules:a(p),dependencies:"password"},null,8,["rules"])]),_:1}))}}),cs=C({__name:"Transform",setup(D){const o=async t=>{console.log(t)};return(t,p)=>(r(),y(a(A),{submit:o,layout:"inline"},{default:l(()=>[s(a(n),{label:"\u65F6\u95F4\u533A\u95F4",prop:"dateRange","value-type":"date-range","value-props":{valueFormat:"x"},transform:F=>({startDate:F==null?void 0:F[0],endDate:F==null?void 0:F[1]})},null,8,["transform"]),s(a(n),{label:"\u751F\u65E5",prop:"birthday","value-type":"date","value-props":{valueFormat:"x"}})]),_:1}))}}),ys=C({__name:"Dynamic",setup(D){const o=T();let t=0;const p={list:[]},F=()=>{var i;(i=o.value)==null||i.values.list.push({name:"",note:"",key:t++})},u=i=>{var _,q;const d=(_=o.value)==null?void 0:_.values.list.findIndex(B=>B.key===i);d!=null&&d!==-1&&((q=o.value)==null||q.values.list.splice(d,1))};return(i,d)=>{const _=E("el-button");return r(),y(a(A),{ref_key:"formRef",ref:o,"initial-value":p},{default:l(()=>[s(a(b),null,{default:l(q=>[s(a(m),{label:"\u52A8\u6001\u5217\u8868",vertical:""},{default:l(()=>[(r(!0),h(S,null,k(q.values.list,(B,f)=>(r(),y(a(m),{key:B.key},{default:l(()=>[s(a(n),{prop:`list[${f}].name`,placeholder:"\u540D\u79F0"},null,8,["prop"]),s(a(n),{prop:`list[${f}].note`,placeholder:"\u5907\u6CE8"},null,8,["prop"]),s(_,{onClick:ma=>u(B.key)},{default:l(()=>[g("\u5220\u9664")]),_:2},1032,["onClick"])]),_:2},1024))),128)),s(_,{onClick:F},{default:l(()=>[g("\u65B0\u589E")]),_:1})]),_:2},1024)]),_:1}),s(a(n),{label:"\u663E\u793A\u9690\u85CF\u5B57\u6BB5",prop:"visible","value-type":"checkbox"}),s(a(b),null,{default:l(q=>[q.values.visible?(r(),y(a(n),{key:0,label:"\u6211\u662F\u9690\u85CF\u5B57\u6BB5",prop:"hidden","initial-value":"hidden",width:"medium",preserve:!1})):V("",!0)]),_:1}),s(a(m),{label:"\u6570\u636E"},{default:l(()=>[s(a(b),null,{default:l(q=>[e("pre",null,[e("code",null,v(JSON.stringify(q.values,null,2)),1)])]),_:1})]),_:1})]),_:1},512)}}}),Cs=e("span",null,"\u540C\u610F 996 \u5417",-1),As=C({__name:"Mode",setup(D){const o=w(!1);return(t,p)=>{const F=E("el-switch");return r(),h("div",null,[e("div",null,[s(F,{modelValue:o.value,"onUpdate:modelValue":p[0]||(p[0]=u=>o.value=u),"active-text":"\u9884\u89C8\u6A21\u5F0F","inactive-text":"\u7F16\u8F91\u6A21\u5F0F"},null,8,["modelValue"])]),s(a(A),{mode:o.value?"preview":"editable"},{default:l(()=>[s(a(n),{prop:"text",label:"text","value-type":"text",width:"small"}),s(a(n),{prop:"password",label:"password","value-type":"password",width:"small"}),s(a(n),{prop:"search",label:"search","value-type":"search",width:"medium"}),s(a(n),{prop:"textarea",label:"textarea","value-type":"textarea",width:"huge"}),s(a(n),{prop:"url",label:"url","value-type":"url",width:"huge"}),s(a(n),{prop:"date",label:"date","value-type":"date",width:"medium"}),s(a(n),{prop:"time",label:"time","value-type":"time",width:"medium"}),s(a(n),{prop:"dateTime",label:"date-time","value-type":"date-time",width:"medium"}),s(a(n),{prop:"dateRange",label:"date-range","value-type":"date-range",width:"large"}),s(a(n),{prop:"dateTimeRange",label:"date-time-range","value-type":"date-time-range",width:"large"}),s(a(n),{prop:"timeRange",label:"time-range","value-type":"time-range",width:"large"}),s(a(n),{prop:"switch",label:"switch","value-type":"switch",width:"mini"}),s(a(n),{prop:"select",label:"select","value-type":"select",width:"small","value-props":{options:[{label:"\u9009\u98791",value:"1",color:"primary"},{label:"\u9009\u98792",value:"2",color:"success"}]}}),s(a(n),{prop:"multi-select",label:"multi-select","value-type":"multi-select",width:"small","value-props":{options:[{label:"\u9009\u98791",value:"1"},{label:"\u9009\u98792",value:"2"}],separator:" - "}}),s(a(m),{label:"checkbox1"},{default:l(()=>[s(a(n),{prop:"checkbox1","value-type":"checkbox"}),Cs]),_:1}),s(a(n),{prop:"checkbox2","label-width":"auto","value-type":"checkbox","value-props":{label:"\u662F\u5426\u5F00\u542F"}}),s(a(n),{prop:"radio",label:"radio","value-type":"radio","value-props":{options:[{label:"\u662F",value:1},{label:"\u5426",value:0}]}}),s(a(n),{prop:"checkboxs",label:"checkboxs","value-type":"checkboxs","value-props":{options:[{label:"\u9009\u6211",value:1},{label:"\u9009\u6211\u554A",value:0}]}}),s(a(n),{prop:"integer",label:"integer","value-type":"integer"}),s(a(n),{prop:"float",label:"float","value-type":"float"}),s(a(n),{prop:"currency",label:"currency","value-type":"currency"}),s(a(n),{prop:"rate",label:"rate","value-type":"rate"}),s(a(n),{prop:"slider",label:"slider","value-type":"slider",width:"large"}),s(a(n),{prop:"sliderVertical",label:"slider-vertical","value-type":"slider","value-props":{vertical:!0}}),s(a(n),{prop:"progress",label:"progress","value-type":"progress","initial-value":50}),s(a(n),{prop:"images",label:"images","value-type":"images","value-props":{sizeLimit:1024*100,accept:[".png",".jpg"]},rules:{required:!0},message:"\u8BF7\u4E0A\u4F20\u6587\u4EF6\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7 100 KB"},null,8,["value-props"])]),_:1},8,["mode"])])}}}),us=C({__name:"CustomSubmitter",setup(D){return(o,t)=>{const p=E("el-button");return r(),y(a(A),{style:{maxWidth:"500px",margin:"0 auto"}},{submitter:l(F=>[s(a(m),{"label-width":"auto"},{default:l(()=>[s(p,{type:"primary",onClick:F.submit},{default:l(()=>[g("\u81EA\u5B9A\u4E49\u63D0\u4EA4")]),_:2},1032,["onClick"]),s(p,null,{default:l(()=>[g("\u81EA\u5B9A\u4E49\u6309\u94AE")]),_:1})]),_:2},1024)]),default:l(()=>[s(a(n),{prop:"id",label:"\u8EAB\u4EFD\u8BC1",width:"large",required:""}),s(a(n),{prop:"address",label:"\u5730\u5740",width:"large"}),s(a(n),{prop:"note",label:"\u5907\u6CE8",width:"huge","value-type":"textarea"})]),_:1})}}}),is=C({__name:"CustomSubmitterReuse",setup(D){return(o,t)=>{const p=E("el-button");return r(),y(a(A),{style:{maxWidth:"500px",margin:"0 auto"}},{submitter:l(F=>[s(a(m),{"label-width":"auto"},{default:l(()=>[s(a(N),{vnode:F.renderButtons()},null,8,["vnode"]),s(p,null,{default:l(()=>[g("\u81EA\u5B9A\u4E49\u6309\u94AE")]),_:1})]),_:2},1024)]),default:l(()=>[s(a(n),{prop:"id",label:"\u8EAB\u4EFD\u8BC1",width:"large",required:""}),s(a(n),{prop:"address",label:"\u5730\u5740",width:"large"}),s(a(n),{prop:"note",label:"\u5907\u6CE8",width:"huge","value-type":"textarea"})]),_:1})}}}),ms=C({__name:"CustomItemByConsumer",setup(D){return(o,t)=>{const p=E("el-input-number"),F=E("el-form-item");return r(),y(a(A),{"enable-submitter":!1},{default:l(()=>[s(a(n),{label:"\u59D3\u540D",prop:"name",width:"medium"}),s(a(b),null,{default:l(u=>[s(F,{label:"\u5E74\u9F84"},{default:l(()=>[s(p,{"model-value":u.getFieldValue("age"),"onUpdate:modelValue":i=>u.setFieldValue("age",i)},null,8,["model-value","onUpdate:modelValue"])]),_:2},1024)]),_:1}),s(a(b),null,{default:l(u=>[s(F,{label:"JSON"},{default:l(()=>[g(v(JSON.stringify(u.values,null,2)),1)]),_:2},1024)]),_:1})]),_:1})}}}),ds=P(({item:D,consumer:o})=>()=>({children:[D({label:"JSON",valueType:"multi-select",prop:"json",valueProps:{options:[{label:"1",value:1},{label:"2",value:2}]},valueMap:{in:t=>{if(!t)return[];try{return JSON.parse(t)}catch{return[]}},out:t=>t?JSON.stringify(t):""}}),o(t=>R("pre",{children:JSON.stringify(t.values,null,2)}))]})),Es=c("",13),_s={class:"wk-demo"},qs=c("",8),gs={class:"wk-demo"},bs=c("",4),Bs={class:"wk-demo"},hs=c("",4),vs={class:"wk-demo"},fs=c("",13),Is={class:"wk-demo"},ws=c("",6),xs={class:"wk-demo"},Ts=c("",14),ks={class:"wk-demo"},Ss=c("",7),Vs={class:"wk-demo"},Ns=c("",8),Ps={class:"wk-demo"},Rs=c("",7),Gs={class:"wk-demo"},$s=c("",7),Os={class:"wk-demo"},Js=c("",4),Ms={class:"wk-demo"},js=c("",15),zs={class:"wk-demo"},Ws=c("",5),Us={class:"wk-demo"},Ks=c("",5),Ls={class:"wk-demo"},Hs=c("",8),Qs={class:"wk-demo"},Xs=c("",9),Ys={class:"wk-demo"},Zs=c("",11),sa={class:"wk-demo"},aa=c("",10),na={class:"wk-demo"},la=c("",15),pa={class:"wk-demo"},oa=c("",22),ta={class:"wk-demo"},ea=c("",22),Fa={class:"wk-demo"},ra=c("",10),Da={class:"wk-demo"},ca=c("",16),ya={class:"wk-demo"},Ca=c("",11),Aa={class:"wk-demo"},ua=c("",23),Ea=JSON.parse('{"title":"\u8868\u5355","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u8868\u5355\u5E03\u5C40","slug":"_1-\u8868\u5355\u5E03\u5C40","link":"#_1-\u8868\u5355\u5E03\u5C40","children":[{"level":3,"title":"1.1 \u5206\u7EC4","slug":"_1-1-\u5206\u7EC4","link":"#_1-1-\u5206\u7EC4","children":[]},{"level":3,"title":"1.2 \u9884\u5B9A\u4E49\u5BBD\u5EA6","slug":"_1-2-\u9884\u5B9A\u4E49\u5BBD\u5EA6","link":"#_1-2-\u9884\u5B9A\u4E49\u5BBD\u5EA6","children":[]},{"level":3,"title":"1.3 \u7F51\u683C\u5E03\u5C40","slug":"_1-3-\u7F51\u683C\u5E03\u5C40","link":"#_1-3-\u7F51\u683C\u5E03\u5C40","children":[]},{"level":3,"title":"1.4 \u56FA\u5B9A\u7F51\u683C","slug":"_1-4-\u56FA\u5B9A\u7F51\u683C","link":"#_1-4-\u56FA\u5B9A\u7F51\u683C","children":[]},{"level":3,"title":"1.5 \u63D0\u793A\u4FE1\u606F","slug":"_1-5-\u63D0\u793A\u4FE1\u606F","link":"#_1-5-\u63D0\u793A\u4FE1\u606F","children":[]},{"level":3,"title":"1.6 \u5206\u7C7B","slug":"_1-6-\u5206\u7C7B","link":"#_1-6-\u5206\u7C7B","children":[]},{"level":3,"title":"1.7 \u5C45\u4E2D\u5E03\u5C40","slug":"_1-7-\u5C45\u4E2D\u5E03\u5C40","link":"#_1-7-\u5C45\u4E2D\u5E03\u5C40","children":[]},{"level":3,"title":"1.8 \u81EA\u5B9A\u4E49\u63D0\u4EA4\u6309\u94AE","slug":"_1-8-\u81EA\u5B9A\u4E49\u63D0\u4EA4\u6309\u94AE","link":"#_1-8-\u81EA\u5B9A\u4E49\u63D0\u4EA4\u6309\u94AE","children":[]}]},{"level":2,"title":"2. \u8868\u5355\u6570\u636E","slug":"_2-\u8868\u5355\u6570\u636E","link":"#_2-\u8868\u5355\u6570\u636E","children":[{"level":3,"title":"2.1 \u901A\u8FC7 initialValue \u4F20\u5165\u521D\u59CB\u503C","slug":"_2-1-\u901A\u8FC7-initialvalue-\u4F20\u5165\u521D\u59CB\u503C","link":"#_2-1-\u901A\u8FC7-initialvalue-\u4F20\u5165\u521D\u59CB\u503C","children":[]},{"level":3,"title":"2.2 \u901A\u8FC7 request \u8FDC\u7A0B\u8BF7\u6C42\u6570\u636E","slug":"_2-2-\u901A\u8FC7-request-\u8FDC\u7A0B\u8BF7\u6C42\u6570\u636E","link":"#_2-2-\u901A\u8FC7-request-\u8FDC\u7A0B\u8BF7\u6C42\u6570\u636E","children":[]},{"level":3,"title":"2.3 \u8868\u5355\u9879","slug":"_2-3-\u8868\u5355\u9879","link":"#_2-3-\u8868\u5355\u9879","children":[]},{"level":3,"title":"2.4 \u8868\u5355\u8054\u52A8","slug":"_2-4-\u8868\u5355\u8054\u52A8","link":"#_2-4-\u8868\u5355\u8054\u52A8","children":[]}]},{"level":2,"title":"3. \u8868\u5355\u63D0\u4EA4","slug":"_3-\u8868\u5355\u63D0\u4EA4","link":"#_3-\u8868\u5355\u63D0\u4EA4","children":[{"level":3,"title":"3.1 \u8868\u5355\u9A8C\u8BC1","slug":"_3-1-\u8868\u5355\u9A8C\u8BC1","link":"#_3-1-\u8868\u5355\u9A8C\u8BC1","children":[]},{"level":3,"title":"3.2 \u8868\u5355\u6570\u636E\u8F6C\u6362","slug":"_3-2-\u8868\u5355\u6570\u636E\u8F6C\u6362","link":"#_3-2-\u8868\u5355\u6570\u636E\u8F6C\u6362","children":[]},{"level":3,"title":"3.3 \u8868\u5355\u63D0\u4EA4","slug":"_3-3-\u8868\u5355\u63D0\u4EA4","link":"#_3-3-\u8868\u5355\u63D0\u4EA4","children":[]}]},{"level":2,"title":"4. \u52A8\u6001\u8868\u5355","slug":"_4-\u52A8\u6001\u8868\u5355","link":"#_4-\u52A8\u6001\u8868\u5355","children":[]},{"level":2,"title":"5. \u9884\u89C8\u6A21\u5F0F","slug":"_5-\u9884\u89C8\u6A21\u5F0F","link":"#_5-\u9884\u89C8\u6A21\u5F0F","children":[]},{"level":2,"title":"6. \u81EA\u5B9A\u4E49\u8868\u5355\u9879","slug":"_6-\u81EA\u5B9A\u4E49\u8868\u5355\u9879","link":"#_6-\u81EA\u5B9A\u4E49\u8868\u5355\u9879","children":[]},{"level":2,"title":"7. \u539F\u4EF6\u503C\u6620\u5C04\uFF081.8+\uFF09","slug":"_7-\u539F\u4EF6\u503C\u6620\u5C04\uFF081-8-\uFF09","link":"#_7-\u539F\u4EF6\u503C\u6620\u5C04\uFF081-8-\uFF09","children":[]},{"level":2,"title":"8. API","slug":"_8-api","link":"#_8-api","children":[{"level":3,"title":"8.1 FatForm Props","slug":"_8-1-fatform-props","link":"#_8-1-fatform-props","children":[]},{"level":3,"title":"8.2 FatForm Events","slug":"_8-2-fatform-events","link":"#_8-2-fatform-events","children":[]},{"level":3,"title":"8.3 FatForm Methods","slug":"_8-3-fatform-methods","link":"#_8-3-fatform-methods","children":[]}]}],"relativePath":"fat-form/index.md","lastUpdated":1719310312000}'),ia={name:"fat-form/index.md"},_a=Object.assign(ia,{setup(D){return(o,t)=>{const p=E("ClientOnly");return r(),h("div",null,[Es,s(p,null,{default:l(()=>[e("div",_s,[s(K)])]),_:1}),qs,s(p,null,{default:l(()=>[e("div",gs,[s(L)])]),_:1}),bs,s(p,null,{default:l(()=>[e("div",Bs,[s(H)])]),_:1}),hs,s(p,null,{default:l(()=>[e("div",vs,[s(Q)])]),_:1}),fs,s(p,null,{default:l(()=>[e("div",Is,[s(X)])]),_:1}),ws,s(p,null,{default:l(()=>[e("div",xs,[s(Y)])]),_:1}),Ts,s(p,null,{default:l(()=>[e("div",ks,[s(Z)])]),_:1}),Ss,s(p,null,{default:l(()=>[e("div",Vs,[s(ss)])]),_:1}),Ns,s(p,null,{default:l(()=>[e("div",Ps,[s(as)])]),_:1}),Rs,s(p,null,{default:l(()=>[e("div",Gs,[s(ns)])]),_:1}),$s,s(p,null,{default:l(()=>[e("div",Os,[s(us)])]),_:1}),Js,s(p,null,{default:l(()=>[e("div",Ms,[s(is)])]),_:1}),js,s(p,null,{default:l(()=>[e("div",zs,[s(ls)])]),_:1}),Ws,s(p,null,{default:l(()=>[e("div",Us,[s(os)])]),_:1}),Ks,s(p,null,{default:l(()=>[e("div",Ls,[s(ps)])]),_:1}),Hs,s(p,null,{default:l(()=>[e("div",Qs,[s(ts)])]),_:1}),Xs,s(p,null,{default:l(()=>[e("div",Ys,[s(es)])]),_:1}),Zs,s(p,null,{default:l(()=>[e("div",sa,[s(Fs)])]),_:1}),aa,s(p,null,{default:l(()=>[e("div",na,[s(rs)])]),_:1}),la,s(p,null,{default:l(()=>[e("div",pa,[s(Ds)])]),_:1}),oa,s(p,null,{default:l(()=>[e("div",ta,[s(cs)])]),_:1}),ea,s(p,null,{default:l(()=>[e("div",Fa,[s(ys)])]),_:1}),ra,s(p,null,{default:l(()=>[e("div",Da,[s(As)])]),_:1}),ca,s(p,null,{default:l(()=>[e("div",ya,[s(ms)])]),_:1}),Ca,s(p,null,{default:l(()=>[e("div",Aa,[s(a(ds))])]),_:1}),ua])}}});export{Ea as __pageData,_a as default}; diff --git a/assets/fat-form_item.md.684d4d17.js b/assets/fat-form_item.md.684d4d17.js new file mode 100644 index 0000000..accaa37 --- /dev/null +++ b/assets/fat-form_item.md.684d4d17.js @@ -0,0 +1 @@ +import{_ as t,o as e,c as a,m as r}from"./app.56f20909.js";const o="/components/assets/fat-form-item.97ea614d.png",b=JSON.parse('{"title":"FatFormItem \u8868\u5355\u9879","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form/item.md","lastUpdated":1719310312000}'),i={name:"fat-form/item.md"},s=r('

FatFormItem \u8868\u5355\u9879

\u4F7F\u7528\u65B9\u6CD5\u89C1 FatForm \u8868\u5355




API




',10),n=[s];function _(m,c,d,p,f,h){return e(),a("div",null,n)}const u=t(i,[["render",_]]);export{b as __pageData,u as default}; diff --git a/assets/fat-form_item.md.684d4d17.lean.js b/assets/fat-form_item.md.684d4d17.lean.js new file mode 100644 index 0000000..8cc1751 --- /dev/null +++ b/assets/fat-form_item.md.684d4d17.lean.js @@ -0,0 +1 @@ +import{_ as t,o as e,c as a,m as r}from"./app.56f20909.js";const o="/components/assets/fat-form-item.97ea614d.png",b=JSON.parse('{"title":"FatFormItem \u8868\u5355\u9879","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form/item.md","lastUpdated":1719310312000}'),i={name:"fat-form/item.md"},s=r("",10),n=[s];function _(m,c,d,p,f,h){return e(),a("div",null,n)}const u=t(i,[["render",_]]);export{b as __pageData,u as default}; diff --git a/assets/fat-form_section.md.f5fb7fda.js b/assets/fat-form_section.md.f5fb7fda.js new file mode 100644 index 0000000..2208dea --- /dev/null +++ b/assets/fat-form_section.md.f5fb7fda.js @@ -0,0 +1 @@ +import{_ as t,o as e,c as a,m as r}from"./app.56f20909.js";const o="/components/assets/fat-form-section.bb206a74.png",b=JSON.parse('{"title":"FatFormSection \u8868\u5355\u5206\u7C7B","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form/section.md","lastUpdated":1719310312000}'),s={name:"fat-form/section.md"},n=r('

FatFormSection \u8868\u5355\u5206\u7C7B

\u4F7F\u7528\u65B9\u6CD5\u89C1 FatForm \u8868\u5355




API




',10),i=[n];function c(_,d,p,f,m,h){return e(),a("div",null,i)}const u=t(s,[["render",c]]);export{b as __pageData,u as default}; diff --git a/assets/fat-form_section.md.f5fb7fda.lean.js b/assets/fat-form_section.md.f5fb7fda.lean.js new file mode 100644 index 0000000..5ccf310 --- /dev/null +++ b/assets/fat-form_section.md.f5fb7fda.lean.js @@ -0,0 +1 @@ +import{_ as t,o as e,c as a,m as r}from"./app.56f20909.js";const o="/components/assets/fat-form-section.bb206a74.png",b=JSON.parse('{"title":"FatFormSection \u8868\u5355\u5206\u7C7B","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-form/section.md","lastUpdated":1719310312000}'),s={name:"fat-form/section.md"},n=r("",10),i=[n];function c(_,d,p,f,m,h){return e(),a("div",null,i)}const u=t(s,[["render",c]]);export{b as __pageData,u as default}; diff --git a/assets/fat-layout_card.md.602a6cd0.js b/assets/fat-layout_card.md.602a6cd0.js new file mode 100644 index 0000000..d89dd0d --- /dev/null +++ b/assets/fat-layout_card.md.602a6cd0.js @@ -0,0 +1,147 @@ +import{d as i,a as c,o as y,c as E,f as s,w as a,g as o,aa as t,p as u,l as d,b as n,_,O as q,e as r,m as g}from"./app.56f20909.js";const b="/components/assets/fat-card.11cd4872.png",F=p=>(u("data-v-fabb9da8"),p=p(),d(),p),v={class:"container"},m=F(()=>n("div",{class:"block"},null,-1)),B=F(()=>n("div",{class:"block"},null,-1)),h=F(()=>n("div",{class:"block"},null,-1)),f=F(()=>n("div",{class:"block"},null,-1)),k=F(()=>n("div",{class:"block"},null,-1)),w=F(()=>n("div",{class:"block"},null,-1)),x=i({__name:"CardGrid",setup(p){return(C,A)=>{const l=c("el-col"),e=c("el-row");return y(),E("div",v,[s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,null,{default:a(()=>[s(o(t),{title:"1 \u6A21\u5757"},{default:a(()=>[m]),_:1})]),_:1})]),_:1}),s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,{span:12},{default:a(()=>[s(o(t),{title:"2 \u6A21\u5757"},{default:a(()=>[B]),_:1})]),_:1}),s(l,{span:12},{default:a(()=>[s(o(t),{title:"2 \u6A21\u5757"},{default:a(()=>[h]),_:1})]),_:1})]),_:1}),s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,{span:8},{default:a(()=>[s(o(t),{title:"3 \u6A21\u5757"},{default:a(()=>[f]),_:1})]),_:1}),s(l,{span:8},{default:a(()=>[s(o(t),{title:"3 \u6A21\u5757"},{default:a(()=>[k]),_:1})]),_:1}),s(l,{span:8},{default:a(()=>[s(o(t),{title:"3 \u6A21\u5757"},{default:a(()=>[w]),_:1})]),_:1})]),_:1})])}}});const T=_(x,[["__scopeId","data-v-fabb9da8"]]),D=p=>(u("data-v-866e9b27"),p=p(),d(),p),$={class:"container"},I=D(()=>n("div",{class:"block"},null,-1)),S=D(()=>n("div",{class:"block"},null,-1)),V=D(()=>n("div",{class:"block"},null,-1)),P=D(()=>n("div",{class:"block"},null,-1)),N=D(()=>n("div",{class:"block"},null,-1)),G=D(()=>n("div",{class:"block"},null,-1)),O=i({__name:"CardGridEscaped",setup(p){return(C,A)=>{const l=c("el-col"),e=c("el-row");return y(),E("div",$,[s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,null,{default:a(()=>[s(o(t),{"escape-header":"",title:"1 \u6A21\u5757"},{default:a(()=>[I]),_:1})]),_:1})]),_:1}),s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,{span:12},{default:a(()=>[s(o(t),{"escape-header":"",title:"2 \u6A21\u5757"},{default:a(()=>[S]),_:1})]),_:1}),s(l,{span:12},{default:a(()=>[s(o(t),{"escape-header":"",title:"2 \u6A21\u5757"},{default:a(()=>[V]),_:1})]),_:1})]),_:1}),s(e,{gutter:16,class:"row",align:"bottom"},{default:a(()=>[s(l,{span:8},{default:a(()=>[s(o(t),{"escape-header":"",title:"3 \u6A21\u5757"},{default:a(()=>[P]),_:1})]),_:1}),s(l,{span:8},{default:a(()=>[s(o(t),null,{default:a(()=>[N]),_:1})]),_:1}),s(l,{span:8},{default:a(()=>[s(o(t),null,{default:a(()=>[G]),_:1})]),_:1})]),_:1})])}}});const R=_(O,[["__scopeId","data-v-866e9b27"]]),H=p=>(u("data-v-fb612e10"),p=p(),d(),p),j=H(()=>n("div",{class:"block"},null,-1)),J=i({__name:"CardExtra",setup(p){return(C,A)=>{const l=c("el-button");return y(),q(o(t),null,{title:a(()=>[r(" \u6807\u9898 ")]),extra:a(()=>[s(l,null,{default:a(()=>[r("\u6309\u94AE")]),_:1}),s(l,{type:"primary"},{default:a(()=>[r("\u6309\u94AE")]),_:1})]),default:a(()=>[j]),_:1})}}});const U=_(J,[["__scopeId","data-v-fb612e10"]]),z=p=>(u("data-v-c17dbc36"),p=p(),d(),p),K=z(()=>n("div",{class:"block"},null,-1)),L=i({__name:"CardHeaderless",setup(p){return(C,A)=>(y(),q(o(t),null,{default:a(()=>[K]),_:1}))}});const M=_(L,[["__scopeId","data-v-c17dbc36"]]),Q=n("h1",{id:"fatcard-\u5361\u7247",tabindex:"-1"},[r("FatCard \u5361\u7247 "),n("a",{class:"header-anchor",href:"#fatcard-\u5361\u7247","aria-hidden":"true"},"#")],-1),W=n("p",null,"\u7528\u4E8E\u5BB9\u7EB3\u4E00\u4E9B\u9875\u9762\u7247\u6BB5, \u6BD4\u5982\u8868\u5355\u3001\u56FE\u8868\uFF0C \u9875\u9762\u8BE6\u60C5\u7B49\u7B49\u3002",-1),X=n("br",null,null,-1),Y=n("br",null,null,-1),Z=n("br",null,null,-1),ss=n("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[r("\u793A\u4F8B "),n("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),as=n("p",null,[n("strong",null,"\u7B80\u5355\u793A\u4F8B:")],-1),ns={class:"wk-demo"},ls=g(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div class="container">
+    <el-row :gutter="16" class="row">
+      <el-col>
+        <FatCard title="1 \u6A21\u5757"><div class="block"></div></FatCard>
+      </el-col>
+    </el-row>
+    <el-row :gutter="16" class="row">
+      <el-col :span="12">
+        <FatCard title="2 \u6A21\u5757">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="12">
+        <FatCard title="2 \u6A21\u5757">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+    </el-row>
+    <el-row :gutter="16" class="row">
+      <el-col :span="8">
+        <FatCard title="3 \u6A21\u5757">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="8">
+        <FatCard title="3 \u6A21\u5757">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="8">
+        <FatCard title="3 \u6A21\u5757">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { FatCard } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .container {
+  }
+
+  .block {
+    height: 100px;
+    background-color: rgba(255, 145, 0, 0.5);
+  }
+
+  .row {
+    margin-bottom: 16px;
+  }
+</style>
+



\u6807\u9898\u5916\u7F6E:

`,5),ps={class:"wk-demo"},os=g(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div class="container">
+    <el-row :gutter="16" class="row">
+      <el-col>
+        <FatCard escape-header title="1 \u6A21\u5757"><div class="block"></div></FatCard>
+      </el-col>
+    </el-row>
+    <el-row :gutter="16" class="row">
+      <el-col :span="12">
+        <FatCard escape-header title="2 \u6A21\u5757">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="12">
+        <FatCard escape-header title="2 \u6A21\u5757">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+    </el-row>
+    <el-row :gutter="16" class="row" align="bottom">
+      <el-col :span="8">
+        <FatCard escape-header title="3 \u6A21\u5757">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="8">
+        <FatCard>
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="8">
+        <FatCard>
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { FatCard } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .container {
+  }
+
+  .block {
+    height: 100px;
+    background-color: rgba(255, 145, 0, 0.5);
+  }
+
+  .row {
+  }
+</style>
+



\u989D\u5916\u5185\u5BB9:

`,5),ts={class:"wk-demo"},es=g(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatCard>
+    <template #title> \u6807\u9898 </template>
+    <template #extra>
+      <el-button>\u6309\u94AE</el-button>
+      <el-button type="primary">\u6309\u94AE</el-button>
+    </template>
+    <div class="block"></div
+  ></FatCard>
+</template>
+
+<script lang="tsx" setup>
+  import { FatCard } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    height: 200px;
+    background-color: rgba(255, 145, 0, 0.5);
+  }
+</style>
+



\u65E0\u6807\u9898\u6A21\u5F0F:

`,5),cs={class:"wk-demo"},Fs=g(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatCard> <div class="block"></div></FatCard>
+</template>
+
+<script lang="tsx" setup>
+  import { FatCard } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    height: 200px;
+    background-color: rgba(255, 145, 0, 0.5);
+  }
+</style>
+




API




',10),ys=JSON.parse('{"title":"FatCard \u5361\u7247","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-layout/card.md","lastUpdated":1719310312000}'),Ds={name:"fat-layout/card.md"},Cs=Object.assign(Ds,{setup(p){return(C,A)=>{const l=c("ClientOnly");return y(),E("div",null,[Q,W,X,Y,Z,ss,as,s(l,null,{default:a(()=>[n("div",ns,[s(T)])]),_:1}),ls,s(l,null,{default:a(()=>[n("div",ps,[s(R)])]),_:1}),os,s(l,null,{default:a(()=>[n("div",ts,[s(U)])]),_:1}),es,s(l,null,{default:a(()=>[n("div",cs,[s(M)])]),_:1}),Fs])}}});export{ys as __pageData,Cs as default}; diff --git a/assets/fat-layout_card.md.602a6cd0.lean.js b/assets/fat-layout_card.md.602a6cd0.lean.js new file mode 100644 index 0000000..db98f85 --- /dev/null +++ b/assets/fat-layout_card.md.602a6cd0.lean.js @@ -0,0 +1 @@ +import{d as i,a as c,o as y,c as E,f as s,w as a,g as o,aa as t,p as u,l as d,b as n,_,O as q,e as r,m as g}from"./app.56f20909.js";const b="/components/assets/fat-card.11cd4872.png",F=p=>(u("data-v-fabb9da8"),p=p(),d(),p),v={class:"container"},m=F(()=>n("div",{class:"block"},null,-1)),B=F(()=>n("div",{class:"block"},null,-1)),h=F(()=>n("div",{class:"block"},null,-1)),f=F(()=>n("div",{class:"block"},null,-1)),k=F(()=>n("div",{class:"block"},null,-1)),w=F(()=>n("div",{class:"block"},null,-1)),x=i({__name:"CardGrid",setup(p){return(C,A)=>{const l=c("el-col"),e=c("el-row");return y(),E("div",v,[s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,null,{default:a(()=>[s(o(t),{title:"1 \u6A21\u5757"},{default:a(()=>[m]),_:1})]),_:1})]),_:1}),s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,{span:12},{default:a(()=>[s(o(t),{title:"2 \u6A21\u5757"},{default:a(()=>[B]),_:1})]),_:1}),s(l,{span:12},{default:a(()=>[s(o(t),{title:"2 \u6A21\u5757"},{default:a(()=>[h]),_:1})]),_:1})]),_:1}),s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,{span:8},{default:a(()=>[s(o(t),{title:"3 \u6A21\u5757"},{default:a(()=>[f]),_:1})]),_:1}),s(l,{span:8},{default:a(()=>[s(o(t),{title:"3 \u6A21\u5757"},{default:a(()=>[k]),_:1})]),_:1}),s(l,{span:8},{default:a(()=>[s(o(t),{title:"3 \u6A21\u5757"},{default:a(()=>[w]),_:1})]),_:1})]),_:1})])}}});const T=_(x,[["__scopeId","data-v-fabb9da8"]]),D=p=>(u("data-v-866e9b27"),p=p(),d(),p),$={class:"container"},I=D(()=>n("div",{class:"block"},null,-1)),S=D(()=>n("div",{class:"block"},null,-1)),V=D(()=>n("div",{class:"block"},null,-1)),P=D(()=>n("div",{class:"block"},null,-1)),N=D(()=>n("div",{class:"block"},null,-1)),G=D(()=>n("div",{class:"block"},null,-1)),O=i({__name:"CardGridEscaped",setup(p){return(C,A)=>{const l=c("el-col"),e=c("el-row");return y(),E("div",$,[s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,null,{default:a(()=>[s(o(t),{"escape-header":"",title:"1 \u6A21\u5757"},{default:a(()=>[I]),_:1})]),_:1})]),_:1}),s(e,{gutter:16,class:"row"},{default:a(()=>[s(l,{span:12},{default:a(()=>[s(o(t),{"escape-header":"",title:"2 \u6A21\u5757"},{default:a(()=>[S]),_:1})]),_:1}),s(l,{span:12},{default:a(()=>[s(o(t),{"escape-header":"",title:"2 \u6A21\u5757"},{default:a(()=>[V]),_:1})]),_:1})]),_:1}),s(e,{gutter:16,class:"row",align:"bottom"},{default:a(()=>[s(l,{span:8},{default:a(()=>[s(o(t),{"escape-header":"",title:"3 \u6A21\u5757"},{default:a(()=>[P]),_:1})]),_:1}),s(l,{span:8},{default:a(()=>[s(o(t),null,{default:a(()=>[N]),_:1})]),_:1}),s(l,{span:8},{default:a(()=>[s(o(t),null,{default:a(()=>[G]),_:1})]),_:1})]),_:1})])}}});const R=_(O,[["__scopeId","data-v-866e9b27"]]),H=p=>(u("data-v-fb612e10"),p=p(),d(),p),j=H(()=>n("div",{class:"block"},null,-1)),J=i({__name:"CardExtra",setup(p){return(C,A)=>{const l=c("el-button");return y(),q(o(t),null,{title:a(()=>[r(" \u6807\u9898 ")]),extra:a(()=>[s(l,null,{default:a(()=>[r("\u6309\u94AE")]),_:1}),s(l,{type:"primary"},{default:a(()=>[r("\u6309\u94AE")]),_:1})]),default:a(()=>[j]),_:1})}}});const U=_(J,[["__scopeId","data-v-fb612e10"]]),z=p=>(u("data-v-c17dbc36"),p=p(),d(),p),K=z(()=>n("div",{class:"block"},null,-1)),L=i({__name:"CardHeaderless",setup(p){return(C,A)=>(y(),q(o(t),null,{default:a(()=>[K]),_:1}))}});const M=_(L,[["__scopeId","data-v-c17dbc36"]]),Q=n("h1",{id:"fatcard-\u5361\u7247",tabindex:"-1"},[r("FatCard \u5361\u7247 "),n("a",{class:"header-anchor",href:"#fatcard-\u5361\u7247","aria-hidden":"true"},"#")],-1),W=n("p",null,"\u7528\u4E8E\u5BB9\u7EB3\u4E00\u4E9B\u9875\u9762\u7247\u6BB5, \u6BD4\u5982\u8868\u5355\u3001\u56FE\u8868\uFF0C \u9875\u9762\u8BE6\u60C5\u7B49\u7B49\u3002",-1),X=n("br",null,null,-1),Y=n("br",null,null,-1),Z=n("br",null,null,-1),ss=n("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[r("\u793A\u4F8B "),n("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),as=n("p",null,[n("strong",null,"\u7B80\u5355\u793A\u4F8B:")],-1),ns={class:"wk-demo"},ls=g("",5),ps={class:"wk-demo"},os=g("",5),ts={class:"wk-demo"},es=g("",5),cs={class:"wk-demo"},Fs=g("",10),ys=JSON.parse('{"title":"FatCard \u5361\u7247","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-layout/card.md","lastUpdated":1719310312000}'),Ds={name:"fat-layout/card.md"},Cs=Object.assign(Ds,{setup(p){return(C,A)=>{const l=c("ClientOnly");return y(),E("div",null,[Q,W,X,Y,Z,ss,as,s(l,null,{default:a(()=>[n("div",ns,[s(T)])]),_:1}),ls,s(l,null,{default:a(()=>[n("div",ps,[s(R)])]),_:1}),os,s(l,null,{default:a(()=>[n("div",ts,[s(U)])]),_:1}),es,s(l,null,{default:a(()=>[n("div",cs,[s(M)])]),_:1}),Fs])}}});export{ys as __pageData,Cs as default}; diff --git a/assets/fat-layout_container.md.84509852.js b/assets/fat-layout_container.md.84509852.js new file mode 100644 index 0000000..b84a213 --- /dev/null +++ b/assets/fat-layout_container.md.84509852.js @@ -0,0 +1,105 @@ +import{d as D,a as r,o,O as F,w as a,f as l,e as t,g as y,ab as C,p as A,l as i,b as s,_ as u,c as m,m as _}from"./app.56f20909.js";const b="/components/assets/fat-container.796940ac.png",h=n=>(A("data-v-4bba1ad3"),n=n(),i(),n),B=h(()=>s("div",{class:"block"},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9",-1)),v=D({__name:"ContainerSimple",setup(n){return(e,c)=>{const p=r("el-button");return o(),F(y(C),{title:"\u9875\u9762\u6807\u9898"},{extra:a(()=>[l(p,{type:"primary"},{default:a(()=>[t("\u65B0\u5EFA")]),_:1})]),default:a(()=>[B]),_:1})}}});const q=u(v,[["__scopeId","data-v-4bba1ad3"]]),d=n=>(A("data-v-81dc0113"),n=n(),i(),n),f=d(()=>s("div",{class:"block",style:{height:"200px"}},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355",-1)),k=d(()=>s("div",{class:"block"},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9",-1)),x=D({__name:"ContainerWithQuery",setup(n){return(e,c)=>{const p=r("el-button");return o(),F(y(C),{title:"\u9875\u9762\u6807\u9898"},{extra:a(()=>[l(p,{type:"primary"},{default:a(()=>[t("\u65B0\u5EFA")]),_:1})]),query:a(()=>[f]),default:a(()=>[k]),_:1})}}});const T=u(x,[["__scopeId","data-v-81dc0113"]]),g=n=>(A("data-v-ede32f3e"),n=n(),i(),n),S=g(()=>s("div",{class:"block",style:{height:"200px"}},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355",-1)),w=g(()=>s("div",{class:"block"},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9",-1)),I=D({__name:"ContainerWithQueryLegacy",setup(n){return(e,c)=>{const p=r("el-button");return o(),F(y(C),{title:"\u9875\u9762\u6807\u9898","legacy-mode":""},{extra:a(()=>[l(p,{type:"primary"},{default:a(()=>[t("\u65B0\u5EFA")]),_:1})]),query:a(()=>[S]),default:a(()=>[w]),_:1})}}});const $=u(I,[["__scopeId","data-v-ede32f3e"]]),E=n=>(A("data-v-a216988c"),n=n(),i(),n),V=E(()=>s("div",{class:"block",style:{height:"200px"}},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355",-1)),P=E(()=>s("div",{class:"block"},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9",-1)),N=D({__name:"ContainerTab",setup(n){return(e,c)=>(o(),F(y(C),{title:"\u9875\u9762\u6807\u9898",tabs:[{key:"one",title:"Hello"},{key:"two",title:"World"}]},{query:a(()=>[V]),default:a(()=>[P]),_:1}))}});const W=u(N,[["__scopeId","data-v-a216988c"]]),Q=s("h1",{id:"fatcontainer-\u5BB9\u5668",tabindex:"-1"},[t("FatContainer \u5BB9\u5668 "),s("a",{class:"header-anchor",href:"#fatcontainer-\u5BB9\u5668","aria-hidden":"true"},"#")],-1),j=s("p",null,"\u5178\u578B\u60DF\u5BA2\u4E91\u9875\u9762\u5BB9\u5668\u3002",-1),O=s("br",null,null,-1),R=s("br",null,null,-1),L=s("br",null,null,-1),H=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[t("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),J=s("p",null,[s("strong",null,"\u7B80\u5355\u5185\u5BB9:")],-1),U={class:"wk-demo"},z=_(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatContainer title="\u9875\u9762\u6807\u9898">
+    <template #extra>
+      <el-button type="primary">\u65B0\u5EFA</el-button>
+    </template>
+    <div class="block">\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9</div>
+  </FatContainer>
+</template>
+
+<script lang="tsx" setup>
+  import { FatContainer } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    width: 100%;
+    background-color: rgba(255, 145, 0, 0.5);
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
+




\u5E26\u7B5B\u9009:

`,6),G={class:"wk-demo"},K=_(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatContainer title="\u9875\u9762\u6807\u9898">
+    <template #extra>
+      <el-button type="primary">\u65B0\u5EFA</el-button>
+    </template>
+    <template #query>
+      <div class="block" style="height: 200px">\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355</div>
+    </template>
+    <div class="block">\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9</div>
+  </FatContainer>
+</template>
+
+<script lang="tsx" setup>
+  import { FatContainer } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    width: 100%;
+    background-color: rgba(255, 145, 0, 0.5);
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
+



Tab \u5F62\u5F0F:

`,5),M={class:"wk-demo"},X=_(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatContainer
+    title="\u9875\u9762\u6807\u9898"
+    :tabs="[
+      { key: 'one', title: 'Hello' },
+      { key: 'two', title: 'World' },
+    ]"
+  >
+    <template #query>
+      <div class="block" style="height: 200px">\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355</div>
+    </template>
+    <div class="block">\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9</div>
+  </FatContainer>
+</template>
+
+<script lang="tsx" setup>
+  import { FatContainer } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    width: 100%;
+    background-color: rgba(255, 145, 0, 0.5);
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
+




\u4F20\u7EDF\u6A21\u5F0F(\u65E7\u7684\u60DF\u5BA2\u4E91\u89C4\u8303)

`,6),Y={class:"wk-demo"},Z=_(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatContainer title="\u9875\u9762\u6807\u9898" legacy-mode>
+    <template #extra>
+      <el-button type="primary">\u65B0\u5EFA</el-button>
+    </template>
+    <template #query>
+      <div class="block" style="height: 200px">\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355</div>
+    </template>
+    <div class="block">\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9</div>
+  </FatContainer>
+</template>
+
+<script lang="tsx" setup>
+  import { FatContainer } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    width: 100%;
+    background-color: rgba(255, 145, 0, 0.5);
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
+




API





',11),as=JSON.parse('{"title":"FatContainer \u5BB9\u5668","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-layout/container.md","lastUpdated":1719310312000}'),ss={name:"fat-layout/container.md"},ls=Object.assign(ss,{setup(n){return(e,c)=>{const p=r("ClientOnly");return o(),m("div",null,[Q,j,O,R,L,H,J,l(p,null,{default:a(()=>[s("div",U,[l(q)])]),_:1}),z,l(p,null,{default:a(()=>[s("div",G,[l(T)])]),_:1}),K,l(p,null,{default:a(()=>[s("div",M,[l(W)])]),_:1}),X,l(p,null,{default:a(()=>[s("div",Y,[l($)])]),_:1}),Z])}}});export{as as __pageData,ls as default}; diff --git a/assets/fat-layout_container.md.84509852.lean.js b/assets/fat-layout_container.md.84509852.lean.js new file mode 100644 index 0000000..6b75e5d --- /dev/null +++ b/assets/fat-layout_container.md.84509852.lean.js @@ -0,0 +1 @@ +import{d as D,a as r,o,O as F,w as a,f as l,e as t,g as y,ab as C,p as A,l as i,b as s,_ as u,c as m,m as _}from"./app.56f20909.js";const b="/components/assets/fat-container.796940ac.png",h=n=>(A("data-v-4bba1ad3"),n=n(),i(),n),B=h(()=>s("div",{class:"block"},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9",-1)),v=D({__name:"ContainerSimple",setup(n){return(e,c)=>{const p=r("el-button");return o(),F(y(C),{title:"\u9875\u9762\u6807\u9898"},{extra:a(()=>[l(p,{type:"primary"},{default:a(()=>[t("\u65B0\u5EFA")]),_:1})]),default:a(()=>[B]),_:1})}}});const q=u(v,[["__scopeId","data-v-4bba1ad3"]]),d=n=>(A("data-v-81dc0113"),n=n(),i(),n),f=d(()=>s("div",{class:"block",style:{height:"200px"}},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355",-1)),k=d(()=>s("div",{class:"block"},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9",-1)),x=D({__name:"ContainerWithQuery",setup(n){return(e,c)=>{const p=r("el-button");return o(),F(y(C),{title:"\u9875\u9762\u6807\u9898"},{extra:a(()=>[l(p,{type:"primary"},{default:a(()=>[t("\u65B0\u5EFA")]),_:1})]),query:a(()=>[f]),default:a(()=>[k]),_:1})}}});const T=u(x,[["__scopeId","data-v-81dc0113"]]),g=n=>(A("data-v-ede32f3e"),n=n(),i(),n),S=g(()=>s("div",{class:"block",style:{height:"200px"}},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355",-1)),w=g(()=>s("div",{class:"block"},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9",-1)),I=D({__name:"ContainerWithQueryLegacy",setup(n){return(e,c)=>{const p=r("el-button");return o(),F(y(C),{title:"\u9875\u9762\u6807\u9898","legacy-mode":""},{extra:a(()=>[l(p,{type:"primary"},{default:a(()=>[t("\u65B0\u5EFA")]),_:1})]),query:a(()=>[S]),default:a(()=>[w]),_:1})}}});const $=u(I,[["__scopeId","data-v-ede32f3e"]]),E=n=>(A("data-v-a216988c"),n=n(),i(),n),V=E(()=>s("div",{class:"block",style:{height:"200px"}},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u67E5\u8BE2\u8868\u5355",-1)),P=E(()=>s("div",{class:"block"},"\u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E\u9875\u9762\u4E3B\u4F53\u5185\u5BB9",-1)),N=D({__name:"ContainerTab",setup(n){return(e,c)=>(o(),F(y(C),{title:"\u9875\u9762\u6807\u9898",tabs:[{key:"one",title:"Hello"},{key:"two",title:"World"}]},{query:a(()=>[V]),default:a(()=>[P]),_:1}))}});const W=u(N,[["__scopeId","data-v-a216988c"]]),Q=s("h1",{id:"fatcontainer-\u5BB9\u5668",tabindex:"-1"},[t("FatContainer \u5BB9\u5668 "),s("a",{class:"header-anchor",href:"#fatcontainer-\u5BB9\u5668","aria-hidden":"true"},"#")],-1),j=s("p",null,"\u5178\u578B\u60DF\u5BA2\u4E91\u9875\u9762\u5BB9\u5668\u3002",-1),O=s("br",null,null,-1),R=s("br",null,null,-1),L=s("br",null,null,-1),H=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[t("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),J=s("p",null,[s("strong",null,"\u7B80\u5355\u5185\u5BB9:")],-1),U={class:"wk-demo"},z=_("",6),G={class:"wk-demo"},K=_("",5),M={class:"wk-demo"},X=_("",6),Y={class:"wk-demo"},Z=_("",11),as=JSON.parse('{"title":"FatContainer \u5BB9\u5668","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-layout/container.md","lastUpdated":1719310312000}'),ss={name:"fat-layout/container.md"},ls=Object.assign(ss,{setup(n){return(e,c)=>{const p=r("ClientOnly");return o(),m("div",null,[Q,j,O,R,L,H,J,l(p,null,{default:a(()=>[s("div",U,[l(q)])]),_:1}),z,l(p,null,{default:a(()=>[s("div",G,[l(T)])]),_:1}),K,l(p,null,{default:a(()=>[s("div",M,[l(W)])]),_:1}),X,l(p,null,{default:a(()=>[s("div",Y,[l($)])]),_:1}),Z])}}});export{as as __pageData,ls as default}; diff --git a/assets/fat-layout_float-footer.demo.md.4196bac2.js b/assets/fat-layout_float-footer.demo.md.4196bac2.js new file mode 100644 index 0000000..84beac0 --- /dev/null +++ b/assets/fat-layout_float-footer.demo.md.4196bac2.js @@ -0,0 +1 @@ +import{d as c,a as _,o as n,O as r,w as t,f as o,e as a,g as u,ac as f,c as p,_ as m,b as i}from"./app.56f20909.js";const y=c({__name:"FloatFooter",setup(s){return(l,d)=>{const e=_("el-button");return n(),r(u(f),null,{default:t(()=>[o(e,{type:"primary"},{default:t(()=>[a("\u63D0\u4EA4")]),_:1}),o(e,null,{default:t(()=>[a("\u53D6\u6D88")]),_:1})]),_:1})}}});const x={class:"demo"},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-layout/float-footer.demo.md","lastUpdated":1719310312000}'),F={name:"fat-layout/float-footer.demo.md"},h=Object.assign(F,{setup(s){return(l,d)=>{const e=_("ClientOnly");return n(),p("div",null,[o(e,null,{default:t(()=>[i("div",x,[o(y)])]),_:1})])}}}),O=m(h,[["__scopeId","data-v-05dd06de"]]);export{C as __pageData,O as default}; diff --git a/assets/fat-layout_float-footer.demo.md.4196bac2.lean.js b/assets/fat-layout_float-footer.demo.md.4196bac2.lean.js new file mode 100644 index 0000000..84beac0 --- /dev/null +++ b/assets/fat-layout_float-footer.demo.md.4196bac2.lean.js @@ -0,0 +1 @@ +import{d as c,a as _,o as n,O as r,w as t,f as o,e as a,g as u,ac as f,c as p,_ as m,b as i}from"./app.56f20909.js";const y=c({__name:"FloatFooter",setup(s){return(l,d)=>{const e=_("el-button");return n(),r(u(f),null,{default:t(()=>[o(e,{type:"primary"},{default:t(()=>[a("\u63D0\u4EA4")]),_:1}),o(e,null,{default:t(()=>[a("\u53D6\u6D88")]),_:1})]),_:1})}}});const x={class:"demo"},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-layout/float-footer.demo.md","lastUpdated":1719310312000}'),F={name:"fat-layout/float-footer.demo.md"},h=Object.assign(F,{setup(s){return(l,d)=>{const e=_("ClientOnly");return n(),p("div",null,[o(e,null,{default:t(()=>[i("div",x,[o(y)])]),_:1})])}}}),O=m(h,[["__scopeId","data-v-05dd06de"]]);export{C as __pageData,O as default}; diff --git a/assets/fat-layout_float-footer.md.cbe0982e.js b/assets/fat-layout_float-footer.md.cbe0982e.js new file mode 100644 index 0000000..1dad1c2 --- /dev/null +++ b/assets/fat-layout_float-footer.md.cbe0982e.js @@ -0,0 +1,11 @@ +import{_ as s,o as a,c as l,m as o}from"./app.56f20909.js";const C=JSON.parse('{"title":"FatFloatFooter \u6D6E\u52A8\u5C3E\u90E8","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-layout/float-footer.md","lastUpdated":1719310312000}'),t={name:"fat-layout/float-footer.md"},n=o(`

FatFloatFooter \u6D6E\u52A8\u5C3E\u90E8

\u793A\u4F8B

\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatFloatFooter>
+    <el-button type="primary">\u63D0\u4EA4</el-button>
+    <el-button>\u53D6\u6D88</el-button>
+  </FatFloatFooter>
+</template>
+
+<script lang="tsx" setup>
+  import { FatFloatFooter } from '@wakeadmin/components';
+</script>
+



API

\u5C5E\u6027\u63CF\u8FF0\u9ED8\u8BA4\u503C
reuseBayIfNeed?: boolean\u5728\u5FAE\u524D\u7AEF\u73AF\u5883\u662F\u5426\u76F4\u63A5\u4F7F\u7528\u57FA\u5EA7\u63D0\u4F9B\u7684 wkc-float-footertrue
`,9),e=[n];function p(r,c,F,D,y,i){return a(),l("div",null,e)}const h=s(t,[["render",p]]);export{C as __pageData,h as default}; diff --git a/assets/fat-layout_float-footer.md.cbe0982e.lean.js b/assets/fat-layout_float-footer.md.cbe0982e.lean.js new file mode 100644 index 0000000..f96effc --- /dev/null +++ b/assets/fat-layout_float-footer.md.cbe0982e.lean.js @@ -0,0 +1 @@ +import{_ as s,o as a,c as l,m as o}from"./app.56f20909.js";const C=JSON.parse('{"title":"FatFloatFooter \u6D6E\u52A8\u5C3E\u90E8","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-layout/float-footer.md","lastUpdated":1719310312000}'),t={name:"fat-layout/float-footer.md"},n=o("",9),e=[n];function p(r,c,F,D,y,i){return a(),l("div",null,e)}const h=s(t,[["render",p]]);export{C as __pageData,h as default}; diff --git a/assets/fat-logic-tree.cfe31231.png b/assets/fat-logic-tree.cfe31231.png new file mode 100644 index 0000000..1e0f2e9 Binary files /dev/null and b/assets/fat-logic-tree.cfe31231.png differ diff --git a/assets/fat-space.cdf687eb.png b/assets/fat-space.cdf687eb.png new file mode 100644 index 0000000..acd3281 Binary files /dev/null and b/assets/fat-space.cdf687eb.png differ diff --git a/assets/fat-table-api.d2d494ad.png b/assets/fat-table-api.d2d494ad.png new file mode 100644 index 0000000..084a3ff Binary files /dev/null and b/assets/fat-table-api.d2d494ad.png differ diff --git a/assets/fat-table-column.494d76a9.png b/assets/fat-table-column.494d76a9.png new file mode 100644 index 0000000..7b46bdb Binary files /dev/null and b/assets/fat-table-column.494d76a9.png differ diff --git a/assets/fat-table-drawer.6074eee1.png b/assets/fat-table-drawer.6074eee1.png new file mode 100644 index 0000000..11e1d6a Binary files /dev/null and b/assets/fat-table-drawer.6074eee1.png differ diff --git a/assets/fat-table-events.4c6b28f2.png b/assets/fat-table-events.4c6b28f2.png new file mode 100644 index 0000000..0c410f5 Binary files /dev/null and b/assets/fat-table-events.4c6b28f2.png differ diff --git a/assets/fat-table-layout_drawer.md.fa9fcdf1.js b/assets/fat-table-layout_drawer.md.fa9fcdf1.js new file mode 100644 index 0000000..d3e17ab --- /dev/null +++ b/assets/fat-table-layout_drawer.md.fa9fcdf1.js @@ -0,0 +1,56 @@ +import{d as i,ad as d,ae as u,a as F,o as D,c as y,f as n,g as _,w as C,e as l,b as s,m as b}from"./app.56f20909.js";const m="/components/assets/fat-table-drawer.6074eee1.png",g=i({__name:"Drawer",setup(A){const p=d(),r=u(()=>()=>({size:800,async request(e){console.log("request",e);const{pagination:{pageSize:c,page:a}}=e;return{total:100,list:new Array(c).fill(0).map((x,t)=>({id:`${a}_${t}`,name:`name_${a}_${t}`,date:new Date(Date.now()+t*2e3)}))}},enableQuery:!0,columns:[{prop:"name",queryable:!0,valueProps:{placeholder:"\u540D\u79F0"}},{prop:"date"}]})),o=()=>{p.value.open({title:"\u6D6E\u69CE\u6765"})};return(e,c)=>{const a=F("el-button");return D(),y("div",null,[n(_(r),{ref_key:"tableModalRef",ref:p},null,512),n(a,{onClick:o},{default:C(()=>[l("\u6253\u5F00")]),_:1})])}}}),f=s("h1",{id:"fattabledrawer-\u8868\u683C\u62BD\u5C49",tabindex:"-1"},[l("FatTableDrawer \u8868\u683C\u62BD\u5C49 "),s("a",{class:"header-anchor",href:"#fattabledrawer-\u8868\u683C\u62BD\u5C49","aria-hidden":"true"},"#")],-1),h=s("p",null,[s("code",null,"FatTableDrawer"),l(" \u662F FatTable \u9488\u5BF9'\u62BD\u5C49'\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002\u9002\u7528\u4E8E\u5F39\u7A97\u5F0F\u7684\u8868\u683C\u663E\u793A\u3002")],-1),w=s("br",null,null,-1),E=s("br",null,null,-1),T=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[l("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),v={class:"wk-demo"},B=b(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <MyTableDrawer ref="tableModalRef"></MyTableDrawer>
+    <el-button @click="open">\u6253\u5F00</el-button>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatTableDrawer, useFatTableDrawerRef } from '@wakeadmin/components';
+
+  const tableModalRef = useFatTableDrawerRef();
+
+  const MyTableDrawer = defineFatTableDrawer<{ id: string; name: string; date: Date }, { name?: string }>(() => {
+    return () => ({
+      size: 800,
+      async request(params) {
+        console.log('request', params);
+
+        const {
+          pagination: { pageSize, page },
+        } = params;
+
+        return {
+          total: 100,
+          list: new Array(pageSize).fill(0).map((_, index) => {
+            return {
+              id: \`\${page}_\${index}\`,
+              name: \`name_\${page}_\${index}\`,
+              date: new Date(Date.now() + index * 2000),
+            };
+          }),
+        };
+      },
+      enableQuery: true,
+      columns: [
+        {
+          prop: 'name',
+          queryable: true,
+          valueProps: {
+            placeholder: '\u540D\u79F0',
+          },
+        },
+        {
+          prop: 'date',
+        },
+      ],
+    });
+  });
+
+  const open = () => {
+    tableModalRef.value!.open({
+      title: '\u6D6E\u69CE\u6765',
+    });
+  };
+</script>
+




API




',10),M=JSON.parse('{"title":"FatTableDrawer \u8868\u683C\u62BD\u5C49","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-table-layout/drawer.md","lastUpdated":1719310312000}'),q={name:"fat-table-layout/drawer.md"},R=Object.assign(q,{setup(A){return(p,r)=>{const o=F("ClientOnly");return D(),y("div",null,[f,h,w,E,T,n(o,null,{default:C(()=>[s("div",v,[n(g)])]),_:1}),B])}}});export{M as __pageData,R as default}; diff --git a/assets/fat-table-layout_drawer.md.fa9fcdf1.lean.js b/assets/fat-table-layout_drawer.md.fa9fcdf1.lean.js new file mode 100644 index 0000000..ed325ee --- /dev/null +++ b/assets/fat-table-layout_drawer.md.fa9fcdf1.lean.js @@ -0,0 +1 @@ +import{d as i,ad as d,ae as u,a as F,o as D,c as y,f as n,g as _,w as C,e as l,b as s,m as b}from"./app.56f20909.js";const m="/components/assets/fat-table-drawer.6074eee1.png",g=i({__name:"Drawer",setup(A){const p=d(),r=u(()=>()=>({size:800,async request(e){console.log("request",e);const{pagination:{pageSize:c,page:a}}=e;return{total:100,list:new Array(c).fill(0).map((x,t)=>({id:`${a}_${t}`,name:`name_${a}_${t}`,date:new Date(Date.now()+t*2e3)}))}},enableQuery:!0,columns:[{prop:"name",queryable:!0,valueProps:{placeholder:"\u540D\u79F0"}},{prop:"date"}]})),o=()=>{p.value.open({title:"\u6D6E\u69CE\u6765"})};return(e,c)=>{const a=F("el-button");return D(),y("div",null,[n(_(r),{ref_key:"tableModalRef",ref:p},null,512),n(a,{onClick:o},{default:C(()=>[l("\u6253\u5F00")]),_:1})])}}}),f=s("h1",{id:"fattabledrawer-\u8868\u683C\u62BD\u5C49",tabindex:"-1"},[l("FatTableDrawer \u8868\u683C\u62BD\u5C49 "),s("a",{class:"header-anchor",href:"#fattabledrawer-\u8868\u683C\u62BD\u5C49","aria-hidden":"true"},"#")],-1),h=s("p",null,[s("code",null,"FatTableDrawer"),l(" \u662F FatTable \u9488\u5BF9'\u62BD\u5C49'\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002\u9002\u7528\u4E8E\u5F39\u7A97\u5F0F\u7684\u8868\u683C\u663E\u793A\u3002")],-1),w=s("br",null,null,-1),E=s("br",null,null,-1),T=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[l("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),v={class:"wk-demo"},B=b("",10),M=JSON.parse('{"title":"FatTableDrawer \u8868\u683C\u62BD\u5C49","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-table-layout/drawer.md","lastUpdated":1719310312000}'),q={name:"fat-table-layout/drawer.md"},R=Object.assign(q,{setup(A){return(p,r)=>{const o=F("ClientOnly");return D(),y("div",null,[f,h,w,E,T,n(o,null,{default:C(()=>[s("div",v,[n(g)])]),_:1}),B])}}});export{M as __pageData,R as default}; diff --git a/assets/fat-table-layout_modal.md.4a29f37b.js b/assets/fat-table-layout_modal.md.4a29f37b.js new file mode 100644 index 0000000..19603d8 --- /dev/null +++ b/assets/fat-table-layout_modal.md.4a29f37b.js @@ -0,0 +1,64 @@ +import{d as i,af as d,ag as u,a as F,o as D,c as y,f as n,g as _,w as C,e as l,b as s,m as b}from"./app.56f20909.js";const m="/components/assets/fat-table-modal.2f54d2ae.png",f=i({__name:"Modal",setup(A){const p=d(),c=u(()=>()=>({style:"color: red",async request(e){console.log("request",e);const{pagination:{pageSize:r,page:a}}=e;return{total:100,list:new Array(r).fill(0).map((q,t)=>({id:`${a}_${t}`,name:`name_${a}_${t}`,date:new Date(Date.now()+t*2e3)}))}},enableQuery:!0,columns:[{prop:"name",label:"\u540D\u79F0",queryable:!0,valueProps:{placeholder:"\u540D\u79F0"}},{label:"\u65E5\u671F",prop:"date"}],renderBeforeForm(){return"before form"},onCellDblclick(){console.log("cell dbclick")}})),o=()=>{p.value.open({title:"\u6D6E\u69CE\u6765"})};return(e,r)=>{const a=F("el-button");return D(),y("div",null,[n(_(c),{ref_key:"tableModalRef",ref:p},null,512),n(a,{onClick:o},{default:C(()=>[l("\u6253\u5F00")]),_:1})])}}}),g=s("h1",{id:"fattablemodal-\u8868\u683C\u6A21\u6001\u6846",tabindex:"-1"},[l("FatTableModal \u8868\u683C\u6A21\u6001\u6846 "),s("a",{class:"header-anchor",href:"#fattablemodal-\u8868\u683C\u6A21\u6001\u6846","aria-hidden":"true"},"#")],-1),E=s("p",null,[s("code",null,"FatTableModal"),l(" \u662F FatTable \u9488\u5BF9 \u6A21\u6001\u6846\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002\u9002\u7528\u4E8E\u5F39\u7A97\u5F0F\u7684\u8868\u683C\u663E\u793A\u3002")],-1),h=s("br",null,null,-1),M=s("br",null,null,-1),T=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[l("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),v={class:"wk-demo"},B=b(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <MyTableModal ref="tableModalRef"></MyTableModal>
+    <el-button @click="open">\u6253\u5F00</el-button>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatTableModal, useFatTableModalRef } from '@wakeadmin/components';
+
+  const tableModalRef = useFatTableModalRef();
+
+  const MyTableModal = defineFatTableModal<{ id: string; name: string; date: Date }, { name?: string }>(() => {
+    return () => ({
+      style: 'color: red',
+      async request(params) {
+        console.log('request', params);
+
+        const {
+          pagination: { pageSize, page },
+        } = params;
+
+        return {
+          total: 100,
+          list: new Array(pageSize).fill(0).map((_, index) => {
+            return {
+              id: \`\${page}_\${index}\`,
+              name: \`name_\${page}_\${index}\`,
+              date: new Date(Date.now() + index * 2000),
+            };
+          }),
+        };
+      },
+      enableQuery: true,
+      columns: [
+        {
+          prop: 'name',
+          label: '\u540D\u79F0',
+          queryable: true,
+          valueProps: {
+            placeholder: '\u540D\u79F0',
+          },
+        },
+        {
+          label: '\u65E5\u671F',
+          prop: 'date',
+        },
+      ],
+      renderBeforeForm() {
+        return 'before form';
+      },
+      onCellDblclick() {
+        console.log('cell dbclick');
+      },
+    });
+  });
+
+  const open = () => {
+    tableModalRef.value!.open({
+      title: '\u6D6E\u69CE\u6765',
+    });
+  };
+</script>
+




API




',10),w=JSON.parse('{"title":"FatTableModal \u8868\u683C\u6A21\u6001\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-table-layout/modal.md","lastUpdated":1719310312000}'),k={name:"fat-table-layout/modal.md"},R=Object.assign(k,{setup(A){return(p,c)=>{const o=F("ClientOnly");return D(),y("div",null,[g,E,h,M,T,n(o,null,{default:C(()=>[s("div",v,[n(f)])]),_:1}),B])}}});export{w as __pageData,R as default}; diff --git a/assets/fat-table-layout_modal.md.4a29f37b.lean.js b/assets/fat-table-layout_modal.md.4a29f37b.lean.js new file mode 100644 index 0000000..fb0f965 --- /dev/null +++ b/assets/fat-table-layout_modal.md.4a29f37b.lean.js @@ -0,0 +1 @@ +import{d as i,af as d,ag as u,a as F,o as D,c as y,f as n,g as _,w as C,e as l,b as s,m as b}from"./app.56f20909.js";const m="/components/assets/fat-table-modal.2f54d2ae.png",f=i({__name:"Modal",setup(A){const p=d(),c=u(()=>()=>({style:"color: red",async request(e){console.log("request",e);const{pagination:{pageSize:r,page:a}}=e;return{total:100,list:new Array(r).fill(0).map((q,t)=>({id:`${a}_${t}`,name:`name_${a}_${t}`,date:new Date(Date.now()+t*2e3)}))}},enableQuery:!0,columns:[{prop:"name",label:"\u540D\u79F0",queryable:!0,valueProps:{placeholder:"\u540D\u79F0"}},{label:"\u65E5\u671F",prop:"date"}],renderBeforeForm(){return"before form"},onCellDblclick(){console.log("cell dbclick")}})),o=()=>{p.value.open({title:"\u6D6E\u69CE\u6765"})};return(e,r)=>{const a=F("el-button");return D(),y("div",null,[n(_(c),{ref_key:"tableModalRef",ref:p},null,512),n(a,{onClick:o},{default:C(()=>[l("\u6253\u5F00")]),_:1})])}}}),g=s("h1",{id:"fattablemodal-\u8868\u683C\u6A21\u6001\u6846",tabindex:"-1"},[l("FatTableModal \u8868\u683C\u6A21\u6001\u6846 "),s("a",{class:"header-anchor",href:"#fattablemodal-\u8868\u683C\u6A21\u6001\u6846","aria-hidden":"true"},"#")],-1),E=s("p",null,[s("code",null,"FatTableModal"),l(" \u662F FatTable \u9488\u5BF9 \u6A21\u6001\u6846\u573A\u666F\u8BBE\u8BA1\u7684\u4E00\u4E2A\u7EC4\u4EF6\u3002\u9002\u7528\u4E8E\u5F39\u7A97\u5F0F\u7684\u8868\u683C\u663E\u793A\u3002")],-1),h=s("br",null,null,-1),M=s("br",null,null,-1),T=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[l("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),v={class:"wk-demo"},B=b("",10),w=JSON.parse('{"title":"FatTableModal \u8868\u683C\u6A21\u6001\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"fat-table-layout/modal.md","lastUpdated":1719310312000}'),k={name:"fat-table-layout/modal.md"},R=Object.assign(k,{setup(A){return(p,c)=>{const o=F("ClientOnly");return D(),y("div",null,[g,E,h,M,T,n(o,null,{default:C(()=>[s("div",v,[n(f)])]),_:1}),B])}}});export{w as __pageData,R as default}; diff --git a/assets/fat-table-layout_quick-table-select.demo.md.06978d6e.js b/assets/fat-table-layout_quick-table-select.demo.md.06978d6e.js new file mode 100644 index 0000000..38bca3d --- /dev/null +++ b/assets/fat-table-layout_quick-table-select.demo.md.06978d6e.js @@ -0,0 +1 @@ +import{ah as i,B as u,q as n,C as d,a as p,o as m,c as _,f as s,w as b,b as f,g as h}from"./app.56f20909.js";const v=i(({column:t})=>()=>({title:"\u660E\u6708\u5982\u971C",rowKey:"id",async request(l){const{pagination:a,query:e}=l;return{list:new Array(a.pageSize).fill(0).map((F,c)=>{var o;const r=Math.floor(Math.random()*1e3);return{id:c,name:`${r}-${a.page}-${(o=e==null?void 0:e.name)!=null?o:""}`,status:r%3===0?1:r%2===0?0:2,createdDate:Date.now()}}),total:100}},renderBottomToolbar(l,a){const e=a[0];if(e)return()=>u("div",{children:["\u5F53\u524D\u9009\u4E2D:",u("div",{children:["\u540D\u79F0 -",">"," ",e.name]}),u("div",{children:["id -",">"," ",e.id]})]})},renderNavBar(){return n("span",{children:n(d,{type:"primary",children:"\u521B\u5EFA"})})},columns:[t({prop:"name",label:"\u540D\u79F0",queryable:!0,valueType:"search"}),t({prop:"status",label:"\u72B6\u6001",queryable:!0,valueType:"select",valueProps:{options:[{label:"\u672A\u5F00\u59CB",value:0,color:"blue"},{label:"\u6B63\u5728\u8FDB\u884C",value:1,color:"green"},{label:"\u5DF2\u7ED3\u675F",value:2,color:"gray"}]}}),t({prop:"createdDate",label:"\u521B\u5EFA\u65F6\u95F4",valueType:"date-time",minWidth:110})]})),y={class:"wk-demo"},k=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table-layout/quick-table-select.demo.md","lastUpdated":1719310312000}'),B={name:"fat-table-layout/quick-table-select.demo.md"},C=Object.assign(B,{setup(t){return(l,a)=>{const e=p("ClientOnly");return m(),_("div",null,[s(e,null,{default:b(()=>[f("div",y,[s(h(v))])]),_:1})])}}});export{k as __pageData,C as default}; diff --git a/assets/fat-table-layout_quick-table-select.demo.md.06978d6e.lean.js b/assets/fat-table-layout_quick-table-select.demo.md.06978d6e.lean.js new file mode 100644 index 0000000..38bca3d --- /dev/null +++ b/assets/fat-table-layout_quick-table-select.demo.md.06978d6e.lean.js @@ -0,0 +1 @@ +import{ah as i,B as u,q as n,C as d,a as p,o as m,c as _,f as s,w as b,b as f,g as h}from"./app.56f20909.js";const v=i(({column:t})=>()=>({title:"\u660E\u6708\u5982\u971C",rowKey:"id",async request(l){const{pagination:a,query:e}=l;return{list:new Array(a.pageSize).fill(0).map((F,c)=>{var o;const r=Math.floor(Math.random()*1e3);return{id:c,name:`${r}-${a.page}-${(o=e==null?void 0:e.name)!=null?o:""}`,status:r%3===0?1:r%2===0?0:2,createdDate:Date.now()}}),total:100}},renderBottomToolbar(l,a){const e=a[0];if(e)return()=>u("div",{children:["\u5F53\u524D\u9009\u4E2D:",u("div",{children:["\u540D\u79F0 -",">"," ",e.name]}),u("div",{children:["id -",">"," ",e.id]})]})},renderNavBar(){return n("span",{children:n(d,{type:"primary",children:"\u521B\u5EFA"})})},columns:[t({prop:"name",label:"\u540D\u79F0",queryable:!0,valueType:"search"}),t({prop:"status",label:"\u72B6\u6001",queryable:!0,valueType:"select",valueProps:{options:[{label:"\u672A\u5F00\u59CB",value:0,color:"blue"},{label:"\u6B63\u5728\u8FDB\u884C",value:1,color:"green"},{label:"\u5DF2\u7ED3\u675F",value:2,color:"gray"}]}}),t({prop:"createdDate",label:"\u521B\u5EFA\u65F6\u95F4",valueType:"date-time",minWidth:110})]})),y={class:"wk-demo"},k=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table-layout/quick-table-select.demo.md","lastUpdated":1719310312000}'),B={name:"fat-table-layout/quick-table-select.demo.md"},C=Object.assign(B,{setup(t){return(l,a)=>{const e=p("ClientOnly");return m(),_("div",null,[s(e,null,{default:b(()=>[f("div",y,[s(h(v))])]),_:1})])}}});export{k as __pageData,C as default}; diff --git a/assets/fat-table-layout_table-select-actions.demo.md.62148722.js b/assets/fat-table-layout_table-select-actions.demo.md.62148722.js new file mode 100644 index 0000000..75110bc --- /dev/null +++ b/assets/fat-table-layout_table-select-actions.demo.md.62148722.js @@ -0,0 +1 @@ +import{ah as o,B as n,a as s,o as r,c,f as l,w as i,b as d,g as m}from"./app.56f20909.js";const _=o(()=>()=>({title:"\u8868\u683C\u64CD\u4F5C",async request(){return{list:new Array(10).fill("S").map((t,e)=>({name:`MentalHealth${e+1}`,id:e})),total:10}},renderBottomToolbar(t,e){const a=e[0];if(a)return()=>n("div",{children:["\u5F53\u524D\u9009\u4E2D:",n("div",{children:["\u540D\u79F0 -",">"," ",a.name]})]})},enablePagination:!1,rowKey:"id",columns:[{label:"\u540D\u79F0",prop:"name"},{type:"actions",label:"\u64CD\u4F5C",actions:()=>[{name:"Are you Ready?",title:"\u63D0\u793A\u4FE1\u606F"},{name:"\u6211\u597D\u4E86",type:"danger",onClick(t,e){t.select(e)}},{name:"\u7B49\u4E00\u4E0B\uFF0C\u6211\u8FD8\u6CA1\u597D",type:"warning",onClick(t,e){t.unselect(e)}}]}]})),p={class:"wk-demo"},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table-layout/table-select-actions.demo.md","lastUpdated":1719310312000}'),f={name:"fat-table-layout/table-select-actions.demo.md"},b=Object.assign(f,{setup(t){return(e,a)=>{const u=s("ClientOnly");return r(),c("div",null,[l(u,null,{default:i(()=>[d("div",p,[l(m(_))])]),_:1})])}}});export{C as __pageData,b as default}; diff --git a/assets/fat-table-layout_table-select-actions.demo.md.62148722.lean.js b/assets/fat-table-layout_table-select-actions.demo.md.62148722.lean.js new file mode 100644 index 0000000..75110bc --- /dev/null +++ b/assets/fat-table-layout_table-select-actions.demo.md.62148722.lean.js @@ -0,0 +1 @@ +import{ah as o,B as n,a as s,o as r,c,f as l,w as i,b as d,g as m}from"./app.56f20909.js";const _=o(()=>()=>({title:"\u8868\u683C\u64CD\u4F5C",async request(){return{list:new Array(10).fill("S").map((t,e)=>({name:`MentalHealth${e+1}`,id:e})),total:10}},renderBottomToolbar(t,e){const a=e[0];if(a)return()=>n("div",{children:["\u5F53\u524D\u9009\u4E2D:",n("div",{children:["\u540D\u79F0 -",">"," ",a.name]})]})},enablePagination:!1,rowKey:"id",columns:[{label:"\u540D\u79F0",prop:"name"},{type:"actions",label:"\u64CD\u4F5C",actions:()=>[{name:"Are you Ready?",title:"\u63D0\u793A\u4FE1\u606F"},{name:"\u6211\u597D\u4E86",type:"danger",onClick(t,e){t.select(e)}},{name:"\u7B49\u4E00\u4E0B\uFF0C\u6211\u8FD8\u6CA1\u597D",type:"warning",onClick(t,e){t.unselect(e)}}]}]})),p={class:"wk-demo"},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table-layout/table-select-actions.demo.md","lastUpdated":1719310312000}'),f={name:"fat-table-layout/table-select-actions.demo.md"},b=Object.assign(f,{setup(t){return(e,a)=>{const u=s("ClientOnly");return r(),c("div",null,[l(u,null,{default:i(()=>[d("div",p,[l(m(_))])]),_:1})])}}});export{C as __pageData,b as default}; diff --git a/assets/fat-table-layout_table-select-all-actions.demo.md.28a45ddf.js b/assets/fat-table-layout_table-select-all-actions.demo.md.28a45ddf.js new file mode 100644 index 0000000..da3d1fd --- /dev/null +++ b/assets/fat-table-layout_table-select-all-actions.demo.md.28a45ddf.js @@ -0,0 +1 @@ +import{d as c,r as d,ah as r,B as m,q as n,C as p,a as C,o as E,c as B,f as o,w as _,b as f,g as A}from"./app.56f20909.js";const F=c({name:"TableSelectDisabledActions",setup(){const u=d(!1),t=r(({column:l})=>{const a=[{name:"\u5973\u66F0\u9E21\u9E23",id:51024},{name:"\u58EB\u66F0\u6627\u65E6",id:15629},{name:"\u5B50\u5174\u89C6\u591C",id:588},{name:"\u660E\u661F\u6709\u70C2",id:5836},{name:"\u5C06\u7FF1\u5C06\u7FD4",id:9170},{name:"\u5F0B\u51EB\u4E0E\u96C1",id:51658},{name:"\u5F0B\u8A00\u52A0\u4E4B",id:4416},{name:"\u4E0E\u5B50\u5B9C\u4E4B",id:69},{name:"\u5B9C\u8A00\u996E\u9152",id:51918},{name:"\u4E0E\u5B50\u5055\u8001",id:52751},{name:"\u7434\u745F\u5728\u5FA1",id:11157},{name:"\u83AB\u4E0D\u9759\u597D",id:56022}];return()=>({title:"\u597D\u98CE\u5982\u6C34",rowKey:"id",limit:6,batchActions:e=>[{name:"\u5168\u9009",onClick:()=>e.selectAll()},{name:"\u53CD\u9009",onClick:()=>e.toggleAll()},{name:"\u53D6\u6D88\u5168\u9009",onClick:()=>e.unselectAll()},{name:"\u6E05\u7A7A",onClick:()=>e.clear()}],async request(e){const{pagination:{page:s,pageSize:i}}=e;return{list:a.slice((s-1)*i,i*s),total:a.length}},selectable(e){return e.id%10!==9},onChange(e){console.log(e.values)},columns:[l({prop:"name",label:"\u540D\u79F0"}),l({prop:"id",label:"id"})]})});return()=>m("div",{children:[n(p,{onClick:()=>{u.value=!u.value},children:"\u5207\u6362\u9009\u62E9\u72B6\u6001"}),u.value?n(t,{},"s"):n(t,{multiple:!0},"m")]})}}),b={class:"wk-demo"},D=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table-layout/table-select-all-actions.demo.md","lastUpdated":1719310312000}'),g={name:"fat-table-layout/table-select-all-actions.demo.md"},k=Object.assign(g,{setup(u){return(t,l)=>{const a=C("ClientOnly");return E(),B("div",null,[o(a,null,{default:_(()=>[f("div",b,[o(A(F))])]),_:1})])}}});export{D as __pageData,k as default}; diff --git a/assets/fat-table-layout_table-select-all-actions.demo.md.28a45ddf.lean.js b/assets/fat-table-layout_table-select-all-actions.demo.md.28a45ddf.lean.js new file mode 100644 index 0000000..da3d1fd --- /dev/null +++ b/assets/fat-table-layout_table-select-all-actions.demo.md.28a45ddf.lean.js @@ -0,0 +1 @@ +import{d as c,r as d,ah as r,B as m,q as n,C as p,a as C,o as E,c as B,f as o,w as _,b as f,g as A}from"./app.56f20909.js";const F=c({name:"TableSelectDisabledActions",setup(){const u=d(!1),t=r(({column:l})=>{const a=[{name:"\u5973\u66F0\u9E21\u9E23",id:51024},{name:"\u58EB\u66F0\u6627\u65E6",id:15629},{name:"\u5B50\u5174\u89C6\u591C",id:588},{name:"\u660E\u661F\u6709\u70C2",id:5836},{name:"\u5C06\u7FF1\u5C06\u7FD4",id:9170},{name:"\u5F0B\u51EB\u4E0E\u96C1",id:51658},{name:"\u5F0B\u8A00\u52A0\u4E4B",id:4416},{name:"\u4E0E\u5B50\u5B9C\u4E4B",id:69},{name:"\u5B9C\u8A00\u996E\u9152",id:51918},{name:"\u4E0E\u5B50\u5055\u8001",id:52751},{name:"\u7434\u745F\u5728\u5FA1",id:11157},{name:"\u83AB\u4E0D\u9759\u597D",id:56022}];return()=>({title:"\u597D\u98CE\u5982\u6C34",rowKey:"id",limit:6,batchActions:e=>[{name:"\u5168\u9009",onClick:()=>e.selectAll()},{name:"\u53CD\u9009",onClick:()=>e.toggleAll()},{name:"\u53D6\u6D88\u5168\u9009",onClick:()=>e.unselectAll()},{name:"\u6E05\u7A7A",onClick:()=>e.clear()}],async request(e){const{pagination:{page:s,pageSize:i}}=e;return{list:a.slice((s-1)*i,i*s),total:a.length}},selectable(e){return e.id%10!==9},onChange(e){console.log(e.values)},columns:[l({prop:"name",label:"\u540D\u79F0"}),l({prop:"id",label:"id"})]})});return()=>m("div",{children:[n(p,{onClick:()=>{u.value=!u.value},children:"\u5207\u6362\u9009\u62E9\u72B6\u6001"}),u.value?n(t,{},"s"):n(t,{multiple:!0},"m")]})}}),b={class:"wk-demo"},D=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table-layout/table-select-all-actions.demo.md","lastUpdated":1719310312000}'),g={name:"fat-table-layout/table-select-all-actions.demo.md"},k=Object.assign(g,{setup(u){return(t,l)=>{const a=C("ClientOnly");return E(),B("div",null,[o(a,null,{default:_(()=>[f("div",b,[o(A(F))])]),_:1})])}}});export{D as __pageData,k as default}; diff --git a/assets/fat-table-layout_table-select-modal.md.04c4a0a1.js b/assets/fat-table-layout_table-select-modal.md.04c4a0a1.js new file mode 100644 index 0000000..4285c22 --- /dev/null +++ b/assets/fat-table-layout_table-select-modal.md.04c4a0a1.js @@ -0,0 +1,179 @@ +import{d as i,ai as u,aj as d,o as F,c as r,f as n,g as t,w as e,e as m,C as E,q as B,a7 as h,a as b,m as D,b as A}from"./app.56f20909.js";const S=i({__name:"TableSelectModal",setup(y){const a=u(),o=async()=>{var s;(s=a.value)==null||s.open({onChange(p){alert("\u9009\u4E2D: "+p.values[0].name)}})},l=d(({column:s})=>()=>({rowKey:"id",title:"\u9009\u62E9\u5668",renderFooter(){return null},onOpen(){console.log("onOpen")},onClose(){console.log("onClose")},async request(){return{total:2,list:[{id:"1",name:"1"},{id:"2",name:"2"}]}},columns:[s({prop:"name",label:"\u540D\u79F0"})]}));return(s,p)=>(F(),r("div",null,[n(t(l),{ref_key:"selectorRef",ref:a},null,512),n(t(E),{onClick:o},{default:e(()=>[m("\u9009\u62E9")]),_:1})]))}}),v=i({__name:"TableSelectMultiModal",setup(y){const a=u(),o=async()=>{var s;(s=a.value)==null||s.open({})},l=d(({column:s})=>()=>({rowKey:"id",title:"\u9009\u62E9\u5668",multiple:!0,limit:5,async request(){return{total:10,list:new Array(10).fill(0).map((p,c)=>({id:c+"",name:c+""}))}},columns:[s({prop:"name",label:"\u540D\u79F0"})]}));return(s,p)=>(F(),r("div",null,[n(t(l),{ref_key:"selectorRef",ref:a},null,512),n(t(E),{onClick:o},{default:e(()=>[m("\u9009\u62E9")]),_:1})]))}}),T=i({__name:"TableSelectModalCustomColumn",setup(y){const a=u(),o=async()=>{var s;(s=a.value)==null||s.open({})},l=d(({column:s,modalRef:p})=>()=>({rowKey:"id",title:"\u9009\u62E9\u5668",async request(){return{total:2,list:[{id:"1",name:"1"},{id:"2",name:"2"},{id:"3",name:"3"}]}},selectable(c){return c.id!=="1"},showActions:!1,confirmOnSelected:!1,columns:[s({label:"\u9009\u62E9",render(c,C,O){var _,f;return B(h,{modelValue:(_=p.value)==null?void 0:_.isSelected(C),"onUpdate:modelValue":N=>{var g;(g=p.value)==null||g.select(C)},disabled:!((f=p.value)!=null&&f.selectable(C))})}}),s({prop:"name",label:"\u540D\u79F0"})]}));return(s,p)=>(F(),r("div",null,[n(t(l),{ref_key:"selectorRef",ref:a},null,512),n(t(E),{onClick:o},{default:e(()=>[m("\u9009\u62E9")]),_:1})]))}}),R=D('

FatTableSelectModal

\u793A\u4F8B

\u5355\u9009

',3),w={class:"wk-demo"},q=D(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <Selector ref="selectorRef" />
+    <ElButton @click="handleSelect">\u9009\u62E9</ElButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ElButton } from 'element-plus';
+  import { defineFatTableSelectModal, useFatTableSelectModalRef } from '@wakeadmin/components';
+
+  interface Item {
+    id: string;
+    name: string;
+  }
+
+  const selectorRef = useFatTableSelectModalRef();
+
+  const handleSelect = async () => {
+    selectorRef.value?.open({
+      onChange(v) {
+        alert('\u9009\u4E2D: ' + v.values[0].name);
+      },
+    });
+  };
+
+  const Selector = defineFatTableSelectModal<Item, { name: string }, { id: string }, {}>(({ column }) => {
+    return () => {
+      return {
+        rowKey: 'id',
+        title: '\u9009\u62E9\u5668',
+        renderFooter() {
+          return null;
+        },
+        onOpen() {
+          console.log('onOpen');
+        },
+        onClose() {
+          console.log('onClose');
+        },
+        async request() {
+          return {
+            total: 2,
+            list: [
+              { id: '1', name: '1' },
+              { id: '2', name: '2' },
+            ],
+          };
+        },
+        columns: [
+          column({
+            prop: 'name',
+            label: '\u540D\u79F0',
+          }),
+        ],
+      };
+    };
+  });
+</script>
+



\u591A\u9009

`,5),k={class:"wk-demo"},M=D(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <Selector ref="selectorRef" />
+    <ElButton @click="handleSelect">\u9009\u62E9</ElButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ElButton } from 'element-plus';
+  import { defineFatTableSelectModal, useFatTableSelectModalRef } from '@wakeadmin/components';
+
+  interface Item {
+    id: string;
+    name: string;
+  }
+
+  const selectorRef = useFatTableSelectModalRef();
+
+  const handleSelect = async () => {
+    selectorRef.value?.open({});
+  };
+
+  const Selector = defineFatTableSelectModal<Item, { name: string }, { id: string }, {}>(({ column }) => {
+    return () => {
+      return {
+        rowKey: 'id',
+        title: '\u9009\u62E9\u5668',
+        multiple: true,
+        limit: 5,
+        async request() {
+          return {
+            total: 10,
+            list: new Array(10).fill(0).map((i, idx) => {
+              return {
+                id: idx + '',
+                name: idx + '',
+              };
+            }),
+          };
+        },
+        columns: [
+          column({
+            prop: 'name',
+            label: '\u540D\u79F0',
+          }),
+        ],
+      };
+    };
+  });
+</script>
+




\u81EA\u5B9A\u4E49\u9009\u62E9\u680F

`,6),x={class:"wk-demo"},V=D(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <Selector ref="selectorRef" />
+    <ElButton @click="handleSelect">\u9009\u62E9</ElButton>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { ElButton, ElSwitch } from 'element-plus';
+  import { defineFatTableSelectModal, useFatTableSelectModalRef } from '@wakeadmin/components';
+
+  interface Item {
+    id: string;
+    name: string;
+  }
+
+  const selectorRef = useFatTableSelectModalRef();
+
+  const handleSelect = async () => {
+    selectorRef.value?.open({});
+  };
+
+  const Selector = defineFatTableSelectModal<Item, { name: string }, { id: string }, {}>(({ column, modalRef }) => {
+    return () => {
+      return {
+        rowKey: 'id',
+        title: '\u9009\u62E9\u5668',
+        async request() {
+          return {
+            total: 2,
+            list: [
+              { id: '1', name: '1' },
+              { id: '2', name: '2' },
+              { id: '3', name: '3' },
+            ],
+          };
+        },
+        selectable(row) {
+          return row.id !== '1';
+        },
+        // \u{1F534} \u5173\u95ED\u9ED8\u8BA4\u64CD\u4F5C\u5217
+        showActions: false,
+        // \u{1F534} \u5173\u95ED\u9009\u4E2D\u540E\u5173\u95ED\u5F39\u7A97
+        confirmOnSelected: false,
+        columns: [
+          // \u{1F534} \u81EA\u5B9A\u4E49\u9009\u62E9\u5217
+          column({
+            label: '\u9009\u62E9',
+            render(value, row, index) {
+              return (
+                <ElSwitch
+                  modelValue={modalRef.value?.isSelected(row)}
+                  onUpdate:modelValue={v => {
+                    modalRef.value?.select(row);
+                  }}
+                  disabled={!modalRef.value?.selectable(row)}
+                ></ElSwitch>
+              );
+            },
+          }),
+          column({
+            prop: 'name',
+            label: '\u540D\u79F0',
+          }),
+        ],
+      };
+    };
+  });
+</script>
+
`,1),K=JSON.parse('{"title":"FatTableSelectModal","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[{"level":3,"title":"\u5355\u9009","slug":"\u5355\u9009","link":"#\u5355\u9009","children":[]},{"level":3,"title":"\u591A\u9009","slug":"\u591A\u9009","link":"#\u591A\u9009","children":[]},{"level":3,"title":"\u81EA\u5B9A\u4E49\u9009\u62E9\u680F","slug":"\u81EA\u5B9A\u4E49\u9009\u62E9\u680F","link":"#\u81EA\u5B9A\u4E49\u9009\u62E9\u680F","children":[]}]}],"relativePath":"fat-table-layout/table-select-modal.md","lastUpdated":1719310312000}'),I={name:"fat-table-layout/table-select-modal.md"},j=Object.assign(I,{setup(y){return(a,o)=>{const l=b("ClientOnly");return F(),r("div",null,[R,n(l,null,{default:e(()=>[A("div",w,[n(S)])]),_:1}),q,n(l,null,{default:e(()=>[A("div",k,[n(v)])]),_:1}),M,n(l,null,{default:e(()=>[A("div",x,[n(T)])]),_:1}),V])}}});export{K as __pageData,j as default}; diff --git a/assets/fat-table-layout_table-select-modal.md.04c4a0a1.lean.js b/assets/fat-table-layout_table-select-modal.md.04c4a0a1.lean.js new file mode 100644 index 0000000..222ede2 --- /dev/null +++ b/assets/fat-table-layout_table-select-modal.md.04c4a0a1.lean.js @@ -0,0 +1 @@ +import{d as i,ai as u,aj as d,o as F,c as r,f as n,g as t,w as e,e as m,C as E,q as B,a7 as h,a as b,m as D,b as A}from"./app.56f20909.js";const S=i({__name:"TableSelectModal",setup(y){const a=u(),o=async()=>{var s;(s=a.value)==null||s.open({onChange(p){alert("\u9009\u4E2D: "+p.values[0].name)}})},l=d(({column:s})=>()=>({rowKey:"id",title:"\u9009\u62E9\u5668",renderFooter(){return null},onOpen(){console.log("onOpen")},onClose(){console.log("onClose")},async request(){return{total:2,list:[{id:"1",name:"1"},{id:"2",name:"2"}]}},columns:[s({prop:"name",label:"\u540D\u79F0"})]}));return(s,p)=>(F(),r("div",null,[n(t(l),{ref_key:"selectorRef",ref:a},null,512),n(t(E),{onClick:o},{default:e(()=>[m("\u9009\u62E9")]),_:1})]))}}),v=i({__name:"TableSelectMultiModal",setup(y){const a=u(),o=async()=>{var s;(s=a.value)==null||s.open({})},l=d(({column:s})=>()=>({rowKey:"id",title:"\u9009\u62E9\u5668",multiple:!0,limit:5,async request(){return{total:10,list:new Array(10).fill(0).map((p,c)=>({id:c+"",name:c+""}))}},columns:[s({prop:"name",label:"\u540D\u79F0"})]}));return(s,p)=>(F(),r("div",null,[n(t(l),{ref_key:"selectorRef",ref:a},null,512),n(t(E),{onClick:o},{default:e(()=>[m("\u9009\u62E9")]),_:1})]))}}),T=i({__name:"TableSelectModalCustomColumn",setup(y){const a=u(),o=async()=>{var s;(s=a.value)==null||s.open({})},l=d(({column:s,modalRef:p})=>()=>({rowKey:"id",title:"\u9009\u62E9\u5668",async request(){return{total:2,list:[{id:"1",name:"1"},{id:"2",name:"2"},{id:"3",name:"3"}]}},selectable(c){return c.id!=="1"},showActions:!1,confirmOnSelected:!1,columns:[s({label:"\u9009\u62E9",render(c,C,O){var _,f;return B(h,{modelValue:(_=p.value)==null?void 0:_.isSelected(C),"onUpdate:modelValue":N=>{var g;(g=p.value)==null||g.select(C)},disabled:!((f=p.value)!=null&&f.selectable(C))})}}),s({prop:"name",label:"\u540D\u79F0"})]}));return(s,p)=>(F(),r("div",null,[n(t(l),{ref_key:"selectorRef",ref:a},null,512),n(t(E),{onClick:o},{default:e(()=>[m("\u9009\u62E9")]),_:1})]))}}),R=D("",3),w={class:"wk-demo"},q=D("",5),k={class:"wk-demo"},M=D("",6),x={class:"wk-demo"},V=D("",1),K=JSON.parse('{"title":"FatTableSelectModal","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[{"level":3,"title":"\u5355\u9009","slug":"\u5355\u9009","link":"#\u5355\u9009","children":[]},{"level":3,"title":"\u591A\u9009","slug":"\u591A\u9009","link":"#\u591A\u9009","children":[]},{"level":3,"title":"\u81EA\u5B9A\u4E49\u9009\u62E9\u680F","slug":"\u81EA\u5B9A\u4E49\u9009\u62E9\u680F","link":"#\u81EA\u5B9A\u4E49\u9009\u62E9\u680F","children":[]}]}],"relativePath":"fat-table-layout/table-select-modal.md","lastUpdated":1719310312000}'),I={name:"fat-table-layout/table-select-modal.md"},j=Object.assign(I,{setup(y){return(a,o)=>{const l=b("ClientOnly");return F(),r("div",null,[R,n(l,null,{default:e(()=>[A("div",w,[n(S)])]),_:1}),q,n(l,null,{default:e(()=>[A("div",k,[n(v)])]),_:1}),M,n(l,null,{default:e(()=>[A("div",x,[n(T)])]),_:1}),V])}}});export{K as __pageData,j as default}; diff --git a/assets/fat-table-layout_table-select-model.demo.md.e74aa257.js b/assets/fat-table-layout_table-select-model.demo.md.e74aa257.js new file mode 100644 index 0000000..121efc7 --- /dev/null +++ b/assets/fat-table-layout_table-select-model.demo.md.e74aa257.js @@ -0,0 +1 @@ +import{d as B,r as t,ak as o,o as E,c as v,f as l,g as n,ah as C,a as _,w as V,b as T}from"./app.56f20909.js";const g=B({__name:"TableSelectModel",setup(F){function a(p){return C({title:p,rowKey:"id",limit:6,multiple:!0,columns:[{prop:"name",label:"\u540D\u79F0"},{prop:"id",label:"id"}],async request(){return{list:[{name:"\u5973\u66F0\u9E21\u9E23",id:51024},{name:"\u58EB\u66F0\u6627\u65E6",id:15629},{name:"\u5B50\u5174\u89C6\u591C",id:588},{name:"\u660E\u661F\u6709\u70C2",id:5836},{name:"\u5C06\u7FF1\u5C06\u7FD4",id:9170},{name:"\u5F0B\u51EB\u4E0E\u96C1",id:51658},{name:"\u5F0B\u8A00\u52A0\u4E4B",id:4416},{name:"\u4E0E\u5B50\u5B9C\u4E4B",id:69},{name:"\u5B9C\u8A00\u996E\u9152",id:51918},{name:"\u4E0E\u5B50\u5055\u8001",id:52751}],total:10}}})}const c=a("\u4F20\u5165\u7684\u662Fundefined"),d=a("\u4F20\u5165\u7684\u662F\u57FA\u672C\u6570\u636E\u7C7B\u578B"),b=a("\u4F20\u5165\u4E00\u4E2A\u5355\u72EC\u7684id\u5BF9\u8C61"),f=a("\u4F20\u5165\u5176\u4ED6\u7684\u5BF9\u8C61"),s=t([]),m=t([51024]),i=t([{id:51024}]),r=t([{id:51024,name:"\u5973\u66F0\u9E21\u9E23"}]);return o(()=>{console.log("Table0 ->",s.value)}),o(()=>{console.log("Table1 ->",m.value)}),o(()=>{console.log("Table2 ->",i.value)}),o(()=>{console.log("Table3 ->",r.value)}),(p,e)=>(E(),v("div",null,[l(n(c),{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=u=>s.value=u)},null,8,["modelValue"]),l(n(d),{modelValue:m.value,"onUpdate:modelValue":e[1]||(e[1]=u=>m.value=u)},null,8,["modelValue"]),l(n(b),{modelValue:i.value,"onUpdate:modelValue":e[2]||(e[2]=u=>i.value=u)},null,8,["modelValue"]),l(n(f),{modelValue:r.value,"onUpdate:modelValue":e[3]||(e[3]=u=>r.value=u)},null,8,["modelValue"])]))}}),y={class:"wk-demo"},k=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table-layout/table-select-model.demo.md","lastUpdated":1719310312000}'),A={name:"fat-table-layout/table-select-model.demo.md"},w=Object.assign(A,{setup(F){return(a,c)=>{const d=_("ClientOnly");return E(),v("div",null,[l(d,null,{default:V(()=>[T("div",y,[l(g)])]),_:1})])}}});export{k as __pageData,w as default}; diff --git a/assets/fat-table-layout_table-select-model.demo.md.e74aa257.lean.js b/assets/fat-table-layout_table-select-model.demo.md.e74aa257.lean.js new file mode 100644 index 0000000..121efc7 --- /dev/null +++ b/assets/fat-table-layout_table-select-model.demo.md.e74aa257.lean.js @@ -0,0 +1 @@ +import{d as B,r as t,ak as o,o as E,c as v,f as l,g as n,ah as C,a as _,w as V,b as T}from"./app.56f20909.js";const g=B({__name:"TableSelectModel",setup(F){function a(p){return C({title:p,rowKey:"id",limit:6,multiple:!0,columns:[{prop:"name",label:"\u540D\u79F0"},{prop:"id",label:"id"}],async request(){return{list:[{name:"\u5973\u66F0\u9E21\u9E23",id:51024},{name:"\u58EB\u66F0\u6627\u65E6",id:15629},{name:"\u5B50\u5174\u89C6\u591C",id:588},{name:"\u660E\u661F\u6709\u70C2",id:5836},{name:"\u5C06\u7FF1\u5C06\u7FD4",id:9170},{name:"\u5F0B\u51EB\u4E0E\u96C1",id:51658},{name:"\u5F0B\u8A00\u52A0\u4E4B",id:4416},{name:"\u4E0E\u5B50\u5B9C\u4E4B",id:69},{name:"\u5B9C\u8A00\u996E\u9152",id:51918},{name:"\u4E0E\u5B50\u5055\u8001",id:52751}],total:10}}})}const c=a("\u4F20\u5165\u7684\u662Fundefined"),d=a("\u4F20\u5165\u7684\u662F\u57FA\u672C\u6570\u636E\u7C7B\u578B"),b=a("\u4F20\u5165\u4E00\u4E2A\u5355\u72EC\u7684id\u5BF9\u8C61"),f=a("\u4F20\u5165\u5176\u4ED6\u7684\u5BF9\u8C61"),s=t([]),m=t([51024]),i=t([{id:51024}]),r=t([{id:51024,name:"\u5973\u66F0\u9E21\u9E23"}]);return o(()=>{console.log("Table0 ->",s.value)}),o(()=>{console.log("Table1 ->",m.value)}),o(()=>{console.log("Table2 ->",i.value)}),o(()=>{console.log("Table3 ->",r.value)}),(p,e)=>(E(),v("div",null,[l(n(c),{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=u=>s.value=u)},null,8,["modelValue"]),l(n(d),{modelValue:m.value,"onUpdate:modelValue":e[1]||(e[1]=u=>m.value=u)},null,8,["modelValue"]),l(n(b),{modelValue:i.value,"onUpdate:modelValue":e[2]||(e[2]=u=>i.value=u)},null,8,["modelValue"]),l(n(f),{modelValue:r.value,"onUpdate:modelValue":e[3]||(e[3]=u=>r.value=u)},null,8,["modelValue"])]))}}),y={class:"wk-demo"},k=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table-layout/table-select-model.demo.md","lastUpdated":1719310312000}'),A={name:"fat-table-layout/table-select-model.demo.md"},w=Object.assign(A,{setup(F){return(a,c)=>{const d=_("ClientOnly");return E(),v("div",null,[l(d,null,{default:V(()=>[T("div",y,[l(g)])]),_:1})])}}});export{k as __pageData,w as default}; diff --git a/assets/fat-table-layout_table-select.md.3284a17f.js b/assets/fat-table-layout_table-select.md.3284a17f.js new file mode 100644 index 0000000..809198a --- /dev/null +++ b/assets/fat-table-layout_table-select.md.3284a17f.js @@ -0,0 +1,382 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-table-select-props.5c0aa87d.png",o="/components/assets/fat-table-select-event.9f9c0a34.png",e="/components/assets/fat-table-select-methods.bf372aa5.png",m=JSON.parse('{"title":"FatTableSelect","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u9875\u9762","slug":"_1-\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u9875\u9762","link":"#_1-\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u9875\u9762","children":[]},{"level":2,"title":"2. defineFatTableSelect\uFF08\u63A8\u8350\uFF09","slug":"_2-definefattableselect\uFF08\u63A8\u8350\uFF09","link":"#_2-definefattableselect\uFF08\u63A8\u8350\uFF09","children":[]},{"level":2,"title":"3. \u64CD\u4F5C","slug":"_3-\u64CD\u4F5C","link":"#_3-\u64CD\u4F5C","children":[]},{"level":2,"title":"4. V-Model","slug":"_4-v-model","link":"#_4-v-model","children":[]},{"level":2,"title":"5. \u81EA\u5B9A\u4E49\u5E03\u5C40","slug":"_5-\u81EA\u5B9A\u4E49\u5E03\u5C40","link":"#_5-\u81EA\u5B9A\u4E49\u5E03\u5C40","children":[]},{"level":2,"title":"6. \u4E0EFatTable\u7684\u533A\u522B","slug":"_6-\u4E0Efattable\u7684\u533A\u522B","link":"#_6-\u4E0Efattable\u7684\u533A\u522B","children":[]},{"level":2,"title":"7. API","slug":"_7-api","link":"#_7-api","children":[{"level":3,"title":"7.1 FatTableSelect \u5C5E\u6027","slug":"_7-1-fattableselect-\u5C5E\u6027","link":"#_7-1-fattableselect-\u5C5E\u6027","children":[]},{"level":3,"title":"7.2 FatTableSelect \u4E8B\u4EF6","slug":"_7-2-fattableselect-\u4E8B\u4EF6","link":"#_7-2-fattableselect-\u4E8B\u4EF6","children":[]},{"level":3,"title":"7.3 FatTableSelect \u5B9E\u4F8B\u65B9\u6CD5","slug":"_7-3-fattableselect-\u5B9E\u4F8B\u65B9\u6CD5","link":"#_7-3-fattableselect-\u5B9E\u4F8B\u65B9\u6CD5","children":[]},{"level":3,"title":"7.4 FatTableSelect \u63D2\u69FD","slug":"_7-4-fattableselect-\u63D2\u69FD","link":"#_7-4-fattableselect-\u63D2\u69FD","children":[]},{"level":3,"title":"7.5 \u5217\u5B9A\u4E49","slug":"_7-5-\u5217\u5B9A\u4E49","link":"#_7-5-\u5217\u5B9A\u4E49","children":[]}]}],"relativePath":"fat-table-layout/table-select.md","lastUpdated":1719310312000}'),c={name:"fat-table-layout/table-select.md"},t=l(`

FatTableSelect

FatTableSelect \u662F\u4E00\u4E2A\u57FA\u4E8E FatTable \u6269\u5C55\u7684\u4E00\u4E2ASelect Table; \u5728\u4F7F\u7528\u4E0A\u4E5F\u57FA\u672C\u7C7B\u4F3C\uFF0CFatTable\u4E0A\u80FD\u4F7F\u7528\u7684\u57FA\u672C\u4E0A\u90FD\u53EF\u4EE5\u5728FatTableSelect\u4E0A\u4F7F\u7528





1. \u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u9875\u9762



\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTableSelect } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+
+enum ItemStatus {
+  Initial,
+  Pending,
+  Done,
+}
+
+/**
+ * \u5217\u8868\u9879\u5B9A\u4E49
+ */
+interface Item {
+  id: number;
+  name: string;
+  status: ItemStatus;
+  createdDate: number;
+}
+
+/**
+ * \u8868\u5355\u67E5\u8BE2
+ */
+interface Query {
+  name: string;
+  status: ItemStatus;
+}
+
+export default defineFatTableSelect<Item, Query, { name: string; id: number }>(({ column }) => {
+  return () => ({
+    title: '\u660E\u6708\u5982\u971C',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // \u6A21\u62DF\u8BF7\u6C42
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: \`\${r}-\${pagination.page}-\${query?.name ?? ''}\`,
+          status: r % 3 === 0 ? ItemStatus.Pending : r % 2 === 0 ? ItemStatus.Initial : ItemStatus.Done,
+          createdDate: Date.now(),
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    renderBottomToolbar(_, selectedList) {
+      const item = selectedList[0];
+      if (item) {
+        return () => (
+          <div>
+            \u5F53\u524D\u9009\u4E2D:
+            <div>
+              \u540D\u79F0 -{'>'} {item.name}
+            </div>
+            <div>
+              id -{'>'} {item.id}
+            </div>
+          </div>
+        );
+      }
+    },
+    renderNavBar() {
+      return (
+        <span>
+          <ElButton type="primary">\u521B\u5EFA</ElButton>
+        </span>
+      );
+    },
+    columns: [
+      column({
+        prop: 'name',
+        label: '\u540D\u79F0',
+        queryable: true,
+        valueType: 'search',
+      }),
+      column({
+        prop: 'status',
+        label: '\u72B6\u6001',
+        queryable: true,
+        valueType: 'select',
+        valueProps: {
+          options: [
+            { label: '\u672A\u5F00\u59CB', value: ItemStatus.Initial, color: 'blue' },
+            { label: '\u6B63\u5728\u8FDB\u884C', value: ItemStatus.Pending, color: 'green' },
+            { label: '\u5DF2\u7ED3\u675F', value: ItemStatus.Done, color: 'gray' },
+          ],
+        },
+      }),
+      column({
+        prop: 'createdDate',
+        label: '\u521B\u5EFA\u65F6\u95F4',
+        valueType: 'date-time',
+        minWidth: 110,
+      }),
+    ],
+  });
+});
+

\u53EF\u4EE5\u53D1\u73B0\uFF0C\u5728\u70B9\u51FB\u4E86\u9009\u62E9\u4E4B\u540E\uFF0C\u65E0\u8BBA\u662F\u70B9\u51FB\u641C\u7D22\u8FD8\u662F\u91CD\u7F6E\uFF0C\u6211\u4EEC\u7684\u9009\u62E9\u503C\u90FD\u4E0D\u4F1A\u53D1\u751F\u53D8\u5316\uFF0C\u8FD9\u975E\u5E38\u7B26\u5408\u8868\u683C\u9009\u62E9\u7684\u903B\u8F91\uFF0C\u5373\u9009\u4E2D\u7684\u503C\u8DDF\u5F53\u524D\u8868\u683C\u6240\u5C55\u793A\u7684\u6570\u636E\u5E76\u6CA1\u6709\u4EC0\u4E48\u592A\u591A\u7684\u5173\u8054


2. defineFatTableSelect\uFF08\u63A8\u8350\uFF09

\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 defineFatTableSelect + TSX \u6765\u5FEB\u901F\u5B9A\u4E49\u4E00\u4E2A\u8868\u683C\u7EC4\u4EF6\uFF0C\u4F7F\u7528 defineFatTableSelect \u53EF\u4EE5\u83B7\u53D6\u5230\u66F4\u597D\u7684\u667A\u80FD\u63D0\u793A\u548C\u7C7B\u578B\u68C0\u67E5\u3002



defineFatTableSelect \u5927\u81F4\u7528\u6CD5\u5982\u4E0B\uFF1A

tsx
interface Item {
+  // \u5217\u8868\u9879\u7C7B\u578B\u58F0\u660E
+}
+
+interface Query {
+  // \u8868\u5355\u67E5\u8BE2\u7C7B\u578B\u58F0\u660E
+}
+interface Selection {
+  // \u5DF2\u9009\u62E9\u9879\u7C7B\u578B\u58F0\u660E
+}
+
+export const MySelectTable = defineFatTableSelect<Item, Item, Selection>(({ table, column }) => {
+  // \u548C vue \u7684 setup \u65B9\u6CD5\u4E00\u6837, \u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E Vue Composition API
+  const someRef = ref(0);
+  const someMethod = () => {};
+
+  // \u8FD4\u56DE FatTableSelect props
+  return () => ({
+    // \u5217\u8868\u8BF7\u6C42
+    async request(params) {
+      // ...
+    },
+    // \u5217\u5B9A\u4E49
+    columns: [
+      // ...
+    ],
+    // \u662F\u5426\u591A\u9009
+    multiple: true,
+    // \u5DF2\u9009\u62E9\u7684\u503C
+    value: [
+      { name: '\u6C99\u6EAA\u6025', id: 229 },
+      { name: '\u971C\u6EAA\u51B7', id: 170 },
+      { name: '\u6708\u6EAA\u660E', id: 155 },
+    ],
+    // ... \u5176\u4ED6 FatTableSelect props
+  });
+});
+

defineFatTableSelect \u7C7B\u4F3C\u4E8E defineFatTable\u3002

\u5F53\u7136\u4E5F\u53EF\u4EE5\u7528 template \u6765\u5199, \u4F1A\u4E22\u5931\u4E0A\u4E0B\u6587\u4FE1\u606F(vue \u7EC4\u4EF6\u4E0D\u652F\u6301\u6CDB\u578B)\u3002 \u5176\u7528\u6CD5\u4E0EfatTable\u57FA\u672C\u4E00\u81F4\uFF0C\u9664\u6B64\u4E4B\u5916\uFF0C\u56E0\u4E3AFatTableSelect\u662F\u8868\u5355\u9879\uFF0C\u56E0\u6B64\u4E5F\u652F\u6301v-model\u8BED\u6CD5\u3002




3. \u64CD\u4F5C

\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0CFatTableSelect\u4F1A\u6709\u4E00\u4E9B\u9884\u5B9A\u4E49\u573A\u666F:

  1. \u5982\u679Cmultiple\u4E3Atrue\u7684\u8BDD\uFF0C\u90A3\u4E48\u4F1A\u81EA\u52A8\u5F00\u542FenableSelect\uFF0C\u5E76\u4E14\u4F1A\u63D2\u5165\u4E00\u4E2A\u9ED8\u8BA4\u7684BottomToolbar\uFF1B
  2. \u5982\u679Cmultiple\u4E3Afalse\u7684\u8BDD, \u5982\u679C\u7528\u6237\u6CA1\u6709\u4F20\u5165action\u5217\u7684\u8BDD\uFF0C\u90A3\u4E48\u4F1A\u81EA\u52A8\u63D2\u5165\u4E00\u6761\u9ED8\u8BA4\u7684action\u5217;\u5F53\u7136\uFF0C\u6211\u4EEC\u4E5F\u53EF\u4EE5\u4F20\u5165\u81EA\u5B9A\u4E49\u7684action\u6765\u5904\u7406\u6211\u4EEC\u7684\u64CD\u4F5C\u903B\u8F91\u3002

WARNING

FatTableSelect\u4F1A\u5FFD\u7565\u7528\u6237\u4F20\u5165\u7684enableSelect\u3002

\u5373enableSelect\u8DDFmultiple\u662F\u5F3A\u7ED1\u5B9A\u7684\u3002


\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTableSelect } from '@wakeadmin/components';
+
+export default defineFatTableSelect<any, any, { name: string }>(() => {
+  return () => ({
+    title: '\u8868\u683C\u64CD\u4F5C',
+    async request() {
+      return {
+        list: new Array(10).fill('S').map((_, i) => ({
+          name: \`MentalHealth\${i + 1}\`,
+          id: i,
+        })),
+        total: 10,
+      };
+    },
+    renderBottomToolbar(_, selectedList) {
+      const item = selectedList[0];
+      if (item) {
+        return () => (
+          <div>
+            \u5F53\u524D\u9009\u4E2D:
+            <div>
+              \u540D\u79F0 -{'>'} {item.name}
+            </div>
+          </div>
+        );
+      }
+    },
+    enablePagination: false,
+
+    rowKey: 'id',
+
+    columns: [
+      { label: '\u540D\u79F0', prop: 'name' },
+      {
+        type: 'actions',
+        label: '\u64CD\u4F5C',
+        // \u652F\u6301\u4F20\u5165\u4E00\u4E2A\u51FD\u6570\uFF0C\u5E38\u7528\u4E8E\u4E00\u4E9B\u9700\u8981\u52A8\u6001\u8BA1\u7B97\u7684\u573A\u666F
+        actions: () => {
+          return [
+            {
+              name: 'Are you Ready?',
+              title: '\u63D0\u793A\u4FE1\u606F',
+            },
+            {
+              name: '\u6211\u597D\u4E86',
+              type: 'danger',
+              onClick(table, row) {
+                table.select(row);
+              },
+            },
+            {
+              name: '\u7B49\u4E00\u4E0B\uFF0C\u6211\u8FD8\u6CA1\u597D',
+              type: 'warning',
+              onClick(table, row) {
+                table.unselect(row);
+              },
+            },
+          ];
+        },
+      },
+    ],
+  });
+});
+



\u9664\u6B64\u4E4B\u5916\uFF0C\u6211\u4EEC\u4E5F\u633A\u652F\u6301\u5168\u9009\u3001\u53CD\u9009\u3002\u4E0D\u4EC5\u5982\u6B64\uFF0C\u8FD8\u53EF\u4EE5\u4F20\u5165\u4E00\u4E2Aselectable\u6765\u5904\u7406\u8BE5\u9879\u662F\u5426\u5141\u8BB8\u9009\u62E9\u3002\u5728\u591A\u9009\u60C5\u51B5\u4E0B\uFF0C\u6211\u4EEC\u4E5F\u652F\u6301\u4F20\u5165limit\u6765\u9650\u5236\u7528\u6237\u7684\u9009\u62E9\u4E2A\u6570\u3002

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTableSelect } from '@wakeadmin/components';
+import { defineComponent, ref } from 'vue';
+import { ElButton } from 'element-plus';
+
+export default defineComponent({
+  name: 'TableSelectDisabledActions',
+  setup() {
+    const multiple = ref(false);
+    const Table = defineFatTableSelect<any, any, { name: string; id: number }>(({ column }) => {
+      const list = [
+        { name: '\u5973\u66F0\u9E21\u9E23', id: 51024 },
+        { name: '\u58EB\u66F0\u6627\u65E6', id: 15629 },
+        { name: '\u5B50\u5174\u89C6\u591C', id: 588 },
+        { name: '\u660E\u661F\u6709\u70C2', id: 5836 },
+        { name: '\u5C06\u7FF1\u5C06\u7FD4', id: 9170 },
+        { name: '\u5F0B\u51EB\u4E0E\u96C1', id: 51658 },
+        { name: '\u5F0B\u8A00\u52A0\u4E4B', id: 4416 },
+        { name: '\u4E0E\u5B50\u5B9C\u4E4B', id: 69 },
+        { name: '\u5B9C\u8A00\u996E\u9152', id: 51918 },
+        { name: '\u4E0E\u5B50\u5055\u8001', id: 52751 },
+        { name: '\u7434\u745F\u5728\u5FA1', id: 11157 },
+        { name: '\u83AB\u4E0D\u9759\u597D', id: 56022 },
+      ];
+      return () => ({
+        title: '\u597D\u98CE\u5982\u6C34',
+        rowKey: 'id',
+        limit: 6,
+        batchActions: table => [
+          {
+            name: '\u5168\u9009',
+            onClick: () => table.selectAll(),
+          },
+          {
+            name: '\u53CD\u9009',
+            onClick: () => table.toggleAll(),
+          },
+          {
+            name: '\u53D6\u6D88\u5168\u9009',
+            onClick: () => table.unselectAll(),
+          },
+          {
+            name: '\u6E05\u7A7A',
+            onClick: () => table.clear(),
+          },
+        ],
+        async request(params) {
+          const {
+            pagination: { page, pageSize },
+          } = params;
+
+          return {
+            list: list.slice((page - 1) * pageSize, pageSize * page),
+            total: list.length,
+          };
+        },
+
+        selectable(item) {
+          return item.id % 10 !== 9;
+        },
+        onChange(payload) {
+          console.log(payload.values);
+        },
+        columns: [
+          column({
+            prop: 'name',
+            label: '\u540D\u79F0',
+          }),
+          column({
+            prop: 'id',
+            label: 'id',
+          }),
+        ],
+      });
+    });
+
+    return () => {
+      return (
+        <div>
+          <ElButton
+            onClick={() => {
+              multiple.value = !multiple.value;
+            }}
+          >
+            \u5207\u6362\u9009\u62E9\u72B6\u6001
+          </ElButton>
+
+          {multiple.value ? <Table key="s"></Table> : <Table key="m" multiple></Table>}
+        </div>
+      );
+    };
+  },
+});
+

WARNING

\u66B4\u9732\u51FA\u6765\u7684selectAll\u3001unSelectAll\u3001toggleAll\u90FD\u662F\u9488\u5BF9\u4E8E\u5F53\u524D\u9875\u9762\u7684\u6570\u636E\uFF0C\u5E76\u4E14\u5982\u679C\u9875\u9762\u91CC\u7684\u67D0\u6761\u6570\u636E\u4E0D\u5141\u8BB8\u64CD\u4F5C\uFF0C\u90A3\u4E48\u4E5F\u4E0D\u4F1A\u5BF9\u5176\u8FDB\u884C\u5904\u7406\u3002

\u4F46\u662Fselect\u3001unSelect\u8FD9\u4E24\u4E2A\u65B9\u6CD5\u5219\u6CA1\u6709\u8FC7\u591A\u7684\u989D\u5916\u64CD\u4F5C\uFF0C\u4F20\u5165\u4EC0\u4E48\u5C31\u5904\u7406\u4EC0\u4E48\uFF0C\u4E0D\u4F1A\u5173\u6CE8\u4E8E\u8BE5\u6761\u6570\u636E\u662F\u5426\u5728\u5F53\u524D\u9875\u9762\u91CC\u3001\u662F\u5426\u7981\u7528\u7B49





4. V-Model

FatTableSelect\u7684\u8FD4\u56DE\u503C\u8DDF\u4F20\u5165\u7684value\u503C\u76F8\u5173\u3002\u5BF9\u4E8E\u4F20\u5165\u7684value\u503C\uFF0C\u6211\u4EEC\u7EA6\u5B9A\u5176\u6570\u636E\u683C\u5F0F\u7C7B\u578B\u4E3ASelection\u3002Selection\u7684\u5B9A\u4E49\u5982\u4E0B

  • \u57FA\u7840\u6570\u636E\u7C7B\u578B\uFF0C \u5373 string \u6216\u8005\u4E3Anumber\u3002 \u8BE5\u6A21\u5F0F\u4E0B\uFF0CFatTableSelect\u4F1A\u76F4\u63A5\u8FD4\u56DE\u5BF9\u5E94\u7684rowKey\u7684\u503C

  • Object\uFF0C\u4E14\u8BE5Object\u5FC5\u987B\u4E3AItem\u7684\u5B50\u96C6\u3002 \u8BE5\u6A21\u5F0F\u4E0B\uFF0C FatTableSelect\u4F1A\u6309\u7167\u4F20\u5165\u7684\u6570\u636E\u683C\u5F0F\u8FD4\u56DE\u5BF9\u5E94\u7684\u503C

  • undefined\uFF0C\u8BE5\u6A21\u5F0F\u4E0B\uFF0C\u4F1A\u76F4\u63A5\u8FD4\u56DE\u6574\u4E2Aitem\u5BF9\u8C61

\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div>
+    <Table0 v-model="value0"></Table0>
+    <Table1 v-model="value1"></Table1>
+    <Table2 v-model="value2"></Table2>
+    <Table3 v-model="value3"></Table3>
+  </div>
+</template>
+<script setup lang="ts">
+  import { defineFatTableSelect } from '@wakeadmin/components';
+  import { ref, effect } from 'vue';
+
+  interface Item {
+    name: string;
+    id: number;
+  }
+  type Selection = Partial<Item> | number | string;
+
+  function createTableSelect<T extends Selection>(title: string) {
+    return defineFatTableSelect<Item, any, T>({
+      title,
+      rowKey: 'id',
+      limit: 6,
+      multiple: true,
+      columns: [
+        {
+          prop: 'name',
+          label: '\u540D\u79F0',
+        },
+        {
+          prop: 'id',
+          label: 'id',
+        },
+      ],
+      async request() {
+        return {
+          list: [
+            { name: '\u5973\u66F0\u9E21\u9E23', id: 51024 },
+            { name: '\u58EB\u66F0\u6627\u65E6', id: 15629 },
+            { name: '\u5B50\u5174\u89C6\u591C', id: 588 },
+            { name: '\u660E\u661F\u6709\u70C2', id: 5836 },
+            { name: '\u5C06\u7FF1\u5C06\u7FD4', id: 9170 },
+            { name: '\u5F0B\u51EB\u4E0E\u96C1', id: 51658 },
+            { name: '\u5F0B\u8A00\u52A0\u4E4B', id: 4416 },
+            { name: '\u4E0E\u5B50\u5B9C\u4E4B', id: 69 },
+            { name: '\u5B9C\u8A00\u996E\u9152', id: 51918 },
+            { name: '\u4E0E\u5B50\u5055\u8001', id: 52751 },
+          ],
+          total: 10,
+        };
+      },
+    });
+  }
+
+  const Table0 = createTableSelect('\u4F20\u5165\u7684\u662Fundefined');
+  const Table1 = createTableSelect<string>('\u4F20\u5165\u7684\u662F\u57FA\u672C\u6570\u636E\u7C7B\u578B');
+  const Table2 = createTableSelect<{ id: number }>('\u4F20\u5165\u4E00\u4E2A\u5355\u72EC\u7684id\u5BF9\u8C61');
+  const Table3 = createTableSelect<{ id: number; name: string }>('\u4F20\u5165\u5176\u4ED6\u7684\u5BF9\u8C61');
+
+  const value0 = ref([]);
+  const value1 = ref([51024]);
+  const value2 = ref([{ id: 51024 }]);
+  const value3 = ref([{ id: 51024, name: '\u5973\u66F0\u9E21\u9E23' }]);
+
+  effect(() => {
+    console.log('Table0 ->', value0.value);
+  });
+  effect(() => {
+    console.log('Table1 ->', value1.value);
+  });
+  effect(() => {
+    console.log('Table2 ->', value2.value);
+  });
+  effect(() => {
+    console.log('Table3 ->', value3.value);
+  });
+</script>
+

\u53EF\u4EE5\u6253\u5F00\u63A7\u5236\u53F0\u67E5\u770B\u5176\u5177\u4F53\u7684\u8F93\u51FA




5. \u81EA\u5B9A\u4E49\u5E03\u5C40

FatTableSelect \u9ED8\u8BA4\u5E03\u5C40\u4F7F\u7528\u7684\u662F FatContainer\uFF0C \u4F60\u4E5F\u53EF\u4EE5\u6309\u7167\u81EA\u5DF1\u7684\u9700\u6C42\u5B9E\u73B0\u81EA\u5B9A\u4E49\u7684\u5E03\u5C40\u3002

6. \u4E0EFatTable\u7684\u533A\u522B

  1. \u672C\u8D28\u4E0A FatTableSelect \u5C5E\u4E8E\u8868\u5355\u9879\uFF0C \u4E0E Select \u7C7B\u4F3C

  2. \u4EE5\u4E0Bprops\u5C06\u7531FatTableSelect\u63A7\u5236\uFF0C\u4E0D\u5141\u8BB8\u7528\u6237\u81EA\u5B9A\u4E49

    • enableSelect
    • selectable
    • onSelect
    • onLoad
  3. \u4E0D\u652F\u6301\u4EE5\u4E0B\u51E0\u4E2AFatTable\u7684props

  • enableCacheQuery
  • onQueryCacheRestore
  • confirmBeforeRemove
  • messageOnRemoved
  • messageOnRemoveFailed
  • remove
  • requestOnRemoved
  • confirmBeforeRemove
  • onSelect-all
  1. \u9ED8\u8BA4\u60C5\u51B5\u4E0B \u4F1A\u5BF9FatTableColumns\u505A\u4E00\u4E9B\u5904\u7406

    • \u5982\u679Cmultiple\u4E3Atrue\u7684\u8BDD\uFF0C\u90A3\u4E48\u4F1A\u81EA\u52A8\u5F00\u542FenableSelect\uFF0C\u5E76\u4E14\u4F1A\u63D2\u5165\u4E00\u4E2A\u9ED8\u8BA4\u7684BottomToolbar\uFF1B

    • \u5982\u679Cmultiple\u4E3Afalse\u7684\u8BDD, \u5982\u679C\u7528\u6237\u6CA1\u6709\u4F20\u5165action\u5217\u7684\u8BDD\uFF0C\u90A3\u4E48\u4F1A\u81EA\u52A8\u63D2\u5165\u4E00\u6761\u9ED8\u8BA4\u7684action\u5217;\u5F53\u7136\uFF0C\u6211\u4EEC\u4E5F\u53EF\u4EE5\u4F20\u5165\u81EA\u5B9A\u4E49\u7684action\u6765\u5904\u7406\u6211\u4EEC\u7684\u64CD\u4F5C\u903B\u8F91\u3002

  2. \u63D0\u4F9B\u4E86\u4E00\u7CFB\u5217\u64CD\u4F5CAPI

  3. \u5BF9\u5916\u66B4\u9732\u7684\u5BF9\u8C61\u4E2D\u91CC\u6CA1\u6709\u4EE5\u4E0B\u5C5E\u6027

  • selected

7. API

7.1 FatTableSelect \u5C5E\u6027





7.2 FatTableSelect \u4E8B\u4EF6




7.3 FatTableSelect \u5B9E\u4F8B\u65B9\u6CD5




FatTableSelect \u5B9E\u4F8B\u65B9\u5F0F\u83B7\u53D6\u6709\u4E24\u79CD\u65B9\u5F0F\uFF1A

  1. defineFatTableSelect \u51FD\u6570\u53C2\u6570 table \u5C5E\u6027\u4E2D\u83B7\u53D6\uFF1A

    ts
    defineFatTableSelect(({ tableSelect }) => {});
    +

  1. <template> \u4E2D\uFF0C\u4F7F\u7528 useFatTableSelectRef:

    vue
    <template>
    +  <FatTableSelect ref="tableRef">...</FatTableSelect>
    +</template>
    +
    +<script setup lang="tsx">
    +  import { FatTableSelect, useFatTableSelectRef } from '@wakeadmin/components';
    +
    +  const tableRef = useFatTableSelectRef();
    +</script>
    +



7.4 FatTableSelect \u63D2\u69FD

\u8DDFFatTable\u4E00\u81F4




7.5 \u5217\u5B9A\u4E49

\u8DDFFatTable\u4E00\u81F4




`,94),F=[t];function r(D,y,C,A,i,d){return n(),a("div",null,F)}const u=s(c,[["render",r]]);export{m as __pageData,u as default}; diff --git a/assets/fat-table-layout_table-select.md.3284a17f.lean.js b/assets/fat-table-layout_table-select.md.3284a17f.lean.js new file mode 100644 index 0000000..fe442b0 --- /dev/null +++ b/assets/fat-table-layout_table-select.md.3284a17f.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-table-select-props.5c0aa87d.png",o="/components/assets/fat-table-select-event.9f9c0a34.png",e="/components/assets/fat-table-select-methods.bf372aa5.png",m=JSON.parse('{"title":"FatTableSelect","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u9875\u9762","slug":"_1-\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u9875\u9762","link":"#_1-\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u9875\u9762","children":[]},{"level":2,"title":"2. defineFatTableSelect\uFF08\u63A8\u8350\uFF09","slug":"_2-definefattableselect\uFF08\u63A8\u8350\uFF09","link":"#_2-definefattableselect\uFF08\u63A8\u8350\uFF09","children":[]},{"level":2,"title":"3. \u64CD\u4F5C","slug":"_3-\u64CD\u4F5C","link":"#_3-\u64CD\u4F5C","children":[]},{"level":2,"title":"4. V-Model","slug":"_4-v-model","link":"#_4-v-model","children":[]},{"level":2,"title":"5. \u81EA\u5B9A\u4E49\u5E03\u5C40","slug":"_5-\u81EA\u5B9A\u4E49\u5E03\u5C40","link":"#_5-\u81EA\u5B9A\u4E49\u5E03\u5C40","children":[]},{"level":2,"title":"6. \u4E0EFatTable\u7684\u533A\u522B","slug":"_6-\u4E0Efattable\u7684\u533A\u522B","link":"#_6-\u4E0Efattable\u7684\u533A\u522B","children":[]},{"level":2,"title":"7. API","slug":"_7-api","link":"#_7-api","children":[{"level":3,"title":"7.1 FatTableSelect \u5C5E\u6027","slug":"_7-1-fattableselect-\u5C5E\u6027","link":"#_7-1-fattableselect-\u5C5E\u6027","children":[]},{"level":3,"title":"7.2 FatTableSelect \u4E8B\u4EF6","slug":"_7-2-fattableselect-\u4E8B\u4EF6","link":"#_7-2-fattableselect-\u4E8B\u4EF6","children":[]},{"level":3,"title":"7.3 FatTableSelect \u5B9E\u4F8B\u65B9\u6CD5","slug":"_7-3-fattableselect-\u5B9E\u4F8B\u65B9\u6CD5","link":"#_7-3-fattableselect-\u5B9E\u4F8B\u65B9\u6CD5","children":[]},{"level":3,"title":"7.4 FatTableSelect \u63D2\u69FD","slug":"_7-4-fattableselect-\u63D2\u69FD","link":"#_7-4-fattableselect-\u63D2\u69FD","children":[]},{"level":3,"title":"7.5 \u5217\u5B9A\u4E49","slug":"_7-5-\u5217\u5B9A\u4E49","link":"#_7-5-\u5217\u5B9A\u4E49","children":[]}]}],"relativePath":"fat-table-layout/table-select.md","lastUpdated":1719310312000}'),c={name:"fat-table-layout/table-select.md"},t=l("",94),F=[t];function r(D,y,C,A,i,d){return n(),a("div",null,F)}const u=s(c,[["render",r]]);export{m as __pageData,u as default}; diff --git a/assets/fat-table-methods.02fecabf.png b/assets/fat-table-methods.02fecabf.png new file mode 100644 index 0000000..4f422fa Binary files /dev/null and b/assets/fat-table-methods.02fecabf.png differ diff --git a/assets/fat-table-modal.2f54d2ae.png b/assets/fat-table-modal.2f54d2ae.png new file mode 100644 index 0000000..2c83f15 Binary files /dev/null and b/assets/fat-table-modal.2f54d2ae.png differ diff --git a/assets/fat-table-select-event.9f9c0a34.png b/assets/fat-table-select-event.9f9c0a34.png new file mode 100644 index 0000000..2da7d17 Binary files /dev/null and b/assets/fat-table-select-event.9f9c0a34.png differ diff --git a/assets/fat-table-select-methods.bf372aa5.png b/assets/fat-table-select-methods.bf372aa5.png new file mode 100644 index 0000000..5981b11 Binary files /dev/null and b/assets/fat-table-select-methods.bf372aa5.png differ diff --git a/assets/fat-table-select-props.5c0aa87d.png b/assets/fat-table-select-props.5c0aa87d.png new file mode 100644 index 0000000..d48a382 Binary files /dev/null and b/assets/fat-table-select-props.5c0aa87d.png differ diff --git a/assets/fat-table-slots.a5c49710.png b/assets/fat-table-slots.a5c49710.png new file mode 100644 index 0000000..009365f Binary files /dev/null and b/assets/fat-table-slots.a5c49710.png differ diff --git a/assets/fat-table_actions.demo.md.4228a9db.js b/assets/fat-table_actions.demo.md.4228a9db.js new file mode 100644 index 0000000..5039035 --- /dev/null +++ b/assets/fat-table_actions.demo.md.4228a9db.js @@ -0,0 +1 @@ +import{n as l,al as s,s as o,q as i,a as r,o as c,c as d,f as u,w as m,b as p,g as b}from"./app.56f20909.js";const F=l(({item:e})=>()=>({layout:"inline",enableSubmitter:!1,syncToInitialValues:!0,children:[e({prop:"disableDelete",valueType:"checkbox",valueProps:{label:"\u7981\u6B62\u5220\u9664?"}}),e({prop:"editable",valueType:"checkbox",valueProps:{label:"\u53EF\u7F16\u8F91?"}})]})),f=s(()=>{const e=o({disableDelete:!1,editable:!0});return()=>({title:"\u8868\u683C\u64CD\u4F5C",async request(){return{list:[{id:0}],total:1}},renderAfterForm(){return i(F,{initialValue:e})},enablePagination:!1,rowKey:"id",async remove(a){},columns:[{type:"actions",label:"\u64CD\u4F5C",actions:()=>[{name:"\u6807\u9898",title:"\u63D0\u793A\u4FE1\u606F"},{name:"\u5371\u9669",type:"danger"},{name:"\u8B66\u544A",type:"warning",confirm:"\u53EF\u4EE5\u8BBE\u7F6E\u786E\u8BA4\u4FE1\u606F",onClick:()=>{console.log("\u70B9\u51FB\u4E86\u8B66\u544A\u64CD\u4F5C")}},{name:"\u5220\u9664",type:"danger",disabled:e.disableDelete,onClick:(a,t)=>{a.remove(t)}},{name:"\u7F16\u8F91",visible:e.editable,link:{name:"someRoute",query:{id:"someId"}}}]},{type:"actions",label:"\u6309\u94AE\u64CD\u4F5C",actionsType:"button",actions:()=>[{name:"\u5FEB\u4E50"},{name:"\u661F\u7403"}]},{type:"actions",label:"\u65E0\u64CD\u4F5C",actions:[]}]})}),y={class:"wk-demo"},E=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/actions.demo.md","lastUpdated":1719310312000}'),C={name:"fat-table/actions.demo.md"},v=Object.assign(C,{setup(e){return(a,t)=>{const n=r("ClientOnly");return c(),d("div",null,[u(n,null,{default:m(()=>[p("div",y,[u(b(f))])]),_:1})])}}});export{E as __pageData,v as default}; diff --git a/assets/fat-table_actions.demo.md.4228a9db.lean.js b/assets/fat-table_actions.demo.md.4228a9db.lean.js new file mode 100644 index 0000000..5039035 --- /dev/null +++ b/assets/fat-table_actions.demo.md.4228a9db.lean.js @@ -0,0 +1 @@ +import{n as l,al as s,s as o,q as i,a as r,o as c,c as d,f as u,w as m,b as p,g as b}from"./app.56f20909.js";const F=l(({item:e})=>()=>({layout:"inline",enableSubmitter:!1,syncToInitialValues:!0,children:[e({prop:"disableDelete",valueType:"checkbox",valueProps:{label:"\u7981\u6B62\u5220\u9664?"}}),e({prop:"editable",valueType:"checkbox",valueProps:{label:"\u53EF\u7F16\u8F91?"}})]})),f=s(()=>{const e=o({disableDelete:!1,editable:!0});return()=>({title:"\u8868\u683C\u64CD\u4F5C",async request(){return{list:[{id:0}],total:1}},renderAfterForm(){return i(F,{initialValue:e})},enablePagination:!1,rowKey:"id",async remove(a){},columns:[{type:"actions",label:"\u64CD\u4F5C",actions:()=>[{name:"\u6807\u9898",title:"\u63D0\u793A\u4FE1\u606F"},{name:"\u5371\u9669",type:"danger"},{name:"\u8B66\u544A",type:"warning",confirm:"\u53EF\u4EE5\u8BBE\u7F6E\u786E\u8BA4\u4FE1\u606F",onClick:()=>{console.log("\u70B9\u51FB\u4E86\u8B66\u544A\u64CD\u4F5C")}},{name:"\u5220\u9664",type:"danger",disabled:e.disableDelete,onClick:(a,t)=>{a.remove(t)}},{name:"\u7F16\u8F91",visible:e.editable,link:{name:"someRoute",query:{id:"someId"}}}]},{type:"actions",label:"\u6309\u94AE\u64CD\u4F5C",actionsType:"button",actions:()=>[{name:"\u5FEB\u4E50"},{name:"\u661F\u7403"}]},{type:"actions",label:"\u65E0\u64CD\u4F5C",actions:[]}]})}),y={class:"wk-demo"},E=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/actions.demo.md","lastUpdated":1719310312000}'),C={name:"fat-table/actions.demo.md"},v=Object.assign(C,{setup(e){return(a,t)=>{const n=r("ClientOnly");return c(),d("div",null,[u(n,null,{default:m(()=>[p("div",y,[u(b(f))])]),_:1})])}}});export{E as __pageData,v as default}; diff --git a/assets/fat-table_atomics.demo.md.09bcd23d.js b/assets/fat-table_atomics.demo.md.09bcd23d.js new file mode 100644 index 0000000..72f5615 --- /dev/null +++ b/assets/fat-table_atomics.demo.md.09bcd23d.js @@ -0,0 +1 @@ +import{al as u,a as l,o,c as r,f as a,w as s,b as p,g as n}from"./app.56f20909.js";const c=u(({column:e})=>()=>({title:"\u539F\u4EF6\u793A\u4F8B",async request(){return{total:1,list:[{text:"\u6587\u672C, \u9ED8\u8BA4\u539F\u4EF6",status:0,date:Date.now(),progress:50,currency:1024,image:"https://images.unsplash.com/photo-1663774026607-6836c94f93e6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=927&q=80"}]}},enablePagination:!1,columns:[e({prop:"text",label:"\u6587\u672C",queryable:!0,valueProps:{placeholder:"\u641C\u7D22\u5173\u952E\u5B57"}}),e({prop:"status",label:"\u4E0B\u62C9\u5217\u8868",queryable:!0,valueType:"select",valueProps:{colorMode:"dot",options:[{label:"\u9009\u98791",value:0,color:"red"},{label:"\u9009\u98792",value:1,color:"blue"}]}}),e({prop:"date",label:"\u65F6\u95F4",queryable:!0,valueType:"date"}),e({prop:"progress",label:"\u8FDB\u5EA6",valueType:"progress"}),e({prop:"currency",label:"\u8D27\u5E01",valueType:"currency"}),e({prop:"image",label:"\u56FE\u7247",valueType:"image"})]})),i={class:"wk-demo"},_=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/atomics.demo.md","lastUpdated":1719310312000}'),d={name:"fat-table/atomics.demo.md"},y=Object.assign(d,{setup(e){return(b,f)=>{const t=l("ClientOnly");return o(),r("div",null,[a(t,null,{default:s(()=>[p("div",i,[a(n(c))])]),_:1})])}}});export{_ as __pageData,y as default}; diff --git a/assets/fat-table_atomics.demo.md.09bcd23d.lean.js b/assets/fat-table_atomics.demo.md.09bcd23d.lean.js new file mode 100644 index 0000000..72f5615 --- /dev/null +++ b/assets/fat-table_atomics.demo.md.09bcd23d.lean.js @@ -0,0 +1 @@ +import{al as u,a as l,o,c as r,f as a,w as s,b as p,g as n}from"./app.56f20909.js";const c=u(({column:e})=>()=>({title:"\u539F\u4EF6\u793A\u4F8B",async request(){return{total:1,list:[{text:"\u6587\u672C, \u9ED8\u8BA4\u539F\u4EF6",status:0,date:Date.now(),progress:50,currency:1024,image:"https://images.unsplash.com/photo-1663774026607-6836c94f93e6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=927&q=80"}]}},enablePagination:!1,columns:[e({prop:"text",label:"\u6587\u672C",queryable:!0,valueProps:{placeholder:"\u641C\u7D22\u5173\u952E\u5B57"}}),e({prop:"status",label:"\u4E0B\u62C9\u5217\u8868",queryable:!0,valueType:"select",valueProps:{colorMode:"dot",options:[{label:"\u9009\u98791",value:0,color:"red"},{label:"\u9009\u98792",value:1,color:"blue"}]}}),e({prop:"date",label:"\u65F6\u95F4",queryable:!0,valueType:"date"}),e({prop:"progress",label:"\u8FDB\u5EA6",valueType:"progress"}),e({prop:"currency",label:"\u8D27\u5E01",valueType:"currency"}),e({prop:"image",label:"\u56FE\u7247",valueType:"image"})]})),i={class:"wk-demo"},_=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/atomics.demo.md","lastUpdated":1719310312000}'),d={name:"fat-table/atomics.demo.md"},y=Object.assign(d,{setup(e){return(b,f)=>{const t=l("ClientOnly");return o(),r("div",null,[a(t,null,{default:s(()=>[p("div",i,[a(n(c))])]),_:1})])}}});export{_ as __pageData,y as default}; diff --git a/assets/fat-table_batch-actions.demo.md.1ae081d6.js b/assets/fat-table_batch-actions.demo.md.1ae081d6.js new file mode 100644 index 0000000..9b2ad6c --- /dev/null +++ b/assets/fat-table_batch-actions.demo.md.1ae081d6.js @@ -0,0 +1 @@ +import{al as n,s,a as o,o as c,c as r,f as a,w as u,b as i,g as d}from"./app.56f20909.js";const m=n(()=>(s({disableDelete:!1,editable:!0}),()=>({title:"\u8868\u683C\u64CD\u4F5C",async request(){return{list:new Array(10).fill(0).map((e,t)=>({id:t})),total:10}},rowKey:"id",async remove(e){},enableSelect:!0,batchActions:e=>[{name:"\u5220\u9664",onClick:e.removeSelected},{name:"\u5BFC\u51FA",confirm:"\u786E\u8BA4\u5BFC\u51FA",onClick:()=>console.log("\u5BFC\u51FA\u64CD\u4F5C")}],columns:[{label:"\u5FEB\u4E50",prop:"id"}]}))),_={class:"wk-demo"},b=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/batch-actions.demo.md","lastUpdated":1719310312000}'),f={name:"fat-table/batch-actions.demo.md"},F=Object.assign(f,{setup(e){return(t,p)=>{const l=o("ClientOnly");return c(),r("div",null,[a(l,null,{default:u(()=>[i("div",_,[a(d(m))])]),_:1})])}}});export{b as __pageData,F as default}; diff --git a/assets/fat-table_batch-actions.demo.md.1ae081d6.lean.js b/assets/fat-table_batch-actions.demo.md.1ae081d6.lean.js new file mode 100644 index 0000000..9b2ad6c --- /dev/null +++ b/assets/fat-table_batch-actions.demo.md.1ae081d6.lean.js @@ -0,0 +1 @@ +import{al as n,s,a as o,o as c,c as r,f as a,w as u,b as i,g as d}from"./app.56f20909.js";const m=n(()=>(s({disableDelete:!1,editable:!0}),()=>({title:"\u8868\u683C\u64CD\u4F5C",async request(){return{list:new Array(10).fill(0).map((e,t)=>({id:t})),total:10}},rowKey:"id",async remove(e){},enableSelect:!0,batchActions:e=>[{name:"\u5220\u9664",onClick:e.removeSelected},{name:"\u5BFC\u51FA",confirm:"\u786E\u8BA4\u5BFC\u51FA",onClick:()=>console.log("\u5BFC\u51FA\u64CD\u4F5C")}],columns:[{label:"\u5FEB\u4E50",prop:"id"}]}))),_={class:"wk-demo"},b=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/batch-actions.demo.md","lastUpdated":1719310312000}'),f={name:"fat-table/batch-actions.demo.md"},F=Object.assign(f,{setup(e){return(t,p)=>{const l=o("ClientOnly");return c(),r("div",null,[a(l,null,{default:u(()=>[i("div",_,[a(d(m))])]),_:1})])}}});export{b as __pageData,F as default}; diff --git a/assets/fat-table_cell-line-control.demo.md.21afeb67.js b/assets/fat-table_cell-line-control.demo.md.21afeb67.js new file mode 100644 index 0000000..499b18d --- /dev/null +++ b/assets/fat-table_cell-line-control.demo.md.21afeb67.js @@ -0,0 +1 @@ +import{al as s,a as n,o as p,c as i,f as l,w as F,b as c,g as d}from"./app.56f20909.js";const f=s(({column:e})=>()=>({title:"\u8868\u683C\u6362\u884C\u63A7\u5236",rowKey:"id",async request(t){const{pagination:a,query:o}=t;return{list:new Array(a.pageSize).fill(0).map((h,r)=>{const u=Math.floor(Math.random()*1e3);return{id:r,one:"1"+"\u6570\u636E".repeat(u%100),two:"2"+"\u6570\u636E".repeat(u%100),three:"3"+"\u6570\u636E".repeat(u%100),four:1}}),total:100}},columns:[e({label:"\u5355\u884C\u7701\u7565",prop:"one",showOverflowTooltip:!0}),e({label:"\u591A\u884C\u7701\u7565",prop:"two",valueProps:{ellipsis:3}}),e({label:"\u5355\u884C\u7701\u7565",prop:"three",showOverflowTooltip:!0}),e({label:"\u4E0B\u62C9\u9009\u62E9\u5668",prop:"four",valueType:"select",valueProps:{ellipsis:2,options:[{label:"\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F",value:1}]}}),e({label:"\u8F93\u5165\u6846",prop:"_",width:200,showOverflowTooltip:!0,columnMode:"editable"})]})),_={class:"wk-demo"},v=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/cell-line-control.demo.md","lastUpdated":1719310312000}'),m={name:"fat-table/cell-line-control.demo.md"},C=Object.assign(m,{setup(e){return(t,a)=>{const o=n("ClientOnly");return p(),i("div",null,[l(o,null,{default:F(()=>[c("div",_,[l(d(f))])]),_:1})])}}});export{v as __pageData,C as default}; diff --git a/assets/fat-table_cell-line-control.demo.md.21afeb67.lean.js b/assets/fat-table_cell-line-control.demo.md.21afeb67.lean.js new file mode 100644 index 0000000..499b18d --- /dev/null +++ b/assets/fat-table_cell-line-control.demo.md.21afeb67.lean.js @@ -0,0 +1 @@ +import{al as s,a as n,o as p,c as i,f as l,w as F,b as c,g as d}from"./app.56f20909.js";const f=s(({column:e})=>()=>({title:"\u8868\u683C\u6362\u884C\u63A7\u5236",rowKey:"id",async request(t){const{pagination:a,query:o}=t;return{list:new Array(a.pageSize).fill(0).map((h,r)=>{const u=Math.floor(Math.random()*1e3);return{id:r,one:"1"+"\u6570\u636E".repeat(u%100),two:"2"+"\u6570\u636E".repeat(u%100),three:"3"+"\u6570\u636E".repeat(u%100),four:1}}),total:100}},columns:[e({label:"\u5355\u884C\u7701\u7565",prop:"one",showOverflowTooltip:!0}),e({label:"\u591A\u884C\u7701\u7565",prop:"two",valueProps:{ellipsis:3}}),e({label:"\u5355\u884C\u7701\u7565",prop:"three",showOverflowTooltip:!0}),e({label:"\u4E0B\u62C9\u9009\u62E9\u5668",prop:"four",valueType:"select",valueProps:{ellipsis:2,options:[{label:"\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F",value:1}]}}),e({label:"\u8F93\u5165\u6846",prop:"_",width:200,showOverflowTooltip:!0,columnMode:"editable"})]})),_={class:"wk-demo"},v=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/cell-line-control.demo.md","lastUpdated":1719310312000}'),m={name:"fat-table/cell-line-control.demo.md"},C=Object.assign(m,{setup(e){return(t,a)=>{const o=n("ClientOnly");return p(),i("div",null,[l(o,null,{default:F(()=>[c("div",_,[l(d(f))])]),_:1})])}}});export{v as __pageData,C as default}; diff --git a/assets/fat-table_custom-cell.demo.md.92e4e4e3.js b/assets/fat-table_custom-cell.demo.md.92e4e4e3.js new file mode 100644 index 0000000..b38bc25 --- /dev/null +++ b/assets/fat-table_custom-cell.demo.md.92e4e4e3.js @@ -0,0 +1 @@ +import{al as u,B as i,q as r,am as m,an as d,a as p,o as _,c as f,f as l,w as h,b as v,g as y}from"./app.56f20909.js";const b=u(({column:t})=>()=>({title:"\u81EA\u5B9A\u4E49\u5355\u5143\u683C",rowKey:"id",async request(s){const{pagination:a,query:e}=s;return{list:new Array(a.pageSize).fill(0).map((B,o)=>{var n;const c=Math.floor(Math.random()*1e3);return{id:o,name:`${c}-${a.page}-${(n=e==null?void 0:e.name)!=null?n:""}`,avatar:"https://avatars.githubusercontent.com/u/15975785?v=4&size=64"}}),total:100}},columns:[t({type:"query",queryable:"name",valueType:"search"}),t({label:"\u7528\u6237",render(s,a){return i(d,{children:[r(m,{src:a.avatar}),r("span",{children:a.name})]})}})]})),g={class:"wk-demo"},E=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/custom-cell.demo.md","lastUpdated":1719310312000}'),k={name:"fat-table/custom-cell.demo.md"},w=Object.assign(k,{setup(t){return(s,a)=>{const e=p("ClientOnly");return _(),f("div",null,[l(e,null,{default:h(()=>[v("div",g,[l(y(b))])]),_:1})])}}});export{E as __pageData,w as default}; diff --git a/assets/fat-table_custom-cell.demo.md.92e4e4e3.lean.js b/assets/fat-table_custom-cell.demo.md.92e4e4e3.lean.js new file mode 100644 index 0000000..b38bc25 --- /dev/null +++ b/assets/fat-table_custom-cell.demo.md.92e4e4e3.lean.js @@ -0,0 +1 @@ +import{al as u,B as i,q as r,am as m,an as d,a as p,o as _,c as f,f as l,w as h,b as v,g as y}from"./app.56f20909.js";const b=u(({column:t})=>()=>({title:"\u81EA\u5B9A\u4E49\u5355\u5143\u683C",rowKey:"id",async request(s){const{pagination:a,query:e}=s;return{list:new Array(a.pageSize).fill(0).map((B,o)=>{var n;const c=Math.floor(Math.random()*1e3);return{id:o,name:`${c}-${a.page}-${(n=e==null?void 0:e.name)!=null?n:""}`,avatar:"https://avatars.githubusercontent.com/u/15975785?v=4&size=64"}}),total:100}},columns:[t({type:"query",queryable:"name",valueType:"search"}),t({label:"\u7528\u6237",render(s,a){return i(d,{children:[r(m,{src:a.avatar}),r("span",{children:a.name})]})}})]})),g={class:"wk-demo"},E=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/custom-cell.demo.md","lastUpdated":1719310312000}'),k={name:"fat-table/custom-cell.demo.md"},w=Object.assign(k,{setup(t){return(s,a)=>{const e=p("ClientOnly");return _(),f("div",null,[l(e,null,{default:h(()=>[v("div",g,[l(y(b))])]),_:1})])}}});export{E as __pageData,w as default}; diff --git a/assets/fat-table_custom-table.demo.md.ac0ca5a6.js b/assets/fat-table_custom-table.demo.md.ac0ca5a6.js new file mode 100644 index 0000000..1af8008 --- /dev/null +++ b/assets/fat-table_custom-table.demo.md.ac0ca5a6.js @@ -0,0 +1 @@ +import{al as l,q as n,B as o,a as d,o as u,c,f as r,w as m,b as i,g as _}from"./app.56f20909.js";const p=l(({column:a,p:t})=>()=>({async request(){return{total:100,list:new Array(100).fill(0).map((s,e)=>({id:e,name:"name"+e,age:e,address:"address"+e}))}},columns:[a({prop:t("name"),label:"\u540D\u79F0",queryable:!0}),a({prop:t("address"),label:"\u5730\u5740",queryable:!0})],renderTable(s){return n("div",{children:s.list.map(e=>o("div",{children:[e.name," - ",e.address]},e.id))})}})),f={class:"wk-demo"},y=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/custom-table.demo.md","lastUpdated":1719310312000}'),b={name:"fat-table/custom-table.demo.md"},v=Object.assign(b,{setup(a){return(t,s)=>{const e=d("ClientOnly");return u(),c("div",null,[r(e,null,{default:m(()=>[i("div",f,[r(_(p))])]),_:1})])}}});export{y as __pageData,v as default}; diff --git a/assets/fat-table_custom-table.demo.md.ac0ca5a6.lean.js b/assets/fat-table_custom-table.demo.md.ac0ca5a6.lean.js new file mode 100644 index 0000000..1af8008 --- /dev/null +++ b/assets/fat-table_custom-table.demo.md.ac0ca5a6.lean.js @@ -0,0 +1 @@ +import{al as l,q as n,B as o,a as d,o as u,c,f as r,w as m,b as i,g as _}from"./app.56f20909.js";const p=l(({column:a,p:t})=>()=>({async request(){return{total:100,list:new Array(100).fill(0).map((s,e)=>({id:e,name:"name"+e,age:e,address:"address"+e}))}},columns:[a({prop:t("name"),label:"\u540D\u79F0",queryable:!0}),a({prop:t("address"),label:"\u5730\u5740",queryable:!0})],renderTable(s){return n("div",{children:s.list.map(e=>o("div",{children:[e.name," - ",e.address]},e.id))})}})),f={class:"wk-demo"},y=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/custom-table.demo.md","lastUpdated":1719310312000}'),b={name:"fat-table/custom-table.demo.md"},v=Object.assign(b,{setup(a){return(t,s)=>{const e=d("ClientOnly");return u(),c("div",null,[r(e,null,{default:m(()=>[i("div",f,[r(_(p))])]),_:1})])}}});export{y as __pageData,v as default}; diff --git a/assets/fat-table_define.md.73fb3e3f.js b/assets/fat-table_define.md.73fb3e3f.js new file mode 100644 index 0000000..c1b51f2 --- /dev/null +++ b/assets/fat-table_define.md.73fb3e3f.js @@ -0,0 +1,36 @@ +import{_ as s,o as a,c as n,m as l}from"./app.56f20909.js";const C=JSON.parse('{"title":"defineFatTable \u5B9A\u4E49\u5668","description":"","frontmatter":{},"headers":[{"level":3,"title":"\u53C2\u6570","slug":"\u53C2\u6570","link":"#\u53C2\u6570","children":[]},{"level":3,"title":"\u8FD4\u56DE","slug":"\u8FD4\u56DE","link":"#\u8FD4\u56DE","children":[]}],"relativePath":"fat-table/define.md","lastUpdated":1719310312000}'),p={name:"fat-table/define.md"},e=l(`

defineFatTable \u5B9A\u4E49\u5668


TIP

defineFatTable \u57FA\u672C\u4F7F\u7528\u5DF2\u7ECF\u5728 FatTable \u4E2D\u8BE6\u7EC6\u63CF\u8FF0\u3002



\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 defineFatTable + TSX \u6765\u5FEB\u901F\u5B9A\u4E49\u4E00\u4E2A\u8868\u683C\u7EC4\u4EF6\uFF0C\u4F7F\u7528 defineFatTable \u53EF\u4EE5\u83B7\u53D6\u5230\u66F4\u597D\u7684\u667A\u80FD\u63D0\u793A\u548C\u7C7B\u578B\u68C0\u67E5\u3002




defineFatTable \u5927\u81F4\u7528\u6CD5\u5982\u4E0B\uFF1A

tsx
interface T {
+  // \u5217\u8868\u9879\u7C7B\u578B\u58F0\u660E
+}
+
+interface Q {
+  // \u8868\u5355\u67E5\u8BE2\u7C7B\u578B\u58F0\u660E
+}
+
+export const MyTable = defineFatTable<T, Q>(({ table, column }) => {
+  // \u548C vue \u7684 setup \u65B9\u6CD5\u4E00\u6837, \u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E Vue Composition API
+  const someRef = ref(0);
+  const someMethod = () => {};
+
+  // \u8FD4\u56DE FatTable props
+  return () => ({
+    // \u5217\u8868\u8BF7\u6C42
+    async request(params) {
+      // ...
+    },
+    // \u5217\u5B9A\u4E49
+    columns: [
+      // ...
+    ],
+    // ... \u5176\u4ED6 FatTable props
+  });
+});
+

defineFatTable \u7C7B\u4F3C\u4E8E Vue \u7684 defineComponent, \u652F\u6301\u653E\u7F6E Vue Hooks\uFF0C\u53EA\u4E0D\u8FC7\u8981\u6C42\u8FD4\u56DE\u7684\u662F FatTable \u7684 props \u5B9A\u4E49\u3002





\u53C2\u6570

defineFatTable<Item, Query, Extra>(define: (context, options) => () => FatTableProps): VueComponent
+

\u6CDB\u578B\u53D8\u91CF\uFF1A

  • Item \u8868\u683C\u8BB0\u5F55\u7684\u7C7B\u578B
  • Query \u67E5\u8BE2\u8868\u5355\u7684\u7C7B\u578B
  • Extra \u81EA\u5B9A\u4E49 props \u5B9A\u4E49\uFF0C\u5916\u90E8\u53EF\u4EE5\u901A\u8FC7 extra \u4F20\u5165\u81EA\u5B9A\u4E49\u53C2\u6570



context \u5305\u542B\u4EE5\u4E0B\u6210\u5458

  • table: Ref<FatTableMethods> FatTable \u5B9E\u4F8B\u5F15\u7528
  • column column \u6784\u9020\u65B9\u6CD5
  • props \u5916\u90E8\u4F20\u5165\u7684 props\u3002\u8FD9\u662F FatTableProps \u7C7B\u578B\u7684\u3002\u6211\u4EEC\u4E5F\u53EF\u4EE5\u901A\u8FC7 props.extra \u8BBF\u95EE\u6269\u5C55\u7684\u81EA\u5B9A\u4E49\u53C2\u6570(\u89C1\u4E0B\u6587)
  • emit \u4E8B\u4EF6\u89E6\u53D1




\u8FD4\u56DE

defineFatTable \u6700\u7EC8\u8FD4\u56DE\u4E00\u4E2A Vue \u7EC4\u4EF6\uFF0C\u53EF\u4EE5\u50CF FatTable \u4E00\u6837\u4F7F\u7528\u5B83\uFF1A

tsx
const NyTable = defineFatTable(/*...*/);
+
+<MyTable
+  // \u53EF\u4EE5\u4F20\u5165\u4EFB\u4F55 FatTable \u7684 props\u3001\u4E8B\u4EF6\u3001\u63D2\u69FD\u3002\u5C31\u8DDF\u4F7F\u7528 FatTable \u672C\u8EAB\u4E00\u6837
+  title="\u53EF\u4EE5\u8986\u76D6 defineFatTable \u7684 props, \u5373\u4F18\u5148\u7EA7\u9AD8\u4E8E defineFatTable \u5185\u90E8\u5B9A\u4E49\u7684 prop"
+  // \u6269\u5C55\u53C2\u6570\uFF0CdefineFatTable \u5185\u90E8\u53EF\u4EE5\u901A\u8FC7 props.extra \u8BBF\u95EE\u5230
+  extra={{ id: 'custom ' }}
+/>;
+
`,32),o=[e];function t(c,r,F,y,D,i){return a(),n("div",null,o)}const A=s(p,[["render",t]]);export{C as __pageData,A as default}; diff --git a/assets/fat-table_define.md.73fb3e3f.lean.js b/assets/fat-table_define.md.73fb3e3f.lean.js new file mode 100644 index 0000000..d8e27fd --- /dev/null +++ b/assets/fat-table_define.md.73fb3e3f.lean.js @@ -0,0 +1 @@ +import{_ as s,o as a,c as n,m as l}from"./app.56f20909.js";const C=JSON.parse('{"title":"defineFatTable \u5B9A\u4E49\u5668","description":"","frontmatter":{},"headers":[{"level":3,"title":"\u53C2\u6570","slug":"\u53C2\u6570","link":"#\u53C2\u6570","children":[]},{"level":3,"title":"\u8FD4\u56DE","slug":"\u8FD4\u56DE","link":"#\u8FD4\u56DE","children":[]}],"relativePath":"fat-table/define.md","lastUpdated":1719310312000}'),p={name:"fat-table/define.md"},e=l("",32),o=[e];function t(c,r,F,y,D,i){return a(),n("div",null,o)}const A=s(p,[["render",t]]);export{C as __pageData,A as default}; diff --git a/assets/fat-table_faq.md.7024cb6f.js b/assets/fat-table_faq.md.7024cb6f.js new file mode 100644 index 0000000..e78321c --- /dev/null +++ b/assets/fat-table_faq.md.7024cb6f.js @@ -0,0 +1,338 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const i=JSON.parse('{"title":"\u5E38\u89C1\u95EE\u9898","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u5982\u4F55\u5C06\u591A\u4E2A\u5B57\u6BB5\u4F20\u5165\u539F\u4EF6?","slug":"_1-\u5982\u4F55\u5C06\u591A\u4E2A\u5B57\u6BB5\u4F20\u5165\u539F\u4EF6","link":"#_1-\u5982\u4F55\u5C06\u591A\u4E2A\u5B57\u6BB5\u4F20\u5165\u539F\u4EF6","children":[]},{"level":2,"title":"2. \u5982\u4F55\u5728\u8868\u683C\u5B9E\u73B0\u5F00\u5173\u5207\u6362\u7684\u9700\u6C42\uFF1F","slug":"_2-\u5982\u4F55\u5728\u8868\u683C\u5B9E\u73B0\u5F00\u5173\u5207\u6362\u7684\u9700\u6C42\uFF1F","link":"#_2-\u5982\u4F55\u5728\u8868\u683C\u5B9E\u73B0\u5F00\u5173\u5207\u6362\u7684\u9700\u6C42\uFF1F","children":[]},{"level":2,"title":"3. \u5982\u4F55\u63A7\u5236\u8868\u683C\u7684\u5355\u5143\u683C\u6362\u884C","slug":"_3-\u5982\u4F55\u63A7\u5236\u8868\u683C\u7684\u5355\u5143\u683C\u6362\u884C","link":"#_3-\u5982\u4F55\u63A7\u5236\u8868\u683C\u7684\u5355\u5143\u683C\u6362\u884C","children":[]},{"level":2,"title":"4. \u5982\u4F55\u81EA\u5B9A\u4E49\u8868\u683C\u6E32\u67D3","slug":"_4-\u5982\u4F55\u81EA\u5B9A\u4E49\u8868\u683C\u6E32\u67D3","link":"#_4-\u5982\u4F55\u81EA\u5B9A\u4E49\u8868\u683C\u6E32\u67D3","children":[]}],"relativePath":"fat-table/faq.md","lastUpdated":1719310312000}'),p={name:"fat-table/faq.md"},o=l(`

\u5E38\u89C1\u95EE\u9898

1. \u5982\u4F55\u5C06\u591A\u4E2A\u5B57\u6BB5\u4F20\u5165\u539F\u4EF6?

\u6BD4\u5982\u6211\u9700\u8981\u5728\u4E00\u4E2A\u8868\u683C\u5217\u4E2D\u5C55\u793A\u5934\u50CF\u52A0\u4E0A\u59D3\u540D.

\u89E3\u51B3\u529E\u6CD5\u6709\u4E24\u79CD:

  • FatTable \u5B8C\u5168\u652F\u6301\u81EA\u5B9A\u4E49\u5355\u5143\u683C\u7684\u6E32\u67D3
  • \u901A\u8FC7 getter \u65B9\u6CD5\u7EC4\u88C5\u4F20\u9012\u7ED9\u539F\u4EF6\u7684\u5C5E\u6027



\u6211\u4EEC\u8BE6\u7EC6\u6765\u770B\u4E0B:

1. \u81EA\u5B9A\u4E49\u5355\u5143\u683C\u6E32\u67D3

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElAvatar, ElSpace } from 'element-plus';
+
+/**
+ * \u5217\u8868\u9879\u5B9A\u4E49
+ */
+interface Item {
+  id: number;
+  name: string;
+  avatar: string;
+}
+
+/**
+ * \u8868\u5355\u67E5\u8BE2
+ */
+interface Query {
+  name: string;
+}
+
+export default defineFatTable<Item, Query>(({ column }) => {
+  return () => ({
+    title: '\u81EA\u5B9A\u4E49\u5355\u5143\u683C',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // \u6A21\u62DF\u8BF7\u6C42
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: \`\${r}-\${pagination.page}-\${query?.name ?? ''}\`,
+          avatar: 'https://avatars.githubusercontent.com/u/15975785?v=4&size=64',
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    columns: [
+      // \u{1F534} \u7EAF\u67E5\u8BE2\u8868\u5355
+      // \u5047\u8BBE\u6211\u4EEC\u8FD9\u91CC\u652F\u6301\u540D\u79F0\u641C\u7D22
+      column({
+        type: 'query', // \u{1F534} \u8BBE\u7F6E\u4E3A query \u8868\u793A\u4E0D\u4F1A\u4F5C\u4E3A\u5355\u5143\u683C
+        queryable: 'name',
+        valueType: 'search',
+      }),
+
+      // \u{1F534} \u81EA\u5B9A\u4E49\u5355\u5143\u683C\u6E32\u67D3
+      column({
+        label: '\u7528\u6237',
+        render(_v, row) {
+          return (
+            <ElSpace>
+              <ElAvatar src={row.avatar}></ElAvatar>
+              <span>{row.name}</span>
+            </ElSpace>
+          );
+        },
+      }),
+    ],
+  });
+});
+



2. \u4F7F\u7528 getter \u7EC4\u88C5\u6570\u636E\u4F20\u5165\u539F\u4EF6

TIP

\u539F\u4EF6\u662F\u4E25\u683C\u9075\u5FAA value/onChange \u534F\u8BAE, \u4E5F\u5C31\u662F\u8BF4\uFF0C\u5B83\u5C31\u662F\u4E00\u4E2A\u539F\u5B50\u7684\u8868\u5355\uFF0C\u7C7B\u4F3C Input\u3002\u4F60\u65E0\u6CD5\u7ED9\u4ED6\u4F20\u9012\u591A\u4E2A\u5B57\u6BB5\u3002

\u4E3A\u6B64\uFF0CFatTable \u4E5F\u63D0\u4F9B\u4E86 getter/setter props \u6765\u6EE1\u8DB3\u8FD9\u79CD\u4F7F\u7528\u573A\u666F\u3002


\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElAvatar, ElSpace } from 'element-plus';
+
+/**
+ * \u5217\u8868\u9879\u5B9A\u4E49
+ */
+interface Item {
+  id: number;
+  name: string;
+  avatar: string;
+}
+
+/**
+ * \u8868\u5355\u67E5\u8BE2
+ */
+interface Query {}
+
+export default defineFatTable<Item, Query>(({ column }) => {
+  return () => ({
+    title: '\u7EC4\u88C5\u539F\u4EF6\u6570\u636E',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // \u6A21\u62DF\u8BF7\u6C42
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: \`\${r}-\${pagination.page}\`,
+          avatar: 'https://avatars.githubusercontent.com/u/15975785?v=4&size=64',
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    columns: [
+      column({
+        label: '\u7528\u6237',
+        valueType: 'avatar',
+        // \u{1F534} \u6309\u7167 avatar \u7684 value \u7C7B\u578B\u4F20\u503C
+        getter(row) {
+          return {
+            avatar: row.avatar,
+            title: row.name,
+            description: '13732332333',
+          };
+        },
+      }),
+    ],
+  });
+});
+




2. \u5982\u4F55\u5728\u8868\u683C\u5B9E\u73B0\u5F00\u5173\u5207\u6362\u7684\u9700\u6C42\uFF1F

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElAvatar, ElMessageBox, ElSpace } from 'element-plus';
+
+/**
+ * \u5217\u8868\u9879\u5B9A\u4E49
+ */
+interface Item {
+  id: number;
+  name: string;
+  open: boolean;
+}
+
+/**
+ * \u8868\u5355\u67E5\u8BE2
+ */
+interface Query {
+  name: string;
+  open: boolean;
+}
+
+export default defineFatTable<Item, Query>(({ column }) => {
+  return () => ({
+    title: 'Switch \u5F00\u5173\u793A\u4F8B',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // \u6A21\u62DF\u8BF7\u6C42
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: \`\${r}-\${pagination.page}-\${query?.name ?? ''}\`,
+          open: false,
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    columns: [
+      column({
+        label: '\u540D\u79F0',
+        prop: 'name',
+        queryable: true,
+        valueType: 'search',
+      }),
+
+      // \u5F00\u5173\u72B6\u6001\u641C\u7D22
+      column({
+        label: '\u72B6\u6001',
+        type: 'query',
+        prop: 'open',
+        valueType: 'select',
+        valueProps: {
+          options: [
+            { label: '\u5F00', value: true },
+            { label: '\u5173', value: false },
+          ],
+        },
+      }),
+
+      // \u5F00\u5173\u5217
+      column({
+        label: '\u72B6\u6001',
+        prop: 'open',
+        valueType: 'switch',
+        // \u{1F534} \u5F3A\u5236\u8BBE\u7F6E\u4E3A\u7F16\u8F91\u6A21\u5F0F
+        columnMode: 'editable',
+        valueProps: {
+          beforeChange: async value => {
+            await ElMessageBox.confirm('\u786E\u5B9A\u5207\u6362?');
+
+            // \u{1F534} \u5728\u8FD9\u91CC\u8BF7\u6C42\u540E\u7AEF\u63A5\u53E3
+
+            return true;
+          },
+        },
+      }),
+    ],
+  });
+});
+





3. \u5982\u4F55\u63A7\u5236\u8868\u683C\u7684\u5355\u5143\u683C\u6362\u884C

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElAvatar, ElMessageBox, ElSpace } from 'element-plus';
+
+/**
+ * \u5217\u8868\u9879\u5B9A\u4E49
+ */
+interface Item {
+  one: string;
+  two: string;
+  three: string;
+  four: number;
+}
+
+export default defineFatTable<Item>(({ column }) => {
+  return () => ({
+    title: '\u8868\u683C\u6362\u884C\u63A7\u5236',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // \u6A21\u62DF\u8BF7\u6C42
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          one: '1' + '\u6570\u636E'.repeat(r % 100),
+          two: '2' + '\u6570\u636E'.repeat(r % 100),
+          three: '3' + '\u6570\u636E'.repeat(r % 100),
+          four: 1,
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    columns: [
+      column({
+        label: '\u5355\u884C\u7701\u7565',
+        prop: 'one',
+        // \u{1F534} \u5355\u884C\u7701\u7565, \u4F7F\u7528 el-table-column \u81EA\u5E26\u7684 showOverflowTooltip
+        showOverflowTooltip: true,
+      }),
+      column({
+        label: '\u591A\u884C\u7701\u7565',
+        prop: 'two',
+        valueProps: {
+          // \u{1F534} \u591A\u884C\u7701\u7565, \u4F7F\u7528\u9ED8\u8BA4\u6587\u672C\u7C7B\u578B\u3001select \u7C7B\u578B\u539F\u4EF6\u90FD\u652F\u6301
+          ellipsis: 3,
+        },
+      }),
+      column({
+        label: '\u5355\u884C\u7701\u7565',
+        prop: 'three',
+        showOverflowTooltip: true,
+      }),
+      column({
+        label: '\u4E0B\u62C9\u9009\u62E9\u5668',
+        prop: 'four',
+        valueType: 'select',
+        valueProps: {
+          ellipsis: 2,
+          options: [
+            {
+              label: '\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F',
+              value: 1,
+            },
+          ],
+        },
+      }),
+      column({
+        label: '\u8F93\u5165\u6846',
+        prop: '_',
+        width: 200,
+        showOverflowTooltip: true,
+        columnMode: 'editable',
+      }),
+    ],
+  });
+});
+





4. \u5982\u4F55\u81EA\u5B9A\u4E49\u8868\u683C\u6E32\u67D3

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+
+interface T {
+  id: number;
+  name: string;
+  age: number;
+  address: string;
+}
+
+export default defineFatTable<T>(({ column, p }) => {
+  return () => {
+    return {
+      async request() {
+        return {
+          total: 100,
+          list: new Array(100).fill(0).map((_, index) => ({
+            id: index,
+            name: 'name' + index,
+            age: index,
+            address: 'address' + index,
+          })),
+        };
+      },
+      columns: [
+        column({
+          prop: p('name'),
+          label: '\u540D\u79F0',
+          queryable: true,
+        }),
+        column({
+          prop: p('address'),
+          label: '\u5730\u5740',
+          queryable: true,
+        }),
+      ],
+      // \u81EA\u5B9A\u4E49\u8868\u683C\u6E32\u67D3
+      renderTable(scope) {
+        return (
+          <div>
+            {scope.list.map(item => {
+              return (
+                <div key={item.id}>
+                  {item.name} - {item.address}
+                </div>
+              );
+            })}
+          </div>
+        );
+      },
+    };
+  };
+});
+
`,44),e=[o];function c(F,t,r,y,D,C){return n(),a("div",null,e)}const m=s(p,[["render",c]]);export{i as __pageData,m as default}; diff --git a/assets/fat-table_faq.md.7024cb6f.lean.js b/assets/fat-table_faq.md.7024cb6f.lean.js new file mode 100644 index 0000000..4a3ea6b --- /dev/null +++ b/assets/fat-table_faq.md.7024cb6f.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const i=JSON.parse('{"title":"\u5E38\u89C1\u95EE\u9898","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u5982\u4F55\u5C06\u591A\u4E2A\u5B57\u6BB5\u4F20\u5165\u539F\u4EF6?","slug":"_1-\u5982\u4F55\u5C06\u591A\u4E2A\u5B57\u6BB5\u4F20\u5165\u539F\u4EF6","link":"#_1-\u5982\u4F55\u5C06\u591A\u4E2A\u5B57\u6BB5\u4F20\u5165\u539F\u4EF6","children":[]},{"level":2,"title":"2. \u5982\u4F55\u5728\u8868\u683C\u5B9E\u73B0\u5F00\u5173\u5207\u6362\u7684\u9700\u6C42\uFF1F","slug":"_2-\u5982\u4F55\u5728\u8868\u683C\u5B9E\u73B0\u5F00\u5173\u5207\u6362\u7684\u9700\u6C42\uFF1F","link":"#_2-\u5982\u4F55\u5728\u8868\u683C\u5B9E\u73B0\u5F00\u5173\u5207\u6362\u7684\u9700\u6C42\uFF1F","children":[]},{"level":2,"title":"3. \u5982\u4F55\u63A7\u5236\u8868\u683C\u7684\u5355\u5143\u683C\u6362\u884C","slug":"_3-\u5982\u4F55\u63A7\u5236\u8868\u683C\u7684\u5355\u5143\u683C\u6362\u884C","link":"#_3-\u5982\u4F55\u63A7\u5236\u8868\u683C\u7684\u5355\u5143\u683C\u6362\u884C","children":[]},{"level":2,"title":"4. \u5982\u4F55\u81EA\u5B9A\u4E49\u8868\u683C\u6E32\u67D3","slug":"_4-\u5982\u4F55\u81EA\u5B9A\u4E49\u8868\u683C\u6E32\u67D3","link":"#_4-\u5982\u4F55\u81EA\u5B9A\u4E49\u8868\u683C\u6E32\u67D3","children":[]}],"relativePath":"fat-table/faq.md","lastUpdated":1719310312000}'),p={name:"fat-table/faq.md"},o=l("",44),e=[o];function c(F,t,r,y,D,C){return n(),a("div",null,e)}const m=s(p,[["render",c]]);export{i as __pageData,m as default}; diff --git a/assets/fat-table_index.md.5bf783a4.js b/assets/fat-table_index.md.5bf783a4.js new file mode 100644 index 0000000..64b4f2f --- /dev/null +++ b/assets/fat-table_index.md.5bf783a4.js @@ -0,0 +1,604 @@ +import{_ as n,o as a,c as l,e as p,m as s}from"./app.56f20909.js";const o="/components/assets/query.ee1af7c2.png",e="/components/assets/slots.c608f9c8.png",t="/components/assets/fat-table-api.d2d494ad.png",c="/components/assets/fat-table-events.4c6b28f2.png",F="/components/assets/fat-table-methods.02fecabf.png",r="/components/assets/fat-table-slots.a5c49710.png",D="/components/assets/fat-table-column.494d76a9.png",h=JSON.parse('{"title":"Fat Table","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u683C\u9875\u9762","slug":"_1-\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u683C\u9875\u9762","link":"#_1-\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u683C\u9875\u9762","children":[]},{"level":2,"title":"2. defineFatTable\uFF08\u63A8\u8350\uFF09","slug":"_2-definefattable\uFF08\u63A8\u8350\uFF09","link":"#_2-definefattable\uFF08\u63A8\u8350\uFF09","children":[]},{"level":2,"title":"3. \u539F\u4EF6","slug":"_3-\u539F\u4EF6","link":"#_3-\u539F\u4EF6","children":[]},{"level":2,"title":"4. \u8868\u5355\u67E5\u8BE2","slug":"_4-\u8868\u5355\u67E5\u8BE2","link":"#_4-\u8868\u5355\u67E5\u8BE2","children":[]},{"level":2,"title":"5. \u64CD\u4F5C\u6309\u94AE","slug":"_5-\u64CD\u4F5C\u6309\u94AE","link":"#_5-\u64CD\u4F5C\u6309\u94AE","children":[]},{"level":2,"title":"6. \u6279\u91CF\u64CD\u4F5C\u6309\u94AE / \u8868\u683C\u8BBE\u7F6E","slug":"_6-\u6279\u91CF\u64CD\u4F5C\u6309\u94AE-\u8868\u683C\u8BBE\u7F6E","link":"#_6-\u6279\u91CF\u64CD\u4F5C\u6309\u94AE-\u8868\u683C\u8BBE\u7F6E","children":[]},{"level":2,"title":"7. \u63D2\u69FD","slug":"_7-\u63D2\u69FD","link":"#_7-\u63D2\u69FD","children":[]},{"level":2,"title":"8. \u81EA\u5B9A\u4E49\u5E03\u5C40","slug":"_8-\u81EA\u5B9A\u4E49\u5E03\u5C40","link":"#_8-\u81EA\u5B9A\u4E49\u5E03\u5C40","children":[]},{"level":2,"title":"9. API","slug":"_9-api","link":"#_9-api","children":[{"level":3,"title":"9.1 FatTable \u5C5E\u6027","slug":"_9-1-fattable-\u5C5E\u6027","link":"#_9-1-fattable-\u5C5E\u6027","children":[]},{"level":3,"title":"9.2 FatTable \u4E8B\u4EF6","slug":"_9-2-fattable-\u4E8B\u4EF6","link":"#_9-2-fattable-\u4E8B\u4EF6","children":[]},{"level":3,"title":"9.3 FatTable \u5B9E\u4F8B\u65B9\u6CD5","slug":"_9-3-fattable-\u5B9E\u4F8B\u65B9\u6CD5","link":"#_9-3-fattable-\u5B9E\u4F8B\u65B9\u6CD5","children":[]},{"level":3,"title":"9.4 FatTable \u63D2\u69FD","slug":"_9-4-fattable-\u63D2\u69FD","link":"#_9-4-fattable-\u63D2\u69FD","children":[]},{"level":3,"title":"9.5 \u5217\u5B9A\u4E49","slug":"_9-5-\u5217\u5B9A\u4E49","link":"#_9-5-\u5217\u5B9A\u4E49","children":[]}]}],"relativePath":"fat-table/index.md","lastUpdated":1719310312000}'),y={name:"fat-table/index.md"},C=s(`

Fat Table

FatTable \u7528\u4E8E\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u683C\u9875\u9762\u3002





1. \u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u683C\u9875\u9762



\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+
+enum ItemStatus {
+  Initial,
+  Pending,
+  Done,
+}
+
+/**
+ * \u5217\u8868\u9879\u5B9A\u4E49
+ */
+interface Item {
+  id: number;
+  name: string;
+  status: ItemStatus;
+  createdDate: number;
+}
+
+/**
+ * \u8868\u5355\u67E5\u8BE2
+ */
+interface Query {
+  name: string;
+  status: ItemStatus;
+}
+
+export default defineFatTable<Item, Query>(({ column }) => {
+  return () => ({
+    title: 'Hello',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // \u6A21\u62DF\u8BF7\u6C42
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: \`\${r}-\${pagination.page}-\${query?.name ?? ''}\`,
+          status: r % 3 === 0 ? ItemStatus.Pending : r % 2 === 0 ? ItemStatus.Initial : ItemStatus.Done,
+          createdDate: Date.now(),
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    renderNavBar() {
+      return (
+        <span>
+          <ElButton type="primary">\u521B\u5EFA</ElButton>
+        </span>
+      );
+    },
+    columns: [
+      column({
+        prop: 'name',
+        label: '\u540D\u79F0',
+        queryable: true,
+        valueType: 'search',
+      }),
+      column({
+        prop: 'status',
+        label: '\u72B6\u6001',
+        queryable: true,
+        valueType: 'select',
+        valueProps: {
+          options: [
+            { label: '\u672A\u5F00\u59CB', value: ItemStatus.Initial, color: 'blue' },
+            { label: '\u6B63\u5728\u8FDB\u884C', value: ItemStatus.Pending, color: 'green' },
+            { label: '\u5DF2\u7ED3\u675F', value: ItemStatus.Done, color: 'gray' },
+          ],
+        },
+      }),
+      column({
+        prop: 'createdDate',
+        label: '\u521B\u5EFA\u65F6\u95F4',
+        valueType: 'date-time',
+      }),
+      column({
+        type: 'actions',
+        label: '\u64CD\u4F5C',
+        actions: (table, row) => {
+          const ended = row.status === ItemStatus.Done;
+          const pending = row.status === ItemStatus.Pending;
+
+          return [
+            {
+              name: pending ? '\u7ED3\u675F' : '\u5F00\u59CB',
+              visible: !ended,
+            },
+            {
+              name: '\u5220\u9664',
+              type: 'danger',
+              onClick: () => table.remove(row),
+            },
+          ];
+        },
+      }),
+    ],
+  });
+});
+



2. defineFatTable\uFF08\u63A8\u8350\uFF09

\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 defineFatTable + TSX \u6765\u5FEB\u901F\u5B9A\u4E49\u4E00\u4E2A\u8868\u683C\u7EC4\u4EF6\uFF0C\u4F7F\u7528 defineFatTable \u53EF\u4EE5\u83B7\u53D6\u5230\u66F4\u597D\u7684\u667A\u80FD\u63D0\u793A\u548C\u7C7B\u578B\u68C0\u67E5\u3002



defineFatTable \u5927\u81F4\u7528\u6CD5\u5982\u4E0B\uFF1A

tsx
interface T {
+  // \u5217\u8868\u9879\u7C7B\u578B\u58F0\u660E
+}
+
+interface Q {
+  // \u8868\u5355\u67E5\u8BE2\u7C7B\u578B\u58F0\u660E
+}
+
+export const MyTable = defineFatTable<T, Q>(({ table, column }) => {
+  // \u548C vue \u7684 setup \u65B9\u6CD5\u4E00\u6837, \u8FD9\u91CC\u53EF\u4EE5\u653E\u7F6E Vue Composition API
+  const someRef = ref(0);
+  const someMethod = () => {};
+
+  // \u8FD4\u56DE FatTable props
+  return () => ({
+    // \u5217\u8868\u8BF7\u6C42
+    async request(params) {
+      // ...
+    },
+    // \u5217\u5B9A\u4E49
+    columns: [
+      // ...
+    ],
+    // ... \u5176\u4ED6 FatTable props
+  });
+});
+

defineFatTable \u7C7B\u4F3C\u4E8E Vue \u7684 defineComponent, \u652F\u6301\u653E\u7F6E Vue Hooks\uFF0C\u53EA\u4E0D\u8FC7\u8981\u6C42\u8FD4\u56DE\u7684\u662F FatTable \u7684 props \u5B9A\u4E49\u3002


\u540C\u6837\u7684\u529F\u80FD\u4F7F\u7528 template \u6765\u5199, \u4F1A\u4E22\u5931\u4E0A\u4E0B\u6587\u4FE1\u606F(vue \u7EC4\u4EF6\u4E0D\u652F\u6301\u6CDB\u578B)\uFF1A

vue
<template>
+  <FatTable :request="request" :columns="columns" ref="tableRef"> </FatTable>
+</template>
+
+<script setup>
+  import { ref } from 'vue';
+  import { FatTable, useFatTableRef } from '@wakeadmin/components';
+  const someRef = ref(0);
+  const someMethod = () => {};
+
+  const tableRef = useFatTableRef();
+
+  const request = async () => {
+    // ...
+  };
+
+  const columns = [
+    /* ... */
+  ];
+</script>
+


\u663E\u7136 defineFatTable \u53EF\u4EE5\u8BA9\u4F60\u66F4\u5173\u6CE8 FatTable \u672C\u8EAB\u7684\u914D\u7F6E\u3002




3. \u539F\u4EF6

\u539F\u4EF6\u662F FatTable \u7684\u2019\u539F\u5B50\u2018\u7EC4\u6210\u5355\u4F4D\uFF0C\u8868\u683C\u7684\u5355\u5143\u683C\u3001\u67E5\u8BE2\u8868\u5355\u90FD\u4F7F\u7528\u539F\u4EF6\u8FDB\u884C\u58F0\u660E\u3002

\u6211\u4EEC\u7684\u7EC4\u4EF6\u5E93\u9488\u5BF9\u5E38\u7528\u7684\u573A\u666F\u5185\u7F6E\u4E86\u5F88\u591A\u539F\u4EF6\uFF0C\u5982\u679C\u8FD9\u4E9B\u539F\u4EF6\u4E0D\u80FD\u6EE1\u8DB3\u4F60\u7684\u9700\u6C42\uFF0C\u6211\u4EEC\u4E5F\u652F\u6301\u4F20\u5165\u81EA\u5B9A\u4E49\u539F\u4EF6\u3002



\u5355\u5143\u683C\u4E2D\u9ED8\u8BA4\u4F7F\u7528\u7684\u662F\u539F\u4EF6\u7684\u9884\u89C8\u5F62\u6001, \u800C\u67E5\u8BE2\u8868\u5355\u4E2D\u4F7F\u7528\u7684\u662F\u7F16\u8F91\u5F62\u6001\u3002 \u4EE5\u4E0B\u662F\u90E8\u5206\u539F\u4EF6\u7684\u4F7F\u7528\u793A\u4F8B:

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+
+export default defineFatTable(({ column }) => {
+  return () => ({
+    title: '\u539F\u4EF6\u793A\u4F8B',
+    async request() {
+      return {
+        total: 1,
+        list: [
+          {
+            text: '\u6587\u672C, \u9ED8\u8BA4\u539F\u4EF6',
+            status: 0,
+            date: Date.now(),
+            progress: 50,
+            currency: 1024,
+            image:
+              'https://images.unsplash.com/photo-1663774026607-6836c94f93e6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=927&q=80',
+          },
+        ],
+      };
+    },
+    enablePagination: false,
+    columns: [
+      column({
+        prop: 'text',
+        label: '\u6587\u672C',
+        // \u540C\u65F6\u4F5C\u4E3A\u67E5\u8BE2\u8868\u5355\uFF0C
+        queryable: true,
+        valueProps: { placeholder: '\u641C\u7D22\u5173\u952E\u5B57' },
+      }),
+      column({
+        prop: 'status',
+        label: '\u4E0B\u62C9\u5217\u8868',
+        queryable: true,
+        valueType: 'select',
+        valueProps: {
+          colorMode: 'dot',
+          options: [
+            { label: '\u9009\u98791', value: 0, color: 'red' },
+            { label: '\u9009\u98792', value: 1, color: 'blue' },
+          ],
+        },
+      }),
+      column({
+        prop: 'date',
+        label: '\u65F6\u95F4',
+        queryable: true,
+        valueType: 'date',
+      }),
+      column({
+        prop: 'progress',
+        label: '\u8FDB\u5EA6',
+        valueType: 'progress',
+      }),
+      column({ prop: 'currency', label: '\u8D27\u5E01', valueType: 'currency' }),
+      column({ prop: 'image', label: '\u56FE\u7247', valueType: 'image' }),
+    ],
+  });
+});
+



4. \u8868\u5355\u67E5\u8BE2

\u5927\u90E8\u5206\u573A\u666F\u4E0B\uFF0C\u67E5\u8BE2\u8868\u5355\u5B57\u6BB5\u548C\u8868\u683C\u5217\u662F\u5339\u914D\u7684\uFF0C\u6362\u53E5\u8BDD\u8BF4\uFF0C\u8868\u5355\u7B5B\u9009\u662F\u9488\u5BF9\u8868\u683C\u7684\u5217\u8FDB\u884C\u7684\uFF1A


\u57FA\u4E8E\u8FD9\u4E2A\u524D\u63D0\uFF0C\u6211\u4EEC\u53EF\u4EE5\u5229\u7528\u539F\u4EF6\u7684\u9884\u89C8\u6001\u548C\u7F16\u8F91\u6001 \u6765\u5FEB\u901F\u5F00\u53D1\u8868\u5355\u9875\u9762\u3002\u6BD4\u5982\u4E0A\u56FE\uFF0Ccolumns \u4EE3\u7801\u5982\u4E0B\uFF1A

tsx
[
+  column({ prop: 'name', name: '\u65C5\u7A0B\u540D\u79F0', queryable: true }), // \u{1F534} queryable \u8868\u793A\u8BE5\u5217\u540C\u65F6\u4F5C\u4E3A\u67E5\u8BE2\u5B57\u6BB5
+  column({ prop: 'enterUserNumber', name: '\u8FDB\u5165\u4EBA\u6570' }),
+  column({ prop: 'enterNumber', name: '\u8FDB\u5165\u6B21\u6570' }),
+  column({
+    prop: 'type',
+    name: '\u65C5\u7A0B\u7C7B\u578B',
+    valueType: 'select',
+    valueProps: { options: [{ label: '\u5B9E\u65F6\u89E6\u53D1', value: 0 } /*...*/] },
+    order: 100, // \u{1F534}  \u53EF\u4EE5\u4F7F\u7528 order \u8C03\u6574\u67E5\u8BE2\u8868\u5355\u7684\u987A\u5E8F\uFF0C\u9ED8\u8BA4\u4E3A 1000\uFF0C \u503C\u8D8A\u5C0F\uFF0C\u8D8A\u9760\u524D
+  }),
+  column({
+    prop: 'status',
+    name: '\u65C5\u7A0B\u72B6\u6001',
+    valueType: 'select',
+    valueProps: { options: [{ label: '\u8349\u7A3F', value: 0, color: 'red' } /*...*/] },
+  }),
+  column({
+    prop: 'updateTime',
+    name: '\u66F4\u65B0\u65F6\u95F4',
+  }),
+  column({
+    prop: 'createTime',
+    name: '\u521B\u5EFA\u65F6\u95F4',
+    valueType: 'date-time-range',
+    valueProps: {
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    },
+  }),
+  column({
+    type: 'actions',
+    actions: [
+      /*...*/
+    ],
+  }),
+  column({
+    type: 'query', // \u{1F534}  \u53EA\u4F5C\u4E3A\u67E5\u8BE2\u8868\u5355\uFF0C\u4E0D\u4F5C\u4E3A\u8868\u683C\u5217
+    valueType: 'checkbox',
+    valueProps: {
+      label: '\u9884\u8B66\u65C5\u7A0B',
+    },
+  }),
+];
+


TIP

FatTable \u7684\u8868\u5355\u5E95\u5C42\u4F7F\u7528 FatForm \u6E32\u67D3\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7 formProps \u6DF1\u5165\u5B9A\u4E49\u5B83\u7684\u884C\u4E3A\uFF0C\u6BD4\u5982\u4FEE\u6539\u63D0\u4EA4\u6309\u94AE\u6587\u6848\u7B49\u7B49.





5. \u64CD\u4F5C\u6309\u94AE

FatTable \u4E2D\u901A\u8FC7 actions \u6765\u5B9A\u4E49\u8868\u683C\u7684\u64CD\u4F5C:


\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { reactive } from 'vue';
+
+import ActionsForm from './ActionsForm';
+
+export default defineFatTable(() => {
+  const initialValue = reactive({
+    disableDelete: false,
+    editable: true,
+  });
+
+  return () => ({
+    title: '\u8868\u683C\u64CD\u4F5C',
+    async request() {
+      return { list: [{ id: 0 }], total: 1 };
+    },
+    renderAfterForm() {
+      return <ActionsForm initialValue={initialValue} />;
+    },
+    enablePagination: false,
+    rowKey: 'id',
+    async remove(list) {
+      // \u5728\u8FD9\u91CC\u8FDB\u884C\u8868\u683C\u5220\u9664\u6570\u636E\u8BF7\u6C42
+    },
+    columns: [
+      {
+        type: 'actions',
+        label: '\u64CD\u4F5C',
+        // \u652F\u6301\u4F20\u5165\u4E00\u4E2A\u51FD\u6570\uFF0C\u5E38\u7528\u4E8E\u4E00\u4E9B\u9700\u8981\u52A8\u6001\u8BA1\u7B97\u7684\u573A\u666F
+        actions: () => {
+          return [
+            {
+              name: '\u6807\u9898',
+              title: '\u63D0\u793A\u4FE1\u606F',
+            },
+            {
+              name: '\u5371\u9669',
+              type: 'danger',
+            },
+            {
+              name: '\u8B66\u544A',
+              type: 'warning',
+              confirm: '\u53EF\u4EE5\u8BBE\u7F6E\u786E\u8BA4\u4FE1\u606F',
+              onClick: () => {
+                console.log('\u70B9\u51FB\u4E86\u8B66\u544A\u64CD\u4F5C');
+              },
+            },
+            {
+              name: '\u5220\u9664',
+              type: 'danger',
+              // \u7981\u7528
+              disabled: initialValue.disableDelete,
+              // FatTable \u5185\u7F6E\u4E86\u5220\u9664\u529F\u80FD
+              onClick: (table, row) => {
+                table.remove(row);
+              },
+            },
+            {
+              name: '\u7F16\u8F91',
+              // \u652F\u6301 vue router
+              visible: initialValue.editable,
+              link: { name: 'someRoute', query: { id: 'someId' } },
+            },
+          ];
+        },
+      },
+      {
+        type: 'actions',
+        label: '\u6309\u94AE\u64CD\u4F5C',
+        actionsType: 'button',
+        actions: () => {
+          return [{ name: '\u5FEB\u4E50' }, { name: '\u661F\u7403' }];
+        },
+      },
+      {
+        type: 'actions',
+        label: '\u65E0\u64CD\u4F5C',
+        actions: [],
+      },
+    ],
+  });
+});
+



6. \u6279\u91CF\u64CD\u4F5C\u6309\u94AE / \u8868\u683C\u8BBE\u7F6E

\u548C\u64CD\u4F5C\u6309\u94AE\u7C7B\u4F3C\uFF0C FatTable \u4E5F\u652F\u6301\u5FEB\u901F\u521B\u5EFA\u6279\u91CF\u64CD\u4F5C\u6309\u94AE:


\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { reactive } from 'vue';
+
+import ActionsForm from './ActionsForm';
+
+export default defineFatTable(() => {
+  const initialValue = reactive({
+    disableDelete: false,
+    editable: true,
+  });
+
+  return () => ({
+    title: '\u8868\u683C\u64CD\u4F5C',
+    async request() {
+      return {
+        list: new Array(10).fill(0).map((_, idx) => {
+          return { id: idx };
+        }),
+        total: 10,
+      };
+    },
+    rowKey: 'id',
+    async remove(list) {
+      // \u5728\u8FD9\u91CC\u8FDB\u884C\u8868\u683C\u5220\u9664\u6570\u636E\u8BF7\u6C42
+    },
+    enableSelect: true,
+    batchActions: table => [
+      {
+        name: '\u5220\u9664',
+        onClick: table.removeSelected,
+      },
+      {
+        name: '\u5BFC\u51FA',
+        confirm: '\u786E\u8BA4\u5BFC\u51FA',
+        onClick: () => console.log('\u5BFC\u51FA\u64CD\u4F5C'),
+      },
+    ],
+    columns: [
+      {
+        label: '\u5FEB\u4E50',
+        prop: 'id',
+      },
+    ],
+  });
+});
+



\u8868\u683C\u8BBE\u7F6E

\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { reactive } from 'vue';
+
+export default defineFatTable(({ column }) => {
+  const initialValue = reactive({
+    disableDelete: false,
+    editable: true,
+  });
+
+  return () => ({
+    title: '\u8868\u683C\u8BBE\u7F6E',
+    async request() {
+      return {
+        list: new Array(10).fill(0).map((_, idx) => {
+          return { id: idx, name: \`name-\${idx}\` };
+        }),
+        total: 10,
+      };
+    },
+    rowKey: 'id',
+    async remove(list) {
+      // \u5728\u8FD9\u91CC\u8FDB\u884C\u8868\u683C\u5220\u9664\u6570\u636E\u8BF7\u6C42
+    },
+    enableSelect: true,
+    enableSetting: true,
+    settingProps: {
+      persistentKey: 'hello-world',
+    },
+    renderToolbar() {
+      return <div style={{ marginRight: '10px' }}>custom toolbar</div>;
+    },
+    batchActions: table => [
+      {
+        name: '\u5220\u9664',
+        onClick: table.removeSelected,
+      },
+      {
+        name: '\u5BFC\u51FA',
+        confirm: '\u786E\u8BA4\u5BFC\u51FA',
+        onClick: () => console.log('\u5BFC\u51FA\u64CD\u4F5C'),
+      },
+    ],
+    columns: [
+      column({
+        queryable: true,
+        label: 'ID',
+        prop: 'id',
+      }),
+      column({
+        label: '\u540D\u79F0',
+        prop: 'name',
+      }),
+      column({
+        label: '\u521B\u5EFA\u65F6\u95F4',
+        prop: 'createdAt',
+      }),
+      column({
+        type: 'query',
+        prop: 'start',
+        // \u5173\u8054\u5230 createdAt \u5B57\u6BB5\u7684\u8BBE\u7F6E
+        columnKey: 'createdAt',
+        label: '\u5F00\u59CB\u65F6\u95F4',
+        valueType: 'date',
+      }),
+      column({
+        type: 'query',
+        prop: 'end',
+        // \u5173\u8054\u5230 createdAt \u5B57\u6BB5\u7684\u8BBE\u7F6E
+        columnKey: 'createdAt',
+        label: '\u7ED3\u675F\u65F6\u95F4',
+        valueType: 'date',
+      }),
+      // \u4E0D\u53D7\u63A7\u5236
+      column({
+        type: 'query',
+        prop: 'fake',
+        label: '\u989D\u5916\u8BF7\u6C42\u6761\u4EF6',
+      }),
+      column({
+        type: 'actions',
+        label: '\u64CD\u4F5C',
+        actions: [
+          {
+            name: '\u7F16\u8F91',
+          },
+        ],
+      }),
+    ],
+  });
+});
+




7. \u63D2\u69FD


FatTable \u63D0\u4F9B\u4E86\u4E30\u5BCC\u7684\u63D2\u69FD\uFF0C\u7528\u4E8E\u6EE1\u8DB3\u590D\u6742\u7684\u81EA\u5B9A\u4E49\u9700\u6C42\uFF1A


\u4E0A\u56FE\uFF0C\u7EA2\u8272\u77E9\u5F62\u90E8\u5206\u4E3A FatTable \u63D0\u4F9B\u7684\u63D2\u69FD\u3002 \u63D2\u69FD\u6E32\u67D3\u6709\u4E24\u79CD\u4F7F\u7528\u65B9\u5F0F\uFF1A

  1. \u5728 Vue template \u91CC\u9762\u4F7F\u7528, \u4F8B\u5982
vue
<template>
+  <FatTable>
+    <template #toolbar>
+      <el-button>\u5220\u9664</el-button>
+    </template>
+  </FatTable>
+</template>
+
`,86),A=s(`
  1. \u4F7F\u7528 render* \u65B9\u6CD5\u3002\u4F7F\u7528 defineFatTable \u65F6\uFF0C\u7528\u8FD9\u79CD\u65B9\u5F0F\u6BD4\u8F83\u5408\u9002\uFF1A
tsx
defineFatTable({
+  renderToolbar() {
+    return <ElButton>\u5220\u9664</ElButton>;
+  },
+});
+


\u793A\u4F8B\uFF1A

\u67E5\u770B\u4EE3\u7801
tsx
import { ElButton } from 'element-plus';
+import { defineFatTable } from '@wakeadmin/components';
+
+export default defineFatTable(() => {
+  return () => ({
+    title: '\u8868\u683C\u63D2\u69FD',
+    async request() {
+      return {
+        list: new Array(10).fill(0).map((_, idx) => {
+          return { id: idx };
+        }),
+        total: 10,
+      };
+    },
+    renderToolbar() {
+      return (
+        <div>
+          <ElButton>\u6279\u91CF\u64CD\u4F5C</ElButton>
+          <ElButton>\u6279\u91CF\u64CD\u4F5C</ElButton>
+        </div>
+      );
+    },
+    renderBottomToolbar() {
+      return (
+        <div>
+          <ElButton>\u6279\u91CF\u64CD\u4F5C</ElButton>
+          <ElButton>\u6279\u91CF\u64CD\u4F5C</ElButton>
+        </div>
+      );
+    },
+    columns: [
+      {
+        label: '\u5FEB\u4E50',
+        prop: 'id',
+      },
+    ],
+  });
+});
+



8. \u81EA\u5B9A\u4E49\u5E03\u5C40

FatTable \u9ED8\u8BA4\u4F7F\u7528\u60DF\u5BA2\u4E91 UI \u89C4\u8303\u7684\u5E03\u5C40\u3002\u4F60\u4E5F\u53EF\u4EE5 layout \u5C5E\u6027\u81EA\u5B9A\u4E49\u5E03\u5C40\uFF0C\u5E03\u5C40\u534F\u8BAE\u5982\u4E0B\uFF1A

ts
export type FatTableLayout = (slots: {
+  /**
+   * \u6839\u8282\u70B9\u5C5E\u6027
+   */
+  rootProps: { class?: ClassValue; style?: StyleValue; [key: string]: unknown };
+
+  /**
+   * \u81EA\u5B9A\u4E49\u5E03\u5C40\u53C2\u6570
+   */
+  layoutProps: any;
+
+  /**
+   * \u6E32\u67D3\u6807\u9898\u680F
+   */
+  renderTitle?: () => any;
+
+  /**
+   * \u6E32\u67D3\u5BFC\u822A\u680F
+   */
+  renderNavBar?: () => any;
+
+  /**
+   * \u6E32\u67D3\u67E5\u8BE2\u8868\u5355
+   */
+  renderQuery?: () => any;
+
+  /**
+   * \u6E32\u67D3\u9519\u8BEF\u63D0\u793A
+   */
+  renderError?: () => any;
+
+  /**
+   * \u6E32\u67D3\u5DE5\u5177\u680F
+   */
+  renderToolbar?: () => any;
+
+  /**
+   * \u6E32\u67D3\u8868\u683C
+   */
+  renderTable?: () => any;
+
+  /**
+   * \u6E32\u67D3\u5E95\u90E8\u5DE5\u5177\u680F
+   */
+  renderBottomToolbar?: () => any;
+
+  /**
+   * \u6E32\u67D3\u5206\u9875
+   */
+  renderPagination?: () => any;
+}) => VNodeChild;
+


\u9ED8\u8BA4\u5B9E\u73B0\uFF1A

tsx
const DefaultLayout: FatTableLayout = props => {
+  return (
+    <FatContainer
+      {...props.rootProps}
+      {...props.layoutProps}
+      class={normalizeClassName(props.rootProps.class, 'fat-table', 'fat-table--default')}
+      v-slots={{ title: props.renderTitle, extra: props.renderNavBar, query: props.renderQuery }}
+    >
+      <div class="fat-table__body">
+        {!!props.renderError && <div class="fat-table__error">{props.renderError()}</div>}
+        {!!props.renderToolbar && <div class="fat-table__toolbar">{props.renderToolbar()}</div>}
+
+        <div class="fat-table__table">{props.renderTable?.()}</div>
+      </div>
+
+      <div class="fat-table__footer">
+        {!!props.renderBottomToolbar && <div class="fat-table__bottom-toolbar">{props.renderBottomToolbar()}</div>}
+        {!!props.renderPagination && <div class="fat-table__pagination">{props.renderPagination()}</div>}
+      </div>
+    </FatContainer>
+  );
+};
+

TIP

\u5F53\u63D2\u69FD\u4E0D\u5B58\u5728\u65F6\u4F1A\u4F20\u5165 undefined\uFF0C\u4F60\u53EF\u4EE5\u6839\u636E\u8FD9\u4E2A\u51B3\u5B9A\u8981\u4E0D\u8981\u6E32\u67D3\u5305\u88F9\u5668


WARNING

\u9ED8\u8BA4\u5E03\u5C40\u4F7F\u7528\u7684\u662F FatContainer, \u5728\u60DF\u5BA2\u4E91\u5FAE\u524D\u7AEF\u5E95\u5EA7\u4E0B\uFF0CFatContainer \u9ED8\u8BA4\u590D\u7528\u57FA\u5EA7\u63D0\u4F9B\u7684 wkc-header\u3002\u5982\u679C\u8981\u5173\u95ED\u8FD9\u4E2A\u884C\u4E3A\uFF0C\u53EF\u4EE5\u901A\u8FC7 layoutProps#reuseBayIfNeed \u5173\u95ED\u6389


TIP

\u53EF\u4EE5\u914D\u5408 FatConfigurableProvider \u5B9E\u73B0\u5168\u5C40\u914D\u7F6E\u3002





9. API

9.1 FatTable \u5C5E\u6027





9.2 FatTable \u4E8B\u4EF6




9.3 FatTable \u5B9E\u4F8B\u65B9\u6CD5


FatTable \u5B9E\u4F8B\u65B9\u5F0F\u83B7\u53D6\u6709\u4E24\u79CD\u65B9\u5F0F\uFF1A

  1. defineFatTable \u51FD\u6570\u53C2\u6570 table \u5C5E\u6027\u4E2D\u83B7\u53D6\uFF1A

    ts
    defineFatTable(({ table }) => {});
    +

  1. <template> \u4E2D\uFF0C\u4F7F\u7528 useFatTableRef:

    vue
    <template>
    +  <FatTable ref="tableRef">...</FatTable>
    +</template>
    +
    +<script setup lang="tsx">
    +  import { FatTable, useFatTableRef } from '@wakeadmin/components';
    +
    +  const tableRef = useFatTableRef();
    +</script>
    +



9.4 FatTable \u63D2\u69FD




9.5 \u5217\u5B9A\u4E49




',60);function i(d,u,b,E,m,g){return a(),l("div",null,[C,p(),A])}const _=n(y,[["render",i]]);export{h as __pageData,_ as default}; diff --git a/assets/fat-table_index.md.5bf783a4.lean.js b/assets/fat-table_index.md.5bf783a4.lean.js new file mode 100644 index 0000000..4a7d9d3 --- /dev/null +++ b/assets/fat-table_index.md.5bf783a4.lean.js @@ -0,0 +1 @@ +import{_ as n,o as a,c as l,e as p,m as s}from"./app.56f20909.js";const o="/components/assets/query.ee1af7c2.png",e="/components/assets/slots.c608f9c8.png",t="/components/assets/fat-table-api.d2d494ad.png",c="/components/assets/fat-table-events.4c6b28f2.png",F="/components/assets/fat-table-methods.02fecabf.png",r="/components/assets/fat-table-slots.a5c49710.png",D="/components/assets/fat-table-column.494d76a9.png",h=JSON.parse('{"title":"Fat Table","description":"","frontmatter":{},"headers":[{"level":2,"title":"1. \u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u683C\u9875\u9762","slug":"_1-\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u683C\u9875\u9762","link":"#_1-\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u8868\u683C\u9875\u9762","children":[]},{"level":2,"title":"2. defineFatTable\uFF08\u63A8\u8350\uFF09","slug":"_2-definefattable\uFF08\u63A8\u8350\uFF09","link":"#_2-definefattable\uFF08\u63A8\u8350\uFF09","children":[]},{"level":2,"title":"3. \u539F\u4EF6","slug":"_3-\u539F\u4EF6","link":"#_3-\u539F\u4EF6","children":[]},{"level":2,"title":"4. \u8868\u5355\u67E5\u8BE2","slug":"_4-\u8868\u5355\u67E5\u8BE2","link":"#_4-\u8868\u5355\u67E5\u8BE2","children":[]},{"level":2,"title":"5. \u64CD\u4F5C\u6309\u94AE","slug":"_5-\u64CD\u4F5C\u6309\u94AE","link":"#_5-\u64CD\u4F5C\u6309\u94AE","children":[]},{"level":2,"title":"6. \u6279\u91CF\u64CD\u4F5C\u6309\u94AE / \u8868\u683C\u8BBE\u7F6E","slug":"_6-\u6279\u91CF\u64CD\u4F5C\u6309\u94AE-\u8868\u683C\u8BBE\u7F6E","link":"#_6-\u6279\u91CF\u64CD\u4F5C\u6309\u94AE-\u8868\u683C\u8BBE\u7F6E","children":[]},{"level":2,"title":"7. \u63D2\u69FD","slug":"_7-\u63D2\u69FD","link":"#_7-\u63D2\u69FD","children":[]},{"level":2,"title":"8. \u81EA\u5B9A\u4E49\u5E03\u5C40","slug":"_8-\u81EA\u5B9A\u4E49\u5E03\u5C40","link":"#_8-\u81EA\u5B9A\u4E49\u5E03\u5C40","children":[]},{"level":2,"title":"9. API","slug":"_9-api","link":"#_9-api","children":[{"level":3,"title":"9.1 FatTable \u5C5E\u6027","slug":"_9-1-fattable-\u5C5E\u6027","link":"#_9-1-fattable-\u5C5E\u6027","children":[]},{"level":3,"title":"9.2 FatTable \u4E8B\u4EF6","slug":"_9-2-fattable-\u4E8B\u4EF6","link":"#_9-2-fattable-\u4E8B\u4EF6","children":[]},{"level":3,"title":"9.3 FatTable \u5B9E\u4F8B\u65B9\u6CD5","slug":"_9-3-fattable-\u5B9E\u4F8B\u65B9\u6CD5","link":"#_9-3-fattable-\u5B9E\u4F8B\u65B9\u6CD5","children":[]},{"level":3,"title":"9.4 FatTable \u63D2\u69FD","slug":"_9-4-fattable-\u63D2\u69FD","link":"#_9-4-fattable-\u63D2\u69FD","children":[]},{"level":3,"title":"9.5 \u5217\u5B9A\u4E49","slug":"_9-5-\u5217\u5B9A\u4E49","link":"#_9-5-\u5217\u5B9A\u4E49","children":[]}]}],"relativePath":"fat-table/index.md","lastUpdated":1719310312000}'),y={name:"fat-table/index.md"},C=s("",86),A=s("",60);function i(d,u,b,E,m,g){return a(),l("div",null,[C,p(),A])}const _=n(y,[["render",i]]);export{h as __pageData,_ as default}; diff --git a/assets/fat-table_merge-fields.demo.md.c373bc35.js b/assets/fat-table_merge-fields.demo.md.c373bc35.js new file mode 100644 index 0000000..1915554 --- /dev/null +++ b/assets/fat-table_merge-fields.demo.md.c373bc35.js @@ -0,0 +1 @@ +import{al as l,a as c,o as i,c as u,f as r,w as d,b as m,g as p}from"./app.56f20909.js";const _=l(({column:a})=>()=>({title:"\u7EC4\u88C5\u539F\u4EF6\u6570\u636E",rowKey:"id",async request(e){const{pagination:t,query:n}=e;return{list:new Array(t.pageSize).fill(0).map((h,s)=>{const o=Math.floor(Math.random()*1e3);return{id:s,name:`${o}-${t.page}`,avatar:"https://avatars.githubusercontent.com/u/15975785?v=4&size=64"}}),total:100}},columns:[a({label:"\u7528\u6237",valueType:"avatar",getter(e){return{avatar:e.avatar,title:e.name,description:"13732332333"}}})]})),f={class:"wk-demo"},b=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/merge-fields.demo.md","lastUpdated":1719310312000}'),g={name:"fat-table/merge-fields.demo.md"},C=Object.assign(g,{setup(a){return(e,t)=>{const n=c("ClientOnly");return i(),u("div",null,[r(n,null,{default:d(()=>[m("div",f,[r(p(_))])]),_:1})])}}});export{b as __pageData,C as default}; diff --git a/assets/fat-table_merge-fields.demo.md.c373bc35.lean.js b/assets/fat-table_merge-fields.demo.md.c373bc35.lean.js new file mode 100644 index 0000000..1915554 --- /dev/null +++ b/assets/fat-table_merge-fields.demo.md.c373bc35.lean.js @@ -0,0 +1 @@ +import{al as l,a as c,o as i,c as u,f as r,w as d,b as m,g as p}from"./app.56f20909.js";const _=l(({column:a})=>()=>({title:"\u7EC4\u88C5\u539F\u4EF6\u6570\u636E",rowKey:"id",async request(e){const{pagination:t,query:n}=e;return{list:new Array(t.pageSize).fill(0).map((h,s)=>{const o=Math.floor(Math.random()*1e3);return{id:s,name:`${o}-${t.page}`,avatar:"https://avatars.githubusercontent.com/u/15975785?v=4&size=64"}}),total:100}},columns:[a({label:"\u7528\u6237",valueType:"avatar",getter(e){return{avatar:e.avatar,title:e.name,description:"13732332333"}}})]})),f={class:"wk-demo"},b=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/merge-fields.demo.md","lastUpdated":1719310312000}'),g={name:"fat-table/merge-fields.demo.md"},C=Object.assign(g,{setup(a){return(e,t)=>{const n=c("ClientOnly");return i(),u("div",null,[r(n,null,{default:d(()=>[m("div",f,[r(p(_))])]),_:1})])}}});export{b as __pageData,C as default}; diff --git a/assets/fat-table_quick.demo.md.717f64f6.js b/assets/fat-table_quick.demo.md.717f64f6.js new file mode 100644 index 0000000..284a130 --- /dev/null +++ b/assets/fat-table_quick.demo.md.717f64f6.js @@ -0,0 +1 @@ +import{al as i,q as r,C as p,a as d,o as m,c as _,f as s,w as b,b as y,g as f}from"./app.56f20909.js";const v=i(({column:t})=>()=>({title:"Hello",rowKey:"id",async request(l){const{pagination:e,query:a}=l;return{list:new Array(e.pageSize).fill(0).map((D,c)=>{var u;const n=Math.floor(Math.random()*1e3);return{id:c,name:`${n}-${e.page}-${(u=a==null?void 0:a.name)!=null?u:""}`,status:n%3===0?1:n%2===0?0:2,createdDate:Date.now()}}),total:100}},renderNavBar(){return r("span",{children:r(p,{type:"primary",children:"\u521B\u5EFA"})})},columns:[t({prop:"name",label:"\u540D\u79F0",queryable:!0,valueType:"search"}),t({prop:"status",label:"\u72B6\u6001",queryable:!0,valueType:"select",valueProps:{options:[{label:"\u672A\u5F00\u59CB",value:0,color:"blue"},{label:"\u6B63\u5728\u8FDB\u884C",value:1,color:"green"},{label:"\u5DF2\u7ED3\u675F",value:2,color:"gray"}]}}),t({prop:"createdDate",label:"\u521B\u5EFA\u65F6\u95F4",valueType:"date-time"}),t({type:"actions",label:"\u64CD\u4F5C",actions:(l,e)=>{const a=e.status===2;return[{name:e.status===1?"\u7ED3\u675F":"\u5F00\u59CB",visible:!a},{name:"\u5220\u9664",type:"danger",onClick:()=>l.remove(e)}]}})]})),F={class:"wk-demo"},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/quick.demo.md","lastUpdated":1719310312000}'),B={name:"fat-table/quick.demo.md"},h=Object.assign(B,{setup(t){return(l,e)=>{const a=d("ClientOnly");return m(),_("div",null,[s(a,null,{default:b(()=>[y("div",F,[s(f(v))])]),_:1})])}}});export{C as __pageData,h as default}; diff --git a/assets/fat-table_quick.demo.md.717f64f6.lean.js b/assets/fat-table_quick.demo.md.717f64f6.lean.js new file mode 100644 index 0000000..284a130 --- /dev/null +++ b/assets/fat-table_quick.demo.md.717f64f6.lean.js @@ -0,0 +1 @@ +import{al as i,q as r,C as p,a as d,o as m,c as _,f as s,w as b,b as y,g as f}from"./app.56f20909.js";const v=i(({column:t})=>()=>({title:"Hello",rowKey:"id",async request(l){const{pagination:e,query:a}=l;return{list:new Array(e.pageSize).fill(0).map((D,c)=>{var u;const n=Math.floor(Math.random()*1e3);return{id:c,name:`${n}-${e.page}-${(u=a==null?void 0:a.name)!=null?u:""}`,status:n%3===0?1:n%2===0?0:2,createdDate:Date.now()}}),total:100}},renderNavBar(){return r("span",{children:r(p,{type:"primary",children:"\u521B\u5EFA"})})},columns:[t({prop:"name",label:"\u540D\u79F0",queryable:!0,valueType:"search"}),t({prop:"status",label:"\u72B6\u6001",queryable:!0,valueType:"select",valueProps:{options:[{label:"\u672A\u5F00\u59CB",value:0,color:"blue"},{label:"\u6B63\u5728\u8FDB\u884C",value:1,color:"green"},{label:"\u5DF2\u7ED3\u675F",value:2,color:"gray"}]}}),t({prop:"createdDate",label:"\u521B\u5EFA\u65F6\u95F4",valueType:"date-time"}),t({type:"actions",label:"\u64CD\u4F5C",actions:(l,e)=>{const a=e.status===2;return[{name:e.status===1?"\u7ED3\u675F":"\u5F00\u59CB",visible:!a},{name:"\u5220\u9664",type:"danger",onClick:()=>l.remove(e)}]}})]})),F={class:"wk-demo"},C=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/quick.demo.md","lastUpdated":1719310312000}'),B={name:"fat-table/quick.demo.md"},h=Object.assign(B,{setup(t){return(l,e)=>{const a=d("ClientOnly");return m(),_("div",null,[s(a,null,{default:b(()=>[y("div",F,[s(f(v))])]),_:1})])}}});export{C as __pageData,h as default}; diff --git a/assets/fat-table_setting.demo.md.d0c2071b.js b/assets/fat-table_setting.demo.md.d0c2071b.js new file mode 100644 index 0000000..7fe6295 --- /dev/null +++ b/assets/fat-table_setting.demo.md.d0c2071b.js @@ -0,0 +1 @@ +import{al as r,s as n,q as s,a as o,o as i,c,f as l,w as p,b as d,g as F}from"./app.56f20909.js";const m=r(({column:e})=>(n({disableDelete:!1,editable:!0}),()=>({title:"\u8868\u683C\u8BBE\u7F6E",async request(){return{list:new Array(10).fill(0).map((t,a)=>({id:a,name:`name-${a}`})),total:10}},rowKey:"id",async remove(t){},enableSelect:!0,enableSetting:!0,settingProps:{persistentKey:"hello-world"},renderToolbar(){return s("div",{style:{marginRight:"10px"},children:"custom toolbar"})},batchActions:t=>[{name:"\u5220\u9664",onClick:t.removeSelected},{name:"\u5BFC\u51FA",confirm:"\u786E\u8BA4\u5BFC\u51FA",onClick:()=>console.log("\u5BFC\u51FA\u64CD\u4F5C")}],columns:[e({queryable:!0,label:"ID",prop:"id"}),e({label:"\u540D\u79F0",prop:"name"}),e({label:"\u521B\u5EFA\u65F6\u95F4",prop:"createdAt"}),e({type:"query",prop:"start",columnKey:"createdAt",label:"\u5F00\u59CB\u65F6\u95F4",valueType:"date"}),e({type:"query",prop:"end",columnKey:"createdAt",label:"\u7ED3\u675F\u65F6\u95F4",valueType:"date"}),e({type:"query",prop:"fake",label:"\u989D\u5916\u8BF7\u6C42\u6761\u4EF6"}),e({type:"actions",label:"\u64CD\u4F5C",actions:[{name:"\u7F16\u8F91"}]})]}))),y={class:"wk-demo"},f=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/setting.demo.md","lastUpdated":1719310312000}'),b={name:"fat-table/setting.demo.md"},C=Object.assign(b,{setup(e){return(t,a)=>{const u=o("ClientOnly");return i(),c("div",null,[l(u,null,{default:p(()=>[d("div",y,[l(F(m))])]),_:1})])}}});export{f as __pageData,C as default}; diff --git a/assets/fat-table_setting.demo.md.d0c2071b.lean.js b/assets/fat-table_setting.demo.md.d0c2071b.lean.js new file mode 100644 index 0000000..7fe6295 --- /dev/null +++ b/assets/fat-table_setting.demo.md.d0c2071b.lean.js @@ -0,0 +1 @@ +import{al as r,s as n,q as s,a as o,o as i,c,f as l,w as p,b as d,g as F}from"./app.56f20909.js";const m=r(({column:e})=>(n({disableDelete:!1,editable:!0}),()=>({title:"\u8868\u683C\u8BBE\u7F6E",async request(){return{list:new Array(10).fill(0).map((t,a)=>({id:a,name:`name-${a}`})),total:10}},rowKey:"id",async remove(t){},enableSelect:!0,enableSetting:!0,settingProps:{persistentKey:"hello-world"},renderToolbar(){return s("div",{style:{marginRight:"10px"},children:"custom toolbar"})},batchActions:t=>[{name:"\u5220\u9664",onClick:t.removeSelected},{name:"\u5BFC\u51FA",confirm:"\u786E\u8BA4\u5BFC\u51FA",onClick:()=>console.log("\u5BFC\u51FA\u64CD\u4F5C")}],columns:[e({queryable:!0,label:"ID",prop:"id"}),e({label:"\u540D\u79F0",prop:"name"}),e({label:"\u521B\u5EFA\u65F6\u95F4",prop:"createdAt"}),e({type:"query",prop:"start",columnKey:"createdAt",label:"\u5F00\u59CB\u65F6\u95F4",valueType:"date"}),e({type:"query",prop:"end",columnKey:"createdAt",label:"\u7ED3\u675F\u65F6\u95F4",valueType:"date"}),e({type:"query",prop:"fake",label:"\u989D\u5916\u8BF7\u6C42\u6761\u4EF6"}),e({type:"actions",label:"\u64CD\u4F5C",actions:[{name:"\u7F16\u8F91"}]})]}))),y={class:"wk-demo"},f=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/setting.demo.md","lastUpdated":1719310312000}'),b={name:"fat-table/setting.demo.md"},C=Object.assign(b,{setup(e){return(t,a)=>{const u=o("ClientOnly");return i(),c("div",null,[l(u,null,{default:p(()=>[d("div",y,[l(F(m))])]),_:1})])}}});export{f as __pageData,C as default}; diff --git a/assets/fat-table_slots.demo.md.a710240f.js b/assets/fat-table_slots.demo.md.a710240f.js new file mode 100644 index 0000000..54c084d --- /dev/null +++ b/assets/fat-table_slots.demo.md.a710240f.js @@ -0,0 +1 @@ +import{al as o,B as l,q as e,C as t,a as u,o as d,c,f as r,w as i,b as C,g as _}from"./app.56f20909.js";const m=o(()=>()=>({title:"\u8868\u683C\u63D2\u69FD",async request(){return{list:new Array(10).fill(0).map((s,a)=>({id:a})),total:10}},renderToolbar(){return l("div",{children:[e(t,{children:"\u6279\u91CF\u64CD\u4F5C"}),e(t,{children:"\u6279\u91CF\u64CD\u4F5C"})]})},renderBottomToolbar(){return l("div",{children:[e(t,{children:"\u6279\u91CF\u64CD\u4F5C"}),e(t,{children:"\u6279\u91CF\u64CD\u4F5C"})]})},columns:[{label:"\u5FEB\u4E50",prop:"id"}]})),p={class:"wk-demo"},b=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/slots.demo.md","lastUpdated":1719310312000}'),f={name:"fat-table/slots.demo.md"},B=Object.assign(f,{setup(s){return(a,h)=>{const n=u("ClientOnly");return d(),c("div",null,[r(n,null,{default:i(()=>[C("div",p,[r(_(m))])]),_:1})])}}});export{b as __pageData,B as default}; diff --git a/assets/fat-table_slots.demo.md.a710240f.lean.js b/assets/fat-table_slots.demo.md.a710240f.lean.js new file mode 100644 index 0000000..54c084d --- /dev/null +++ b/assets/fat-table_slots.demo.md.a710240f.lean.js @@ -0,0 +1 @@ +import{al as o,B as l,q as e,C as t,a as u,o as d,c,f as r,w as i,b as C,g as _}from"./app.56f20909.js";const m=o(()=>()=>({title:"\u8868\u683C\u63D2\u69FD",async request(){return{list:new Array(10).fill(0).map((s,a)=>({id:a})),total:10}},renderToolbar(){return l("div",{children:[e(t,{children:"\u6279\u91CF\u64CD\u4F5C"}),e(t,{children:"\u6279\u91CF\u64CD\u4F5C"})]})},renderBottomToolbar(){return l("div",{children:[e(t,{children:"\u6279\u91CF\u64CD\u4F5C"}),e(t,{children:"\u6279\u91CF\u64CD\u4F5C"})]})},columns:[{label:"\u5FEB\u4E50",prop:"id"}]})),p={class:"wk-demo"},b=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/slots.demo.md","lastUpdated":1719310312000}'),f={name:"fat-table/slots.demo.md"},B=Object.assign(f,{setup(s){return(a,h)=>{const n=u("ClientOnly");return d(),c("div",null,[r(n,null,{default:i(()=>[C("div",p,[r(_(m))])]),_:1})])}}});export{b as __pageData,B as default}; diff --git a/assets/fat-table_switch.demo.md.486eece1.js b/assets/fat-table_switch.demo.md.486eece1.js new file mode 100644 index 0000000..789459e --- /dev/null +++ b/assets/fat-table_switch.demo.md.486eece1.js @@ -0,0 +1 @@ +import{al as u,$ as c,a as p,o as i,c as d,f as s,w as m,b as f,g as _}from"./app.56f20909.js";const b=u(({column:a})=>()=>({title:"Switch \u5F00\u5173\u793A\u4F8B",rowKey:"id",async request(t){const{pagination:l,query:e}=t;return{list:new Array(l.pageSize).fill(0).map((w,n)=>{var o;const r=Math.floor(Math.random()*1e3);return{id:n,name:`${r}-${l.page}-${(o=e==null?void 0:e.name)!=null?o:""}`,open:!1}}),total:100}},columns:[a({label:"\u540D\u79F0",prop:"name",queryable:!0,valueType:"search"}),a({label:"\u72B6\u6001",type:"query",prop:"open",valueType:"select",valueProps:{options:[{label:"\u5F00",value:!0},{label:"\u5173",value:!1}]}}),a({label:"\u72B6\u6001",prop:"open",valueType:"switch",columnMode:"editable",valueProps:{beforeChange:async t=>(await c.confirm("\u786E\u5B9A\u5207\u6362?"),!0)}})]})),h={class:"wk-demo"},B=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/switch.demo.md","lastUpdated":1719310312000}'),v={name:"fat-table/switch.demo.md"},k=Object.assign(v,{setup(a){return(t,l)=>{const e=p("ClientOnly");return i(),d("div",null,[s(e,null,{default:m(()=>[f("div",h,[s(_(b))])]),_:1})])}}});export{B as __pageData,k as default}; diff --git a/assets/fat-table_switch.demo.md.486eece1.lean.js b/assets/fat-table_switch.demo.md.486eece1.lean.js new file mode 100644 index 0000000..789459e --- /dev/null +++ b/assets/fat-table_switch.demo.md.486eece1.lean.js @@ -0,0 +1 @@ +import{al as u,$ as c,a as p,o as i,c as d,f as s,w as m,b as f,g as _}from"./app.56f20909.js";const b=u(({column:a})=>()=>({title:"Switch \u5F00\u5173\u793A\u4F8B",rowKey:"id",async request(t){const{pagination:l,query:e}=t;return{list:new Array(l.pageSize).fill(0).map((w,n)=>{var o;const r=Math.floor(Math.random()*1e3);return{id:n,name:`${r}-${l.page}-${(o=e==null?void 0:e.name)!=null?o:""}`,open:!1}}),total:100}},columns:[a({label:"\u540D\u79F0",prop:"name",queryable:!0,valueType:"search"}),a({label:"\u72B6\u6001",type:"query",prop:"open",valueType:"select",valueProps:{options:[{label:"\u5F00",value:!0},{label:"\u5173",value:!1}]}}),a({label:"\u72B6\u6001",prop:"open",valueType:"switch",columnMode:"editable",valueProps:{beforeChange:async t=>(await c.confirm("\u786E\u5B9A\u5207\u6362?"),!0)}})]})),h={class:"wk-demo"},B=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"fat-table/switch.demo.md","lastUpdated":1719310312000}'),v={name:"fat-table/switch.demo.md"},k=Object.assign(v,{setup(a){return(t,l)=>{const e=p("ClientOnly");return i(),d("div",null,[s(e,null,{default:m(()=>[f("div",h,[s(_(b))])]),_:1})])}}});export{B as __pageData,k as default}; diff --git a/assets/fat-text.19fa747d.png b/assets/fat-text.19fa747d.png new file mode 100644 index 0000000..3f11817 Binary files /dev/null and b/assets/fat-text.19fa747d.png differ diff --git a/assets/index.md.b7173760.js b/assets/index.md.b7173760.js new file mode 100644 index 0000000..ead7e72 --- /dev/null +++ b/assets/index.md.b7173760.js @@ -0,0 +1 @@ +import{_ as e,o as t,c as a}from"./app.56f20909.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"@wakeadmin/","text":"components","tagline":"\u60DF\u5BA2\u4E91 \u4E2D\u540E\u53F0\u300CCRUD\u300D\u5F00\u7BB1\u5373\u7528\u89E3\u51B3\u65B9\u6848","image":{"src":"/logo.png","alt":"WakeAdmin"},"actions":[{"theme":"brand","text":"\u5F00\u59CB\u4F7F\u7528","link":"/base/install"}]},"features":[{"icon":"\u{1F596}\u{1F3FB}","title":"\u517C\u5BB9 Vue 2 / 3","details":"\u9762\u5411\u672A\u6765"},{"icon":"\u{1F9E2}","title":"\u517C\u5BB9 Element-UI / Plus","details":"\u65B0\u65E7\u9879\u76EE\u90FD\u80FD\u7528"},{"icon":"\u{1F6A8}","title":"Typescript First","details":"\u5B89\u5168\u3001\u9AD8\u6548"},{"icon":"\u{1F680}","title":"\u9AD8\u6548 CRUD","details":"\u7559\u591A\u70B9\u65F6\u95F4\uFF0C\u505A\u771F\u6B63\u6709\u4EF7\u503C\u7684\u4E8B\u60C5"}]},"headers":[],"relativePath":"index.md","lastUpdated":1719310312000}'),n={name:"index.md"};function i(s,o,d,_,l,c){return t(),a("div")}const m=e(n,[["render",i],["__scopeId","data-v-61ea2323"]]);export{p as __pageData,m as default}; diff --git a/assets/index.md.b7173760.lean.js b/assets/index.md.b7173760.lean.js new file mode 100644 index 0000000..ead7e72 --- /dev/null +++ b/assets/index.md.b7173760.lean.js @@ -0,0 +1 @@ +import{_ as e,o as t,c as a}from"./app.56f20909.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"@wakeadmin/","text":"components","tagline":"\u60DF\u5BA2\u4E91 \u4E2D\u540E\u53F0\u300CCRUD\u300D\u5F00\u7BB1\u5373\u7528\u89E3\u51B3\u65B9\u6848","image":{"src":"/logo.png","alt":"WakeAdmin"},"actions":[{"theme":"brand","text":"\u5F00\u59CB\u4F7F\u7528","link":"/base/install"}]},"features":[{"icon":"\u{1F596}\u{1F3FB}","title":"\u517C\u5BB9 Vue 2 / 3","details":"\u9762\u5411\u672A\u6765"},{"icon":"\u{1F9E2}","title":"\u517C\u5BB9 Element-UI / Plus","details":"\u65B0\u65E7\u9879\u76EE\u90FD\u80FD\u7528"},{"icon":"\u{1F6A8}","title":"Typescript First","details":"\u5B89\u5168\u3001\u9AD8\u6548"},{"icon":"\u{1F680}","title":"\u9AD8\u6548 CRUD","details":"\u7559\u591A\u70B9\u65F6\u95F4\uFF0C\u505A\u771F\u6B63\u6709\u4EF7\u503C\u7684\u4E8B\u60C5"}]},"headers":[],"relativePath":"index.md","lastUpdated":1719310312000}'),n={name:"index.md"};function i(s,o,d,_,l,c){return t(),a("div")}const m=e(n,[["render",i],["__scopeId","data-v-61ea2323"]]);export{p as __pageData,m as default}; diff --git a/assets/inter-cyrillic-ext.0877b0d9.woff2 b/assets/inter-cyrillic-ext.0877b0d9.woff2 new file mode 100644 index 0000000..f272875 Binary files /dev/null and b/assets/inter-cyrillic-ext.0877b0d9.woff2 differ diff --git a/assets/inter-cyrillic.f8750142.woff2 b/assets/inter-cyrillic.f8750142.woff2 new file mode 100644 index 0000000..de6a128 Binary files /dev/null and b/assets/inter-cyrillic.f8750142.woff2 differ diff --git a/assets/inter-greek-ext.3e6f6728.woff2 b/assets/inter-greek-ext.3e6f6728.woff2 new file mode 100644 index 0000000..701afd3 Binary files /dev/null and b/assets/inter-greek-ext.3e6f6728.woff2 differ diff --git a/assets/inter-greek.117e1956.woff2 b/assets/inter-greek.117e1956.woff2 new file mode 100644 index 0000000..74125bb Binary files /dev/null and b/assets/inter-greek.117e1956.woff2 differ diff --git a/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2 b/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2 new file mode 100644 index 0000000..2a68729 Binary files /dev/null and b/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2 differ diff --git a/assets/inter-italic-cyrillic.ea42a392.woff2 b/assets/inter-italic-cyrillic.ea42a392.woff2 new file mode 100644 index 0000000..f640351 Binary files /dev/null and b/assets/inter-italic-cyrillic.ea42a392.woff2 differ diff --git a/assets/inter-italic-greek-ext.4fbe9427.woff2 b/assets/inter-italic-greek-ext.4fbe9427.woff2 new file mode 100644 index 0000000..0021896 Binary files /dev/null and b/assets/inter-italic-greek-ext.4fbe9427.woff2 differ diff --git a/assets/inter-italic-greek.8f4463c4.woff2 b/assets/inter-italic-greek.8f4463c4.woff2 new file mode 100644 index 0000000..71c265f Binary files /dev/null and b/assets/inter-italic-greek.8f4463c4.woff2 differ diff --git a/assets/inter-italic-latin-ext.bd8920cc.woff2 b/assets/inter-italic-latin-ext.bd8920cc.woff2 new file mode 100644 index 0000000..9c1b944 Binary files /dev/null and b/assets/inter-italic-latin-ext.bd8920cc.woff2 differ diff --git a/assets/inter-italic-latin.bd3b6f56.woff2 b/assets/inter-italic-latin.bd3b6f56.woff2 new file mode 100644 index 0000000..01fcf20 Binary files /dev/null and b/assets/inter-italic-latin.bd3b6f56.woff2 differ diff --git a/assets/inter-italic-vietnamese.6ce511fb.woff2 b/assets/inter-italic-vietnamese.6ce511fb.woff2 new file mode 100644 index 0000000..e4f788e Binary files /dev/null and b/assets/inter-italic-vietnamese.6ce511fb.woff2 differ diff --git a/assets/inter-latin-ext.7cc429bc.woff2 b/assets/inter-latin-ext.7cc429bc.woff2 new file mode 100644 index 0000000..2fa148c Binary files /dev/null and b/assets/inter-latin-ext.7cc429bc.woff2 differ diff --git a/assets/inter-latin.4fe6132f.woff2 b/assets/inter-latin.4fe6132f.woff2 new file mode 100644 index 0000000..1a4cd42 Binary files /dev/null and b/assets/inter-latin.4fe6132f.woff2 differ diff --git a/assets/inter-roman-cyrillic-ext.e75737ce.woff2 b/assets/inter-roman-cyrillic-ext.e75737ce.woff2 new file mode 100644 index 0000000..28593cc Binary files /dev/null and b/assets/inter-roman-cyrillic-ext.e75737ce.woff2 differ diff --git a/assets/inter-roman-cyrillic.5f2c6c8c.woff2 b/assets/inter-roman-cyrillic.5f2c6c8c.woff2 new file mode 100644 index 0000000..a20adc1 Binary files /dev/null and b/assets/inter-roman-cyrillic.5f2c6c8c.woff2 differ diff --git a/assets/inter-roman-greek-ext.ab0619bc.woff2 b/assets/inter-roman-greek-ext.ab0619bc.woff2 new file mode 100644 index 0000000..e3b0be7 Binary files /dev/null and b/assets/inter-roman-greek-ext.ab0619bc.woff2 differ diff --git a/assets/inter-roman-greek.d5a6d92a.woff2 b/assets/inter-roman-greek.d5a6d92a.woff2 new file mode 100644 index 0000000..f790e04 Binary files /dev/null and b/assets/inter-roman-greek.d5a6d92a.woff2 differ diff --git a/assets/inter-roman-latin-ext.0030eebd.woff2 b/assets/inter-roman-latin-ext.0030eebd.woff2 new file mode 100644 index 0000000..715bd90 Binary files /dev/null and b/assets/inter-roman-latin-ext.0030eebd.woff2 differ diff --git a/assets/inter-roman-latin.2ed14f66.woff2 b/assets/inter-roman-latin.2ed14f66.woff2 new file mode 100644 index 0000000..a540b7a Binary files /dev/null and b/assets/inter-roman-latin.2ed14f66.woff2 differ diff --git a/assets/inter-roman-vietnamese.14ce25a6.woff2 b/assets/inter-roman-vietnamese.14ce25a6.woff2 new file mode 100644 index 0000000..5a9f9cb Binary files /dev/null and b/assets/inter-roman-vietnamese.14ce25a6.woff2 differ diff --git a/assets/inter-vietnamese.2c644a25.woff2 b/assets/inter-vietnamese.2c644a25.woff2 new file mode 100644 index 0000000..c2ffbb0 Binary files /dev/null and b/assets/inter-vietnamese.2c644a25.woff2 differ diff --git a/assets/other_fat-i18n-content.md.6b7eca5e.js b/assets/other_fat-i18n-content.md.6b7eca5e.js new file mode 100644 index 0000000..7fb16eb --- /dev/null +++ b/assets/other_fat-i18n-content.md.6b7eca5e.js @@ -0,0 +1,81 @@ +import{n as i,ao as C,ap as A,aq as u,q as o,k as e,a as d,o as m,c as h,f as t,w as _,b as s,e as c,m as g,g as E}from"./app.56f20909.js";const f=i(({item:a,form:F,consumer:p,group:l})=>{const r=C({sourceLanguage:async()=>(await e(1e3),"zh"),async get(n){return await e(1e3),[{code:"en",content:"hello world"}]},async save(n,y,D){console.log("saving",n,y,D)}},!0);return()=>({submit:async n=>{await r.flush(),console.log("\u4FDD\u5B58\u6210\u529F",n)},children:[a({prop:"name",label:"\u8D26\u53F7\u540D",width:"medium"}),a({prop:"nickName",label:"\u6635\u79F0",width:"medium",valueProps:{customInput:A,showWordLimit:!0,maxlength:100}}),a({prop:"note",label:"\u5907\u6CE8",valueType:"textarea",width:"medium",valueProps:{customInput:u,showWordLimit:!0,maxlength:100}}),p(({values:n})=>l({label:"\u8868\u5355\u72B6\u6001",children:o("pre",{children:o("code",{children:JSON.stringify(n,null,2)})})}))]})}),v=s("h1",{id:"fati18ncontent-\u5185\u5BB9\u591A\u8BED\u8A00-\u5B9E\u9A8C",tabindex:"-1"},[c("FatI18nContent \u5185\u5BB9\u591A\u8BED\u8A00 (\u5B9E\u9A8C) "),s("a",{class:"header-anchor",href:"#fati18ncontent-\u5185\u5BB9\u591A\u8BED\u8A00-\u5B9E\u9A8C","aria-hidden":"true"},"#")],-1),w=s("br",null,null,-1),b=s("br",null,null,-1),x=s("br",null,null,-1),I=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[c("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),T={class:"wk-demo"},k=g(`
\u67E5\u770B\u4EE3\u7801
tsx
import { defineFatForm, providerI18nContentOptions, FatI18nInput, FatI18nTextarea } from '@wakeadmin/components';
+import { ElMessageBox } from 'element-plus';
+import { delay } from '@wakeadmin/utils';
+
+export default defineFatForm(({ item, form, consumer, group }) => {
+  const i18nContent = providerI18nContentOptions(
+    {
+      sourceLanguage: async () => {
+        // \u83B7\u53D6\u6E90\u8BED\u8A00
+        await delay(1000);
+        return 'zh';
+      },
+      async get(uuid) {
+        // \u83B7\u53D6\u5DF2\u914D\u7F6E\u7684\u8BED\u8A00\u5B9D
+        await delay(1000);
+
+        return [
+          {
+            code: 'en',
+            content: 'hello world',
+          },
+        ];
+      },
+      async save(uuid, changed, list) {
+        // \u4FDD\u5B58
+        console.log('saving', uuid, changed, list);
+      },
+    },
+    true
+  );
+
+  // \u8FD4\u56DE\u8868\u5355\u5B9A\u4E49
+  return () => ({
+    submit: async values => {
+      // \u4FDD\u5B58\u591A\u8BED\u8A00
+      await i18nContent.flush();
+      console.log('\u4FDD\u5B58\u6210\u529F', values);
+    },
+
+    children: [
+      item({
+        prop: 'name',
+        label: '\u8D26\u53F7\u540D',
+        width: 'medium',
+      }),
+      item({
+        prop: 'nickName',
+        label: '\u6635\u79F0',
+        width: 'medium',
+        valueProps: {
+          customInput: FatI18nInput,
+          showWordLimit: true,
+          maxlength: 100,
+        },
+      }),
+      item({
+        prop: 'note',
+        label: '\u5907\u6CE8',
+        valueType: 'textarea',
+        width: 'medium',
+        valueProps: {
+          customInput: FatI18nTextarea,
+          showWordLimit: true,
+          maxlength: 100,
+        },
+      }),
+
+      consumer(({ values }) => {
+        return group({
+          label: '\u8868\u5355\u72B6\u6001',
+          children: (
+            <pre>
+              <code>{JSON.stringify(values, null, 2)}</code>
+            </pre>
+          ),
+        });
+      }),
+    ],
+  });
+});
+
`,1),P=JSON.parse('{"title":"FatI18nContent \u5185\u5BB9\u591A\u8BED\u8A00 (\u5B9E\u9A8C)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/fat-i18n-content.md","lastUpdated":1719310312000}'),N={name:"other/fat-i18n-content.md"},S=Object.assign(N,{setup(a){return(F,p)=>{const l=d("ClientOnly");return m(),h("div",null,[v,w,b,x,I,t(l,null,{default:_(()=>[s("div",T,[t(E(f))])]),_:1}),k])}}});export{P as __pageData,S as default}; diff --git a/assets/other_fat-i18n-content.md.6b7eca5e.lean.js b/assets/other_fat-i18n-content.md.6b7eca5e.lean.js new file mode 100644 index 0000000..0f89bed --- /dev/null +++ b/assets/other_fat-i18n-content.md.6b7eca5e.lean.js @@ -0,0 +1 @@ +import{n as i,ao as C,ap as A,aq as u,q as o,k as e,a as d,o as m,c as h,f as t,w as _,b as s,e as c,m as g,g as E}from"./app.56f20909.js";const f=i(({item:a,form:F,consumer:p,group:l})=>{const r=C({sourceLanguage:async()=>(await e(1e3),"zh"),async get(n){return await e(1e3),[{code:"en",content:"hello world"}]},async save(n,y,D){console.log("saving",n,y,D)}},!0);return()=>({submit:async n=>{await r.flush(),console.log("\u4FDD\u5B58\u6210\u529F",n)},children:[a({prop:"name",label:"\u8D26\u53F7\u540D",width:"medium"}),a({prop:"nickName",label:"\u6635\u79F0",width:"medium",valueProps:{customInput:A,showWordLimit:!0,maxlength:100}}),a({prop:"note",label:"\u5907\u6CE8",valueType:"textarea",width:"medium",valueProps:{customInput:u,showWordLimit:!0,maxlength:100}}),p(({values:n})=>l({label:"\u8868\u5355\u72B6\u6001",children:o("pre",{children:o("code",{children:JSON.stringify(n,null,2)})})}))]})}),v=s("h1",{id:"fati18ncontent-\u5185\u5BB9\u591A\u8BED\u8A00-\u5B9E\u9A8C",tabindex:"-1"},[c("FatI18nContent \u5185\u5BB9\u591A\u8BED\u8A00 (\u5B9E\u9A8C) "),s("a",{class:"header-anchor",href:"#fati18ncontent-\u5185\u5BB9\u591A\u8BED\u8A00-\u5B9E\u9A8C","aria-hidden":"true"},"#")],-1),w=s("br",null,null,-1),b=s("br",null,null,-1),x=s("br",null,null,-1),I=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[c("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),T={class:"wk-demo"},k=g("",1),P=JSON.parse('{"title":"FatI18nContent \u5185\u5BB9\u591A\u8BED\u8A00 (\u5B9E\u9A8C)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/fat-i18n-content.md","lastUpdated":1719310312000}'),N={name:"other/fat-i18n-content.md"},S=Object.assign(N,{setup(a){return(F,p)=>{const l=d("ClientOnly");return m(),h("div",null,[v,w,b,x,I,t(l,null,{default:_(()=>[s("div",T,[t(E(f))])]),_:1}),k])}}});export{P as __pageData,S as default}; diff --git a/assets/other_fat-import.demo.md.04f62d82.js b/assets/other_fat-import.demo.md.04f62d82.js new file mode 100644 index 0000000..a46db84 --- /dev/null +++ b/assets/other_fat-import.demo.md.04f62d82.js @@ -0,0 +1 @@ +import{d as F,a as n,o as r,c as l,f as t,w as e,e as a,g as d,ar as m,b as p}from"./app.56f20909.js";const i={class:"wk-demo"},f=F({__name:"FatImportDemo",setup(c){const o=async()=>({status:"error",message:"\u4E0A\u4F20\u5931\u8D25",details:new Array(100).fill(0).map((s,u)=>({row:u,reason:"hhh"+u}))});return(s,u)=>{const _=n("Button");return r(),l("div",i,[t(d(m),{"after-upload":o},{message:e(()=>[a(" \u5BFC\u5165\u89C4\u5219\uFF1A\u8BF7\u5148\u4E0B\u8F7D \u5BFC\u5165\u6A21\u677F\uFF0C\u5728\u6A21\u677F\u4E2D\u6309\u8981\u6C42\u586B\u5199\u4FE1\u606F\uFF0C\u7136\u540E\u4E0A\u4F20\u8BE5\u6587\u4EF6 ")]),uploadMessage:e(()=>[a("*\u53EA\u80FD\u4E0A\u4F20xlsc\u3001xls\u683C\u5F0F\u6587\u4EF6\uFF0C\u5355\u6B21\u6700\u591A\u652F\u6301\u5BFC\u51652\u5343\u6761\u6570\u636E")]),default:e(()=>[t(_,null,{default:e(()=>[a("\u6279\u91CF\u5BFC\u5165")]),_:1})]),_:1})])}}}),C={class:"wk-demo"},h=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/fat-import.demo.md","lastUpdated":1719310312000}'),B={name:"other/fat-import.demo.md"},A=Object.assign(B,{setup(c){return(o,s)=>{const u=n("ClientOnly");return r(),l("div",null,[t(u,null,{default:e(()=>[p("div",C,[t(f)])]),_:1})])}}});export{h as __pageData,A as default}; diff --git a/assets/other_fat-import.demo.md.04f62d82.lean.js b/assets/other_fat-import.demo.md.04f62d82.lean.js new file mode 100644 index 0000000..a46db84 --- /dev/null +++ b/assets/other_fat-import.demo.md.04f62d82.lean.js @@ -0,0 +1 @@ +import{d as F,a as n,o as r,c as l,f as t,w as e,e as a,g as d,ar as m,b as p}from"./app.56f20909.js";const i={class:"wk-demo"},f=F({__name:"FatImportDemo",setup(c){const o=async()=>({status:"error",message:"\u4E0A\u4F20\u5931\u8D25",details:new Array(100).fill(0).map((s,u)=>({row:u,reason:"hhh"+u}))});return(s,u)=>{const _=n("Button");return r(),l("div",i,[t(d(m),{"after-upload":o},{message:e(()=>[a(" \u5BFC\u5165\u89C4\u5219\uFF1A\u8BF7\u5148\u4E0B\u8F7D \u5BFC\u5165\u6A21\u677F\uFF0C\u5728\u6A21\u677F\u4E2D\u6309\u8981\u6C42\u586B\u5199\u4FE1\u606F\uFF0C\u7136\u540E\u4E0A\u4F20\u8BE5\u6587\u4EF6 ")]),uploadMessage:e(()=>[a("*\u53EA\u80FD\u4E0A\u4F20xlsc\u3001xls\u683C\u5F0F\u6587\u4EF6\uFF0C\u5355\u6B21\u6700\u591A\u652F\u6301\u5BFC\u51652\u5343\u6761\u6570\u636E")]),default:e(()=>[t(_,null,{default:e(()=>[a("\u6279\u91CF\u5BFC\u5165")]),_:1})]),_:1})])}}}),C={class:"wk-demo"},h=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/fat-import.demo.md","lastUpdated":1719310312000}'),B={name:"other/fat-import.demo.md"},A=Object.assign(B,{setup(c){return(o,s)=>{const u=n("ClientOnly");return r(),l("div",null,[t(u,null,{default:e(()=>[p("div",C,[t(f)])]),_:1})])}}});export{h as __pageData,A as default}; diff --git a/assets/other_fat-import.md.603e928e.js b/assets/other_fat-import.md.603e928e.js new file mode 100644 index 0000000..74a2cd6 --- /dev/null +++ b/assets/other_fat-import.md.603e928e.js @@ -0,0 +1 @@ +import{_ as t,o as e,c as a,m as r}from"./app.56f20909.js";const f=JSON.parse('{"title":"FatImport \u5BFC\u5165\u6A21\u6001\u6846 (\u8BD5\u9A8C)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/fat-import.md","lastUpdated":1719310312000}'),o={name:"other/fat-import.md"},i=r('

FatImport \u5BFC\u5165\u6A21\u6001\u6846 (\u8BD5\u9A8C)




\u793A\u4F8B

',6),s=[i];function d(_,c,n,h,m,p){return e(),a("div",null,s)}const u=t(o,[["render",d]]);export{f as __pageData,u as default}; diff --git a/assets/other_fat-import.md.603e928e.lean.js b/assets/other_fat-import.md.603e928e.lean.js new file mode 100644 index 0000000..383aac4 --- /dev/null +++ b/assets/other_fat-import.md.603e928e.lean.js @@ -0,0 +1 @@ +import{_ as t,o as e,c as a,m as r}from"./app.56f20909.js";const f=JSON.parse('{"title":"FatImport \u5BFC\u5165\u6A21\u6001\u6846 (\u8BD5\u9A8C)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/fat-import.md","lastUpdated":1719310312000}'),o={name:"other/fat-import.md"},i=r("",6),s=[i];function d(_,c,n,h,m,p){return e(),a("div",null,s)}const u=t(o,[["render",d]]);export{f as __pageData,u as default}; diff --git a/assets/other_i18n.md.61214fb6.js b/assets/other_i18n.md.61214fb6.js new file mode 100644 index 0000000..6e5783c --- /dev/null +++ b/assets/other_i18n.md.61214fb6.js @@ -0,0 +1,13 @@ +import{_ as s,o as n,c as a,m as p}from"./app.56f20909.js";const C=JSON.parse('{"title":"I18n \u56FD\u9645\u5316","description":"","frontmatter":{},"headers":[],"relativePath":"other/i18n.md","lastUpdated":1719310312000}'),o={name:"other/i18n.md"},l=p(`

I18n \u56FD\u9645\u5316

wakeadmin/components\u5185\u90E8\u9ED8\u8BA4\u4F7F\u7528\u4E2D\u6587\uFF0C\u82E5\u5E0C\u671B\u4F7F\u7528\u5176\u4ED6\u8BED\u8A00\uFF0C\u5219\u9700\u8981\u8FDB\u884C\u591A\u8BED\u8A00\u8BBE\u7F6E

typescript
import { provideFatConfigurable } from '@wakeadmin/components';
+
+i18n.registryBundle({
+  zh: () => import('@wakeadmin/components/locale/zh.tr'),
+});
+
+provideFatConfigurable({
+  i18n: {
+    t: i18n.t,
+    d: i18n.d,
+  },
+});
+

\u76EE\u524Dwakeadmin/components\u652F\u6301\u4EE5\u4E0B\u8BED\u8A00

locale\u5730\u533A
zh\u4E2D\u6587
zh-Hant\u4E2D\u6587-\u7E41\u4F53
en\u82F1\u6587
th\u6CF0\u6587
`,5),t=[l];function e(c,r,D,F,y,A){return n(),a("div",null,t)}const i=s(o,[["render",e]]);export{C as __pageData,i as default}; diff --git a/assets/other_i18n.md.61214fb6.lean.js b/assets/other_i18n.md.61214fb6.lean.js new file mode 100644 index 0000000..385e4a9 --- /dev/null +++ b/assets/other_i18n.md.61214fb6.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as p}from"./app.56f20909.js";const C=JSON.parse('{"title":"I18n \u56FD\u9645\u5316","description":"","frontmatter":{},"headers":[],"relativePath":"other/i18n.md","lastUpdated":1719310312000}'),o={name:"other/i18n.md"},l=p("",5),t=[l];function e(c,r,D,F,y,A){return n(),a("div",null,t)}const i=s(o,[["render",e]]);export{C as __pageData,i as default}; diff --git a/assets/other_icon.md.6b8d17e3.js b/assets/other_icon.md.6b8d17e3.js new file mode 100644 index 0000000..879e675 --- /dev/null +++ b/assets/other_icon.md.6b8d17e3.js @@ -0,0 +1,22 @@ +import{d as D,o as t,O as y,w as l,f as s,g as a,as as d,at as o,au as i,av as C,aw as A,ax as _,a as u,c as h,b as n,e as p,m}from"./app.56f20909.js";const g=D({__name:"Icon",setup(e){return(c,r)=>(t(),y(a(_),null,{default:l(()=>[s(a(o),{color:"primary"},{default:l(()=>[s(a(d))]),_:1}),s(a(o),{color:"danger"},{default:l(()=>[s(a(i))]),_:1}),s(a(o),{loading:""},{default:l(()=>[s(a(C))]),_:1}),s(a(o),{size:"3em"},{default:l(()=>[s(a(A))]),_:1})]),_:1}))}}),B=n("h1",{id:"faticon",tabindex:"-1"},[p("FatIcon "),n("a",{class:"header-anchor",href:"#faticon","aria-hidden":"true"},"#")],-1),f=n("p",null,[n("code",null,"FatIcon"),p(" \u7528\u4E8E\u5305\u88F9 svg \u7EC4\u4EF6\uFF0C\u4ECE\u800C\u65B9\u4FBF\u5730\u8BBE\u7F6E\u5C3A\u5BF8\u3001\u989C\u8272\u3002")],-1),b=n("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[p("\u793A\u4F8B "),n("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),I={class:"wk-demo"},E=m(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatSpace>
+    <FatIcon color="primary">
+      <Add />
+    </FatIcon>
+    <FatIcon color="danger">
+      <Delete />
+    </FatIcon>
+    <FatIcon loading>
+      <Refresh />
+    </FatIcon>
+    <FatIcon size="3em">
+      <HomeFill />
+    </FatIcon>
+  </FatSpace>
+</template>
+
+<script lang="tsx" setup>
+  import { FatIcon, FatSpace } from '@wakeadmin/components';
+  import { Add, Refresh, Delete, HomeFill } from '@wakeadmin/icons';
+</script>
+




API

namedescriptiondefault
color?\u989C\u8272\uFF0C\u53EF\u4EE5\u662F\u9884\u5B9A\u4E49\u989C\u8272(primary, secondary, success, danger, warning, info), \u6216\u8005\u81EA\u5B9A\u4E49\u989C\u8272inherit
size?: string | number\u5C3A\u5BF8inherit(\u5B57\u4F53\u989C\u8272)
loading?: boolean\u52A0\u8F7D\u52A8\u753Bfalse
left?: boolean\u5728\u53F3\u4FA7\u7559\u51FA\u95F4\u8DDDfalse
right?: boolean\u5728\u5DE6\u4FA7\u7559\u51FA\u95F4\u8DDDfalse
`,7),k=JSON.parse('{"title":"FatIcon","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[{"level":3,"title":"API","slug":"api","link":"#api","children":[]}]}],"relativePath":"other/icon.md","lastUpdated":1719310312000}'),v={name:"other/icon.md"},S=Object.assign(v,{setup(e){return(c,r)=>{const F=u("ClientOnly");return t(),h("div",null,[B,f,b,s(F,null,{default:l(()=>[n("div",I,[s(g)])]),_:1}),E])}}});export{k as __pageData,S as default}; diff --git a/assets/other_icon.md.6b8d17e3.lean.js b/assets/other_icon.md.6b8d17e3.lean.js new file mode 100644 index 0000000..2f11105 --- /dev/null +++ b/assets/other_icon.md.6b8d17e3.lean.js @@ -0,0 +1 @@ +import{d as D,o as t,O as y,w as l,f as s,g as a,as as d,at as o,au as i,av as C,aw as A,ax as _,a as u,c as h,b as n,e as p,m}from"./app.56f20909.js";const g=D({__name:"Icon",setup(e){return(c,r)=>(t(),y(a(_),null,{default:l(()=>[s(a(o),{color:"primary"},{default:l(()=>[s(a(d))]),_:1}),s(a(o),{color:"danger"},{default:l(()=>[s(a(i))]),_:1}),s(a(o),{loading:""},{default:l(()=>[s(a(C))]),_:1}),s(a(o),{size:"3em"},{default:l(()=>[s(a(A))]),_:1})]),_:1}))}}),B=n("h1",{id:"faticon",tabindex:"-1"},[p("FatIcon "),n("a",{class:"header-anchor",href:"#faticon","aria-hidden":"true"},"#")],-1),f=n("p",null,[n("code",null,"FatIcon"),p(" \u7528\u4E8E\u5305\u88F9 svg \u7EC4\u4EF6\uFF0C\u4ECE\u800C\u65B9\u4FBF\u5730\u8BBE\u7F6E\u5C3A\u5BF8\u3001\u989C\u8272\u3002")],-1),b=n("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[p("\u793A\u4F8B "),n("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),I={class:"wk-demo"},E=m("",7),k=JSON.parse('{"title":"FatIcon","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[{"level":3,"title":"API","slug":"api","link":"#api","children":[]}]}],"relativePath":"other/icon.md","lastUpdated":1719310312000}'),v={name:"other/icon.md"},S=Object.assign(v,{setup(e){return(c,r)=>{const F=u("ClientOnly");return t(),h("div",null,[B,f,b,s(F,null,{default:l(()=>[n("div",I,[s(g)])]),_:1}),E])}}});export{k as __pageData,S as default}; diff --git a/assets/other_image-verification.md.a90af41f.js b/assets/other_image-verification.md.a90af41f.js new file mode 100644 index 0000000..6c09d6e --- /dev/null +++ b/assets/other_image-verification.md.a90af41f.js @@ -0,0 +1,42 @@ +import{d as D,r as F,a as y,o as C,c as A,f as l,w as i,b as s,g as u,ay as d,G as g,e as p,m as h,k as m}from"./app.56f20909.js";const E=s("h1",{id:"fatimageverification-\u56FE\u5F62\u9A8C\u8BC1\u7801-\u8BD5\u9A8C",tabindex:"-1"},[p("FatImageVerification \u56FE\u5F62\u9A8C\u8BC1\u7801 (\u8BD5\u9A8C) "),s("a",{class:"header-anchor",href:"#fatimageverification-\u56FE\u5F62\u9A8C\u8BC1\u7801-\u8BD5\u9A8C","aria-hidden":"true"},"#")],-1),v=s("p",null,"\u7B80\u5355\u7684\u56FE\u5F62\u9A8C\u8BC1\u7801",-1),f=s("br",null,null,-1),_=s("br",null,null,-1),B=s("br",null,null,-1),b=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[p("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),q={class:"wk-demo"},w=h(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div class="wk-demo">
+    <FatImageVerification :request="requestMetadata" :canvas="canvasConfig" :clip="clipConfig" @change="handleChange" />
+    <div>value: {{ value }}</div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { FatImageVerification, FatImageVerificationProps } from '@wakeadmin/components';
+  import { delay } from '@wakeadmin/utils';
+  import { ref } from 'vue';
+
+  const value = ref(0);
+
+  // \u53EF\u9009, \u9ED8\u8BA4 350 * 150
+  const canvasConfig = {
+    width: 340,
+    height: 212,
+  };
+
+  // \u5207\u7247\u5927\u5C0F\uFF0C\u9ED8\u8BA4\u6839\u636E\u4F20\u5165\u7684\u56FE\u7247\u8BBE\u7F6E
+  const clipConfig = {
+    width: 65,
+    height: 65,
+  };
+
+  const handleChange: FatImageVerificationProps['onChange'] = v => {
+    value.value = v.value;
+  };
+
+  const requestMetadata: FatImageVerificationProps['request'] = async () => {
+    await delay(1000);
+    return {
+      backgroundImage:
+        'https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/59fa6e86e09245a9b73e900d35e92739~tplv-188rlo5p4y-2.jpeg',
+      clipImage:
+        'https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/c9958e6b691049949147d62c691e0a4c~tplv-188rlo5p4y-1.png',
+      y: 114,
+    };
+  };
+</script>
+
`,1),N=JSON.parse('{"title":"FatImageVerification \u56FE\u5F62\u9A8C\u8BC1\u7801 (\u8BD5\u9A8C)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/image-verification.md","lastUpdated":1719310312000}'),I={name:"other/image-verification.md"},P=D({...I,setup(V){const a=F(0),o={width:340,height:212},e={width:65,height:65},t=n=>{a.value=n.value},c=async()=>(await m(1e3),{backgroundImage:"https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/59fa6e86e09245a9b73e900d35e92739~tplv-188rlo5p4y-2.jpeg",clipImage:"https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/c9958e6b691049949147d62c691e0a4c~tplv-188rlo5p4y-1.png",y:114});return(n,k)=>{const r=y("ClientOnly");return C(),A("div",null,[E,v,f,_,B,b,l(r,null,{default:i(()=>[s("div",q,[l(u(d),{request:c,canvas:o,clip:e,onChange:t}),s("div",null,"value: "+g(a.value),1)])]),_:1}),w])}}});export{N as __pageData,P as default}; diff --git a/assets/other_image-verification.md.a90af41f.lean.js b/assets/other_image-verification.md.a90af41f.lean.js new file mode 100644 index 0000000..6c09d6e --- /dev/null +++ b/assets/other_image-verification.md.a90af41f.lean.js @@ -0,0 +1,42 @@ +import{d as D,r as F,a as y,o as C,c as A,f as l,w as i,b as s,g as u,ay as d,G as g,e as p,m as h,k as m}from"./app.56f20909.js";const E=s("h1",{id:"fatimageverification-\u56FE\u5F62\u9A8C\u8BC1\u7801-\u8BD5\u9A8C",tabindex:"-1"},[p("FatImageVerification \u56FE\u5F62\u9A8C\u8BC1\u7801 (\u8BD5\u9A8C) "),s("a",{class:"header-anchor",href:"#fatimageverification-\u56FE\u5F62\u9A8C\u8BC1\u7801-\u8BD5\u9A8C","aria-hidden":"true"},"#")],-1),v=s("p",null,"\u7B80\u5355\u7684\u56FE\u5F62\u9A8C\u8BC1\u7801",-1),f=s("br",null,null,-1),_=s("br",null,null,-1),B=s("br",null,null,-1),b=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[p("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),q={class:"wk-demo"},w=h(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <div class="wk-demo">
+    <FatImageVerification :request="requestMetadata" :canvas="canvasConfig" :clip="clipConfig" @change="handleChange" />
+    <div>value: {{ value }}</div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { FatImageVerification, FatImageVerificationProps } from '@wakeadmin/components';
+  import { delay } from '@wakeadmin/utils';
+  import { ref } from 'vue';
+
+  const value = ref(0);
+
+  // \u53EF\u9009, \u9ED8\u8BA4 350 * 150
+  const canvasConfig = {
+    width: 340,
+    height: 212,
+  };
+
+  // \u5207\u7247\u5927\u5C0F\uFF0C\u9ED8\u8BA4\u6839\u636E\u4F20\u5165\u7684\u56FE\u7247\u8BBE\u7F6E
+  const clipConfig = {
+    width: 65,
+    height: 65,
+  };
+
+  const handleChange: FatImageVerificationProps['onChange'] = v => {
+    value.value = v.value;
+  };
+
+  const requestMetadata: FatImageVerificationProps['request'] = async () => {
+    await delay(1000);
+    return {
+      backgroundImage:
+        'https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/59fa6e86e09245a9b73e900d35e92739~tplv-188rlo5p4y-2.jpeg',
+      clipImage:
+        'https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/c9958e6b691049949147d62c691e0a4c~tplv-188rlo5p4y-1.png',
+      y: 114,
+    };
+  };
+</script>
+
`,1),N=JSON.parse('{"title":"FatImageVerification \u56FE\u5F62\u9A8C\u8BC1\u7801 (\u8BD5\u9A8C)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/image-verification.md","lastUpdated":1719310312000}'),I={name:"other/image-verification.md"},P=D({...I,setup(V){const a=F(0),o={width:340,height:212},e={width:65,height:65},t=n=>{a.value=n.value},c=async()=>(await m(1e3),{backgroundImage:"https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/59fa6e86e09245a9b73e900d35e92739~tplv-188rlo5p4y-2.jpeg",clipImage:"https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/c9958e6b691049949147d62c691e0a4c~tplv-188rlo5p4y-1.png",y:114});return(n,k)=>{const r=y("ClientOnly");return C(),A("div",null,[E,v,f,_,B,b,l(r,null,{default:i(()=>[s("div",q,[l(u(d),{request:c,canvas:o,clip:e,onChange:t}),s("div",null,"value: "+g(a.value),1)])]),_:1}),w])}}});export{N as __pageData,P as default}; diff --git a/assets/other_logic-tree-custom.demo.md.6dbfa7d6.js b/assets/other_logic-tree-custom.demo.md.6dbfa7d6.js new file mode 100644 index 0000000..3fd6f8d --- /dev/null +++ b/assets/other_logic-tree-custom.demo.md.6dbfa7d6.js @@ -0,0 +1 @@ +import{d as _,r as g,o as c,O as p,w as d,b as o,G as u,g as m,az as v,aA as s,_ as y,a as f,c as C,f as n}from"./app.56f20909.js";const E={class:"node"},h=_({__name:"LogicTreeCustom",setup(i){const l={children:"list",id:"uuid",isGroup:e=>e.category==="group",getLogicType:e=>e.logic==="\u5E76\u884C"?s.OR:s.AND,setLogicType:(e,a)=>e.category==="group"?{...e,logic:a===s.OR?"\u5E76\u884C":"\u4E92\u65A5"}:e},r=g({uuid:"root",category:"group",logic:"\u4E92\u65A5",list:[{uuid:1,category:"group",logic:"\u5E76\u884C",list:[{uuid:31,category:"node",value:"Item 1"},{uuid:32,category:"node",value:"Item 2"}]},{uuid:2,category:"group",logic:"\u5E76\u884C",list:[{uuid:31,category:"node",value:"Item 1"},{uuid:32,category:"node",value:"Item 2"}]}]});return(e,a)=>(c(),p(m(v),{modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=t=>r.value=t),"tree-struct":l,"and-text":"\u4E92\u65A5","or-text":"\u5E76\u884C"},{node:d(t=>[o("div",E,[o("div",null,"VALUE: "+u(t.current.value),1),o("div",null,"INDEX: "+u(t.index),1),o("div",null,"PATH: "+u(t.path),1),o("div",null,"DEPTH: "+u(t.depth),1)])]),_:1},8,["modelValue"]))}});const x=y(h,[["__scopeId","data-v-e863da69"]]),T={class:"wk-demo"},O=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-custom.demo.md","lastUpdated":1719310312000}'),A={name:"other/logic-tree-custom.demo.md"},I=Object.assign(A,{setup(i){return(l,r)=>{const e=f("ClientOnly");return c(),C("div",null,[n(e,null,{default:d(()=>[o("div",T,[n(x)])]),_:1})])}}});export{O as __pageData,I as default}; diff --git a/assets/other_logic-tree-custom.demo.md.6dbfa7d6.lean.js b/assets/other_logic-tree-custom.demo.md.6dbfa7d6.lean.js new file mode 100644 index 0000000..3fd6f8d --- /dev/null +++ b/assets/other_logic-tree-custom.demo.md.6dbfa7d6.lean.js @@ -0,0 +1 @@ +import{d as _,r as g,o as c,O as p,w as d,b as o,G as u,g as m,az as v,aA as s,_ as y,a as f,c as C,f as n}from"./app.56f20909.js";const E={class:"node"},h=_({__name:"LogicTreeCustom",setup(i){const l={children:"list",id:"uuid",isGroup:e=>e.category==="group",getLogicType:e=>e.logic==="\u5E76\u884C"?s.OR:s.AND,setLogicType:(e,a)=>e.category==="group"?{...e,logic:a===s.OR?"\u5E76\u884C":"\u4E92\u65A5"}:e},r=g({uuid:"root",category:"group",logic:"\u4E92\u65A5",list:[{uuid:1,category:"group",logic:"\u5E76\u884C",list:[{uuid:31,category:"node",value:"Item 1"},{uuid:32,category:"node",value:"Item 2"}]},{uuid:2,category:"group",logic:"\u5E76\u884C",list:[{uuid:31,category:"node",value:"Item 1"},{uuid:32,category:"node",value:"Item 2"}]}]});return(e,a)=>(c(),p(m(v),{modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=t=>r.value=t),"tree-struct":l,"and-text":"\u4E92\u65A5","or-text":"\u5E76\u884C"},{node:d(t=>[o("div",E,[o("div",null,"VALUE: "+u(t.current.value),1),o("div",null,"INDEX: "+u(t.index),1),o("div",null,"PATH: "+u(t.path),1),o("div",null,"DEPTH: "+u(t.depth),1)])]),_:1},8,["modelValue"]))}});const x=y(h,[["__scopeId","data-v-e863da69"]]),T={class:"wk-demo"},O=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-custom.demo.md","lastUpdated":1719310312000}'),A={name:"other/logic-tree-custom.demo.md"},I=Object.assign(A,{setup(i){return(l,r)=>{const e=f("ClientOnly");return c(),C("div",null,[n(e,null,{default:d(()=>[o("div",T,[n(x)])]),_:1})])}}});export{O as __pageData,I as default}; diff --git a/assets/other_logic-tree-deep.demo.md.f15b0f09.js b/assets/other_logic-tree-deep.demo.md.f15b0f09.js new file mode 100644 index 0000000..534b04d --- /dev/null +++ b/assets/other_logic-tree-deep.demo.md.f15b0f09.js @@ -0,0 +1 @@ +import{d as u,r as g,aA as o,o as l,O as p,w as c,b as t,G as d,g as _,az as y,_ as m,a as v,c as h,f as n}from"./app.56f20909.js";const f={class:"node"},I=u({__name:"LogicTreeDeep",setup(i){const r=g({id:"root",category:"group",type:o.OR,children:[{category:"node",id:1,value:"Item 1"},{id:2,category:"node",value:"Item 2"},{id:3,category:"group",children:[{id:31,category:"node",value:"Item 3-1"},{id:32,category:"node",value:"Item 3-2"}]},{id:4,category:"group",children:[{id:41,value:"Item 4-1",category:"node"},{id:42,value:"Item 4-2",category:"node"}]},{id:5,category:"group",type:o.OR,children:[]},{id:6,type:o.OR,category:"group",children:[{id:61,category:"group",children:[{id:611,category:"group",children:[{id:6111,value:"Item 6-1-1-1",category:"node"},{id:6112,category:"group",type:o.OR,children:[{id:61121,category:"group",type:o.OR,children:[{id:611211,value:"Item 6-1-1-2-1-1",category:"node"},{id:611212,value:"Item 6-1-1-2-1-2",category:"node"}]}]}]},{id:612,value:"Item 6-1-2",category:"node"}]},{id:62,value:"Item 6-2",category:"node"}]}]});return(s,a)=>(l(),p(_(y),{modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=e=>r.value=e)},{node:c(e=>[t("div",f,[t("div",null,"VALUE: "+d(e.current.value),1),t("div",null,"INDEX: "+d(e.index),1),t("div",null,"PATH: "+d(e.path),1),t("div",null,"DEPTH: "+d(e.depth),1)])]),_:1},8,["modelValue"]))}});const O=m(I,[["__scopeId","data-v-3831f913"]]),x={class:"wk-demo"},V=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-deep.demo.md","lastUpdated":1719310312000}'),D={name:"other/logic-tree-deep.demo.md"},C=Object.assign(D,{setup(i){return(r,s)=>{const a=v("ClientOnly");return l(),h("div",null,[n(a,null,{default:c(()=>[t("div",x,[n(O)])]),_:1})])}}});export{V as __pageData,C as default}; diff --git a/assets/other_logic-tree-deep.demo.md.f15b0f09.lean.js b/assets/other_logic-tree-deep.demo.md.f15b0f09.lean.js new file mode 100644 index 0000000..534b04d --- /dev/null +++ b/assets/other_logic-tree-deep.demo.md.f15b0f09.lean.js @@ -0,0 +1 @@ +import{d as u,r as g,aA as o,o as l,O as p,w as c,b as t,G as d,g as _,az as y,_ as m,a as v,c as h,f as n}from"./app.56f20909.js";const f={class:"node"},I=u({__name:"LogicTreeDeep",setup(i){const r=g({id:"root",category:"group",type:o.OR,children:[{category:"node",id:1,value:"Item 1"},{id:2,category:"node",value:"Item 2"},{id:3,category:"group",children:[{id:31,category:"node",value:"Item 3-1"},{id:32,category:"node",value:"Item 3-2"}]},{id:4,category:"group",children:[{id:41,value:"Item 4-1",category:"node"},{id:42,value:"Item 4-2",category:"node"}]},{id:5,category:"group",type:o.OR,children:[]},{id:6,type:o.OR,category:"group",children:[{id:61,category:"group",children:[{id:611,category:"group",children:[{id:6111,value:"Item 6-1-1-1",category:"node"},{id:6112,category:"group",type:o.OR,children:[{id:61121,category:"group",type:o.OR,children:[{id:611211,value:"Item 6-1-1-2-1-1",category:"node"},{id:611212,value:"Item 6-1-1-2-1-2",category:"node"}]}]}]},{id:612,value:"Item 6-1-2",category:"node"}]},{id:62,value:"Item 6-2",category:"node"}]}]});return(s,a)=>(l(),p(_(y),{modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=e=>r.value=e)},{node:c(e=>[t("div",f,[t("div",null,"VALUE: "+d(e.current.value),1),t("div",null,"INDEX: "+d(e.index),1),t("div",null,"PATH: "+d(e.path),1),t("div",null,"DEPTH: "+d(e.depth),1)])]),_:1},8,["modelValue"]))}});const O=m(I,[["__scopeId","data-v-3831f913"]]),x={class:"wk-demo"},V=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-deep.demo.md","lastUpdated":1719310312000}'),D={name:"other/logic-tree-deep.demo.md"},C=Object.assign(D,{setup(i){return(r,s)=>{const a=v("ClientOnly");return l(),h("div",null,[n(a,null,{default:c(()=>[t("div",x,[n(O)])]),_:1})])}}});export{V as __pageData,C as default}; diff --git a/assets/other_logic-tree-operation.demo.md.c973b0d0.js b/assets/other_logic-tree-operation.demo.md.c973b0d0.js new file mode 100644 index 0000000..052b0d6 --- /dev/null +++ b/assets/other_logic-tree-operation.demo.md.c973b0d0.js @@ -0,0 +1 @@ +import{d as s,r as h,aA as c,B as a,q as t,az as p,C as l,a as m,o as v,c as g,f as u,w as _,b as f,g as C}from"./app.56f20909.js";import{s as r}from"./chunks/LogicTreeOperation.module.30c96374.js";const y=s({setup(){const o=h({category:"group",id:"root",type:c.OR,children:[]});return()=>a("div",{children:[t(p,{modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,renderGroup:e=>{const n=e.current;return e.depth===0?a("div",{class:r.root,children:[n.children.length===0&&t("div",{class:r.empty,children:"\u8FD9\u91CC\u5565\u90FD\u6CA1\u6709"}),e.vdom,t(l,{class:r.button,onClick:()=>{e.append({category:"group",id:"group-"+n.children.length,type:c.AND,children:[{category:"node",id:"node",value:"Example"}]})},children:"\u6DFB\u52A0\u5206\u7EC4"})]}):a("div",{class:r.group,children:[a("h3",{children:["\u5206\u7EC4: ",e.index+1]}),t("div",{class:r.subGroup,children:e.vdom})]})},renderNode:e=>{const n=e.current,d=()=>{const i=Date.now();e.insertAfter({category:"node",id:i,value:`Example ${i}`})};return a("div",{class:r.node,children:[n.value,"-",e.path," ",e.index===0&&t(l,{onClick:d,children:"\u6DFB\u52A0"}),t(l,{onClick:e.remove,children:"\u5220\u9664"})]})}}),t("pre",{children:t("code",{children:JSON.stringify(o.value,void 0,2)})})]})}}),x={class:"wk-demo"},k=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-operation.demo.md","lastUpdated":1719310312000}'),A={name:"other/logic-tree-operation.demo.md"},E=Object.assign(A,{setup(o){return(e,n)=>{const d=m("ClientOnly");return v(),g("div",null,[u(d,null,{default:_(()=>[f("div",x,[u(C(y))])]),_:1})])}}});export{k as __pageData,E as default}; diff --git a/assets/other_logic-tree-operation.demo.md.c973b0d0.lean.js b/assets/other_logic-tree-operation.demo.md.c973b0d0.lean.js new file mode 100644 index 0000000..052b0d6 --- /dev/null +++ b/assets/other_logic-tree-operation.demo.md.c973b0d0.lean.js @@ -0,0 +1 @@ +import{d as s,r as h,aA as c,B as a,q as t,az as p,C as l,a as m,o as v,c as g,f as u,w as _,b as f,g as C}from"./app.56f20909.js";import{s as r}from"./chunks/LogicTreeOperation.module.30c96374.js";const y=s({setup(){const o=h({category:"group",id:"root",type:c.OR,children:[]});return()=>a("div",{children:[t(p,{modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,renderGroup:e=>{const n=e.current;return e.depth===0?a("div",{class:r.root,children:[n.children.length===0&&t("div",{class:r.empty,children:"\u8FD9\u91CC\u5565\u90FD\u6CA1\u6709"}),e.vdom,t(l,{class:r.button,onClick:()=>{e.append({category:"group",id:"group-"+n.children.length,type:c.AND,children:[{category:"node",id:"node",value:"Example"}]})},children:"\u6DFB\u52A0\u5206\u7EC4"})]}):a("div",{class:r.group,children:[a("h3",{children:["\u5206\u7EC4: ",e.index+1]}),t("div",{class:r.subGroup,children:e.vdom})]})},renderNode:e=>{const n=e.current,d=()=>{const i=Date.now();e.insertAfter({category:"node",id:i,value:`Example ${i}`})};return a("div",{class:r.node,children:[n.value,"-",e.path," ",e.index===0&&t(l,{onClick:d,children:"\u6DFB\u52A0"}),t(l,{onClick:e.remove,children:"\u5220\u9664"})]})}}),t("pre",{children:t("code",{children:JSON.stringify(o.value,void 0,2)})})]})}}),x={class:"wk-demo"},k=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-operation.demo.md","lastUpdated":1719310312000}'),A={name:"other/logic-tree-operation.demo.md"},E=Object.assign(A,{setup(o){return(e,n)=>{const d=m("ClientOnly");return v(),g("div",null,[u(d,null,{default:_(()=>[f("div",x,[u(C(y))])]),_:1})])}}});export{k as __pageData,E as default}; diff --git a/assets/other_logic-tree-with-fat-form.demo.md.0921d684.js b/assets/other_logic-tree-with-fat-form.demo.md.0921d684.js new file mode 100644 index 0000000..c20546c --- /dev/null +++ b/assets/other_logic-tree-with-fat-form.demo.md.0921d684.js @@ -0,0 +1 @@ +import{n as h,aA as s,q as t,B as u,C as d,h as m,az as g,a as p,o as C,c as f,f as c,w as v,b as F,g as _}from"./app.56f20909.js";import{s as n}from"./chunks/LogicTreeOperation.module.30c96374.js";const E=h(({group:o,consumer:i})=>()=>({submit:async r=>{console.log("\u4FDD\u5B58",r)},onValidateFailed:r=>{console.log("\u9A8C\u8BC1\u5931\u8D25",r)},children:[o({label:"\u903B\u8F91\u5206\u7EC4",prop:"logic",initialValue:{category:"group",id:"root",type:s.OR,children:[]},rules:{validator(r,e,l){var a;e==null||!((a=e.children)!=null&&a.length)?l(new Error("\u8BF7\u81F3\u5C11\u6DFB\u52A0\u4E00\u4E2A\u5206\u7EC4")):l()}},children:[i(r=>t(g,{basePath:"logic",modelValue:r.getFieldValue("logic"),"onUpdate:modelValue":e=>r.setFieldValue("logic",e),renderGroup:e=>{const l=e.current;return e.depth===0?u("div",{class:n.root,children:[l.children.length===0&&t("div",{class:n.empty,children:"\u8FD9\u91CC\u5565\u90FD\u6CA1\u6709"}),e.vdom,t(d,{class:n.button,onClick:()=>{e.append({category:"group",id:"group-"+l.children.length,type:s.AND,children:[{category:"node",id:"node",value:"Example"}]})},children:"\u6DFB\u52A0\u5206\u7EC4"})]}):u("div",{class:n.group,children:[u("h3",{children:["\u5206\u7EC4: ",e.index+1]}),t("div",{class:n.subGroup,children:e.vdom})]})},renderNode:e=>{e.current;const l=()=>{const a=Date.now();e.insertAfter({category:"node",id:a,value:`Example ${a}`})};return u("div",{class:n.node,children:[t(m,{prop:e.path+".value",rules:{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A"}}),u("div",{children:[e.index===0&&t(d,{onClick:l,children:"\u6DFB\u52A0"}),t(d,{onClick:e.remove,children:"\u5220\u9664"})]})]})}}))]}),o({label:"\u6570\u636E",children:[i(r=>t("pre",{children:t("code",{children:JSON.stringify(r.values,void 0,2)})}))]})]})),y={class:"wk-demo"},x=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-with-fat-form.demo.md","lastUpdated":1719310312000}'),A={name:"other/logic-tree-with-fat-form.demo.md"},V=Object.assign(A,{setup(o){return(i,r)=>{const e=p("ClientOnly");return C(),f("div",null,[c(e,null,{default:v(()=>[F("div",y,[c(_(E))])]),_:1})])}}});export{x as __pageData,V as default}; diff --git a/assets/other_logic-tree-with-fat-form.demo.md.0921d684.lean.js b/assets/other_logic-tree-with-fat-form.demo.md.0921d684.lean.js new file mode 100644 index 0000000..c20546c --- /dev/null +++ b/assets/other_logic-tree-with-fat-form.demo.md.0921d684.lean.js @@ -0,0 +1 @@ +import{n as h,aA as s,q as t,B as u,C as d,h as m,az as g,a as p,o as C,c as f,f as c,w as v,b as F,g as _}from"./app.56f20909.js";import{s as n}from"./chunks/LogicTreeOperation.module.30c96374.js";const E=h(({group:o,consumer:i})=>()=>({submit:async r=>{console.log("\u4FDD\u5B58",r)},onValidateFailed:r=>{console.log("\u9A8C\u8BC1\u5931\u8D25",r)},children:[o({label:"\u903B\u8F91\u5206\u7EC4",prop:"logic",initialValue:{category:"group",id:"root",type:s.OR,children:[]},rules:{validator(r,e,l){var a;e==null||!((a=e.children)!=null&&a.length)?l(new Error("\u8BF7\u81F3\u5C11\u6DFB\u52A0\u4E00\u4E2A\u5206\u7EC4")):l()}},children:[i(r=>t(g,{basePath:"logic",modelValue:r.getFieldValue("logic"),"onUpdate:modelValue":e=>r.setFieldValue("logic",e),renderGroup:e=>{const l=e.current;return e.depth===0?u("div",{class:n.root,children:[l.children.length===0&&t("div",{class:n.empty,children:"\u8FD9\u91CC\u5565\u90FD\u6CA1\u6709"}),e.vdom,t(d,{class:n.button,onClick:()=>{e.append({category:"group",id:"group-"+l.children.length,type:s.AND,children:[{category:"node",id:"node",value:"Example"}]})},children:"\u6DFB\u52A0\u5206\u7EC4"})]}):u("div",{class:n.group,children:[u("h3",{children:["\u5206\u7EC4: ",e.index+1]}),t("div",{class:n.subGroup,children:e.vdom})]})},renderNode:e=>{e.current;const l=()=>{const a=Date.now();e.insertAfter({category:"node",id:a,value:`Example ${a}`})};return u("div",{class:n.node,children:[t(m,{prop:e.path+".value",rules:{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A"}}),u("div",{children:[e.index===0&&t(d,{onClick:l,children:"\u6DFB\u52A0"}),t(d,{onClick:e.remove,children:"\u5220\u9664"})]})]})}}))]}),o({label:"\u6570\u636E",children:[i(r=>t("pre",{children:t("code",{children:JSON.stringify(r.values,void 0,2)})}))]})]})),y={class:"wk-demo"},x=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-with-fat-form.demo.md","lastUpdated":1719310312000}'),A={name:"other/logic-tree-with-fat-form.demo.md"},V=Object.assign(A,{setup(o){return(i,r)=>{const e=p("ClientOnly");return C(),f("div",null,[c(e,null,{default:v(()=>[F("div",y,[c(_(E))])]),_:1})])}}});export{x as __pageData,V as default}; diff --git a/assets/other_logic-tree-with-sortable.demo.md.6dfface6.js b/assets/other_logic-tree-with-sortable.demo.md.6dfface6.js new file mode 100644 index 0000000..8059d1e --- /dev/null +++ b/assets/other_logic-tree-with-sortable.demo.md.6dfface6.js @@ -0,0 +1 @@ +import{n as I,aB as V,aA as B,q as l,B as d,C as m,h as G,az as N,aC as O,a as k,o as P,c as j,f as D,w as q,b as S,g as J}from"./app.56f20909.js";import{s as a}from"./chunks/LogicTreeOperation.module.30c96374.js";const L=I(({form:g,group:c,consumer:h})=>(V(t=>{var f,E,_;const e=(_=(E=(f=g.value)==null?void 0:f.values)==null?void 0:E.logic)==null?void 0:_.children;if(!e.length)return;const r=document.querySelectorAll(`.${a.subGroup} > .fat-logic-tree__list > .fat-logic-tree__group`),o=[];for(const p of r)o.push(new O(p,{group:"shared",draggable:".fat-logic-tree__content",onEnd(n){var x,C,F,y,A,b;if(n.from!==n.to){n.item.remove();const i=parseInt((C=(x=n.from.parentElement)==null?void 0:x.parentElement)==null?void 0:C.dataset.index,10),s=parseInt((y=(F=n.to.parentElement)==null?void 0:F.parentElement)==null?void 0:y.dataset.index,10),u=e[i],v=e[s],w=u.children.splice(n.oldIndex,1)[0];v.children.splice(n.newIndex,0,w),u.children.length||e.splice(i,1)}else{const i=parseInt((b=(A=n.from.parentElement)==null?void 0:A.parentElement)==null?void 0:b.dataset.index,10),s=e[i],u=s.children.splice(n.oldIndex,1)[0];s.children.splice(n.newIndex,0,u)}}}));t(()=>{o.forEach(p=>p.destroy())})}),()=>({submit:async t=>{console.log("\u4FDD\u5B58",t)},onValidateFailed:t=>{console.log("\u9A8C\u8BC1\u5931\u8D25",t)},children:[c({label:"\u903B\u8F91\u5206\u7EC4",prop:"logic",initialValue:{category:"group",id:"root",type:B.OR,children:[]},rules:{validator(t,e,r){var o;e==null||!((o=e.children)!=null&&o.length)?r(new Error("\u8BF7\u81F3\u5C11\u6DFB\u52A0\u4E00\u4E2A\u5206\u7EC4")):r()}},children:[h(t=>l(N,{basePath:"logic",modelValue:t.getFieldValue("logic"),"onUpdate:modelValue":e=>t.setFieldValue("logic",e),renderGroup:e=>{const r=e.current;return e.depth===0?d("div",{class:a.root,children:[r.children.length===0&&l("div",{class:a.empty,children:"\u8FD9\u91CC\u5565\u90FD\u6CA1\u6709"}),e.vdom,l(m,{class:a.button,onClick:()=>{e.append({category:"group",id:"group-"+r.children.length,type:B.AND,children:[{category:"node",id:"node",value:"Example"}]})},children:"\u6DFB\u52A0\u5206\u7EC4"})]}):d("div",{class:a.group,children:[d("h3",{children:["\u5206\u7EC4: ",e.index+1]}),l("div",{class:a.subGroup,"data-index":e.index,children:e.vdom})]})},renderNode:e=>{e.current;const r=()=>{const o=Date.now();e.insertAfter({category:"node",id:o,value:`Example ${o}`})};return d("div",{class:a.node,children:[l(G,{prop:e.path+".value",rules:{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A"}}),d("div",{children:[e.index===0&&l(m,{onClick:r,children:"\u6DFB\u52A0"}),l(m,{onClick:e.remove,children:"\u5220\u9664"})]})]})}}))]}),c({label:"\u6570\u636E",children:[h(t=>l("pre",{children:l("code",{children:JSON.stringify(t.values,void 0,2)})}))]})]}))),T={class:"wk-demo"},R=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-with-sortable.demo.md","lastUpdated":1719310312000}'),U={name:"other/logic-tree-with-sortable.demo.md"},H=Object.assign(U,{setup(g){return(c,h)=>{const t=k("ClientOnly");return P(),j("div",null,[D(t,null,{default:q(()=>[S("div",T,[D(J(L))])]),_:1})])}}});export{R as __pageData,H as default}; diff --git a/assets/other_logic-tree-with-sortable.demo.md.6dfface6.lean.js b/assets/other_logic-tree-with-sortable.demo.md.6dfface6.lean.js new file mode 100644 index 0000000..8059d1e --- /dev/null +++ b/assets/other_logic-tree-with-sortable.demo.md.6dfface6.lean.js @@ -0,0 +1 @@ +import{n as I,aB as V,aA as B,q as l,B as d,C as m,h as G,az as N,aC as O,a as k,o as P,c as j,f as D,w as q,b as S,g as J}from"./app.56f20909.js";import{s as a}from"./chunks/LogicTreeOperation.module.30c96374.js";const L=I(({form:g,group:c,consumer:h})=>(V(t=>{var f,E,_;const e=(_=(E=(f=g.value)==null?void 0:f.values)==null?void 0:E.logic)==null?void 0:_.children;if(!e.length)return;const r=document.querySelectorAll(`.${a.subGroup} > .fat-logic-tree__list > .fat-logic-tree__group`),o=[];for(const p of r)o.push(new O(p,{group:"shared",draggable:".fat-logic-tree__content",onEnd(n){var x,C,F,y,A,b;if(n.from!==n.to){n.item.remove();const i=parseInt((C=(x=n.from.parentElement)==null?void 0:x.parentElement)==null?void 0:C.dataset.index,10),s=parseInt((y=(F=n.to.parentElement)==null?void 0:F.parentElement)==null?void 0:y.dataset.index,10),u=e[i],v=e[s],w=u.children.splice(n.oldIndex,1)[0];v.children.splice(n.newIndex,0,w),u.children.length||e.splice(i,1)}else{const i=parseInt((b=(A=n.from.parentElement)==null?void 0:A.parentElement)==null?void 0:b.dataset.index,10),s=e[i],u=s.children.splice(n.oldIndex,1)[0];s.children.splice(n.newIndex,0,u)}}}));t(()=>{o.forEach(p=>p.destroy())})}),()=>({submit:async t=>{console.log("\u4FDD\u5B58",t)},onValidateFailed:t=>{console.log("\u9A8C\u8BC1\u5931\u8D25",t)},children:[c({label:"\u903B\u8F91\u5206\u7EC4",prop:"logic",initialValue:{category:"group",id:"root",type:B.OR,children:[]},rules:{validator(t,e,r){var o;e==null||!((o=e.children)!=null&&o.length)?r(new Error("\u8BF7\u81F3\u5C11\u6DFB\u52A0\u4E00\u4E2A\u5206\u7EC4")):r()}},children:[h(t=>l(N,{basePath:"logic",modelValue:t.getFieldValue("logic"),"onUpdate:modelValue":e=>t.setFieldValue("logic",e),renderGroup:e=>{const r=e.current;return e.depth===0?d("div",{class:a.root,children:[r.children.length===0&&l("div",{class:a.empty,children:"\u8FD9\u91CC\u5565\u90FD\u6CA1\u6709"}),e.vdom,l(m,{class:a.button,onClick:()=>{e.append({category:"group",id:"group-"+r.children.length,type:B.AND,children:[{category:"node",id:"node",value:"Example"}]})},children:"\u6DFB\u52A0\u5206\u7EC4"})]}):d("div",{class:a.group,children:[d("h3",{children:["\u5206\u7EC4: ",e.index+1]}),l("div",{class:a.subGroup,"data-index":e.index,children:e.vdom})]})},renderNode:e=>{e.current;const r=()=>{const o=Date.now();e.insertAfter({category:"node",id:o,value:`Example ${o}`})};return d("div",{class:a.node,children:[l(G,{prop:e.path+".value",rules:{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A"}}),d("div",{children:[e.index===0&&l(m,{onClick:r,children:"\u6DFB\u52A0"}),l(m,{onClick:e.remove,children:"\u5220\u9664"})]})]})}}))]}),c({label:"\u6570\u636E",children:[h(t=>l("pre",{children:l("code",{children:JSON.stringify(t.values,void 0,2)})}))]})]}))),T={class:"wk-demo"},R=JSON.parse('{"title":"","description":"","frontmatter":{"layout":false},"headers":[],"relativePath":"other/logic-tree-with-sortable.demo.md","lastUpdated":1719310312000}'),U={name:"other/logic-tree-with-sortable.demo.md"},H=Object.assign(U,{setup(g){return(c,h)=>{const t=k("ClientOnly");return P(),j("div",null,[D(t,null,{default:q(()=>[S("div",T,[D(J(L))])]),_:1})])}}});export{R as __pageData,H as default}; diff --git a/assets/other_logic-tree.md.95a7da46.js b/assets/other_logic-tree.md.95a7da46.js new file mode 100644 index 0000000..6c3efa3 --- /dev/null +++ b/assets/other_logic-tree.md.95a7da46.js @@ -0,0 +1,539 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-logic-tree.cfe31231.png",d=JSON.parse('{"title":"FatLogicTree \u903B\u8F91\u6811 (\u8BD5\u9A8C)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[{"level":3,"title":"\u81EA\u5B9A\u4E49\u6811\u7ED3\u6784","slug":"\u81EA\u5B9A\u4E49\u6811\u7ED3\u6784","link":"#\u81EA\u5B9A\u4E49\u6811\u7ED3\u6784","children":[]},{"level":3,"title":"\u8282\u70B9\u64CD\u4F5C","slug":"\u8282\u70B9\u64CD\u4F5C","link":"#\u8282\u70B9\u64CD\u4F5C","children":[]},{"level":3,"title":"\u548C FatForm \u914D\u5408\u4F7F\u7528","slug":"\u548C-fatform-\u914D\u5408\u4F7F\u7528","link":"#\u548C-fatform-\u914D\u5408\u4F7F\u7528","children":[]},{"level":3,"title":"\u591A\u5C42\u5D4C\u5957","slug":"\u591A\u5C42\u5D4C\u5957","link":"#\u591A\u5C42\u5D4C\u5957","children":[]},{"level":3,"title":"\u53EF\u62D6\u62FD","slug":"\u53EF\u62D6\u62FD","link":"#\u53EF\u62D6\u62FD","children":[]}]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"other/logic-tree.md","lastUpdated":1719310312000}'),o={name:"other/logic-tree.md"},e=l(`

FatLogicTree \u903B\u8F91\u6811 (\u8BD5\u9A8C)

\u903B\u8F91\u6811


\u903B\u8F91\u6811\u662F\u4E00\u4E2A\u6811\u5F62\u5BB9\u5668\uFF0C\u53EF\u4EE5\u7528\u6765\u8868\u793A\u4E00\u4E9B\u903B\u8F91\u5173\u7CFB\u3002

\u57FA\u672C\u6982\u5FF5\uFF1A

  • \u8282\u70B9\uFF1A\u6811\u5F62\u7ED3\u6784\u4E2D\u7684\u4E00\u4E2A\u8282\u70B9\u3002 \u5BF9\u5E94\u5230\u903B\u8F91\u8BED\u53E5\u4E2D\uFF0C \u6BD4\u5982 1\u3001 1+1\u3001 a + 1 > 2\uFF0C\u8FD9\u4E9B\u8868\u8FBE\u5F0F\u90FD\u5C5E\u4E8E\u8282\u70B9
  • \u5206\u7EC4\uFF1A\u5C06\u591A\u4E2A\u8282\u70B9\u7EC4\u5408\u8D77\u6765\uFF0C\u7EA6\u675F\u4E00\u4E9B\u903B\u8F91\u5173\u7CFB\u3002 \u6BD4\u5982 (a > 1) && (b < 0) \u5C31\u662F\u4E00\u4E2A\u5206\u7EC4\uFF0C\u5206\u7EC4\u5305\u542B (a > 1) \u548C (b < 0) \u4E24\u4E2A\u8282\u70B9
  • \u903B\u8F91\u5173\u7CFB: \u5F53\u524D\u4EC5\u652F\u6301 AND\u3001OR \u4E24\u79CD\u5173\u7CFB\u3002\u5F53\u7136\u8FD9\u4E2A\u6982\u5FF5\u662F\u53EF\u4EE5\u4E92\u6362\u7684\uFF0C\u6BD4\u5982 \u5E76\u884C \u548C \u4E92\u65A5

\u56E0\u6B64\u903B\u8F91\u6811\u548C\u666E\u901A\u6570\u5728\u7ED3\u6784\u4E0A\u662F\u6709\u4E00\u4E9B\u7EA6\u675F\u7684:

  • \u8282\u70B9\u53EA\u80FD\u653E\u5728\u5206\u7EC4\u4E2D
  • \u8282\u70B9\u4E0D\u80FD\u4F5C\u4E3A\u5206\u7EC4\u7684\u4E0A\u7EA7
  • \u5206\u7EC4\u53EF\u4EE5\u5305\u542B\u5206\u7EC4



\u793A\u4F8B

\u81EA\u5B9A\u4E49\u6811\u7ED3\u6784

FatLogicTree \u672C\u8EAB\u5E76\u4E0D\u8026\u5408\u7EA6\u675F\u6811\u7684\u7ED3\u6784\uFF0C\u53EF\u4EE5\u58F0\u660E\u6811\u7684\u7ED3\u6784\u3001\u903B\u8F91\u7684\u6807\u8BC6\u7B49\u7B49

\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatLogicTree v-model="data" :tree-struct="customTreeStruct" and-text="\u4E92\u65A5" or-text="\u5E76\u884C">
+    <!-- \u81EA\u5B9A\u4E49\u8282\u70B9\u6E32\u67D3 -->
+    <template #node="scope">
+      <div class="node">
+        <div>VALUE: {{ scope.current.value }}</div>
+        <div>INDEX: {{ scope.index }}</div>
+        <div>PATH: {{ scope.path }}</div>
+        <div>DEPTH: {{ scope.depth }}</div>
+      </div>
+    </template>
+  </FatLogicTree>
+</template>
+
+<script setup lang="tsx">
+  import { ref } from 'vue';
+  import { FatLogicTree, LogicType, FatLogicTreeStruct } from '@wakeadmin/components';
+
+  type Group = {
+    uuid: string | number;
+    category: 'group';
+    logic?: '\u5E76\u884C' | '\u4E92\u65A5';
+    // eslint-disable-next-line no-use-before-define
+    list: Item[];
+  };
+
+  type Node = {
+    category: 'node';
+    uuid: string | number;
+    value: string;
+  };
+  type Item = Group | Node;
+
+  // \u81EA\u5B9A\u4E49\u6811\u7ED3\u6784
+  const customTreeStruct: FatLogicTreeStruct<Item> = {
+    // \u5B50\u8282\u70B9\u83B7\u53D6
+    children: 'list',
+    // \u552F\u4E00\u6807\u8BC6\u7B26\u83B7\u53D6
+    id: 'uuid',
+    // \u5224\u65AD\u662F\u5426\u4E3A\u903B\u8F91\u5206\u7EC4
+    isGroup: i => i.category === 'group',
+    // \u83B7\u53D6\u903B\u8F91\u7C7B\u578B
+    getLogicType: i => ((i as Group).logic === '\u5E76\u884C' ? LogicType.OR : LogicType.AND),
+    // \u5199\u5165\u903B\u8F91\u7C7B\u578B
+    setLogicType: (i, type) => {
+      if (i.category === 'group') {
+        return {
+          ...i,
+          logic: type === LogicType.OR ? '\u5E76\u884C' : '\u4E92\u65A5',
+        };
+      }
+
+      return i;
+    },
+  };
+
+  const data = ref<Item>({
+    uuid: 'root',
+    category: 'group',
+    logic: '\u4E92\u65A5',
+    list: [
+      {
+        uuid: 1,
+        category: 'group',
+        logic: '\u5E76\u884C',
+        list: [
+          {
+            uuid: 31,
+            category: 'node',
+            value: 'Item 1',
+          },
+          {
+            uuid: 32,
+            category: 'node',
+            value: 'Item 2',
+          },
+        ],
+      },
+      {
+        uuid: 2,
+        category: 'group',
+        logic: '\u5E76\u884C',
+        list: [
+          {
+            uuid: 31,
+            category: 'node',
+            value: 'Item 1',
+          },
+          {
+            uuid: 32,
+            category: 'node',
+            value: 'Item 2',
+          },
+        ],
+      },
+    ],
+  });
+</script>
+
+<style scoped>
+  .node {
+    background-color: white;
+    padding: 4px;
+    border-radius: 4px;
+    margin-bottom: 8px;
+    border-radius: 4px;
+  }
+</style>
+

\u8282\u70B9\u64CD\u4F5C



\u67E5\u770B\u4EE3\u7801
tsx
import { defineComponent, ref } from 'vue';
+import { FatLogicTree, LogicType } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+import s from './LogicTreeOperation.module.scss';
+
+interface Group {
+  id: string | number;
+  category: 'group';
+  type?: LogicType;
+  children: Item[];
+}
+interface Node {
+  category: 'node';
+  id: string | number;
+  value: string;
+}
+
+type Item = Group | Node;
+
+export default defineComponent({
+  setup() {
+    const data = ref<Item>({
+      category: 'group',
+      id: 'root',
+      type: LogicType.OR,
+      children: [],
+    });
+
+    return () => {
+      // \u652F\u6301\u6CDB\u578B
+      return (
+        <div>
+          <FatLogicTree<Item>
+            modelValue={data.value}
+            onUpdate:modelValue={v => (data.value = v)}
+            // \u81EA\u5B9A\u4E49\u5206\u7EC4\u6E32\u67D3
+            // \u7528\u4E8E\u590D\u6742\u7684\u6837\u5F0F\u5B9A\u4E49
+            renderGroup={scope => {
+              const current = scope.current as Group;
+
+              if (scope.depth === 0) {
+                // \u6839\u8282\u70B9
+                return (
+                  <div class={s.root}>
+                    {current.children.length === 0 && <div class={s.empty}>\u8FD9\u91CC\u5565\u90FD\u6CA1\u6709</div>}
+                    {scope.vdom}
+                    <ElButton
+                      class={s.button}
+                      onClick={() => {
+                        scope.append({
+                          category: 'group',
+                          id: 'group-' + current.children.length,
+                          type: LogicType.AND,
+                          children: [
+                            {
+                              category: 'node',
+                              id: 'node',
+                              value: 'Example',
+                            },
+                          ],
+                        });
+                      }}
+                    >
+                      \u6DFB\u52A0\u5206\u7EC4
+                    </ElButton>
+                  </div>
+                );
+              }
+
+              return (
+                <div class={s.group}>
+                  <h3>\u5206\u7EC4: {scope.index + 1}</h3>
+                  <div class={s.subGroup}>{scope.vdom}</div>
+                </div>
+              );
+            }}
+            // \u81EA\u5B9A\u4E49\u8282\u70B9\u6E32\u67D3
+            renderNode={scope => {
+              const current = scope.current as Node;
+
+              // \u63D2\u5165\u5B50\u8282\u70B9
+              const handleAddChild = () => {
+                const id = Date.now();
+                scope.insertAfter({
+                  category: 'node',
+                  id,
+                  value: \`Example \${id}\`,
+                });
+              };
+
+              return (
+                <div class={s.node}>
+                  {current.value}-{scope.path} {scope.index === 0 && <ElButton onClick={handleAddChild}>\u6DFB\u52A0</ElButton>}
+                  <ElButton onClick={scope.remove}>\u5220\u9664</ElButton>
+                </div>
+              );
+            }}
+          ></FatLogicTree>
+          <pre>
+            <code>{JSON.stringify(data.value, undefined, 2)}</code>
+          </pre>
+        </div>
+      );
+    };
+  },
+});
+
scss
.root {
+  border: 1px solid rgb(180, 180, 180);
+  padding: 10px;
+  border-radius: 10px;
+}
+
+.group {
+  background-color: rgb(135, 208, 135);
+  border-radius: 4px;
+  padding: 5px;
+
+  margin-bottom: 10px;
+}
+
+.subGroup {
+  margin-top: 1em;
+}
+
+.node {
+  background-color: white;
+  padding: 4px;
+  border-radius: 4px;
+  margin-bottom: 4px;
+}
+
+.button {
+  margin-top: 5px;
+}
+



\u548C FatForm \u914D\u5408\u4F7F\u7528

\u67E5\u770B\u4EE3\u7801
tsx
import { defineComponent, ref } from 'vue';
+import { defineFatForm, FatFormItem, FatLogicTree, LogicType } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+import s from './LogicTreeOperation.module.scss';
+
+interface Group {
+  id: string | number;
+  category: 'group';
+  type?: LogicType;
+  children: Item[];
+}
+interface Node {
+  category: 'node';
+  id: string | number;
+  value: string;
+}
+
+type Item = Group | Node;
+
+export default defineFatForm(({ group, consumer }) => {
+  return () => ({
+    submit: async value => {
+      console.log('\u4FDD\u5B58', value);
+    },
+    onValidateFailed: errors => {
+      console.log('\u9A8C\u8BC1\u5931\u8D25', errors);
+    },
+    children: [
+      group({
+        label: '\u903B\u8F91\u5206\u7EC4',
+        prop: 'logic',
+        initialValue: {
+          category: 'group',
+          id: 'root',
+          type: LogicType.OR,
+          children: [],
+        },
+        rules: {
+          validator(rule, value, callback) {
+            if (value == null || !(value as Group).children?.length) {
+              callback(new Error('\u8BF7\u81F3\u5C11\u6DFB\u52A0\u4E00\u4E2A\u5206\u7EC4'));
+            } else {
+              callback();
+            }
+          },
+        },
+        children: [
+          consumer(formScope => {
+            return (
+              <FatLogicTree<Item>
+                basePath="logic"
+                modelValue={formScope.getFieldValue('logic')}
+                onUpdate:modelValue={v => formScope.setFieldValue('logic', v)}
+                // \u81EA\u5B9A\u4E49\u5206\u7EC4\u6E32\u67D3
+                // \u7528\u4E8E\u590D\u6742\u7684\u6837\u5F0F\u5B9A\u4E49
+                renderGroup={scope => {
+                  const current = scope.current as Group;
+
+                  if (scope.depth === 0) {
+                    // \u6839\u8282\u70B9
+                    return (
+                      <div class={s.root}>
+                        {current.children.length === 0 && <div class={s.empty}>\u8FD9\u91CC\u5565\u90FD\u6CA1\u6709</div>}
+                        {scope.vdom}
+                        <ElButton
+                          class={s.button}
+                          onClick={() => {
+                            scope.append({
+                              category: 'group',
+                              id: 'group-' + current.children.length,
+                              type: LogicType.AND,
+                              children: [
+                                {
+                                  category: 'node',
+                                  id: 'node',
+                                  value: 'Example',
+                                },
+                              ],
+                            });
+                          }}
+                        >
+                          \u6DFB\u52A0\u5206\u7EC4
+                        </ElButton>
+                      </div>
+                    );
+                  }
+
+                  return (
+                    <div class={s.group}>
+                      <h3>\u5206\u7EC4: {scope.index + 1}</h3>
+                      <div class={s.subGroup}>{scope.vdom}</div>
+                    </div>
+                  );
+                }}
+                // \u81EA\u5B9A\u4E49\u8282\u70B9\u6E32\u67D3
+                renderNode={scope => {
+                  const current = scope.current as Node;
+
+                  // \u63D2\u5165\u5B50\u8282\u70B9
+                  const handleAddChild = () => {
+                    const id = Date.now();
+                    scope.insertAfter({
+                      category: 'node',
+                      id,
+                      value: \`Example \${id}\`,
+                    });
+                  };
+
+                  return (
+                    <div class={s.node}>
+                      <FatFormItem
+                        prop={scope.path + '.value'}
+                        rules={{ required: true, message: '\u4E0D\u80FD\u4E3A\u7A7A' }}
+                      ></FatFormItem>
+                      <div>
+                        {scope.index === 0 && <ElButton onClick={handleAddChild}>\u6DFB\u52A0</ElButton>}
+                        <ElButton onClick={scope.remove}>\u5220\u9664</ElButton>
+                      </div>
+                    </div>
+                  );
+                }}
+              ></FatLogicTree>
+            );
+          }),
+        ],
+      }),
+      group({
+        label: '\u6570\u636E',
+        children: [
+          consumer(scope => {
+            return (
+              <pre>
+                <code>{JSON.stringify(scope.values, undefined, 2)}</code>
+              </pre>
+            );
+          }),
+        ],
+      }),
+    ],
+  });
+});
+




\u591A\u5C42\u5D4C\u5957



\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatLogicTree v-model="data">
+    <!-- \u81EA\u5B9A\u4E49\u8282\u70B9\u6E32\u67D3 -->
+    <template #node="scope">
+      <div class="node">
+        <div>VALUE: {{ scope.current.value }}</div>
+        <div>INDEX: {{ scope.index }}</div>
+        <div>PATH: {{ scope.path }}</div>
+        <div>DEPTH: {{ scope.depth }}</div>
+      </div>
+    </template>
+  </FatLogicTree>
+</template>
+
+<script setup lang="tsx">
+  import { ref } from 'vue';
+  import { FatLogicTree, LogicType } from '@wakeadmin/components';
+
+  type Item =
+    | {
+        id: string | number;
+        category: 'group';
+        type?: LogicType;
+        children: Item[];
+      }
+    | {
+        category: 'node';
+        id: string | number;
+        value: string;
+      };
+
+  const data = ref<Item>({
+    id: 'root',
+    category: 'group',
+    type: LogicType.OR,
+    children: [
+      {
+        category: 'node',
+        id: 1,
+        value: 'Item 1',
+      },
+      {
+        id: 2,
+        category: 'node',
+        value: 'Item 2',
+      },
+      {
+        id: 3,
+        category: 'group',
+        children: [
+          {
+            id: 31,
+            category: 'node',
+            value: 'Item 3-1',
+          },
+          {
+            id: 32,
+            category: 'node',
+            value: 'Item 3-2',
+          },
+        ],
+      },
+      {
+        id: 4,
+        category: 'group',
+        children: [
+          {
+            id: 41,
+            value: 'Item 4-1',
+            category: 'node',
+          },
+          {
+            id: 42,
+            value: 'Item 4-2',
+            category: 'node',
+          },
+        ],
+      },
+      {
+        id: 5,
+        category: 'group',
+        type: LogicType.OR,
+        children: [],
+      },
+      {
+        id: 6,
+        type: LogicType.OR,
+        category: 'group',
+        children: [
+          {
+            id: 61,
+            category: 'group',
+            children: [
+              {
+                id: 611,
+                category: 'group',
+                children: [
+                  {
+                    id: 6111,
+                    value: 'Item 6-1-1-1',
+                    category: 'node',
+                  },
+                  {
+                    id: 6112,
+                    category: 'group',
+                    type: LogicType.OR,
+                    children: [
+                      {
+                        id: 61121,
+                        category: 'group',
+                        type: LogicType.OR,
+                        children: [
+                          {
+                            id: 611211,
+                            value: 'Item 6-1-1-2-1-1',
+                            category: 'node',
+                          },
+                          {
+                            id: 611212,
+                            value: 'Item 6-1-1-2-1-2',
+                            category: 'node',
+                          },
+                        ],
+                      },
+                    ],
+                  },
+                ],
+              },
+              {
+                id: 612,
+                value: 'Item 6-1-2',
+                category: 'node',
+              },
+            ],
+          },
+          {
+            id: 62,
+            value: 'Item 6-2',
+            category: 'node',
+          },
+        ],
+      },
+    ],
+  });
+</script>
+
+<style scoped>
+  .node {
+    background-color: white;
+    padding: 4px;
+    border-radius: 4px;
+    margin-bottom: 8px;
+    border-radius: 4px;
+  }
+</style>
+




\u53EF\u62D6\u62FD

\u914D\u5408 sortablejs \u5B9E\u73B0

API

',45),c=[e];function t(D,r,F,y,C,A){return n(),a("div",null,c)}const g=s(o,[["render",t]]);export{d as __pageData,g as default}; diff --git a/assets/other_logic-tree.md.95a7da46.lean.js b/assets/other_logic-tree.md.95a7da46.lean.js new file mode 100644 index 0000000..d7ac01e --- /dev/null +++ b/assets/other_logic-tree.md.95a7da46.lean.js @@ -0,0 +1 @@ +import{_ as s,o as n,c as a,m as l}from"./app.56f20909.js";const p="/components/assets/fat-logic-tree.cfe31231.png",d=JSON.parse('{"title":"FatLogicTree \u903B\u8F91\u6811 (\u8BD5\u9A8C)","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[{"level":3,"title":"\u81EA\u5B9A\u4E49\u6811\u7ED3\u6784","slug":"\u81EA\u5B9A\u4E49\u6811\u7ED3\u6784","link":"#\u81EA\u5B9A\u4E49\u6811\u7ED3\u6784","children":[]},{"level":3,"title":"\u8282\u70B9\u64CD\u4F5C","slug":"\u8282\u70B9\u64CD\u4F5C","link":"#\u8282\u70B9\u64CD\u4F5C","children":[]},{"level":3,"title":"\u548C FatForm \u914D\u5408\u4F7F\u7528","slug":"\u548C-fatform-\u914D\u5408\u4F7F\u7528","link":"#\u548C-fatform-\u914D\u5408\u4F7F\u7528","children":[]},{"level":3,"title":"\u591A\u5C42\u5D4C\u5957","slug":"\u591A\u5C42\u5D4C\u5957","link":"#\u591A\u5C42\u5D4C\u5957","children":[]},{"level":3,"title":"\u53EF\u62D6\u62FD","slug":"\u53EF\u62D6\u62FD","link":"#\u53EF\u62D6\u62FD","children":[]}]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"other/logic-tree.md","lastUpdated":1719310312000}'),o={name:"other/logic-tree.md"},e=l("",45),c=[e];function t(D,r,F,y,C,A){return n(),a("div",null,c)}const g=s(o,[["render",t]]);export{d as __pageData,g as default}; diff --git a/assets/other_space.md.27b658f8.js b/assets/other_space.md.27b658f8.js new file mode 100644 index 0000000..86fe0a4 --- /dev/null +++ b/assets/other_space.md.27b658f8.js @@ -0,0 +1,25 @@ +import{d as D,a as p,o as t,O as F,w as l,e as o,f as a,g as y,ax as i,b as s,c as C,m as _}from"./app.56f20909.js";const u="/components/assets/fat-space.cdf687eb.png",A=s("span",null,"world",-1),d=D({__name:"SpaceHoz",setup(e){return(c,r)=>{const n=p("el-button");return t(),F(y(i),null,{default:l(()=>[o(" Hello "),A,a(n,null,{default:l(()=>[o("Button")]),_:1}),a(n,null,{default:l(()=>[o("Another Button")]),_:1})]),_:1})}}}),m=s("span",null,"world",-1),h=D({__name:"SpaceVer",setup(e){return(c,r)=>{const n=p("el-button");return t(),F(y(i),{direction:"vertical"},{default:l(()=>[o(" Hello "),m,a(n,null,{default:l(()=>[o("Button")]),_:1}),a(n,null,{default:l(()=>[o("Another Button")]),_:1})]),_:1})}}}),g=s("h1",{id:"fatspace-\u95F4\u8DDD",tabindex:"-1"},[o("FatSpace \u95F4\u8DDD "),s("a",{class:"header-anchor",href:"#fatspace-\u95F4\u8DDD","aria-hidden":"true"},"#")],-1),b=s("p",null,"\u8BBE\u7F6E\u7EC4\u4EF6\u4E4B\u95F4\u7684\u95F4\u8DDD",-1),f=s("br",null,null,-1),B=s("br",null,null,-1),S=s("br",null,null,-1),v=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[o("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),E=s("p",null,"\u6C34\u5E73:",-1),T={class:"wk-demo"},x=_(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatSpace>
+    Hello
+    <span>world</span>
+    <el-button>Button</el-button>
+    <el-button>Another Button</el-button>
+  </FatSpace>
+</template>
+
+<script lang="tsx" setup>
+  import { FatSpace } from '@wakeadmin/components';
+</script>
+


\u5782\u76F4:

`,4),k={class:"wk-demo"},w=_(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatSpace direction="vertical">
+    Hello
+    <span>world</span>
+    <el-button>Button</el-button>
+    <el-button>Another Button</el-button>
+  </FatSpace>
+</template>
+
+<script lang="tsx" setup>
+  import { FatSpace } from '@wakeadmin/components';
+</script>
+




API

',7),q=JSON.parse('{"title":"FatSpace \u95F4\u8DDD","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/space.md","lastUpdated":1719310312000}'),V={name:"other/space.md"},P=Object.assign(V,{setup(e){return(c,r)=>{const n=p("ClientOnly");return t(),C("div",null,[g,b,f,B,S,v,E,a(n,null,{default:l(()=>[s("div",T,[a(d)])]),_:1}),x,a(n,null,{default:l(()=>[s("div",k,[a(h)])]),_:1}),w])}}});export{q as __pageData,P as default}; diff --git a/assets/other_space.md.27b658f8.lean.js b/assets/other_space.md.27b658f8.lean.js new file mode 100644 index 0000000..48dadca --- /dev/null +++ b/assets/other_space.md.27b658f8.lean.js @@ -0,0 +1 @@ +import{d as D,a as p,o as t,O as F,w as l,e as o,f as a,g as y,ax as i,b as s,c as C,m as _}from"./app.56f20909.js";const u="/components/assets/fat-space.cdf687eb.png",A=s("span",null,"world",-1),d=D({__name:"SpaceHoz",setup(e){return(c,r)=>{const n=p("el-button");return t(),F(y(i),null,{default:l(()=>[o(" Hello "),A,a(n,null,{default:l(()=>[o("Button")]),_:1}),a(n,null,{default:l(()=>[o("Another Button")]),_:1})]),_:1})}}}),m=s("span",null,"world",-1),h=D({__name:"SpaceVer",setup(e){return(c,r)=>{const n=p("el-button");return t(),F(y(i),{direction:"vertical"},{default:l(()=>[o(" Hello "),m,a(n,null,{default:l(()=>[o("Button")]),_:1}),a(n,null,{default:l(()=>[o("Another Button")]),_:1})]),_:1})}}}),g=s("h1",{id:"fatspace-\u95F4\u8DDD",tabindex:"-1"},[o("FatSpace \u95F4\u8DDD "),s("a",{class:"header-anchor",href:"#fatspace-\u95F4\u8DDD","aria-hidden":"true"},"#")],-1),b=s("p",null,"\u8BBE\u7F6E\u7EC4\u4EF6\u4E4B\u95F4\u7684\u95F4\u8DDD",-1),f=s("br",null,null,-1),B=s("br",null,null,-1),S=s("br",null,null,-1),v=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[o("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),E=s("p",null,"\u6C34\u5E73:",-1),T={class:"wk-demo"},x=_("",4),k={class:"wk-demo"},w=_("",7),q=JSON.parse('{"title":"FatSpace \u95F4\u8DDD","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/space.md","lastUpdated":1719310312000}'),V={name:"other/space.md"},P=Object.assign(V,{setup(e){return(c,r)=>{const n=p("ClientOnly");return t(),C("div",null,[g,b,f,B,S,v,E,a(n,null,{default:l(()=>[s("div",T,[a(d)])]),_:1}),x,a(n,null,{default:l(()=>[s("div",k,[a(h)])]),_:1}),w])}}});export{q as __pageData,P as default}; diff --git a/assets/other_switch.md.3605ddec.js b/assets/other_switch.md.3605ddec.js new file mode 100644 index 0000000..72d026a --- /dev/null +++ b/assets/other_switch.md.3605ddec.js @@ -0,0 +1,11 @@ +import{r as p,a as t,o as c,c as r,f as n,w as D,m as l,b as i,g as F,a7 as y}from"./app.56f20909.js";const d=l('

FatSwitch \u5F00\u5173

@wakeadmin/components \u79FB\u690D\u4E86 element-plus \u7684 el-switch \u7EC4\u4EF6\u3002\u5982\u679C\u4F60\u60F3\u8981\u5728 element-ui \u4E2D\u4F7F\u7528 inline-prompt\u3001loading\u3001beforeChange \u7B49\u7279\u6027\uFF0C\u53EF\u4EE5\u4F7F\u7528\u8FD9\u4E2A\u7EC4\u4EF6\u3002




',5),C={class:"wk-demo"},A=l(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatSwitch v-model="active" />
+</template>
+
+<script setup>
+  import { FatSwitch } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const active = ref(true);
+</script>
+



API

\u89C1element-plus


\u6CE8\u610F\u4E8B\u9879

size \u4EC5\u652F\u6301\u9ED8\u8BA4\u548C small

`,8),f=JSON.parse('{"title":"FatSwitch \u5F00\u5173","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"other/switch.md","lastUpdated":1719310312000}'),_={name:"other/switch.md"},b=Object.assign(_,{setup(m){const s=p(!0);return(u,a)=>{const e=t("ClientOnly");return c(),r("div",null,[d,n(e,null,{default:D(()=>[i("div",C,[n(F(y),{modelValue:s.value,"onUpdate:modelValue":a[0]||(a[0]=o=>s.value=o)},null,8,["modelValue"])])]),_:1}),A])}}});export{f as __pageData,b as default}; diff --git a/assets/other_switch.md.3605ddec.lean.js b/assets/other_switch.md.3605ddec.lean.js new file mode 100644 index 0000000..42addfc --- /dev/null +++ b/assets/other_switch.md.3605ddec.lean.js @@ -0,0 +1 @@ +import{r as p,a as t,o as c,c as r,f as n,w as D,m as l,b as i,g as F,a7 as y}from"./app.56f20909.js";const d=l("",5),C={class:"wk-demo"},A=l("",8),f=JSON.parse('{"title":"FatSwitch \u5F00\u5173","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"other/switch.md","lastUpdated":1719310312000}'),_={name:"other/switch.md"},b=Object.assign(_,{setup(m){const s=p(!0);return(u,a)=>{const e=t("ClientOnly");return c(),r("div",null,[d,n(e,null,{default:D(()=>[i("div",C,[n(F(y),{modelValue:s.value,"onUpdate:modelValue":a[0]||(a[0]=o=>s.value=o)},null,8,["modelValue"])])]),_:1}),A])}}});export{f as __pageData,b as default}; diff --git a/assets/other_text.md.42cb4217.js b/assets/other_text.md.42cb4217.js new file mode 100644 index 0000000..1e8bd40 --- /dev/null +++ b/assets/other_text.md.42cb4217.js @@ -0,0 +1,49 @@ +import{a as e,o as c,c as r,f as a,w as l,b as s,e as n,m as F,g as p,aD as o,aE as D}from"./app.56f20909.js";const y="/components/assets/fat-text.19fa747d.png",i=s("h1",{id:"fattext-\u6587\u672C",tabindex:"-1"},[n("FatText \u6587\u672C "),s("a",{class:"header-anchor",href:"#fattext-\u6587\u672C","aria-hidden":"true"},"#")],-1),C=s("p",null,"FatText \u7528\u4E8E\u5BF9\u6587\u672C\u8FDB\u884C\u4E00\u4E9B\u7B80\u5355\u7684\u88C5\u9970\u3001\u64CD\u4F5C\u3002",-1),A=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[n("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),_={class:"wk-demo"},d=s("h5",null,"\u4E0B\u5212\u7EBF",-1),h=s("br",null,null,-1),u=s("br",null,null,-1),g=s("h5",null,"\u989C\u8272",-1),b=s("br",null,null,-1),B=s("br",null,null,-1),E=s("h5",null,"\u591A\u884C\u7701\u7565",-1),m=s("br",null,null,-1),x=s("br",null,null,-1),f=s("br",null,null,-1),T=s("br",null,null,-1),k=s("br",null,null,-1),q=s("br",null,null,-1),v=s("h5",null,"\u53EF\u62F7\u8D1D",-1),w=s("br",null,null,-1),N=s("br",null,null,-1),V=s("h5",null,"\u94FE\u63A5",-1),P=F(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <h5>\u4E0B\u5212\u7EBF</h5>
+
+  <FatText underline> \u90A3\u4E9B\u5BC2\u5BDE\u7684\u82B1\u6735 \u662F\u6625\u5929\u9057\u5931\u7684\u5634\u5507 \u2014\u2014\u300A\u6211\uFF0C\u4EE5\u53CA\u5176\u4ED6\u7684\u8BC1\u4EBA\u300B </FatText>
+
+  <br />
+  <br />
+
+  <h5>\u989C\u8272</h5>
+
+  <FatText color="primary"> \u8FD8\u6709\u4E00\u4E9B\u6211\u4EEC\u719F\u6089\u7684\u5C06\u8981\u6B7B\u53BB \u6211\u4EEC\u4E0D\u719F\u6089\u7684\u6162\u6162\u751F\u6839 \u2014\u2014\u300A\u9ED1\u98CE\u300B </FatText>
+
+  <br />
+  <br />
+
+  <h5>\u591A\u884C\u7701\u7565</h5>
+
+  <FatText tag="p" style="width: 150px" :ellipsis="3">
+    \u79BB\u5F00\u59BB\u5B50\u6211<br />
+    \u81EA\u5DF1\u662F\u4E00\u53EA<br />
+    \u88C5\u6EE1\u6DE1\u6C34\u7684\u53E3\u888B<br />
+    \u5728\u9646\u5730\u4E0A\u884C\u8D70<br />
+    \u2014\u2014\u300A\u59BB\u5B50\u548C\u9C7C\u300B
+  </FatText>
+
+  <br />
+  <br />
+
+  <h5>\u53EF\u62F7\u8D1D</h5>
+
+  <FatText copyable> \u4E00\u5207\u4E0D\u5E78\u90FD\u6E90\u4E8E\uFF0C\u6211\u5E7D\u6DF1\u7684\u6C34 \u2014\u2014\u300A\u591C\u6708\u300B </FatText>
+
+  <br />
+  <br />
+
+  <h5>\u94FE\u63A5</h5>
+
+  <FatLink
+    href="https://zh.m.wikipedia.org/zh-hans/%E8%8B%8F%E8%81%94%E6%94%BF%E6%B2%BB%E7%AC%91%E8%AF%9D"
+    target="_blank"
+    copyable
+    >\u82CF\u8054\u7B11\u8BDD\u5408\u96C6</FatLink
+  >
+</template>
+
+<script setup>
+  import { FatText, FatLink } from '@wakeadmin/components';
+</script>
+




API

',7),j=JSON.parse('{"title":"FatText \u6587\u672C","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"other/text.md","lastUpdated":1719310312000}'),S={name:"other/text.md"},J=Object.assign(S,{setup(z){return(I,L)=>{const t=e("ClientOnly");return c(),r("div",null,[i,C,A,a(t,null,{default:l(()=>[s("div",_,[d,a(p(o),{underline:""},{default:l(()=>[n(" \u90A3\u4E9B\u5BC2\u5BDE\u7684\u82B1\u6735 \u662F\u6625\u5929\u9057\u5931\u7684\u5634\u5507 \u2014\u2014\u300A\u6211\uFF0C\u4EE5\u53CA\u5176\u4ED6\u7684\u8BC1\u4EBA\u300B ")]),_:1}),h,u,g,a(p(o),{color:"primary"},{default:l(()=>[n(" \u8FD8\u6709\u4E00\u4E9B\u6211\u4EEC\u719F\u6089\u7684\u5C06\u8981\u6B7B\u53BB \u6211\u4EEC\u4E0D\u719F\u6089\u7684\u6162\u6162\u751F\u6839 \u2014\u2014\u300A\u9ED1\u98CE\u300B ")]),_:1}),b,B,E,a(p(o),{tag:"p",style:{width:"150px"},ellipsis:3},{default:l(()=>[n(" \u79BB\u5F00\u59BB\u5B50\u6211"),m,n(" \u81EA\u5DF1\u662F\u4E00\u53EA"),x,n(" \u88C5\u6EE1\u6DE1\u6C34\u7684\u53E3\u888B"),f,n(" \u5728\u9646\u5730\u4E0A\u884C\u8D70"),T,n(" \u2014\u2014\u300A\u59BB\u5B50\u548C\u9C7C\u300B ")]),_:1}),k,q,v,a(p(o),{copyable:""},{default:l(()=>[n(" \u4E00\u5207\u4E0D\u5E78\u90FD\u6E90\u4E8E\uFF0C\u6211\u5E7D\u6DF1\u7684\u6C34 \u2014\u2014\u300A\u591C\u6708\u300B ")]),_:1}),w,N,V,a(p(D),{href:"https://zh.m.wikipedia.org/zh-hans/%E8%8B%8F%E8%81%94%E6%94%BF%E6%B2%BB%E7%AC%91%E8%AF%9D",target:"_blank",copyable:""},{default:l(()=>[n("\u82CF\u8054\u7B11\u8BDD\u5408\u96C6")]),_:1})])]),_:1}),P])}}});export{j as __pageData,J as default}; diff --git a/assets/other_text.md.42cb4217.lean.js b/assets/other_text.md.42cb4217.lean.js new file mode 100644 index 0000000..f2dc944 --- /dev/null +++ b/assets/other_text.md.42cb4217.lean.js @@ -0,0 +1 @@ +import{a as e,o as c,c as r,f as a,w as l,b as s,e as n,m as F,g as p,aD as o,aE as D}from"./app.56f20909.js";const y="/components/assets/fat-text.19fa747d.png",i=s("h1",{id:"fattext-\u6587\u672C",tabindex:"-1"},[n("FatText \u6587\u672C "),s("a",{class:"header-anchor",href:"#fattext-\u6587\u672C","aria-hidden":"true"},"#")],-1),C=s("p",null,"FatText \u7528\u4E8E\u5BF9\u6587\u672C\u8FDB\u884C\u4E00\u4E9B\u7B80\u5355\u7684\u88C5\u9970\u3001\u64CD\u4F5C\u3002",-1),A=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[n("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),_={class:"wk-demo"},d=s("h5",null,"\u4E0B\u5212\u7EBF",-1),h=s("br",null,null,-1),u=s("br",null,null,-1),g=s("h5",null,"\u989C\u8272",-1),b=s("br",null,null,-1),B=s("br",null,null,-1),E=s("h5",null,"\u591A\u884C\u7701\u7565",-1),m=s("br",null,null,-1),x=s("br",null,null,-1),f=s("br",null,null,-1),T=s("br",null,null,-1),k=s("br",null,null,-1),q=s("br",null,null,-1),v=s("h5",null,"\u53EF\u62F7\u8D1D",-1),w=s("br",null,null,-1),N=s("br",null,null,-1),V=s("h5",null,"\u94FE\u63A5",-1),P=F("",7),j=JSON.parse('{"title":"FatText \u6587\u672C","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]},{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"other/text.md","lastUpdated":1719310312000}'),S={name:"other/text.md"},J=Object.assign(S,{setup(z){return(I,L)=>{const t=e("ClientOnly");return c(),r("div",null,[i,C,A,a(t,null,{default:l(()=>[s("div",_,[d,a(p(o),{underline:""},{default:l(()=>[n(" \u90A3\u4E9B\u5BC2\u5BDE\u7684\u82B1\u6735 \u662F\u6625\u5929\u9057\u5931\u7684\u5634\u5507 \u2014\u2014\u300A\u6211\uFF0C\u4EE5\u53CA\u5176\u4ED6\u7684\u8BC1\u4EBA\u300B ")]),_:1}),h,u,g,a(p(o),{color:"primary"},{default:l(()=>[n(" \u8FD8\u6709\u4E00\u4E9B\u6211\u4EEC\u719F\u6089\u7684\u5C06\u8981\u6B7B\u53BB \u6211\u4EEC\u4E0D\u719F\u6089\u7684\u6162\u6162\u751F\u6839 \u2014\u2014\u300A\u9ED1\u98CE\u300B ")]),_:1}),b,B,E,a(p(o),{tag:"p",style:{width:"150px"},ellipsis:3},{default:l(()=>[n(" \u79BB\u5F00\u59BB\u5B50\u6211"),m,n(" \u81EA\u5DF1\u662F\u4E00\u53EA"),x,n(" \u88C5\u6EE1\u6DE1\u6C34\u7684\u53E3\u888B"),f,n(" \u5728\u9646\u5730\u4E0A\u884C\u8D70"),T,n(" \u2014\u2014\u300A\u59BB\u5B50\u548C\u9C7C\u300B ")]),_:1}),k,q,v,a(p(o),{copyable:""},{default:l(()=>[n(" \u4E00\u5207\u4E0D\u5E78\u90FD\u6E90\u4E8E\uFF0C\u6211\u5E7D\u6DF1\u7684\u6C34 \u2014\u2014\u300A\u591C\u6708\u300B ")]),_:1}),w,N,V,a(p(D),{href:"https://zh.m.wikipedia.org/zh-hans/%E8%8B%8F%E8%81%94%E6%94%BF%E6%B2%BB%E7%AC%91%E8%AF%9D",target:"_blank",copyable:""},{default:l(()=>[n("\u82CF\u8054\u7B11\u8BDD\u5408\u96C6")]),_:1})])]),_:1}),P])}}});export{j as __pageData,J as default}; diff --git a/assets/other_tree-select.md.17d3ad73.js b/assets/other_tree-select.md.17d3ad73.js new file mode 100644 index 0000000..b66c666 --- /dev/null +++ b/assets/other_tree-select.md.17d3ad73.js @@ -0,0 +1 @@ +import{_ as e,o as t,c as a,m as r}from"./app.56f20909.js";const f=JSON.parse('{"title":"FatTreeSelect \u6811\u9009\u62E9\u5668","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"other/tree-select.md","lastUpdated":1719310312000}'),c={name:"other/tree-select.md"},o=r('

FatTreeSelect \u6811\u9009\u62E9\u5668

@wakeadmin/components \u79FB\u690D\u4E86 element-plus \u7684 el-tree-select \u7EC4\u4EF6\u3002\u5982\u679C\u4F60\u60F3\u8981\u5728 element-ui \u4E2D\u6811\u9009\u62E9\u5668\uFF0C\u53EF\u4EE5\u4F7F\u7528\u8FD9\u4E2A\u7EC4\u4EF6\u3002




API

\u89C1element-plus



',9),n=[o];function s(l,d,i,_,p,h){return t(),a("div",null,n)}const u=e(c,[["render",s]]);export{f as __pageData,u as default}; diff --git a/assets/other_tree-select.md.17d3ad73.lean.js b/assets/other_tree-select.md.17d3ad73.lean.js new file mode 100644 index 0000000..f81cc71 --- /dev/null +++ b/assets/other_tree-select.md.17d3ad73.lean.js @@ -0,0 +1 @@ +import{_ as e,o as t,c as a,m as r}from"./app.56f20909.js";const f=JSON.parse('{"title":"FatTreeSelect \u6811\u9009\u62E9\u5668","description":"","frontmatter":{},"headers":[{"level":2,"title":"API","slug":"api","link":"#api","children":[]}],"relativePath":"other/tree-select.md","lastUpdated":1719310312000}'),c={name:"other/tree-select.md"},o=r("",9),n=[o];function s(l,d,i,_,p,h){return t(),a("div",null,n)}const u=e(c,[["render",s]]);export{f as __pageData,u as default}; diff --git a/assets/other_vnode.md.3702dbaf.js b/assets/other_vnode.md.3702dbaf.js new file mode 100644 index 0000000..6e85b8e --- /dev/null +++ b/assets/other_vnode.md.3702dbaf.js @@ -0,0 +1,13 @@ +import{d as D,o as c,c as r,f as a,g as o,a9 as t,K as y,B as u,q as C,a as d,w as A,b as s,e as l,m as i}from"./app.56f20909.js";const _=D({__name:"VNodeRender",setup(F){const p=C("div",{children:"\u201C996\u201D\u5DE5\u4F5C\u5236\uFF0C\u5373\u6BCF\u5929\u65E9 9 \u70B9\u5230\u5C97\uFF0C\u4E00\u76F4\u5DE5\u4F5C\u5230\u665A\u4E0A 9 \u70B9\uFF0C\u6BCF\u5468\u5DE5\u4F5C 6 \u5929\u3002"}),e=n=>u("div",{children:["\u201C996\u201D\u5DE5\u4F5C\u5236\u7684\u5468\u5DE5\u4F5C\u65F6\u95F4\u4E3A\u6700\u4F4E 12x6=",n," \u5C0F\u65F6\u3002"]});return(n,x)=>(c(),r(y,null,[a(o(t),{vnode:o(p)},null,8,["vnode"]),a(o(t),{vnode:e(72)},null,8,["vnode"])],64))}}),m=s("h1",{id:"fatvnode-vnode-\u6E32\u67D3",tabindex:"-1"},[l("FatVNode VNode \u6E32\u67D3 "),s("a",{class:"header-anchor",href:"#fatvnode-vnode-\u6E32\u67D3","aria-hidden":"true"},"#")],-1),v=s("p",null,[l("JSX \u7684\u6E32\u67D3\u7ED3\u679C\u662F\u4E0D\u80FD\u76F4\u63A5\u5728 template \u4E0A\u6E32\u67D3\u7684\uFF0C\u56E0\u6B64\u6211\u4EEC\u63D0\u4F9B\u4E86 FatVNode \u8F85\u52A9\u6E32\u67D3\u3002"),s("strong",null,"\u4E0D\u8FC7\u5927\u90E8\u5206\u60C5\u51B5\u4E0B\uFF0C\u6211\u4EEC\u8FD8\u662F\u63A8\u8350\u5F00\u53D1\u8005\u9075\u5FAA Vue \u7684\u6700\u4F73\u5B9E\u8DF5\uFF0C\u4F18\u5148\u4F7F\u7528\u6A21\u677F\u7684\u80FD\u529B"),l("\u3002")],-1),h=s("br",null,null,-1),g=s("br",null,null,-1),E=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[l("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),V=s("br",null,null,-1),N={class:"wk-demo"},f=i(`
\u67E5\u770B\u4EE3\u7801
vue
<template>
+  <FatVNode :vnode="sample1" />
+  <FatVNode :vnode="sample2(72)" />
+</template>
+
+<script setup lang="tsx">
+  import { FatVNode } from '@wakeadmin/components';
+
+  const sample1 = <div>\u201C996\u201D\u5DE5\u4F5C\u5236\uFF0C\u5373\u6BCF\u5929\u65E9 9 \u70B9\u5230\u5C97\uFF0C\u4E00\u76F4\u5DE5\u4F5C\u5230\u665A\u4E0A 9 \u70B9\uFF0C\u6BCF\u5468\u5DE5\u4F5C 6 \u5929\u3002</div>;
+
+  const sample2 = (value: number) => <div>\u201C996\u201D\u5DE5\u4F5C\u5236\u7684\u5468\u5DE5\u4F5C\u65F6\u95F4\u4E3A\u6700\u4F4E 12x6={value} \u5C0F\u65F6\u3002</div>;
+</script>
+
`,1),q=JSON.parse('{"title":"FatVNode VNode \u6E32\u67D3","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/vnode.md","lastUpdated":1719310312000}'),B={name:"other/vnode.md"},T=Object.assign(B,{setup(F){return(p,e)=>{const n=d("ClientOnly");return c(),r("div",null,[m,v,h,g,E,V,a(n,null,{default:A(()=>[s("div",N,[a(_)])]),_:1}),f])}}});export{q as __pageData,T as default}; diff --git a/assets/other_vnode.md.3702dbaf.lean.js b/assets/other_vnode.md.3702dbaf.lean.js new file mode 100644 index 0000000..cb2af75 --- /dev/null +++ b/assets/other_vnode.md.3702dbaf.lean.js @@ -0,0 +1 @@ +import{d as D,o as c,c as r,f as a,g as o,a9 as t,K as y,B as u,q as C,a as d,w as A,b as s,e as l,m as i}from"./app.56f20909.js";const _=D({__name:"VNodeRender",setup(F){const p=C("div",{children:"\u201C996\u201D\u5DE5\u4F5C\u5236\uFF0C\u5373\u6BCF\u5929\u65E9 9 \u70B9\u5230\u5C97\uFF0C\u4E00\u76F4\u5DE5\u4F5C\u5230\u665A\u4E0A 9 \u70B9\uFF0C\u6BCF\u5468\u5DE5\u4F5C 6 \u5929\u3002"}),e=n=>u("div",{children:["\u201C996\u201D\u5DE5\u4F5C\u5236\u7684\u5468\u5DE5\u4F5C\u65F6\u95F4\u4E3A\u6700\u4F4E 12x6=",n," \u5C0F\u65F6\u3002"]});return(n,x)=>(c(),r(y,null,[a(o(t),{vnode:o(p)},null,8,["vnode"]),a(o(t),{vnode:e(72)},null,8,["vnode"])],64))}}),m=s("h1",{id:"fatvnode-vnode-\u6E32\u67D3",tabindex:"-1"},[l("FatVNode VNode \u6E32\u67D3 "),s("a",{class:"header-anchor",href:"#fatvnode-vnode-\u6E32\u67D3","aria-hidden":"true"},"#")],-1),v=s("p",null,[l("JSX \u7684\u6E32\u67D3\u7ED3\u679C\u662F\u4E0D\u80FD\u76F4\u63A5\u5728 template \u4E0A\u6E32\u67D3\u7684\uFF0C\u56E0\u6B64\u6211\u4EEC\u63D0\u4F9B\u4E86 FatVNode \u8F85\u52A9\u6E32\u67D3\u3002"),s("strong",null,"\u4E0D\u8FC7\u5927\u90E8\u5206\u60C5\u51B5\u4E0B\uFF0C\u6211\u4EEC\u8FD8\u662F\u63A8\u8350\u5F00\u53D1\u8005\u9075\u5FAA Vue \u7684\u6700\u4F73\u5B9E\u8DF5\uFF0C\u4F18\u5148\u4F7F\u7528\u6A21\u677F\u7684\u80FD\u529B"),l("\u3002")],-1),h=s("br",null,null,-1),g=s("br",null,null,-1),E=s("h2",{id:"\u793A\u4F8B",tabindex:"-1"},[l("\u793A\u4F8B "),s("a",{class:"header-anchor",href:"#\u793A\u4F8B","aria-hidden":"true"},"#")],-1),V=s("br",null,null,-1),N={class:"wk-demo"},f=i("",1),q=JSON.parse('{"title":"FatVNode VNode \u6E32\u67D3","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u793A\u4F8B","slug":"\u793A\u4F8B","link":"#\u793A\u4F8B","children":[]}],"relativePath":"other/vnode.md","lastUpdated":1719310312000}'),B={name:"other/vnode.md"},T=Object.assign(B,{setup(F){return(p,e)=>{const n=d("ClientOnly");return c(),r("div",null,[m,v,h,g,E,V,a(n,null,{default:A(()=>[s("div",N,[a(_)])]),_:1}),f])}}});export{q as __pageData,T as default}; diff --git a/assets/query.ee1af7c2.png b/assets/query.ee1af7c2.png new file mode 100644 index 0000000..1a2de36 Binary files /dev/null and b/assets/query.ee1af7c2.png differ diff --git a/assets/request.c204d523.png b/assets/request.c204d523.png new file mode 100644 index 0000000..4d57662 Binary files /dev/null and b/assets/request.c204d523.png differ diff --git a/assets/slots.c608f9c8.png b/assets/slots.c608f9c8.png new file mode 100644 index 0000000..e53098b Binary files /dev/null and b/assets/slots.c608f9c8.png differ diff --git a/assets/style.d5554c65.css b/assets/style.d5554c65.css new file mode 100644 index 0000000..8556174 --- /dev/null +++ b/assets/style.d5554c65.css @@ -0,0 +1 @@ +@charset "UTF-8";@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/components/assets/inter-roman-cyrillic.5f2c6c8c.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/components/assets/inter-roman-cyrillic-ext.e75737ce.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/components/assets/inter-roman-greek.d5a6d92a.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/components/assets/inter-roman-greek-ext.ab0619bc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/components/assets/inter-roman-latin.2ed14f66.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/components/assets/inter-roman-latin-ext.0030eebd.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/components/assets/inter-roman-vietnamese.14ce25a6.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/components/assets/inter-italic-cyrillic.ea42a392.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/components/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/components/assets/inter-italic-greek.8f4463c4.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/components/assets/inter-italic-greek-ext.4fbe9427.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/components/assets/inter-italic-latin.bd3b6f56.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/components/assets/inter-italic-latin-ext.bd8920cc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/components/assets/inter-italic-vietnamese.6ce511fb.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var experimental;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(/components/assets/inter-cyrillic.f8750142.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var experimental;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(/components/assets/inter-cyrillic-ext.0877b0d9.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var experimental;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(/components/assets/inter-greek.117e1956.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var experimental;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(/components/assets/inter-greek-ext.3e6f6728.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var experimental;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(/components/assets/inter-latin.4fe6132f.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var experimental;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(/components/assets/inter-latin-ext.7cc429bc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var experimental;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(/components/assets/inter-vietnamese.2c644a25.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}:root{--vp-c-white: #ffffff;--vp-c-white-soft: #f9f9f9;--vp-c-white-mute: #f1f1f1;--vp-c-black: #1a1a1a;--vp-c-black-pure: #000000;--vp-c-black-soft: #242424;--vp-c-black-mute: #2f2f2f;--vp-c-gray: #8e8e8e;--vp-c-gray-light-1: #aeaeae;--vp-c-gray-light-2: #c7c7c7;--vp-c-gray-light-3: #d1d1d1;--vp-c-gray-light-4: #e5e5e5;--vp-c-gray-light-5: #f2f2f2;--vp-c-gray-dark-1: #636363;--vp-c-gray-dark-2: #484848;--vp-c-gray-dark-3: #3a3a3a;--vp-c-gray-dark-4: #282828;--vp-c-gray-dark-5: #202020;--vp-c-divider-light-1: rgba(60, 60, 60, .29);--vp-c-divider-light-2: rgba(60, 60, 60, .12);--vp-c-divider-dark-1: rgba(84, 84, 84, .65);--vp-c-divider-dark-2: rgba(84, 84, 84, .48);--vp-c-text-light-1: var(--vp-c-indigo);--vp-c-text-light-2: rgba(60, 60, 60, .7);--vp-c-text-light-3: rgba(60, 60, 60, .33);--vp-c-text-light-4: rgba(60, 60, 60, .18);--vp-c-text-dark-1: rgba(255, 255, 255, .87);--vp-c-text-dark-2: rgba(235, 235, 235, .6);--vp-c-text-dark-3: rgba(235, 235, 235, .38);--vp-c-text-dark-4: rgba(235, 235, 235, .18);--vp-c-indigo: #213547;--vp-c-indigo-soft: #476582;--vp-c-indigo-light: #aac8e4;--vp-c-indigo-lighter: #c9def1;--vp-c-indigo-dark: #1d2f3f;--vp-c-indigo-darker: #14212e;--vp-c-green: #42b883;--vp-c-green-light: #42d392;--vp-c-green-lighter: #35eb9a;--vp-c-green-dark: #33a06f;--vp-c-green-darker: #155f3e;--vp-c-green-dimm-1: rgba(66, 184, 131, .5);--vp-c-green-dimm-2: rgba(66, 184, 131, .25);--vp-c-green-dimm-3: rgba(66, 184, 131, .05);--vp-c-yellow: #ffc517;--vp-c-yellow-light: #fcd253;--vp-c-yellow-lighter: #fcfc7c;--vp-c-yellow-dark: #e0ad15;--vp-c-yellow-darker: #ad850e;--vp-c-yellow-dimm-1: rgba(255, 197, 23, .5);--vp-c-yellow-dimm-2: rgba(255, 197, 23, .25);--vp-c-yellow-dimm-3: rgba(255, 197, 23, .05);--vp-c-red: #ed3c50;--vp-c-red-light: #f54e82;--vp-c-red-lighter: #fd1d7c;--vp-c-red-dark: #cd2d3f;--vp-c-red-darker: #ab2131;--vp-c-red-dimm-1: rgba(237, 60, 80, .5);--vp-c-red-dimm-2: rgba(237, 60, 80, .25);--vp-c-red-dimm-3: rgba(237, 60, 80, .05)}:root{--vp-c-bg: var(--vp-c-white);--vp-c-bg-soft: var(--vp-c-white-soft);--vp-c-bg-mute: var(--vp-c-white-mute);--vp-c-bg-alt: var(--vp-c-white-soft);--vp-c-divider: var(--vp-c-divider-light-1);--vp-c-divider-light: var(--vp-c-divider-light-2);--vp-c-divider-inverse: var(--vp-c-divider-dark-1);--vp-c-divider-inverse-light: var(--vp-c-divider-dark-2);--vp-c-text-1: var(--vp-c-text-light-1);--vp-c-text-2: var(--vp-c-text-light-2);--vp-c-text-3: var(--vp-c-text-light-3);--vp-c-text-4: var(--vp-c-text-light-4);--vp-c-text-inverse-1: var(--vp-c-text-dark-1);--vp-c-text-inverse-2: var(--vp-c-text-dark-2);--vp-c-text-inverse-3: var(--vp-c-text-dark-3);--vp-c-text-inverse-4: var(--vp-c-text-dark-4);--vp-c-text-code: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-green);--vp-c-brand-light: var(--vp-c-green-light);--vp-c-brand-lighter: var(--vp-c-green-lighter);--vp-c-brand-dark: var(--vp-c-green-dark);--vp-c-brand-darker: var(--vp-c-green-darker);--vp-c-sponsor: #fd1d7c}.dark{--vp-c-bg: var(--vp-c-black-soft);--vp-c-bg-soft: var(--vp-c-black-mute);--vp-c-bg-mute: var(--vp-c-gray-dark-3);--vp-c-bg-alt: var(--vp-c-black);--vp-c-divider: var(--vp-c-divider-dark-1);--vp-c-divider-light: var(--vp-c-divider-dark-2);--vp-c-divider-inverse: var(--vp-c-divider-light-1);--vp-c-divider-inverse-light: var(--vp-c-divider-light-2);--vp-c-text-1: var(--vp-c-text-dark-1);--vp-c-text-2: var(--vp-c-text-dark-2);--vp-c-text-3: var(--vp-c-text-dark-3);--vp-c-text-4: var(--vp-c-text-dark-4);--vp-c-text-inverse-1: var(--vp-c-text-light-1);--vp-c-text-inverse-2: var(--vp-c-text-light-2);--vp-c-text-inverse-3: var(--vp-c-text-light-3);--vp-c-text-inverse-4: var(--vp-c-text-light-4);--vp-c-text-code: var(--vp-c-indigo-lighter)}:root{--vp-font-family-base: "Inter var experimental", "Inter var", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-local-nav: 10;--vp-z-index-nav: 20;--vp-z-index-backdrop: 30;--vp-z-index-sidebar: 40;--vp-z-index-footer: 50}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E")}:root{--vp-layout-max-width: 1440px}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-block-color: var(--vp-c-text-dark-1);--vp-code-block-bg: #292d3e;--vp-code-line-highlight-color: rgba(0, 0, 0, .5);--vp-code-line-number-color: var(--vp-c-text-dark-3);--vp-code-copy-code-hover-bg: rgba(255, 255, 255, .05);--vp-code-copy-code-active-text: var(--vp-c-text-dark-2)}.dark{--vp-code-block-bg: var(--vp-c-bg-alt)}:root{--vp-button-brand-border: var(--vp-c-brand-light);--vp-button-brand-text: var(--vp-c-text-dark-1);--vp-button-brand-bg: var(--vp-c-brand);--vp-button-brand-hover-border: var(--vp-c-brand-light);--vp-button-brand-hover-text: var(--vp-c-text-dark-1);--vp-button-brand-hover-bg: var(--vp-c-brand-light);--vp-button-brand-active-border: var(--vp-c-brand-light);--vp-button-brand-active-text: var(--vp-c-text-dark-1);--vp-button-brand-active-bg: var(--vp-button-brand-bg);--vp-button-alt-border: var(--vp-c-gray-light-3);--vp-button-alt-text: var(--vp-c-text-light-1);--vp-button-alt-bg: var(--vp-c-gray-light-5);--vp-button-alt-hover-border: var(--vp-c-gray-light-3);--vp-button-alt-hover-text: var(--vp-c-text-light-1);--vp-button-alt-hover-bg: var(--vp-c-gray-light-4);--vp-button-alt-active-border: var(--vp-c-gray-light-3);--vp-button-alt-active-text: var(--vp-c-text-light-1);--vp-button-alt-active-bg: var(--vp-c-gray-light-3);--vp-button-sponsor-border: var(--vp-c-gray-light-3);--vp-button-sponsor-text: var(--vp-c-text-light-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}.dark{--vp-button-brand-border: var(--vp-c-brand-light);--vp-button-brand-text: var(--vp-c-text-dark-1);--vp-button-brand-bg: var(--vp-c-brand-dark);--vp-button-brand-hover-border: var(--vp-c-brand-lighter);--vp-button-brand-hover-text: var(--vp-c-text-dark-1);--vp-button-brand-hover-bg: var(--vp-c-brand);--vp-button-brand-active-border: var(--vp-c-brand-lighter);--vp-button-brand-active-text: var(--vp-c-text-dark-1);--vp-button-brand-active-bg: var(--vp-button-brand-bg);--vp-button-alt-border: var(--vp-c-gray-dark-2);--vp-button-alt-text: var(--vp-c-text-dark-1);--vp-button-alt-bg: var(--vp-c-bg-mute);--vp-button-alt-hover-border: var(--vp-c-gray-dark-2);--vp-button-alt-hover-text: var(--vp-c-text-dark-1);--vp-button-alt-hover-bg: var(--vp-c-gray-dark-2);--vp-button-alt-active-border: var(--vp-c-gray-dark-2);--vp-button-alt-active-text: var(--vp-c-text-dark-1);--vp-button-alt-active-bg: var(--vp-button-alt-bg);--vp-button-sponsor-border: var(--vp-c-gray-dark-1);--vp-button-sponsor-text: var(--vp-c-text-dark-2)}:root{--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: var(--vp-c-divider-light);--vp-custom-block-info-text: var(--vp-c-text-2);--vp-custom-block-info-bg: var(--vp-c-white-soft);--vp-custom-block-info-code-bg: var(--vp-c-gray-light-4);--vp-custom-block-tip-border: var(--vp-c-green-dimm-1);--vp-custom-block-tip-text: var(--vp-c-green-darker);--vp-custom-block-tip-bg: var(--vp-c-green-dimm-3);--vp-custom-block-tip-code-bg: var(--vp-custom-block-tip-bg);--vp-custom-block-warning-border: var(--vp-c-yellow-dimm-1);--vp-custom-block-warning-text: var(--vp-c-yellow-darker);--vp-custom-block-warning-bg: var(--vp-c-yellow-dimm-3);--vp-custom-block-warning-code-bg: var(--vp-custom-block-warning-bg);--vp-custom-block-danger-border: var(--vp-c-red-dimm-1);--vp-custom-block-danger-text: var(--vp-c-red-darker);--vp-custom-block-danger-bg: var(--vp-c-red-dimm-3);--vp-custom-block-danger-code-bg: var(--vp-custom-block-danger-bg);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-details-bg)}.dark{--vp-custom-block-info-border: var(--vp-c-divider-light);--vp-custom-block-info-bg: var(--vp-c-black-mute);--vp-custom-block-info-code-bg: var(--vp-c-gray-dark-4);--vp-custom-block-tip-border: var(--vp-c-green-dimm-2);--vp-custom-block-tip-text: var(--vp-c-green-light);--vp-custom-block-warning-border: var(--vp-c-yellow-dimm-2);--vp-custom-block-warning-text: var(--vp-c-yellow-light);--vp-custom-block-danger-border: var(--vp-c-red-dimm-2);--vp-custom-block-danger-text: var(--vp-c-red-light)}:root{--vp-nav-height: var(--vp-nav-height-mobile);--vp-nav-height-mobile: 56px;--vp-nav-height-desktop: 72px}@media (min-width: 960px){:root{--vp-nav-height: var(--vp-nav-height-desktop)}}:root{--vp-sidebar-width: 272px}:root{--vp-home-hero-name-color: var(--vp-c-brand);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}*,:before,:after{box-sizing:border-box;word-break:break-word}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);direction:ltr;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:14px;color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:700}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;transition:opacity .25s}.custom-block a:hover{opacity:.6}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.dark .vp-code-light{display:none}html:not(.dark) .vp-code-dark{display:none}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider-light);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc .header-anchor{float:left;margin-left:-.87em;padding-right:.23em;font-weight:500;opacity:0;transition:color .25s,opacity .25s}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}.vp-doc blockquote>p{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand);text-decoration-style:dotted;transition:color .25s}.vp-doc a:hover{color:var(--vp-c-brand-dark)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:12px 16px}.vp-doc th{font-size:16px;font-weight:600;background-color:var(--vp-c-white-soft)}.dark .vp-doc th{background-color:var(--vp-c-black)}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider-light)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block a{color:inherit;font-weight:600;text-decoration:underline;transition:opacity .25s}.vp-doc .custom-block a:hover{opacity:.6}.vp-doc .custom-block code{font-size:var(--vp-custom-block-code-font-size);font-weight:700;color:inherit}.vp-doc .custom-block div[class*=language-]{margin:8px 0}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;color:var(--vp-c-text-code);background-color:var(--vp-c-bg-mute);transition:color .5s,background-color .5s}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code{font-size:.9em}.vp-doc a>code{color:var(--vp-c-brand);transition:color .25s}.vp-doc a:hover>code{color:var(--vp-c-brand-dark)}.vp-doc div[class*=language-]{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-]{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:16px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-c-divider-dark-2);padding-top:16px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{position:absolute;top:8px;right:8px;z-index:3;display:block;justify-content:center;align-items:center;border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-block-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:opacity .4s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover{background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;left:-65px;display:block;border-radius:4px 0 0 4px;padding-top:8px;width:64px;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:"Copied"}.vp-doc [class*=language-]>span.lang{position:absolute;top:6px;right:12px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-c-text-dark-3);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin-bottom:4px;text-align:center;letter-spacing:1px;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-bg-mute)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white-soft)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-black-mute)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPSkipLink[data-v-08e5403a]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-08e5403a]:focus{height:auto;width:auto;clip:auto;clip-path:none}.dark .VPSkipLink[data-v-08e5403a]{color:var(--vp-c-green)}@media (min-width: 1280px){.VPSkipLink[data-v-08e5403a]{top:14px;left:16px}}.VPBackdrop[data-v-828547e0]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:rgba(0,0,0,.6);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-828547e0],.VPBackdrop.fade-leave-to[data-v-828547e0]{opacity:0}.VPBackdrop.fade-leave-active[data-v-828547e0]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-828547e0]{display:none}}html:not(.dark) .VPImage.dark[data-v-85168279]{display:none}.dark .VPImage.light[data-v-85168279]{display:none}.VPNavBarTitle[data-v-4edc579a]{flex-shrink:0;border-bottom:1px solid transparent}@media (min-width: 960px){.VPNavBarTitle.has-sidebar[data-v-4edc579a]{margin-right:32px;width:calc(var(--vp-sidebar-width) - 64px);border-bottom-color:var(--vp-c-divider-light);background-color:var(--vp-c-bg-alt)}}.title[data-v-4edc579a]{display:flex;align-items:center;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}.title[data-v-4edc579a]:hover{opacity:.6}@media (min-width: 960px){.title[data-v-4edc579a]{flex-shrink:0}}[data-v-4edc579a] .logo{margin-right:8px;height:24px}/*! @docsearch/css 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"\bb "}.DocSearch-Prefill{appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.DocSearch{--docsearch-primary-color: var(--vp-c-brand);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark .DocSearch{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-bg-mute);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:32px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:1px;letter-spacing:-1px;color:transparent}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:var(--69616e1a);font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-bg-mute)}.icon[data-v-44fbbeb3]{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;fill:var(--vp-c-text-3);transition:fill .25s}.VPNavBarMenuLink[data-v-4a019ea1]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height-mobile);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-4a019ea1],.VPNavBarMenuLink[data-v-4a019ea1]:hover{color:var(--vp-c-brand)}@media (min-width: 1280px){.VPNavBarMenuLink[data-v-4a019ea1]{line-height:var(--vp-nav-height-desktop)}}.VPMenuGroup+.VPMenuLink[data-v-28f4a18f]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider-light);padding:12px 12px 0}.link[data-v-28f4a18f]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-28f4a18f]:hover{color:var(--vp-c-brand);background-color:var(--vp-c-bg-mute)}.dark .link[data-v-28f4a18f]:hover{background-color:var(--vp-c-bg-soft)}.link.active[data-v-28f4a18f]{color:var(--vp-c-brand)}.VPMenuGroup[data-v-61d92e90]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider-light);padding:12px 12px 0}.VPMenuGroup[data-v-61d92e90]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-61d92e90]{margin-top:12px;border-top:1px solid var(--vp-c-divider-light)}.title[data-v-61d92e90]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);transition:color .25s}.VPMenu[data-v-d2a6fc5d]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider-light);background-color:var(--vp-c-bg);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height-mobile));overflow-y:auto}@media (min-width: 960px){.VPMenu[data-v-d2a6fc5d]{max-height:calc(100vh - var(--vp-nav-height-desktop))}}.dark .VPMenu[data-v-d2a6fc5d]{box-shadow:var(--vp-shadow-2)}.VPMenu[data-v-d2a6fc5d] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-d2a6fc5d] .group+.group{border-top:1px solid var(--vp-c-divider-light);padding:11px 12px 12px}.VPMenu[data-v-d2a6fc5d] .group:last-child{padding-bottom:0}.VPMenu[data-v-d2a6fc5d] .group+.item{border-top:1px solid var(--vp-c-divider-light);padding:11px 16px 0}.VPMenu[data-v-d2a6fc5d] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-d2a6fc5d] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-d2a6fc5d] .action{padding-left:24px}.VPFlyout[data-v-a9ae251a]{position:relative}.VPFlyout[data-v-a9ae251a]:hover{color:var(--vp-c-brand);transition:color .25s}.VPFlyout:hover .text[data-v-a9ae251a]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-a9ae251a]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-a9ae251a]{color:var(--vp-c-brand)}.VPFlyout.active:hover .text[data-v-a9ae251a]{color:var(--vp-c-brand-dark)}.VPFlyout:hover .menu[data-v-a9ae251a],.button[aria-expanded=true]+.menu[data-v-a9ae251a]{opacity:1;visibility:visible;transform:translateY(0)}.button[data-v-a9ae251a]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height-mobile);color:var(--vp-c-text-1);transition:color .5s}@media (min-width: 960px){.button[data-v-a9ae251a]{height:var(--vp-nav-height-desktop)}}.text[data-v-a9ae251a]{display:flex;align-items:center;line-height:var(--vp-nav-height-mobile);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 960px){.text[data-v-a9ae251a]{line-height:var(--vp-nav-height-desktop)}}.option-icon[data-v-a9ae251a]{margin-right:0;width:16px;height:16px;fill:currentColor}.text-icon[data-v-a9ae251a]{margin-left:4px;width:14px;height:14px;fill:currentColor}.icon[data-v-a9ae251a]{width:20px;height:20px;fill:currentColor;transition:fill .25s}.menu[data-v-a9ae251a]{position:absolute;top:calc(var(--vp-nav-height-mobile) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}@media (min-width: 960px){.menu[data-v-a9ae251a]{top:calc(var(--vp-nav-height-desktop) / 2 + 20px)}}.VPNavBarMenu[data-v-6262f4ab]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-6262f4ab]{display:flex}}.VPNavBarTranslations[data-v-5641172f]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-5641172f]{display:flex;align-items:center}}.title[data-v-5641172f]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPSwitch[data-v-7e7f5ac7]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-mute);transition:border-color .25s,background-color .25s}.VPSwitch[data-v-7e7f5ac7]:hover{border-color:var(--vp-c-gray)}.check[data-v-7e7f5ac7]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-white);box-shadow:var(--vp-shadow-1);transition:background-color .25s,transform .25s}.dark .check[data-v-7e7f5ac7]{background-color:var(--vp-c-black)}.icon[data-v-7e7f5ac7]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-7e7f5ac7] svg{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:var(--vp-c-text-2)}.dark .icon[data-v-7e7f5ac7] svg{fill:var(--vp-c-text-1);transition:opacity .25s}.sun[data-v-0ffa9f54]{opacity:1}.moon[data-v-0ffa9f54],.dark .sun[data-v-0ffa9f54]{opacity:0}.dark .moon[data-v-0ffa9f54]{opacity:1}.dark .VPSwitchAppearance[data-v-0ffa9f54] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-18d1249d]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-18d1249d]{display:flex;align-items:center}}.VPSocialLink[data-v-737a2222]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-737a2222]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-737a2222]>svg{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-32851e0a]{display:flex;flex-wrap:wrap;justify-content:center}.VPNavBarSocialLinks[data-v-ac410ee1]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-ac410ee1]{display:flex;align-items:center}}.VPNavBarExtra[data-v-f485af55]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-f485af55]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-f485af55]{display:none}}.trans-title[data-v-f485af55]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-f485af55],.item.social-links[data-v-f485af55]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-f485af55]{min-width:176px}.appearance-action[data-v-f485af55]{margin-right:-2px}.social-links-list[data-v-f485af55]{margin:-4px -8px}.VPNavBarHamburger[data-v-f39bfa4d]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-f39bfa4d]{display:none}}.container[data-v-f39bfa4d]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-f39bfa4d]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-f39bfa4d]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-f39bfa4d]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-f39bfa4d]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-f39bfa4d]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-f39bfa4d]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-f39bfa4d],.VPNavBarHamburger.active:hover .middle[data-v-f39bfa4d],.VPNavBarHamburger.active:hover .bottom[data-v-f39bfa4d]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-f39bfa4d],.middle[data-v-f39bfa4d],.bottom[data-v-f39bfa4d]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-f39bfa4d]{top:0;left:0;transform:translate(0)}.middle[data-v-f39bfa4d]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-f39bfa4d]{top:12px;left:0;transform:translate(4px)}.VPNavBar[data-v-cc309877]{position:relative;border-bottom:1px solid var(--vp-c-divider-light);padding:0 8px 0 24px;height:var(--vp-nav-height-mobile);transition:border-color .5s,background-color .5s;pointer-events:none}@media (min-width: 768px){.VPNavBar[data-v-cc309877]{padding:0 32px}}@media (min-width: 960px){.VPNavBar[data-v-cc309877]{height:var(--vp-nav-height-desktop);border-bottom:0}.VPNavBar.has-sidebar .content[data-v-cc309877]{margin-right:-32px;padding-right:32px;-webkit-backdrop-filter:saturate(50%) blur(8px);backdrop-filter:saturate(50%) blur(8px);background:rgba(255,255,255,.7)}.dark .VPNavBar.has-sidebar .content[data-v-cc309877]{background:rgba(36,36,36,.7)}@supports not (backdrop-filter: saturate(50%) blur(8px)){.VPNavBar.has-sidebar .content[data-v-cc309877]{background:rgba(255,255,255,.95)}.dark .VPNavBar.has-sidebar .content[data-v-cc309877]{background:rgba(36,36,36,.95)}}}.container[data-v-cc309877]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);pointer-events:none}.container[data-v-cc309877] *{pointer-events:auto}.content[data-v-cc309877]{display:flex;justify-content:flex-end;align-items:center;flex-grow:1}.menu+.translations[data-v-cc309877]:before,.menu+.appearance[data-v-cc309877]:before,.menu+.social-links[data-v-cc309877]:before,.translations+.appearance[data-v-cc309877]:before,.appearance+.social-links[data-v-cc309877]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider-light);content:""}.menu+.appearance[data-v-cc309877]:before,.translations+.appearance[data-v-cc309877]:before{margin-right:16px}.appearance+.social-links[data-v-cc309877]:before{margin-left:16px}.social-links[data-v-cc309877]{margin-right:-8px}.VPNavScreenMenuLink[data-v-c999f001]{display:block;border-bottom:1px solid var(--vp-c-divider-light);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .5s,color .25s}.VPNavScreenMenuLink[data-v-c999f001]:hover{color:var(--vp-c-brand)}.VPNavScreenMenuGroupLink[data-v-b82574b6]{display:block;line-height:32px;font-size:13px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s;margin-left:12px}.VPNavScreenMenuGroupLink[data-v-b82574b6]:hover{color:var(--vp-c-brand)}.VPNavScreenMenuGroupSection[data-v-b4ada19e]{display:block}.title[data-v-b4ada19e]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-be6b589d]{border-bottom:1px solid var(--vp-c-divider-light);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-be6b589d]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-be6b589d]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-be6b589d]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-be6b589d]{padding-bottom:6px;color:var(--vp-c-brand)}.VPNavScreenMenuGroup.open .button-icon[data-v-be6b589d]{transform:rotate(45deg)}.button[data-v-be6b589d]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-be6b589d]:hover{color:var(--vp-c-brand)}.button-icon[data-v-be6b589d]{width:14px;height:14px;fill:var(--vp-c-text-2);transition:fill .5s,transform .25s}.group[data-v-be6b589d]:first-child{padding-top:0}.group+.group[data-v-be6b589d],.group+.item[data-v-be6b589d]{padding-top:4px}.VPNavScreenAppearance[data-v-acbad8aa]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft);transition:background-color .5s}.text[data-v-acbad8aa]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPNavScreenTranslations[data-v-88146fe5]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-88146fe5]{height:auto}.title[data-v-88146fe5]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-88146fe5]{width:16px;height:16px;fill:currentColor}.icon.lang[data-v-88146fe5]{margin-right:8px}.icon.chevron[data-v-88146fe5]{margin-left:4px}.list[data-v-88146fe5]{padding:4px 0 0 24px}.link[data-v-88146fe5]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-a38e5e64]{position:fixed;top:var(--vp-nav-height-mobile);right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-c-bg);overflow-y:auto;transition:background-color .5s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-a38e5e64],.VPNavScreen.fade-leave-active[data-v-a38e5e64]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-a38e5e64],.VPNavScreen.fade-leave-active .container[data-v-a38e5e64]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-a38e5e64],.VPNavScreen.fade-leave-to[data-v-a38e5e64]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-a38e5e64],.VPNavScreen.fade-leave-to .container[data-v-a38e5e64]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-a38e5e64]{display:none}}.container[data-v-a38e5e64]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-a38e5e64],.menu+.appearance[data-v-a38e5e64],.translations+.appearance[data-v-a38e5e64]{margin-top:24px}.menu+.social-links[data-v-a38e5e64]{margin-top:16px}.appearance+.social-links[data-v-a38e5e64]{margin-top:16px}.VPNav[data-v-5e49a0f3]{position:relative;top:0;left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none}@media (min-width: 960px){.VPNav[data-v-5e49a0f3]{position:fixed}.VPNav.no-sidebar[data-v-5e49a0f3]{-webkit-backdrop-filter:saturate(50%) blur(8px);backdrop-filter:saturate(50%) blur(8px);background:rgba(255,255,255,.7)}.dark .VPNav.no-sidebar[data-v-5e49a0f3]{background:rgba(36,36,36,.7)}@supports not (backdrop-filter: saturate(50%) blur(8px)){.VPNav.no-sidebar[data-v-5e49a0f3]{background:rgba(255,255,255,.95)}.dark .VPNav.no-sidebar[data-v-5e49a0f3]{background:rgba(36,36,36,.95)}}}.VPLocalNav[data-v-6ea4fdaa]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--vp-c-divider-light);width:100%;background-color:var(--vp-c-bg);transition:border-color .5s,background-color .5s}@media (min-width: 960px){.VPLocalNav[data-v-6ea4fdaa]{display:none}}.menu[data-v-6ea4fdaa]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-6ea4fdaa]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-6ea4fdaa]{padding:0 32px}}.menu-icon[data-v-6ea4fdaa]{margin-right:8px;width:16px;height:16px;fill:currentColor}.top-link[data-v-6ea4fdaa]{display:block;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.top-link[data-v-6ea4fdaa]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.top-link[data-v-6ea4fdaa]{padding:12px 32px 11px}}.link[data-v-4d29a60d]{display:block;margin:4px 0;color:var(--vp-c-text-2);transition:color .5s}.link[data-v-4d29a60d]:hover{color:var(--vp-c-text-1)}.link.active[data-v-4d29a60d]{color:var(--vp-c-brand)}.link[data-v-4d29a60d] .icon{width:12px;height:12px;fill:currentColor}.link-text[data-v-4d29a60d]{line-height:20px;font-size:14px;font-weight:500}.link-text.light[data-v-4d29a60d]{font-size:13px;font-weight:400}.title[data-v-87a2c04e]{display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.title-text[data-v-87a2c04e]{padding-top:6px;padding-bottom:6px;line-height:20px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.action[data-v-87a2c04e]{display:none;position:relative;margin-right:-8px;border-radius:4px;width:32px;height:32px;color:var(--vp-c-text-3);transition:color .25s}.VPSidebarGroup.collapsible .action[data-v-87a2c04e]{display:block}.title:hover .action[data-v-87a2c04e]{color:var(--vp-c-text-2)}.icon[data-v-87a2c04e]{position:absolute;top:8px;left:8px;width:16px;height:16px;fill:currentColor}.icon.minus[data-v-87a2c04e]{opacity:1}.icon.plus[data-v-87a2c04e],.VPSidebarGroup.collapsed .icon.minus[data-v-87a2c04e]{opacity:0}.VPSidebarGroup.collapsed .icon.plus[data-v-87a2c04e]{opacity:1}.items[data-v-87a2c04e]{overflow:hidden}.VPSidebarGroup.collapsed .items[data-v-87a2c04e]{margin-bottom:-22px;max-height:0}@media (min-width: 960px){.VPSidebarGroup.collapsed .items[data-v-87a2c04e]{margin-bottom:-14px}}.VPSidebar[data-v-a9aa71a1]{position:fixed;top:0;bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-c-bg);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease}.VPSidebar.open[data-v-a9aa71a1]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-a9aa71a1]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-a9aa71a1]{z-index:1;padding-top:var(--vp-nav-height-desktop);padding-bottom:128px;width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-c-bg-alt);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-a9aa71a1]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.nav[data-v-a9aa71a1]{outline:0}.group+.group[data-v-a9aa71a1]{margin-top:32px;border-top:1px solid var(--vp-c-divider-light);padding-top:10px}@media (min-width: 960px){.group[data-v-a9aa71a1]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}.group+.group[data-v-a9aa71a1]{margin-top:24px}}.VPButton[data-v-d5a53e2c]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:500;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-d5a53e2c]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-d5a53e2c]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-d5a53e2c]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-d5a53e2c]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-d5a53e2c]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-d5a53e2c]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-d5a53e2c]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-d5a53e2c]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-d5a53e2c]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-d5a53e2c]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-d5a53e2c]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-d5a53e2c]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}.VPHero[data-v-e5084bce]{margin-top:calc(var(--vp-nav-height) * -1);padding:calc(var(--vp-nav-height) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-e5084bce]{padding:calc(var(--vp-nav-height) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-e5084bce]{padding:calc(var(--vp-nav-height) + 80px) 64px 64px}}.container[data-v-e5084bce]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-e5084bce]{flex-direction:row}}.main[data-v-e5084bce]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-e5084bce]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-e5084bce]{text-align:left}}@media (min-width: 960px){.main[data-v-e5084bce]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-e5084bce]{max-width:592px}}.name[data-v-e5084bce],.text[data-v-e5084bce]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-e5084bce],.VPHero.has-image .text[data-v-e5084bce]{margin:0 auto}.name[data-v-e5084bce]{color:var(--vp-home-hero-name-color)}.clip[data-v-e5084bce]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-e5084bce],.text[data-v-e5084bce]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-e5084bce],.text[data-v-e5084bce]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-e5084bce],.VPHero.has-image .text[data-v-e5084bce]{margin:0}}.tagline[data-v-e5084bce]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-e5084bce]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-e5084bce]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-e5084bce]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-e5084bce]{margin:0}}.actions[data-v-e5084bce]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-e5084bce]{justify-content:center}@media (min-width: 640px){.actions[data-v-e5084bce]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-e5084bce]{justify-content:flex-start}}.action[data-v-e5084bce]{flex-shrink:0;padding:6px}.image[data-v-e5084bce]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-e5084bce]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-e5084bce]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-e5084bce]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-e5084bce]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-e5084bce]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-e5084bce]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-e5084bce]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-e5084bce]{width:320px;height:320px}}[data-v-e5084bce] .image-src{position:absolute;top:50%;left:50%;max-width:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-e5084bce] .image-src{max-width:256px}}@media (min-width: 960px){[data-v-e5084bce] .image-src{max-width:320px}}.VPFeature[data-v-d9a565f7]{border:1px solid var(--vp-c-bg-soft);border-radius:12px;padding:24px;height:100%;background-color:var(--vp-c-bg-soft)}.icon[data-v-d9a565f7]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-gray-light-4);width:48px;height:48px;font-size:24px}.dark .icon[data-v-d9a565f7]{background-color:var(--vp-c-bg)}.title[data-v-d9a565f7]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-d9a565f7]{padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPFeatures[data-v-923f10b0]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-923f10b0]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-923f10b0]{padding:0 64px}}.container[data-v-923f10b0]{margin:0 auto;max-width:1152px}.items[data-v-923f10b0]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-923f10b0]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-923f10b0],.item.grid-4[data-v-923f10b0],.item.grid-6[data-v-923f10b0]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-923f10b0],.item.grid-4[data-v-923f10b0]{width:50%}.item.grid-3[data-v-923f10b0],.item.grid-6[data-v-923f10b0]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-923f10b0]{width:25%}}.VPHome[data-v-65ac964e]{padding-bottom:96px}.VPHome[data-v-65ac964e] .VPHomeSponsors{margin-top:112px;margin-bottom:-128px}@media (min-width: 768px){.VPHome[data-v-65ac964e]{padding-bottom:128px}}.root[data-v-eee3659e]{position:relative;z-index:1}.nested[data-v-eee3659e]{padding-left:13px}.outline-link[data-v-eee3659e]{display:block;line-height:28px;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-eee3659e]:hover,.outline-link.active[data-v-eee3659e]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-eee3659e]{padding-left:13px}.VPDocAsideOutline[data-v-ac9d9c2c]{display:none}.VPDocAsideOutline.has-outline[data-v-ac9d9c2c]{display:block}.content[data-v-ac9d9c2c]{position:relative;border-left:1px solid var(--vp-c-divider-light);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-ac9d9c2c]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:1px;height:18px;background-color:var(--vp-c-brand);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-ac9d9c2c]{letter-spacing:.4px;line-height:28px;font-size:13px;font-weight:600}.VPDocAside[data-v-ae916b48]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-ae916b48]{flex-grow:1}.VPDocAside[data-v-ae916b48] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-ae916b48] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-ae916b48] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-959a5143]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-959a5143]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-ece94c89]{margin-top:64px}.edit-info[data-v-ece94c89]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-ece94c89]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-ece94c89]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand);transition:color .25s}.edit-link-button[data-v-ece94c89]:hover{color:var(--vp-c-brand-dark)}.edit-link-icon[data-v-ece94c89]{margin-right:8px;width:14px;height:14px;fill:currentColor}.prev-next[data-v-ece94c89]{border-top:1px solid var(--vp-c-divider-light);padding-top:24px}@media (min-width: 640px){.prev-next[data-v-ece94c89]{display:flex}}.pager.has-prev[data-v-ece94c89]{padding-top:8px}@media (min-width: 640px){.pager[data-v-ece94c89]{display:flex;flex-direction:column;flex-shrink:0;width:50%}.pager.has-prev[data-v-ece94c89]{padding-top:0;padding-left:16px}}.pager-link[data-v-ece94c89]{display:block;border:1px solid var(--vp-c-divider-light);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-ece94c89]:hover{border-color:var(--vp-c-brand)}.pager-link:hover .title[data-v-ece94c89]{color:var(--vp-c-brand-dark)}.pager-link.next[data-v-ece94c89]{margin-left:auto;text-align:right}.desc[data-v-ece94c89]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-ece94c89]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand);transition:color .25s}.VPDoc[data-v-79b9ed21]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-79b9ed21]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-79b9ed21]{padding:32px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-79b9ed21]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-79b9ed21]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-79b9ed21]{display:flex;justify-content:center}.VPDoc .aside[data-v-79b9ed21]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-79b9ed21]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-79b9ed21]{max-width:1104px}}.container[data-v-79b9ed21]{margin:0 auto;width:100%}.aside[data-v-79b9ed21]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.aside-container[data-v-79b9ed21]{position:sticky;top:0;margin-top:calc(var(--vp-nav-height-desktop) * -1 - 32px);padding-top:calc(var(--vp-nav-height-desktop) + 32px);height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-79b9ed21]::-webkit-scrollbar{display:none}.aside-curtain[data-v-79b9ed21]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-79b9ed21]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height-desktop) + 32px));padding-bottom:32px}.content[data-v-79b9ed21]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-79b9ed21]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-79b9ed21]{order:1;margin:0;min-width:640px}}.content-container[data-v-79b9ed21]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-79b9ed21]{max-width:688px}.VPContent[data-v-de3341c2]{flex-grow:1;flex-shrink:0;margin:0 auto;width:100%}.VPContent.is-home[data-v-de3341c2]{width:100%;max-width:100%}@media (min-width: 960px){.VPContent[data-v-de3341c2]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-de3341c2]{margin:0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-de3341c2]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-296f7eda]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-divider-light);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-296f7eda]{display:none}@media (min-width: 768px){.VPFooter[data-v-296f7eda]{padding:32px}}.container[data-v-296f7eda]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-296f7eda],.copyright[data-v-296f7eda]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.message[data-v-296f7eda]{order:2}.copyright[data-v-296f7eda]{order:1}.Layout[data-v-d22428bb]{display:flex;flex-direction:column;min-height:100vh}.NotFound[data-v-7d00a02d]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-7d00a02d]{padding:96px 32px 168px}}.code[data-v-7d00a02d]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-7d00a02d]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-7d00a02d]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-7d00a02d]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-7d00a02d]{padding-top:20px}.link[data-v-7d00a02d]{display:inline-block;border:1px solid var(--vp-c-brand);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand);transition:border-color .25s,color .25s}.link[data-v-7d00a02d]:hover{border-color:var(--vp-c-brand-dark);color:var(--vp-c-brand-dark)}.VPHomeSponsors[data-v-6b6ea084]{border-top:1px solid var(--vp-c-divider-light);padding:88px 24px 96px;background-color:var(--vp-c-bg)}.container[data-v-6b6ea084]{margin:0 auto;max-width:1152px}.love[data-v-6b6ea084]{margin:0 auto;width:28px;height:28px;color:var(--vp-c-text-3)}.icon[data-v-6b6ea084]{width:28px;height:28px;fill:currentColor}.message[data-v-6b6ea084]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-6b6ea084]{padding-top:32px}.action[data-v-6b6ea084]{padding-top:40px;text-align:center}.VPTeamPage[data-v-9474308b]{padding-bottom:96px}@media (min-width: 768px){.VPTeamPage[data-v-9474308b]{padding-bottom:128px}}.VPTeamPageSection+.VPTeamPageSection[data-v-9474308b-s],.VPTeamMembers+.VPTeamPageSection[data-v-9474308b-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-9474308b-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-9474308b-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-9474308b-s],.VPTeamMembers+.VPTeamPageSection[data-v-9474308b-s]{margin-top:96px}}.VPTeamMembers[data-v-9474308b-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-9474308b-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-9474308b-s]{padding:0 64px}}.VPTeamPageTitle[data-v-0011db65]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-0011db65]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-0011db65]{padding:80px 64px 48px}}.title[data-v-0011db65]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-0011db65]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-0011db65]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-0011db65]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-624a4e81]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-624a4e81]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-624a4e81]{padding:0 64px}}.title[data-v-624a4e81]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-624a4e81]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider-light)}.title-text[data-v-624a4e81]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-624a4e81]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-624a4e81]{padding-top:40px}.VPTeamMembersItem[data-v-a57214c2]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-a57214c2]{padding:32px}.VPTeamMembersItem.small .data[data-v-a57214c2]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-a57214c2]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-a57214c2]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-a57214c2]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-a57214c2]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-a57214c2]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-a57214c2]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-a57214c2]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-a57214c2]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-a57214c2]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-a57214c2]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-a57214c2]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-a57214c2]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-a57214c2]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-a57214c2]{text-align:center}.avatar[data-v-a57214c2]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-a57214c2]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-a57214c2]{margin:0;font-weight:600}.affiliation[data-v-a57214c2]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-a57214c2]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-a57214c2]:hover{color:var(--vp-c-brand)}.desc[data-v-a57214c2]{margin:0 auto}.links[data-v-a57214c2]{display:flex;justify-content:center;height:56px}.sp-link[data-v-a57214c2]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp-link[data-v-a57214c2]:hover,.sp-link[data-v-a57214c2]:focus{outline:none;color:var(--vp-c-text-dark-1);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-a57214c2]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPTeamMembers.small .container[data-v-f02904e7]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-f02904e7]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-f02904e7]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-f02904e7]{max-width:876px}.VPTeamMembers.medium .container[data-v-f02904e7]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-f02904e7]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-f02904e7]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-f02904e7]{max-width:760px}.container[data-v-f02904e7]{display:grid;gap:24px;margin:0 auto;max-width:1152px}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5fae\8f6f\96c5\9ed1",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, .8);--el-overlay-color-light:rgba(0, 0, 0, .7);--el-overlay-color-lighter:rgba(0, 0, 0, .5);--el-mask-color:rgba(255, 255, 255, .9);--el-mask-color-extra-light:rgba(255, 255, 255, .3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-affix--fixed{position:fixed}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:13px;--el-alert-description-font-size:12px;--el-alert-close-font-size:12px;--el-alert-close-customed-font-size:13px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;width:100%;padding:var(--el-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--el-alert-border-radius-base);position:relative;background-color:var(--el-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--el-transition-duration-fast)}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-success)}.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-info)}.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-warning)}.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-error)}.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:table-cell;padding:0 8px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:18px;vertical-align:text-top}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:5px 0 0}.el-alert .el-alert__close-btn{font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert .el-alert__close-btn.is-customed{font-style:normal;font-size:var(--el-alert-close-customed-font-size);top:9px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-aside{overflow:auto;box-sizing:border-box;flex-shrink:0;width:var(--el-aside-width,300px)}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent;border-left-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent;border-bottom-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:var(--el-text-color-regular);font-size:var(--el-font-size-base);list-style:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover,.el-autocomplete-suggestion li.highlighted{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid var(--el-color-black)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:var(--el-text-color-secondary)}.el-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-bg-color-overlay)}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--el-avatar-text-color);background:var(--el-avatar-bg-color);width:var(--el-avatar-size);height:var(--el-avatar-size);font-size:var(--el-avatar-text-size)}.el-avatar>img{display:block;height:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);position:fixed;background-color:var(--el-backtop-bg-color);width:40px;height:40px;border-radius:50%;color:var(--el-backtop-text-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--el-box-shadow-lighter);cursor:pointer;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;position:relative;vertical-align:middle;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.el-badge__content{background-color:var(--el-badge-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;justify-content:center;align-items:center;font-size:var(--el-badge-font-size);height:var(--el-badge-size);padding:0 var(--el-badge-padding);white-space:nowrap;border:1px solid var(--el-bg-color)}.el-badge__content.is-fixed{position:absolute;top:0;right:calc(1px + var(--el-badge-size)/ 2);transform:translateY(-50%) translate(100%);z-index:var(--el-index-normal)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{display:table;content:""}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:var(--el-text-color-placeholder)}.el-breadcrumb__separator.el-icon{margin:0 6px;font-weight:400}.el-breadcrumb__separator.el-icon svg{vertical-align:middle}.el-breadcrumb__item{float:left;display:inline-flex;align-items:center}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;transition:var(--el-transition-color);color:var(--el-text-color-primary)}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:var(--el-text-color-regular);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button-group:after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255, 255, 255, .5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-info);--el-button-active-color:var(--el-text-color-primary)}.el-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--el-button-text-color);text-align:center;box-sizing:border-box;outline:0;transition:.1s;font-weight:var(--el-button-font-weight);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);padding:8px 15px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button:focus,.el-button:hover{color:var(--el-button-hover-text-color);border-color:var(--el-button-hover-border-color);background-color:var(--el-button-hover-bg-color);outline:0}.el-button:active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:0}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px}.el-button>span{display:inline-flex;align-items:center}.el-button+.el-button{margin-left:12px}.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:var(--el-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color);border-color:var(--el-button-disabled-border-color)}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{z-index:1;pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--el-mask-color-extra-light)}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px}.el-button.is-text{color:var(--el-button-text-color);border:0 solid transparent;background-color:transparent}.el-button.is-text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important}.el-button.is-text:not(.is-disabled):focus,.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:focus,.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{border-color:transparent;color:var(--el-button-text-color);background:0 0;padding:2px;height:auto}.el-button.is-link:focus,.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button.is-link:not(.is-disabled):focus,.el-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color);border-color:transparent;background-color:transparent}.el-button--text{border-color:transparent;background:0 0;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button--text:not(.is-disabled):focus,.el-button--text:not(.is-disabled):hover{color:var(--el-color-primary-light-3);border-color:transparent;background-color:transparent}.el-button--text:not(.is-disabled):active{color:var(--el-color-primary-dark-2);border-color:transparent;background-color:transparent}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{color:var(--el-color-success-light-5);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{color:var(--el-color-warning-light-5);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{color:var(--el-color-danger-light-5);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{color:var(--el-color-info-light-5);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8)}.el-button--large{--el-button-size:40px;height:var(--el-button-size);padding:12px 19px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{width:var(--el-button-size);padding:12px}.el-button--small{--el-button-size:24px;height:var(--el-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{width:var(--el-button-size);padding:5px}.el-calendar{--el-calendar-border:var(--el-table-border, 1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-bg-color:var(--el-color-primary-light-9);--el-calendar-cell-width:85px;background-color:var(--el-fill-color-blank)}.el-calendar__header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:var(--el-calendar-header-border-bottom)}.el-calendar__title{color:var(--el-text-color);align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:var(--el-text-color-regular);font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);vertical-align:top;transition:background-color var(--el-transition-duration-fast) ease}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-bg-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;padding:8px;height:var(--el-calendar-cell-width)}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank)}.el-card{border-radius:var(--el-card-border-radius);border:1px solid var(--el-card-border-color);background-color:var(--el-card-bg-color);overflow:hidden;color:var(--el-text-color-primary);transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box}.el-card__body{padding:var(--el-card-padding)}.el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%;transition:transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__item--card-vertical{width:100%;height:50%}.el-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--el-color-white);opacity:.24;transition:var(--el-transition-duration-fast)}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:rgba(31, 45, 61, .11);--el-carousel-arrow-hover-background:rgba(31, 45, 61, .23);--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal,.el-carousel--vertical{overflow:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--el-carousel-arrow-size);width:var(--el-carousel-arrow-size);cursor:pointer;transition:var(--el-transition-duration);border-radius:50%;background-color:var(--el-carousel-arrow-background);color:#fff;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:var(--el-carousel-arrow-font-size);display:inline-flex;justify-content:center;align-items:center}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:calc(var(--el-index-normal) + 1)}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translate(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical) * 2);text-align:center;position:static;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--right{right:0}.el-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px;color:#000}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{width:var(--el-carousel-indicator-height);height:calc(var(--el-carousel-indicator-width)/ 2)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:var(--el-carousel-indicator-width);height:var(--el-carousel-indicator-height);background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:var(--el-transition-duration)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{transform:translateY(-50%) translate(-10px);opacity:0}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{transform:translateY(-50%) translate(10px);opacity:0}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color)}.el-cascader-panel{display:flex;border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{min-width:180px;box-sizing:border-box;color:var(--el-cascader-menu-text-color);border-right:var(--el-cascader-menu-border)}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;color:var(--el-cascader-color-empty)}.el-cascader-menu__empty-text .is-loading{margin-right:2px}.el-cascader-node{position:relative;display:flex;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-text-color);font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;text-align:left;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-checkbox{margin-right:0}.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);display:inline-block;vertical-align:middle;position:relative;font-size:var(--el-font-size-base);line-height:32px;outline:0}.el-cascader:not(.is-disabled):hover .el-input__wrapper{cursor:pointer;box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-cascader .el-input{display:flex;cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis;cursor:pointer}.el-cascader .el-input .el-input__suffix-inner .el-icon{height:calc(100% - 2px)}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{transition:transform var(--el-transition-duration);font-size:14px}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotate(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-cascader--large{font-size:14px;line-height:40px}.el-cascader--small{font-size:12px;line-height:24px}.el-cascader.is-disabled .el-cascader__label{z-index:calc(var(--el-index-normal) + 1);color:var(--el-disabled-text-color)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color)}.el-cascader__dropdown{font-size:var(--el-cascader-menu-font-size);border-radius:var(--el-cascader-menu-radius)}.el-cascader__dropdown.el-popper{background:var(--el-cascader-menu-fill);border:var(--el-cascader-menu-border);box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__dropdown.el-popper .el-popper__arrow:before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent;border-bottom-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper{box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.el-cascader__tags .el-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--el-cascader-tag-background)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{flex:none;background-color:var(--el-text-color-placeholder);color:var(--el-color-white)}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__collapse-tags{white-space:normal;z-index:var(--el-index-normal)}.el-cascader__collapse-tags .el-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--el-fill-color)}.el-cascader__collapse-tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__collapse-tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag .el-icon-close{flex:none;background-color:var(--el-text-color-placeholder);color:var(--el-color-white)}.el-cascader__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--el-font-size-base);color:var(--el-cascader-menu-text-color);text-align:center}.el-cascader__suggestion-item{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:var(--el-cascader-color-empty)}.el-cascader__search-input{flex:1;height:24px;min-width:60px;margin:2px 0 2px 11px;padding:0;color:var(--el-cascader-menu-text-color);border:none;outline:0;box-sizing:border-box;background:0 0}.el-cascader__search-input::-moz-placeholder{color:transparent}.el-cascader__search-input:-ms-input-placeholder{color:transparent}.el-cascader__search-input::placeholder{color:transparent}.el-check-tag{background-color:var(--el-color-info-light-9);border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);line-height:var(--el-font-size-base);padding:7px 15px;transition:var(--el-transition-all);font-weight:700}.el-check-tag:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.is-checked{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary)}.el-check-tag.is-checked:hover{background-color:var(--el-color-primary-light-7)}.el-checkbox-button{--el-checkbox-button-checked-bg-color:var(--el-color-primary);--el-checkbox-button-checked-text-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary)}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:var(--el-checkbox-font-weight);white-space:nowrap;vertical-align:middle;cursor:pointer;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left:0;color:var(--el-button-text-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 15px;font-size:var(--el-font-size-base);border-radius:0}.el-checkbox-button__inner.is-round{padding:8px 15px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:var(--el-checkbox-button-checked-text-color);background-color:var(--el-checkbox-button-checked-bg-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-7)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:var(--el-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:var(--el-border);border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base)}.el-checkbox-button--large .el-checkbox-button__inner{padding:12px 19px;font-size:var(--el-font-size-base);border-radius:0}.el-checkbox-button--large .el-checkbox-button__inner.is-round{padding:12px 19px}.el-checkbox-button--small .el-checkbox-button__inner{padding:5px 11px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:5px 11px}.el-checkbox-group{font-size:0;line-height:0}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary)}.el-checkbox{color:var(--el-checkbox-text-color);font-weight:var(--el-checkbox-font-weight);font-size:var(--el-font-size-base);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px;height:32px}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{padding:0 15px 0 9px;border-radius:var(--el-border-radius-base);border:var(--el-border);box-sizing:border-box}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{padding:0 19px 0 11px;border-radius:var(--el-border-radius-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:0 11px 0 7px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px;border-radius:var(--el-checkbox-border-radius)}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{cursor:not-allowed;border-color:var(--el-checkbox-disabled-icon-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{content:"";position:absolute;display:block;background-color:var(--el-checkbox-checked-icon-color);height:2px;transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;width:var(--el-checkbox-input-width);height:var(--el-checkbox-input-height);background-color:var(--el-checkbox-bg-color);z-index:var(--el-index-normal);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{box-sizing:content-box;content:"";border:1px solid var(--el-checkbox-checked-icon-color);border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:8px;line-height:1;font-size:var(--el-checkbox-font-size)}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{width:14px;height:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{width:12px;height:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{width:2px;height:6px}.el-checkbox:last-of-type{margin-right:0}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0,.el-col-0.is-guttered{display:none}.el-col-0{max-width:0%;flex:0 0 0%}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{position:relative;left:0}.el-col-1{max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{position:relative;left:4.1666666667%}.el-col-2{max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{position:relative;left:8.3333333333%}.el-col-3{max-width:12.5%;flex:0 0 12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{position:relative;left:12.5%}.el-col-4{max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{position:relative;left:16.6666666667%}.el-col-5{max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{position:relative;left:20.8333333333%}.el-col-6{max-width:25%;flex:0 0 25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{position:relative;left:25%}.el-col-7{max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{position:relative;left:29.1666666667%}.el-col-8{max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{position:relative;left:33.3333333333%}.el-col-9{max-width:37.5%;flex:0 0 37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{position:relative;left:37.5%}.el-col-10{max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{position:relative;left:41.6666666667%}.el-col-11{max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{position:relative;left:45.8333333333%}.el-col-12{max-width:50%;flex:0 0 50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{position:relative;left:54.1666666667%}.el-col-14{max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{position:relative;left:58.3333333333%}.el-col-15{max-width:62.5%;flex:0 0 62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{position:relative;left:62.5%}.el-col-16{max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{position:relative;left:66.6666666667%}.el-col-17{max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{position:relative;left:70.8333333333%}.el-col-18{max-width:75%;flex:0 0 75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{position:relative;left:75%}.el-col-19{max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{position:relative;left:79.1666666667%}.el-col-20{max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{position:relative;left:83.3333333333%}.el-col-21{max-width:87.5%;flex:0 0 87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{position:relative;left:87.5%}.el-col-22{max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{position:relative;left:91.6666666667%}.el-col-23{max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{position:relative;left:95.8333333333%}.el-col-24{max-width:100%;flex:0 0 100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{position:relative;left:100%}@media only screen and (max-width:768px){.el-col-xs-0,.el-col-xs-0.is-guttered{display:none}.el-col-xs-0{max-width:0%;flex:0 0 0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{position:relative;left:4.1666666667%}.el-col-xs-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{position:relative;left:8.3333333333%}.el-col-xs-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{position:relative;left:16.6666666667%}.el-col-xs-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{position:relative;left:20.8333333333%}.el-col-xs-6{display:block;max-width:25%;flex:0 0 25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{position:relative;left:29.1666666667%}.el-col-xs-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{position:relative;left:33.3333333333%}.el-col-xs-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{position:relative;left:41.6666666667%}.el-col-xs-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{position:relative;left:45.8333333333%}.el-col-xs-12{display:block;max-width:50%;flex:0 0 50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{position:relative;left:54.1666666667%}.el-col-xs-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{position:relative;left:58.3333333333%}.el-col-xs-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{position:relative;left:66.6666666667%}.el-col-xs-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{position:relative;left:70.8333333333%}.el-col-xs-18{display:block;max-width:75%;flex:0 0 75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{position:relative;left:79.1666666667%}.el-col-xs-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{position:relative;left:83.3333333333%}.el-col-xs-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{position:relative;left:91.6666666667%}.el-col-xs-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{position:relative;left:95.8333333333%}.el-col-xs-24{display:block;max-width:100%;flex:0 0 100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0,.el-col-sm-0.is-guttered{display:none}.el-col-sm-0{max-width:0%;flex:0 0 0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{position:relative;left:4.1666666667%}.el-col-sm-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{position:relative;left:8.3333333333%}.el-col-sm-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{position:relative;left:16.6666666667%}.el-col-sm-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{position:relative;left:20.8333333333%}.el-col-sm-6{display:block;max-width:25%;flex:0 0 25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{position:relative;left:29.1666666667%}.el-col-sm-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{position:relative;left:33.3333333333%}.el-col-sm-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{position:relative;left:41.6666666667%}.el-col-sm-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{position:relative;left:45.8333333333%}.el-col-sm-12{display:block;max-width:50%;flex:0 0 50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{position:relative;left:54.1666666667%}.el-col-sm-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{position:relative;left:58.3333333333%}.el-col-sm-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{position:relative;left:66.6666666667%}.el-col-sm-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{position:relative;left:70.8333333333%}.el-col-sm-18{display:block;max-width:75%;flex:0 0 75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{position:relative;left:79.1666666667%}.el-col-sm-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{position:relative;left:83.3333333333%}.el-col-sm-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{position:relative;left:91.6666666667%}.el-col-sm-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{position:relative;left:95.8333333333%}.el-col-sm-24{display:block;max-width:100%;flex:0 0 100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0,.el-col-md-0.is-guttered{display:none}.el-col-md-0{max-width:0%;flex:0 0 0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{position:relative;left:4.1666666667%}.el-col-md-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{position:relative;left:8.3333333333%}.el-col-md-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{position:relative;left:16.6666666667%}.el-col-md-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{position:relative;left:20.8333333333%}.el-col-md-6{display:block;max-width:25%;flex:0 0 25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{position:relative;left:29.1666666667%}.el-col-md-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{position:relative;left:33.3333333333%}.el-col-md-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{position:relative;left:41.6666666667%}.el-col-md-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{position:relative;left:45.8333333333%}.el-col-md-12{display:block;max-width:50%;flex:0 0 50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{position:relative;left:54.1666666667%}.el-col-md-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{position:relative;left:58.3333333333%}.el-col-md-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{position:relative;left:66.6666666667%}.el-col-md-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{position:relative;left:70.8333333333%}.el-col-md-18{display:block;max-width:75%;flex:0 0 75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{position:relative;left:79.1666666667%}.el-col-md-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{position:relative;left:83.3333333333%}.el-col-md-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{position:relative;left:91.6666666667%}.el-col-md-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{position:relative;left:95.8333333333%}.el-col-md-24{display:block;max-width:100%;flex:0 0 100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0,.el-col-lg-0.is-guttered{display:none}.el-col-lg-0{max-width:0%;flex:0 0 0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{position:relative;left:4.1666666667%}.el-col-lg-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{position:relative;left:8.3333333333%}.el-col-lg-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{position:relative;left:16.6666666667%}.el-col-lg-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{position:relative;left:20.8333333333%}.el-col-lg-6{display:block;max-width:25%;flex:0 0 25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{position:relative;left:29.1666666667%}.el-col-lg-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{position:relative;left:33.3333333333%}.el-col-lg-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{position:relative;left:41.6666666667%}.el-col-lg-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{position:relative;left:45.8333333333%}.el-col-lg-12{display:block;max-width:50%;flex:0 0 50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{position:relative;left:54.1666666667%}.el-col-lg-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{position:relative;left:58.3333333333%}.el-col-lg-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{position:relative;left:66.6666666667%}.el-col-lg-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{position:relative;left:70.8333333333%}.el-col-lg-18{display:block;max-width:75%;flex:0 0 75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{position:relative;left:79.1666666667%}.el-col-lg-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{position:relative;left:83.3333333333%}.el-col-lg-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{position:relative;left:91.6666666667%}.el-col-lg-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{position:relative;left:95.8333333333%}.el-col-lg-24{display:block;max-width:100%;flex:0 0 100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0,.el-col-xl-0.is-guttered{display:none}.el-col-xl-0{max-width:0%;flex:0 0 0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{position:relative;left:4.1666666667%}.el-col-xl-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{position:relative;left:8.3333333333%}.el-col-xl-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{position:relative;left:16.6666666667%}.el-col-xl-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{position:relative;left:20.8333333333%}.el-col-xl-6{display:block;max-width:25%;flex:0 0 25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{position:relative;left:29.1666666667%}.el-col-xl-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{position:relative;left:33.3333333333%}.el-col-xl-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{position:relative;left:41.6666666667%}.el-col-xl-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{position:relative;left:45.8333333333%}.el-col-xl-12{display:block;max-width:50%;flex:0 0 50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{position:relative;left:54.1666666667%}.el-col-xl-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{position:relative;left:58.3333333333%}.el-col-xl-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{position:relative;left:66.6666666667%}.el-col-xl-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{position:relative;left:70.8333333333%}.el-col-xl-18{display:block;max-width:75%;flex:0 0 75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{position:relative;left:79.1666666667%}.el-col-xl-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{position:relative;left:83.3333333333%}.el-col-xl-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{position:relative;left:91.6666666667%}.el-col-xl-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{position:relative;left:95.8333333333%}.el-col-xl-24{display:block;max-width:100%;flex:0 0 100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-top:1px solid var(--el-collapse-border-color);border-bottom:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{display:flex;align-items:center;height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);background-color:var(--el-collapse-header-bg-color);color:var(--el-collapse-header-text-color);cursor:pointer;border-bottom:1px solid var(--el-collapse-border-color);font-size:var(--el-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--el-transition-duration);outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;transition:transform var(--el-transition-duration);font-weight:300}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:var(--el-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;border-bottom:1px solid var(--el-collapse-border-color)}.el-collapse-item__content{padding-bottom:25px;font-size:var(--el-collapse-content-font-size);color:var(--el-collapse-content-text-color);line-height:1.7692307692}.el-collapse-item:last-child{margin-bottom:-1px}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px;float:right}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--el-border-color-lighter);box-shadow:0 0 2px #0009;z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--el-bg-color) 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--el-border-color-lighter);box-shadow:0 0 2px #0009;z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:12px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-picker{display:inline-block;position:relative;line-height:normal;outline:0}.el-color-picker:hover:not(.is-disabled) .el-color-picker__trigger{border:1px solid var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--large{height:40px}.el-color-picker--large .el-color-picker__trigger{height:40px;width:40px}.el-color-picker--large .el-color-picker__mask{height:38px;width:38px}.el-color-picker--small{height:24px}.el-color-picker--small .el-color-picker__trigger{height:24px;width:24px}.el-color-picker--small .el-color-picker__mask{height:22px;width:22px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__mask{height:30px;width:30px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:#ffffffb3}.el-color-picker__trigger{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:32px;width:32px;padding:4px;border:1px solid var(--el-border-color);border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;box-sizing:border-box;border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.el-color-picker__color-inner{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%}.el-color-picker .el-color-picker__empty{font-size:12px;color:var(--el-text-color-secondary)}.el-color-picker .el-color-picker__icon{display:inline-flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;box-sizing:content-box;background-color:#fff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333333}.el-container{display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.el-container.is-vertical{flex-direction:column}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-text-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td .el-date-table-cell{height:30px;padding:3px 0;box-sizing:border-box}.el-date-table td .el-date-table-cell .el-date-table-cell__text{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translate(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-text-color)}.el-date-table td.today{position:relative}.el-date-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:700}.el-date-table td.today.end-date .el-date-table-cell__text,.el-date-table td.today.start-date .el-date-table-cell__text{color:#fff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-text-color)}.el-date-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{color:#fff;background-color:var(--el-datepicker-active-color)}.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-date-table td.end-date .el-date-table-cell,.el-date-table td.start-date .el-date-table-cell{color:#fff}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date .el-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date .el-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled .el-date-table-cell{background-color:var(--el-fill-color-light);opacity:1;cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-date-table td.selected .el-date-table-cell{margin-left:5px;margin-right:5px;background-color:var(--el-datepicker-inrange-bg-color);border-radius:15px}.el-date-table td.selected .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.selected .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#fff;border-radius:15px}.el-date-table td.week{font-size:80%;color:var(--el-datepicker-header-text-color)}.el-date-table td:focus{outline:0}.el-date-table th{padding:5px;color:var(--el-datepicker-header-text-color);font-weight:400;border-bottom:solid 1px var(--el-border-color-lighter)}.el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;box-sizing:border-box}.el-month-table td.today .cell{color:var(--el-color-primary);font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#fff}.el-month-table td.disabled .cell{background-color:var(--el-fill-color-light);cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-month-table td.disabled .cell:hover{color:var(--el-text-color-placeholder)}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:var(--el-datepicker-text-color);margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:var(--el-datepicker-hover-text-color)}.el-month-table td.in-range div{background-color:var(--el-datepicker-inrange-bg-color)}.el-month-table td.in-range div:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#fff}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#fff;background-color:var(--el-datepicker-active-color)}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:var(--el-datepicker-active-color)}.el-month-table td:focus-visible{outline:0}.el-month-table td:focus-visible .cell{outline:2px solid var(--el-datepicker-active-color)}.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:var(--el-color-primary);font-weight:700}.el-year-table td.disabled .cell{background-color:var(--el-fill-color-light);cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-year-table td.disabled .cell:hover{color:var(--el-text-color-placeholder)}.el-year-table td .cell{width:48px;height:36px;display:block;line-height:36px;color:var(--el-datepicker-text-color);border-radius:18px;margin:0 auto}.el-year-table td .cell:hover{color:var(--el-datepicker-hover-text-color)}.el-year-table td.current:not(.disabled) .cell{color:var(--el-datepicker-active-color)}.el-year-table td:focus-visible{outline:0}.el-year-table td:focus-visible .cell{outline:2px solid var(--el-datepicker-active-color)}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:default}.el-time-spinner__arrow{font-size:12px;color:var(--el-text-color-secondary);position:absolute;left:0;width:100%;z-index:var(--el-index-normal);text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.arrow-up{top:10px}.el-time-spinner__arrow.arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list:after,.el-time-spinner__list:before{content:"";display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--el-text-color-regular)}.el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:pointer}.el-time-spinner__item.is-active:not(.is-disabled){color:var(--el-text-color-primary);font-weight:700}.el-time-spinner__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper{--el-datepicker-border-color:var(--el-disabled-border-color)}.el-picker__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent;border-left-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent;border-bottom-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);position:relative;display:inline-block;text-align:left}.el-date-editor.el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-date-editor.el-input,.el-date-editor.el-input__wrapper{width:var(--el-date-editor-width);height:var(--el-input-height,var(--el-component-size))}.el-date-editor--monthrange{--el-date-editor-width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange,.el-date-editor--timerange{--el-date-editor-width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange{--el-date-editor-width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .close-icon,.el-date-editor .clear-icon{cursor:pointer}.el-date-editor .clear-icon:hover{color:var(--el-text-color-secondary)}.el-date-editor .el-range__icon{height:inherit;font-size:14px;color:var(--el-text-color-placeholder);float:left}.el-date-editor .el-range__icon svg{vertical-align:middle}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);background-color:transparent}.el-date-editor .el-range-input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-input:-ms-input-placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--el-text-color-primary)}.el-date-editor .el-range__close-icon{font-size:14px;color:var(--el-text-color-placeholder);height:inherit;width:unset;cursor:pointer}.el-date-editor .el-range__close-icon:hover{color:var(--el-text-color-secondary)}.el-date-editor .el-range__close-icon svg{vertical-align:middle}.el-date-editor .el-range__close-icon--hidden{opacity:0;visibility:hidden}.el-range-editor.el-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor--large{line-height:var(--el-component-size-large)}.el-range-editor--large.el-input__wrapper{height:var(--el-component-size-large)}.el-range-editor--large .el-range-separator{line-height:40px;font-size:14px}.el-range-editor--large .el-range-input{height:38px;line-height:38px;font-size:14px}.el-range-editor--small{line-height:var(--el-component-size-small)}.el-range-editor--small.el-input__wrapper{height:var(--el-component-size-small)}.el-range-editor--small .el-range-separator{line-height:24px;font-size:12px}.el-range-editor--small .el-range-input{height:22px;line-height:22px;font-size:12px}.el-range-editor.is-disabled{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:var(--el-disabled-border-color)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled input:-ms-input-placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-text-color)}.el-picker-panel{color:var(--el-text-color-regular);background:var(--el-bg-color-overlay);border-radius:var(--el-border-radius-base);line-height:30px}.el-picker-panel .el-time-panel{margin:5px 0;border:solid 1px var(--el-datepicker-border-color);background-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid var(--el-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--el-bg-color-overlay);position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--el-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--el-datepicker-active-color)}.el-picker-panel__btn{border:1px solid var(--el-fill-color-darker);color:var(--el-text-color-primary);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:var(--el-text-color-disabled);cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:var(--el-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn:focus-visible{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-text-color-disabled)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__icon-btn .el-icon{cursor:pointer;font-size:inherit}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--el-bg-color-overlay);overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary)}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid var(--el-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--el-border-color-lighter)}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--el-text-color-regular)}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label:focus-visible{outline:0;color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-picker .el-time-panel{position:absolute}.el-date-range-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary)}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid var(--el-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:var(--el-datepicker-icon-color)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid var(--el-datepicker-border-color)}.el-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--el-index-top);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content:after,.el-time-panel__content:before{content:"";top:50%;position:absolute;margin-top:-16px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content:before{padding-left:50%;margin-right:12%;margin-left:12%;border-top:1px solid var(--el-border-color-light);border-bottom:1px solid var(--el-border-color-light)}.el-time-panel__content.has-seconds:after{left:66.6666666667%}.el-time-panel__content.has-seconds:before{padding-left:33.3333333333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--el-text-color-primary)}.el-time-panel__btn.confirm{font-weight:800;color:var(--el-timepicker-active-color,var(--el-color-primary))}.el-descriptions{--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:var(--el-fill-color-light);box-sizing:border-box;font-size:var(--el-font-size-base);color:var(--el-text-color-primary)}.el-descriptions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.el-descriptions__title{color:var(--el-text-color-primary);font-size:16px;font-weight:700}.el-descriptions__body{background-color:var(--el-fill-color-blank)}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;text-align:left;font-weight:400;line-height:23px;font-size:14px}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:8px 11px}.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--large{font-size:14px}.el-descriptions--large .el-descriptions__header{margin-bottom:20px}.el-descriptions--large .el-descriptions__header .el-descriptions__title{font-size:16px}.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:14px}.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:12px 15px}.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:16px}.el-descriptions--small{font-size:12px}.el-descriptions--small .el-descriptions__header{margin-bottom:12px}.el-descriptions--small .el-descriptions__header .el-descriptions__title{font-size:14px}.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:12px}.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:4px 7px}.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{font-weight:700;color:var(--el-text-color-regular);background:var(--el-descriptions-item-bordered-label-background)}.el-descriptions__label:not(.is-bordered-label){color:var(--el-text-color-primary);margin-right:16px}.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.el-descriptions__content.el-descriptions__cell.is-bordered-content{color:var(--el-text-color-primary)}.el-descriptions__content:not(.is-bordered-label){color:var(--el-text-color-regular)}.el-descriptions--large .el-descriptions__label:not(.is-bordered-label){margin-right:16px}.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.el-descriptions--small .el-descriptions__label:not(.is-bordered-label){margin-right:12px}.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{-webkit-animation:v-modal-in var(--el-transition-duration-fast) ease;animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{-webkit-animation:v-modal-out var(--el-transition-duration-fast) ease forwards;animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{to{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color)}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:20px;--el-dialog-border-radius:var(--el-border-radius-small);position:relative;margin:var(--el-dialog-margin-top,15vh) auto 50px;background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:0!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-dialog__header{padding:var(--el-dialog-padding-primary);padding-bottom:10px;margin-right:16px}.el-dialog__headerbtn{position:absolute;top:6px;right:0;padding:0;width:54px;height:54px;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--el-message-close-size,16px)}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{line-height:var(--el-dialog-font-line-height);font-size:var(--el-dialog-title-font-size);color:var(--el-text-color-primary)}.el-dialog__body{padding:calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{padding:var(--el-dialog-padding-primary);padding-top:10px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px calc(var(--el-dialog-padding-primary) + 5px) 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{-webkit-animation:modal-fade-in var(--el-transition-duration);animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{-webkit-animation:dialog-fade-in var(--el-transition-duration);animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{-webkit-animation:modal-fade-out var(--el-transition-duration);animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{-webkit-animation:dialog-fade-out var(--el-transition-duration);animation:dialog-fade-out var(--el-transition-duration)}@-webkit-keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@-webkit-keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-divider{position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0;border-top:1px var(--el-border-color) var(--el-border-style)}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative;border-left:1px var(--el-border-color) var(--el-border-style)}.el-divider__text{position:absolute;background-color:var(--el-bg-color);padding:0 20px;font-weight:500;color:var(--el-text-color-primary);font-size:14px}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translate(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color, var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary, 20px)}.el-drawer{position:absolute;box-sizing:border-box;background-color:var(--el-drawer-bg-color);display:flex;flex-direction:column;box-shadow:var(--el-box-shadow-dark);overflow:hidden;transition:all var(--el-transition-duration)}.el-drawer .rtl,.el-drawer .ltr,.el-drawer .ttb,.el-drawer .btt{transform:translate(0)}.el-drawer__sr-focus:focus{outline:0!important}.el-drawer__header{align-items:center;color:#72767b;display:flex;margin-bottom:32px;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.el-drawer__footer{padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{display:inline-flex;border:none;cursor:pointer;font-size:var(--el-font-size-extra-large);color:inherit;background-color:transparent;outline:0}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;padding:var(--el-drawer-padding-primary);overflow:auto}.el-drawer__body>*{box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.rtl{right:0}.el-drawer.ttb{top:0}.el-drawer.btt{bottom:0}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{opacity:0}.el-drawer-fade-enter-to,.el-drawer-fade-leave-from{opacity:1}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translate(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translate(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10;display:inline-flex;position:relative;color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1;vertical-align:top}.el-dropdown.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent;border-bottom-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:0}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{list-style:none;padding:0;margin:0;box-sizing:border-box}.el-dropdown .el-dropdown__caret-button{padding-left:0;padding-right:0;display:inline-flex;justify-content:center;align-items:center;width:32px;border-left:none}.el-dropdown .el-dropdown__caret-button>span{display:inline-flex}.el-dropdown .el-dropdown__caret-button:before{content:"";position:absolute;display:block;width:1px;top:-1px;bottom:-1px;left:0;background:var(--el-overlay-color-lighter)}.el-dropdown .el-dropdown__caret-button.el-button:before{background:var(--el-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown .el-dropdown-selfdefine{outline:0}.el-dropdown--large .el-dropdown__caret-button{width:40px}.el-dropdown--small .el-dropdown__caret-button{width:24px}.el-dropdown-menu{position:relative;top:0;left:0;z-index:var(--el-dropdown-menu-index);padding:5px 0;margin:0;background-color:var(--el-bg-color-overlay);border:none;border-radius:var(--el-border-radius-base);box-shadow:none;list-style:none}.el-dropdown-menu__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:0}.el-dropdown-menu__item:not(.is-disabled):focus{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{margin:6px 0;border-top:1px solid var(--el-border-color-lighter)}.el-dropdown-menu__item.is-disabled{cursor:not-allowed;color:var(--el-text-color-disabled)}.el-dropdown-menu--large{padding:7px 0}.el-dropdown-menu--large .el-dropdown-menu__item{padding:7px 20px;line-height:22px;font-size:14px}.el-dropdown-menu--large .el-dropdown-menu__item--divided{margin:8px 0}.el-dropdown-menu--small{padding:3px 0}.el-dropdown-menu--small .el-dropdown-menu__item{padding:2px 12px;line-height:20px;font-size:12px}.el-dropdown-menu--small .el-dropdown-menu__item--divided{margin:4px 0}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--el-empty-padding)}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;width:100%;height:100%;vertical-align:top}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-secondary)}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;padding:var(--el-footer-padding);box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height)}.el-form{--el-form-label-font-size:var(--el-font-size-base)}.el-form--label-left .el-form-item__label{justify-content:flex-start}.el-form--label-top .el-form-item{display:block}.el-form--label-top .el-form-item .el-form-item__label{display:block;height:auto;text-align:left;margin-bottom:8px;line-height:22px}.el-form--inline .el-form-item{display:inline-flex;vertical-align:middle;margin-right:32px}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form--large.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:12px;line-height:22px}.el-form--default.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:8px;line-height:22px}.el-form--small.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:4px;line-height:20px}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item__label-wrap{display:flex}.el-form-item__label{display:inline-flex;justify-content:flex-end;align-items:flex-start;flex:0 0 auto;font-size:var(--el-form-label-font-size);color:var(--el-text-color-regular);height:32px;line-height:32px;padding:0 12px 0 0;box-sizing:border-box}.el-form-item__content{display:flex;flex-wrap:wrap;align-items:center;flex:1;line-height:32px;position:relative;font-size:var(--font-size);min-width:0}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;line-height:1;padding-top:2px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{content:"*";color:var(--el-color-danger);margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{content:"*";color:var(--el-color-danger);margin-left:4px}.el-form-item.is-error .el-select-v2__wrapper.is-focused{border-color:transparent}.el-form-item.is-error .el-select-v2__wrapper,.el-form-item.is-error .el-select-v2__wrapper:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-input-group__prepend .el-input__wrapper{box-shadow:0 0 0 1px transparent inset}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-header{--el-header-padding:0 20px;--el-header-height:60px;padding:var(--el-header-padding);box-sizing:border-box;flex-shrink:0;height:var(--el-header-height)}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__btn .el-icon{font-size:inherit;cursor:pointer}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.el-image-viewer__canvas{position:static;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__actions{left:50%;bottom:30px;transform:translate(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.el-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in var(--el-transition-duration);animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out var(--el-transition-duration);animation:viewer-fade-out var(--el-transition-duration)}@-webkit-keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top;opacity:1}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{position:absolute;top:0;left:0}.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{display:flex;justify-content:center;align-items:center;font-size:14px;background:var(--el-fill-color-light);color:var(--el-text-color-placeholder);vertical-align:middle}.el-image__preview{cursor:pointer}.el-input-number{position:relative;display:inline-flex;width:150px;line-height:30px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.el-input-number__decrease,.el-input-number__increase{display:flex;justify-content:center;align-items:center;height:auto;position:absolute;z-index:1;top:1px;bottom:1px;width:32px;background:var(--el-fill-color-light);color:var(--el-text-color-regular);cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input_wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input_wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:var(--el-border)}.el-input-number__decrease{left:1px;border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border)}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{width:180px;line-height:38px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{width:40px;font-size:14px}.el-input-number--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{width:120px;line-height:22px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:24px;font-size:12px}.el-input-number--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{bottom:auto;left:auto;border-radius:0 var(--el-border-radius-base) 0 0;border-bottom:var(--el-border)}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;top:auto;left:auto;border-right:none;border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary)}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--el-font-size-base)}.el-textarea__inner{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--el-input-text-color,var(--el-text-color-regular));background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-box-shadow);border:none}.el-textarea__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:-ms-input-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{outline:0;box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-textarea .el-input__count{color:var(--el-color-info);background:var(--el-fill-color-blank);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary)}.el-input{--el-input-height:var(--el-component-size);position:relative;font-size:var(--el-font-size-base);display:inline-flex;width:100%;line-height:var(--el-input-height);box-sizing:border-box;vertical-align:middle}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:var(--el-text-color-disabled)}.el-input::-webkit-scrollbar-corner{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);font-size:14px;cursor:pointer}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{height:100%;display:inline-flex;align-items:center;color:var(--el-color-info);font-size:12px}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);line-height:initial;display:inline-block;padding-left:8px}.el-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-box-shadow);transform:translateZ(0);box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--el-input-text-color,var(--el-text-color-regular));font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);padding:0;outline:0;border:none;background:0 0;box-sizing:border-box}.el-input__inner:focus{outline:0}.el-input__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner:-ms-input-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__prefix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none}.el-input__prefix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none}.el-input__suffix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--el-transition-duration);margin-left:8px}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color,) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{display:inline-flex;width:100%;align-items:stretch}.el-input-group__append,.el-input-group__prepend{background-color:var(--el-fill-color-light);color:var(--el-color-info);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--el-input-border-radius);padding:0 20px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-input__wrapper,.el-input-group__append div.el-select:hover .el-input__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-input__wrapper,.el-input-group__prepend div.el-select:hover .el-input__wrapper{border-color:transparent;background-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__inner{box-shadow:none!important}.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner{box-shadow:none!important}.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper{box-shadow:1px 0 0 0 var(--el-input-focus-border-color) inset,1px 0 0 0 var(--el-input-focus-border-color),0 1px 0 0 var(--el-input-focus-border-color) inset,0 -1px 0 0 var(--el-input-focus-border-color) inset!important;z-index:2}.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper:focus{outline:0;z-index:2;box-shadow:1px 0 0 0 var(--el-input-focus-border-color) inset,1px 0 0 0 var(--el-input-focus-border-color),0 1px 0 0 var(--el-input-focus-border-color) inset,0 -1px 0 0 var(--el-input-focus-border-color) inset!important}.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__inner{box-shadow:none!important}.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__wrapper{z-index:1;box-shadow:1px 0 0 0 var(--el-input-hover-border-color) inset,1px 0 0 0 var(--el-input-hover-border-color),0 1px 0 0 var(--el-input-hover-border-color) inset,0 -1px 0 0 var(--el-input-hover-border-color) inset!important}.el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-input .el-input__inner{box-shadow:none!important}.el-input-group--append .el-input-group__append .el-select .el-input .el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__inner{box-shadow:none!important}.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__wrapper{z-index:2;box-shadow:-1px 0 0 0 var(--el-input-focus-border-color),-1px 0 0 0 var(--el-input-focus-border-color) inset,0 1px 0 0 var(--el-input-focus-border-color) inset,0 -1px 0 0 var(--el-input-focus-border-color) inset!important}.el-input-group--append .el-input-group__append .el-select:hover .el-input__inner{box-shadow:none!important}.el-input-group--append .el-input-group__append .el-select:hover .el-input__wrapper{z-index:1;box-shadow:-1px 0 0 0 var(--el-input-hover-border-color),-1px 0 0 0 var(--el-input-hover-border-color) inset,0 1px 0 0 var(--el-input-hover-border-color) inset,0 -1px 0 0 var(--el-input-hover-border-color) inset!important}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder)}.el-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);color:var(--el-link-text-color)}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--el-link-hover-text-color)}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default:after{border-color:var(--el-link-hover-text-color)}.el-link__inner{display:inline-flex;justify-content:center;align-items:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--primary:after{border-color:var(--el-link-text-color)}.el-link.el-link--primary.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--success:after{border-color:var(--el-link-text-color)}.el-link.el-link--success.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--warning:after{border-color:var(--el-link-text-color)}.el-link.el-link--warning.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--danger:after{border-color:var(--el-link-text-color)}.el-link.el-link--danger.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--error:after{border-color:var(--el-link-text-color)}.el-link.el-link--error.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.el-link--info:after{border-color:var(--el-link-text-color)}.el-link.el-link--info.is-underline:hover:after{border-color:var(--el-link-text-color)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:var(--el-mask-color);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity var(--el-transition-duration)}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/ 2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{top:50%;margin-top:calc((0px - var(--el-loading-spinner-size))/ 2);width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);margin:3px 0;font-size:14px}.el-loading-spinner .circular{display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size);-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@-webkit-keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-rotate{to{transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-main{--el-main-padding:20px;display:block;flex:1;flex-basis:auto;overflow:auto;box-sizing:border-box;padding:var(--el-main-padding)}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{border-right:solid 1px var(--el-menu-border-color);list-style:none;position:relative;margin:0;padding-left:0;background-color:var(--el-menu-bg-color);box-sizing:border-box}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title{white-space:nowrap;padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding))}.el-menu--horizontal{display:flex;flex-wrap:nowrap;border-bottom:solid 1px var(--el-menu-border-color);border-right:none}.el-menu--horizontal>.el-menu-item{display:inline-flex;justify-content:center;align-items:center;height:100%;margin:0;border-bottom:2px solid transparent;color:var(--el-menu-text-color)}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{background-color:#fff}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:0}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{height:100%;border-bottom:2px solid transparent;color:var(--el-menu-text-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-bg-color-overlay)}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{background-color:var(--el-menu-bg-color);display:flex;align-items:center;height:var(--el-menu-horizontal-sub-item-height);line-height:var(--el-menu-horizontal-sub-item-height);padding:0 10px;color:var(--el-menu-text-color)}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:var(--el-menu-hover-text-color);background-color:var(--el-menu-hover-bg-color)}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;vertical-align:middle;width:var(--el-menu-icon-width);text-align:center}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light)}.el-menu .el-icon{flex-shrink:0}.el-menu-item{display:flex;align-items:center;height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 var(--el-menu-base-level-padding);list-style:none;cursor:pointer;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:0}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon]{margin-right:5px;width:var(--el-menu-icon-width);text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{position:absolute;left:0;top:0;height:100%;width:100%;display:inline-flex;align-items:center;box-sizing:border-box;padding:0 var(--el-menu-base-level-padding)}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{display:flex;align-items:center;height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 var(--el-menu-base-level-padding);list-style:none;cursor:pointer;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:0}.el-sub-menu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height)}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu .el-icon{vertical-align:middle;margin-right:5px;width:var(--el-menu-icon-width);text-align:center;font-size:18px}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{position:absolute;top:50%;right:var(--el-menu-base-level-padding);margin-top:-6px;transition:transform var(--el-transition-duration);font-size:12px;margin-right:0;width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px var(--el-menu-base-level-padding);line-height:normal;font-size:12px;color:var(--el-text-color-secondary)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{transition:var(--el-transition-duration-fast);opacity:0}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:15px}.el-message-box{display:inline-block;max-width:var(--el-messagebox-width);width:100%;padding-bottom:10px;vertical-align:middle;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);border:1px solid var(--el-border-color-lighter);font-size:var(--el-messagebox-font-size);box-shadow:var(--el-box-shadow-light);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.el-message-box:focus{outline:0!important}.el-overlay.is-message-box .el-overlay-message-box{text-align:center;position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;overflow:auto}.el-overlay.is-message-box .el-overlay-message-box:after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-message-box__header{position:relative;padding:var(--el-messagebox-padding-primary);padding-bottom:10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:var(--el-messagebox-font-size);line-height:1;color:var(--el-messagebox-title-color)}.el-message-box__headerbtn{position:absolute;top:var(--el-messagebox-padding-primary);right:var(--el-messagebox-padding-primary);padding:0;border:none;outline:0;background:0 0;font-size:var(--el-message-close-size,16px);cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{padding:10px var(--el-messagebox-padding-primary);color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input div.invalid>input{border-color:var(--el-color-error)}.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{position:absolute;top:50%;transform:translateY(-50%);font-size:24px!important}.el-message-box__status:before{padding-left:1px}.el-message-box__status.el-icon{position:absolute}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px;word-break:break-word}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{flex-direction:row-reverse}.el-message-box--center .el-message-box__title{position:relative;display:flex;align-items:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns{justify-content:center}.el-message-box--center .el-message-box__content{padding-left:calc(var(--el-messagebox-padding-primary) + 12px);padding-right:calc(var(--el-messagebox-padding-primary) + 12px);text-align:center}.fade-in-linear-enter-active .el-overlay-message-box{-webkit-animation:msgbox-fade-in var(--el-transition-duration);animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@-webkit-keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:15px 19px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary)}.el-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width);border-style:var(--el-border-style);border-color:var(--el-message-border-color);position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:var(--el-message-bg-color);transition:opacity var(--el-transition-duration),transform .4s,top .4s;padding:var(--el-message-padding);display:flex;align-items:center}.el-message.is-center{justify-content:center}.el-message.is-closable .el-message__content{padding-right:31px}.el-message p{margin:0}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:anywhere}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:anywhere}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:anywhere}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:anywhere}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message__icon{margin-right:10px}.el-message .el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{position:absolute;top:50%;right:19px;transform:translateY(-50%);cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size, 16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular)}.el-notification{display:flex;width:var(--el-notification-width);padding:var(--el-notification-padding);border-radius:var(--el-notification-radius);box-sizing:border-box;border:1px solid var(--el-notification-border-color);position:fixed;background-color:var(--el-bg-color-overlay);box-shadow:var(--el-notification-shadow);transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);overflow-wrap:anywhere;overflow:hidden;z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{font-weight:700;font-size:var(--el-notification-title-font-size);line-height:var(--el-notification-icon-size);color:var(--el-notification-title-color);margin:0}.el-notification__content{font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0;color:var(--el-notification-content-color);text-align:justify}.el-notification__content p{margin:0}.el-notification .el-notification__icon{height:var(--el-notification-icon-size);width:var(--el-notification-icon-size);font-size:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:var(--el-notification-close-color);font-size:var(--el-notification-close-font-size)}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}.el-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:var(--el-overlay-color-lighter);overflow:auto}.el-overlay .el-overlay-root{height:0}.el-page-header.is-contentful .el-page-header__main{border-top:1px solid var(--el-border-color-light);margin-top:16px}.el-page-header__header{display:flex;align-items:center;justify-content:space-between;line-height:24px}.el-page-header__left{display:flex;align-items:center;margin-right:40px;position:relative}.el-page-header__back{display:flex;align-items:center;cursor:pointer}.el-page-header__left .el-divider--vertical{margin:0 16px}.el-page-header__icon{font-size:16px;margin-right:10px;display:flex;align-items:center}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:var(--el-text-color-primary)}.el-page-header__breadcrumb{margin-bottom:16px}.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-item-gap:16px;white-space:nowrap;color:var(--el-pagination-text-color);font-size:var(--el-pagination-font-size);font-weight:400;display:flex;align-items:center}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield}.el-pagination .el-select .el-input{width:128px}.el-pagination button{display:flex;justify-content:center;align-items:center;font-size:var(--el-pagination-font-size);min-width:var(--el-pagination-button-width);height:var(--el-pagination-button-height);line-height:var(--el-pagination-button-height);color:var(--el-pagination-button-color);background:var(--el-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--el-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.el-pagination button *{pointer-events:none}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:var(--el-pagination-hover-color)}.el-pagination button.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:700}.el-pagination button.is-active.is-disabled{font-weight:700;color:var(--el-text-color-secondary)}.el-pagination button.is-disabled,.el-pagination button:disabled{color:var(--el-pagination-button-disabled-color);background-color:var(--el-pagination-button-disabled-bg-color);cursor:not-allowed}.el-pagination button:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700;width:inherit}.el-pagination>.is-first{margin-left:0!important}.el-pagination>.is-last{margin-right:0!important}.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination__sizes,.el-pagination__total{margin-left:var(--el-pagination-item-gap);font-weight:400;color:var(--el-text-color-regular)}.el-pagination__total[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__jump{display:flex;align-items:center;margin-left:var(--el-pagination-item-gap);font-weight:400;color:var(--el-text-color-regular)}.el-pagination__jump[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__goto{margin-right:8px}.el-pagination__editor{text-align:center;box-sizing:border-box}.el-pagination__editor.el-input{width:56px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__classifier{margin-left:8px}.el-pagination__rightwrapper{flex:1;display:flex;align-items:center;justify-content:flex-end}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 4px;background-color:var(--el-pagination-button-bg-color)}.el-pagination.is-background .btn-next.is-active,.el-pagination.is-background .btn-prev.is-active,.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background .btn-next.is-disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.is-disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.is-disabled,.el-pagination.is-background .el-pager li:disabled{color:var(--el-text-color-placeholder);background-color:var(--el-disabled-bg-color)}.el-pagination.is-background .btn-next.is-disabled.is-active,.el-pagination.is-background .btn-next:disabled.is-active,.el-pagination.is-background .btn-prev.is-disabled.is-active,.el-pagination.is-background .btn-prev:disabled.is-active,.el-pagination.is-background .el-pager li.is-disabled.is-active,.el-pagination.is-background .el-pager li:disabled.is-active{color:var(--el-text-color-secondary);background-color:var(--el-fill-color-dark)}.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li{height:var(--el-pagination-button-height-small);line-height:var(--el-pagination-button-height-small);font-size:var(--el-pagination-font-size-small);min-width:var(--el-pagination-button-width-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){font-size:var(--el-pagination-font-size-small)}.el-pagination--small .el-select .el-input{width:100px}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0;display:flex;align-items:center}.el-pager li{display:flex;justify-content:center;align-items:center;font-size:var(--el-pagination-font-size);min-width:var(--el-pagination-button-width);height:var(--el-pagination-button-height);line-height:var(--el-pagination-button-height);color:var(--el-pagination-button-color);background:var(--el-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--el-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.el-pager li *{pointer-events:none}.el-pager li:focus{outline:0}.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:700}.el-pager li.is-active.is-disabled{font-weight:700;color:var(--el-text-color-secondary)}.el-pager li.is-disabled,.el-pager li:disabled{color:var(--el-pagination-button-disabled-color);background-color:var(--el-pagination-button-disabled-bg-color);cursor:not-allowed}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-popconfirm__main{display:flex;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin-top:8px}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);word-break:break-all;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.el-progress{position:relative;line-height:1;display:flex;align-items:center}.el-progress__text{font-size:14px;color:var(--el-text-color-regular);margin-left:5px;min-width:50px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;transform:translateY(-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{flex-grow:1;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:var(--el-border-color-lighter);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:var(--el-color-primary);text-align:right;border-radius:100px;line-height:1;white-space:nowrap;transition:width .6s ease}.el-progress-bar__inner:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{transform:translateZ(0);-webkit-animation:indeterminate 3s infinite;animation:indeterminate 3s infinite}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{-webkit-animation:striped-flow 3s linear infinite;animation:striped-flow 3s linear infinite}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@-webkit-keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@-webkit-keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));border-left:0;color:var(--el-button-text-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 15px;font-size:var(--el-font-size-base);border-radius:0}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:var(--el-border);border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button__original-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__original-radio:checked+.el-radio-button__inner{color:var(--el-radio-button-checked-text-color,var(--el-color-white));background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary))}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2;border-radius:var(--el-border-radius-base);box-shadow:none}.el-radio-button__original-radio:disabled+.el-radio-button__inner{color:var(--el-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{padding:12px 19px;font-size:var(--el-font-size-base);border-radius:0}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{padding:5px 11px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-radio-group{display:inline-flex;align-items:center;flex-wrap:wrap;font-size:0}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-fill-color-blank);--el-radio-input-border:var(--el-border);--el-radio-input-border-color:var(--el-border-color);--el-radio-input-border-color-hover:var(--el-color-primary)}.el-radio{color:var(--el-radio-text-color);font-weight:var(--el-radio-font-weight);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;outline:0;font-size:var(--el-font-size-base);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:32px;height:32px}.el-radio.el-radio--large{height:40px}.el-radio.el-radio--small{height:24px}.el-radio.is-bordered{padding:0 15px 0 9px;border-radius:var(--el-border-radius-base);border:var(--el-border);box-sizing:border-box}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:var(--el-border-color-lighter)}.el-radio.is-bordered.el-radio--large{padding:0 19px 0 11px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--large .el-radio__label{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{padding:0 11px 0 7px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner:after{cursor:not-allowed;background-color:var(--el-disabled-bg-color)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:var(--el-color-primary);background:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);width:var(--el-radio-input-width);height:var(--el-radio-input-height);background-color:var(--el-radio-input-bg-color);position:relative;cursor:pointer;display:inline-block;box-sizing:border-box}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner:after{width:4px;height:4px;border-radius:var(--el-radio-input-border-radius);background-color:var(--el-color-white);content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio__original:focus-visible+.el-radio__inner{outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px;border-radius:var(--el-radio-input-border-radius)}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label{font-size:14px}.el-radio.el-radio--large .el-radio__inner{width:14px;height:14px}.el-radio.el-radio--small .el-radio__label{font-size:12px}.el-radio.el-radio--small .el-radio__inner{width:12px;height:12px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary)}.el-rate{display:inline-flex;align-items:center;height:32px}.el-rate:active,.el-rate:focus{outline:0}.el-rate__item{cursor:pointer;display:inline-block;position:relative;font-size:0;vertical-align:middle;color:var(--el-rate-void-color);line-height:normal}.el-rate .el-rate__icon{position:relative;display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{position:absolute;left:0;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{position:absolute;top:0;left:0;display:inline-block;overflow:hidden;color:var(--el-rate-fill-color)}.el-rate__text{font-size:var(--el-rate-font-size);vertical-align:middle;color:var(--el-rate-text-color)}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{cursor:auto;color:var(--el-rate-disabled-void-color)}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px}.el-result{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--el-result-padding)}.el-result__icon svg{width:var(--el-result-icon-font-size);height:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{margin:0;font-size:var(--el-result-title-font-size);color:var(--el-text-color-primary);line-height:1.3}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);line-height:1.3}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-primary{--el-result-color:var(--el-color-primary);color:var(--el-result-color)}.el-result .icon-success{--el-result-color:var(--el-color-success);color:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);color:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);color:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);color:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);color:var(--el-result-color)}.el-row{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-justify-space-evenly{justify-content:space-evenly}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary)}.el-scrollbar{overflow:hidden;position:relative;height:100%}.el-scrollbar__wrap{overflow:auto;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));transition:var(--el-transition-duration) background-color;opacity:var(--el-scrollbar-opacity,.3)}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled{color:var(--el-text-color-disabled)}.el-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled:after{background-color:var(--el-text-color-disabled)}.el-select-dropdown__option-item:hover:not(.hover){background-color:transparent}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-disabled.is-selected{color:var(--el-text-color-disabled)}.el-select-dropdown__list{list-style:none;margin:6px 0!important;padding:0!important;box-sizing:border-box}.el-select-dropdown__option-item{font-size:var(--el-select-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--el-text-color-regular);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__option-item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown__option-item.is-disabled:hover{background-color:var(--el-bg-color)}.el-select-dropdown__option-item.is-selected{background-color:var(--el-fill-color-light);font-weight:700}.el-select-dropdown__option-item.is-selected:not(.is-multiple){color:var(--el-color-primary)}.el-select-dropdown__option-item.hover{background-color:var(--el-fill-color-light)!important}.el-select-dropdown__option-item:hover{background-color:var(--el-fill-color-light)}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected{color:var(--el-color-primary);background-color:var(--el-bg-color-overlay)}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected .el-icon{position:absolute;right:20px;top:0;height:inherit;font-size:12px}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected .el-icon svg{height:inherit;vertical-align:middle}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type):after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:var(--el-border-color-light)}.el-select-group__split-dash{position:absolute;left:20px;right:20px;height:1px;background:var(--el-border-color-light)}.el-select-group__title{padding-left:20px;font-size:12px;color:var(--el-color-info);line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-v2{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px}.el-select-v2{display:inline-block;position:relative;vertical-align:middle;font-size:14px}.el-select-v2__wrapper{display:flex;align-items:center;flex-wrap:wrap;position:relative;box-sizing:border-box;cursor:pointer;padding:1px 30px 1px 0;border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);background-color:var(--el-fill-color-blank);transition:var(--el-transition-duration)}.el-select-v2__wrapper:hover{border-color:var(--el-text-color-placeholder)}.el-select-v2__wrapper.is-filterable{cursor:text}.el-select-v2__wrapper.is-focused{border-color:var(--el-color-primary)}.el-select-v2__wrapper.is-hovering:not(.is-focused){border-color:var(--el-border-color-hover)}.el-select-v2__wrapper.is-disabled{cursor:not-allowed;background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);border-color:var(--el-select-disabled-border)}.el-select-v2__wrapper.is-disabled:hover{border-color:var(--el-select-disabled-border)}.el-select-v2__wrapper.is-disabled.is-focus{border-color:var(--el-input-focus-border-color)}.el-select-v2__wrapper.is-disabled .is-transparent{opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-select-v2__wrapper.is-disabled .el-select-v2__caret,.el-select-v2__wrapper.is-disabled .el-select-v2__combobox-input{cursor:not-allowed}.el-select-v2__wrapper .el-select-v2__input-wrapper{box-sizing:border-box;position:relative;-webkit-margin-start:12px;margin-inline-start:12px;max-width:100%;overflow:hidden}.el-select-v2__wrapper,.el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:32px}.el-select-v2__wrapper .el-select-v2__input-wrapper input{--el-input-inner-height:calc(var(--el-component-size, 32px) - 8px);height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);min-width:4px;width:100%;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;margin:2px 0;outline:0;padding:0}.el-select-v2 .el-select-v2__tags-text{display:inline-block;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select-v2__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:14px}.el-select-v2__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select-v2__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select-v2__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent;border-left-color:transparent}.el-select-v2__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-select-v2__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent;border-bottom-color:transparent}.el-select-v2__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-select-v2--large .el-select-v2__wrapper .el-select-v2__combobox-input{height:32px}.el-select-v2--large .el-select-v2__caret,.el-select-v2--large .el-select-v2__suffix{height:40px}.el-select-v2--large .el-select-v2__placeholder{font-size:14px;line-height:40px}.el-select-v2--small .el-select-v2__wrapper .el-select-v2__combobox-input{height:16px}.el-select-v2--small .el-select-v2__caret,.el-select-v2--small .el-select-v2__suffix{height:24px}.el-select-v2--small .el-select-v2__placeholder{font-size:12px;line-height:24px}.el-select-v2 .el-select-v2__selection>span{display:inline-block}.el-select-v2:hover .el-select-v2__combobox-input{border-color:var(--el-select-border-color-hover)}.el-select-v2 .el-select__selection-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.el-select-v2 .el-select-v2__combobox-input{padding-right:35px;display:block;color:var(--el-text-color-regular)}.el-select-v2 .el-select-v2__combobox-input:focus{border-color:var(--el-select-input-focus-border-color)}.el-select-v2__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--el-select-multiple-input-color);font-size:var(--el-select-font-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px}.el-select-v2__input.is-small{height:14px}.el-select-v2__close{cursor:pointer;position:absolute;top:8px;z-index:var(--el-index-top);right:25px;color:var(--el-select-input-color);line-height:18px;font-size:var(--el-select-input-font-size)}.el-select-v2__close:hover{color:var(--el-select-close-hover-color)}.el-select-v2__suffix{display:inline-flex;position:absolute;right:12px;height:32px;top:50%;transform:translateY(-50%);color:var(--el-input-icon-color,var(--el-text-color-placeholder))}.el-select-v2__suffix .el-input__icon{height:inherit}.el-select-v2__suffix .el-input__icon:not(:first-child){margin-left:8px}.el-select-v2__caret{color:var(--el-select-input-color);font-size:var(--el-select-input-font-size);transition:var(--el-transition-duration);transform:rotate(180deg);cursor:pointer}.el-select-v2__caret.is-reverse{transform:rotate(0)}.el-select-v2__caret.is-show-close{font-size:var(--el-select-font-size);text-align:center;transform:rotate(180deg);border-radius:var(--el-border-radius-circle);color:var(--el-select-input-color);transition:var(--el-transition-color)}.el-select-v2__caret.is-show-close:hover{color:var(--el-select-close-hover-color)}.el-select-v2__caret.el-icon{height:inherit}.el-select-v2__caret.el-icon svg{vertical-align:middle}.el-select-v2__selection{white-space:normal;z-index:var(--el-index-normal);display:flex;align-items:center;flex-wrap:wrap;width:100%}.el-select-v2__input-calculator{left:0;position:absolute;top:0;visibility:hidden;white-space:pre;z-index:999}.el-select-v2__selected-item{line-height:inherit;height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:wrap}.el-select-v2__placeholder{position:absolute;top:50%;transform:translateY(-50%);-webkit-margin-start:12px;margin-inline-start:12px;width:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--el-input-text-color,var(--el-text-color-regular))}.el-select-v2__placeholder.is-transparent{color:var(--el-text-color-placeholder)}.el-select-v2 .el-select-v2__selection .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:var(--el-fill-color)}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);right:-7px;color:var(--el-color-white)}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close:before{display:block;transform:translateY(.5px)}.el-select-v2.el-select-v2--small .el-select-v2__selection .el-tag{margin:1px 0 1px 6px;height:18px}.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:var(--el-color-primary);background-color:var(--el-bg-color-overlay)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:var(--el-fill-color-light)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after{content:"";position:absolute;top:50%;right:20px;border-top:none;border-right:none;background-repeat:no-repeat;background-position:center;background-color:var(--el-color-primary);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;transform:translateY(-50%);width:12px;height:12px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.is-disabled:after{background-color:var(--el-text-color-disabled)}.el-select-dropdown .el-select-dropdown__option-item.is-selected:after{content:"";position:absolute;top:50%;right:20px;border-top:none;border-right:none;background-repeat:no-repeat;background-position:center;background-color:var(--el-color-primary);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;transform:translateY(-50%);width:12px;height:12px}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .el-select-dropdown__item.is-disabled:hover{background-color:unset}.el-select-dropdown .el-select-dropdown__item.is-disabled.selected{color:var(--el-text-color-disabled)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size)}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px}.el-select{display:inline-block;position:relative;vertical-align:middle;line-height:32px}.el-select__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent;border-bottom-color:transparent}.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-select .el-select-tags-wrapper.has-prefix{margin-left:6px}.el-select--large{line-height:40px}.el-select--large .el-select-tags-wrapper.has-prefix{margin-left:8px}.el-select--small{line-height:24px}.el-select--small .el-select-tags-wrapper.has-prefix{margin-left:4px}.el-select .el-select__tags>span{display:inline-block}.el-select:hover:not(.el-select--disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-select-border-color-hover) inset}.el-select .el-select__tags-text{display:inline-block;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select .el-input__wrapper{cursor:pointer}.el-select .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-select-input-focus-border-color) inset!important}.el-select .el-input__inner{cursor:pointer}.el-select .el-input{display:flex}.el-select .el-input .el-select__caret{color:var(--el-select-input-color);font-size:var(--el-select-input-font-size);transition:transform var(--el-transition-duration);transform:rotate(0);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{transform:rotate(-180deg)}.el-select .el-input .el-select__caret.is-show-close{font-size:var(--el-select-font-size);text-align:center;transform:rotate(0);border-radius:var(--el-border-radius-circle);color:var(--el-select-input-color);transition:var(--el-transition-color)}.el-select .el-input .el-select__caret.is-show-close:hover{color:var(--el-select-close-hover-color)}.el-select .el-input .el-select__caret.el-icon{position:relative;height:inherit;z-index:2}.el-select .el-input.is-disabled .el-input__wrapper{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select .el-input.is-disabled .el-input__inner,.el-select .el-input.is-disabled .el-select__caret{cursor:not-allowed}.el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-select-input-focus-border-color) inset!important}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--el-select-multiple-input-color);font-size:var(--el-select-font-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-disabled{cursor:not-allowed}.el-select__input--iOS{position:absolute;left:0;top:0;z-index:6}.el-select__input.is-small{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:var(--el-index-top);right:25px;color:var(--el-select-input-color);line-height:18px;font-size:var(--el-select-input-font-size)}.el-select__close:hover{color:var(--el-select-close-hover-color)}.el-select__tags{position:absolute;line-height:normal;top:50%;transform:translateY(-50%);white-space:normal;z-index:var(--el-index-normal);display:flex;align-items:center;flex-wrap:wrap;cursor:pointer}.el-select__tags .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 6px 2px 0}.el-select__tags .el-tag:last-child{margin-right:0}.el-select__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);right:-7px;top:0;color:#fff}.el-select__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-select__tags .el-tag .el-icon-close:before{display:block;transform:translateY(.5px)}.el-select__tags .el-tag--info{background-color:var(--el-fill-color)}.el-select__tags.is-disabled{cursor:not-allowed}.el-select__collapse-tags{white-space:normal;z-index:var(--el-index-normal);display:flex;align-items:center;flex-wrap:wrap;cursor:pointer}.el-select__collapse-tags .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 6px 2px 0}.el-select__collapse-tags .el-tag:last-child{margin-right:0}.el-select__collapse-tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);right:-7px;top:0;color:#fff}.el-select__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-select__collapse-tags .el-tag .el-icon-close:before{display:block;transform:translateY(.5px)}.el-select__collapse-tags .el-tag--info{background-color:var(--el-fill-color)}.el-select__collapse-tag{line-height:inherit;height:inherit;display:flex}.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);display:inline-block;height:16px;border-radius:var(--el-border-radius-base);width:100%}.el-skeleton__circle{border-radius:50%;width:var(--el-skeleton-circle-size);height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size)}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:var(--el-font-size-small)}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{width:unset;display:flex;align-items:center;justify-content:center;border-radius:0}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;width:22%;height:22%}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@-webkit-keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{height:16px;margin-top:16px;background:var(--el-skeleton-color)}.el-skeleton.is-animated .el-skeleton__item{background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading 1.4s ease infinite;animation:el-skeleton-loading 1.4s ease infinite}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px}.el-slider{width:100%;height:32px;display:flex;align-items:center}.el-slider__runway{flex:1;height:var(--el-slider-height);background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);position:relative;cursor:pointer}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover,.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{height:var(--el-slider-height);background-color:var(--el-slider-main-bg-color);border-top-left-radius:var(--el-slider-border-radius);border-bottom-left-radius:var(--el-slider-border-radius);position:absolute}.el-slider__button-wrapper{height:var(--el-slider-button-wrapper-size);width:var(--el-slider-button-wrapper-size);position:absolute;z-index:1;top:var(--el-slider-button-wrapper-offset);transform:translate(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;outline:0}.el-slider__button-wrapper:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{display:inline-block;width:var(--el-slider-button-size);height:var(--el-slider-button-size);vertical-align:middle;border:solid 2px var(--el-slider-main-bg-color);background-color:var(--el-color-white);border-radius:50%;box-sizing:border-box;transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;height:var(--el-slider-height);width:var(--el-slider-height);border-radius:var(--el-border-radius-circle);background-color:var(--el-slider-stop-bg-color);transform:translate(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;transform:translate(-50%);font-size:14px;color:var(--el-color-info);margin-top:15px;white-space:pre}.el-slider.is-vertical{position:relative;display:inline-flex;width:auto;height:100%;flex:0}.el-slider.is-vertical .el-slider__runway{width:var(--el-slider-height);height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:var(--el-slider-height);height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:var(--el-slider-button-wrapper-offset);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:var(--el-border-color-lighter);stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-step{position:relative;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-shrink:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:var(--el-text-color-primary);border-color:var(--el-text-color-primary)}.el-step__head.is-wait{color:var(--el-text-color-placeholder);border-color:var(--el-text-color-placeholder)}.el-step__head.is-success{color:var(--el-color-success);border-color:var(--el-color-success)}.el-step__head.is-error{color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-step__head.is-finish{color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-step__icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:var(--el-bg-color);transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:var(--el-text-color-placeholder)}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:.15s ease-out;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:var(--el-text-color-primary)}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:flex;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:flex;align-items:stretch;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{flex-grow:1;display:flex;align-items:center;justify-content:center}.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before{content:"";display:inline-block;position:absolute;height:15px;width:1px;background:var(--el-text-color-placeholder)}.el-step.is-simple .el-step__arrow:before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow:after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:var(--el-fill-color-light)}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;flex-flow:column}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color)}.el-switch{display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:32px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:var(--el-transition-duration-fast);height:20px;display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:var(--el-text-color-primary)}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{display:inline-flex;position:relative;align-items:center;min-width:40px;height:20px;border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));outline:0;border-radius:10px;box-sizing:border-box;background:var(--el-switch-off-color);cursor:pointer;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{width:100%;transition:all var(--el-transition-duration);height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 4px 0 18px}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{font-size:12px;color:var(--el-color-white);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-switch__core .el-switch__action{position:absolute;left:1px;border-radius:var(--el-border-radius-circle);transition:all var(--el-transition-duration);width:16px;height:16px;background-color:var(--el-color-white);display:flex;justify-content:center;align-items:center;color:var(--el-switch-off-color)}.el-switch.is-checked .el-switch__core{border-color:var(--el-switch-border-color,var(--el-switch-on-color));background-color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__action{left:calc(100% - 17px);color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;line-height:24px;height:40px}.el-switch--large .el-switch__label{height:24px;font-size:14px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{min-width:50px;height:24px;border-radius:12px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{width:20px;height:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;line-height:16px;height:24px}.el-switch--small .el-switch__label{height:16px;font-size:12px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{min-width:30px;height:16px;border-radius:8px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{width:12px;height:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:solid 1px var(--el-border-color-lighter);border-radius:2px;background-color:#fff;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:var(--el-font-size-base)}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-fill-color-blank);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0, 0, 0, .15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0, 0, 0, .15)}.el-table{position:relative;overflow:hidden;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;max-width:100%;background-color:var(--el-table-bg-color);font-size:14px;color:var(--el-table-text-color)}.el-table__inner-wrapper{position:relative;display:flex;flex-direction:column;height:100%}.el-table__inner-wrapper:before{left:0;bottom:0;width:100%;height:1px}.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell{border-bottom-color:transparent}.el-table__empty-block{position:-webkit-sticky;position:sticky;left:0;min-height:60px;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.el-table__empty-text{line-height:60px;width:50%;color:var(--el-text-color-secondary)}.el-table__expand-column .cell{padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-table__expand-icon{position:relative;cursor:pointer;color:var(--el-text-color-regular);font-size:12px;transition:transform var(--el-transition-duration-fast) ease-in-out;height:20px}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table thead{color:var(--el-table-header-text-color);font-weight:500}.el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-light)}.el-table .el-table__cell{padding:8px 0;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left;z-index:1}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table .cell{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding:0 12px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--large{font-size:var(--el-font-size-base)}.el-table--large .el-table__cell{padding:12px 0}.el-table--large .cell{padding:0 16px}.el-table--default{font-size:14px}.el-table--default .el-table__cell{padding:8px 0}.el-table--default .cell{padding:0 12px}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:4px 0}.el-table--small .cell{padding:0 8px}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div:before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table__footer-wrapper{border-top:var(--el-table-border)}.el-table--border .el-table__inner-wrapper:after,.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{content:"";position:absolute;background-color:var(--el-table-border-color);z-index:3}.el-table--border .el-table__inner-wrapper:after{left:0;top:0;width:100%;height:1px}.el-table--border:before{top:-1px;left:0;width:1px;height:100%}.el-table--border:after{top:-1px;right:0;width:1px;height:100%}.el-table--border .el-table__inner-wrapper{border-right:none;border-bottom:none}.el-table--border .el-table__footer-wrapper{position:relative;flex-shrink:0}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__body-wrapper tr td.el-table-fixed-column--left,.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__body-wrapper tr th.el-table-fixed-column--left,.el-table__body-wrapper tr th.el-table-fixed-column--right,.el-table__footer-wrapper tr td.el-table-fixed-column--left,.el-table__footer-wrapper tr td.el-table-fixed-column--right,.el-table__footer-wrapper tr th.el-table-fixed-column--left,.el-table__footer-wrapper tr th.el-table-fixed-column--right,.el-table__header-wrapper tr td.el-table-fixed-column--left,.el-table__header-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{position:-webkit-sticky!important;position:sticky!important;z-index:2;background:var(--el-bg-color)}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{content:"";position:absolute;top:0;width:10px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{right:-10px;box-shadow:none}.el-table__body-wrapper tr td.el-table__fixed-right-patch,.el-table__body-wrapper tr th.el-table__fixed-right-patch,.el-table__footer-wrapper tr td.el-table__fixed-right-patch,.el-table__footer-wrapper tr th.el-table__fixed-right-patch,.el-table__header-wrapper tr td.el-table__fixed-right-patch,.el-table__header-wrapper tr th.el-table__fixed-right-patch{position:-webkit-sticky!important;position:sticky!important;z-index:2;background:#fff;right:0}.el-table__header-wrapper{flex-shrink:0}.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__body-wrapper .el-table-column--selection>.cell,.el-table__header-wrapper .el-table-column--selection>.cell{display:inline-flex;align-items:center;height:23px}.el-table__body-wrapper .el-table-column--selection .el-checkbox,.el-table__header-wrapper .el-table-column--selection .el-checkbox{height:unset}.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:var(--el-table-border)}.el-table.is-scrolling-left th.el-table-fixed-column--left{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-right th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before{box-shadow:none}.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body-wrapper{overflow:hidden;position:relative;flex:1}.el-table__body-wrapper .el-scrollbar__bar{z-index:2}.el-table .caret-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:14px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:solid 5px transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--el-fill-color-lighter)}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:var(--el-table-border);z-index:10}.el-table__column-filter-trigger{display:inline-block;cursor:pointer}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:14px;vertical-align:middle}.el-table__border-left-patch{top:0;left:0;width:1px;height:100%;z-index:3;position:absolute;background-color:var(--el-table-border-color)}.el-table__border-bottom-patch{left:0;height:1px;z-index:3;position:absolute;background-color:var(--el-table-border-color)}.el-table__border-right-patch{top:0;height:100%;width:1px;z-index:3;position:absolute;background-color:var(--el-table-border-color)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:12px;line-height:12px;height:12px;text-align:center;margin-right:8px}.el-table .el-table.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table:not(.el-table--border) .el-table__cell{border-right:none}.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none}.el-table-v2{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-fill-color-blank);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0, 0, 0, .15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0, 0, 0, .15)}.el-table-v2{font-size:14px}.el-table-v2 *{box-sizing:border-box}.el-table-v2__root{position:relative}.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar{opacity:1}.el-table-v2__main{display:flex;flex-direction:column-reverse;position:absolute;overflow:hidden;top:0;background-color:var(--el-bg-color);left:0}.el-table-v2__main .el-vl__horizontal,.el-table-v2__main .el-vl__vertical{z-index:2}.el-table-v2__left{display:flex;flex-direction:column-reverse;position:absolute;overflow:hidden;top:0;background-color:var(--el-bg-color);left:0;box-shadow:2px 0 4px #0000000f}.el-table-v2__left .el-virtual-scrollbar{opacity:0}.el-table-v2__left .el-vl__horizontal,.el-table-v2__left .el-vl__vertical{z-index:-1}.el-table-v2__right{display:flex;flex-direction:column-reverse;position:absolute;overflow:hidden;top:0;background-color:var(--el-bg-color);right:0;box-shadow:-2px 0 4px #0000000f}.el-table-v2__right .el-virtual-scrollbar{opacity:0}.el-table-v2__right .el-vl__horizontal,.el-table-v2__right .el-vl__vertical{z-index:-1}.el-table-v2__header-row,.el-table-v2__row{-webkit-padding-end:var(--el-table-scrollbar-size);padding-inline-end:var(--el-table-scrollbar-size)}.el-table-v2__header-wrapper{overflow:hidden}.el-table-v2__header{position:relative;overflow:hidden}.el-table-v2__footer{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.el-table-v2__empty{position:absolute;left:0}.el-table-v2__overlay{position:absolute;left:0;right:0;top:0;bottom:0;z-index:9999}.el-table-v2__header-row{display:flex;border-bottom:var(--el-table-border)}.el-table-v2__header-cell{display:flex;align-items:center;padding:0 8px;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;background-color:var(--el-table-header-bg-color);color:var(--el-table-header-text-color);font-weight:700}.el-table-v2__header-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__header-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__header-cell.is-sortable{cursor:pointer}.el-table-v2__header-cell:hover .el-icon{display:block}.el-table-v2__sort-icon{transition:opacity,display var(--el-transition-duration);opacity:.6;display:none}.el-table-v2__sort-icon.is-sorting{display:block;opacity:1}.el-table-v2__row{border-bottom:var(--el-table-border);display:flex;align-items:center;transition:background-color var(--el-transition-duration)}.el-table-v2__row.is-hovered,.el-table-v2__row:hover{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row-cell{height:100%;overflow:hidden;display:flex;align-items:center;padding:0 8px}.el-table-v2__row-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__row-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__expand-icon{margin:0 4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-table-v2__expand-icon svg{transition:transform var(--el-transition-duration)}.el-table-v2__expand-icon.is-expanded svg{transform:rotate(90deg)}.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-table-v2.is-dynamic .el-table-v2__row{overflow:hidden;align-items:stretch}.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell{word-break:break-all}.el-tabs{--el-tabs-header-height:40px}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--el-color-primary);z-index:1;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);list-style:none}.el-tabs__new-tab{display:flex;align-items:center;justify-content:center;float:right;border:1px solid var(--el-border-color);height:20px;width:20px;line-height:20px;margin:10px 0 10px 10px;border-radius:3px;text-align:center;font-size:12px;color:var(--el-text-color-primary);cursor:pointer;transition:all .15s}.el-tabs__new-tab .is-icon-plus{height:inherit;width:inherit;transform:scale(.8)}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--el-border-color-light);z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:var(--el-text-color-secondary);width:20px;text-align:center}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{display:flex;white-space:nowrap;position:relative;transition:transform var(--el-transition-duration);float:left;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{min-width:100%;display:flex}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:var(--el-tabs-header-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center;list-style:none;font-size:var(--el-font-size-base);font-weight:500;color:var(--el-text-color-primary);position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--el-color-primary) inset;border-radius:3px}.el-tabs__item .is-icon-close{border-radius:50%;text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);margin-left:5px}.el-tabs__item .is-icon-close:before{transform:scale(.9);display:inline-block}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#fff}.el-tabs__item.is-active{color:var(--el-color-primary)}.el-tabs__item:hover{color:var(--el-color-primary);cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light);height:var(--el-tabs-header-height)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{position:relative;font-size:12px;width:0;height:14px;overflow:hidden;right:-2px;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);border:1px solid transparent;margin-top:-1px;color:var(--el-text-color-secondary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--el-bg-color-overlay);border-right-color:var(--el-border-color);border-left-color:var(--el-border-color)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover{padding-left:13px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover{padding-right:13px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{flex-direction:column}.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left{justify-content:flex-end}.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right{justify-content:flex-start}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__nav-wrap.is-left:after{left:auto;right:0}.el-tabs--left .el-tabs__active-bar.is-left{right:0;left:auto}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid var(--el-border-color-light);border-bottom:none;border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid var(--el-border-color-light);border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid var(--el-border-color-light);border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter var(--el-transition-duration);animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave var(--el-transition-duration);animation:slideInRight-leave var(--el-transition-duration)}.slideInLeft-enter{-webkit-animation:slideInLeft-enter var(--el-transition-duration);animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave var(--el-transition-duration);animation:slideInLeft-leave var(--el-transition-duration)}@-webkit-keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translate(100%)}to{opacity:1;transform-origin:0 0;transform:translate(0)}}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translate(100%)}to{opacity:1;transform-origin:0 0;transform:translate(0)}}@-webkit-keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translate(0);opacity:1}to{transform-origin:0 0;transform:translate(100%);opacity:0}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translate(0);opacity:1}to{transform-origin:0 0;transform:translate(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translate(-100%)}to{opacity:1;transform-origin:0 0;transform:translate(0)}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translate(-100%)}to{opacity:1;transform-origin:0 0;transform:translate(0)}}@-webkit-keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translate(0);opacity:1}to{transform-origin:0 0;transform:translate(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translate(0);opacity:1}to{transform-origin:0 0;transform:translate(-100%);opacity:0}}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px}.el-tag{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary);--el-tag-text-color:var(--el-color-primary);background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color);display:inline-flex;justify-content:center;align-items:center;height:24px;padding:0 9px;font-size:var(--el-tag-font-size);line-height:1;border-width:1px;border-style:solid;border-radius:var(--el-tag-border-radius);box-sizing:border-box;white-space:nowrap;--el-icon-size:14px}.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color)}.el-tag .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag .el-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size)}.el-tag .el-tag__close{margin-left:6px}.el-tag--dark{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3);--el-tag-text-color:var(--el-color-white)}.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning,.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info{--el-tag-text-color:var(--el-color-white)}.el-tag--plain{--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary);--el-tag-bg-color:var(--el-fill-color-blank)}.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{padding:0 11px;height:32px;--el-icon-size:16px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{padding:0 7px;height:20px;--el-icon-size:12px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular)}.el-text{align-self:center;margin:0;padding:0;font-size:var(--el-text-font-size);color:var(--el-text-color);word-break:break-all}.el-text.is-truncated{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--el-fill-color-light);font-weight:700;cursor:pointer}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:700}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid var(--el-timeline-node-color)}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{position:absolute;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.el-timeline-item__node--normal{left:-1px;width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{left:-2px;width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{position:absolute;display:flex;justify-content:center;align-items:center}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light)}.el-timeline{margin:0;font-size:var(--el-font-size-base);list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{display:flex;align-items:center}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-tooltip-v2__content{--el-tooltip-v2-padding:5px 10px;--el-tooltip-v2-border-radius:4px;--el-tooltip-v2-border-color:var(--el-border-color);border-radius:var(--el-tooltip-v2-border-radius);color:var(--el-color-black);background-color:var(--el-color-white);padding:var(--el-tooltip-v2-padding);border:1px solid var(--el-border-color)}.el-tooltip-v2__arrow{position:absolute;color:var(--el-color-white);width:var(--el-tooltip-v2-arrow-width);height:var(--el-tooltip-v2-arrow-height);pointer-events:none;left:var(--el-tooltip-v2-arrow-x);top:var(--el-tooltip-v2-arrow-y)}.el-tooltip-v2__arrow:before{content:"";width:0;height:0;border:var(--el-tooltip-v2-arrow-border-width) solid transparent;position:absolute}.el-tooltip-v2__arrow:after{content:"";width:0;height:0;border:var(--el-tooltip-v2-arrow-border-width) solid transparent;position:absolute}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow{bottom:0}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:before{border-top-color:var(--el-color-white);border-top-width:var(--el-tooltip-v2-arrow-border-width);border-bottom:0;top:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:after{border-top-color:var(--el-border-color);border-top-width:var(--el-tooltip-v2-arrow-border-width);border-bottom:0;top:100%;z-index:-1}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow{top:0}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:before{border-bottom-color:var(--el-color-white);border-bottom-width:var(--el-tooltip-v2-arrow-border-width);border-top:0;bottom:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:after{border-bottom-color:var(--el-border-color);border-bottom-width:var(--el-tooltip-v2-arrow-border-width);border-top:0;bottom:100%;z-index:-1}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow{right:0}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:before{border-left-color:var(--el-color-white);border-left-width:var(--el-tooltip-v2-arrow-border-width);border-right:0;left:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:after{border-left-color:var(--el-border-color);border-left-width:var(--el-tooltip-v2-arrow-border-width);border-right:0;left:100%;z-index:-1}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow{left:0}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:before{border-right-color:var(--el-color-white);border-right-width:var(--el-tooltip-v2-arrow-border-width);border-left:0;right:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:after{border-right-color:var(--el-border-color);border-right-width:var(--el-tooltip-v2-arrow-border-width);border-left:0;right:100%;z-index:-1}.el-tooltip-v2__content.is-dark{--el-tooltip-v2-border-color:transparent;background-color:var(--el-color-black);color:var(--el-color-white);border-color:transparent}.el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow{background-color:var(--el-color-black);border-color:transparent}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-bg-color:var(--el-fill-color-light);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:278px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px}.el-transfer{font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{vertical-align:top}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{overflow:hidden;background:var(--el-bg-color-overlay);display:inline-block;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width);max-height:100%;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:var(--el-transfer-panel-body-height);border-left:1px solid var(--el-transfer-border-color);border-right:1px solid var(--el-transfer-border-color);border-bottom:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);overflow:hidden}.el-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:var(--el-transfer-panel-body-height);overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:calc(100% - var(--el-transfer-filter-height) - 30px);padding-top:0}.el-transfer-panel__item{height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px;display:block!important}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular)}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:22px;line-height:var(--el-transfer-item-height)}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;padding:15px;box-sizing:border-box}.el-transfer-panel__filter .el-input__inner{height:var(--el-transfer-filter-height);width:100%;font-size:12px;display:inline-block;box-sizing:border-box;border-radius:calc(var(--el-transfer-filter-height)/ 2)}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{display:flex;align-items:center;height:var(--el-transfer-panel-header-height);background:var(--el-transfer-panel-header-bg-color);margin:0;padding-left:15px;border:1px solid var(--el-transfer-border-color);border-top-left-radius:var(--el-transfer-border-radius);border-top-right-radius:var(--el-transfer-border-radius);box-sizing:border-box;color:var(--el-color-black)}.el-transfer-panel .el-transfer-panel__header .el-checkbox{position:relative;display:flex;width:100%;align-items:center}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:var(--el-text-color-primary);font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0);color:var(--el-text-color-secondary);font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:var(--el-transfer-panel-footer-height);background:var(--el-bg-color-overlay);margin:0;padding:0;border:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius)}.el-transfer-panel .el-transfer-panel__footer:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:var(--el-text-color-regular)}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding:6px 15px 0;color:var(--el-text-color-secondary);text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner:after{height:6px;width:3px;left:4px}.el-tree{--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree{position:relative;cursor:default;background:var(--el-fill-color-blank);color:var(--el-tree-text-color);font-size:var(--el-font-size-base)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--el-text-color-secondary);font-size:var(--el-font-size-base)}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:var(--el-color-primary)}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{display:flex;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px;box-sizing:content-box}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:var(--el-tree-expand-icon-color);font-size:12px;transform:rotate(0);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{margin-right:8px;font-size:var(--el-font-size-base);color:var(--el-tree-expand-icon-color)}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-tree-select{--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree-select__popper .el-tree-node__expand-icon{margin-left:8px}.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after{content:none}.el-tree-select__popper .el-select-dropdown__item{flex:1;background:0 0!important;padding-left:0;height:20px;line-height:20px}.el-upload{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px}.el-upload{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:var(--el-text-color-regular);margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.el-upload--picture-card{--el-upload-picture-card-size:148px;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;width:var(--el-upload-picture-card-size);height:var(--el-upload-picture-card-size);cursor:pointer;vertical-align:top;display:inline-flex;justify-content:center;align-items:center}.el-upload--picture-card i{font-size:28px;color:var(--el-text-color-secondary)}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload.is-drag{display:block}.el-upload:focus{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{padding:var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);background-color:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);border-radius:6px;box-sizing:border-box;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-icon--upload{font-size:67px;color:var(--el-text-color-placeholder);margin-bottom:16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:var(--el-border);margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{padding:calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px);background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary)}.el-upload-list{margin:10px 0 0;padding:0;list-style:none;position:relative}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:var(--el-text-color-regular);margin-bottom:5px;position:relative;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{display:none;position:absolute;right:5px;top:50%;cursor:pointer;opacity:.75;color:var(--el-text-color-regular);transition:opacity var(--el-transition-duration);transform:translateY(-50%)}.el-upload-list__item .el-icon--close:hover{opacity:1;color:var(--el-color-primary)}.el-upload-list__item .el-icon--close-tip{display:none;position:absolute;top:1px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:var(--el-color-primary);font-style:normal}.el-upload-list__item:hover{background-color:var(--el-fill-color-light)}.el-upload-list__item:hover .el-icon--close{display:inline-flex}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item .el-upload-list__item-info{display:inline-flex;justify-content:center;flex-direction:column;width:calc(100% - 30px);margin-left:4px}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon--close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none;opacity:0}.el-upload-list__item-name{color:var(--el-text-color-regular);display:inline-flex;text-align:center;align-items:center;padding:0 4px;transition:color var(--el-transition-duration);font-size:var(--el-font-size-base)}.el-upload-list__item-name .el-icon{margin-right:6px;color:var(--el-text-color-secondary)}.el-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none;height:100%;justify-content:center;align-items:center;transition:opacity var(--el-transition-duration)}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:var(--el-text-color-regular);display:none}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{--el-upload-list-picture-card-size:148px;display:inline-flex;flex-wrap:wrap;margin:0}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;width:var(--el-upload-list-picture-card-size);height:var(--el-upload-list-picture-card-size);margin:0 8px 8px 0;padding:0;display:inline-flex}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{opacity:0;display:block}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.el-upload-list--picture-card .el-upload-list__item-status-label{right:-15px;top:-6px;width:40px;height:24px;background:var(--el-color-success);text-align:center;transform:rotate(45deg)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;display:inline-flex;justify-content:center;align-items:center;color:#fff;opacity:0;font-size:20px;background-color:var(--el-overlay-color-lighter);transition:opacity var(--el-transition-duration)}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:1rem}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-flex}.el-upload-list--picture-card .el-progress{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px;display:flex;align-items:center}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{opacity:0;display:inline-flex}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item .el-icon--close{top:5px;transform:translateY(0)}.el-upload-list--picture .el-upload-list__item-thumbnail{display:inline-flex;justify-content:center;align-items:center;width:70px;height:70px;-o-object-fit:contain;object-fit:contain;position:relative;z-index:1;background-color:var(--el-color-white)}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:var(--el-color-success);text-align:center;transform:rotate(45deg)}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{right:-15px;top:-6px;width:40px;height:24px;background:var(--el-color-success);text-align:center;transform:rotate(45deg)}.el-upload-cover__label i{font-size:12px;margin-top:11px;transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--el-overlay-color-light);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:var(--el-transition-md-fade);margin-top:60px}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:var(--el-text-color-primary)}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-vl__wrapper{position:relative}.el-vl__wrapper:hover .el-virtual-scrollbar,.el-vl__wrapper.always-on .el-virtual-scrollbar{opacity:1}.el-vl__window{scrollbar-width:none}.el-vl__window::-webkit-scrollbar{display:none}.el-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.el-virtual-scrollbar.always-on{opacity:1}.el-vg__wrapper{position:relative}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;word-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-bg-color);background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent!important;border-bottom-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-select-dropdown__item{font-size:var(--el-font-size-base);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--el-text-color-regular);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:var(--el-fill-color-light)}.el-select-dropdown__item.selected{color:var(--el-color-primary);font-weight:700}.el-statistic{--el-statistic-title-font-weight:400;--el-statistic-title-font-size:var(--el-font-size-extra-small);--el-statistic-title-color:var(--el-text-color-regular);--el-statistic-content-font-weight:400;--el-statistic-content-font-size:var(--el-font-size-extra-large);--el-statistic-content-color:var(--el-text-color-primary)}.el-statistic__head{font-weight:var(--el-statistic-title-font-weight);font-size:var(--el-statistic-title-font-size);color:var(--el-statistic-title-color);line-height:20px;margin-bottom:4px}.el-statistic__content{font-weight:var(--el-statistic-content-font-weight);font-size:var(--el-statistic-content-font-size);color:var(--el-statistic-content-color)}.el-statistic__value{display:inline-block}.el-statistic__prefix{margin-right:4px;display:inline-block}.el-statistic__suffix{margin-left:4px;display:inline-block}:root{--fat-color-primary-900: var(--wk-color-primary-900, #fa7516);--fat-color-primary-800: var(--wk-color-primary-800, #fb931a);--fat-color-primary-700: var(--wk-color-primary-700, #fca31d);--fat-color-primary-600: var(--wk-color-primary-600, #fcb620);--fat-color-primary-500: var(--wk-color-primary-500, #fdc325);--fat-color-primary-400: var(--wk-color-primary-400, #fdcc37);--fat-color-primary-300: var(--wk-color-primary-300, #fdd758);--fat-color-primary-200: var(--wk-color-primary-200, #fee187);--fat-color-primary-100: var(--wk-color-primary-100, #feedb6);--fat-color-primary-50: var(--wk-color-primary-50, #fff8e2);--fat-color-secondary-900: var(--wk-color-secondary-900, #111c4e);--fat-color-secondary-800: var(--wk-color-secondary-800, #1c2c65);--fat-color-secondary-700: var(--wk-color-secondary-700, #233571);--fat-color-secondary-600: var(--wk-color-secondary-600, #2c3e7c);--fat-color-secondary-500: var(--wk-color-secondary-500, #314584);--fat-color-secondary-400: var(--wk-color-secondary-400, #505f94);--fat-color-secondary-300: var(--wk-color-secondary-300, #6d7aa6);--fat-color-secondary-200: var(--wk-color-secondary-200, #959fbf);--fat-color-secondary-100: var(--wk-color-secondary-100, #bec4d9);--fat-color-secondary-50: var(--wk-color-secondary-50, #e5e8ef);--fat-color-success-900: var(--wk-color-success-900, rgb(18, 205, 61));--fat-color-success-800: var(--wk-color-success-800, rgba(18, 205, 61, .8));--fat-color-success-700: var(--wk-color-success-700, rgba(18, 205, 61, .7));--fat-color-success-600: var(--wk-color-success-600, rgba(18, 205, 61, .6));--fat-color-success-500: var(--wk-color-success-500, rgba(18, 205, 61, .5));--fat-color-success-400: var(--wk-color-success-400, rgba(18, 205, 61, .4));--fat-color-success-300: var(--wk-color-success-300, rgba(18, 205, 61, .3));--fat-color-success-200: var(--wk-color-success-200, rgba(18, 205, 61, .2));--fat-color-success-100: var(--wk-color-success-100, rgba(18, 205, 61, .1));--fat-color-success-50: var(--wk-color-success-50, rgba(18, 205, 61, .06));--fat-color-danger-900: var(--wk-color-danger-900, rgb(255, 73, 24));--fat-color-danger-800: var(--wk-color-danger-800, rgba(255, 73, 24, .8));--fat-color-danger-700: var(--wk-color-danger-700, rgba(255, 73, 24, .7));--fat-color-danger-600: var(--wk-color-danger-600, rgba(255, 73, 24, .6));--fat-color-danger-500: var(--wk-color-danger-500, rgba(255, 73, 24, .5));--fat-color-danger-400: var(--wk-color-danger-400, rgba(255, 73, 24, .4));--fat-color-danger-300: var(--wk-color-danger-300, rgba(255, 73, 24, .3));--fat-color-danger-200: var(--wk-color-danger-200, rgba(255, 73, 24, .2));--fat-color-danger-100: var(--wk-color-danger-100, rgba(255, 73, 24, .1));--fat-color-danger-50: var(--wk-color-danger-50, rgba(255, 73, 24, .06));--fat-color-warning-900: var(--wk-color-warning-900, rgb(255, 188, 61));--fat-color-warning-800: var(--wk-color-warning-800, rgba(255, 188, 61, .8));--fat-color-warning-700: var(--wk-color-warning-700, rgba(255, 188, 61, .7));--fat-color-warning-600: var(--wk-color-warning-600, rgba(255, 188, 61, .6));--fat-color-warning-500: var(--wk-color-warning-500, rgba(255, 188, 61, .5));--fat-color-warning-400: var(--wk-color-warning-400, rgba(255, 188, 61, .4));--fat-color-warning-300: var(--wk-color-warning-300, rgba(255, 188, 61, .3));--fat-color-warning-200: var(--wk-color-warning-200, rgba(255, 188, 61, .2));--fat-color-warning-100: var(--wk-color-warning-100, rgba(255, 188, 61, .1));--fat-color-warning-50: var(--wk-color-warning-50, rgba(255, 188, 61, .06));--fat-color-info-900: var(--wk-color-info-900, rgb(27, 153, 255));--fat-color-info-800: var(--wk-color-info-800, rgba(27, 153, 255, .8));--fat-color-info-700: var(--wk-color-info-700, rgba(27, 153, 255, .7));--fat-color-info-600: var(--wk-color-info-600, rgba(27, 153, 255, .6));--fat-color-info-500: var(--wk-color-info-500, rgba(27, 153, 255, .5));--fat-color-info-400: var(--wk-color-info-400, rgba(27, 153, 255, .4));--fat-color-info-300: var(--wk-color-info-300, rgba(27, 153, 255, .3));--fat-color-info-200: var(--wk-color-info-200, rgba(27, 153, 255, .2));--fat-color-info-100: var(--wk-color-info-100, rgba(27, 153, 255, .1));--fat-color-info-50: var(--wk-color-info-50, rgba(27, 153, 255, .06));--fat-color-gray-900: var(--wk-color-gray-900, #303133);--fat-color-gray-800: var(--wk-color-gray-800, #606266);--fat-color-gray-700: var(--wk-color-gray-700, #909399);--fat-color-gray-600: var(--wk-color-gray-600, #c0c4cc);--fat-color-gray-500: var(--wk-color-gray-500, #dcdfe6);--fat-color-gray-400: var(--wk-color-gray-400, #e4e7ed);--fat-color-gray-300: var(--wk-color-gray-300, #ebeef5);--fat-color-gray-200: var(--wk-color-gray-200, #f2f6fc);--fat-color-gray-100: var(--wk-color-gray-100, #f5f7fa);--fat-color-gray-50: var(--wk-color-gray-50, #f5f6f8);--fat-color-gray-0: var(--wk-color-gray-0, #ffffff);--fat-color-primary: var(--wk-color-primary, var(--wk-color-primary-900, #fa7516));--fat-color-secondary: var(--wk-color-secondary, var(--wk-color-secondary-900, #111c4e));--fat-color-success: var(--wk-color-success, var(--wk-color-success-900, rgb(18, 205, 61)));--fat-color-danger: var(--wk-color-danger, var(--wk-color-danger-900, rgb(255, 73, 24)));--fat-color-warning: var(--wk-color-warning, var(--wk-color-warning-900, rgb(255, 188, 61)));--fat-color-info: var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255)));--fat-color-info-hover: var(--wk-color-info-hover, #40a9ff);--fat-color-info-active: var(--wk-color-info-active, #1889e5);--fat-color-info-disabled: var(--wk-color-info-disabled, #8dccff);--fat-color-white: var(--wk-color-white, var(--wk-color-gray-0, #ffffff));--fat-color-black: var(--wk-color-black, var(--wk-color-gray-900, #303133));--fat-color-font-primary: var(--wk-color-font-primary, var(--wk-color-gray-900, #303133));--fat-color-font-regular: var(--wk-color-font-regular, var(--wk-color-gray-800, #606266));--fat-color-font-secondary: var(--wk-color-font-secondary, var(--wk-color-gray-700, #909399));--fat-color-font-placeholder: var(--wk-color-font-placeholder, var(--wk-color-gray-600, #c0c4cc));--fat-color-font-disabled: var(--wk-color-font-disabled, var(--wk-color-gray-100, #f5f7fa));--fat-color-font-inverse: var(--wk-color-font-inverse, var(--wk-color-gray-0, #ffffff));--fat-color-divider: var(--wk-color-divider, var(--wk-color-gray-300, #ebeef5));--fat-color-border-dark: var(--wk-color-border-dark, var(--wk-color-gray-700, #909399));--fat-color-border: var(--wk-color-border, var(--wk-color-gray-500, #dcdfe6));--fat-color-border-light: var(--wk-color-border-light, var(--wk-color-gray-300, #ebeef5));--fat-color-border-lighter: var(--wk-color-border-lighter, var(--wk-color-gray-200, #f2f6fc));--fat-color-border-extra-light: var(--wk-color-border-extra-light, var(--wk-color-gray-100, #f5f7fa));--fat-color-bg: var(--wk-color-bg, var(--wk-color-gray-100, #f5f7fa));--fat-color-bg-dark: var(--wk-color-bg-dark, var(--wk-color-gray-200, #f2f6fc));--fat-color-link: var(--wk-color-link, var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255))));--fat-color-link-hover: var(--wk-color-link-hover, var(--wk-color-info-300, rgba(27, 153, 255, .3)));--fat-color-link-disabled: var(--wk-color-link-disabled, var(--wk-color-info-disabled, #8dccff));--fat-color-link-active: var(--wk-color-link-active, var(--wk-color-info-active, #1889e5));--fat-font-family: var(--wk-font-family, Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif);--fat-font-family-serif: var(--wk-font-family-serif, ui-serif, Georgia, Cambria, Times New Roman, Times, serif);--fat-font-family-mono: var(--wk-font-family-mono, Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, Liberation Mono, Courier New, monospace);--fat-font-family-number: var(--wk-font-family-number, "Oswald");--fat-font-size-h1: var(--wk-font-size-h1, 20px);--fat-font-line-height-h1: var(--wk-font-line-height-h1, 30px);--fat-font-size-h2: var(--wk-font-size-h2, 18px);--fat-font-line-height-h2: var(--wk-font-line-height-h2, 28px);--fat-font-size-h3: var(--wk-font-size-h3, 16px);--fat-font-line-height-h3: var(--wk-font-line-height-h3, 24px);--fat-font-size-h4: var(--wk-font-size-h4, 14px);--fat-font-line-height-h4: var(--wk-font-line-height-h4, 22px);--fat-font-size-h5: var(--wk-font-size-h5, 13px);--fat-font-line-height-h5: var(--wk-font-line-height-h5, 22px);--fat-font-size-h6: var(--wk-font-size-h6, 12px);--fat-font-line-height-h6: var(--wk-font-line-height-h6, 20px);--fat-font-size: var(--wk-font-size, var(--wk-font-size-h4, 14px));--fat-font-line-height: var(--wk-font-line-height, var(--wk-font-line-height-h4, 22px));--fat-font-weight: var(--wk-font-weight, 500);--fat-border-radius-sm: var(--wk-border-radius-sm, 2px);--fat-border-radius-base: var(--wk-border-radius-base, 4px);--fat-border-radius-md: var(--wk-border-radius-md, 8px);--fat-border-radius-lg: var(--wk-border-radius-lg, 16px);--fat-border-radius-xl: var(--wk-border-radius-xl, 24px);--fat-border-radius-full: var(--wk-border-radius-full, 9999px);--fat-spacing-xs: var(--wk-spacing-xs, 8px);--fat-spacing-sm: var(--wk-spacing-sm, 16px);--fat-spacing-base: var(--wk-spacing-base, 24px);--fat-spacing-md: var(--wk-spacing-md, 32px);--fat-spacing-lg: var(--wk-spacing-lg, 48px);--fat-spacing-xl: var(--wk-spacing-xl, 64px);--fat-spacing-button: var(--wk-spacing-button, 10px);--fat-spacing-form-item: var(--wk-spacing-form-item, 20px);--fat-z-index-normal: var(--wk-z-index-normal, 1);--fat-z-index-dropdown: var(--wk-z-index-dropdown, 1000);--fat-z-index-sticky: var(--wk-z-index-sticky, 1020);--fat-z-index-fixed: var(--wk-z-index-fixed, 1030);--fat-z-index-modal: var(--wk-z-index-modal, 1040);--fat-z-index-tooltip: var(--wk-z-index-tooltip, 1050);--fat-width-form-item-xs: var(--wk-width-form-item-xs, 96px);--fat-width-form-item-sm: var(--wk-width-form-item-sm, 200px);--fat-width-form-item-md: var(--wk-width-form-item-md, 304px);--fat-width-form-item-lg: var(--wk-width-form-item-lg, 404px);--fat-width-form-item-xl: var(--wk-width-form-item-xl, 512px)}.fat-a-avatar{display:flex;width:100%;gap:8px}.fat-a-avatar--placement-top{flex-direction:column;align-items:flex-start}.fat-a-avatar--placement-top .fat-a-avatar__info--default{width:100%}.fat-a-avatar--placement-bottom{flex-direction:column-reverse;align-items:flex-start}.fat-a-avatar--placement-bottom .fat-a-avatar__info--default{width:100%}.fat-a-avatar--placement-left{align-items:center}.fat-a-avatar--placement-right{align-items:center;flex-direction:row-reverse}.fat-a-avatar--circle .fat-a-avatar__avatar{border-radius:50%}.fat-a-avatar--rect .fat-a-avatar__avatar{border-radius:0}.fat-a-avatar--square .fat-a-avatar__avatar{border-radius:2px}.fat-a-avatar__avatar{display:flex;flex:none;overflow:hidden}.fat-a-avatar__avatar-img{display:block;width:100%;height:100%;object-position:center}.fat-a-avatar__info--default{display:flex;min-width:0;flex:auto;flex-direction:column;align-items:flex-start;justify-content:center;line-height:24px;font-size:14px;color:#606266}.fat-a-avatar__info-title,.fat-a-avatar__info-description{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fat-a-captcha{display:flex;align-items:center;flex:1;width:100%}.fat-a-captcha__input{flex:1}.fat-a-captcha__button{margin-left:8px;font-variant:tabular-nums;min-width:80px}.a-cascader .el-cascader,.a-cascader-lazy .el-cascader,.a-date .el-date-editor,.a-time .el-date-editor,.a-date-time .el-date-editor{width:100%}.fat-a-files__p-item>*{vertical-align:middle}.fat-a-files__p-icon{margin-right:5px;color:gray}.fat-a-files__dragger{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.fat-a-files__dragger-icon{color:gray;font-size:40px}.fat-a-files__dragger-text{color:gray;margin-top:15px}.fat-a-files__dragger-text>em{color:var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255)))}.fat-a-images .el-upload-list--picture-card{line-height:1}.fat-a-images .el-upload--picture-card{width:var(--fat-a-images-size);height:var(--fat-a-images-size);line-height:calc(var(--fat-a-images-size) - 2px)}.fat-a-images .el-upload-list--picture-card .el-upload-list__item{width:var(--fat-a-images-size);height:var(--fat-a-images-size)}.fat-a-images .el-upload-list__item-thumbnail{object-fit:contain}.fat-a-images__add{height:100%!important}.fat-a-images--exceeded .el-upload{display:none}.fat-a-images--preview{display:flex;flex-wrap:wrap;gap:5px}.fat-a-images__p-item{width:var(--fat-a-images-size);height:var(--fat-a-images-size);display:block;border-radius:3px}.fat-a-images__p-item-img{width:100%;height:100%;display:block;object-fit:cover}.a-progress .el-progress.el-progress--line{width:100%}.fat-a-select--color{color:var(--fat-a-select-color)}.fat-a-select--color.fat-a-select--color-dot{color:inherit}.fat-a-select--color.fat-a-select--color-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:8px;background-color:var(--fat-a-select-color);margin-right:5px}.a-select .el-select,.a-tree-select .el-select,.a-multi-select .el-select{width:100%}.a-select .el-select .el-loading-mask,.a-tree-select .el-select .el-loading-mask,.a-multi-select .el-select .el-loading-mask{opacity:.3}.a-select .el-select .el-loading-mask .circular,.a-tree-select .el-select .el-loading-mask .circular,.a-multi-select .el-select .el-loading-mask .circular{width:20px}.a-slider .el-slider,.a-slider-range .el-slider{width:100%}.a-slider .el-slider.is-vertical,.a-slider-range .el-slider.is-vertical{height:200px}.fat-a-textarea-preview{margin:0;white-space:pre-wrap;line-height:2}.fat-a-checkboxs--vertical{display:flex;flex-direction:column;align-items:flex-start}.fat-a-checkboxs--vertical .el-checkbox{height:auto}.fat-a-checkboxs--vertical .el-checkbox:not(:last-child){margin-bottom:16px}.vue2 .fat-a-checkboxs--vertical .el-checkbox__label{vertical-align:middle}.fat-a-radio--vertical{display:flex;flex-direction:column;align-items:flex-start}.fat-a-radio--vertical .el-radio{height:auto}.fat-a-radio--vertical .el-radio:not(:last-child){margin-bottom:16px}.vue2 .fat-a-radio--vertical .el-radio{display:flex;align-items:center}.fat-actions{display:flex;flex-wrap:nowrap;gap:0 var(--fat-table-actions-gap, 16px);align-items:center;justify-content:center}.fat-actions--left{justify-content:flex-start}.fat-actions--center{justify-content:center}.fat-actions--right{justify-content:flex-end}.fat-actions--empty{justify-content:center;color:var(--wk-color-gray-500, #dcdfe6)}.fat-actions__btn{color:var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255)));margin-left:0!important}.fat-actions__btn:hover,.fat-actions__btn:focus{color:var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255)))}.fat-actions__btn.danger{color:var(--wk-color-danger, var(--wk-color-danger-900, rgb(255, 73, 24)))}.fat-actions__btn.warning{color:var(--wk-color-warning, var(--wk-color-warning-900, rgb(255, 188, 61)))}.fat-actions__dropdown{vertical-align:middle}.fat-actions__menu .fat-actions__menu-item--disabled{pointer-events:auto!important;cursor:not-allowed}.fat-actions__more{cursor:pointer;outline:none;vertical-align:middle;vertical-align:-webkit-baseline-middle;line-height:1}.fat-actions__more>svg{width:1.5em;height:1.5em;fill:var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255)));display:block}.fat-card{width:100%;border:1px solid var(--wk-color-border-light, var(--wk-color-gray-300, #ebeef5));border-radius:var(--wk-border-radius-base, 4px);background-color:var(--wk-color-white, var(--wk-color-gray-0, #ffffff));position:relative}.fat-card__header{height:46px;line-height:46px;padding:0 var(--wk-spacing-sm, 16px);display:flex}.fat-card--escaped{margin-top:40px}.fat-card--borderless{border:none}.fat-card--escaped .fat-card__header{position:absolute;top:-40px;left:0;padding:0}.fat-card:not(.fat-card--escaped) .fat-card__header{border-bottom:1px solid var(--wk-color-border-light, var(--wk-color-gray-300, #ebeef5))}.fat-card__title{font-size:16px;flex:1}.fat-card__content--padding{padding:var(--wk-spacing-sm, 16px)}.fat-content{border:1px solid var(--wk-color-border-light, var(--wk-color-gray-300, #ebeef5));background-color:var(--wk-color-white, var(--wk-color-gray-0, #ffffff));border-radius:var(--wk-border-radius-base, 4px)}.fat-content:not(:only-of-type){margin-top:16px}.fat-float-footer{position:fixed;bottom:0;left:0;right:0;height:var(--fat-float-footer-height, 60px);line-height:var(--fat-float-footer-height, 60px);box-shadow:0 -4px 8px #00000012;background:var(--fat-float-footer-background, var(--wk-color-white, var(--wk-color-gray-0, #ffffff)));z-index:10;display:flex;align-items:center;justify-content:center}.fat-float-footer__placeholder{width:100%;height:var(--fat-float-footer-height, 60px)}.fat-float-footer__watcher{position:absolute;left:0;right:0;bottom:0}.fat-form-drawer__body{padding:24px 24px 80px}.fat-form-drawer__footer{position:absolute;bottom:0;right:0;left:0;background:white;padding:8px;display:flex;align-items:center;justify-content:center;border-top:1px solid #f2f6fc}.fat-form .el-form-item .el-form-item{margin-right:0}.fat-form--row{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.vue2 .fat-form:not(.el-form--label-top) .el-form-item{display:flex}.vue2 .fat-form:not(.el-form--label-top).el-form--inline .el-form-item{display:inline-flex}.vue2 .fat-form:not(.el-form--label-top) .el-form-item__content{margin-left:0!important;flex:1}.vue2 .fat-form .fat-form-item__content:before{content:"x";display:inline-block;width:0;vertical-align:middle;visibility:hidden}.fat-form-item--hide-label>.el-form-item__label-wrap,.fat-form-item--hide-label>.el-form-item__label{display:none!important}.fat-form-item__content{flex:1;display:inline-flex;width:100%;flex-wrap:wrap;align-items:center}.fat-form-row,.fat-form-group-container{width:100%;flex:1}.fat-form-item--inline-message{flex-wrap:nowrap}.fat-form-item--inline-message .fat-form-group-container{width:auto}.fat-form-message,.fat-form-item-placeholder{line-height:25px;font-size:12px;color:#a1a4ab;width:100%}.fat-form-message--inline{display:inline;width:auto;white-space:nowrap;margin-left:10px;line-height:inherit;align-self:flex-start}.fat-form-tooltip{display:inline-block;width:1.2em;vertical-align:sub;fill:var(--fat-tooltip-color, var(--wk-color-font-secondary, var(--wk-color-gray-700, #909399)));margin-left:.2em;cursor:pointer}.fat-form-tooltip:hover{fill:var(--fat-tooltip-hover-color, var(--wk-color-font-regular, var(--wk-color-gray-800, #606266)))}.fat-form-section{margin-bottom:16px}.fat-form-table__body{width:100%}.fat-form-table.fat-form-table__editable .fat-form-table__table .el-table__body .el-table__cell{padding-top:15px;padding-bottom:17px;vertical-align:top}.fat-form-table.fat-form-table__editable .fat-form-table__table .el-table__body .el-table__cell .cell{overflow:visible!important}.fat-form-table__footer{margin-top:var(--wk-spacing-xs, 8px)}.fat-container__tab{display:inline-block;padding:0 16px;position:relative;user-select:none;cursor:pointer}.fat-container__tab.active{color:var(--wk-color-primary, var(--wk-color-primary-900, #fa7516))}.fat-container__tab.active:after{content:"";position:absolute;height:3px;left:16px;right:16px;bottom:0;background-color:currentColor}.fat-container__query{padding:var(--wk-spacing-sm, 16px);border-bottom:1px solid var(--wk-color-border-light, var(--wk-color-gray-300, #ebeef5))}.fat-container__body{padding:var(--wk-spacing-sm, 16px)}.fat-container--legacy .fat-container__query{border-bottom:none}.fat-container--legacy .fat-container__body{padding:unset;margin-top:var(--wk-spacing-sm, 16px)}wkc-header.fat-container{--bay-layout-header-body-padding: 0px}@keyframes fat-rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fat-icon{--color: inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.fat-icon--loading{animation:fat-rotating 2s linear infinite}.fat-icon--right{margin-left:5px}.fat-icon--left{margin-right:5px}.fat-icon svg{height:1em;width:1em}.fat-space{display:flex}.fat-space--inline{display:inline-flex}.fat-space--vertical{flex-direction:column}.fat-space--wrap{flex-wrap:wrap}.fat-space--align-start{align-items:start}.fat-space--align-end{align-items:end}.fat-space--align-center{align-items:center}.fat-space--align-baseline{align-items:baseline}.fat-table--default .fat-table__toolbar,.fat-table--default .fat-table__bottom-toolbar,.fat-table--default .fat-table__body,.fat-table--default .fat-table__pagination{margin-bottom:10px}.fat-table--default .fat-table__pagination{display:flex;align-items:center;justify-content:flex-end}.fat-table--default .fat-table__toolbar{display:flex;align-items:center;justify-content:space-between}.fat-table--default .fat-table__toolbar-main{flex:1}.fat-table__tooltip{width:1.2em;vertical-align:text-bottom;margin-left:.4em;fill:var(--fat-tooltip-color, var(--wk-color-font-secondary, var(--wk-color-gray-700, #909399)));cursor:pointer}.fat-table__tooltip:hover{fill:var(--fat-tooltip-hover-color, var(--wk-color-font-regular, var(--wk-color-gray-800, #606266)))}.fat-table__query{margin-bottom:calc(-1 * var(--wk-spacing-sm, 16px))}.fat-table__query .el-form-item{margin-bottom:16px}.fat-table__query .el-form-item__label{padding-right:7px}.fat-table__empty{transition:opacity 225ms ease-out .2s;opacity:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:40px 0}.fat-table__empty .el-empty__image{height:160px}.fat-table__empty .el-empty__image img,.fat-table__empty .el-empty__image svg{fill:#dcdde0;height:100%;vertical-align:top;width:100%}.fat-table__empty .el-empty__description{line-height:1}.fat-table--ready .fat-table__empty{opacity:1}.fat-table__batch-actions{display:flex;align-items:center}.fat-table__column-setting{display:flex;align-items:center;gap:2px;color:var(--wk-color-gray-800, #606266);font-size:var(--wk-font-size-h4, 14px);cursor:pointer;line-height:1.5}.fat-table__column-setting:hover{opacity:.8}.fat-table__column-setting-hd{display:flex;align-items:center;justify-content:space-between}.fat-table__column-setting-btn{display:flex;align-items:center;gap:6px}.fat-table__column-setting-btn>*{cursor:pointer}.fat-table__column-setting-btn>*:hover{opacity:.8}.fat-table__column-setting-btn [role=cancel]{color:var(--wk-color-gray-800, #606266)}.fat-table__column-setting-btn [role=confirm]{color:var(--wk-color-link, var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255))))}.fat-table__column-setting-bd{display:flex;flex-direction:column;padding-left:20px;width:100%;max-height:500px;overflow:auto}.fat-table__column-setting-ck{margin-right:0;flex-shrink:0}.fat-table__column-setting-ck-label{display:inline-block;max-width:15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fat-table-drawer .el-drawer__body{padding:0}.fat-table-drawer__body{padding-bottom:80px}.fat-table-drawer__footer{position:absolute;bottom:0;right:0;left:0;background:white;padding:8px;display:flex;align-items:center;justify-content:center;border-top:1px solid #f2f6fc;z-index:100}.fat-table-modal .el-dialog__body{padding:0}.fat-table-modal .el-dialog__footer:empty{display:none}.fat-table-select .fat-table__footer{display:flex;align-items:center;justify-content:space-between}.fat-table-select .fat-table__pagination{margin-left:auto}.fat-table-select__counter{color:var(--fat-color-font-regular, var(--wk-color-font-regular, var(--wk-color-gray-800, #606266)));font-size:var(--fat-font-size, var(--wk-font-size, var(--wk-font-size-h4, 14px)))}.fat-table-select__counter-value{padding:0 calc(var(--fat-spacing-xs, var(--wk-spacing-xs, 8px)) / 2)}.fat-text{position:relative;word-break:break-all}.fat-text--ellipsis.fat-text--copyable{padding-right:28px}.fat-text__copy{display:inline-block;height:auto;line-height:inherit;font-size:1.1em;cursor:pointer;color:var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255)));margin-left:5px}.fat-text__copy:active{opacity:.7}.fat-text__copy svg{vertical-align:middle}.fat-text--ellipsis .fat-text__copy{position:absolute;right:0;bottom:0}.fat-link{cursor:pointer}.is-justify-center{justify-content:center}.is-justify-start{justify-content:flex-start}.is-justify-end{justify-content:flex-end}.is-justify-space-between{justify-content:space-between}.is-justify-space-around{justify-content:space-around}.is-justify-space-evenly{justify-content:space-evenly}.is-align-top{align-items:flex-start}.is-align-middle{align-items:center}.is-align-bottom{align-items:flex-end}.is-link{color:var(--wk-color-link, var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255))))}.is-link:hover{color:var(--wk-color-link-hover, var(--wk-color-info-300, rgba(27, 153, 255, .3)))}.fat-form-steps__form--hide{display:none!important}.fat-form-steps-default-layout .fat-form-steps-default-layout__content{margin-top:24px;margin-left:auto;margin-right:auto}.fat-form-steps-default-layout .fat-form-steps__steps{justify-content:center}.fat-form-steps-default-layout__body{padding:36px 16px 8px}.fat-form-steps-default-layout--vertical .fat-form-steps-default-layout__body,.fat-form-steps-default-layout--vertical .fat-form-steps-default-layout__standalone{display:flex;justify-content:center;align-items:flex-start;gap:24px}.fat-form-steps-default-layout--vertical .fat-form-steps-default-layout__content{margin-top:0;margin-left:unset;margin-right:unset;flex:1}.fat-form-query{position:relative}.fat-form-query__submitter--align>.el-form-item__label-wrap,.fat-form-query__submitter--align>.el-form-item__label{visibility:hidden}.vue3 .fat-form-query .el-input__clear,.vue3 .fat-form-query .clear-icon{position:absolute;margin-right:8px;background-color:#fff;border-radius:8px}.fat-drag-placeholder{opacity:0}.fat-drag-preview,.fat-drag-dragging{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.fat-drop-list__dragging .fat-drag-item,.fat-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.fat-logic-tree__list{position:relative}.fat-logic-tree__list.has-label{padding-left:40px}.fat-logic-tree__label{position:absolute;left:0;top:0;height:100%;user-select:none;display:flex;flex-direction:column;align-items:center}.fat-logic-tree__label:before,.fat-logic-tree__label:after{content:"";display:block;width:2px;flex:1;background-color:var(--color)}.fat-logic-tree__label:before{margin-bottom:var(--wk-spacing-xs, 8px)}.fat-logic-tree__label:after{margin-top:var(--wk-spacing-xs, 8px)}.fat-logic-tree__label-content{display:inline-flex;align-items:center;background-color:var(--color);color:#fff;font-size:14px;padding:7px 0;border-radius:2px;width:32px;writing-mode:vertical-lr;text-orientation:upright;cursor:pointer}.fat-image-verify-code{margin:5px auto;position:relative;user-select:none;font-size:14px}.fat-image-verify-code__bg{width:100%;overflow:hidden}.fat-image-verify-code__bg img{object-fit:fill}.fat-image-verify-code__clip{position:absolute;top:0;left:0;cursor:grab;filter:drop-shadow(0px 1px 3px white)}.fat-image-verify-code__clip:active{cursor:grabbing}.fat-image-verify-code__slider{width:100%;display:flex;align-items:center;justify-content:center;position:relative;height:40px;background:var(--wk-color-gray-100, #f5f7fa);color:var(--wk-color-gray-800, #606266);border:1px solid var(--wk-color-gray-400, #e4e7ed);box-sizing:border-box}.fat-image-verify-code__slider-control{position:absolute;left:-1px;top:-1px;max-width:100%;height:100%;border:1px solid var(--wk-color-gray-400, #e4e7ed);display:flex;align-items:center;box-sizing:content-box}.fat-image-verify-code__slider-control:active{border-color:var(--wk-color-info, var(--wk-color-info-900, rgb(27, 153, 255)))}.fat-image-verify-code__slider-progress{height:100%;background:var(--wk-color-info-300, rgba(27, 153, 255, .3));max-width:calc(100% - 40px)}.fat-image-verify-code__slider-bar{width:40px;height:100%;cursor:grab;background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAfJJREFUOE+1Uz2LE1EUPXcmSIr9A4Juta1gYbuCtYWFEJDk3jfuRHQtVGxEcdFiFTtRQVeQhHk3fs0WWmplo42oIAoWVra2giSE5MpbkmX2I5lF11sNjznnnXfOuYRdHtplPvxfQlVdZOYHm1V77xMAH0Tka9mL1hWq6pyZfQdwW0QuFoHe+zcAZs2s6ZwL3xNnw5NV9aiZPQHwslqtLtRqtUFAZlk2G0WRmtlBAE0RWZ3EuMVDVZ03s8cAvgA4KSI/AzjP8z3dbjdcdnw4HJ5NkmSLNeG/bUNpt9sH4jh+CuA3ACci38aKvPeB6AyAJRFZ3qx0YsqdTmffYDDIiWivmbFz7u0YnGXZdSK6ZmZ3nHMXiqRTa5Pn+Uyv18vN7HAURdxoNF6Mwap62sxWiKjDzDw+L+2hqp4YBXVPRM6NgSNPcwDHRGSdZyph6KWZ3Seih8wcfFubVqu1v1KpPDezOSJiEXldqtB7fxnATQDLIrJUCOUQgGcAukQkzPyp1ENVvWVmlwCcF5G7Bd9CT0P6H+M4Tur1+o/SlEMtiKgJIGHm0Me18d6nAB4BWO33+2mapr+2K/cGD733geAIES0w86tCTa4Q0Q0AKyKyuOPV895/NrNTzrn3RdBol9+JyNVpZBM3pQy0Y4X/QlRam78l/wOAq88VF0BWMQAAAABJRU5ErkJggg==) no-repeat center}.fat-image-verify-code__slider-bar:active{cursor:grabbing}.fat-image-verify-code__refresh{font-size:20px;cursor:pointer;color:#fff;position:absolute;right:5px;top:5px;opacity:.8}.fat-image-verify-code__refresh:hover{opacity:1}.fat-import__modal .el-dialog__body{padding-top:10px}.fat-import__message{font-size:var(--wk-font-size-h6, 12px);color:var(--wk-color-gray-900, #303133);line-height:1.5}.fat-import__message:not(:empty){margin-bottom:18px}.fat-import__upload{position:relative;width:100%;color:var(--wk-color-gray-900, #303133)}.fat-import__upload .el-upload{width:100%}.fat-import__upload:focus-within .fat-import__upload-body{color:var(--wk-color-gray-900, #303133)}.fat-import__upload-body{width:100%;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.fat-import__upload-icon{font-size:63px;color:var(--wk-color-gray-600, #c0c4cc)}.fat-import__upload-message{color:var(--wk-color-gray-700, #909399);font-size:var(--wk-font-size-h6, 12px);margin-top:10px}.fat-import__icon{font-size:18px;vertical-align:middle;margin-right:5px}.fat-import__body.is-success .fat-import__icon{color:var(--wk-color-success, var(--wk-color-success-900, rgb(18, 205, 61)))}.fat-import__body.is-error .fat-import__icon{color:var(--wk-color-danger, var(--wk-color-danger-900, rgb(255, 73, 24)))}.fat-import__detail{margin-top:16px}.fat-import__subtitle{color:var(--wk-color-gray-900, #303133)}.fat-import__footer{display:flex;justify-content:center}.fat-i18n-content-wrapper{position:relative}.fat-i18n-content__menu-item.active{font-weight:700;color:var(--wk-color-info-700, rgba(27, 153, 255, .7))}.fat-i18n-content__error{color:var(--wk-color-danger, var(--wk-color-danger-900, rgb(255, 73, 24)));padding:var(--wk-spacing-base, 24px)}.fat-i18n-content-wrapper .fat-i18n-content__dropdown{position:absolute}.fat-i18n-content-wrapper .fat-i18n-content__dropdown.leftTop,.fat-i18n-content-wrapper .fat-i18n-content__dropdown.leftBottom,.fat-i18n-content-wrapper .fat-i18n-content__dropdown.leftCenter{left:8px}.fat-i18n-content-wrapper .fat-i18n-content__dropdown.rightTop,.fat-i18n-content-wrapper .fat-i18n-content__dropdown.rightBottom,.fat-i18n-content-wrapper .fat-i18n-content__dropdown.rightCenter{right:8px}.fat-i18n-content-wrapper .fat-i18n-content__dropdown.topLeft,.fat-i18n-content-wrapper .fat-i18n-content__dropdown.topRight{top:8px}.fat-i18n-content-wrapper .fat-i18n-content__dropdown.bottomLeft,.fat-i18n-content-wrapper .fat-i18n-content__dropdown.bottomRight{bottom:8px}.fat-i18n-content-wrapper .fat-i18n-content__dropdown.leftCenter,.fat-i18n-content-wrapper .fat-i18n-content__dropdown.rightCenter{top:50%;transform:translateY(-50%)}.fat-i18n-content-wrapper .fat-i18n-content__dropdown.leftBottom,.fat-i18n-content-wrapper .fat-i18n-content__dropdown.rightBottom{bottom:8px}.fat-i18n-content__dropdown{vertical-align:middle}.fat-i18n-content__badge{outline:none;cursor:pointer;line-height:1.6;background-color:var(--wk-color-gray-200, #f2f6fc);padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--wk-color-gray-700, #909399);gap:2px;opacity:.7}.fat-i18n-content__badge:hover,.fat-i18n-content__badge.active{opacity:1}.fat-i18n-content__badge.active{background-color:var(--wk-color-info-200, rgba(27, 153, 255, .2));color:var(--wk-color-info-700, rgba(27, 153, 255, .7))}.fat-i18n-content__badge.error{background-color:var(--wk-color-danger-200, rgba(255, 73, 24, .2));color:var(--wk-color-danger-700, rgba(255, 73, 24, .7))}.fat-i18n-content__lang{text-transform:uppercase;font-weight:700;font-size:.7em}body{padding:0!important;overflow:auto!important}:root{--vp-layout-max-width: 1700px}.VPDoc.has-aside .content-container{max-width:unset!important}.wk-demo{background-color:#f5f7fa;padding:20px;border-radius:5px;color:#111}.full-height{min-height:100vh}.demo-frame{border:none;width:100%;height:50vh;border-radius:5px}.codesandbox-icon{fill:transparent!important}.form[data-v-1af2ff5e]{margin-top:20px}.inline-block[data-v-d57ca870]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;cursor:move}.inline-block[data-v-3853aa6e]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box}.handler[data-v-3853aa6e]{cursor:move}h4[data-v-d07fe9a4]{margin:12px}.inline-block[data-v-d07fe9a4]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;margin-right:20px}.handler[data-v-d07fe9a4]{cursor:move}.drag-boundary[data-v-d07fe9a4]{display:inline-block;width:662px;height:662px;border:1px solid #ccc;margin-left:3vw}.drag-boundary-item[data-v-d07fe9a4]{display:inline-block;width:83px;height:83px;background-color:bisque;cursor:move}.inline-block[data-v-c879aa00]{display:inline-block;background:#fff;padding:6px 12px;margin:12px;box-sizing:border-box;cursor:move}.inline-block.disabled[data-v-c879aa00]{cursor:not-allowed}.inline-block[data-v-d04d3a59],.inline-block[data-v-bceb0fcf]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;cursor:move}.w-300[data-v-bceb0fcf]{width:300px}.list[data-v-bceb0fcf]{display:flex;flex-direction:column;width:max-content;margin-left:10vw;margin-top:12px}.list.row[data-v-bceb0fcf]{flex-direction:row}.list.row .inline-block+.inline-block[data-v-bceb0fcf]{border:1px solid #ccc;border-left:none}.list .inline-block[data-v-bceb0fcf]{border:1px solid #ccc}.list .inline-block+.inline-block[data-v-bceb0fcf]{border-top:none}.inline-block[data-v-6985e4d1]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;cursor:move}.w-100[data-v-6985e4d1]{width:100px}.list[data-v-6985e4d1]{display:flex;flex-direction:column;width:max-content;margin-left:10vw;margin-top:12px}.list.row[data-v-6985e4d1]{flex-direction:row}.list.row .inline-block+.inline-block[data-v-6985e4d1]{border:1px solid #ccc;border-left:none}.list .inline-block[data-v-6985e4d1]{border:1px solid #ccc}.list .inline-block+.inline-block[data-v-6985e4d1]{border-top:none}.inline-block[data-v-3edbae22]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;cursor:move}.w-300[data-v-3edbae22]{width:300px}.list[data-v-3edbae22]{display:flex;flex-direction:column;width:max-content;margin-left:10vw;margin-top:12px}.list.row[data-v-3edbae22]{flex-direction:row}.list.row .inline-block+.inline-block[data-v-3edbae22]{border:1px solid #ccc;border-left:none}.list .inline-block[data-v-3edbae22]{border:1px solid #ccc}.list .inline-block+.inline-block[data-v-3edbae22]{border-top:none}.cover{display:inline-block;width:130px;height:130px}.cover img{width:100%;height:100%;object-fit:cover}.inline-block[data-v-a3ef8cfb]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;cursor:move}.w-300[data-v-a3ef8cfb]{width:300px}.list[data-v-a3ef8cfb]{display:flex;flex-direction:column;width:max-content;margin-left:10vw;margin-top:12px}.list.row[data-v-a3ef8cfb]{flex-direction:row}.list.row .inline-block+.inline-block[data-v-a3ef8cfb]{border:1px solid #ccc;border-left:none}.list .inline-block[data-v-a3ef8cfb]{border:1px solid #ccc}.list .inline-block+.inline-block[data-v-a3ef8cfb]{border-top:none}.cover[data-v-a3ef8cfb]{display:inline-block;width:130px;height:130px}.cover img[data-v-a3ef8cfb]{width:100%;height:100%;object-fit:cover}[data-v-a3ef8cfb] .custom-drop-list .fat-drag-placeholder{opacity:1}.inline-block[data-v-97889e04]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;cursor:move}.w-300[data-v-97889e04]{width:300px}.list[data-v-97889e04]{display:flex;flex-direction:column;width:max-content;margin-top:12px}.list+.list[data-v-97889e04]{margin-left:10vw}.list.row[data-v-97889e04]{flex-direction:row}.list.row .inline-block+.inline-block[data-v-97889e04]{border:1px solid #ccc;border-left:none}.list .inline-block[data-v-97889e04]{border:1px solid #ccc}.list .inline-block+.inline-block[data-v-97889e04]{border-top:none}.drop-group[data-v-97889e04]{display:flex}.drop-item[data-v-97889e04]{margin-bottom:3vw}.inline-block[data-v-343c87ca]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;cursor:move}.w-300[data-v-343c87ca]{width:300px}.list[data-v-343c87ca]{display:flex;flex-direction:column;width:max-content;margin-top:12px}.list+.list[data-v-343c87ca]{margin-left:10vw}.list.row[data-v-343c87ca]{flex-direction:row}.list.row .inline-block+.inline-block[data-v-343c87ca]{border:1px solid #ccc;border-left:none}.list .inline-block[data-v-343c87ca]{border:1px solid #ccc}.list .inline-block+.inline-block[data-v-343c87ca]{border-top:none}.drop-group[data-v-343c87ca]{display:flex}.drop-item[data-v-343c87ca]{margin-bottom:3vw}.inline-block[data-v-4971a953]{display:inline-block;background:#fff;padding:6px 12px;box-sizing:border-box;cursor:move}.w-300[data-v-4971a953]{width:300px}.list[data-v-4971a953]{display:flex;flex-direction:column;width:max-content;margin-top:12px}.list+.list[data-v-4971a953]{margin-left:10vw}.list.row[data-v-4971a953]{flex-direction:row}.list.row .inline-block+.inline-block[data-v-4971a953]{border:1px solid #ccc;border-left:none}.list .inline-block[data-v-4971a953]{border:1px solid #ccc}.list .inline-block+.inline-block[data-v-4971a953]{border-top:none}.drop-group[data-v-4971a953]{display:flex}.drop-item[data-v-4971a953]{margin-bottom:3vw}.my-modal-form .el-dialog__body{padding-top:0}._dragHandle_mj24p_1{display:flex;align-items:center;gap:3px}.block[data-v-fabb9da8]{height:100px;background-color:#ff910080}.row[data-v-fabb9da8]{margin-bottom:16px}.block[data-v-866e9b27]{height:100px;background-color:#ff910080}.block[data-v-fb612e10],.block[data-v-c17dbc36]{height:200px;background-color:#ff910080}.block[data-v-4bba1ad3],.block[data-v-81dc0113],.block[data-v-ede32f3e],.block[data-v-a216988c]{width:100%;background-color:#ff910080;height:400px;display:flex;align-items:center;justify-content:center}.demo[data-v-05dd06de]{width:100vw;height:100vh;background-color:gray}.join-group[data-v-61ea2323]{display:flex;flex-direction:column;align-items:center;margin-top:100px}.join-group__img[data-v-61ea2323]{width:200px;border-radius:10px}.join-group__text[data-v-61ea2323]{margin-top:10px}:root{--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: linear-gradient(120deg, #bd34fe, #ff6c0e);--vp-home-hero-image-background-image: linear-gradient( -45deg, #bd34fe60 30%, #ff6c0e60 );--vp-home-hero-image-filter: blur(72px)}.node[data-v-e863da69],.node[data-v-3831f913]{background-color:#fff;padding:4px;margin-bottom:8px;border-radius:4px}._root_mugxf_1{border:1px solid rgb(180,180,180);padding:10px;border-radius:10px}._group_mugxf_7{background-color:#87d087;border-radius:4px;padding:5px;margin-bottom:10px}._subGroup_mugxf_14{margin-top:1em}._node_mugxf_18{background-color:#fff;padding:4px;border-radius:4px;margin-bottom:4px}._button_mugxf_25{margin-top:5px} diff --git a/assets/sub-form.c8b52018.png b/assets/sub-form.c8b52018.png new file mode 100644 index 0000000..75cd87b Binary files /dev/null and b/assets/sub-form.c8b52018.png differ diff --git a/assets/submit.845c67d4.png b/assets/submit.845c67d4.png new file mode 100644 index 0000000..cf356b1 Binary files /dev/null and b/assets/submit.845c67d4.png differ diff --git a/assets/width.572f0280.png b/assets/width.572f0280.png new file mode 100644 index 0000000..845b675 Binary files /dev/null and b/assets/width.572f0280.png differ diff --git a/assets/yida.7b9b084f.png b/assets/yida.7b9b084f.png new file mode 100644 index 0000000..91bec7b Binary files /dev/null and b/assets/yida.7b9b084f.png differ diff --git a/atomics/all-atomics.demo.html b/atomics/all-atomics.demo.html new file mode 100644 index 0000000..e85a8e1 --- /dev/null +++ b/atomics/all-atomics.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/atomics/custom.html b/atomics/custom.html new file mode 100644 index 0000000..a5d8220 --- /dev/null +++ b/atomics/custom.html @@ -0,0 +1,189 @@ + + + + + + 自定义原件 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

自定义原件

如果内置的原件无法满足你的需求,我们也支持自定义原件。



原件协议

ts
export interface Atomic<T = any, P extends AtomicCommonProps<T> = AtomicCommonProps<T>> {
+  /**
+   * 名称,命名规范遵循 kebab-case, 需要避免和其他组件冲突
+   */
+  name: string;
+
+  /**
+   * 描述
+   */
+  description?: string;
+
+  /**
+   * 原件作者
+   */
+  author?: string;
+
+  /**
+   * 是否为 只预览模式。可以提示组件实现者,在编辑模式下隐藏该原件
+   */
+  previewOnly?: boolean;
+
+  /**
+   * 是否为 只编辑模式。可以提示组件实现者,在预览模式下隐藏该原件
+   */
+  editOnly?: boolean;
+
+  /**
+   * 组件实现, 就是一个渲染函数
+   */
+  component: (props: P) => any;
+
+  /**
+   * 值验证
+   * @param {T} value 当前值
+   * @param {any} context 上下文,可以获取到其他字段的值
+   * 验证失败抛出异常
+   */
+  validate?: (value: any, props: P, context: any) => Promise<void>;
+
+  /**
+   * 验证触发的时机
+   */
+  validateTrigger?: 'change' | 'blur';
+}
+

命名规范

  • 使用 kebab-case, 例如 date-range
  • 使用名词/动名词。例如 file 取代 upload, files 取代 upload-multiple



组件实现

component 是原件的实现,这是这是一个渲染函数,接收 props 并返回 VNodeChild以下 props 是固定的:



tsx
export interface AtomicCommonProps<T> {
+  /**
+   * 渲染模式
+   */
+  mode?: 'editable' | 'preview';
+
+  /**
+   * 场景值
+   * 场景值给原件提供了额外的信息,从而可以提供更合理的默认行为
+   */
+  scene?: 'table' | 'form';
+
+  /**
+   * 是否已禁用
+   */
+  disabled?: boolean;
+
+  /**
+   * 字段值
+   */
+  value?: T;
+
+  /**
+   * 字段变化
+   */
+  onChange?: (value?: T) => void;
+
+  /**
+   * 类名
+   */
+  class?: ClassValue;
+
+  /**
+   * 样式
+   */
+  style?: StyleValue;
+
+  /**
+   * 上下文信息,由具体的应用组件指定
+   *
+   * note: 通用原件通常不会直接耦合具体的上下文信息
+   */
+  context?: any;
+}
+

由上可见,原件最核心的是 mode 以及 value/onChange 协议。

  • mode 决定是以预览模式呈现还是编辑模式
  • value/onChange 是典型的表单协议。 类似于 Vue 的 v-model




原件实现示例

以最简单的 switch 原件为例:

tsx
import { ElSwitchProps, ElSwitch } from 'element-plus';
+
+import { defineAtomic, defineAtomicComponent, DefineAtomicProps, globalRegistry } from '@wakeadmin/components';
+
+/**
+ * 定义原件 props
+ */
+export type ASwitchProps = DefineAtomicProps<
+  // 🔴 原件的值类型,switch 在原件支持 value 为 string | number | boolean 类型
+  string | number | boolean,
+  // 🔴 继承的属性
+  ElSwitchProps,
+  // 🔴 拓展的的属性
+  {
+    renderPreview?: (active: boolean) => any;
+    /**
+     * 默认同 activeText
+     */
+    previewActiveText?: string;
+    /**
+     * 预览时 inactiveText
+     */
+    previewInactiveText?: string;
+  }
+>;
+
+// 🔴 注册到全局的 AtomicProps 中
+// 这个让 FatTable、FatForm 在使用时可以从 valueType 推断出 valueProps 的类型
+declare global {
+  interface AtomicProps {
+    switch: ASwitchProps;
+  }
+}
+
+// 🔴 组件实现, 类似于 defineComponent
+export const ASwitchComponent = defineAtomicComponent(
+  (props: ASwitchProps) => {
+    // 这里可以放置 Composition API
+
+    // 返回 JSX.Element
+    return () => {
+      const { value, mode, onChange, context, scene, renderPreview, ...other } = props;
+
+      const activeValue = other.activeValue ?? true;
+      const active = value === activeValue;
+      const activeText = other.previewActiveText ?? other.activeText ?? '开启';
+      const inactiveText = other.previewInactiveText ?? other.inactiveText ?? '关闭';
+
+      // 预览模式
+      if (mode === 'preview') {
+        return renderPreview ? renderPreview(active) : <span>{active ? activeText : inactiveText}</span>;
+      }
+
+      // 编辑模式
+      return <ElSwitch {...other} modelValue={value} onUpdate:modelValue={onChange} />;
+    };
+  },
+  { name: 'ASwitch' }
+);
+
+// 🔴 注册
+globalRegistry.register('switch', {
+  name: 'switch',
+  component: ASwitchComponent,
+  description: '开关',
+  author: 'ivan-lee',
+});
+



如果想深入了解自定义原件的开发细节,可以参考内置原件的实现。





使用自定义原件

使用自定义原件两种方式:

  1. 如果使用 globalRegistry.register 注册的原件。可以通过字符串名称使用, 例如:

    vue
    <FatFormItem value-type="switch" />
    +



  2. 直接将 atomic 定义传入, 例如

    tsx
    const switch = defineAtomic({
    +  name: 'switch',
    +  component: ASwitchComponent,
    +  description: '开关',
    +  author: 'ivan-lee',
    +})
    +
    +// 使用
    +<FatFormItem valueType={switch} />
    +



+ + + + + \ No newline at end of file diff --git a/atomics/faq.html b/atomics/faq.html new file mode 100644 index 0000000..4139198 --- /dev/null +++ b/atomics/faq.html @@ -0,0 +1,121 @@ + + + + + + FAQ | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FAQ


1. select 原件怎么支持异步加载 options

TIP

其他原件类似:tree-select, multi-select, cascader, cascader-lazy


方式 1: 直接传入一个异步函数

查看代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+import { ref } from 'vue';
+
+export default defineFatForm(({ item, group }) => {
+  const callTime = ref(0);
+
+  const getList = () => {
+    callTime.value++;
+
+    return Promise.resolve([
+      {
+        label: '选项1',
+        value: 1,
+      },
+      {
+        label: '选项2',
+        value: 2,
+      },
+    ]);
+  };
+
+  return () => ({
+    children: [
+      item({
+        prop: 'option1',
+        label: '选项1',
+        valueType: 'select',
+        initialValue: 1,
+        valueProps: {
+          options: getList,
+        },
+      }),
+      item({
+        prop: 'option2',
+        label: '选项1',
+        valueType: 'select',
+        initialValue: 2,
+        valueProps: {
+          options: getList,
+        },
+      }),
+      group({
+        label: '调用次数',
+        children: [<span>{callTime.value}</span>],
+      }),
+    ],
+  });
+});
+

要点:

  • 异步函数只会在原件挂载(setup)时执行一次。后续原件重新渲染不会被执行
  • 重复的异步函数会被自动合并。所以可以放心地在表格(FatTable)等场景使用它。


方式 2: 手动维护

可以自己手动请求数据,并通过 ref 保存起来。这种方式适用于需要手动控制请求时机、刷新时机的场景。

示例:配合 swrv 使用:

查看代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+import { ref } from 'vue';
+import useSwrv from 'swrv';
+import { ElButton } from 'element-plus';
+
+export default defineFatForm(({ item, group }) => {
+  const callTime = ref(0);
+  let uuid = 0;
+  const { data, mutate: reload } = useSwrv('/your/api', () => {
+    callTime.value++;
+    return Promise.resolve([
+      {
+        label: `选项1 ${uuid++}`,
+        value: 1,
+      },
+      {
+        label: `选项2 ${uuid++}`,
+        value: 2,
+      },
+    ]);
+  });
+
+  return () => ({
+    children: [
+      item({
+        prop: 'option1',
+        label: '选项1',
+        valueType: 'select',
+        initialValue: 1,
+        valueProps: {
+          options: data.value,
+        },
+      }),
+      item({
+        prop: 'option2',
+        label: '选项1',
+        valueType: 'select',
+        initialValue: 2,
+        valueProps: {
+          options: data.value,
+        },
+      }),
+      group({
+        label: '刷新',
+        children: [<ElButton onClick={() => reload()}>reload: {callTime.value}</ElButton>],
+      }),
+    ],
+  });
+});
+




+ + + + + \ No newline at end of file diff --git a/atomics/index.html b/atomics/index.html new file mode 100644 index 0000000..ea4f36e --- /dev/null +++ b/atomics/index.html @@ -0,0 +1,431 @@ + + + + + + 原件 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

原件



根据过往的项目经验,我们的组件库内置了较多最为常用的组件, 如下图所示。 如果你有需求,也可以提交给我们, 我们会根据通用性评估,决定是否要内置到组件库中。




WARNING

注意:原件基于 element-uielement-plus, 某些组件的参数在两个库中有些区别。 @wakeadmin/components 不会抹平这块的差异




示例

查看代码
vue
<template>
+  <div>
+    <div>预览模式: <el-switch v-model="previewMode" /></div>
+
+    <FatForm ref="formRef" :mode="previewMode ? 'preview' : 'editable'" class="form">
+      <FatFormSection title="文本类">
+        <FatFormItem prop="text" label="text" value-type="text" width="small" trim required />
+        <FatFormItem prop="password" label="password" value-type="password" width="small" />
+        <FatFormItem prop="search" label="search" value-type="search" width="medium" />
+        <FatFormItem prop="textarea" label="textarea" value-type="textarea" width="huge" />
+        <FatFormItem prop="url" label="url" value-type="url" width="huge" />
+        <FatFormItem prop="email" label="email" value-type="email" width="huge" />
+        <FatFormItem prop="phone" label="phone" value-type="phone" width="small" :value-props="{ mask: true }" />
+      </FatFormSection>
+
+      <FatFormSection title="日期类">
+        <FatFormItem prop="date" label="date" value-type="date" width="medium" />
+        <FatFormItem prop="time" label="time" value-type="time" width="medium" />
+        <FatFormItem
+          prop="time-select"
+          label="time-select"
+          value-type="time-select"
+          width="medium"
+          :value-props="{ start: '03:00', step: '00:60' }"
+        />
+        <FatFormItem prop="dateTime" label="date-time" value-type="date-time" width="medium" />
+        <FatFormItem prop="dateRange" label="date-range" value-type="date-range" width="large" />
+        <FatFormItem prop="dateTimeRange" label="date-time-range" value-type="date-time-range" width="large" />
+        <FatFormItem prop="timeRange" label="time-range" value-type="time-range" width="large" />
+      </FatFormSection>
+
+      <FatFormSection title="选择类">
+        <FatFormItem
+          prop="select"
+          label="select"
+          value-type="select"
+          width="small"
+          :value-props="{
+            options: [
+              { label: '选项1', value: '1', color: 'primary' },
+              { label: '选项2', value: '2', color: 'success' },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="selectLazy"
+          label="select"
+          value-type="select"
+          width="small"
+          message="异步获取 options"
+          :value-props="{
+            options: async () => [
+              { label: '选项1', value: '1', color: 'primary' },
+              { label: '选项2', value: '2', color: 'success' },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="selectValidate"
+          label="select"
+          value-type="select"
+          width="small"
+          message="验证 value 必须在 options 中"
+          initial-value="3"
+          :value-props="{
+            requiredValueOnOptions: true,
+            options: [
+              { label: '选项1', value: '1', color: 'primary' },
+              { label: '选项2', value: '2', color: 'success' },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="multi-select"
+          label="multi-select"
+          value-type="multi-select"
+          width="small"
+          :value-props="{
+            options: [
+              { label: '选项1', value: '1' },
+              { label: '选项2', value: '2' },
+            ],
+            separator: ' - ',
+          }"
+        />
+
+        <FatFormItem
+          prop="radio"
+          label="radio"
+          value-type="radio"
+          :value-props="{
+            options: [
+              { label: '', value: 1 },
+              { label: '', value: 0 },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="radioInButton"
+          label="radioInButton"
+          value-type="radio"
+          :value-props="{
+            inButton: true,
+            options: [
+              { label: '上海', value: 0 },
+              { label: '北京', value: 1 },
+              { label: '广州', value: 2 },
+              { label: '深圳', value: 3 },
+            ],
+          }"
+        />
+        <FatFormGroup label="checkbox" message="配合 fat-form-group 使用">
+          <FatFormItem prop="checkbox" value-type="checkbox" />
+          <span>同意 996 吗</span>
+        </FatFormGroup>
+        <FatFormItem prop="checkbox" label-width="auto" value-type="checkbox" :value-props="{ label: '是否开启' }" />
+        <FatFormItem
+          prop="checkboxs"
+          label="checkboxs"
+          value-type="checkboxs"
+          :value-props="{
+            options: [
+              { label: '选我', value: 1 },
+              { label: '选我啊', value: 0 },
+            ],
+          }"
+        />
+        <FatFormItem
+          prop="cascaderLazy"
+          label="cascader-lazy"
+          value-type="cascader-lazy"
+          width="huge"
+          :value-props="cascaderLazyProps"
+          :initial-value="['0', '01', '012', '0121']"
+        />
+        <FatFormItem
+          prop="cascader"
+          label="cascader"
+          value-type="cascader"
+          width="huge"
+          :value-props="cascaderProps"
+          :initial-value="[0, 2]"
+        />
+        <FatFormItem
+          prop="treeSelect"
+          label="tree-select"
+          value-type="tree-select"
+          width="huge"
+          :value-props="treeSelectProps"
+        />
+      </FatFormSection>
+
+      <FatFormSection title="数字类">
+        <FatFormItem prop="integer" label="integer" value-type="integer"></FatFormItem>
+        <FatFormItem prop="float" label="float" value-type="float"></FatFormItem>
+        <FatFormItem prop="number" label="number" value-type="number"></FatFormItem>
+        <FatFormItem prop="currency" label="currency" value-type="currency"></FatFormItem>
+      </FatFormSection>
+
+      <FatFormSection title="交互类">
+        <FatFormItem prop="switch" label="switch" value-type="switch" width="mini" />
+        <FatFormItem
+          prop="captcha"
+          label="captcha"
+          value-type="captcha"
+          width="medium"
+          :value-props="{ onGetCaptcha: handleGetCaptcha }"
+        />
+        <FatFormItem prop="rate" label="rate" value-type="rate"></FatFormItem>
+        <FatFormItem prop="slider" label="slider" value-type="slider" width="large"></FatFormItem>
+        <FatFormItem prop="sliderRange" label="slider-range" value-type="slider-range" width="large"></FatFormItem>
+        <FatFormItem
+          prop="sliderVertical"
+          label="slider"
+          value-type="slider"
+          :value-props="{ vertical: true }"
+          message="垂直模式"
+          :initial-value="50"
+        ></FatFormItem>
+      </FatFormSection>
+
+      <FatFormSection title="文件类">
+        <FatFormItem
+          prop="files"
+          label="files"
+          value-type="files"
+          :value-props="{ sizeLimit: 1024 * 100, accept: ['.png', '.jpg'] }"
+          message="请上传png/jpg文件,大小不超过 100 KB"
+        ></FatFormItem>
+        <FatFormItem
+          prop="filesDrag"
+          label="files"
+          value-type="files"
+          :value-props="{ sizeLimit: 1024 * 100, accept: ['.png', '.jpg'], drag: true }"
+          message="拖拽模式: 请上传png/jpg文件,大小不超过 100 KB"
+        ></FatFormItem>
+        <FatFormItem prop="file" label="file" value-type="file"></FatFormItem>
+        <FatFormItem
+          prop="images"
+          label="images"
+          value-type="images"
+          :value-props="{ sizeLimit: 1024 * 100, accept: ['.png', '.jpg'] }"
+          :rules="{ required: true }"
+          message="请上传文件,大小不超过 100 KB"
+        ></FatFormItem>
+        <FatFormItem
+          prop="imagesLimited"
+          label="images-limited"
+          value-type="images"
+          :value-props="{ limit: 3 }"
+          message="限制 3 张"
+        ></FatFormItem>
+        <FatFormItem prop="image" label="image" value-type="image" message="单图片"></FatFormItem>
+      </FatFormSection>
+
+      <FatFormSection title="展示类(编辑模式默认隐藏)">
+        <FatFormItem
+          :hide-on-edit="false"
+          prop="progress"
+          label="progress"
+          value-type="progress"
+          :initial-value="50"
+        ></FatFormItem>
+        <FatFormItem
+          :hide-on-edit="false"
+          prop="avatar"
+          label="avatar"
+          value-type="avatar"
+          :initial-value="{
+            avatar:
+              'https://test-material-1259575047.cos.ap-guangzhou.myqcloud.com/4b93eb5d5cc7472cbe4ce5149d1c73fe.jpg',
+            title: '这是标题',
+            description: '但远山长,云山乱,晓山青。',
+          }"
+        ></FatFormItem>
+      </FatFormSection>
+    </FatForm>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { useFatFormRef, FatForm, FatFormItem, FatFormGroup, FatFormSection } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { delay } from '@wakeapp/utils';
+  import { ref } from 'vue';
+
+  const formRef = useFatFormRef();
+
+  const cascaderLazyProps = {
+    async load(node: string) {
+      // root
+      if (node == null) {
+        return new Array(10).fill(0).map((i, idx) => ({
+          label: `root-${idx}`,
+          value: String(idx),
+        }));
+      }
+
+      const level = node.length;
+
+      if (level > 3) {
+        return [];
+      }
+
+      return new Array(10).fill(10).map((i, idx) => ({
+        label: `${node}${idx}`,
+        value: `${node}${idx}`,
+        children: level === 3 ? null : undefined,
+      }));
+    },
+  };
+
+  const handleGetCaptcha = async () => {
+    await delay(1000);
+    ElMessage.success('验证码获取成功');
+  };
+
+  const treeSelectProps = {
+    multiple: true,
+    async data() {
+      return [
+        {
+          label: '一级 1',
+          value: 1,
+          children: [
+            {
+              label: '二级 1-1',
+              value: 11,
+              children: [
+                {
+                  label: '三级 1-1-1',
+                  value: 111,
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: '一级 2',
+          value: 2,
+          disabled: true,
+          children: [
+            {
+              label: '二级 2-1',
+              value: 21,
+              children: [
+                {
+                  label: '三级 2-1-1',
+                  value: 211,
+                },
+              ],
+            },
+            {
+              label: '二级 2-2',
+              value: 22,
+              children: [
+                {
+                  label: '三级 2-2-1',
+                  value: 221,
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: '一级 3',
+          value: 3,
+          children: [
+            {
+              label: '二级 3-1',
+              value: 31,
+              children: [
+                {
+                  label: '三级 3-1-1',
+                  value: 311,
+                  children: [
+                    {
+                      label: '四级 3-1-1-1',
+                      value: 3111,
+                      children: [
+                        {
+                          label: '五级 -------- 3-1-1-1-1',
+                          value: 31111,
+                        },
+                        {
+                          label: '五级 --------- 3-1-1-1-2',
+                          value: 31112,
+                        },
+                      ],
+                    },
+                    {
+                      label: '四级 3-1-1-2',
+                      value: 3112,
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              label: '二级 3-2',
+              value: 32,
+              children: [
+                {
+                  label: '三级 3-2-1',
+                  value: 321,
+                },
+              ],
+            },
+          ],
+        },
+      ];
+    },
+  };
+
+  const cascaderProps = {
+    async options() {
+      return [
+        {
+          label: '广东',
+          value: 0,
+          children: [
+            { label: '珠海', value: 2 },
+            { label: '深圳', value: 3 },
+          ],
+        },
+        {
+          label: '广西',
+          value: 1,
+          children: [
+            { label: '南宁', value: 4 },
+            { label: '桂林', value: 5 },
+          ],
+        },
+      ];
+    },
+  };
+
+  const previewMode = ref(false);
+</script>
+
+<style lang="scss" scoped>
+  .form {
+    margin-top: 20px;
+  }
+</style>
+




在 FatForm、FatTable 之外使用原件

原件支持在 FatForm、FatTable 之外使用, 这种场景下,它就像一个普通的表单组件

html
<FatAtomic v-model="value" @blur="handleBlur" />
+<FatAtomic v-model="selectValue" value-type="select" :options="[{ label: 'one', value: 0 }]" />
+



API

文本类





数字类





选择类





交互类





文件类





日期类





展示类





+ + + + + \ No newline at end of file diff --git a/base/change-log.html b/base/change-log.html new file mode 100644 index 0000000..17a8e1a --- /dev/null +++ b/base/change-log.html @@ -0,0 +1,30 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

@wakeadmin/components

1.9.9

Patch Changes

  • fat-table 新增对外暴露 getColumns

1.9.8

Patch Changes

  • radio 原件支持 selectFirstByDefault

1.9.7

Patch Changes

  • fat-table column 扩展 columnKey 字段,支持查询字段显式设置关联的列

1.9.6

Patch Changes

  • 优化 fat-table 设置存储协议

1.9.5

Patch Changes

    • fat-table 支持列设置
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.11

1.9.4

Patch Changes

    • images 原件支持默认图片

1.9.3

Patch Changes

  • feat: fat-table 支持自定义渲染 table

1.9.2

Patch Changes

  • feat: 暴露 useFatFormInheritableProps Hooks

1.9.1

Patch Changes

  • fix: 修复 fat-logic-tree 没有向下穿的 nodeClass

1.9.0

Minor Changes

  • 新增 time-select 原件

Patch Changes

  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.10

1.8.25

Patch Changes

    • feat: fat-logic-tree 扩展 nodeClass、nodeStyle、groupClass、groupStyle 属性
    • feat: fat-import 支持多语言
    • feat: fat-form-section 支持 disabled 选项
    • feat: fat-table-select-modal,新增 confirm 事件
    • fix: 修复 fat-table-select-modal onChange 会触发两次

1.8.24

Patch Changes

    • feat: fat-table 新增 requestOnExtraQueryChange, 独立监听 extraQuery 的变化
    • feat: fat-i18n-content 支持关闭本地缓存
    • fix: 缩短 useLazyFalsy 的等待时间,降低重用的概率

1.8.23

Patch Changes

  • fix: 内容多语言批量保存时支持缓存,修复组件切换销毁后状态丢失

1.8.22

Patch Changes

  • fix: 修复内容多语言在 blur 事件触发时报错,待保存项过滤掉值为空的情况

1.8.21

Patch Changes

  • 重构 providerI18nContentOptions 为 providerI18nContentOptions, 新增 useI18nContent

1.8.20

Patch Changes

  • fix: 修复 fat-form-group required 没有设置 prop 不生效

1.8.19

Patch Changes

  • fix: fat-form submit 向上抛出错误

1.8.18

Patch Changes

  • fix: 修复 fat-table column 变化没有触发 actions 渲染

1.8.17

Patch Changes

  • fix: 修复 mergeProps 会转换非 kebab-case

1.8.16

Patch Changes

  • fix: fat-table、fat-form 支持关闭 hmr

1.8.15

Patch Changes

    • 修复 images tip 渲染问题
    • 修复内容多语言正则匹配问题

1.8.14

Patch Changes

  • 引入实验性的内容多语言组件
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.9

1.8.13

Patch Changes

  • 修复在 vue 2 下多语言导致死循环

1.8.12

Patch Changes

    • 验证规则 trigger 支持传入数组
    • atomic 上下文新增 required
    • 暴露 useFormItemValidate 用于自定义表单场景
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.8

1.8.11

Patch Changes

    • fat-table 新增 columnWidth
    • fat-logic-tree 多语言支持

1.8.10

Patch Changes

    • fat-form-item、fat-form-group message 支持设置宽度

1.8.9

Patch Changes

    • fat-table-select 支持 actionColumnProps 的定制操作栏样式
    • fat-table 新增 columnMinWidth 支持动态配置所有列的 minWidth

1.8.8

Patch Changes

  • 修复多语言翻译问题

1.8.7

Patch Changes

  • fix: 优化 fat-form 热更新,路由切换后销毁缓存状态

1.8.6

Patch Changes

  • 支持和 unplugin-wakeadmin-components 配置实现热更新

1.8.5

Patch Changes

  • 修复 fat-form-modal/drawer 通过 open 方法传入的 onFinish 没有被调用
  • 修复 element-plus 时间选择起 clear 跳动问题
  • fat-form 支持 extraValue 参数

1.8.4

Patch Changes

  • 修复: fat-form-* renderButton 在 preview 模式隐藏提交和重置按钮

1.8.3

Patch Changes

  • 新功能

    • define* 方法新增 p 方法, 用于需要类型检查 prop 定义

    修复

    • fat-form-group 在 preview 模式不应该显示必填星号
    • 修复日期相关的原件在指定 valueFormat 情况下, 可能日期可能会解析失败

1.8.2

Patch Changes

  • 功能修复:

    • 修复 fat-table 卸载后没有清理 debounce
    • 修复 FatForm* 相关 ref 类型可能为空

1.8.1

Patch Changes

  • 实验性组件:

    • 新增 FatImageVerification 图形验证码组件

    修复: 修复一些多语言翻译错误

1.8.0 (2023/7/7)

Minor Changes

新增功能:

  • fat-form-item 新增 valueMap 属性, 可以对原件的值进行输入输出转换
  • 新增 number 原件
  • 暴露了 fat-table, fat-form-page 的默认布局实现, 供开发者进行组合

bug 修复

  • undefinedPlaceholder 不限制类型, 支持传入 vnode, 实现复杂的样式展示
  • 修复 useRoute 在 vue 2 下报错

1.7.37

Patch Changes

  • 修复 fat-form-table 下 fat-actions 类没有生效

1.7.36

Patch Changes

  • 优化 fat-actions, fat-form-steps 样式

1.7.35

Patch Changes

  • 修复文本原件空状态没有考虑 0 false 等情况

1.7.34

Patch Changes

  • fat-form-item trim 支持 blur, 在失去焦点后截断空格

1.7.33

Patch Changes

  • fatTable 全局配置新增 actionsAlign 来支持全局配置表格的操作栏对齐方式

1.7.32

Patch Changes

  • 内置原值支持传入 undefinedPlaceholder, 覆盖全局配置
  • 文本原件判断逻辑变更. 旧版本通过 != null, 现在改为 !value

1.7.31

Patch Changes

  • 修复: fat-form-page submiter slot 参数传递错误

1.7.30

Patch Changes

功能优化:

  • fat-form 新增 forceSetInitialValue 属性, 默认情况下为 false,即新的 initialValue 会和旧的合并
  • fat-form-table 新增 enableActions 以支持对操作栏进行手动关闭
  • fat-form-table, fat-table rowKey 支持 symbol

Bug 修复:

  • fat-form-steps 预览模式下, 显示上一步和下一步

1.7.29

Patch Changes

  • update deps
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.7

1.7.28

Patch Changes

  • 修复: fat-table-select 关闭查询缓存

1.7.27

Patch Changes

    • 修复: fat-atomic v-slots 导致崩溃

1.7.26

Patch Changes

    • select 原件新增 selectFirstByDefault
    • 修复 fat-atomic 类型无法动态扩展

1.7.25

Patch Changes

    • 优化: 表格 action 列默认居中
    • 修复: 导出 fat-space props
    • 新增: fat-form-item 支持 valueChange 事件

1.7.24

Patch Changes

  • 修复: fat-text tooltip 重复

1.7.23

Patch Changes

  • 功能优化:

    • fat-form-table 新增 removable 参数, 配置删除操作是否显示
    • fat-form-query 支持配置 labelWidth 来关闭 label 对齐模式

    修复:

    • 修复 useRoute 下 vue 3 下可能失效

1.7.22

Patch Changes

  • fat-form-table 支持自定义 table column props
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.6

1.7.21

Patch Changes

  • 修复 fat-text tooltip 展示问题

1.7.20

Patch Changes

  • 支持全局配置是否复用基座的组件
  • fat-text 支持溢出时使用 tooltip 展示完整内容
  • select, multi-select 支持 fat-text

1.7.19

Patch Changes

  • 修复原件多语言配置更新失败

1.7.18

Patch Changes

  • 修复 fat-configurable 多语言不生效

1.7.17

Patch Changes

    • fix: 修复 fat-form-query 清除按钮抖动问题
    • fix: 组件库默认配置支持多语言

1.7.16

Patch Changes

  • 修复样式污染问题

1.7.15

Patch Changes

  • 修复部分原件预览没有设置 class 和 style

1.7.14

Patch Changes

    • select 原件 clear 后将值设置为 undefined
    • fat-form submit 处理 abort 异常

1.7.13

Patch Changes

  • 修复 select 选项验证错误

1.7.12

Patch Changes

  • 原件支持动态注册验证器

1.7.11

Patch Changes

  • fat-logic-tree 插入操作支持批量

1.7.10

Patch Changes

  • 修复 fat-table-select 类型错误

1.7.9

Patch Changes

  • 优化 fat-table-select

1.7.8

Patch Changes

  • fat-table-modal, fat-table-select 优化

1.7.7

Patch Changes

  • fat-logic-tree 添加 indexs 上下文

1.7.6

Patch Changes

  • fat-table 列支持 columnMode
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.5

1.7.5

Patch Changes

  • 修复 fat-form-drawer/modal renderSubmitter 不生效

1.7.4

Patch Changes

    • 修复 fat-form-step 隐藏问题
    • fat-form-table 新增 beforeRemove props. sortableProps.ignoreMode

1.7.3

Patch Changes

  • 修复空值合并错误

1.7.2

Patch Changes

  • 修复 merge 方法不支持 symbol

1.7.1

Patch Changes

  • 修复 fat-logic-tree 传入空值时异常

1.7.0

Minor Changes

  • 扩展 fat-form-step, fat-form-table props 以支持更多样式定制

1.6.0

Minor Changes

  • fat-form-table 支持自定义渲染

1.5.0

Minor Changes

  • 新增 fat-logic-tree

1.4.0

Minor Changes

  • fat-form-table 支持拖拽排序
  • 修复 fat-form-steps 循环依赖问题

Patch Changes

  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.4

1.3.0

Minor Changes

  • 新增国际化支持

1.2.4

Patch Changes

  • 修复上传文件时 filter 抛出异常导致文件缓存没有正常同步的问题

1.2.3

Patch Changes

  • 现在 avatar 原件允许自定义宽高
  • 修复 Portal 在 attach 时会导致 vue 上下文异常的问题

    现在 Portal.attach 不再是同步行为,因此如果需要在attach 后立刻执行一些操作需要进行一些调整

typescript
// before
+portal.attach();
+portal.show();
+
+// after
+portal.attach().then(() => portal.show());
+

1.2.2

Patch Changes

  • 修复 [ElementForm]unpected width
  • Updated dependencies
    • @wakeadmin/element-adapter@0.6.2

1.2.1

Patch Changes

  • 修复 kebab-case 传参无法正常覆盖 lowerCamelCase 的问题

1.2.0

Minor Changes

  • FatFormItem、FatFormGroup 新增requiredMessage 支持
  • FatFormItem、FatFormGroup 新增 maxWidthminWidth

Break Change

  • 在之前的版本中, FatFormItem、FatFormGroup 的 width 会被设置成maxWidth, 现在width 就是 width。因此这次升级可能会对之前的布局造成一些影响

1.1.9

Patch Changes

  • 导出所有工具类函数

1.1.8

Patch Changes

  • 导出类型转换函数

1.1.7

Patch Changes

  • pref: 删除无用代码

1.1.6

Patch Changes

  • 修复 fatFrom 没有正确合并 initialValue 的问题

1.1.5

Patch Changes

  • feat: 调整 fatForm initialValue 的类型以及 initialValue 的合并模式

1.1.4

Patch Changes

  • fix:修复 fat-table 在删除数据之后分页可能异常的问题

1.1.3

Patch Changes

  • 修改 fat-table 空图片样式

1.1.2

Patch Changes

  • fat-table 空数据支持自定义图片

1.1.1

Patch Changes

  • 导入部分 typescript 类型

1.1.0

Minor Changes

  • 新增 fat-drag-drop 组件
  • 新增 DANGEROUS_Portal API (实验性 API)

1.0.1 (2022/1/5)

功能更新

  • 新增 fat-table-modal、fat-table-drawer、fat-table-select-modal、fat-table-select 等组件




1.0.0-beta.9 (2022/12/9)

功能更新

  • fat-form-group 支持自定义验证时机

Bug 修复

  • fat-form submitting 延迟关闭




1.0.0-beta.8 (2022/12/8)

Bug 修复

  • defineFatTableModal/Drawer/SelectModal 方法支持 extra props
  • FatActions 新增 dropdownProps
  • 修复 FatTable* 相关组件 expose 调用错误




1.0.0-beta.7 (2022/11/30)

新功能

  • 新增 fat-text、fat-link 组件


Bug 修复

  • 调整 fat-table remove props 类型,不需要返回 boolean
  • 修复 select* 相关原件 loading 状态不展示
  • 文本相关原件支持透传 fat-text props



1.0.0-beta.6 (2022/11/29)

Bug 修复

  • 修复 fat-form-modal/drawer 快速关闭和打开导致表单初始值错误
  • 修复 fat-table 在关闭 requestOnMounted 时,无法启用 requestOnQueryChange
  • 修复 fat-form-tabs、fat-form-steps 渲染延迟问题



1.0.0-beta.4 (2022/11/25)

主要功能更新

  • 新增 FatTreeSelect 组件
  • 新增 tree-select 原件
  • FatFormModal、FatFormDrawer 支持配置 FatFormTabs、FatFormSteps 使用




1.0.0-beta.3 (2022/11/20)

主要功能更新

  • 原件默认提示文案优化
  • fat-table 新增 getRequestParams 实例方法
  • 新增 fat-form-table,支持表单形式的数据项编辑
  • 新增 fat-form-tabs 支持标签页表单
  • fat-form-group 新增 spaceProps 参数
  • fat-form-group 支持数据验证




1.0.0-beta.2 (2022/11/7)

功能修复

  • 修复 fat-table 首次加载数据是 empty 组件闪烁
  • 修复 fat-form-query 无法覆盖 renderSubmitter
  • 暴露 fat-form, fat-table 状态到 Vue 开发者工具



1.0.0-beta.1 (2022/11/04)

主要功能更新

  • 新增 FatVNode 用于支持在 template 中渲染 VNode
  • fat-form-query, fat-table 表单提交按钮独占一行时,自动对齐


功能修复

  • 修复 fat-table formRef 没有包含 renderButtons


欢迎给我们提问题




1.0.0-alpha.7 (2022/10/26)

主要功能更新:

  • checkboxs, radio 原件支持垂直布局
  • 新增 FatFormSteps 分布表单


Bug 修复:

  • 修复 fat-form validateField 在 element-ui 下没有返回 promise



1.0.0-alpha.6 (2022/10/21)

主要功能更新:

  • fat-table、fat-form 相关组件支持泛型
  • Typescript 类型优化

Bug 修复:

  • FatActions Dropdown 禁止右键点击




1.0.0-alpha.5 (2022/10/20)

  • checkboxs, checkbox, radio 原件 label 支持 jsx 和函数形式



1.0.0-alpha.4 (2022/10/18)

Bugs 修复:

  • 修复构建结果依赖于 @vue/reactivity 导致类型检查失败
  • FatContainer 不传递 title、extra 时支持隐藏 header
  • 修复 FatTable 在批操作之后选中状态显示异常的问题



1.0.0-alpha.3 (2022/10/17)

主要更新

  • 升级 @wakeadmin/demi, @wakeadmin/h。

    • 现在不再依赖于 @vue/runtime-dom, 直接使用 Vue 2/3 的类型。避免了 Vue 2/3 类型胡窜导致的问题
    • 依赖 Vue 2.7.13+, 请参照安装文档重新配置, 并将所有 @wakeadmin/* 相关依赖升级到最新
  • 新增 FatSwitch 组件。该组件从 element-plus 中移植,支持内联 label、loading、和 beforeChange 钩子。 switch 原件也跟随升级

  • 对接新的惟客云 UI 变量。fat-form width 也跟随变化

  • FatContainer 支持 legacyMode

  • fat-table column 新增 setter、valueProps 支持函数形式

  • avatar 原件支持 string 类型直接传入头像链接

  • fat-form-item 新增 filter,可以在字段变更之前对 value 进行操作


功能优化

  • fat-actions 边距使用 gap CSS 属性
  • fat-table remove 实例方法现在返回 Promise<boolean> 表示是否移除成功




1.0.0-alpha.2 (2022/10/12)

Breaking Change

  • FatHeader 移除,并使用 FatContainer 取代
  • FatTable 移除 simple 布局
  • FatFloatFooter 属性变更 useWakeadminHeaderIfNeed 修改为 reuseBayIfNeed

新功能

  • 新增 avatar 原件
  • image 原件支持 fit 属性配置
  • 新 UI 规范适配
    • 新增 FatCard 卡片容器
    • FatFormSection 调整为卡片形式, 并废弃折叠功能
    • FatHeader 移除 , 使用 FatContainer 替代, 受影响组件主要有 FatTable, simple 布局移除
    • FatContent 即将废弃,建议使用 FatCard 取代

Bug 修复

  • date*/time* 相关原件对时间格式化字符串进行规范化,从而支持 element-ui 的语法




1.0.0-alpha.1 (2022/10/10)

🎉 第一个 alpha 版本



0.6.1 (2022/10/9)

Patch Changes

  • 原件 renderPreview 执行方式统一; 文件相关原件兼容 element-plus

0.6.0 (2022/10/8)

Minor Changes

新增原件:

  • email: 邮件
  • phone: 手机号码输入
  • files:多文件上传
  • file: 单文件上传
  • captcha: 验证码
  • slider-range: 范围滑块

新增组件

  • FatAtomic 支持独立使用原件

功能优化

  • 优化组件类型检查
  • fat-actions 使用 Tooltip 进行 title 展示

Patch Changes

  • Updated dependencies
    • @wakeadmin/element-adapter@0.2.4

0.5.7 (2022/10/30)

Patch Changes

  • Bug 修复

    • 避免原件重复注册
    • fat-form 样式优化
  • API 调整

    • define* 相关方法参数合并成 context 一个参数
    • fat-table 新增 after-submit submitter 两个插槽
    • fat-table query 参数调整为 extraQuery
    • fat-form-group/fat-form-item 网格使用简化, 支持自动检测是否开启了网格
  • Updated dependencies

    • @wakeadmin/element-adapter@0.2.3

0.5.6

Patch Changes

  • 升级依赖,修复 listener 继承导致的事件触发爆栈问题

0.5.5

Patch Changes

  • 新增功能
    • fat-float-footer 兼容微前端基座
    • 新增 currency, float, cascader, cascader-lazy 原件
  • Bug 修复
    • fat-table query slots 显示计算优化
  • Updated dependencies
    • @wakeadmin/element-adapter@0.2.2

0.5.4

Patch Changes

  • fat-table 新增 beforeTable、afterTable 插槽
  • 修复: fat-table 再没有任何查询字段时,隐藏查询表单
  • 修复: images 值变更后没有触发重新验证
  • Updated dependencies
    • @wakeadmin/element-adapter@0.2.1

0.5.3

Patch Changes

  • fat-actions 样式优化
  • upload 提示语优化

0.5.2

Patch Changes

Bug 修复

  • 图片上传 sizeLimit 格式化
  • 图片上传支持扩展名验证
  • fat-form-modal/drawer 默认关闭遮罩点击
  • fat-action disabled 情况下无法显示 title

0.5.1

Patch Changes

  • 修改表单的默认分隔符为:
  • 调整表格的搜索表单样式

新功能

  • fat-actions 的 title、disabled 支持传入函数
  • 新增 simple fat-table 的布局

0.5.0

Minor Changes

Bugs 修复

  • 修复 fat-table column 无法推断 valueProps 类型
  • fat-form-item 预览模式下关闭验证

新功能

  • fat-form 支持 hideMessageOnPreview
  • fat-table 支持 batchActions

0.4.2

Patch Changes

    • 修复 fat-text copy 不生效
    • fat-table 默认关闭 requestOnQueryChange

0.4.1

Patch Changes

  • 修复 fat-form 提交值为空

0.4.0

Minor Changes

  • 功能优化:

    • define* 暴露 emit 方法
    • 调整 fat-actions 配色
    • fat-form 新增 getValuesToSubmit 方法、syncToInitialValues prop
    • fat-form 新增 getValues prop
    • fat-actions 新增 confirm 在点击时确认提示
    • fat-table confirm* message* props 支持传入 string

0.3.1

Patch Changes

    • bug 修复

    • fix(components): 修复 fat-text 拷贝事件冲突

    • fix(components): defineFatForm 没有正确暴露 ref

0.3.0

Minor Changes

  • 新特性

    • 新增 fat-text、fat-link 组件库
    • 新增 url 原件
    • define* 相关方法支持访问外部 props, 并支持 extra 额外 props 声明
    • fat-form-layout 相关方法添加 beforeCancel、beforeFinish props 用于干预关闭行为
    • fat-actions 支持 title
  • bug 修复

    • fat-table 刷新不清空 list, 避免跳动

0.2.1

Patch Changes

  • 新特性

    • 新增 fat-icon 组件
    • 新增 search 原件
    • select 原件选项支持指定颜色
  • bugfixs

    • 修复 sideEffects 导致原件注册失败
    • 修复 fat-form-item disabled, clearable 无法覆盖

0.2.0

Minor Changes

新增 atomics

  • images
  • image

Bugs Fixes

  • 修复 fat-table title 默认为空

功能优化

  • fat-table actions 支持函数形式
  • 插件安装检查

Patch Changes

  • Updated dependencies
    • @wakeadmin/element-adapter@0.2.0
+ + + + + \ No newline at end of file diff --git a/base/concepts.html b/base/concepts.html new file mode 100644 index 0000000..6af6bef --- /dev/null +++ b/base/concepts.html @@ -0,0 +1,47 @@ + + + + + + 基本概念 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

基本概念

何为 'fat'

Fat 是肥胖的意思。@wakeadmin/components 的定位是一个高级组件库,而不是 element-ui 这类基础组件库。它的目标是覆盖管理后台的 80% 的开发场景,因此,它有以下特征:

  • 组件的粒度更加大。大到一个页面,小到一个页面区域。
  • 遵循“约定大于配置”。 我们期望开发一个页面,只需要少量的配置代码,按照 UI/产品 规范,将大部分交互、数据处理的细节固定下来,做到开箱即用。



何为'原件(Atomic)'

宜搭

原件类似于低代码平台的’组件‘,在 @wakeadmin/components 中,原件 是组成表格表单的基本单位。

原件有两种形态:

  • 编辑形态(editable): 用于表单、表格查询等场景
  • 预览形态(preview): 用于详情页,表格等场景


代码示例:

查看代码
vue
<template>
+  <div class="wk-demo">
+    <el-switch v-model="previewMode" active-text="预览" inactive-text="编辑"></el-switch>
+
+    <FatForm :mode="previewMode ? 'preview' : 'editable'">
+      <FatFormItem prop="input" label="文本输入" initial-value="123" />
+      <FatFormItem prop="integer" value-type="integer" label="整数输入" :initial-value="456" />
+      <FatFormItem prop="date" value-type="date" label="日期输入" />
+      <FatFormConsumer>
+        <template #default="scope">
+          <pre><code>{{ JSON.stringify(scope.values, undefined, 2) }}</code></pre>
+        </template>
+      </FatFormConsumer>
+    </FatForm>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { FatForm, FatFormItem, FatFormConsumer } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const previewMode = ref(false);
+</script>
+
+ + + + + \ No newline at end of file diff --git a/base/install.html b/base/install.html new file mode 100644 index 0000000..1961a27 --- /dev/null +++ b/base/install.html @@ -0,0 +1,109 @@ + + + + + + 开始 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

开始






@wakeadmin/components 是基于 Vue 和 Element-UI/Element-plus 的高级组件库。旨在解放管理后台端 CRUD 页面的前端生产力。




整体架构


  • element-adapter: 这里主要用于封装 element-ui/element-plus 之间的一些差异。 @wakeadmin/components 不会直接依赖 element-ui/element-plus, 而是使用 element-adapter 暴露的统一 API
  • @wakeadmin/h/@wakeadmin/demi: 这是一个 JSX 库,屏蔽了 Vue 2/3 在视图渲染上的一些差异,从而让 @wakeadmin/components 兼容 Vue 2/3。



主要内容:


@wakeadmin/components 包含三大核心部件:

  • FatTable: 用于常见的列表、表格查询页面
  • FatForm: 用于常见的创建表单、更新表单、表单详情等页面
  • 原件(Atomics): 原件是组成 FatTable、FatForm 的基本单位,为不同数据类型定义编辑预览的视图。




Prerequisites



@wakeadmin/components 支持 Vue 2/3:

  • Vue 2: 要求 Vue 2.7.13+, element-ui 2.14+
  • Vue 3: Vue 3.0+, element-plus 2.2+

WARNING

注意,Vue 2 下,仅支持 2.7.13+,请升级到最新的 Vue 2 版本。并移除旧的 @vue/composition-api





安装


shell
$ pnpm add @wakeadmin/components
+


如果你使用的是 vue-cli,建议在 vue.config.js 中加入以下配置:

js
// ...
+module.exports = defineConfig({
+  // 构建时转换 @wakeadmin/* 相关库,让 babel 参与转译,以符合你的兼容性需求
+  transpileDependencies: process.env.NODE_ENV === 'production' ? [/(wakeapp|wakeadmin)/] : false,
+  // ...
+});
+




更好的 Typescript / JSX 支持

在 Vue 中支持 Typescript 和 JSX 并不是一件容易的事情,移步支持 Typescript 和 JSX, 我们专门写的一篇文档。




初始化

引入样式,并安装 Vue 插件:

tsx
import Vue from 'vue';
+import { plugin } from '@wakeadmin/components';
+
+// 引入样式
+import '@wakeadmin/components/style/index.scss';
+
+// vue 2.x 用法
+Vue.use(plugin);
+



如果你使用 element-plus, 且使用了自定义命名空间

@wakeadmin/components 定制了部分 element 组件的样式,因此如果你使用自定义命名空间,在导入 @wakeadmin/components 的样式时,同样需要配置一下命名空间变量:

创建一个 新的 scss 文件,或者在应用根组件<style lang="scss"> 中添加以下代码:

vue
<template>
+  <el-config-provider namespace="ep">
+    <div id="app">
+      <router-view />
+    </div>
+  </el-config-provider>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss">
+  // 自定义命名空间
+  @forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
+    $namespace: 'ep'
+  );
+
+  @use 'element-plus/theme-chalk/src/index.scss' as *;
+
+  // 定义 @wakeadmin/components 下的 element-ui 命名空间
+  @forward '@wakeadmin/components/style/_config.scss' with (
+    $el-ns: 'ep'
+  );
+
+  @use '@wakeadmin/components/style/index.scss' as *;
+
+  body {
+    margin: 0;
+    padding: 0;
+  }
+</style>
+




开启编程之旅





开发一个简单的表格:

tsx
import { defineFatTable } from '@wakeadmin/components';
+
+/**
+ * 表格项类型
+ */
+export interface Item {
+  id: number;
+  name: string;
+  createDate: number;
+}
+
+export const MyTable = defineFatTable<Item>(({ column }) => {
+  return () => ({
+    // 表格数据获取
+    async request(params) {
+      const { pagination, query } = params;
+
+      const { data: list, total } = await getMyList({ ...query, ...pagination });
+
+      return {
+        total,
+        list,
+      };
+    },
+    // 删除操作
+    async remove(list, ids) {
+      await removeItem(ids);
+    },
+    // 表格列
+    columns: [
+      // queryable 标记为查询字段
+      column({ prop: 'name', label: '名称', queryable: true }),
+      column({ prop: 'createDate', valueType: 'date-range', label: '创建时间', queryable: true }),
+      column({
+        type: 'actions',
+        actions: (table, row) => [{ name: '编辑' }, { name: '删除', onClick: () => table.remove(row) }],
+      }),
+    ],
+  });
+});
+
+ + + + + \ No newline at end of file diff --git a/base/typescript.html b/base/typescript.html new file mode 100644 index 0000000..8045cda --- /dev/null +++ b/base/typescript.html @@ -0,0 +1,233 @@ + + + + + + 支持 Typescript 和 JSX | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

支持 Typescript 和 JSX

大部分场景,我们推荐你使用 Vue 的 SFC + setup + TypeScript 来编写组件。

然而,在你们使用 @wakeadmin/components 时,为了灵活定义组件库,你会经常用到 JSX。

在 Vue 中开启 Typescript 和 JSX 支持并不是一件容易的事情。 因此我们单独出一份文档来说明一下。







安装依赖

如果你想要使用 TSX/JSX 开发,并且获取到更好的 Typescript 类型检查,需要安装以下依赖:

shell
$ pnpm add @wakeadmin/h @wakeadmin/demi vue-tsc -D
+
+# 升级 @wakeadmin/* 相关依赖到最新版本
+$ pnpm up -r -L \"@wakeadmin/*\"
+

如果构建工具使用的是Vue-cli的话 需要额外安装以下依赖

shell
pnpm add babel-preset-wakeadmin -D
+


  • babel-preset-wakeadmin 使用 react jsx 的标准语法来转换 JSX。
  • @wakeadmin/h 更好地支持 react-jsx 的标准 JSX 语法,没有语法糖,更接近 React 的开发体验。兼容 Vue 2/3。详见下文
  • @wakeadmin/demi fork from vue-demi, 修复了一些问题。可以完全取代 vue-demi
  • vue-tsc Volar 底层依赖的 Typescript 编译器。这里主要用于类型检查






配置

类型检查

json
// tsconfig.json:
+{
+  "compilerOptions": {
+    "types": ["@wakeadmin/demi"],
+    // 如果使用 @wakeadmin/h, 则加上以下配置
+    "jsx": "react-jsx",
+    "jsxImportSource": "@wakeadmin/h"
+  },
+  // 如果是 vue 2, 则加上以下配置
+  "vueCompilerOptions": {
+    "target": 2.7,
+    // 转换 template 为 jsx 模式,目前而言好处就是检查更加严格, 而且对泛型组件的支持较好
+    "jsxTemplates": true
+  }
+}
+



接着,配置一个 src/env.d.ts(旧的项目可能已存在, 比如 vue-cli, shims-tsx.d.tsshims-vue.d.ts, 将这些文件删掉) 文件,让 TypeScript 标准的类型检查器可以识别 *.vue 文件:

ts
// env.d.ts
+// 你可能把旧的 declare module '*.vue' 移除
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+

.vue 文件, 像 .css 这些静态资源文件一样, 标准的 Typescript 是无法识别里面的类型的, 当然装了 Volar 插件之后, Valor 可以做到。但是仅在 IDE 层面,如果你想要在构建时/CI 时进行类型检查,可以用 vue-tsc


添加@wakeadmin/h(可选)



这里,我们使用 @wakeadmin/h 来编写 JSX。好处是:

  1. Vue 2 / 3 JSX 书写上相差非常大, 不管你用的是 Vue 2, 还是 Vue 3, 使用 @wakeadmin/h 可以提供一致的编写方式, 更接近我们在 React 上的使用习惯。
  2. 除此之外,@wakeadmin/h 也优化了 Vue JSX 在 Typescript 支持上的一些问题。
  3. @wakeadmin/h优化了slots以及Directive的写法,使其更加简便。

当然,在性能上会有一点点的损失。


  • Vue-Cli
js
// babel.config.js
+module.exports = {
+  // 关闭 vue 默认的 jsx 转换, 统一使用标准的 JSX
+  presets: [['@vue/cli-plugin-babel/preset', { jsx: false }], 'babel-preset-wakeadmin'],
+};
+


  • Vite
js
// vite.config.ts
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  esbuild: {
+    jsx: 'automatic', 
+    jsxImportSource: '@wakeadmin/h'
+  },
+  plugins: [
+    vue()
+  ],
+});
+





使用示例:

jsx
<div onClick={handleClick} class="hello" />; // 使用 on* 的语法进行事件监听
+<div onClick={handleClick} class={[hello, { active: isActive }]} style={{ color: 'red' }} />;
+
+// 插槽的使用,使用 v-slots
+<Tooltip v-slots={{ content: <div>hello</div>, named: scope => <div>命名插槽</div> }}>
+  <span class="fat-actions__btn">{content}</span>
+</Tooltip>;
+
+// 指令:https://vuejs.org/api/render-function.html#withdirectives
+<div {...withDirectives([[vLoading, loading.value]])}>加载中</div>;
+



构建

首先根据你使用的构建工具,配置相关的 Typescript 构建支持:

  • Vite: 内置支持转换, 但是类型检查需要借助 vue-tsc
  • Vue CLI: 卸载掉 @vue/cli-plugin-typescript, 并安装 @wakeadmin/vue-cli-plugin-typescript。这个插件底层基于 esbuild 进行编译,不会进行类型检查, 因此还是需要借助 vue-tsx, 详见下文



💥 不推荐使用 @vue/cli-plugin-typescript 插件:

为什么不使用它? Vue 官方也不推荐使用它。一个比较重要的问题是,它的执行结果未必和 IDE 一致,异常也很难排查。性能也较差、无法同 vue-tsc 一样真正检查 *.vue 文件。





IDE 类型提示

IDE 上推荐使用 Valor 插件,并禁用掉 Vetur 插件。在 VSCode 中, 你可以安装一下两个插件:






开启类型检查

最后,如果想要对类型进行检查,推荐使用 vue-tsc:

json
// package.json
+{
+  "scripts": {
+    "prebuild": "vue-tsc --noEmit"
+  }
+}
+

如果使用了惟客云自动化检查工具, 可以这样配置:

json
// .standard.jsonc
+{
+  // 执行 Typescript 类型检查
+  "typescriptEnable": true,
+
+  // typescript 检查命令
+  "typescriptCmd": "vue-tsc --noEmit"
+}
+




ESLint 适配


你可以使用 wkstd init 来初始化 eslint 的配置, 典型的 ESlint 配置如下:

js
module.exports = {
+  extends: ['wkts', 'wkvue'],
+  plugins: [],
+  globals: {},
+  rules: {
+    'vue/no-deprecated-slot-attribute': 'off',
+  },
+  parser: 'vue-eslint-parser',
+  // 为了支持 Typescript 需要配置 '@typescript-eslint/parser'
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    project: 'tsconfig.json',
+    sourceType: 'module',
+    ecmaVersion: 'latest',
+    extraFileExtensions: ['.vue'],
+  },
+  env: {
+    browser: true,
+    es2020: true,
+  },
+  // 检查 .tsx/.ts 文件
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      rules: {
+        // 使用 typescript 检查
+      },
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        warnOnUnsupportedTypeScriptVersion: true,
+        ecmaVersion: 'latest',
+        lib: ['esNext'],
+        project: './tsconfig.json',
+      },
+    },
+  ],
+};
+



然而可能不会像你想象的那么顺利。

❌ 异常 1: Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser. The file does not match your project config: packages/eslint-config-wkvue/tests/vue2/ts/.eslintrc.js. The file must be included in at least one of the projects provided


原因分析: 我们在上面的 eslint 配置中指定了 @typescript-eslint/parser 作为所有文件 parser。然而 @typescript-eslint/parser, 如果指定的文件不再 tsconfig.json 的覆盖范围之内就会出现该问题。



解决办法:

  • ① (不推荐)在 tsconfig.json include 进来, 比如:

    json
    // tsconfig.json
    +{
    +  "include": [
    +    "types.d.ts",
    +    "src/**/*.vue",
    +    "scripts",
    +    "src/**/*.ts",
    +    "src/**/*.tsx",
    +    "src/**/*.js",
    +    "tailwind.config.js",
    +    ".eslintrc.js",
    +    "vue.config.js"
    +  ],
    +  "exclude": ["node_modules"]
    +}
    +

    对于旧的项目,这些文件很多。这种解法比较蠢,而且会影响 Typescript 的检查效率,甚至会污染检查的结果。如果真的非得用这种方式,可以另起一个 tsconfig.eslint.json 的配置文件,并将 parserOptions.project 指向这个文件。




  • ② 为不同的文件支持不同的 parser

    tsconfig.json 应该专注于应该检查的文件:

    json
    {
    +  "compilerOptions": {
    +    // 支持引用 js 模块
    +    "allowJS": true,
    +
    +    // 对于旧项目不建议打开, 会有很多报错
    +    "checkJS": false
    +  },
    +  // 检查 .vue 文件
    +  "include": ["src/**/*", "src/**/*.vue"]
    +}
    +

    接着配置 eslintrc 对不同的文件使用不同的 parser 进行处理:

    js
    module.exports = {
    +  extends: ['wkts', 'wkvue'],
    +  parser: 'vue-eslint-parser',
    +  parserOptions: {
    +    parser: {
    +      js: '@babel/eslint-parser',
    +      jsx: '@babel/eslint-parser',
    +      ts: '@typescript-eslint/parser',
    +      tsx: '@typescript-eslint/parser',
    +    },
    +    project: './tsconfig.json',
    +    sourceType: 'module',
    +    extraFileExtensions: ['.vue'],
    +  },
    +};
    +


  • ③ (推荐) 一个更简单的办法是开启 typescript-eslint 的 createDefaultProgram 选项:

    js
    module.exports = {
    +  extends: ['wkts', 'wkvue'],
    +  parser: 'vue-eslint-parser',
    +  parserOptions: {
    +    parser: '@typescript-eslint/parser',
    +    project: './tsconfig.json',
    +    sourceType: 'module',
    +    createDefaultProgram: true,
    +    extraFileExtensions: ['.vue'],
    +  },
    +};
    +

    简单的代价是性能会稍差一些。






❌ 异常 2: 如果你要在 Vue SPA 中使用 <script lang="tsx"></script>, Eslint 可能会报错,你需要以下配置:

js
// 支持 .vue 文件中 包含 jsx
+const ts = require('typescript');
+
+const { ensureScriptKind } = ts;
+ts.ensureScriptKind = function (fileName, ...args) {
+  if (fileName.endsWith('.vue')) {
+    return ts.ScriptKind.TSX;
+  }
+  return ensureScriptKind.call(this, fileName, ...args);
+};
+
+module.exports = {
+  extends: ['wkts', 'wkvue'],
+  // ....  eslint 配置
+};
+




老项目中启用 TypeScript

老项目(假设是 Vue 2)中也可以按照上文的配置开启 Typescript。有以下几个要点

  • 开启 tsconfig.json 的 allowJS, 而不是 checkJS。这表示允许和 Javascript 混用,但不检查 Javascript。如果开启 checkJS 可能有成吨的异常抛出来。

  • 如何扩展 Vue 的类型?比如全局方法、全局对象、全局组件等等。 Vue 2/3 定义方式有点区别,这里展示 Vue 2 的使用方式,你也可以参考相关的第三方库。以 vue-router 为例

    扩展全局组件实例成员:

    typescript
    declare module 'vue/types/vue' {
    +  interface Vue {
    +    $router: VueRouter;
    +    $route: Route;
    +  }
    +}
    +

    扩展 optional API

    ts
    declare module 'vue/types/options' {
    +  interface ComponentOptions<V extends Vue> {
    +    router?: VueRouter;
    +    beforeRouteEnter?: NavigationGuard<V>;
    +    beforeRouteLeave?: NavigationGuard<V>;
    +    beforeRouteUpdate?: NavigationGuard<V>;
    +  }
    +}
    +

    扩展全局组件:

    ts
    declare module 'vue' {
    +  export interface GlobalComponents {
    +    RouterLink: typeof import('vue-router')['RouterLink'];
    +    RouterView: typeof import('vue-router')['RouterView'];
    +  }
    +}
    +




element-ui 同理:

tsx
// 注意 element-ui 类型基本上是残废的,无法正常推断 props 类型
+declare module 'vue' {
+  import element from 'element-ui';
+
+  type TypeofElementExpose = typeof element;
+  type KeyOfElementExpose = keyof TypeofElementExpose;
+  type KeyofComponent = Exclude<KeyOfElementExpose, 'version' | 'install'>;
+
+  type ElementComponents = {
+    [K in KeyofComponent as `El${K}`]: TypeofElementExpose[K];
+  };
+
+  export interface GlobalComponents extends ElementComponents {
+    RouterView: typeof import('vue-router').RouterView;
+  }
+}
+
+ + + + + \ No newline at end of file diff --git a/fat-configurable/index.html b/fat-configurable/index.html new file mode 100644 index 0000000..cfaffd8 --- /dev/null +++ b/fat-configurable/index.html @@ -0,0 +1,97 @@ + + + + + + FatConfigurable 约定大于配置 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatConfigurable 约定大于配置

我们的组件库秉承 “约定大于配置” 的原则,主导开箱即用。即使需要定制,我们也建议在全局将这些配置固化下来,形成规范,在应用范围内保持统一。



配置

配置有两种方式:

1. FatConfigurableProvider 组件

vue
<template>
+  <FatConfigurableProvider :value="config">
+    <router-view></router-view>
+  </FatConfigurableProvider>
+</template>
+
+<script setup>
+  import { FatConfigurableProvider } from '@wakeadmin/components';
+
+  const config = {
+    /*...*/
+  }; // 也支持 ref, computed. 比如你需要支持 多语言
+</script>
+



2. provideFatConfigurable() Composition API

vue
<script setup>
+  import { provideFatConfigurable } from '@wakeadmin/components';
+
+  const config = {
+    /*...*/
+  }; // 也支持 ref, computed. 比如你需要支持 多语言
+
+  provideFatConfigurable(config);
+</script>
+




示例

ts
import { provideFatConfigurable } from '@wakeadmin/components';
+import { Message } from 'element-ui';
+
+export function injectFatConfigurations() {
+  provideFatConfigurable({
+    // 统一处理 images 原件上传
+    aImagesProps: {
+      action: '/permission/web/permission/sso/client/upload',
+      // 从
+      filter: item => {
+        if (item.response) {
+          if (!item.response.success) {
+            const message = item.response.msg ?? item.response.errorMessage;
+            Message.error(message);
+
+            throw new Error(message);
+          }
+
+          item.url = item.response.data.url;
+        }
+      },
+    },
+    // 统一 date-range 原件属性
+    aDateRangeProps: {
+      rangeSeparator: '',
+      startPlaceholder: '开始日期',
+      endPlaceholder: '结束日期',
+      valueFormat: 'yyyy-MM-dd',
+      shortcuts: [
+        {
+          text: '最近一周',
+          onClick(picker: any) {
+            picker.$emit('pick', getTime(7));
+          },
+        },
+        {
+          text: '最近一个月',
+          onClick(picker: any) {
+            picker.$emit('pick', getTime(30));
+          },
+        },
+        {
+          text: '最近三个月',
+          onClick(picker: any) {
+            picker.$emit('pick', getTime(90));
+          },
+        },
+      ],
+    },
+  });
+}
+



配置项

FatConfigurable 支持一些通用配置项,以及所有内置原件的 props 配置。





+ + + + + \ No newline at end of file diff --git a/fat-drag-drop/advanced.html b/fat-drag-drop/advanced.html new file mode 100644 index 0000000..b61ba4b --- /dev/null +++ b/fat-drag-drop/advanced.html @@ -0,0 +1,24 @@ + + + + + + 高级 | @wakeadmin/components + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fat-drag-drop/index.html b/fat-drag-drop/index.html new file mode 100644 index 0000000..829b9d9 --- /dev/null +++ b/fat-drag-drop/index.html @@ -0,0 +1,816 @@ + + + + + + Fat Drag Drop | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

Fat Drag Drop

FatDragDrop 用于处理拖拽操作。





1. 创建一个自定义拖拽元素



查看代码
vue
<template>
+  <div>
+    <FatDragItem class="inline-block">
+      <span> 愿天上人间,占得欢娱 </span>
+    </FatDragItem>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem } from '@wakeadmin/components';
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+</style>
+



2. 自定义触发元素

默认情况下,整个元素都是可以响应拖拽事件的,我们也支持通过特定元素来进行触发拖拽,比如我们只允许通过点击🐇触发拖拽

查看代码
vue
<template>
+  <div>
+    <FatDragItem class="inline-block">
+      <FatDragHandler class="handler"> 🐇 </FatDragHandler>
+      <span>点火樱桃,照一架、荼蘼如雪 </span>
+    </FatDragItem>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDragHandler } from '@wakeadmin/components';
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+  }
+  .handler {
+    cursor: move;
+  }
+</style>
+



3. 限制拖拽范围

默认情况下,我们不会对拖拽元素进行任何限制。但是我们也提供一些props用来限制元素的移动

查看代码
vue
<template>
+  <div>
+    <div>
+      <h4>只能X轴移动</h4>
+      <FatDragItem class="inline-block" lock-axis="x">
+        <FatDragHandler class="handler"> 🐇 </FatDragHandler>
+        <span>落花人独立 </span>
+      </FatDragItem>
+      <h4>只能Y轴移动</h4>
+      <FatDragItem class="inline-block" lock-axis="y">
+        <FatDragHandler class="handler"> 🦌 </FatDragHandler>
+        <span>微雨燕双飞 </span>
+      </FatDragItem>
+    </div>
+    <div>
+      <h4>限制范围</h4>
+      <div id="boundary" class="drag-boundary">
+        <FatDragItem class="drag-boundary-item" drag-boundary="#boundary"> </FatDragItem>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDragHandler } from '@wakeadmin/components';
+</script>
+<style lang="scss" scoped>
+  h4 {
+    margin: 12px;
+  }
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    margin-right: 20px;
+  }
+  .handler {
+    cursor: move;
+  }
+  .drag-boundary {
+    display: inline-block;
+    width: 662px;
+    height: 662px;
+    border: 1px solid #ccc;
+    margin-left: 3vw;
+  }
+  .drag-boundary-item {
+    display: inline-block;
+    width: 83px;
+    height: 83px;
+    background-color: bisque;
+    cursor: move;
+  }
+</style>
+

TIP

drag-boundary 如果传入一个string的话,那么会调用document.querySelector去获取对应的元素,请确保该元素已经被添加到页面上。 当然,我们也可以直接传入一个HTMLElement元素给它




4. 禁用拖拽

通过disabled来禁用拖拽

查看代码
vue
<template>
+  <div>
+    <div>
+      <ElButton @click="toggleAllowDrag">切换状态</ElButton>
+    </div>
+    <FatDragItem class="inline-block" :class="{ disabled: allowDrag }" :disabled="allowDrag">
+      <span> 始围寸而高尺,今连拱而九成 </span>
+    </FatDragItem>
+  </div>
+</template>
+<script setup lang="ts">
+  import { ElButton } from 'element-plus';
+  import { FatDragItem } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const allowDrag = ref(false);
+  const toggleAllowDrag = () => {
+    allowDrag.value = !allowDrag.value;
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    margin: 12px;
+    box-sizing: border-box;
+    cursor: move;
+    &.disabled {
+      cursor: not-allowed;
+    }
+  }
+</style>
+



5. 拖拽延迟

在一些特殊场合,我们的宿主元素可能需要同时监听click事件,这个时候我们可以添加拖拽延迟来防止元素错误的响应拖拽事件。比如下面的例子,我们需要等待鼠标按下500ms不动才会响应拖拽事件

查看代码
vue
<template>
+  <div>
+    <FatDragItem class="inline-block" :drag-delay="500">
+      <span> 一星如月看多时 </span>
+    </FatDragItem>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem } from '@wakeadmin/components';
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+</style>
+



6. 列表排序

查看代码
vue
<template>
+  <div>
+    <FatDropList :data="dataSource1" class="list" @dropped="move($event)">
+      <FatDragItem v-for="item of dataSource1" :key="item" class="inline-block w-300" :data="item">
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDropList, moveItemInRefArray, type FatDragItemEventPayload } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const dataSource1 = ref([
+    '蘅皋向晚舣轻航',
+    '卸云帆、水驿鱼乡',
+    '当暮天、霁色如晴昼',
+    '江练静、皎月飞光',
+    '那堪听、远村羌管,引离人断肠',
+    '此际浪萍风梗,度岁茫茫',
+    '堪伤',
+    '朝欢暮宴,被多情、赋与凄凉',
+    '别来最苦,襟袖依约,尚有馀香',
+    '算得伊、鸳衾凤枕,夜永争不思量',
+    '牵情处,惟有临歧,一句难忘',
+  ]);
+  const move = (obj: FatDragItemEventPayload['dropped']) => {
+    moveItemInRefArray(dataSource1, obj.previousIndex, obj.currentIndex);
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-left: 10vw;
+    margin-top: 12px;
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+</style>
+

TIP

FatDropList 也可以通过disabled来进行禁止拖拽 我们也可以针对FatDragItemdisabled来禁止单个元素的拖拽行为

WARNING

FatDropList 不会修改任何数据,因此,使用者需要监听对应的事件来修改对应的数据源; 我们也提供了moveItemInRefArraytransferArrayItem这两个方法来方便使用者对数据源进行修改




7. 水平列表排序

查看代码
vue
<template>
+  <div>
+    <FatDropList :data="dataSource1" class="list row" orientation="horizontal" @dropped="move($event)">
+      <FatDragItem v-for="item of dataSource1" :key="item" class="inline-block w-100" :data="item">
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDropList, moveItemInRefArray, type FatDragItemEventPayload } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const dataSource1 = ref(['明月如霜', '好风如水', '清景无限', '曲港跳鱼']);
+  const move = (obj: FatDragItemEventPayload['dropped']) => {
+    moveItemInRefArray(dataSource1, obj.previousIndex, obj.currentIndex);
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-100 {
+    width: 100px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-left: 10vw;
+    margin-top: 12px;
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+</style>
+



8. 自定义预览

默认情况下,我们会针对原元素进行一次复制,然后将其作为预览元素使用。用户也可以传入对应的渲染函数或者插槽来自定义预览;

查看代码
vue
<template>
+  <div>
+    <FatDropList :data="dataSource1" class="list" @dropped="move($event)">
+      <FatDragItem v-for="item of dataSource1" :key="item.name" class="inline-block w-300" :data="item">
+        <span> {{ item.name }} </span>
+      </FatDragItem>
+      <template #preview="{ cover }">
+        <picture class="cover">
+          <img :src="cover" />
+        </picture>
+      </template>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDropList, moveItemInRefArray, type FatDragItemEventPayload } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  import img1 from './images/1.jpg';
+  import img2 from './images/2.jpg';
+  import img3 from './images/3.jpg';
+  import img4 from './images/4.jpg';
+  import img5 from './images/5.jpg';
+  import img6 from './images/6.jpg';
+
+  const dataSource1 = ref([
+    {
+      name: 'Rain',
+      cover: img1,
+    },
+    {
+      name: '月 ~Main Theme',
+      cover: img2,
+    },
+    {
+      name: 'It through all eternity',
+      cover: img3,
+    },
+    {
+      name: '真紅の翼',
+      cover: img4,
+    },
+    {
+      name: '王都アウルリウム',
+      cover: img5,
+    },
+    {
+      name: '久遠寺有珠',
+      cover: img6,
+    },
+  ]);
+  const move = (obj: FatDragItemEventPayload['dropped']) => {
+    moveItemInRefArray(dataSource1, obj.previousIndex, obj.currentIndex);
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-left: 10vw;
+    margin-top: 12px;
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+</style>
+
+<!-- eslint-disable-next-line wkvue/no-style-scoped -->
+<style lang="scss">
+  .cover {
+    display: inline-block;
+    width: 130px;
+    height: 130px;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+</style>
+

TIP

FatDropListFatDragItem都支持previewplaceholder插槽; 优先级为FatDragItem > FatDropList;

DANGER

previewplaceholder插槽使用的数据源为当前响应拖拽事件的FatDragItem上的propsdata属性;




9. 自定义占位

查看代码
vue
<template>
+  <div>
+    <FatDropList :data="dataSource1" class="list custom-drop-list" :drop-sort-threshold="1" @dropped="move($event)">
+      <FatDragItem v-for="item of dataSource1" :key="item.name" class="inline-block w-300" :data="item">
+        <span> {{ item.name }} </span>
+      </FatDragItem>
+      <template #placeholder="{ cover }">
+        <picture class="cover">
+          <img :src="cover" />
+        </picture>
+      </template>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import { FatDragItem, FatDropList, moveItemInRefArray, type FatDragItemEventPayload } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  import img1 from './images/1.jpg';
+  import img2 from './images/2.jpg';
+  import img3 from './images/3.jpg';
+  import img4 from './images/4.jpg';
+  import img5 from './images/5.jpg';
+  import img6 from './images/6.jpg';
+
+  const dataSource1 = ref([
+    {
+      name: 'Rain',
+      cover: img1,
+    },
+    {
+      name: '月 ~Main Theme',
+      cover: img2,
+    },
+    {
+      name: 'It through all eternity',
+      cover: img3,
+    },
+    {
+      name: '真紅の翼',
+      cover: img4,
+    },
+    {
+      name: '王都アウルリウム',
+      cover: img5,
+    },
+    {
+      name: '久遠寺有珠',
+      cover: img6,
+    },
+  ]);
+  const move = (obj: FatDragItemEventPayload['dropped']) => {
+    moveItemInRefArray(dataSource1, obj.previousIndex, obj.currentIndex);
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-left: 10vw;
+    margin-top: 12px;
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+  .cover {
+    display: inline-block;
+    width: 130px;
+    height: 130px;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+  :deep(.custom-drop-list) {
+    .fat-drag-placeholder {
+      opacity: 1;
+    }
+  }
+</style>
+

WARNING

默认情况下,我们会在拖拽行为开始之前缓存当前宿主元素的位置信息,并且只允许鼠标在该宿主元素附近时才会执行排序操作。 在这里,因为我们使用了自定义占位图,从而导致宿主元素的高度进行了变化,因此我们需要加大其判断阈值(drop-sort-threshold)从而使得排序操作可以正确进行响应

10. 不同列表直接的数据拖拽

查看代码
vue
<template>
+  <div class="drop-group">
+    <FatDropList ref="dropListRef1" class="list drop-item" :data="dataSource1">
+      <FatDragItem
+        v-for="item of dataSource1"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+    <FatDropList class="list drop-item" :connect-to="connectTo" :data="dataSource2">
+      <FatDragItem
+        v-for="item of dataSource2"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </div>
+</template>
+<script setup lang="ts">
+  import {
+    FatDragItem,
+    FatDropList,
+    moveItemInRefArray,
+    transferArrayItem,
+    type FatDragItemEventPayload,
+  } from '@wakeadmin/components';
+  import { ref, computed } from 'vue';
+
+  const dropListRef1 = ref();
+  const connectTo = computed(() => [dropListRef1.value?.instance].filter(val => !!val));
+
+  const dataSource1 = ref([
+    '町、時の流れ、人',
+    'nostalgia',
+    'Dearly Beloved',
+    '蒼崎青子',
+    '谁が为に',
+    'Sorrow',
+    "Dead's dream",
+  ]);
+  const dataSource2 = ref([
+    'グーラ領/森林',
+    'ザナルカンドにて',
+    'The Final Battle',
+    'Blood Upon the Snow',
+    'Old Soldiers Die Hard',
+    'Lost Again',
+    'I Really Want to Stay At Your House',
+  ]);
+  const dropListGroupDropHandler = (event: FatDragItemEventPayload['dropped']) => {
+    const { container, previousContainer, previousIndex, currentIndex } = event;
+    if (container !== previousContainer) {
+      transferArrayItem(previousContainer!.data, container!.data, previousIndex, currentIndex);
+    } else {
+      moveItemInRefArray(container!.data as any, previousIndex, currentIndex);
+    }
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-top: 12px;
+    & + & {
+      margin-left: 10vw;
+    }
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+
+  .drop-group {
+    display: flex;
+  }
+  .drop-item {
+    margin-bottom: 3vw;
+  }
+</style>
+

TIP

默认情况下,只允许指定的FatDropList的数据进入。上面的例子中,我们只允许右边的内容进入左边,但是左边的无法进入右边

当然, 我们也提供FatDropListGroup组件来允许FatDropList直接的数据交互

查看代码
vue
<template>
+  <FatDropListGroup class="drop-group">
+    <FatDropList class="list drop-item" :data="dataSource1">
+      <FatDragItem
+        v-for="item of dataSource1"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+    <FatDropList class="list drop-item" :data="dataSource2">
+      <FatDragItem
+        v-for="item of dataSource2"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </FatDropListGroup>
+</template>
+<script setup lang="ts">
+  import {
+    FatDragItem,
+    FatDropList,
+    FatDropListGroup,
+    moveItemInRefArray,
+    transferArrayItem,
+    type FatDragItemEventPayload,
+  } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const dataSource1 = ref([
+    '町、時の流れ、人',
+    'nostalgia',
+    'Dearly Beloved',
+    '蒼崎青子',
+    '谁が为に',
+    'Sorrow',
+    "Dead's dream",
+  ]);
+  const dataSource2 = ref([
+    'グーラ領/森林',
+    'ザナルカンドにて',
+    'The Final Battle',
+    'Blood Upon the Snow',
+    'Old Soldiers Die Hard',
+    'Lost Again',
+    'I Really Want to Stay At Your House',
+  ]);
+  const dropListGroupDropHandler = (event: FatDragItemEventPayload['dropped']) => {
+    const { container, previousContainer, previousIndex, currentIndex } = event;
+    if (container !== previousContainer) {
+      transferArrayItem(previousContainer!.data, container!.data, previousIndex, currentIndex);
+    } else {
+      moveItemInRefArray(container!.data as any, previousIndex, currentIndex);
+    }
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-top: 12px;
+    & + & {
+      margin-left: 10vw;
+    }
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+
+  .drop-group {
+    display: flex;
+  }
+  .drop-item {
+    margin-bottom: 3vw;
+  }
+</style>
+

TIP

两者可以一起使用

DANGER

无论是connectTo还是FatDropListGroup,该模式下FatDropListprops.data请务必跟v-for的数据源保持一致




11. 不同列表直接的数据拖拽进入判断

在某些情况下,我们可能需要对进入的数据进行判断,看是否符合要求。 可以传入一个函数来进行处理。 比如下面的例子中,我们只允许町、時の流れ、人在两者之间进行数据传递

查看代码
vue
<template>
+  <FatDropListGroup class="drop-group">
+    <FatDropList class="list drop-item" :data="dataSource1" :enter-predicate="enterPredicate">
+      <FatDragItem
+        v-for="item of dataSource1"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+    <FatDropList class="list drop-item" :data="dataSource2" :enter-predicate="enterPredicate">
+      <FatDragItem
+        v-for="item of dataSource2"
+        :key="item"
+        class="inline-block w-300"
+        :data="item"
+        @dropped="dropListGroupDropHandler"
+      >
+        <span> {{ item }} </span>
+      </FatDragItem>
+    </FatDropList>
+  </FatDropListGroup>
+</template>
+<script setup lang="ts">
+  import {
+    FatDragItem,
+    FatDropList,
+    FatDropListGroup,
+    moveItemInRefArray,
+    transferArrayItem,
+    type FatDragItemEventPayload,
+  } from '@wakeadmin/components';
+  import { DragRef } from '@wakeadmin/components/dist/fat-drag-drop/dragRef';
+  import { ref } from 'vue';
+
+  const dataSource1 = ref([
+    '町、時の流れ、人',
+    'nostalgia',
+    'Dearly Beloved',
+    '蒼崎青子',
+    '谁が为に',
+    'Sorrow',
+    "Dead's dream",
+  ]);
+  const dataSource2 = ref([
+    'グーラ領/森林',
+    'ザナルカンドにて',
+    'The Final Battle',
+    'Blood Upon the Snow',
+    'Old Soldiers Die Hard',
+    'Lost Again',
+    'I Really Want to Stay At Your House',
+  ]);
+
+  const enterPredicate = (drag: DragRef) => {
+    return drag.data === '町、時の流れ、人';
+  };
+
+  const dropListGroupDropHandler = (event: FatDragItemEventPayload['dropped']) => {
+    const { container, previousContainer, previousIndex, currentIndex } = event;
+    if (container !== previousContainer) {
+      transferArrayItem(previousContainer!.data, container!.data, previousIndex, currentIndex);
+    } else {
+      moveItemInRefArray(container!.data as any, previousIndex, currentIndex);
+    }
+  };
+</script>
+<style lang="scss" scoped>
+  .inline-block {
+    display: inline-block;
+    background: #fff;
+    padding: 6px 12px;
+    box-sizing: border-box;
+    cursor: move;
+  }
+  .w-300 {
+    width: 300px;
+  }
+  .list {
+    display: flex;
+    flex-direction: column;
+    width: max-content;
+    margin-top: 12px;
+    & + & {
+      margin-left: 10vw;
+    }
+    &.row {
+      flex-direction: row;
+
+      .inline-block + .inline-block {
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .inline-block {
+      border: 1px solid #ccc;
+    }
+    .inline-block + .inline-block {
+      border-top: none;
+    }
+  }
+
+  .drop-group {
+    display: flex;
+  }
+  .drop-item {
+    margin-bottom: 3vw;
+  }
+</style>
+

12. API

12.1 FatDragItem 属性





12.2 FatDragItem 事件





12.3 FatDragItem 实例方法

  • reset: () => void 重置拖拽状态




12.4 FatDragItem 插槽

  • preview 自定义拖拽预览
  • placeholder 自定义拖拽占位




12.5 FatDropList 属性





12.6 FatDropList 事件





12.7 FatDropList 实例方法

  • instance: DropListRef DropListRef 实例




12.8 FatDropList 插槽

  • preview 自定义拖拽预览
  • placeholder 自定义拖拽占位




12.9 FatDragHandler 属性

  • disabled?: boolean 是否禁止拖拽
  • tag?: string 宿主元素 tag 默认为 span




+ + + + + \ No newline at end of file diff --git a/fat-form-layout/drawer.html b/fat-form-layout/drawer.html new file mode 100644 index 0000000..3c29630 --- /dev/null +++ b/fat-form-layout/drawer.html @@ -0,0 +1,211 @@ + + + + + + FatFormDrawer 表单抽屉 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatFormDrawer 表单抽屉

FatFormDrawerFatFormModal 的 API 基本一致。

FatFormDrawer 是 FatForm 针对 抽屉场景设计的一个组件。适用于弹窗式的表单创建、编辑需求。



示例

查看代码
vue
<template>
+  <div>
+    <CreateOrEditDrawer ref="drawerRef" />
+
+    <div>
+      <ul>
+        <li v-for="item of list" :key="item.id">
+          {{ item.name }}: {{ item.sex === 0 ? '' : '' }}
+          <el-button @click="handleEdit(item)">编辑</el-button>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <el-button @click="handleCreate">新建</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatFormDrawer, useFatFormDrawerRef } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { reactive } from 'vue';
+
+  interface Data {
+    /**
+     * 编辑时存在
+     */
+    id?: number;
+    name: string;
+    sex: number;
+  }
+
+  const drawerRef = useFatFormDrawerRef<Data>();
+  const list = reactive<Data[]>([]);
+
+  const handleCreate = () => {
+    drawerRef.value?.open({
+      title: '新建',
+      initialValue: { name: '', sex: 0 },
+    });
+  };
+
+  const handleEdit = (item: Data) => {
+    drawerRef.value?.open({
+      title: '编辑',
+      initialValue: item,
+    });
+  };
+
+  const CreateOrEditDrawer = defineFatFormDrawer<Data>(({ item }) => {
+    return () => ({
+      async submit(values) {
+        // 在这里调用保存接口
+        if (values.id) {
+          // 编辑
+          const idx = list.findIndex(i => i.id === values.id);
+          list[idx] = values;
+        } else {
+          // 新建
+          list.push({ id: Date.now(), ...values });
+        }
+      },
+      onFinish(values) {
+        // 保存成功,可以在这里进行列表刷新之类的操作
+        ElMessage.success('保存成功');
+      },
+      children: [
+        item({
+          label: '名称',
+          prop: 'name',
+        }),
+        item({
+          prop: 'sex',
+          label: '性别',
+          valueType: 'select',
+          valueProps: {
+            options: [
+              { label: '', value: 0 },
+              { label: '', value: 1 },
+            ],
+          },
+        }),
+      ],
+    });
+  });
+</script>
+




FatFormStepsFatFormTabsFatForm 的'子类' 也支持和 FatFormDrawer 配合使用

查看代码
vue
<template>
+  <div>
+    <FatFormDrawer ref="drawerRef" :form="MySteps" />
+
+    <div>
+      <ul>
+        <li v-for="item of list" :key="item.id">
+          {{ item.name }}: {{ item.sex === 0 ? '' : '' }}
+          <el-button @click="handleEdit(item)">编辑</el-button>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <el-button @click="handleCreate">新建</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { FatFormDrawer, defineFatFormSteps, useFatFormDrawerRef } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { reactive } from 'vue';
+
+  interface Data {
+    /**
+     * 编辑时存在
+     */
+    id?: number;
+    name: string;
+    sex: number;
+  }
+
+  const drawerRef = useFatFormDrawerRef<Data>();
+  const list = reactive<Data[]>([]);
+
+  const handleCreate = () => {
+    drawerRef.value?.open({
+      title: '新建',
+      initialValue: { name: '', sex: 0 },
+    });
+  };
+
+  const handleEdit = (item: Data) => {
+    drawerRef.value?.open({
+      title: '编辑',
+      initialValue: item,
+    });
+  };
+
+  const MySteps = defineFatFormSteps<Data>(({ item, step }) => {
+    return () => {
+      return {
+        async submit(values) {
+          // 在这里调用保存接口
+          if (values.id) {
+            // 编辑
+            const idx = list.findIndex(i => i.id === values.id);
+            list[idx] = values;
+          } else {
+            // 新建
+            list.push({ id: Date.now(), ...values });
+          }
+        },
+        onFinish(values) {
+          // 保存成功,可以在这里进行列表刷新之类的操作
+          ElMessage.success('保存成功');
+        },
+        children: [
+          step({
+            title: '第一步',
+            children: [
+              item({
+                label: '名称',
+                prop: 'name',
+                required: true,
+              }),
+            ],
+          }),
+          step({
+            title: '第二步',
+            children: [
+              item({
+                prop: 'sex',
+                label: '性别',
+                valueType: 'select',
+                valueProps: {
+                  options: [
+                    { label: '', value: 0 },
+                    { label: '', value: 1 },
+                  ],
+                },
+              }),
+            ],
+          }),
+        ],
+      };
+    };
+  });
+</script>
+




API




+ + + + + \ No newline at end of file diff --git a/fat-form-layout/modal.html b/fat-form-layout/modal.html new file mode 100644 index 0000000..616cdc3 --- /dev/null +++ b/fat-form-layout/modal.html @@ -0,0 +1,223 @@ + + + + + + FatFormModal 表单模态框 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatFormModal 表单模态框

FatFormModal 是 FatForm 针对 模态框场景设计的一个组件。适用于弹窗式的表单创建、编辑需求。



示例

查看代码
vue
<template>
+  <div>
+    <CreateOrEditModal ref="modalRef" />
+
+    <div>
+      <ul>
+        <li v-for="item of list" :key="item.id">
+          {{ item.name }}: {{ item.sex === 0 ? '' : '' }}
+          <el-button @click="handleEdit(item)">编辑</el-button>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <el-button @click="handleCreate">新建</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatFormModal, useFatFormModalRef } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { reactive } from 'vue';
+
+  interface Data {
+    /**
+     * 编辑时存在
+     */
+    id?: number;
+    name: string;
+    sex: number;
+  }
+
+  const modalRef = useFatFormModalRef<Data>();
+  const list = reactive<Data[]>([]);
+
+  const handleCreate = () => {
+    modalRef.value?.open({
+      title: '新建',
+      initialValue: { name: '', sex: 0 },
+    });
+  };
+
+  const handleEdit = (item: Data) => {
+    modalRef.value?.open({
+      title: '编辑',
+      initialValue: item,
+    });
+  };
+
+  const CreateOrEditModal = defineFatFormModal<Data>(({ item }) => {
+    return () => ({
+      async submit(values) {
+        // 在这里调用保存接口
+        if (values.id) {
+          // 编辑
+          const idx = list.findIndex(i => i.id === values.id);
+          list[idx] = values;
+        } else {
+          // 新建
+          list.push({ id: Date.now(), ...values });
+        }
+      },
+      onFinish(values) {
+        // 保存成功,可以在这里进行列表刷新之类的操作
+        ElMessage.success('保存成功');
+      },
+      children: [
+        item({
+          label: '名称',
+          prop: 'name',
+        }),
+        item({
+          prop: 'sex',
+          label: '性别',
+          valueType: 'select',
+          valueProps: {
+            options: [
+              { label: '', value: 0 },
+              { label: '', value: 1 },
+            ],
+          },
+        }),
+      ],
+    });
+  });
+</script>
+



FatFormStepsFatFormTabsFatForm 的'子类' 也支持和 FatFormModal 配合使用

查看代码
vue
<template>
+  <div>
+    <CreateOrEditModal ref="modalRef" />
+
+    <div>
+      <ul>
+        <li v-for="item of list" :key="item.id">
+          {{ item.name }}: {{ item.sex === 0 ? '' : '' }}
+          <el-button @click="handleEdit(item)">编辑</el-button>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <el-button @click="handleCreate">新建</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatFormModal, defineFatFormTabs, useFatFormModalRef } from '@wakeadmin/components';
+  import { ElMessage } from 'element-plus';
+  import { reactive } from 'vue';
+
+  interface Data {
+    /**
+     * 编辑时存在
+     */
+    id?: number;
+    name: string;
+    sex: number;
+  }
+
+  const modalRef = useFatFormModalRef<Data>();
+  const list = reactive<Data[]>([]);
+
+  const handleCreate = () => {
+    modalRef.value?.open({
+      title: '新建',
+      initialValue: { name: '', sex: 0 },
+    });
+  };
+
+  const handleEdit = (item: Data) => {
+    modalRef.value?.open({
+      title: '编辑',
+      initialValue: item,
+    });
+  };
+
+  const MyTabsForm = defineFatFormTabs<Data>(({ item, tabPane }) => {
+    return () => ({
+      async submit(values) {
+        // 在这里调用保存接口
+        if (values.id) {
+          // 编辑
+          const idx = list.findIndex(i => i.id === values.id);
+          list[idx] = values;
+        } else {
+          // 新建
+          list.push({ id: Date.now(), ...values });
+        }
+      },
+      onFinish(values) {
+        // 保存成功,可以在这里进行列表刷新之类的操作
+        ElMessage.success('保存成功');
+      },
+      children: [
+        tabPane({
+          name: 'first',
+          label: '第一个',
+          children: [
+            item({
+              label: '名称',
+              prop: 'name',
+              required: true,
+            }),
+          ],
+        }),
+
+        tabPane({
+          name: 'second',
+          label: '第二个',
+          children: [
+            item({
+              prop: 'sex',
+              label: '性别',
+              valueType: 'select',
+              valueProps: {
+                options: [
+                  { label: '', value: 0 },
+                  { label: '', value: 1 },
+                ],
+              },
+            }),
+          ],
+        }),
+      ],
+    });
+  });
+
+  const CreateOrEditModal = defineFatFormModal<Data>(() => {
+    return () => ({ Form: MyTabsForm, class: 'my-modal-form' });
+  });
+</script>
+
+<!-- eslint-disable-next-line wkvue/no-style-scoped -->
+<style>
+  .my-modal-form .el-dialog__body {
+    padding-top: 0px;
+  }
+</style>
+




API




+ + + + + \ No newline at end of file diff --git a/fat-form-layout/page-complex.demo.html b/fat-form-layout/page-complex.demo.html new file mode 100644 index 0000000..f3dc223 --- /dev/null +++ b/fat-form-layout/page-complex.demo.html @@ -0,0 +1,25 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/page.demo.html b/fat-form-layout/page.demo.html new file mode 100644 index 0000000..e67a9b5 --- /dev/null +++ b/fat-form-layout/page.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/page.html b/fat-form-layout/page.html new file mode 100644 index 0000000..940ae56 --- /dev/null +++ b/fat-form-layout/page.html @@ -0,0 +1,170 @@ + + + + + + FatFormPage 表单页面 | @wakeadmin/components + + + + + + + + + + + + + +
Skip to content
On this page

FatFormPage 表单页面

FatFormPage 是 FatForm 针对页面场景设计的一个组件。用于快速创建一个表单创建、编辑、预览页面。



示例

通过 FatFormPage 可以快速创建表单相关的预览、编辑、新建页面。


新建页面



编辑页面



详情页面


查看代码
tsx
import { defineFatFormPage } from '@wakeadmin/components';
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+interface User {
+  id?: string;
+  name?: string;
+  nickName?: string;
+  address?: string;
+}
+
+/**
+ * 用户编辑、详情、创建页面三合一
+ */
+export default defineFatFormPage<User>(({ item }) => {
+  const url = new URL(window.location.href);
+  // 数据 id
+  const id = url.searchParams.get('id');
+  // 模式, detail or edit
+  const type = url.searchParams.get('type') ?? 'edit';
+
+  const mode: 'create' | 'edit' | 'detail' =
+    id != null && type === 'detail' ? 'detail' : id != null ? 'edit' : 'create';
+
+  return () => ({
+    title: mode === 'create' ? '新建用户' : mode === 'detail' ? '用户详情' : '编辑用户',
+    mode: mode === 'detail' ? 'preview' : 'editable',
+    async request() {
+      // 在这里进行数据请求
+      if (id != null) {
+        // 编辑或详情
+        // 模拟详情
+        return {
+          id,
+          name: 'ivan',
+          nickName: '狗蛋',
+          address: '广东汕尾红海湾区遮浪镇',
+        };
+      } else {
+        // 新建
+        return {};
+      }
+    },
+    async submit() {
+      // 在这里执行数据保存
+    },
+    onFinish() {
+      // 保存成功
+      ElMessage.success('保存成功');
+    },
+
+    /**
+     * 支持拦截取消操作
+     */
+    async beforeCancel(done) {
+      await ElMessageBox.confirm('确定关闭当前页面?');
+      done();
+    },
+    children: [
+      item({ label: '名称', prop: 'name', width: 'medium', rules: { required: true } }),
+      item({ label: '昵称', prop: 'nickName', width: 'medium', rules: { required: true } }),
+      item({ label: '地址', prop: 'address', valueType: 'textarea', width: 'huge' }),
+    ],
+  });
+});
+




分组:

查看代码
tsx
import { defineFatFormPage } from '@wakeadmin/components';
+
+export default defineFatFormPage(({ item, section }) => {
+  return () => ({
+    title: '新增 XX',
+    children: [
+      section({
+        title: '个人信息',
+        children: [
+          item({ label: '名称', prop: 'name', width: 'medium', rules: { required: true } }),
+          item({ label: '昵称', prop: 'nickName', width: 'medium', rules: { required: true } }),
+          item({ label: '地址', prop: 'address', valueType: 'textarea', width: 'huge' }),
+        ],
+      }),
+      section({
+        title: '详细信息',
+        children: [item({ label: '详细描述', prop: 'detail', width: 'huge', valueType: 'textarea' })],
+      }),
+    ],
+  });
+});
+

WARNING

如果包含了 FatFormSection, 那么 title、extra 等属性或者插槽将被忽略





自定义布局

FatFormPage 默认使用的是惟客云的页面布局,我们也支持自定义布局。

布局协议如下:



tsx
// 返回 JSX Node
+export type FatFormPageLayout = (renders: {
+  class?: ClassValue;
+  style?: StyleValue;
+
+  /**
+   * 表单实例引用
+   */
+  form?: Ref<FatFormMethods<any> | undefined>;
+
+  /**
+   * 子级中是否包含了 FatFormSection
+   */
+  includeSections?: boolean;
+
+  /**
+   * 渲染标题
+   */
+  renderTitle: () => any;
+
+  /**
+   * 渲染额外内容
+   */
+  renderExtra: () => any;
+
+  /**
+   * 渲染表单主体
+   */
+  renderForm: () => any;
+
+  /**
+   * 渲染提交按钮, 禁用时为空
+   */
+  renderSubmitter?: () => any;
+
+  /**
+   * 布局自定义参数
+   */
+  layoutProps: any;
+}) => any;
+

默认实现如下

tsx
const DefaultLayout: FatFormPageLayout = ctx => {
+  return (
+    <div class={normalizeClassName('fat-form-page', ctx.class)} style={ctx.style}>
+      {ctx.includeSections ? (
+        ctx.renderForm()
+      ) : (
+        <FatContainer
+          {...ctx.layoutProps}
+          v-slots={{
+            title: ctx.renderTitle(),
+            extra: ctx.renderExtra(),
+          }}
+        >
+          {ctx.renderForm()}
+        </FatContainer>
+      )}
+      {!!ctx.renderSubmitter && <FatFloatFooter>{ctx.renderSubmitter()}</FatFloatFooter>}
+    </div>
+  );
+};
+


TIP

也可以通过 FatConfigurableProvider 全局配置




API





+ + + + + \ No newline at end of file diff --git a/fat-form-layout/query.html b/fat-form-layout/query.html new file mode 100644 index 0000000..0839144 --- /dev/null +++ b/fat-form-layout/query.html @@ -0,0 +1,64 @@ + + + + + + FatFormQuery 查询 (beta) | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatFormQuery 查询 (beta)

FatFormQuery 是 FatForm 针对查询表单场景设计的一个组件。 FatTable 内部就使用了 FatFormQuery。




示例

查看代码
vue
<template>
+  <FatFormQuery>
+    <FatFormItem prop="search" value-type="search" label="请输入关键字" />
+    <FatFormItem
+      prop="status"
+      value-type="select"
+      :value-props="{
+        options: [
+          { label: '已开启', value: 1 },
+          { label: '未开启', value: 0 },
+        ],
+      }"
+      label="状态"
+    />
+  </FatFormQuery>
+</template>
+
+<script setup lang="tsx">
+  import { FatFormQuery, FatFormItem } from '@wakeadmin/components';
+</script>
+

默认情况下,fat-form-query 会对提交按钮和标签进行对齐,以起到美观的效果。


你也可以通过显式配置 labelWidth(获取全局配置#fatFormQuery) 关闭掉:

查看代码
vue
<template>
+  <FatFormQuery label-width="unset">
+    <FatFormItem prop="search" value-type="search" label="请输入关键字" />
+    <FatFormItem
+      prop="status"
+      value-type="select"
+      :value-props="{
+        options: [
+          { label: '已开启', value: 1 },
+          { label: '未开启', value: 0 },
+        ],
+      }"
+      label="状态"
+    />
+  </FatFormQuery>
+</template>
+
+<script setup lang="tsx">
+  import { FatFormQuery, FatFormItem } from '@wakeadmin/components';
+</script>
+



API





+ + + + + \ No newline at end of file diff --git a/fat-form-layout/steps-complex-vertical.demo.html b/fat-form-layout/steps-complex-vertical.demo.html new file mode 100644 index 0000000..592b1ca --- /dev/null +++ b/fat-form-layout/steps-complex-vertical.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/steps-complex.demo.html b/fat-form-layout/steps-complex.demo.html new file mode 100644 index 0000000..f36eaa2 --- /dev/null +++ b/fat-form-layout/steps-complex.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/steps-define.demo.html b/fat-form-layout/steps-define.demo.html new file mode 100644 index 0000000..32d7881 --- /dev/null +++ b/fat-form-layout/steps-define.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/steps-loose.demo.html b/fat-form-layout/steps-loose.demo.html new file mode 100644 index 0000000..9882c85 --- /dev/null +++ b/fat-form-layout/steps-loose.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/steps.demo.html b/fat-form-layout/steps.demo.html new file mode 100644 index 0000000..e2fe545 --- /dev/null +++ b/fat-form-layout/steps.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/steps.html b/fat-form-layout/steps.html new file mode 100644 index 0000000..45334d0 --- /dev/null +++ b/fat-form-layout/steps.html @@ -0,0 +1,218 @@ + + + + + + FatFormSteps 分步表单 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatFormSteps 分步表单

FatFormSteps 是 FatForm 针对复杂表单分步的场景设计的一个组件。

示例

使用组件模式创建:

查看代码
vue
<template>
+  <FatFormSteps formWidth="500px">
+    <FatFormStep title="工作信息">
+      <FatFormItem prop="name" label="姓名" required></FatFormItem>
+      <FatFormItem
+        prop="type"
+        label="工作类型"
+        valueType="select"
+        :valueProps="{
+          options: [
+            { value: 0, label: '国企' },
+            { value: 1, label: '私企' },
+          ],
+        }"
+				required
+      ></FatFormItem>
+    </FatFormStep>
+
+    <FatFormStep title="同步表单信息">
+      <FatFormItem prop="dateRange" label="时间区间" valueType="date-range"></FatFormItem>
+			<FatFormItem prop="note" label="备注" valueType="textarea"></FatFormItem>
+    </FatFormStep>
+  </FatFormSteps>
+</template>
+
+<script lang="tsx" setup>
+  import { FatFormSteps, FatFormStep, FatFormItem } from '@wakeadmin/components';
+</script>
+




(推荐)使用 defineFatFormSteps 模式创建:

查看代码
tsx
import { defineFatFormSteps } from '@wakeadmin/components';
+
+export default defineFatFormSteps(({ step, item }) => {
+  return () => ({
+    // 支持设置表单区域的宽度,表单区域会自动居中
+    formWidth: 500,
+    children: [
+      step({
+        title: '工作信息',
+        children: [
+          item({ prop: 'name', label: '姓名', required: true }),
+          item({
+            prop: 'type',
+            label: '工作类型',
+            valueType: 'select',
+            valueProps: {
+              options: [
+                { value: 0, label: '国企' },
+                { value: 1, label: '私企' },
+              ],
+            },
+          }),
+        ],
+      }),
+      step({
+        title: '同步表单信息',
+        children: [
+          item({ prop: 'dateRange', label: '时间区间', valueType: 'date-range' }),
+          item({ prop: 'note', label: '备注', valueType: 'textarea' }),
+        ],
+      }),
+    ],
+  });
+});
+



复杂表单可以使用 FatFormSection 进一步分类:

查看代码
tsx
import { defineFatFormSteps } from '@wakeadmin/components';
+import { ElResult } from 'element-plus';
+
+export default defineFatFormSteps(({ step, item, section }) => {
+  return () => ({
+    children: [
+      step({
+        title: '基础信息',
+        children: [
+          section({
+            title: '工作信息',
+            children: [
+              item({ prop: 'name', label: '姓名', required: true, width: 'small' }),
+              item({
+                prop: 'type',
+                label: '工作类型',
+                valueType: 'select',
+                valueProps: {
+                  options: [
+                    { value: 0, label: '国企' },
+                    { value: 1, label: '私企' },
+                  ],
+                },
+                width: 'small',
+              }),
+            ],
+          }),
+          section({
+            title: '同步表单信息',
+            children: [
+              item({ prop: 'dateRange', label: '时间区间', valueType: 'date-range', width: 'large' }),
+              item({ prop: 'note', label: '备注', valueType: 'textarea', width: 'huge' }),
+            ],
+          }),
+        ],
+      }),
+      step({
+        title: '完成配置',
+        children: [
+          section({
+            children: [<ElResult icon="success" title="💐 恭喜,完成配置"></ElResult>],
+          }),
+        ],
+      }),
+    ],
+  });
+});
+



垂直布局:

查看代码
tsx
import { defineFatFormSteps } from '@wakeadmin/components';
+import { ElResult } from 'element-plus';
+
+export default defineFatFormSteps(({ step, item, section }) => {
+  return () => ({
+    direction: 'vertical',
+    formWidth: 500,
+    children: [
+      step({
+        title: '基础信息',
+        children: [
+          section({
+            title: '工作信息',
+            children: [
+              item({ prop: 'name', label: '姓名', required: true, width: 'small' }),
+              item({
+                prop: 'type',
+                label: '工作类型',
+                valueType: 'select',
+                valueProps: {
+                  options: [
+                    { value: 0, label: '国企' },
+                    { value: 1, label: '私企' },
+                  ],
+                },
+                width: 'small',
+              }),
+            ],
+          }),
+          section({
+            title: '同步表单信息',
+            children: [
+              item({ prop: 'dateRange', label: '时间区间', valueType: 'date-range', width: 'large' }),
+              item({ prop: 'note', label: '备注', valueType: 'textarea', width: 'huge' }),
+            ],
+          }),
+        ],
+      }),
+      step({
+        title: '完成配置',
+        children: [
+          section({
+            children: [<ElResult icon="success" title="💐 恭喜,完成配置"></ElResult>],
+          }),
+        ],
+      }),
+    ],
+  });
+});
+




非严格模式,即步骤之间可以任意切换:

查看代码
tsx
import { defineFatFormSteps } from '@wakeadmin/components';
+
+export default defineFatFormSteps(({ step, item }) => {
+  return () => ({
+    // 支持设置表单区域的宽度,表单区域会自动居中
+    formWidth: 500,
+    // 宽松模式
+    strict: false,
+    children: [
+      step({
+        title: '工作信息',
+        children: [
+          item({ prop: 'name', label: '姓名', required: true }),
+          item({
+            prop: 'type',
+            label: '工作类型',
+            valueType: 'select',
+            valueProps: {
+              options: [
+                { value: 0, label: '国企' },
+                { value: 1, label: '私企' },
+              ],
+            },
+          }),
+        ],
+      }),
+      step({
+        title: '同步表单信息',
+        children: [
+          item({ prop: 'dateRange', label: '时间区间', valueType: 'date-range' }),
+          item({ prop: 'note', label: '备注', valueType: 'textarea' }),
+        ],
+      }),
+    ],
+  });
+});
+




API

FatFormSteps:




FatFormStep:





+ + + + + \ No newline at end of file diff --git a/fat-form-layout/table-custom-create.demo.html b/fat-form-layout/table-custom-create.demo.html new file mode 100644 index 0000000..46b99c8 --- /dev/null +++ b/fat-form-layout/table-custom-create.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/table-sortable-drag.demo.html b/fat-form-layout/table-sortable-drag.demo.html new file mode 100644 index 0000000..12d82ed --- /dev/null +++ b/fat-form-layout/table-sortable-drag.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/table-sortable-simple.demo.html b/fat-form-layout/table-sortable-simple.demo.html new file mode 100644 index 0000000..439e943 --- /dev/null +++ b/fat-form-layout/table-sortable-simple.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/table-sortable.demo.html b/fat-form-layout/table-sortable.demo.html new file mode 100644 index 0000000..c684f9f --- /dev/null +++ b/fat-form-layout/table-sortable.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/table.demo.html b/fat-form-layout/table.demo.html new file mode 100644 index 0000000..8718260 --- /dev/null +++ b/fat-form-layout/table.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/table.html b/fat-form-layout/table.html new file mode 100644 index 0000000..7571f89 --- /dev/null +++ b/fat-form-layout/table.html @@ -0,0 +1,332 @@ + + + + + + FatFormTable 表格表单 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatFormTable 表格表单

FatFormTable 以表格的形式来展现数组表单。



示例

简单示例


查看代码
tsx
import { defineFatForm, FatFormMode } from '@wakeadmin/components';
+import { ElSwitch } from 'element-plus';
+import { ref } from 'vue';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  const previewMode = ref<FatFormMode>('editable');
+
+  const handleModeChange = (preview: any) => {
+    if (preview) {
+      previewMode.value = 'preview';
+    } else {
+      previewMode.value = 'editable';
+    }
+  };
+
+  return () => ({
+    mode: previewMode.value,
+    children: [
+      consumer(() => {
+        return (
+          <div>
+            预览模式:
+            <ElSwitch modelValue={previewMode.value === 'preview'} onUpdate:modelValue={handleModeChange} />
+          </div>
+        );
+      }),
+      item({ label: '标题', prop: 'title', width: 'small' }),
+      table({
+        prop: 'list',
+        label: '详情',
+        width: 700,
+        // list 数组本身的验证规则
+        required: true,
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '姓名',
+            width: 'mini',
+            // 表单项级别的验证规则
+            required: true,
+          }),
+          tableColumn({
+            prop: 'address',
+            label: '地址',
+            valueType: 'textarea',
+            valueProps: {
+              maxlength: 100,
+              showWordLimit: true,
+            },
+            required: true,
+          }),
+          tableColumn({ prop: 'enabled', label: '状态', valueType: 'switch', width: 'mini' }),
+          tableColumn({
+            prop: 'action',
+            label: '当前行数据',
+            // 复杂场景,自定义表单
+            renderColumn({ form, parentProp }) {
+              return <pre>{JSON.stringify(form.getFieldValue(parentProp), undefined, 2)}</pre>;
+            },
+          }),
+        ],
+        // 自定义文案
+        createText: '新增一行',
+        removeText: '删除',
+      }),
+      consumer(form =>
+        group({
+          label: '当前值',
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+

element-ui 先建议显式设置 table 的宽度,避免溢出

表单验证规则建议设置在 tableColumn 上,而不是 table 或者 form 上。因为数组项的 prop 是动态的





自定义表单项创建逻辑:

查看代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  let uid = 0;
+  return () => ({
+    children: [
+      table({
+        prop: 'list',
+        label: '详情',
+        width: 700,
+        rowKey: 'id',
+        // 关闭删除提示
+        removeConfirm: false,
+
+        // 🔴 自定义创建行的数据
+        beforeCreate() {
+          const id = uid++;
+          return {
+            id,
+            name: `ivan-${id}`,
+            address: '广东省汕尾市',
+          };
+        },
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '姓名',
+            width: 'mini',
+            // 表单项级别的验证规则
+            required: true,
+          }),
+          tableColumn({
+            prop: 'address',
+            label: '地址',
+            required: true,
+          }),
+        ],
+      }),
+      consumer(form =>
+        group({
+          label: '当前值',
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+




表格排序

通过 上移下移 操作项进行排序:

查看代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  return () => ({
+    children: [
+      item({ label: '标题', prop: 'title', width: 'small' }),
+      table({
+        prop: 'list',
+        label: '详情',
+        width: 700,
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '姓名',
+            // 表单项级别的验证规则
+            required: true,
+          }),
+        ],
+        // 🔴 开启排序
+        sortable: true,
+
+        // 🔴 自定义排序规则, 可选
+        sortableProps: {
+          rowSortable(params) {
+            // 索引为偶数的可以排序
+            return params.index % 2 === 0;
+          },
+        },
+      }),
+      consumer(form =>
+        group({
+          label: '当前值',
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+




使用拖拽进行排序:

查看代码
tsx
import { FatFormTableSortType, defineFatForm } from '@wakeadmin/components';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  return () => ({
+    children: [
+      item({ label: '标题', prop: 'title', width: 'small' }),
+      table({
+        prop: 'list',
+        label: '详情',
+        width: 700,
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '姓名',
+            // 表单项级别的验证规则
+            required: true,
+          }),
+        ],
+        // 🔴 开启排序
+        sortable: true,
+
+        // 🔴 自定义排序规则, 可选
+        sortableProps: {
+          type: FatFormTableSortType.ByDrag,
+          rowSortable(params) {
+            // 索引为偶数的可以排序
+            return params.index % 2 === 0;
+          },
+        },
+      }),
+      consumer(form =>
+        group({
+          label: '当前值',
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+




复杂的排序规则,自定义拖拽的把柄:

查看代码
tsx
import { FatFormTableSortType, defineFatForm } from '@wakeadmin/components';
+import { ElIcon, ElTableColumn } from 'element-plus';
+import { Rank } from '@element-plus/icons-vue';
+
+import s from './TableSortable.module.scss';
+
+export default defineFatForm(({ item, table, tableColumn, consumer, group }) => {
+  // 第三行之后的可以排序
+  const sortable = (index: number) => {
+    return index >= 3;
+  };
+
+  return () => ({
+    children: [
+      table({
+        prop: 'list',
+        width: 700,
+        createText: '点击这里添加一行, 第四行后才能排序',
+        // 🔴 使用 columns 插槽自定义表格列
+        // 🔴 自定义拖拽具备,配合 sortableProps 的 handle 属性使用
+        renderColumns: ins => {
+          return [
+            <ElTableColumn
+              label="序号"
+              width={80}
+              v-slots={{
+                default: (scope: { $index: number }) => {
+                  return (
+                    <div class={s.dragHandle}>
+                      {scope.$index + 1}
+                      {sortable(scope.$index) && (
+                        <ElIcon>
+                          <Rank></Rank>
+                        </ElIcon>
+                      )}
+                    </div>
+                  );
+                },
+              }}
+            ></ElTableColumn>,
+          ];
+        },
+        columns: [
+          tableColumn({
+            prop: 'name',
+            label: '姓名',
+            // 表单项级别的验证规则
+            required: true,
+          }),
+          tableColumn({ prop: 'enabled', label: '状态', valueType: 'switch', width: 'mini' }),
+        ],
+        // 🔴 开启排序
+        sortable: true,
+        sortableProps: {
+          /**
+           * 🔴 拖拽排序
+           */
+          type: FatFormTableSortType.ByDrag,
+
+          /**
+           * 🔴 拖动手柄,默认是整行可以拖动
+           */
+          handle: `.${s.dragHandle}`,
+
+          /**
+           * 🔴 判断是否支持拖动
+           * @param params
+           * @returns
+           */
+          rowSortable(params) {
+            return sortable(params.index);
+          },
+
+          /**
+           * 🔴 自定义复杂的功能
+           * 比如这里不能拖动到前三行
+           */
+          canDrop(params) {
+            return params.relatedIndex >= 3;
+          },
+        },
+      }),
+      consumer(form =>
+        group({
+          children: (
+            <pre>
+              <code>{JSON.stringify(form.values, null, 2)}</code>
+            </pre>
+          ),
+        })
+      ),
+    ],
+  });
+});
+




API

+ + + + + \ No newline at end of file diff --git a/fat-form-layout/tabs.demo.html b/fat-form-layout/tabs.demo.html new file mode 100644 index 0000000..23615ad --- /dev/null +++ b/fat-form-layout/tabs.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-form-layout/tabs.html b/fat-form-layout/tabs.html new file mode 100644 index 0000000..50a651d --- /dev/null +++ b/fat-form-layout/tabs.html @@ -0,0 +1,95 @@ + + + + + + FatFormTabs 标签页表单 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatFormTabs 标签页表单

FatFormTabs 是 FatForm 针对复杂标签页表单场景设计的一个组件

示例

使用组件模式创建:

查看代码
vue
<template>
+  <FatFormTabs :submit="handleSubmit">
+    <FatFormTabPane label="工作信息" name="work">
+      <FatFormItem prop="name" label="姓名" required></FatFormItem>
+      <FatFormItem
+        prop="type"
+        label="工作类型"
+        value-type="select"
+        :value-props="{
+          options: [
+            { value: 0, label: '国企' },
+            { value: 1, label: '私企' },
+          ],
+        }"
+        required
+      ></FatFormItem>
+    </FatFormTabPane>
+
+    <FatFormTabPane label="同步表单信息" name="sync">
+      <FatFormItem prop="dateRange" label="时间区间" value-type="date-range"></FatFormItem>
+      <FatFormItem prop="note" label="备注" value-type="textarea"></FatFormItem>
+    </FatFormTabPane>
+  </FatFormTabs>
+</template>
+
+<script lang="tsx" setup>
+  import { FatFormTabs, FatFormTabPane, FatFormItem } from '@wakeadmin/components';
+
+  const handleSubmit = async (values: any) => {
+    console.log(values);
+  };
+</script>
+




(推荐)使用 defineFatFormTabs 模式创建:

查看代码
tsx
import { defineFatFormTabs } from '@wakeadmin/components';
+
+export default defineFatFormTabs(({ tabPane, item }) => {
+  return () => {
+    return {
+      submit: async values => {
+        console.log('表单提交');
+      },
+      children: [
+        tabPane({
+          label: '工作信息',
+          name: 'work',
+          children: [
+            item({ prop: 'name', label: '姓名', required: true }),
+            item({
+              prop: 'type',
+              label: '工作类型',
+              valueType: 'select',
+              valueProps: {
+                options: [
+                  { value: 0, label: '国企' },
+                  { value: 1, label: '私企' },
+                ],
+              },
+            }),
+          ],
+        }),
+        tabPane({
+          label: '同步表单信息',
+          name: 'sync',
+          children: [
+            item({ prop: 'dateRange', label: '时间区间', valueType: 'date-range' }),
+            item({ prop: 'note', label: '备注', valueType: 'textarea' }),
+          ],
+        }),
+      ],
+    };
+  };
+});
+



API

FatFormTabs:




FatFormTabPane:





+ + + + + \ No newline at end of file diff --git a/fat-form/consumer.html b/fat-form/consumer.html new file mode 100644 index 0000000..c621703 --- /dev/null +++ b/fat-form/consumer.html @@ -0,0 +1,30 @@ + + + + + + FatFormConsumer 表单内省 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatFormConsumer 表单内省

用于获取 FatForm 的内部状态。可以实现精确渲染.

使用方法见 FatForm 表单




API

ts
export interface FatFormConsumerProps<S extends {} = {}> {
+  /**
+   * 也可以通过 #default slot
+   */
+  renderDefault?: (form: FatFormMethods<S>) => any;
+}
+



+ + + + + \ No newline at end of file diff --git a/fat-form/define.html b/fat-form/define.html new file mode 100644 index 0000000..b23721a --- /dev/null +++ b/fat-form/define.html @@ -0,0 +1,288 @@ + + + + + + defineFatForm 定义器 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

defineFatForm 定义器

defineFatTable 类似, 我们也提供了 defineFatForm 用于快速定义表单。相比直接使用 <template>, defineFatForm 可以提供更好的类型提示和检查。




Hello world

查看代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+import { ElMessageBox } from 'element-plus';
+
+export default defineFatForm<{
+  // 🔴 这里的泛型变量可以定义表单数据结构
+  name: string;
+  nickName: string;
+}>(({ item, form, consumer, group }) => {
+  // 🔴 这里可以放置 Hooks
+
+  // 🔴 form 为 FatForm 实例引用
+  console.log(form);
+
+  // 返回表单定义
+  return () => ({
+    // FatForm props 定义
+    initialValue: {
+      name: 'ivan',
+      nickName: '狗蛋',
+    },
+
+    submit: async values => {
+      await ElMessageBox.confirm('确认保存');
+      console.log('保存成功', values);
+    },
+
+    // 🔴 子节点
+    children: [
+      item({ prop: 'name', label: '账号名' }),
+      item({
+        prop: 'nickName',
+        label: '昵称',
+      }),
+
+      // 🔴 这里甚至可以放 JSX
+      <div>JSX hello</div>,
+
+      // 🔴 不过,如果你想要监听 表单数据,还是建议使用 FatFormConsumer, 否则会导致整个表单的重新渲染
+      // 不信,你可以打开 Vue 开发者工具的 Highlight Updates 试一下
+      consumer(({ values }) => {
+        return group({
+          label: '表单状态',
+          children: (
+            <pre>
+              <code>{JSON.stringify(values, null, 2)}</code>
+            </pre>
+          ),
+        });
+      }),
+    ],
+  });
+});
+

defineFatForm 使用方法类似于 Vue 的 defineComponent, 只不过返回一个 DSL, 这个 DSL 定义了表单的结构和配置信息。





定义结构

defineFatForm 的 DSL 需要满足类似 <template> 的灵活结构的同时,保持一定约束性。为此我们提供了一些 helpers 来辅助你定义这个 DSL,并且能关联类型上下文。



底层方法

  • renderChild 可以将上述辅助转换为 JSX 节点
  • renderChildren 和 renderChild 类似,只不过支持接收一个数组

上述 helper 接收对应组件的 Props,除了 item , groupsection 还支持传入一个 children 字段, 用于定义下级节点:



tsx
defineFatForm(({ item, group, section, consumer }) => {
+  return () => ({
+    // 这里放置 FatForm 的 Props
+    // ...
+
+    // 定义下级节点
+    children: [
+      group({
+        children: [
+          // group 支持下级节点
+        ],
+      }),
+      section({
+        children: [
+          // section 支持下级节点
+          group({
+            // 可以逐级嵌套
+            children: [],
+          }),
+        ],
+      }),
+      consumer(() => {
+        // consumer 回调的返回值等价于 children
+        return [];
+      }),
+    ],
+  });
+});
+



children 支持传入 itemgroupsectionconsumer, 以及 JSX:


tsx
defineFatForm(({ item, group, section, consumer }) => {
+  return () => ({
+    // 定义下级节点
+    children: [
+      group({
+        /*..*/
+      }),
+      item({
+        /*..*/
+      }),
+      section({
+        /*..*/
+      }),
+      consumer(() => {
+        /*..*/
+      }),
+      <div>JSX</div>,
+      someCondition && <div>JSX</div>,
+    ],
+  });
+});
+



为什么推荐使用 consumer 而不是直接写 JSX

如果想要实现表单联动等, 依赖于表单数据的渲染,我们推荐使用 consumer, 因为它能够实现精确渲染。下面对比两个示例(打开 Vue 开发者工具的 Highlight Updates 查看重新渲染的范围):

查看代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+export const UseConsumer = defineFatForm(({ item, consumer }) => {
+  return () => ({
+    children: [
+      item({ label: 'a', prop: 'a' }),
+      item({ label: 'b', prop: 'b' }),
+      item({ label: 'c', prop: 'c' }),
+      consumer(({ values }) => {
+        return <div>{JSON.stringify(values)}</div>;
+      }),
+    ],
+  });
+});
+
+/**
+ * 未使用 consumer, 将导致全量渲染
+ */
+export const NotUseConsumer = defineFatForm(({ item, form }) => {
+  return () => ({
+    children: [
+      item({ label: 'a', prop: 'a' }),
+      item({ label: 'b', prop: 'b' }),
+      item({ label: 'c', prop: 'c' }),
+      <div>{JSON.stringify(form.value?.values)}</div>,
+    ],
+  });
+});
+




示例

来看一个相对复杂的案例,这个案例来源于惟客云(会员中心/积分倍率活动)。这个例子会展示 checkboxs 原件,FatFormGroup 的妙用:

查看代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+enum Type {
+  Or,
+  And,
+  None,
+}
+
+interface Values {
+  type: Type;
+  conditions: string[];
+}
+
+export default defineFatForm<Values>(({ group, renderChild, item }) => {
+  return () => {
+    return {
+      initialValue: {
+        type: Type.Or,
+        conditions: [],
+      },
+      layout: 'vertical',
+      children: [
+        group({
+          label: '触发条件',
+          gutter: 'sm',
+          vertical: true,
+          children: [
+            item({
+              prop: 'type',
+              valueType: 'radio',
+              valueProps: {
+                options: [
+                  {
+                    label: '满足一项选中条件即可',
+                    value: Type.Or,
+                  },
+                  {
+                    label: '满足全部选中条件',
+                    value: Type.And,
+                  },
+                  {
+                    label: '无限制',
+                    value: Type.None,
+                  },
+                ],
+              },
+              // 依赖于 conditions, 即 conditions 变化时会触发它重新验证
+              dependencies: 'conditions',
+              rules: values => ({
+                validator(_rule, value, callback) {
+                  if (value !== Type.None && !values.conditions?.length) {
+                    callback(new Error('请选择至少一条触发时间条件'));
+                  } else {
+                    callback();
+                  }
+                },
+              }),
+            }),
+            // group 可以控制下级的一些状态,比如 disabled
+            group({
+              disabled: f => f.values.type === Type.None,
+              children: [
+                item({
+                  prop: 'conditions',
+                  valueType: 'checkboxs',
+                  valueProps: {
+                    // 垂直布局
+                    vertical: true,
+                    options: [
+                      {
+                        label: active =>
+                          renderChild(
+                            group({
+                              // 当选项未选中时禁用表单, 如果选中,传入 undefined, 让 group 从父级继承 disabled 状态
+                              disabled: !active ? true : undefined,
+                              children: [
+                                '每年',
+                                item({
+                                  prop: 'year.dateRange',
+                                  valueType: 'date-range',
+                                  required: true,
+                                  width: 'small',
+                                }),
+                                '时间段',
+                                item({
+                                  prop: 'year.timeRange',
+                                  valueType: 'time-range',
+                                  required: true,
+                                  width: 'small',
+                                }),
+                              ],
+                            })
+                          ),
+                        value: 'year',
+                      },
+                      {
+                        label: active =>
+                          renderChild(
+                            group({
+                              // 当选项未选中时禁用表单
+                              disabled: !active ? true : undefined,
+                              children: [
+                                '每月',
+                                item({
+                                  prop: 'month.date',
+                                  valueType: 'select',
+                                  valueProps: {
+                                    options: [{ value: 1, label: '1' }],
+                                  },
+                                  width: 'mini',
+                                  required: true,
+                                }),
+                                '时间段',
+                                item({
+                                  prop: 'month.timeRange',
+                                  width: 'small',
+                                  valueType: 'time-range',
+                                  required: true,
+                                }),
+                              ],
+                            })
+                          ),
+                        value: 'month',
+                      },
+                    ],
+                  },
+                }),
+              ],
+            }),
+          ],
+        }),
+      ],
+    };
+  };
+});
+



要点:

  • FatFormGroup 配置的状态可以被下级继承。这些状态包含 mode, size, disabled, hidden, hideMessageOnPreview, clearable, col 等。如果下级显式配置了这些属性,那么将以下级的优先。
  • renderChild 用于将 item, group, consumer, section 等 helper 的输出转换为 JSX。这是一个底层方法,用于一些复杂的场景。
  • FatFormItem 的状态为 hidden,disabled 或者 mode 为 'preview' 时,针对该字段的验证规则也会自动移除。
  • rules 支持传入一个函数,用于依赖上下文的一些验证。 另外一个配合 dependencies 配置依赖的其他字段,当这些字段变化时重新验证。
  • 最佳实践是在 FatFormItem 上配置 rule,而不是在 FatForm 上。这样更加灵活,尤其是在动态表单的场景。
+ + + + + \ No newline at end of file diff --git a/fat-form/group.html b/fat-form/group.html new file mode 100644 index 0000000..080ffcf --- /dev/null +++ b/fat-form/group.html @@ -0,0 +1,24 @@ + + + + + + FatFormGroup 表单组 | @wakeadmin/components + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fat-form/index.html b/fat-form/index.html new file mode 100644 index 0000000..eb4983e --- /dev/null +++ b/fat-form/index.html @@ -0,0 +1,705 @@ + + + + + + 表单 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

表单

FatForm 在 el-form 的基础之上进行了增强,配合原件,我们只需少量的配置就可以完成表单的开发。

以下是 FatForm 相关的套件:







1. 表单布局

FatForm 支持 3 种典型的布局:

查看代码
vue
<template>
+  <div>
+    <div style="margin-bottom: 20px">
+      <el-radio-group v-model="layout">
+        <el-radio-button label="horizontal"></el-radio-button>
+        <el-radio-button label="vertical"></el-radio-button>
+        <el-radio-button label="inline"></el-radio-button>
+      </el-radio-group>
+    </div>
+    <FatForm :layout="layout" :submit="handleSubmit">
+      <FatFormItem label="用户名" prop="name" trim="blur"></FatFormItem>
+      <FatFormItem label="密码" prop="password" value-type="password"></FatFormItem>
+    </FatForm>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const layout = ref<any>('horizontal');
+
+  const handleSubmit = async (value: any) => {
+    console.log(value);
+  };
+</script>
+


1.1 分组

使用 FatFormGroup 可以对灵活地组合表单项, 让布局更加简单。



水平组合:

查看代码
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormGroup>
+      <FatFormItem prop="name" label="名称"></FatFormItem>
+      <FatFormItem prop="password" label="密码" value-type="password"></FatFormItem>
+      <FatFormItem prop="remember" value-type="checkbox" :value-props="{ label: '记住密码' }"></FatFormItem>
+    </FatFormGroup>
+    <FatFormItem label="角色" prop="role" value-type="select"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+


垂直组合:

查看代码
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormGroup label="分组" vertical>
+      <FatFormItem prop="group[0]"></FatFormItem>
+      <FatFormItem prop="group[1]"></FatFormItem>
+      <FatFormItem prop="group[2]"></FatFormItem>
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+


混编:

查看代码
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormGroup>
+      获取积分后, 第
+      <FatFormItem prop="name" value-type="integer" width="mini"></FatFormItem>
+      个 3 月 31 日 23:59:59 失效
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+



1.2 预定义宽度

我们预定义了一些表单项宽度,可以满足大多数表单场景,实现快捷开发的同时,保证 UI 的一致性:




  • mini=104px 适用于短数字、短文本或选项。
  • small=216px 适用于较短字段录入、如姓名、电话、ID 等。
  • medium=328px 标准宽度,适用于大部分字段长度。
  • large=440px 适用于较长字段录入,如长网址、标签组、文件路径等。
  • huge=552px 适用于长文本录入,如长链接、描述、备注等,通常搭配自适应多行输入框或定高文本域使用。

示例:

查看代码
vue
<template>
+  <FatForm>
+    <FatFormItem prop="mini0" label="短文本(mini)" width="mini"> </FatFormItem>
+    <FatFormItem
+      prop="mini1"
+      label="短数字(mini)"
+      width="mini"
+      value-type="integer"
+      :value-props="{ placeholder: '数字' }"
+    >
+    </FatFormItem>
+    <FatFormItem prop="small" label="较短文本(small)" width="small"></FatFormItem>
+    <FatFormItem prop="medium" label="标准文本(medium)" width="medium" message="适合大部分字段长度"></FatFormItem>
+    <FatFormItem
+      prop="large"
+      label="长字段(large)"
+      width="large"
+      value-type="url"
+      message="适用于较长字段录入,如长网址、标签组、文件路径等"
+    ></FatFormItem>
+    <FatFormItem
+      prop="huge"
+      label="长文本输入(huge)"
+      width="huge"
+      value-type="textarea"
+      message="552px 适用于长文本录入,如长链接、描述、备注等,通常搭配自适应多行输入框或定高文本域使用"
+    ></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+



1.3 网格布局

大部分场景我们推荐使用 FatFormGroup + width 来进行布局。 当然传统的网格布局我们依旧支持

查看代码
vue
<template>
+  <FatForm>
+    <FatFormItem label="标题" prop="name" tooltip="最长 24 位"></FatFormItem>
+    <FatFormGroup>
+      <FatFormItem :col="{ md: 12, xl: 8 }" prop="company" label="姓名"></FatFormItem>
+      <FatFormItem :col="{ md: 12, xl: 8 }" prop="phone" label="电话"></FatFormItem>
+      <FatFormItem :col="{ md: 12, xl: 8 }" prop="email" label="邮箱"></FatFormItem>
+    </FatFormGroup>
+    <FatFormItem :col="24" prop="textarea" value-type="textarea" label="文本框"></FatFormItem>
+    <FatFormGroup>
+      <FatFormItem :col="12" prop="date" value-type="date" label="入职时间"></FatFormItem>
+      <FatFormItem :col="12" prop="dateRange" value-type="date-range" label="工作周期"></FatFormItem>
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+

FatFormGroup 在这里的作用就是充当 Row, 如果要进一步控制 row 的行为,可以通过 FatFormGroup#row 属性进行配置。


FatFormGroupFatFormItem 都可以作为网格的单元格,通过 col 来配置单元格。


TIP

FatFormGroup 会自动检测子节点是否开启了网格,默认情况使用 FatSpace 来分组布局。





1.4 固定网格

某些场景,我们可能想要让所有的字段统一使用一个单元格配置,比如查询表单。这种情况可以使用 FatForm 的 col 属性来配置:


查看代码
vue
<template>
+  <FatForm :col="{ xl: 6, lg: 8, sm: 12 }" label-width="100px">
+    <FatFormItem prop="a" label="名称"></FatFormItem>
+    <FatFormItem prop="b" label="姓名"></FatFormItem>
+    <FatFormItem prop="c" label="收货地址"></FatFormItem>
+    <FatFormItem prop="d" label="手机号码"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+



1.5 提示信息

FatForm 内置了提示信息


查看代码
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormItem prop="a" label="默认" message="默认提示信息,位于表单下方"></FatFormItem>
+    <FatFormItem prop="b" label="内联" inline-message message="内联提示信息"></FatFormItem>
+    <FatFormItem prop="c" label="悬浮信息" tooltip="这是悬浮提示信息"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+




1.6 分类

复杂的表单会包含很多字段,适当分类用户体验会更加好:


查看代码
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormSection title="基本信息">
+      <FatFormItem prop="name" label="名称" width="medium" :rules="{ required: true }"></FatFormItem>
+      <FatFormItem prop="age" label="年龄" width="huge"></FatFormItem>
+    </FatFormSection>
+
+    <FatFormSection title="详细信息">
+      <FatFormItem prop="id" label="身份证" width="large"></FatFormItem>
+      <FatFormItem prop="address" label="地址" width="large"></FatFormItem>
+      <FatFormItem prop="note" label="备注" width="huge" value-type="textarea"></FatFormItem>
+    </FatFormSection>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormSection } from '@wakeadmin/components';
+</script>
+




1.7 居中布局

居中布局在一些简单的表单场景也是比较常见的,居中可以让界面看起来更加美观

查看代码
vue
<template>
+  <FatForm :enable-submitter="false" :style="{ maxWidth: '500px', margin: '0 auto' }">
+    <FatFormItem prop="id" label="身份证" width="large"></FatFormItem>
+    <FatFormItem prop="address" label="地址" width="large"></FatFormItem>
+    <FatFormItem prop="note" label="备注" width="huge" value-type="textarea"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+




1.8 自定义提交按钮

FatForm 也支持自定义提交按钮,不过只是简单的文案修改,可以通过 props 进行修改

查看代码
vue
<template>
+  <FatForm :style="{ maxWidth: '500px', margin: '0 auto' }">
+    <FatFormItem prop="id" label="身份证" width="large" required></FatFormItem>
+    <FatFormItem prop="address" label="地址" width="large"></FatFormItem>
+    <FatFormItem prop="note" label="备注" width="huge" value-type="textarea"></FatFormItem>
+    <template #submitter="scope">
+      <FatFormGroup label-width="auto">
+        <el-button type="primary" @click="scope.submit">自定义提交</el-button>
+        <el-button>自定义按钮</el-button>
+      </FatFormGroup>
+    </template>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+</script>
+


复用内置的提交按钮:

查看代码
vue
<template>
+  <FatForm :style="{ maxWidth: '500px', margin: '0 auto' }">
+    <FatFormItem prop="id" label="身份证" width="large" required></FatFormItem>
+    <FatFormItem prop="address" label="地址" width="large"></FatFormItem>
+    <FatFormItem prop="note" label="备注" width="huge" value-type="textarea"></FatFormItem>
+    <template #submitter="scope">
+      <FatFormGroup label-width="auto">
+        <!-- vue template 不是直接渲染 VNode,可以使用 FatVNode 组件间接渲染  -->
+        <FatVNode :vnode="scope.renderButtons()" />
+        <el-button>自定义按钮</el-button>
+      </FatFormGroup>
+    </template>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup, FatVNode } from '@wakeadmin/components';
+</script>
+
查看 defineFatForm 版本代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+
+export default defineFatForm(({ item, group, renderChild }) => {
+  return () => ({
+    style: { maxWidth: '500px', margin: '0 auto' },
+    children: [
+      item({ prop: 'id', label: '身份证', width: 'large', required: true }),
+      item({ prop: 'address', label: '地址', width: 'large' }),
+      item({ prop: 'note', label: '备注', width: 'huge', valueType: 'textarea' }),
+    ],
+    renderSubmitter(form) {
+      return renderChild(
+        group({
+          labelWidth: 'auto',
+          children: [form.renderButtons(), <ElButton>自定义按钮</ElButton>],
+        })
+      );
+    },
+  });
+});
+





2. 表单数据

FatForm 会在内部维护表单的数据,用户有三种方式来设置表单的初始值:

  • 通过 initialValue
  • 通过 request 方法远程请求
  • 通过 FatFormIteminitialValue 配置

如果没配置初始值,FatForm 会自动初始化。


2.1 通过 initialValue 传入初始值



查看代码
vue
<template>
+  <FatForm :initial-value="initialValue">
+    <FatFormItem label="账号名" prop="name"></FatFormItem>
+    <FatFormItem label="昵称" prop="nickName"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+
+  const initialValue = {
+    name: 'ivan',
+    nickName: '狗蛋',
+  };
+</script>
+


默认情况下, 在 FatForm 启动时,initialValue 会进行一次深拷贝,然后作为表单的初始化状态。

如果你想要将表单变更的状态回写到 initialValue,可以开启 syncToInitialValues 选项:

查看代码
vue
<template>
+  <FatForm :initial-value="initialValue" sync-to-initial-values>
+    <FatFormItem label="账号名" prop="name"></FatFormItem>
+    <FatFormItem label="昵称" prop="nickName"></FatFormItem>
+    <FatFormGroup label="数据">
+      <pre><code>{{JSON.stringify(initialValue, null, 2)}}</code></pre>
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormGroup } from '@wakeadmin/components';
+  import { reactive } from 'vue';
+
+  const initialValue = reactive({
+    name: 'ivan',
+    nickName: '狗蛋',
+  });
+</script>
+



FatFormItem 上也可以设置初始化值,这种方式会更加灵活,尤其是在 动态表单 的场景:

查看代码
vue
<template>
+  <FatForm>
+    <FatFormItem label="账号名" prop="name" initial-value="ivan"></FatFormItem>
+    <FatFormItem label="昵称" prop="nickName" initial-value="狗蛋"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+




2.2 通过 request 远程请求数据

很多场景我们是从远程服务器拉取数据来编辑的,这种情况可以使用 request 方法:


查看代码
vue
<template>
+  <FatForm :request="request">
+    <FatFormItem label="账号名" prop="name"></FatFormItem>
+    <FatFormItem label="昵称" prop="nickName"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+
+  const request = async () => {
+    return {
+      name: 'ivan',
+      nickName: '狗蛋',
+    };
+  };
+</script>
+



从远程返回的数据未必符合要求。比如时间区间,后端通常会拆成两个字段,而我们的组件用一个字段。另外一种场景是数据格式的转换。

  • 这两者都可以在 request 中处理。
  • 如果是纯粹的数据转换,也可以通过 FatFormItem 的 convert 属性来处理

使用示例:

查看代码
vue
<template>
+  <FatForm :request="request" layout="inline">
+    <FatFormItem label="时间区间" prop="dateRange" value-type="date-range"></FatFormItem>
+    <FatFormItem label="生日" prop="birthday" value-type="date" :convert="timestampToDate"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+
+  // 模拟请求, 假设后端返回时间戳
+  const fetchData = () =>
+    Promise.resolve({
+      startDate: new Date('2012/12/12 12:12:12').getTime(),
+      endDate: new Date('2012/12/14 12:12:12').getTime(),
+      birthday: Date.now(),
+    });
+
+  const timestampToDate = (timestamp: number | undefined) => timestamp && new Date(timestamp);
+
+  // 复杂转换推荐在 request 中进行
+  const request = async () => {
+    const { startDate, endDate, ...other } = await fetchData();
+
+    return {
+      dateRange: [timestampToDate(startDate), timestampToDate(endDate)],
+      ...other,
+    };
+  };
+</script>
+




2.3 表单项

FatForm 并没有提供直接修改表单数据的手段,比如 el-form 官方使用 v-model 来修改状态:

html
<el-form :inline="true" :model="formInline" class="demo-form-inline">
+  <el-form-item label="审批人">
+    <el-input v-model="formInline.user" placeholder="审批人"></el-input>
+  </el-form-item>
+  <el-form-item label="活动区域">
+    <el-select v-model="formInline.region" placeholder="活动区域">
+      <el-option label="区域一" value="shanghai"></el-option>
+      <el-option label="区域二" value="beijing"></el-option>
+    </el-select>
+  </el-form-item>
+  <el-form-item>
+    <el-button type="primary" @click="onSubmit">查询</el-button>
+  </el-form-item>
+</el-form>
+


而 FatForm 下统一使用 FatFormItem 的 prop 来定义字段的路径:

查看代码
vue
<template>
+  <FatForm>
+    <FatFormItem label="审批人" prop="user" placeholder="审批人" width="small"></FatFormItem>
+    <FatFormItem
+      label="活动区域"
+      prop="region"
+      placeholder="活动区域"
+      width="small"
+      value-type="select"
+      :value-props="{
+        options: [
+          { label: '区域一', value: 'shanghai' },
+          { label: '区域二', value: 'beijing' },
+        ],
+      }"
+    ></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+</script>
+

prop 是一个查询路径, 和 JavaScript 的对象成员语法一致, 格式示例:

shell
a.b.c
+a.b[0]    # 数组
+a.b[0].c  # 数组
+




2.4 表单联动

复杂的表单绕不开表单之间的联动。 在 FatForm 中,我们推荐使用 FatFormConsumer 组件来实现联动:

查看代码
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormItem label="签约客户名称" prop="user" width="medium"></FatFormItem>
+    <FatFormConsumer v-slot="scope">
+      <FatFormItem
+        prop="agree"
+        label-width="auto"
+        value-type="checkbox"
+        :disabled="!scope.values.user"
+        :value-props="{ label: `同意与 《${scope.values.user || '客户名称'}》签订合同` }"
+      ></FatFormItem>
+    </FatFormConsumer>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormConsumer } from '@wakeadmin/components';
+</script>
+

TIP

如上面的代码所示,如果 FatFormItem 没有配置 label,如果想要和其他 FatFormItem 对齐,需要显式配置 labelWidthauto





3. 表单提交

下面介绍 FatForm 表单提交的处理过程

数据提交的过程如上所示。



3.1 表单验证

表单验证的过程基本和 el-form 没多大差别。FatForm 增强了联动验证的支持。比如修改密码的场景:

查看代码
vue
<template>
+  <FatForm>
+    <FatFormItem label="密码" prop="password" value-type="password" :rules="passwordRule"></FatFormItem>
+    <FatFormItem
+      label="确认密码"
+      prop="passwordConfirm"
+      value-type="password"
+      :rules="passwordConfirmRule"
+      dependencies="password"
+    ></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormItemRules } from '@wakeadmin/components';
+
+  interface T {
+    password?: string;
+    passwordConfirm?: string;
+  }
+
+  const rule: (compareKey: keyof T) => FatFormItemRules<T> = compareKey => values =>
+    [
+      { required: true },
+      {
+        validator(_rule: any, value, callback) {
+          if (value && values[compareKey] && value !== values[compareKey]) {
+            callback(new Error('密码不匹配'));
+          } else {
+            callback();
+          }
+        },
+      },
+    ];
+
+  const passwordRule = rule('passwordConfirm');
+  const passwordConfirmRule = rule('password');
+</script>
+

  • FatForm, FatFormItem 的 rules 支持传入函数,可以获取表单值和表单实例。实现联动验证
  • FatFormItemdependencies 属性可以用于设置依赖字段。当依赖的字段变动时,会触发当前字段重新验证



子表单验证

还有一种复杂的表单场景,即父子表单:



即某个字段底层也是一个 FatForm, 我们期望在触发验证或重置时也能带动这些子表单。FatForm 通过开启 hierarchyConnect 选项来支持这种关联。 默认开启。


开启后,父子 FatForm 会建立以下关联关系:

  1. 全局验证: 父 FatForm 在验证时,同时会触发子 FatForm 的验证
  2. 全局清理验证




3.2 表单数据转换

和上文 request 中的数据转换一样。如果输入端转换了,输出端的转换也是必然的过程。

对应的,复杂的数据转换可以在 submit 处理器中处理,简单的数据转换可以在 FatFormItem transform 中处理:

查看代码
vue
<template>
+  <FatForm :submit="submit" layout="inline">
+    <FatFormItem
+      label="时间区间"
+      prop="dateRange"
+      value-type="date-range"
+      :value-props="{ valueFormat: 'x' }"
+      :transform="v => ({ startDate: v?.[0], endDate: v?.[1] })"
+    ></FatFormItem>
+    <FatFormItem label="生日" prop="birthday" value-type="date" :value-props="{ valueFormat: 'x' }"></FatFormItem>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem } from '@wakeadmin/components';
+
+  // 复杂转换推荐在 submit 中进行
+  const submit = async (values: any) => {
+    console.log(values);
+  };
+</script>
+

transform 的转换规则如下:

ts
 /**
+  * @param value 当前值
+  * @param values 当前所有表单的值
+  * @param prop 字段路径
+  */
+transform?: (value: any, values: Store, prop: string) => any
+

  • 如果返回一个对象,key 为新属性的 path, 例如 {'a.b': 0, 'a.c': 2, 'a.d[0]': 3}, 同时原本的字段会被移除
  • 如果返回非对象的值,将作为当前字段的值

假设:
+prop 为  dataRange
+transform 返回的是 {startTime、endTime}
+最后的结果是 dataRange 会从 query 中移除,并且 startTime、endTime 会合并到 query 中
+





3.3 表单提交

接下来就是提交数据到远程了。数据经过验证和转换之后会传递给 submit 属性。如果数据保存成功,会触发 onFinish 事件:

vue
<template>
+  <FatForm :submit="handleSubmit" @finish="handleFinish">
+    <!-- ... -->
+  </FatForm>
+</template>
+
+<script setup>
+  const handleSubmit = async values => {
+    // 后端数据请求
+  };
+
+  // 处理表单提交完成
+  const handleFinish = async values => {
+    // 成功保存
+    message.success('保存成功');
+
+    // or
+    history.back();
+  };
+</script>
+




4. 动态表单

动态增删字段也是很常见的表单需求。

查看代码
vue
<template>
+  <FatForm ref="formRef" :initial-value="initialValue">
+    <FatFormConsumer v-slot="form">
+      <FatFormGroup label="动态列表" vertical>
+        <FatFormGroup v-for="(item, index) of form.values.list" :key="item.key">
+          <FatFormItem :prop="`list[${index}].name`" placeholder="名称"></FatFormItem>
+          <FatFormItem :prop="`list[${index}].note`" placeholder="备注"></FatFormItem>
+          <el-button @click="handleRemove(item.key)">删除</el-button>
+        </FatFormGroup>
+        <el-button @click="handleAdd">新增</el-button>
+      </FatFormGroup>
+    </FatFormConsumer>
+    <FatFormItem label="显示隐藏字段" prop="visible" value-type="checkbox"></FatFormItem>
+    <FatFormConsumer v-slot="form">
+      <FatFormItem
+        v-if="form.values.visible"
+        label="我是隐藏字段"
+        prop="hidden"
+        initial-value="hidden"
+        width="medium"
+        :preserve="false"
+      ></FatFormItem>
+    </FatFormConsumer>
+    <FatFormGroup label="数据">
+      <FatFormConsumer v-slot="form">
+        <pre><code>{{JSON.stringify(form.values, null, 2)}}</code></pre>
+      </FatFormConsumer>
+    </FatFormGroup>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormGroup, FatFormConsumer, FatFormItem, useFatFormRef } from '@wakeadmin/components';
+
+  interface S {
+    list: { name: string; note: string; key: number }[];
+  }
+
+  const formRef = useFatFormRef<S>();
+  let uid = 0;
+
+  const initialValue = {
+    list: [],
+  };
+
+  const handleAdd = () => {
+    formRef.value?.values.list.push({ name: '', note: '', key: uid++ });
+  };
+
+  const handleRemove = (key: number) => {
+    const idx = formRef.value?.values.list.findIndex(i => i.key === key);
+    if (idx != null && idx !== -1) {
+      formRef.value?.values.list.splice(idx, 1);
+    }
+  };
+</script>
+

上面的代码展示了动态表单的简单处理过程。

另外还展示了条件展示字段, 通过 preserve 属性来控制,条件展示字段卸载后是否保留数据。





5. 预览模式

利用原件的 预览形态编辑形态, 我们现在可以做到一套代码就能满足 增改查, 即编辑页面和详情预览。

查看代码
vue
<template>
+  <div>
+    <div>
+      <el-switch v-model="previewMode" active-text="预览模式" inactive-text="编辑模式"></el-switch>
+    </div>
+    <FatForm :mode="previewMode ? 'preview' : 'editable'">
+      <FatFormItem prop="text" label="text" value-type="text" width="small" />
+      <FatFormItem prop="password" label="password" value-type="password" width="small" />
+      <FatFormItem prop="search" label="search" value-type="search" width="medium" />
+      <FatFormItem prop="textarea" label="textarea" value-type="textarea" width="huge" />
+      <FatFormItem prop="url" label="url" value-type="url" width="huge" />
+      <FatFormItem prop="date" label="date" value-type="date" width="medium" />
+      <FatFormItem prop="time" label="time" value-type="time" width="medium" />
+      <FatFormItem prop="dateTime" label="date-time" value-type="date-time" width="medium" />
+      <FatFormItem prop="dateRange" label="date-range" value-type="date-range" width="large" />
+      <FatFormItem prop="dateTimeRange" label="date-time-range" value-type="date-time-range" width="large" />
+      <FatFormItem prop="timeRange" label="time-range" value-type="time-range" width="large" />
+      <FatFormItem prop="switch" label="switch" value-type="switch" width="mini" />
+      <FatFormItem
+        prop="select"
+        label="select"
+        value-type="select"
+        width="small"
+        :value-props="{
+          options: [
+            { label: '选项1', value: '1', color: 'primary' },
+            { label: '选项2', value: '2', color: 'success' },
+          ],
+        }"
+      />
+      <FatFormItem
+        prop="multi-select"
+        label="multi-select"
+        value-type="multi-select"
+        width="small"
+        :value-props="{
+          options: [
+            { label: '选项1', value: '1' },
+            { label: '选项2', value: '2' },
+          ],
+          separator: ' - ',
+        }"
+      />
+      <FatFormGroup label="checkbox1">
+        <FatFormItem prop="checkbox1" value-type="checkbox" />
+        <span>同意 996 吗</span>
+      </FatFormGroup>
+      <FatFormItem prop="checkbox2" label-width="auto" value-type="checkbox" :value-props="{ label: '是否开启' }" />
+      <FatFormItem
+        prop="radio"
+        label="radio"
+        value-type="radio"
+        :value-props="{
+          options: [
+            { label: '', value: 1 },
+            { label: '', value: 0 },
+          ],
+        }"
+      />
+      <FatFormItem
+        prop="checkboxs"
+        label="checkboxs"
+        value-type="checkboxs"
+        :value-props="{
+          options: [
+            { label: '选我', value: 1 },
+            { label: '选我啊', value: 0 },
+          ],
+        }"
+      />
+      <FatFormItem prop="integer" label="integer" value-type="integer"></FatFormItem>
+      <FatFormItem prop="float" label="float" value-type="float"></FatFormItem>
+      <FatFormItem prop="currency" label="currency" value-type="currency"></FatFormItem>
+      <FatFormItem prop="rate" label="rate" value-type="rate"></FatFormItem>
+      <FatFormItem prop="slider" label="slider" value-type="slider" width="large"></FatFormItem>
+      <FatFormItem
+        prop="sliderVertical"
+        label="slider-vertical"
+        value-type="slider"
+        :value-props="{ vertical: true }"
+      ></FatFormItem>
+      <FatFormItem prop="progress" label="progress" value-type="progress" :initial-value="50"></FatFormItem>
+      <FatFormItem
+        prop="images"
+        label="images"
+        value-type="images"
+        :value-props="{ sizeLimit: 1024 * 100, accept: ['.png', '.jpg'] }"
+        :rules="{ required: true }"
+        message="请上传文件,大小不超过 100 KB"
+      ></FatFormItem>
+    </FatForm>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { ref } from 'vue';
+  import { FatForm, FatFormGroup, FatFormItem } from '@wakeadmin/components';
+
+  const previewMode = ref(false);
+</script>
+




6. 自定义表单项

自定义表单项有两种方式:




原件@wakeadmin/components 的核心概念,我们优先推荐使用这种形式,将其构建成真正具备复用能力的组件。 详见自定义原件




使用 FatFormConsumer 也可以使用将外部表单组件集成到 FatForm 的体系下:

查看代码
vue
<template>
+  <FatForm :enable-submitter="false">
+    <FatFormItem label="姓名" prop="name" width="medium"></FatFormItem>
+    <FatFormConsumer v-slot="scope">
+      <el-form-item label="年龄">
+        <el-input-number
+          :model-value="scope.getFieldValue('age')"
+          @update:model-value="scope.setFieldValue('age', $event)"
+        />
+      </el-form-item>
+    </FatFormConsumer>
+    <FatFormConsumer v-slot="scope">
+      <el-form-item label="JSON">
+        {{ JSON.stringify(scope.values, null, 2) }}
+      </el-form-item>
+    </FatFormConsumer>
+  </FatForm>
+</template>
+
+<script lang="tsx" setup>
+  import { FatForm, FatFormItem, FatFormConsumer } from '@wakeadmin/components';
+</script>
+





7. 原件值映射(1.8+)

在 1.8 版本之前,表单项的数据转换只能通过 converttransform props 来实现, 而这两个方法的执行时机分别是在数据请求之后和表单提交之前。无法应付以下场景:

  • 将日期字符串双向转换为 Date
  • 将逗号分割的字符串转换为 数组
  • 将 JSON 字符串还原
  • 将字符串转换为数字
  • 等等

为了应付这些场景,我们在 1.8 版本为 FatFormItem 引入了 valueMap 属性,使用方法如下:

查看代码
tsx
import { defineFatForm } from '@wakeadmin/components';
+
+export default defineFatForm<{ json?: string }>(({ item, consumer }) => {
+  return () => ({
+    children: [
+      item({
+        label: 'JSON',
+        valueType: 'multi-select',
+        prop: 'json',
+        valueProps: {
+          options: [
+            { label: '1', value: 1 },
+            { label: '2', value: 2 },
+          ],
+        },
+        valueMap: {
+          in: value => {
+            if (!value) {
+              return [];
+            }
+            try {
+              return JSON.parse(value as string);
+            } catch (e) {
+              return [];
+            }
+          },
+          out: value => {
+            if (!value) {
+              return '';
+            }
+            return JSON.stringify(value);
+          },
+        },
+      }),
+      consumer(scope => {
+        return <pre>{JSON.stringify(scope.values, null, 2)}</pre>;
+      }),
+    ],
+  });
+});
+

@wakeadmin/components 也内置了一些常见的 valueMap 供直接导入,例如:

  • numberToString: 将原件的 number 类型转换为 string 类型
  • toJSONArrayString: 将原件的数组转换为 JSON 字符串, 默认值为 []
  • toJSONObjectString: 将原件的对象转换为 JSON 字符串, 默认值为 {}
  • toCommaSplitArray: 将原件的数组转换为逗号分割的字符串, 默认值为 []
  • toCommaSplitNumberArray: 将原件的数字数组转换为逗号分割的字符串, 默认值为 []




8. API

8.1 FatForm Props



8.2 FatForm Events




8.3 FatForm Methods




+ + + + + \ No newline at end of file diff --git a/fat-form/item.html b/fat-form/item.html new file mode 100644 index 0000000..828b636 --- /dev/null +++ b/fat-form/item.html @@ -0,0 +1,24 @@ + + + + + + FatFormItem 表单项 | @wakeadmin/components + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fat-form/section.html b/fat-form/section.html new file mode 100644 index 0000000..fff8266 --- /dev/null +++ b/fat-form/section.html @@ -0,0 +1,24 @@ + + + + + + FatFormSection 表单分类 | @wakeadmin/components + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fat-layout/card.html b/fat-layout/card.html new file mode 100644 index 0000000..be6f360 --- /dev/null +++ b/fat-layout/card.html @@ -0,0 +1,170 @@ + + + + + + FatCard 卡片 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatCard 卡片

用于容纳一些页面片段, 比如表单、图表, 页面详情等等。




示例

简单示例:

查看代码
vue
<template>
+  <div class="container">
+    <el-row :gutter="16" class="row">
+      <el-col>
+        <FatCard title="1 模块"><div class="block"></div></FatCard>
+      </el-col>
+    </el-row>
+    <el-row :gutter="16" class="row">
+      <el-col :span="12">
+        <FatCard title="2 模块">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="12">
+        <FatCard title="2 模块">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+    </el-row>
+    <el-row :gutter="16" class="row">
+      <el-col :span="8">
+        <FatCard title="3 模块">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="8">
+        <FatCard title="3 模块">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="8">
+        <FatCard title="3 模块">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { FatCard } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .container {
+  }
+
+  .block {
+    height: 100px;
+    background-color: rgba(255, 145, 0, 0.5);
+  }
+
+  .row {
+    margin-bottom: 16px;
+  }
+</style>
+



标题外置:

查看代码
vue
<template>
+  <div class="container">
+    <el-row :gutter="16" class="row">
+      <el-col>
+        <FatCard escape-header title="1 模块"><div class="block"></div></FatCard>
+      </el-col>
+    </el-row>
+    <el-row :gutter="16" class="row">
+      <el-col :span="12">
+        <FatCard escape-header title="2 模块">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="12">
+        <FatCard escape-header title="2 模块">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+    </el-row>
+    <el-row :gutter="16" class="row" align="bottom">
+      <el-col :span="8">
+        <FatCard escape-header title="3 模块">
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="8">
+        <FatCard>
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+      <el-col :span="8">
+        <FatCard>
+          <div class="block"></div>
+        </FatCard>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { FatCard } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .container {
+  }
+
+  .block {
+    height: 100px;
+    background-color: rgba(255, 145, 0, 0.5);
+  }
+
+  .row {
+  }
+</style>
+



额外内容:

查看代码
vue
<template>
+  <FatCard>
+    <template #title> 标题 </template>
+    <template #extra>
+      <el-button>按钮</el-button>
+      <el-button type="primary">按钮</el-button>
+    </template>
+    <div class="block"></div
+  ></FatCard>
+</template>
+
+<script lang="tsx" setup>
+  import { FatCard } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    height: 200px;
+    background-color: rgba(255, 145, 0, 0.5);
+  }
+</style>
+



无标题模式:

查看代码
vue
<template>
+  <FatCard> <div class="block"></div></FatCard>
+</template>
+
+<script lang="tsx" setup>
+  import { FatCard } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    height: 200px;
+    background-color: rgba(255, 145, 0, 0.5);
+  }
+</style>
+




API




+ + + + + \ No newline at end of file diff --git a/fat-layout/container.html b/fat-layout/container.html new file mode 100644 index 0000000..0509e3d --- /dev/null +++ b/fat-layout/container.html @@ -0,0 +1,128 @@ + + + + + + FatContainer 容器 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatContainer 容器

典型惟客云页面容器。




示例

简单内容:

查看代码
vue
<template>
+  <FatContainer title="页面标题">
+    <template #extra>
+      <el-button type="primary">新建</el-button>
+    </template>
+    <div class="block">这里可以放置页面主体内容</div>
+  </FatContainer>
+</template>
+
+<script lang="tsx" setup>
+  import { FatContainer } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    width: 100%;
+    background-color: rgba(255, 145, 0, 0.5);
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
+




带筛选:

查看代码
vue
<template>
+  <FatContainer title="页面标题">
+    <template #extra>
+      <el-button type="primary">新建</el-button>
+    </template>
+    <template #query>
+      <div class="block" style="height: 200px">这里可以放置查询表单</div>
+    </template>
+    <div class="block">这里可以放置页面主体内容</div>
+  </FatContainer>
+</template>
+
+<script lang="tsx" setup>
+  import { FatContainer } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    width: 100%;
+    background-color: rgba(255, 145, 0, 0.5);
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
+



Tab 形式:

查看代码
vue
<template>
+  <FatContainer
+    title="页面标题"
+    :tabs="[
+      { key: 'one', title: 'Hello' },
+      { key: 'two', title: 'World' },
+    ]"
+  >
+    <template #query>
+      <div class="block" style="height: 200px">这里可以放置查询表单</div>
+    </template>
+    <div class="block">这里可以放置页面主体内容</div>
+  </FatContainer>
+</template>
+
+<script lang="tsx" setup>
+  import { FatContainer } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    width: 100%;
+    background-color: rgba(255, 145, 0, 0.5);
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
+




传统模式(旧的惟客云规范)

查看代码
vue
<template>
+  <FatContainer title="页面标题" legacy-mode>
+    <template #extra>
+      <el-button type="primary">新建</el-button>
+    </template>
+    <template #query>
+      <div class="block" style="height: 200px">这里可以放置查询表单</div>
+    </template>
+    <div class="block">这里可以放置页面主体内容</div>
+  </FatContainer>
+</template>
+
+<script lang="tsx" setup>
+  import { FatContainer } from '@wakeadmin/components';
+</script>
+
+<style lang="scss" scoped>
+  .block {
+    width: 100%;
+    background-color: rgba(255, 145, 0, 0.5);
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
+




API





+ + + + + \ No newline at end of file diff --git a/fat-layout/float-footer.demo.html b/fat-layout/float-footer.demo.html new file mode 100644 index 0000000..8bb5246 --- /dev/null +++ b/fat-layout/float-footer.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-layout/float-footer.html b/fat-layout/float-footer.html new file mode 100644 index 0000000..17310a2 --- /dev/null +++ b/fat-layout/float-footer.html @@ -0,0 +1,34 @@ + + + + + + FatFloatFooter 浮动尾部 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page
+ + + + + \ No newline at end of file diff --git a/fat-table-layout/drawer.html b/fat-table-layout/drawer.html new file mode 100644 index 0000000..4c5f6ec --- /dev/null +++ b/fat-table-layout/drawer.html @@ -0,0 +1,79 @@ + + + + + + FatTableDrawer 表格抽屉 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatTableDrawer 表格抽屉

FatTableDrawer 是 FatTable 针对'抽屉'场景设计的一个组件。适用于弹窗式的表格显示。



示例

查看代码
vue
<template>
+  <div>
+    <MyTableDrawer ref="tableModalRef"></MyTableDrawer>
+    <el-button @click="open">打开</el-button>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatTableDrawer, useFatTableDrawerRef } from '@wakeadmin/components';
+
+  const tableModalRef = useFatTableDrawerRef();
+
+  const MyTableDrawer = defineFatTableDrawer<{ id: string; name: string; date: Date }, { name?: string }>(() => {
+    return () => ({
+      size: 800,
+      async request(params) {
+        console.log('request', params);
+
+        const {
+          pagination: { pageSize, page },
+        } = params;
+
+        return {
+          total: 100,
+          list: new Array(pageSize).fill(0).map((_, index) => {
+            return {
+              id: `${page}_${index}`,
+              name: `name_${page}_${index}`,
+              date: new Date(Date.now() + index * 2000),
+            };
+          }),
+        };
+      },
+      enableQuery: true,
+      columns: [
+        {
+          prop: 'name',
+          queryable: true,
+          valueProps: {
+            placeholder: '名称',
+          },
+        },
+        {
+          prop: 'date',
+        },
+      ],
+    });
+  });
+
+  const open = () => {
+    tableModalRef.value!.open({
+      title: '浮槎来',
+    });
+  };
+</script>
+




API




+ + + + + \ No newline at end of file diff --git a/fat-table-layout/modal.html b/fat-table-layout/modal.html new file mode 100644 index 0000000..627b26b --- /dev/null +++ b/fat-table-layout/modal.html @@ -0,0 +1,87 @@ + + + + + + FatTableModal 表格模态框 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatTableModal 表格模态框

FatTableModal 是 FatTable 针对 模态框场景设计的一个组件。适用于弹窗式的表格显示。



示例

查看代码
vue
<template>
+  <div>
+    <MyTableModal ref="tableModalRef"></MyTableModal>
+    <el-button @click="open">打开</el-button>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+  import { defineFatTableModal, useFatTableModalRef } from '@wakeadmin/components';
+
+  const tableModalRef = useFatTableModalRef();
+
+  const MyTableModal = defineFatTableModal<{ id: string; name: string; date: Date }, { name?: string }>(() => {
+    return () => ({
+      style: 'color: red',
+      async request(params) {
+        console.log('request', params);
+
+        const {
+          pagination: { pageSize, page },
+        } = params;
+
+        return {
+          total: 100,
+          list: new Array(pageSize).fill(0).map((_, index) => {
+            return {
+              id: `${page}_${index}`,
+              name: `name_${page}_${index}`,
+              date: new Date(Date.now() + index * 2000),
+            };
+          }),
+        };
+      },
+      enableQuery: true,
+      columns: [
+        {
+          prop: 'name',
+          label: '名称',
+          queryable: true,
+          valueProps: {
+            placeholder: '名称',
+          },
+        },
+        {
+          label: '日期',
+          prop: 'date',
+        },
+      ],
+      renderBeforeForm() {
+        return 'before form';
+      },
+      onCellDblclick() {
+        console.log('cell dbclick');
+      },
+    });
+  });
+
+  const open = () => {
+    tableModalRef.value!.open({
+      title: '浮槎来',
+    });
+  };
+</script>
+




API




+ + + + + \ No newline at end of file diff --git a/fat-table-layout/quick-table-select.demo.html b/fat-table-layout/quick-table-select.demo.html new file mode 100644 index 0000000..7f2256a --- /dev/null +++ b/fat-table-layout/quick-table-select.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table-layout/table-select-actions.demo.html b/fat-table-layout/table-select-actions.demo.html new file mode 100644 index 0000000..6ee22b8 --- /dev/null +++ b/fat-table-layout/table-select-actions.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table-layout/table-select-all-actions.demo.html b/fat-table-layout/table-select-all-actions.demo.html new file mode 100644 index 0000000..44fcdb8 --- /dev/null +++ b/fat-table-layout/table-select-all-actions.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table-layout/table-select-modal.html b/fat-table-layout/table-select-modal.html new file mode 100644 index 0000000..9cc984f --- /dev/null +++ b/fat-table-layout/table-select-modal.html @@ -0,0 +1,202 @@ + + + + + + FatTableSelectModal | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatTableSelectModal

示例

单选

查看代码
vue
<template>
+  <div>
+    <Selector ref="selectorRef" />
+    <ElButton @click="handleSelect">选择</ElButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ElButton } from 'element-plus';
+  import { defineFatTableSelectModal, useFatTableSelectModalRef } from '@wakeadmin/components';
+
+  interface Item {
+    id: string;
+    name: string;
+  }
+
+  const selectorRef = useFatTableSelectModalRef();
+
+  const handleSelect = async () => {
+    selectorRef.value?.open({
+      onChange(v) {
+        alert('选中: ' + v.values[0].name);
+      },
+    });
+  };
+
+  const Selector = defineFatTableSelectModal<Item, { name: string }, { id: string }, {}>(({ column }) => {
+    return () => {
+      return {
+        rowKey: 'id',
+        title: '选择器',
+        renderFooter() {
+          return null;
+        },
+        onOpen() {
+          console.log('onOpen');
+        },
+        onClose() {
+          console.log('onClose');
+        },
+        async request() {
+          return {
+            total: 2,
+            list: [
+              { id: '1', name: '1' },
+              { id: '2', name: '2' },
+            ],
+          };
+        },
+        columns: [
+          column({
+            prop: 'name',
+            label: '名称',
+          }),
+        ],
+      };
+    };
+  });
+</script>
+



多选

查看代码
vue
<template>
+  <div>
+    <Selector ref="selectorRef" />
+    <ElButton @click="handleSelect">选择</ElButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ElButton } from 'element-plus';
+  import { defineFatTableSelectModal, useFatTableSelectModalRef } from '@wakeadmin/components';
+
+  interface Item {
+    id: string;
+    name: string;
+  }
+
+  const selectorRef = useFatTableSelectModalRef();
+
+  const handleSelect = async () => {
+    selectorRef.value?.open({});
+  };
+
+  const Selector = defineFatTableSelectModal<Item, { name: string }, { id: string }, {}>(({ column }) => {
+    return () => {
+      return {
+        rowKey: 'id',
+        title: '选择器',
+        multiple: true,
+        limit: 5,
+        async request() {
+          return {
+            total: 10,
+            list: new Array(10).fill(0).map((i, idx) => {
+              return {
+                id: idx + '',
+                name: idx + '',
+              };
+            }),
+          };
+        },
+        columns: [
+          column({
+            prop: 'name',
+            label: '名称',
+          }),
+        ],
+      };
+    };
+  });
+</script>
+




自定义选择栏

查看代码
vue
<template>
+  <div>
+    <Selector ref="selectorRef" />
+    <ElButton @click="handleSelect">选择</ElButton>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { ElButton, ElSwitch } from 'element-plus';
+  import { defineFatTableSelectModal, useFatTableSelectModalRef } from '@wakeadmin/components';
+
+  interface Item {
+    id: string;
+    name: string;
+  }
+
+  const selectorRef = useFatTableSelectModalRef();
+
+  const handleSelect = async () => {
+    selectorRef.value?.open({});
+  };
+
+  const Selector = defineFatTableSelectModal<Item, { name: string }, { id: string }, {}>(({ column, modalRef }) => {
+    return () => {
+      return {
+        rowKey: 'id',
+        title: '选择器',
+        async request() {
+          return {
+            total: 2,
+            list: [
+              { id: '1', name: '1' },
+              { id: '2', name: '2' },
+              { id: '3', name: '3' },
+            ],
+          };
+        },
+        selectable(row) {
+          return row.id !== '1';
+        },
+        // 🔴 关闭默认操作列
+        showActions: false,
+        // 🔴 关闭选中后关闭弹窗
+        confirmOnSelected: false,
+        columns: [
+          // 🔴 自定义选择列
+          column({
+            label: '选择',
+            render(value, row, index) {
+              return (
+                <ElSwitch
+                  modelValue={modalRef.value?.isSelected(row)}
+                  onUpdate:modelValue={v => {
+                    modalRef.value?.select(row);
+                  }}
+                  disabled={!modalRef.value?.selectable(row)}
+                ></ElSwitch>
+              );
+            },
+          }),
+          column({
+            prop: 'name',
+            label: '名称',
+          }),
+        ],
+      };
+    };
+  });
+</script>
+
+ + + + + \ No newline at end of file diff --git a/fat-table-layout/table-select-model.demo.html b/fat-table-layout/table-select-model.demo.html new file mode 100644 index 0000000..0adbb36 --- /dev/null +++ b/fat-table-layout/table-select-model.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table-layout/table-select.html b/fat-table-layout/table-select.html new file mode 100644 index 0000000..6c4512f --- /dev/null +++ b/fat-table-layout/table-select.html @@ -0,0 +1,405 @@ + + + + + + FatTableSelect | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatTableSelect

FatTableSelect 是一个基于 FatTable 扩展的一个Select Table; 在使用上也基本类似,FatTable上能使用的基本上都可以在FatTableSelect上使用





1. 快速创建一个页面



查看代码
tsx
import { defineFatTableSelect } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+
+enum ItemStatus {
+  Initial,
+  Pending,
+  Done,
+}
+
+/**
+ * 列表项定义
+ */
+interface Item {
+  id: number;
+  name: string;
+  status: ItemStatus;
+  createdDate: number;
+}
+
+/**
+ * 表单查询
+ */
+interface Query {
+  name: string;
+  status: ItemStatus;
+}
+
+export default defineFatTableSelect<Item, Query, { name: string; id: number }>(({ column }) => {
+  return () => ({
+    title: '明月如霜',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // 模拟请求
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: `${r}-${pagination.page}-${query?.name ?? ''}`,
+          status: r % 3 === 0 ? ItemStatus.Pending : r % 2 === 0 ? ItemStatus.Initial : ItemStatus.Done,
+          createdDate: Date.now(),
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    renderBottomToolbar(_, selectedList) {
+      const item = selectedList[0];
+      if (item) {
+        return () => (
+          <div>
+            当前选中:
+            <div>
+              名称 -{'>'} {item.name}
+            </div>
+            <div>
+              id -{'>'} {item.id}
+            </div>
+          </div>
+        );
+      }
+    },
+    renderNavBar() {
+      return (
+        <span>
+          <ElButton type="primary">创建</ElButton>
+        </span>
+      );
+    },
+    columns: [
+      column({
+        prop: 'name',
+        label: '名称',
+        queryable: true,
+        valueType: 'search',
+      }),
+      column({
+        prop: 'status',
+        label: '状态',
+        queryable: true,
+        valueType: 'select',
+        valueProps: {
+          options: [
+            { label: '未开始', value: ItemStatus.Initial, color: 'blue' },
+            { label: '正在进行', value: ItemStatus.Pending, color: 'green' },
+            { label: '已结束', value: ItemStatus.Done, color: 'gray' },
+          ],
+        },
+      }),
+      column({
+        prop: 'createdDate',
+        label: '创建时间',
+        valueType: 'date-time',
+        minWidth: 110,
+      }),
+    ],
+  });
+});
+

可以发现,在点击了选择之后,无论是点击搜索还是重置,我们的选择值都不会发生变化,这非常符合表格选择的逻辑,即选中的值跟当前表格所展示的数据并没有什么太多的关联


2. defineFatTableSelect(推荐)

我们推荐使用 defineFatTableSelect + TSX 来快速定义一个表格组件,使用 defineFatTableSelect 可以获取到更好的智能提示和类型检查。



defineFatTableSelect 大致用法如下:

tsx
interface Item {
+  // 列表项类型声明
+}
+
+interface Query {
+  // 表单查询类型声明
+}
+interface Selection {
+  // 已选择项类型声明
+}
+
+export const MySelectTable = defineFatTableSelect<Item, Item, Selection>(({ table, column }) => {
+  // 和 vue 的 setup 方法一样, 这里可以放置 Vue Composition API
+  const someRef = ref(0);
+  const someMethod = () => {};
+
+  // 返回 FatTableSelect props
+  return () => ({
+    // 列表请求
+    async request(params) {
+      // ...
+    },
+    // 列定义
+    columns: [
+      // ...
+    ],
+    // 是否多选
+    multiple: true,
+    // 已选择的值
+    value: [
+      { name: '沙溪急', id: 229 },
+      { name: '霜溪冷', id: 170 },
+      { name: '月溪明', id: 155 },
+    ],
+    // ... 其他 FatTableSelect props
+  });
+});
+

defineFatTableSelect 类似于 defineFatTable

当然也可以用 template 来写, 会丢失上下文信息(vue 组件不支持泛型)。 其用法与fatTable基本一致,除此之外,因为FatTableSelect是表单项,因此也支持v-model语法。




3. 操作

默认情况下,FatTableSelect会有一些预定义场景:

  1. 如果multipletrue的话,那么会自动开启enableSelect,并且会插入一个默认的BottomToolbar
  2. 如果multiplefalse的话, 如果用户没有传入action列的话,那么会自动插入一条默认的action列;当然,我们也可以传入自定义的action来处理我们的操作逻辑。

WARNING

FatTableSelect会忽略用户传入的enableSelect

enableSelectmultiple是强绑定的。


查看代码
tsx
import { defineFatTableSelect } from '@wakeadmin/components';
+
+export default defineFatTableSelect<any, any, { name: string }>(() => {
+  return () => ({
+    title: '表格操作',
+    async request() {
+      return {
+        list: new Array(10).fill('S').map((_, i) => ({
+          name: `MentalHealth${i + 1}`,
+          id: i,
+        })),
+        total: 10,
+      };
+    },
+    renderBottomToolbar(_, selectedList) {
+      const item = selectedList[0];
+      if (item) {
+        return () => (
+          <div>
+            当前选中:
+            <div>
+              名称 -{'>'} {item.name}
+            </div>
+          </div>
+        );
+      }
+    },
+    enablePagination: false,
+
+    rowKey: 'id',
+
+    columns: [
+      { label: '名称', prop: 'name' },
+      {
+        type: 'actions',
+        label: '操作',
+        // 支持传入一个函数,常用于一些需要动态计算的场景
+        actions: () => {
+          return [
+            {
+              name: 'Are you Ready?',
+              title: '提示信息',
+            },
+            {
+              name: '我好了',
+              type: 'danger',
+              onClick(table, row) {
+                table.select(row);
+              },
+            },
+            {
+              name: '等一下,我还没好',
+              type: 'warning',
+              onClick(table, row) {
+                table.unselect(row);
+              },
+            },
+          ];
+        },
+      },
+    ],
+  });
+});
+



除此之外,我们也挺支持全选、反选。不仅如此,还可以传入一个selectable来处理该项是否允许选择。在多选情况下,我们也支持传入limit来限制用户的选择个数。

查看代码
tsx
import { defineFatTableSelect } from '@wakeadmin/components';
+import { defineComponent, ref } from 'vue';
+import { ElButton } from 'element-plus';
+
+export default defineComponent({
+  name: 'TableSelectDisabledActions',
+  setup() {
+    const multiple = ref(false);
+    const Table = defineFatTableSelect<any, any, { name: string; id: number }>(({ column }) => {
+      const list = [
+        { name: '女曰鸡鸣', id: 51024 },
+        { name: '士曰昧旦', id: 15629 },
+        { name: '子兴视夜', id: 588 },
+        { name: '明星有烂', id: 5836 },
+        { name: '将翱将翔', id: 9170 },
+        { name: '弋凫与雁', id: 51658 },
+        { name: '弋言加之', id: 4416 },
+        { name: '与子宜之', id: 69 },
+        { name: '宜言饮酒', id: 51918 },
+        { name: '与子偕老', id: 52751 },
+        { name: '琴瑟在御', id: 11157 },
+        { name: '莫不静好', id: 56022 },
+      ];
+      return () => ({
+        title: '好风如水',
+        rowKey: 'id',
+        limit: 6,
+        batchActions: table => [
+          {
+            name: '全选',
+            onClick: () => table.selectAll(),
+          },
+          {
+            name: '反选',
+            onClick: () => table.toggleAll(),
+          },
+          {
+            name: '取消全选',
+            onClick: () => table.unselectAll(),
+          },
+          {
+            name: '清空',
+            onClick: () => table.clear(),
+          },
+        ],
+        async request(params) {
+          const {
+            pagination: { page, pageSize },
+          } = params;
+
+          return {
+            list: list.slice((page - 1) * pageSize, pageSize * page),
+            total: list.length,
+          };
+        },
+
+        selectable(item) {
+          return item.id % 10 !== 9;
+        },
+        onChange(payload) {
+          console.log(payload.values);
+        },
+        columns: [
+          column({
+            prop: 'name',
+            label: '名称',
+          }),
+          column({
+            prop: 'id',
+            label: 'id',
+          }),
+        ],
+      });
+    });
+
+    return () => {
+      return (
+        <div>
+          <ElButton
+            onClick={() => {
+              multiple.value = !multiple.value;
+            }}
+          >
+            切换选择状态
+          </ElButton>
+
+          {multiple.value ? <Table key="s"></Table> : <Table key="m" multiple></Table>}
+        </div>
+      );
+    };
+  },
+});
+

WARNING

暴露出来的selectAllunSelectAlltoggleAll都是针对于当前页面的数据,并且如果页面里的某条数据不允许操作,那么也不会对其进行处理。

但是selectunSelect这两个方法则没有过多的额外操作,传入什么就处理什么,不会关注于该条数据是否在当前页面里、是否禁用等





4. V-Model

FatTableSelect的返回值跟传入的value值相关。对于传入的value值,我们约定其数据格式类型为SelectionSelection的定义如下

  • 基础数据类型, 即 string 或者为number。 该模式下,FatTableSelect会直接返回对应的rowKey的值

  • Object,且该Object必须为Item的子集。 该模式下, FatTableSelect会按照传入的数据格式返回对应的值

  • undefined,该模式下,会直接返回整个item对象

查看代码
vue
<template>
+  <div>
+    <Table0 v-model="value0"></Table0>
+    <Table1 v-model="value1"></Table1>
+    <Table2 v-model="value2"></Table2>
+    <Table3 v-model="value3"></Table3>
+  </div>
+</template>
+<script setup lang="ts">
+  import { defineFatTableSelect } from '@wakeadmin/components';
+  import { ref, effect } from 'vue';
+
+  interface Item {
+    name: string;
+    id: number;
+  }
+  type Selection = Partial<Item> | number | string;
+
+  function createTableSelect<T extends Selection>(title: string) {
+    return defineFatTableSelect<Item, any, T>({
+      title,
+      rowKey: 'id',
+      limit: 6,
+      multiple: true,
+      columns: [
+        {
+          prop: 'name',
+          label: '名称',
+        },
+        {
+          prop: 'id',
+          label: 'id',
+        },
+      ],
+      async request() {
+        return {
+          list: [
+            { name: '女曰鸡鸣', id: 51024 },
+            { name: '士曰昧旦', id: 15629 },
+            { name: '子兴视夜', id: 588 },
+            { name: '明星有烂', id: 5836 },
+            { name: '将翱将翔', id: 9170 },
+            { name: '弋凫与雁', id: 51658 },
+            { name: '弋言加之', id: 4416 },
+            { name: '与子宜之', id: 69 },
+            { name: '宜言饮酒', id: 51918 },
+            { name: '与子偕老', id: 52751 },
+          ],
+          total: 10,
+        };
+      },
+    });
+  }
+
+  const Table0 = createTableSelect('传入的是undefined');
+  const Table1 = createTableSelect<string>('传入的是基本数据类型');
+  const Table2 = createTableSelect<{ id: number }>('传入一个单独的id对象');
+  const Table3 = createTableSelect<{ id: number; name: string }>('传入其他的对象');
+
+  const value0 = ref([]);
+  const value1 = ref([51024]);
+  const value2 = ref([{ id: 51024 }]);
+  const value3 = ref([{ id: 51024, name: '女曰鸡鸣' }]);
+
+  effect(() => {
+    console.log('Table0 ->', value0.value);
+  });
+  effect(() => {
+    console.log('Table1 ->', value1.value);
+  });
+  effect(() => {
+    console.log('Table2 ->', value2.value);
+  });
+  effect(() => {
+    console.log('Table3 ->', value3.value);
+  });
+</script>
+

可以打开控制台查看其具体的输出




5. 自定义布局

FatTableSelect 默认布局使用的是 FatContainer, 你也可以按照自己的需求实现自定义的布局。

6. 与FatTable的区别

  1. 本质上 FatTableSelect 属于表单项, 与 Select 类似

  2. 以下props将由FatTableSelect控制,不允许用户自定义

    • enableSelect
    • selectable
    • onSelect
    • onLoad
  3. 不支持以下几个FatTableprops

  • enableCacheQuery
  • onQueryCacheRestore
  • confirmBeforeRemove
  • messageOnRemoved
  • messageOnRemoveFailed
  • remove
  • requestOnRemoved
  • confirmBeforeRemove
  • onSelect-all
  1. 默认情况下 会对FatTableColumns做一些处理

    • 如果multipletrue的话,那么会自动开启enableSelect,并且会插入一个默认的BottomToolbar

    • 如果multiplefalse的话, 如果用户没有传入action列的话,那么会自动插入一条默认的action列;当然,我们也可以传入自定义的action来处理我们的操作逻辑。

  2. 提供了一系列操作API

  3. 对外暴露的对象中里没有以下属性

  • selected

7. API

7.1 FatTableSelect 属性





7.2 FatTableSelect 事件




7.3 FatTableSelect 实例方法




FatTableSelect 实例方式获取有两种方式:

  1. defineFatTableSelect 函数参数 table 属性中获取:

    ts
    defineFatTableSelect(({ tableSelect }) => {});
    +

  1. <template> 中,使用 useFatTableSelectRef:

    vue
    <template>
    +  <FatTableSelect ref="tableRef">...</FatTableSelect>
    +</template>
    +
    +<script setup lang="tsx">
    +  import { FatTableSelect, useFatTableSelectRef } from '@wakeadmin/components';
    +
    +  const tableRef = useFatTableSelectRef();
    +</script>
    +



7.4 FatTableSelect 插槽

FatTable一致




7.5 列定义

FatTable一致




+ + + + + \ No newline at end of file diff --git a/fat-table/actions.demo.html b/fat-table/actions.demo.html new file mode 100644 index 0000000..5f81788 --- /dev/null +++ b/fat-table/actions.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/atomics.demo.html b/fat-table/atomics.demo.html new file mode 100644 index 0000000..ce1c2b3 --- /dev/null +++ b/fat-table/atomics.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/batch-actions.demo.html b/fat-table/batch-actions.demo.html new file mode 100644 index 0000000..76c2e6b --- /dev/null +++ b/fat-table/batch-actions.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/cell-line-control.demo.html b/fat-table/cell-line-control.demo.html new file mode 100644 index 0000000..50848d9 --- /dev/null +++ b/fat-table/cell-line-control.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/custom-cell.demo.html b/fat-table/custom-cell.demo.html new file mode 100644 index 0000000..2f30ed1 --- /dev/null +++ b/fat-table/custom-cell.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/custom-table.demo.html b/fat-table/custom-table.demo.html new file mode 100644 index 0000000..ee54306 --- /dev/null +++ b/fat-table/custom-table.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/define.html b/fat-table/define.html new file mode 100644 index 0000000..cad3449 --- /dev/null +++ b/fat-table/define.html @@ -0,0 +1,59 @@ + + + + + + defineFatTable 定义器 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

defineFatTable 定义器


TIP

defineFatTable 基本使用已经在 FatTable 中详细描述。



我们推荐使用 defineFatTable + TSX 来快速定义一个表格组件,使用 defineFatTable 可以获取到更好的智能提示和类型检查。




defineFatTable 大致用法如下:

tsx
interface T {
+  // 列表项类型声明
+}
+
+interface Q {
+  // 表单查询类型声明
+}
+
+export const MyTable = defineFatTable<T, Q>(({ table, column }) => {
+  // 和 vue 的 setup 方法一样, 这里可以放置 Vue Composition API
+  const someRef = ref(0);
+  const someMethod = () => {};
+
+  // 返回 FatTable props
+  return () => ({
+    // 列表请求
+    async request(params) {
+      // ...
+    },
+    // 列定义
+    columns: [
+      // ...
+    ],
+    // ... 其他 FatTable props
+  });
+});
+

defineFatTable 类似于 Vue 的 defineComponent, 支持放置 Vue Hooks,只不过要求返回的是 FatTable 的 props 定义。





参数

defineFatTable<Item, Query, Extra>(define: (context, options) => () => FatTableProps): VueComponent
+

泛型变量:

  • Item 表格记录的类型
  • Query 查询表单的类型
  • Extra 自定义 props 定义,外部可以通过 extra 传入自定义参数



context 包含以下成员

  • table: Ref<FatTableMethods> FatTable 实例引用
  • column column 构造方法
  • props 外部传入的 props。这是 FatTableProps 类型的。我们也可以通过 props.extra 访问扩展的自定义参数(见下文)
  • emit 事件触发




返回

defineFatTable 最终返回一个 Vue 组件,可以像 FatTable 一样使用它:

tsx
const NyTable = defineFatTable(/*...*/);
+
+<MyTable
+  // 可以传入任何 FatTable 的 props、事件、插槽。就跟使用 FatTable 本身一样
+  title="可以覆盖 defineFatTable 的 props, 即优先级高于 defineFatTable 内部定义的 prop"
+  // 扩展参数,defineFatTable 内部可以通过 props.extra 访问到
+  extra={{ id: 'custom ' }}
+/>;
+
+ + + + + \ No newline at end of file diff --git a/fat-table/faq.html b/fat-table/faq.html new file mode 100644 index 0000000..220395a --- /dev/null +++ b/fat-table/faq.html @@ -0,0 +1,361 @@ + + + + + + 常见问题 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

常见问题

1. 如何将多个字段传入原件?

比如我需要在一个表格列中展示头像加上姓名.

解决办法有两种:

  • FatTable 完全支持自定义单元格的渲染
  • 通过 getter 方法组装传递给原件的属性



我们详细来看下:

1. 自定义单元格渲染

查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElAvatar, ElSpace } from 'element-plus';
+
+/**
+ * 列表项定义
+ */
+interface Item {
+  id: number;
+  name: string;
+  avatar: string;
+}
+
+/**
+ * 表单查询
+ */
+interface Query {
+  name: string;
+}
+
+export default defineFatTable<Item, Query>(({ column }) => {
+  return () => ({
+    title: '自定义单元格',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // 模拟请求
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: `${r}-${pagination.page}-${query?.name ?? ''}`,
+          avatar: 'https://avatars.githubusercontent.com/u/15975785?v=4&size=64',
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    columns: [
+      // 🔴 纯查询表单
+      // 假设我们这里支持名称搜索
+      column({
+        type: 'query', // 🔴 设置为 query 表示不会作为单元格
+        queryable: 'name',
+        valueType: 'search',
+      }),
+
+      // 🔴 自定义单元格渲染
+      column({
+        label: '用户',
+        render(_v, row) {
+          return (
+            <ElSpace>
+              <ElAvatar src={row.avatar}></ElAvatar>
+              <span>{row.name}</span>
+            </ElSpace>
+          );
+        },
+      }),
+    ],
+  });
+});
+



2. 使用 getter 组装数据传入原件

TIP

原件是严格遵循 value/onChange 协议, 也就是说,它就是一个原子的表单,类似 Input。你无法给他传递多个字段。

为此,FatTable 也提供了 getter/setter props 来满足这种使用场景。


查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElAvatar, ElSpace } from 'element-plus';
+
+/**
+ * 列表项定义
+ */
+interface Item {
+  id: number;
+  name: string;
+  avatar: string;
+}
+
+/**
+ * 表单查询
+ */
+interface Query {}
+
+export default defineFatTable<Item, Query>(({ column }) => {
+  return () => ({
+    title: '组装原件数据',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // 模拟请求
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: `${r}-${pagination.page}`,
+          avatar: 'https://avatars.githubusercontent.com/u/15975785?v=4&size=64',
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    columns: [
+      column({
+        label: '用户',
+        valueType: 'avatar',
+        // 🔴 按照 avatar 的 value 类型传值
+        getter(row) {
+          return {
+            avatar: row.avatar,
+            title: row.name,
+            description: '13732332333',
+          };
+        },
+      }),
+    ],
+  });
+});
+




2. 如何在表格实现开关切换的需求?

查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElAvatar, ElMessageBox, ElSpace } from 'element-plus';
+
+/**
+ * 列表项定义
+ */
+interface Item {
+  id: number;
+  name: string;
+  open: boolean;
+}
+
+/**
+ * 表单查询
+ */
+interface Query {
+  name: string;
+  open: boolean;
+}
+
+export default defineFatTable<Item, Query>(({ column }) => {
+  return () => ({
+    title: 'Switch 开关示例',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // 模拟请求
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: `${r}-${pagination.page}-${query?.name ?? ''}`,
+          open: false,
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    columns: [
+      column({
+        label: '名称',
+        prop: 'name',
+        queryable: true,
+        valueType: 'search',
+      }),
+
+      // 开关状态搜索
+      column({
+        label: '状态',
+        type: 'query',
+        prop: 'open',
+        valueType: 'select',
+        valueProps: {
+          options: [
+            { label: '', value: true },
+            { label: '', value: false },
+          ],
+        },
+      }),
+
+      // 开关列
+      column({
+        label: '状态',
+        prop: 'open',
+        valueType: 'switch',
+        // 🔴 强制设置为编辑模式
+        columnMode: 'editable',
+        valueProps: {
+          beforeChange: async value => {
+            await ElMessageBox.confirm('确定切换?');
+
+            // 🔴 在这里请求后端接口
+
+            return true;
+          },
+        },
+      }),
+    ],
+  });
+});
+





3. 如何控制表格的单元格换行

查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElAvatar, ElMessageBox, ElSpace } from 'element-plus';
+
+/**
+ * 列表项定义
+ */
+interface Item {
+  one: string;
+  two: string;
+  three: string;
+  four: number;
+}
+
+export default defineFatTable<Item>(({ column }) => {
+  return () => ({
+    title: '表格换行控制',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // 模拟请求
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          one: '1' + '数据'.repeat(r % 100),
+          two: '2' + '数据'.repeat(r % 100),
+          three: '3' + '数据'.repeat(r % 100),
+          four: 1,
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    columns: [
+      column({
+        label: '单行省略',
+        prop: 'one',
+        // 🔴 单行省略, 使用 el-table-column 自带的 showOverflowTooltip
+        showOverflowTooltip: true,
+      }),
+      column({
+        label: '多行省略',
+        prop: 'two',
+        valueProps: {
+          // 🔴 多行省略, 使用默认文本类型、select 类型原件都支持
+          ellipsis: 3,
+        },
+      }),
+      column({
+        label: '单行省略',
+        prop: 'three',
+        showOverflowTooltip: true,
+      }),
+      column({
+        label: '下拉选择器',
+        prop: 'four',
+        valueType: 'select',
+        valueProps: {
+          ellipsis: 2,
+          options: [
+            {
+              label: '很长很长很长很长很长很长很长很长很长很长很长很长很长很长',
+              value: 1,
+            },
+          ],
+        },
+      }),
+      column({
+        label: '输入框',
+        prop: '_',
+        width: 200,
+        showOverflowTooltip: true,
+        columnMode: 'editable',
+      }),
+    ],
+  });
+});
+





4. 如何自定义表格渲染

查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+
+interface T {
+  id: number;
+  name: string;
+  age: number;
+  address: string;
+}
+
+export default defineFatTable<T>(({ column, p }) => {
+  return () => {
+    return {
+      async request() {
+        return {
+          total: 100,
+          list: new Array(100).fill(0).map((_, index) => ({
+            id: index,
+            name: 'name' + index,
+            age: index,
+            address: 'address' + index,
+          })),
+        };
+      },
+      columns: [
+        column({
+          prop: p('name'),
+          label: '名称',
+          queryable: true,
+        }),
+        column({
+          prop: p('address'),
+          label: '地址',
+          queryable: true,
+        }),
+      ],
+      // 自定义表格渲染
+      renderTable(scope) {
+        return (
+          <div>
+            {scope.list.map(item => {
+              return (
+                <div key={item.id}>
+                  {item.name} - {item.address}
+                </div>
+              );
+            })}
+          </div>
+        );
+      },
+    };
+  };
+});
+
+ + + + + \ No newline at end of file diff --git a/fat-table/index.html b/fat-table/index.html new file mode 100644 index 0000000..d4d34d6 --- /dev/null +++ b/fat-table/index.html @@ -0,0 +1,627 @@ + + + + + + Fat Table | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

Fat Table

FatTable 用于快速创建一个表格页面。





1. 快速创建一个表格页面



查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+
+enum ItemStatus {
+  Initial,
+  Pending,
+  Done,
+}
+
+/**
+ * 列表项定义
+ */
+interface Item {
+  id: number;
+  name: string;
+  status: ItemStatus;
+  createdDate: number;
+}
+
+/**
+ * 表单查询
+ */
+interface Query {
+  name: string;
+  status: ItemStatus;
+}
+
+export default defineFatTable<Item, Query>(({ column }) => {
+  return () => ({
+    title: 'Hello',
+    rowKey: 'id',
+    async request(params) {
+      const { pagination, query } = params;
+
+      // 模拟请求
+      const mockData: Item[] = new Array(pagination.pageSize).fill(0).map((_, idx) => {
+        const r = Math.floor(Math.random() * 1000);
+        return {
+          id: idx,
+          name: `${r}-${pagination.page}-${query?.name ?? ''}`,
+          status: r % 3 === 0 ? ItemStatus.Pending : r % 2 === 0 ? ItemStatus.Initial : ItemStatus.Done,
+          createdDate: Date.now(),
+        };
+      });
+
+      return {
+        list: mockData,
+        total: 100,
+      };
+    },
+    renderNavBar() {
+      return (
+        <span>
+          <ElButton type="primary">创建</ElButton>
+        </span>
+      );
+    },
+    columns: [
+      column({
+        prop: 'name',
+        label: '名称',
+        queryable: true,
+        valueType: 'search',
+      }),
+      column({
+        prop: 'status',
+        label: '状态',
+        queryable: true,
+        valueType: 'select',
+        valueProps: {
+          options: [
+            { label: '未开始', value: ItemStatus.Initial, color: 'blue' },
+            { label: '正在进行', value: ItemStatus.Pending, color: 'green' },
+            { label: '已结束', value: ItemStatus.Done, color: 'gray' },
+          ],
+        },
+      }),
+      column({
+        prop: 'createdDate',
+        label: '创建时间',
+        valueType: 'date-time',
+      }),
+      column({
+        type: 'actions',
+        label: '操作',
+        actions: (table, row) => {
+          const ended = row.status === ItemStatus.Done;
+          const pending = row.status === ItemStatus.Pending;
+
+          return [
+            {
+              name: pending ? '结束' : '开始',
+              visible: !ended,
+            },
+            {
+              name: '删除',
+              type: 'danger',
+              onClick: () => table.remove(row),
+            },
+          ];
+        },
+      }),
+    ],
+  });
+});
+



2. defineFatTable(推荐)

我们推荐使用 defineFatTable + TSX 来快速定义一个表格组件,使用 defineFatTable 可以获取到更好的智能提示和类型检查。



defineFatTable 大致用法如下:

tsx
interface T {
+  // 列表项类型声明
+}
+
+interface Q {
+  // 表单查询类型声明
+}
+
+export const MyTable = defineFatTable<T, Q>(({ table, column }) => {
+  // 和 vue 的 setup 方法一样, 这里可以放置 Vue Composition API
+  const someRef = ref(0);
+  const someMethod = () => {};
+
+  // 返回 FatTable props
+  return () => ({
+    // 列表请求
+    async request(params) {
+      // ...
+    },
+    // 列定义
+    columns: [
+      // ...
+    ],
+    // ... 其他 FatTable props
+  });
+});
+

defineFatTable 类似于 Vue 的 defineComponent, 支持放置 Vue Hooks,只不过要求返回的是 FatTable 的 props 定义。


同样的功能使用 template 来写, 会丢失上下文信息(vue 组件不支持泛型):

vue
<template>
+  <FatTable :request="request" :columns="columns" ref="tableRef"> </FatTable>
+</template>
+
+<script setup>
+  import { ref } from 'vue';
+  import { FatTable, useFatTableRef } from '@wakeadmin/components';
+  const someRef = ref(0);
+  const someMethod = () => {};
+
+  const tableRef = useFatTableRef();
+
+  const request = async () => {
+    // ...
+  };
+
+  const columns = [
+    /* ... */
+  ];
+</script>
+


显然 defineFatTable 可以让你更关注 FatTable 本身的配置。




3. 原件

原件是 FatTable 的’原子‘组成单位,表格的单元格、查询表单都使用原件进行声明。

我们的组件库针对常用的场景内置了很多原件,如果这些原件不能满足你的需求,我们也支持传入自定义原件



单元格中默认使用的是原件的预览形态, 而查询表单中使用的是编辑形态。 以下是部分原件的使用示例:

查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+
+export default defineFatTable(({ column }) => {
+  return () => ({
+    title: '原件示例',
+    async request() {
+      return {
+        total: 1,
+        list: [
+          {
+            text: '文本, 默认原件',
+            status: 0,
+            date: Date.now(),
+            progress: 50,
+            currency: 1024,
+            image:
+              'https://images.unsplash.com/photo-1663774026607-6836c94f93e6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=927&q=80',
+          },
+        ],
+      };
+    },
+    enablePagination: false,
+    columns: [
+      column({
+        prop: 'text',
+        label: '文本',
+        // 同时作为查询表单,
+        queryable: true,
+        valueProps: { placeholder: '搜索关键字' },
+      }),
+      column({
+        prop: 'status',
+        label: '下拉列表',
+        queryable: true,
+        valueType: 'select',
+        valueProps: {
+          colorMode: 'dot',
+          options: [
+            { label: '选项1', value: 0, color: 'red' },
+            { label: '选项2', value: 1, color: 'blue' },
+          ],
+        },
+      }),
+      column({
+        prop: 'date',
+        label: '时间',
+        queryable: true,
+        valueType: 'date',
+      }),
+      column({
+        prop: 'progress',
+        label: '进度',
+        valueType: 'progress',
+      }),
+      column({ prop: 'currency', label: '货币', valueType: 'currency' }),
+      column({ prop: 'image', label: '图片', valueType: 'image' }),
+    ],
+  });
+});
+



4. 表单查询

大部分场景下,查询表单字段表格列是匹配的,换句话说,表单筛选是针对表格的列进行的:


基于这个前提,我们可以利用原件的预览态编辑态 来快速开发表单页面。比如上图,columns 代码如下:

tsx
[
+  column({ prop: 'name', name: '旅程名称', queryable: true }), // 🔴 queryable 表示该列同时作为查询字段
+  column({ prop: 'enterUserNumber', name: '进入人数' }),
+  column({ prop: 'enterNumber', name: '进入次数' }),
+  column({
+    prop: 'type',
+    name: '旅程类型',
+    valueType: 'select',
+    valueProps: { options: [{ label: '实时触发', value: 0 } /*...*/] },
+    order: 100, // 🔴  可以使用 order 调整查询表单的顺序,默认为 1000, 值越小,越靠前
+  }),
+  column({
+    prop: 'status',
+    name: '旅程状态',
+    valueType: 'select',
+    valueProps: { options: [{ label: '草稿', value: 0, color: 'red' } /*...*/] },
+  }),
+  column({
+    prop: 'updateTime',
+    name: '更新时间',
+  }),
+  column({
+    prop: 'createTime',
+    name: '创建时间',
+    valueType: 'date-time-range',
+    valueProps: {
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    },
+  }),
+  column({
+    type: 'actions',
+    actions: [
+      /*...*/
+    ],
+  }),
+  column({
+    type: 'query', // 🔴  只作为查询表单,不作为表格列
+    valueType: 'checkbox',
+    valueProps: {
+      label: '预警旅程',
+    },
+  }),
+];
+


TIP

FatTable 的表单底层使用 FatForm 渲染,你可以通过 formProps 深入定义它的行为,比如修改提交按钮文案等等.





5. 操作按钮

FatTable 中通过 actions 来定义表格的操作:


查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { reactive } from 'vue';
+
+import ActionsForm from './ActionsForm';
+
+export default defineFatTable(() => {
+  const initialValue = reactive({
+    disableDelete: false,
+    editable: true,
+  });
+
+  return () => ({
+    title: '表格操作',
+    async request() {
+      return { list: [{ id: 0 }], total: 1 };
+    },
+    renderAfterForm() {
+      return <ActionsForm initialValue={initialValue} />;
+    },
+    enablePagination: false,
+    rowKey: 'id',
+    async remove(list) {
+      // 在这里进行表格删除数据请求
+    },
+    columns: [
+      {
+        type: 'actions',
+        label: '操作',
+        // 支持传入一个函数,常用于一些需要动态计算的场景
+        actions: () => {
+          return [
+            {
+              name: '标题',
+              title: '提示信息',
+            },
+            {
+              name: '危险',
+              type: 'danger',
+            },
+            {
+              name: '警告',
+              type: 'warning',
+              confirm: '可以设置确认信息',
+              onClick: () => {
+                console.log('点击了警告操作');
+              },
+            },
+            {
+              name: '删除',
+              type: 'danger',
+              // 禁用
+              disabled: initialValue.disableDelete,
+              // FatTable 内置了删除功能
+              onClick: (table, row) => {
+                table.remove(row);
+              },
+            },
+            {
+              name: '编辑',
+              // 支持 vue router
+              visible: initialValue.editable,
+              link: { name: 'someRoute', query: { id: 'someId' } },
+            },
+          ];
+        },
+      },
+      {
+        type: 'actions',
+        label: '按钮操作',
+        actionsType: 'button',
+        actions: () => {
+          return [{ name: '快乐' }, { name: '星球' }];
+        },
+      },
+      {
+        type: 'actions',
+        label: '无操作',
+        actions: [],
+      },
+    ],
+  });
+});
+



6. 批量操作按钮 / 表格设置

和操作按钮类似, FatTable 也支持快速创建批量操作按钮:


查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { reactive } from 'vue';
+
+import ActionsForm from './ActionsForm';
+
+export default defineFatTable(() => {
+  const initialValue = reactive({
+    disableDelete: false,
+    editable: true,
+  });
+
+  return () => ({
+    title: '表格操作',
+    async request() {
+      return {
+        list: new Array(10).fill(0).map((_, idx) => {
+          return { id: idx };
+        }),
+        total: 10,
+      };
+    },
+    rowKey: 'id',
+    async remove(list) {
+      // 在这里进行表格删除数据请求
+    },
+    enableSelect: true,
+    batchActions: table => [
+      {
+        name: '删除',
+        onClick: table.removeSelected,
+      },
+      {
+        name: '导出',
+        confirm: '确认导出',
+        onClick: () => console.log('导出操作'),
+      },
+    ],
+    columns: [
+      {
+        label: '快乐',
+        prop: 'id',
+      },
+    ],
+  });
+});
+



表格设置

查看代码
tsx
import { defineFatTable } from '@wakeadmin/components';
+import { reactive } from 'vue';
+
+export default defineFatTable(({ column }) => {
+  const initialValue = reactive({
+    disableDelete: false,
+    editable: true,
+  });
+
+  return () => ({
+    title: '表格设置',
+    async request() {
+      return {
+        list: new Array(10).fill(0).map((_, idx) => {
+          return { id: idx, name: `name-${idx}` };
+        }),
+        total: 10,
+      };
+    },
+    rowKey: 'id',
+    async remove(list) {
+      // 在这里进行表格删除数据请求
+    },
+    enableSelect: true,
+    enableSetting: true,
+    settingProps: {
+      persistentKey: 'hello-world',
+    },
+    renderToolbar() {
+      return <div style={{ marginRight: '10px' }}>custom toolbar</div>;
+    },
+    batchActions: table => [
+      {
+        name: '删除',
+        onClick: table.removeSelected,
+      },
+      {
+        name: '导出',
+        confirm: '确认导出',
+        onClick: () => console.log('导出操作'),
+      },
+    ],
+    columns: [
+      column({
+        queryable: true,
+        label: 'ID',
+        prop: 'id',
+      }),
+      column({
+        label: '名称',
+        prop: 'name',
+      }),
+      column({
+        label: '创建时间',
+        prop: 'createdAt',
+      }),
+      column({
+        type: 'query',
+        prop: 'start',
+        // 关联到 createdAt 字段的设置
+        columnKey: 'createdAt',
+        label: '开始时间',
+        valueType: 'date',
+      }),
+      column({
+        type: 'query',
+        prop: 'end',
+        // 关联到 createdAt 字段的设置
+        columnKey: 'createdAt',
+        label: '结束时间',
+        valueType: 'date',
+      }),
+      // 不受控制
+      column({
+        type: 'query',
+        prop: 'fake',
+        label: '额外请求条件',
+      }),
+      column({
+        type: 'actions',
+        label: '操作',
+        actions: [
+          {
+            name: '编辑',
+          },
+        ],
+      }),
+    ],
+  });
+});
+




7. 插槽


FatTable 提供了丰富的插槽,用于满足复杂的自定义需求:


上图,红色矩形部分为 FatTable 提供的插槽。 插槽渲染有两种使用方式:

  1. 在 Vue template 里面使用, 例如
vue
<template>
+  <FatTable>
+    <template #toolbar>
+      <el-button>删除</el-button>
+    </template>
+  </FatTable>
+</template>
+

  1. 使用 render* 方法。使用 defineFatTable 时,用这种方式比较合适
tsx
defineFatTable({
+  renderToolbar() {
+    return <ElButton>删除</ElButton>;
+  },
+});
+


示例:

查看代码
tsx
import { ElButton } from 'element-plus';
+import { defineFatTable } from '@wakeadmin/components';
+
+export default defineFatTable(() => {
+  return () => ({
+    title: '表格插槽',
+    async request() {
+      return {
+        list: new Array(10).fill(0).map((_, idx) => {
+          return { id: idx };
+        }),
+        total: 10,
+      };
+    },
+    renderToolbar() {
+      return (
+        <div>
+          <ElButton>批量操作</ElButton>
+          <ElButton>批量操作</ElButton>
+        </div>
+      );
+    },
+    renderBottomToolbar() {
+      return (
+        <div>
+          <ElButton>批量操作</ElButton>
+          <ElButton>批量操作</ElButton>
+        </div>
+      );
+    },
+    columns: [
+      {
+        label: '快乐',
+        prop: 'id',
+      },
+    ],
+  });
+});
+



8. 自定义布局

FatTable 默认使用惟客云 UI 规范的布局。你也可以 layout 属性自定义布局,布局协议如下:

ts
export type FatTableLayout = (slots: {
+  /**
+   * 根节点属性
+   */
+  rootProps: { class?: ClassValue; style?: StyleValue; [key: string]: unknown };
+
+  /**
+   * 自定义布局参数
+   */
+  layoutProps: any;
+
+  /**
+   * 渲染标题栏
+   */
+  renderTitle?: () => any;
+
+  /**
+   * 渲染导航栏
+   */
+  renderNavBar?: () => any;
+
+  /**
+   * 渲染查询表单
+   */
+  renderQuery?: () => any;
+
+  /**
+   * 渲染错误提示
+   */
+  renderError?: () => any;
+
+  /**
+   * 渲染工具栏
+   */
+  renderToolbar?: () => any;
+
+  /**
+   * 渲染表格
+   */
+  renderTable?: () => any;
+
+  /**
+   * 渲染底部工具栏
+   */
+  renderBottomToolbar?: () => any;
+
+  /**
+   * 渲染分页
+   */
+  renderPagination?: () => any;
+}) => VNodeChild;
+


默认实现:

tsx
const DefaultLayout: FatTableLayout = props => {
+  return (
+    <FatContainer
+      {...props.rootProps}
+      {...props.layoutProps}
+      class={normalizeClassName(props.rootProps.class, 'fat-table', 'fat-table--default')}
+      v-slots={{ title: props.renderTitle, extra: props.renderNavBar, query: props.renderQuery }}
+    >
+      <div class="fat-table__body">
+        {!!props.renderError && <div class="fat-table__error">{props.renderError()}</div>}
+        {!!props.renderToolbar && <div class="fat-table__toolbar">{props.renderToolbar()}</div>}
+
+        <div class="fat-table__table">{props.renderTable?.()}</div>
+      </div>
+
+      <div class="fat-table__footer">
+        {!!props.renderBottomToolbar && <div class="fat-table__bottom-toolbar">{props.renderBottomToolbar()}</div>}
+        {!!props.renderPagination && <div class="fat-table__pagination">{props.renderPagination()}</div>}
+      </div>
+    </FatContainer>
+  );
+};
+

TIP

当插槽不存在时会传入 undefined,你可以根据这个决定要不要渲染包裹器


WARNING

默认布局使用的是 FatContainer, 在惟客云微前端底座下,FatContainer 默认复用基座提供的 wkc-header。如果要关闭这个行为,可以通过 layoutProps#reuseBayIfNeed 关闭掉


TIP

可以配合 FatConfigurableProvider 实现全局配置。





9. API

9.1 FatTable 属性





9.2 FatTable 事件




9.3 FatTable 实例方法


FatTable 实例方式获取有两种方式:

  1. defineFatTable 函数参数 table 属性中获取:

    ts
    defineFatTable(({ table }) => {});
    +

  1. <template> 中,使用 useFatTableRef:

    vue
    <template>
    +  <FatTable ref="tableRef">...</FatTable>
    +</template>
    +
    +<script setup lang="tsx">
    +  import { FatTable, useFatTableRef } from '@wakeadmin/components';
    +
    +  const tableRef = useFatTableRef();
    +</script>
    +



9.4 FatTable 插槽




9.5 列定义




+ + + + + \ No newline at end of file diff --git a/fat-table/merge-fields.demo.html b/fat-table/merge-fields.demo.html new file mode 100644 index 0000000..bd50700 --- /dev/null +++ b/fat-table/merge-fields.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/quick.demo.html b/fat-table/quick.demo.html new file mode 100644 index 0000000..2a88bd2 --- /dev/null +++ b/fat-table/quick.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/setting.demo.html b/fat-table/setting.demo.html new file mode 100644 index 0000000..1b3bbe7 --- /dev/null +++ b/fat-table/setting.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/slots.demo.html b/fat-table/slots.demo.html new file mode 100644 index 0000000..2b2706c --- /dev/null +++ b/fat-table/slots.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/fat-table/switch.demo.html b/fat-table/switch.demo.html new file mode 100644 index 0000000..5626af2 --- /dev/null +++ b/fat-table/switch.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/group.png b/group.png new file mode 100644 index 0000000..0c48294 Binary files /dev/null and b/group.png differ diff --git a/hashmap.json b/hashmap.json new file mode 100644 index 0000000..b3f8de7 --- /dev/null +++ b/hashmap.json @@ -0,0 +1 @@ +{"atomics_all-atomics.demo.md":"228e025c","atomics_custom.md":"9b8e44c2","atomics_faq.md":"15a3344b","atomics_index.md":"165a4fef","base_change-log.md":"1f68cc98","base_concepts.md":"bdef14b5","base_install.md":"c14bfc04","base_typescript.md":"b9939e2e","fat-configurable_index.md":"ff9b8f78","fat-drag-drop_advanced.md":"f53aff01","fat-drag-drop_index.md":"b7be92d6","fat-form-layout_drawer.md":"570064cd","fat-form-layout_modal.md":"bc2dd1da","fat-form-layout_page-complex.demo.md":"f62a81ae","fat-form-layout_page.demo.md":"31cfcb98","fat-form-layout_page.md":"ea48bb5f","fat-form-layout_query.md":"53206227","fat-form-layout_steps-complex-vertical.demo.md":"93ffbe26","fat-form-layout_steps-complex.demo.md":"fc99ec9d","fat-form-layout_steps-define.demo.md":"7e0f57ed","fat-form-layout_steps-loose.demo.md":"212afc36","fat-form-layout_steps.demo.md":"455b06be","fat-form-layout_steps.md":"8a1d4e43","fat-form-layout_table-custom-create.demo.md":"62cc5c92","fat-form-layout_table-sortable-drag.demo.md":"0bbcfc5b","fat-form-layout_table-sortable-simple.demo.md":"8ae19a17","fat-form-layout_table-sortable.demo.md":"5b9ad85b","fat-form-layout_table.demo.md":"3c1d0201","fat-form-layout_table.md":"6b86f403","fat-form-layout_tabs.demo.md":"fc19240d","fat-form-layout_tabs.md":"15ab9aba","fat-form_consumer.md":"b0e5c0f5","fat-form_define.md":"75a0cb69","fat-form_group.md":"cdd35ce5","fat-form_index.md":"2c7039cc","fat-form_item.md":"684d4d17","fat-form_section.md":"f5fb7fda","fat-layout_card.md":"602a6cd0","fat-layout_container.md":"84509852","fat-layout_float-footer.demo.md":"4196bac2","fat-layout_float-footer.md":"cbe0982e","fat-table-layout_drawer.md":"fa9fcdf1","fat-table-layout_modal.md":"4a29f37b","fat-table-layout_quick-table-select.demo.md":"06978d6e","fat-table-layout_table-select-actions.demo.md":"62148722","fat-table-layout_table-select-all-actions.demo.md":"28a45ddf","fat-table-layout_table-select-modal.md":"04c4a0a1","fat-table-layout_table-select-model.demo.md":"e74aa257","fat-table-layout_table-select.md":"3284a17f","fat-table_actions.demo.md":"4228a9db","fat-table_atomics.demo.md":"09bcd23d","fat-table_batch-actions.demo.md":"1ae081d6","fat-table_cell-line-control.demo.md":"21afeb67","fat-table_custom-cell.demo.md":"92e4e4e3","fat-table_custom-table.demo.md":"ac0ca5a6","fat-table_define.md":"73fb3e3f","fat-table_faq.md":"7024cb6f","fat-table_index.md":"5bf783a4","fat-table_merge-fields.demo.md":"c373bc35","fat-table_quick.demo.md":"717f64f6","fat-table_setting.demo.md":"d0c2071b","fat-table_slots.demo.md":"a710240f","fat-table_switch.demo.md":"486eece1","index.md":"b7173760","other_fat-i18n-content.md":"6b7eca5e","other_fat-import.demo.md":"04f62d82","other_fat-import.md":"603e928e","other_i18n.md":"61214fb6","other_icon.md":"6b8d17e3","other_image-verification.md":"a90af41f","other_logic-tree-custom.demo.md":"6dbfa7d6","other_logic-tree-deep.demo.md":"f15b0f09","other_logic-tree-operation.demo.md":"c973b0d0","other_logic-tree-with-fat-form.demo.md":"0921d684","other_logic-tree-with-sortable.demo.md":"6dfface6","other_logic-tree.md":"95a7da46","other_space.md":"27b658f8","other_switch.md":"3605ddec","other_text.md":"42cb4217","other_tree-select.md":"17d3ad73","other_vnode.md":"3702dbaf"} diff --git a/index.html b/index.html new file mode 100644 index 0000000..006177c --- /dev/null +++ b/index.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
Skip to content

@wakeadmin/

components

惟客云 中后台「CRUD」开箱即用解决方案

WakeAdmin
🖖🏻

兼容 Vue 2 / 3

面向未来

🧢

兼容 Element-UI / Plus

新旧项目都能用

🚨

Typescript First

安全、高效

🚀

高效 CRUD

留多点时间,做真正有价值的事情

+ + + + + \ No newline at end of file diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..fee362c Binary files /dev/null and b/logo.png differ diff --git a/other/fat-i18n-content.html b/other/fat-i18n-content.html new file mode 100644 index 0000000..f9b414c --- /dev/null +++ b/other/fat-i18n-content.html @@ -0,0 +1,104 @@ + + + + + + FatI18nContent 内容多语言 (实验) | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatI18nContent 内容多语言 (实验)




示例

查看代码
tsx
import { defineFatForm, providerI18nContentOptions, FatI18nInput, FatI18nTextarea } from '@wakeadmin/components';
+import { ElMessageBox } from 'element-plus';
+import { delay } from '@wakeadmin/utils';
+
+export default defineFatForm(({ item, form, consumer, group }) => {
+  const i18nContent = providerI18nContentOptions(
+    {
+      sourceLanguage: async () => {
+        // 获取源语言
+        await delay(1000);
+        return 'zh';
+      },
+      async get(uuid) {
+        // 获取已配置的语言宝
+        await delay(1000);
+
+        return [
+          {
+            code: 'en',
+            content: 'hello world',
+          },
+        ];
+      },
+      async save(uuid, changed, list) {
+        // 保存
+        console.log('saving', uuid, changed, list);
+      },
+    },
+    true
+  );
+
+  // 返回表单定义
+  return () => ({
+    submit: async values => {
+      // 保存多语言
+      await i18nContent.flush();
+      console.log('保存成功', values);
+    },
+
+    children: [
+      item({
+        prop: 'name',
+        label: '账号名',
+        width: 'medium',
+      }),
+      item({
+        prop: 'nickName',
+        label: '昵称',
+        width: 'medium',
+        valueProps: {
+          customInput: FatI18nInput,
+          showWordLimit: true,
+          maxlength: 100,
+        },
+      }),
+      item({
+        prop: 'note',
+        label: '备注',
+        valueType: 'textarea',
+        width: 'medium',
+        valueProps: {
+          customInput: FatI18nTextarea,
+          showWordLimit: true,
+          maxlength: 100,
+        },
+      }),
+
+      consumer(({ values }) => {
+        return group({
+          label: '表单状态',
+          children: (
+            <pre>
+              <code>{JSON.stringify(values, null, 2)}</code>
+            </pre>
+          ),
+        });
+      }),
+    ],
+  });
+});
+
+ + + + + \ No newline at end of file diff --git a/other/fat-import.demo.html b/other/fat-import.demo.html new file mode 100644 index 0000000..544ecd2 --- /dev/null +++ b/other/fat-import.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/other/fat-import.html b/other/fat-import.html new file mode 100644 index 0000000..aef4009 --- /dev/null +++ b/other/fat-import.html @@ -0,0 +1,24 @@ + + + + + + FatImport 导入模态框 (试验) | @wakeadmin/components + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/other/i18n.html b/other/i18n.html new file mode 100644 index 0000000..d926dd4 --- /dev/null +++ b/other/i18n.html @@ -0,0 +1,36 @@ + + + + + + I18n 国际化 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

I18n 国际化

wakeadmin/components内部默认使用中文,若希望使用其他语言,则需要进行多语言设置

typescript
import { provideFatConfigurable } from '@wakeadmin/components';
+
+i18n.registryBundle({
+  zh: () => import('@wakeadmin/components/locale/zh.tr'),
+});
+
+provideFatConfigurable({
+  i18n: {
+    t: i18n.t,
+    d: i18n.d,
+  },
+});
+

目前wakeadmin/components支持以下语言

locale地区
zh中文
zh-Hant中文-繁体
en英文
th泰文
+ + + + + \ No newline at end of file diff --git a/other/icon.html b/other/icon.html new file mode 100644 index 0000000..e0e91f7 --- /dev/null +++ b/other/icon.html @@ -0,0 +1,45 @@ + + + + + + FatIcon | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatIcon

FatIcon 用于包裹 svg 组件,从而方便地设置尺寸、颜色。

示例

查看代码
vue
<template>
+  <FatSpace>
+    <FatIcon color="primary">
+      <Add />
+    </FatIcon>
+    <FatIcon color="danger">
+      <Delete />
+    </FatIcon>
+    <FatIcon loading>
+      <Refresh />
+    </FatIcon>
+    <FatIcon size="3em">
+      <HomeFill />
+    </FatIcon>
+  </FatSpace>
+</template>
+
+<script lang="tsx" setup>
+  import { FatIcon, FatSpace } from '@wakeadmin/components';
+  import { Add, Refresh, Delete, HomeFill } from '@wakeadmin/icons';
+</script>
+




API

namedescriptiondefault
color?颜色,可以是预定义颜色(primary, secondary, success, danger, warning, info), 或者自定义颜色inherit
size?: string | number尺寸inherit(字体颜色)
loading?: boolean加载动画false
left?: boolean在右侧留出间距false
right?: boolean在左侧留出间距false
+ + + + + \ No newline at end of file diff --git a/other/image-verification.html b/other/image-verification.html new file mode 100644 index 0000000..9a2303d --- /dev/null +++ b/other/image-verification.html @@ -0,0 +1,65 @@ + + + + + + FatImageVerification 图形验证码 (试验) | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatImageVerification 图形验证码 (试验)

简单的图形验证码




示例

查看代码
vue
<template>
+  <div class="wk-demo">
+    <FatImageVerification :request="requestMetadata" :canvas="canvasConfig" :clip="clipConfig" @change="handleChange" />
+    <div>value: {{ value }}</div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { FatImageVerification, FatImageVerificationProps } from '@wakeadmin/components';
+  import { delay } from '@wakeadmin/utils';
+  import { ref } from 'vue';
+
+  const value = ref(0);
+
+  // 可选, 默认 350 * 150
+  const canvasConfig = {
+    width: 340,
+    height: 212,
+  };
+
+  // 切片大小,默认根据传入的图片设置
+  const clipConfig = {
+    width: 65,
+    height: 65,
+  };
+
+  const handleChange: FatImageVerificationProps['onChange'] = v => {
+    value.value = v.value;
+  };
+
+  const requestMetadata: FatImageVerificationProps['request'] = async () => {
+    await delay(1000);
+    return {
+      backgroundImage:
+        'https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/59fa6e86e09245a9b73e900d35e92739~tplv-188rlo5p4y-2.jpeg',
+      clipImage:
+        'https://p6-catpcha.byteimg.com/tos-cn-i-188rlo5p4y/c9958e6b691049949147d62c691e0a4c~tplv-188rlo5p4y-1.png',
+      y: 114,
+    };
+  };
+</script>
+
+ + + + + \ No newline at end of file diff --git a/other/logic-tree-custom.demo.html b/other/logic-tree-custom.demo.html new file mode 100644 index 0000000..cfee4a8 --- /dev/null +++ b/other/logic-tree-custom.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/other/logic-tree-deep.demo.html b/other/logic-tree-deep.demo.html new file mode 100644 index 0000000..119b781 --- /dev/null +++ b/other/logic-tree-deep.demo.html @@ -0,0 +1,24 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/other/logic-tree-operation.demo.html b/other/logic-tree-operation.demo.html new file mode 100644 index 0000000..53a4115 --- /dev/null +++ b/other/logic-tree-operation.demo.html @@ -0,0 +1,25 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/other/logic-tree-with-fat-form.demo.html b/other/logic-tree-with-fat-form.demo.html new file mode 100644 index 0000000..03a8fd2 --- /dev/null +++ b/other/logic-tree-with-fat-form.demo.html @@ -0,0 +1,25 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/other/logic-tree-with-sortable.demo.html b/other/logic-tree-with-sortable.demo.html new file mode 100644 index 0000000..b10dd29 --- /dev/null +++ b/other/logic-tree-with-sortable.demo.html @@ -0,0 +1,25 @@ + + + + + + @wakeadmin/components | @wakeadmin/components + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/other/logic-tree.html b/other/logic-tree.html new file mode 100644 index 0000000..8185221 --- /dev/null +++ b/other/logic-tree.html @@ -0,0 +1,562 @@ + + + + + + FatLogicTree 逻辑树 (试验) | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatLogicTree 逻辑树 (试验)

逻辑树


逻辑树是一个树形容器,可以用来表示一些逻辑关系。

基本概念:

  • 节点:树形结构中的一个节点。 对应到逻辑语句中, 比如 11+1a + 1 > 2,这些表达式都属于节点
  • 分组:将多个节点组合起来,约束一些逻辑关系。 比如 (a > 1) && (b < 0) 就是一个分组,分组包含 (a > 1)(b < 0) 两个节点
  • 逻辑关系: 当前仅支持 AND、OR 两种关系。当然这个概念是可以互换的,比如 并行互斥

因此逻辑树和普通数在结构上是有一些约束的:

  • 节点只能放在分组中
  • 节点不能作为分组的上级
  • 分组可以包含分组



示例

自定义树结构

FatLogicTree 本身并不耦合约束树的结构,可以声明树的结构、逻辑的标识等等

查看代码
vue
<template>
+  <FatLogicTree v-model="data" :tree-struct="customTreeStruct" and-text="互斥" or-text="并行">
+    <!-- 自定义节点渲染 -->
+    <template #node="scope">
+      <div class="node">
+        <div>VALUE: {{ scope.current.value }}</div>
+        <div>INDEX: {{ scope.index }}</div>
+        <div>PATH: {{ scope.path }}</div>
+        <div>DEPTH: {{ scope.depth }}</div>
+      </div>
+    </template>
+  </FatLogicTree>
+</template>
+
+<script setup lang="tsx">
+  import { ref } from 'vue';
+  import { FatLogicTree, LogicType, FatLogicTreeStruct } from '@wakeadmin/components';
+
+  type Group = {
+    uuid: string | number;
+    category: 'group';
+    logic?: '并行' | '互斥';
+    // eslint-disable-next-line no-use-before-define
+    list: Item[];
+  };
+
+  type Node = {
+    category: 'node';
+    uuid: string | number;
+    value: string;
+  };
+  type Item = Group | Node;
+
+  // 自定义树结构
+  const customTreeStruct: FatLogicTreeStruct<Item> = {
+    // 子节点获取
+    children: 'list',
+    // 唯一标识符获取
+    id: 'uuid',
+    // 判断是否为逻辑分组
+    isGroup: i => i.category === 'group',
+    // 获取逻辑类型
+    getLogicType: i => ((i as Group).logic === '并行' ? LogicType.OR : LogicType.AND),
+    // 写入逻辑类型
+    setLogicType: (i, type) => {
+      if (i.category === 'group') {
+        return {
+          ...i,
+          logic: type === LogicType.OR ? '并行' : '互斥',
+        };
+      }
+
+      return i;
+    },
+  };
+
+  const data = ref<Item>({
+    uuid: 'root',
+    category: 'group',
+    logic: '互斥',
+    list: [
+      {
+        uuid: 1,
+        category: 'group',
+        logic: '并行',
+        list: [
+          {
+            uuid: 31,
+            category: 'node',
+            value: 'Item 1',
+          },
+          {
+            uuid: 32,
+            category: 'node',
+            value: 'Item 2',
+          },
+        ],
+      },
+      {
+        uuid: 2,
+        category: 'group',
+        logic: '并行',
+        list: [
+          {
+            uuid: 31,
+            category: 'node',
+            value: 'Item 1',
+          },
+          {
+            uuid: 32,
+            category: 'node',
+            value: 'Item 2',
+          },
+        ],
+      },
+    ],
+  });
+</script>
+
+<style scoped>
+  .node {
+    background-color: white;
+    padding: 4px;
+    border-radius: 4px;
+    margin-bottom: 8px;
+    border-radius: 4px;
+  }
+</style>
+

节点操作



查看代码
tsx
import { defineComponent, ref } from 'vue';
+import { FatLogicTree, LogicType } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+import s from './LogicTreeOperation.module.scss';
+
+interface Group {
+  id: string | number;
+  category: 'group';
+  type?: LogicType;
+  children: Item[];
+}
+interface Node {
+  category: 'node';
+  id: string | number;
+  value: string;
+}
+
+type Item = Group | Node;
+
+export default defineComponent({
+  setup() {
+    const data = ref<Item>({
+      category: 'group',
+      id: 'root',
+      type: LogicType.OR,
+      children: [],
+    });
+
+    return () => {
+      // 支持泛型
+      return (
+        <div>
+          <FatLogicTree<Item>
+            modelValue={data.value}
+            onUpdate:modelValue={v => (data.value = v)}
+            // 自定义分组渲染
+            // 用于复杂的样式定义
+            renderGroup={scope => {
+              const current = scope.current as Group;
+
+              if (scope.depth === 0) {
+                // 根节点
+                return (
+                  <div class={s.root}>
+                    {current.children.length === 0 && <div class={s.empty}>这里啥都没有</div>}
+                    {scope.vdom}
+                    <ElButton
+                      class={s.button}
+                      onClick={() => {
+                        scope.append({
+                          category: 'group',
+                          id: 'group-' + current.children.length,
+                          type: LogicType.AND,
+                          children: [
+                            {
+                              category: 'node',
+                              id: 'node',
+                              value: 'Example',
+                            },
+                          ],
+                        });
+                      }}
+                    >
+                      添加分组
+                    </ElButton>
+                  </div>
+                );
+              }
+
+              return (
+                <div class={s.group}>
+                  <h3>分组: {scope.index + 1}</h3>
+                  <div class={s.subGroup}>{scope.vdom}</div>
+                </div>
+              );
+            }}
+            // 自定义节点渲染
+            renderNode={scope => {
+              const current = scope.current as Node;
+
+              // 插入子节点
+              const handleAddChild = () => {
+                const id = Date.now();
+                scope.insertAfter({
+                  category: 'node',
+                  id,
+                  value: `Example ${id}`,
+                });
+              };
+
+              return (
+                <div class={s.node}>
+                  {current.value}-{scope.path} {scope.index === 0 && <ElButton onClick={handleAddChild}>添加</ElButton>}
+                  <ElButton onClick={scope.remove}>删除</ElButton>
+                </div>
+              );
+            }}
+          ></FatLogicTree>
+          <pre>
+            <code>{JSON.stringify(data.value, undefined, 2)}</code>
+          </pre>
+        </div>
+      );
+    };
+  },
+});
+
scss
.root {
+  border: 1px solid rgb(180, 180, 180);
+  padding: 10px;
+  border-radius: 10px;
+}
+
+.group {
+  background-color: rgb(135, 208, 135);
+  border-radius: 4px;
+  padding: 5px;
+
+  margin-bottom: 10px;
+}
+
+.subGroup {
+  margin-top: 1em;
+}
+
+.node {
+  background-color: white;
+  padding: 4px;
+  border-radius: 4px;
+  margin-bottom: 4px;
+}
+
+.button {
+  margin-top: 5px;
+}
+



和 FatForm 配合使用

查看代码
tsx
import { defineComponent, ref } from 'vue';
+import { defineFatForm, FatFormItem, FatLogicTree, LogicType } from '@wakeadmin/components';
+import { ElButton } from 'element-plus';
+import s from './LogicTreeOperation.module.scss';
+
+interface Group {
+  id: string | number;
+  category: 'group';
+  type?: LogicType;
+  children: Item[];
+}
+interface Node {
+  category: 'node';
+  id: string | number;
+  value: string;
+}
+
+type Item = Group | Node;
+
+export default defineFatForm(({ group, consumer }) => {
+  return () => ({
+    submit: async value => {
+      console.log('保存', value);
+    },
+    onValidateFailed: errors => {
+      console.log('验证失败', errors);
+    },
+    children: [
+      group({
+        label: '逻辑分组',
+        prop: 'logic',
+        initialValue: {
+          category: 'group',
+          id: 'root',
+          type: LogicType.OR,
+          children: [],
+        },
+        rules: {
+          validator(rule, value, callback) {
+            if (value == null || !(value as Group).children?.length) {
+              callback(new Error('请至少添加一个分组'));
+            } else {
+              callback();
+            }
+          },
+        },
+        children: [
+          consumer(formScope => {
+            return (
+              <FatLogicTree<Item>
+                basePath="logic"
+                modelValue={formScope.getFieldValue('logic')}
+                onUpdate:modelValue={v => formScope.setFieldValue('logic', v)}
+                // 自定义分组渲染
+                // 用于复杂的样式定义
+                renderGroup={scope => {
+                  const current = scope.current as Group;
+
+                  if (scope.depth === 0) {
+                    // 根节点
+                    return (
+                      <div class={s.root}>
+                        {current.children.length === 0 && <div class={s.empty}>这里啥都没有</div>}
+                        {scope.vdom}
+                        <ElButton
+                          class={s.button}
+                          onClick={() => {
+                            scope.append({
+                              category: 'group',
+                              id: 'group-' + current.children.length,
+                              type: LogicType.AND,
+                              children: [
+                                {
+                                  category: 'node',
+                                  id: 'node',
+                                  value: 'Example',
+                                },
+                              ],
+                            });
+                          }}
+                        >
+                          添加分组
+                        </ElButton>
+                      </div>
+                    );
+                  }
+
+                  return (
+                    <div class={s.group}>
+                      <h3>分组: {scope.index + 1}</h3>
+                      <div class={s.subGroup}>{scope.vdom}</div>
+                    </div>
+                  );
+                }}
+                // 自定义节点渲染
+                renderNode={scope => {
+                  const current = scope.current as Node;
+
+                  // 插入子节点
+                  const handleAddChild = () => {
+                    const id = Date.now();
+                    scope.insertAfter({
+                      category: 'node',
+                      id,
+                      value: `Example ${id}`,
+                    });
+                  };
+
+                  return (
+                    <div class={s.node}>
+                      <FatFormItem
+                        prop={scope.path + '.value'}
+                        rules={{ required: true, message: '不能为空' }}
+                      ></FatFormItem>
+                      <div>
+                        {scope.index === 0 && <ElButton onClick={handleAddChild}>添加</ElButton>}
+                        <ElButton onClick={scope.remove}>删除</ElButton>
+                      </div>
+                    </div>
+                  );
+                }}
+              ></FatLogicTree>
+            );
+          }),
+        ],
+      }),
+      group({
+        label: '数据',
+        children: [
+          consumer(scope => {
+            return (
+              <pre>
+                <code>{JSON.stringify(scope.values, undefined, 2)}</code>
+              </pre>
+            );
+          }),
+        ],
+      }),
+    ],
+  });
+});
+




多层嵌套



查看代码
vue
<template>
+  <FatLogicTree v-model="data">
+    <!-- 自定义节点渲染 -->
+    <template #node="scope">
+      <div class="node">
+        <div>VALUE: {{ scope.current.value }}</div>
+        <div>INDEX: {{ scope.index }}</div>
+        <div>PATH: {{ scope.path }}</div>
+        <div>DEPTH: {{ scope.depth }}</div>
+      </div>
+    </template>
+  </FatLogicTree>
+</template>
+
+<script setup lang="tsx">
+  import { ref } from 'vue';
+  import { FatLogicTree, LogicType } from '@wakeadmin/components';
+
+  type Item =
+    | {
+        id: string | number;
+        category: 'group';
+        type?: LogicType;
+        children: Item[];
+      }
+    | {
+        category: 'node';
+        id: string | number;
+        value: string;
+      };
+
+  const data = ref<Item>({
+    id: 'root',
+    category: 'group',
+    type: LogicType.OR,
+    children: [
+      {
+        category: 'node',
+        id: 1,
+        value: 'Item 1',
+      },
+      {
+        id: 2,
+        category: 'node',
+        value: 'Item 2',
+      },
+      {
+        id: 3,
+        category: 'group',
+        children: [
+          {
+            id: 31,
+            category: 'node',
+            value: 'Item 3-1',
+          },
+          {
+            id: 32,
+            category: 'node',
+            value: 'Item 3-2',
+          },
+        ],
+      },
+      {
+        id: 4,
+        category: 'group',
+        children: [
+          {
+            id: 41,
+            value: 'Item 4-1',
+            category: 'node',
+          },
+          {
+            id: 42,
+            value: 'Item 4-2',
+            category: 'node',
+          },
+        ],
+      },
+      {
+        id: 5,
+        category: 'group',
+        type: LogicType.OR,
+        children: [],
+      },
+      {
+        id: 6,
+        type: LogicType.OR,
+        category: 'group',
+        children: [
+          {
+            id: 61,
+            category: 'group',
+            children: [
+              {
+                id: 611,
+                category: 'group',
+                children: [
+                  {
+                    id: 6111,
+                    value: 'Item 6-1-1-1',
+                    category: 'node',
+                  },
+                  {
+                    id: 6112,
+                    category: 'group',
+                    type: LogicType.OR,
+                    children: [
+                      {
+                        id: 61121,
+                        category: 'group',
+                        type: LogicType.OR,
+                        children: [
+                          {
+                            id: 611211,
+                            value: 'Item 6-1-1-2-1-1',
+                            category: 'node',
+                          },
+                          {
+                            id: 611212,
+                            value: 'Item 6-1-1-2-1-2',
+                            category: 'node',
+                          },
+                        ],
+                      },
+                    ],
+                  },
+                ],
+              },
+              {
+                id: 612,
+                value: 'Item 6-1-2',
+                category: 'node',
+              },
+            ],
+          },
+          {
+            id: 62,
+            value: 'Item 6-2',
+            category: 'node',
+          },
+        ],
+      },
+    ],
+  });
+</script>
+
+<style scoped>
+  .node {
+    background-color: white;
+    padding: 4px;
+    border-radius: 4px;
+    margin-bottom: 8px;
+    border-radius: 4px;
+  }
+</style>
+




可拖拽

配合 sortablejs 实现

API

+ + + + + \ No newline at end of file diff --git a/other/space.html b/other/space.html new file mode 100644 index 0000000..85e41c7 --- /dev/null +++ b/other/space.html @@ -0,0 +1,48 @@ + + + + + + FatSpace 间距 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatSpace 间距

设置组件之间的间距




示例

水平:

查看代码
vue
<template>
+  <FatSpace>
+    Hello
+    <span>world</span>
+    <el-button>Button</el-button>
+    <el-button>Another Button</el-button>
+  </FatSpace>
+</template>
+
+<script lang="tsx" setup>
+  import { FatSpace } from '@wakeadmin/components';
+</script>
+


垂直:

查看代码
vue
<template>
+  <FatSpace direction="vertical">
+    Hello
+    <span>world</span>
+    <el-button>Button</el-button>
+    <el-button>Another Button</el-button>
+  </FatSpace>
+</template>
+
+<script lang="tsx" setup>
+  import { FatSpace } from '@wakeadmin/components';
+</script>
+




API

+ + + + + \ No newline at end of file diff --git a/other/switch.html b/other/switch.html new file mode 100644 index 0000000..9f359b3 --- /dev/null +++ b/other/switch.html @@ -0,0 +1,34 @@ + + + + + + FatSwitch 开关 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatSwitch 开关

@wakeadmin/components 移植了 element-plusel-switch 组件。如果你想要在 element-ui 中使用 inline-promptloadingbeforeChange 等特性,可以使用这个组件。




查看代码
vue
<template>
+  <FatSwitch v-model="active" />
+</template>
+
+<script setup>
+  import { FatSwitch } from '@wakeadmin/components';
+  import { ref } from 'vue';
+
+  const active = ref(true);
+</script>
+



API

element-plus


注意事项

size 仅支持默认和 small

+ + + + + \ No newline at end of file diff --git a/other/text.html b/other/text.html new file mode 100644 index 0000000..26f2cbc --- /dev/null +++ b/other/text.html @@ -0,0 +1,72 @@ + + + + + + FatText 文本 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatText 文本

FatText 用于对文本进行一些简单的装饰、操作。

示例

查看代码
vue
<template>
+  <h5>下划线</h5>
+
+  <FatText underline> 那些寂寞的花朵 是春天遗失的嘴唇 ——《我,以及其他的证人》 </FatText>
+
+  <br />
+  <br />
+
+  <h5>颜色</h5>
+
+  <FatText color="primary"> 还有一些我们熟悉的将要死去 我们不熟悉的慢慢生根 ——《黑风》 </FatText>
+
+  <br />
+  <br />
+
+  <h5>多行省略</h5>
+
+  <FatText tag="p" style="width: 150px" :ellipsis="3">
+    离开妻子我<br />
+    自己是一只<br />
+    装满淡水的口袋<br />
+    在陆地上行走<br />
+    ——《妻子和鱼》
+  </FatText>
+
+  <br />
+  <br />
+
+  <h5>可拷贝</h5>
+
+  <FatText copyable> 一切不幸都源于,我幽深的水 ——《夜月》 </FatText>
+
+  <br />
+  <br />
+
+  <h5>链接</h5>
+
+  <FatLink
+    href="https://zh.m.wikipedia.org/zh-hans/%E8%8B%8F%E8%81%94%E6%94%BF%E6%B2%BB%E7%AC%91%E8%AF%9D"
+    target="_blank"
+    copyable
+    >苏联笑话合集</FatLink
+  >
+</template>
+
+<script setup>
+  import { FatText, FatLink } from '@wakeadmin/components';
+</script>
+




API

+ + + + + \ No newline at end of file diff --git a/other/tree-select.html b/other/tree-select.html new file mode 100644 index 0000000..c21ffb1 --- /dev/null +++ b/other/tree-select.html @@ -0,0 +1,24 @@ + + + + + + FatTreeSelect 树选择器 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatTreeSelect 树选择器

@wakeadmin/components 移植了 element-plusel-tree-select 组件。如果你想要在 element-ui 中树选择器,可以使用这个组件。




API

element-plus



+ + + + + \ No newline at end of file diff --git a/other/vnode.html b/other/vnode.html new file mode 100644 index 0000000..f9e3b11 --- /dev/null +++ b/other/vnode.html @@ -0,0 +1,36 @@ + + + + + + FatVNode VNode 渲染 | @wakeadmin/components + + + + + + + + + + + + +
Skip to content
On this page

FatVNode VNode 渲染

JSX 的渲染结果是不能直接在 template 上渲染的,因此我们提供了 FatVNode 辅助渲染。不过大部分情况下,我们还是推荐开发者遵循 Vue 的最佳实践,优先使用模板的能力



示例


查看代码
vue
<template>
+  <FatVNode :vnode="sample1" />
+  <FatVNode :vnode="sample2(72)" />
+</template>
+
+<script setup lang="tsx">
+  import { FatVNode } from '@wakeadmin/components';
+
+  const sample1 = <div>“996”工作制,即每天早 9 点到岗,一直工作到晚上 9 点,每周工作 6 天。</div>;
+
+  const sample2 = (value: number) => <div>“996”工作制的周工作时间为最低 12x6={value} 小时。</div>;
+</script>
+
+ + + + + \ No newline at end of file