prototype_design/dist/assets/index-DOM7lZZ7.js

const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/LoginView-C9v-NikU.js","assets/LoginView-tn0RQdqM.css"])))=>i.map(i=>d[i]);
(function(){const a=document.createElement("link").relList;if(a&&a.supports&&a.supports("modulepreload"))return;for(const n of document.querySelectorAll('link[rel="modulepreload"]'))e(n);new MutationObserver(n=>{for(const l of n)if(l.type==="childList")for(const r of l.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&e(r)}).observe(document,{childList:!0,subtree:!0});function i(n){const l={};return n.integrity&&(l.integrity=n.integrity),n.referrerPolicy&&(l.referrerPolicy=n.referrerPolicy),n.crossOrigin==="use-credentials"?l.credentials="include":n.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function e(n){if(n.ep)return;n.ep=!0;const l=i(n);fetch(n.href,l)}})();/**
* @vue/shared v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**//*! #__NO_SIDE_EFFECTS__ */function ja(s){const a=Object.create(null);for(const i of s.split(","))a[i]=1;return i=>i in a}const mt={},Vs=[],ds=()=>{},wo=()=>!1,Be=s=>s.charCodeAt(0)===111&&s.charCodeAt(1)===110&&(s.charCodeAt(2)>122||s.charCodeAt(2)<97),Na=s=>s.startsWith("onUpdate:"),At=Object.assign,Ea=(s,a)=>{const i=s.indexOf(a);i>-1&&s.splice(i,1)},$o=Object.prototype.hasOwnProperty,lt=(s,a)=>$o.call(s,a),J=Array.isArray,Ys=s=>xe(s)==="[object Map]",We=s=>xe(s)==="[object Set]",Fa=s=>xe(s)==="[object Date]",F=s=>typeof s=="function",wt=s=>typeof s=="string",rs=s=>typeof s=="symbol",_t=s=>s!==null&&typeof s=="object",Wi=s=>(_t(s)||F(s))&&F(s.then)&&F(s.catch),Vi=Object.prototype.toString,xe=s=>Vi.call(s),Io=s=>xe(s).slice(8,-1),Yi=s=>xe(s)==="[object Object]",za=s=>wt(s)&&s!=="NaN"&&s[0]!=="-"&&""+parseInt(s,10)===s,ne=ja(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Ve=s=>{const a=Object.create(null);return i=>a[i]||(a[i]=s(i))},Mo=/-(\w)/g,Yt=Ve(s=>s.replace(Mo,(a,i)=>i?i.toUpperCase():"")),ko=/\B([A-Z])/g,Zs=Ve(s=>s.replace(ko,"-$1").toLowerCase()),Ye=Ve(s=>s.charAt(0).toUpperCase()+s.slice(1)),aa=Ve(s=>s?`on${Ye(s)}`:""),Ds=(s,a)=>!Object.is(s,a),je=(s,...a)=>{for(let i=0;i<s.length;i++)s[i](...a)},Ji=(s,a,i,e=!1)=>{Object.defineProperty(s,a,{configurable:!0,enumerable:!1,writable:e,value:i})},Co=s=>{const a=parseFloat(s);return isNaN(a)?s:a};let Ua;const Je=()=>Ua||(Ua=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function we(s){if(J(s)){const a={};for(let i=0;i<s.length;i++){const e=s[i],n=wt(e)?No(e):we(e);if(n)for(const l in n)a[l]=n[l]}return a}else if(wt(s)||_t(s))return s}const Do=/;(?![^(]*\))/g,Ao=/:([^]+)/,jo=/\/\*[^]*?\*\//g;function No(s){const a={};return s.replace(jo,"").split(Do).forEach(i=>{if(i){const e=i.split(Ao);e.length>1&&(a[e[0].trim()]=e[1].trim())}}),a}function st(s){let a="";if(wt(s))a=s;else if(J(s))for(let i=0;i<s.length;i++){const e=st(s[i]);e&&(a+=e+" ")}else if(_t(s))for(const i in s)s[i]&&(a+=i+" ");return a.trim()}const Eo="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",zo=ja(Eo);function Qi(s){return!!s||s===""}function Po(s,a){if(s.length!==a.length)return!1;let i=!0;for(let e=0;i&&e<s.length;e++)i=Qe(s[e],a[e]);return i}function Qe(s,a){if(s===a)return!0;let i=Fa(s),e=Fa(a);if(i||e)return i&&e?s.getTime()===a.getTime():!1;if(i=rs(s),e=rs(a),i||e)return s===a;if(i=J(s),e=J(a),i||e)return i&&e?Po(s,a):!1;if(i=_t(s),e=_t(a),i||e){if(!i||!e)return!1;const n=Object.keys(s).length,l=Object.keys(a).length;if(n!==l)return!1;for(const r in s){const f=s.hasOwnProperty(r),o=a.hasOwnProperty(r);if(f&&!o||!f&&o||!Qe(s[r],a[r]))return!1}}return String(s)===String(a)}function Fi(s,a){return s.findIndex(i=>Qe(i,a))}const Ui=s=>!!(s&&s.__v_isRef===!0),k=s=>wt(s)?s:s==null?"":J(s)||_t(s)&&(s.toString===Vi||!F(s.toString))?Ui(s)?k(s.value):JSON.stringify(s,Ki,2):String(s),Ki=(s,a)=>Ui(a)?Ki(s,a.value):Ys(a)?{[`Map(${a.size})`]:[...a.entries()].reduce((i,[e,n],l)=>(i[ia(e,l)+" =>"]=n,i),{})}:We(a)?{[`Set(${a.size})`]:[...a.values()].map(i=>ia(i))}:rs(a)?ia(a):_t(a)&&!J(a)&&!Yi(a)?String(a):a,ia=(s,a="")=>{var i;return rs(s)?`Symbol(${(i=s.description)!=null?i:a})`:s};/**
* @vue/reactivity v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/let Ot;class So{constructor(a=!1){this.detached=a,this._active=!0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=Ot,!a&&Ot&&(this.index=(Ot.scopes||(Ot.scopes=[])).push(this)-1)}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let a,i;if(this.scopes)for(a=0,i=this.scopes.length;a<i;a++)this.scopes[a].pause();for(a=0,i=this.effects.length;a<i;a++)this.effects[a].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;let a,i;if(this.scopes)for(a=0,i=this.scopes.length;a<i;a++)this.scopes[a].resume();for(a=0,i=this.effects.length;a<i;a++)this.effects[a].resume()}}run(a){if(this._active){const i=Ot;try{return Ot=this,a()}finally{Ot=i}}}on(){Ot=this}off(){Ot=this.parent}stop(a){if(this._active){this._active=!1;let i,e;for(i=0,e=this.effects.length;i<e;i++)this.effects[i].stop();for(this.effects.length=0,i=0,e=this.cleanups.length;i<e;i++)this.cleanups[i]();if(this.cleanups.length=0,this.scopes){for(i=0,e=this.scopes.length;i<e;i++)this.scopes[i].stop(!0);this.scopes.length=0}if(!this.detached&&this.parent&&!a){const n=this.parent.scopes.pop();n&&n!==this&&(this.parent.scopes[this.index]=n,n.index=this.index)}this.parent=void 0}}}function Ro(){return Ot}let gt;const na=new WeakSet;class Xi{constructor(a){this.fn=a,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.next=void 0,this.cleanup=void 0,this.scheduler=void 0,Ot&&Ot.active&&Ot.effects.push(this)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,na.has(this)&&(na.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||tn(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,Ka(this),sn(this);const a=gt,i=Qt;gt=this,Qt=!0;try{return this.fn()}finally{en(this),gt=a,Qt=i,this.flags&=-3}}stop(){if(this.flags&1){for(let a=this.deps;a;a=a.nextDep)Ra(a);this.deps=this.depsTail=void 0,Ka(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?na.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){ba(this)&&this.run()}get dirty(){return ba(this)}}let qi=0,oe,le;function tn(s,a=!1){if(s.flags|=8,a){s.next=le,le=s;return}s.next=oe,oe=s}function Pa(){qi++}function Sa(){if(--qi>0)return;if(le){let a=le;for(le=void 0;a;){const i=a.next;a.next=void 0,a.flags&=-9,a=i}}let s;for(;oe;){let a=oe;for(oe=void 0;a;){const i=a.next;if(a.next=void 0,a.flags&=-9,a.flags&1)try{a.trigger()}catch(e){s||(s=e)}a=i}}if(s)throw s}function sn(s){for(let a=s.deps;a;a=a.nextDep)a.version=-1,a.prevActiveLink=a.dep.activeLink,a.dep.activeLink=a}function en(s){let a,i=s.depsTail,e=i;for(;e;){const n=e.prevDep;e.version===-1?(e===i&&(i=n),Ra(e),To(e)):a=e,e.dep.activeLink=e.prevActiveLink,e.prevActiveLink=void 0,e=n}s.deps=a,s.depsTail=i}function ba(s){for(let a=s.deps;a;a=a.nextDep)if(a.dep.version!==a.version||a.dep.computed&&(an(a.dep.computed)||a.dep.version!==a.version))return!0;return!!s._dirty}function an(s){if(s.flags&4&&!(s.flags&16)||(s.flags&=-17,s.globalVersion===fe))return;s.globalVersion=fe;const a=s.dep;if(s.flags|=2,a.version>0&&!s.isSSR&&s.deps&&!ba(s)){s.flags&=-3;return}const i=gt,e=Qt;gt=s,Qt=!0;try{sn(s);const n=s.fn(s._value);(a.version===0||Ds(n,s._value))&&(s._value=n,a.version++)}catch(n){throw a.version++,n}finally{gt=i,Qt=e,en(s),s.flags&=-3}}function Ra(s,a=!1){const{dep:i,prevSub:e,nextSub:n}=s;if(e&&(e.nextSub=n,s.prevSub=void 0),n&&(n.prevSub=e,s.nextSub=void 0),i.subs===s&&(i.subs=e,!e&&i.computed)){i.computed.flags&=-5;for(let l=i.computed.deps;l;l=l.nextDep)Ra(l,!0)}!a&&!--i.sc&&i.map&&i.map.delete(i.key)}function To(s){const{prevDep:a,nextDep:i}=s;a&&(a.nextDep=i,s.prevDep=void 0),i&&(i.prevDep=a,s.nextDep=void 0)}let Qt=!0;const nn=[];function As(){nn.push(Qt),Qt=!1}function js(){const s=nn.pop();Qt=s===void 0?!0:s}function Ka(s){const{cleanup:a}=s;if(s.cleanup=void 0,a){const i=gt;gt=void 0;try{a()}finally{gt=i}}}let fe=0;class Zo{constructor(a,i){this.sub=a,this.dep=i,this.version=i.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class Ta{constructor(a){this.computed=a,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0}track(a){if(!gt||!Qt||gt===this.computed)return;let i=this.activeLink;if(i===void 0||i.sub!==gt)i=this.activeLink=new Zo(gt,this),gt.deps?(i.prevDep=gt.depsTail,gt.depsTail.nextDep=i,gt.depsTail=i):gt.deps=gt.depsTail=i,on(i);else if(i.version===-1&&(i.version=this.version,i.nextDep)){const e=i.nextDep;e.prevDep=i.prevDep,i.prevDep&&(i.prevDep.nextDep=e),i.prevDep=gt.depsTail,i.nextDep=void 0,gt.depsTail.nextDep=i,gt.depsTail=i,gt.deps===i&&(gt.deps=e)}return i}trigger(a){this.version++,fe++,this.notify(a)}notify(a){Pa();try{for(let i=this.subs;i;i=i.prevSub)i.sub.notify()&&i.sub.dep.notify()}finally{Sa()}}}function on(s){if(s.dep.sc++,s.sub.flags&4){const a=s.dep.computed;if(a&&!s.dep.subs){a.flags|=20;for(let e=a.deps;e;e=e.nextDep)on(e)}const i=s.dep.subs;i!==s&&(s.prevSub=i,i&&(i.nextSub=s)),s.dep.subs=s}}const ha=new WeakMap,Ss=Symbol(""),ga=Symbol(""),pe=Symbol("");function Mt(s,a,i){if(Qt&&gt){let e=ha.get(s);e||ha.set(s,e=new Map);let n=e.get(i);n||(e.set(i,n=new Ta),n.map=e,n.key=i),n.track()}}function hs(s,a,i,e,n,l){const r=ha.get(s);if(!r){fe++;return}const f=o=>{o&&o.trigger()};if(Pa(),a==="clear")r.forEach(f);else{const o=J(s),c=o&&za(i);if(o&&i==="length"){const p=Number(e);r.forEach((h,v)=>{(v==="length"||v===pe||!rs(v)&&v>=p)&&f(h)})}else switch((i!==void 0||r.has(void 0))&&f(r.get(i)),c&&f(r.get(pe)),a){case"add":o?c&&f(r.get("length")):(f(r.get(Ss)),Ys(s)&&f(r.get(ga)));break;case"delete":o||(f(r.get(Ss)),Ys(s)&&f(r.get(ga)));break;case"set":Ys(s)&&f(r.get(Ss));break}}Sa()}function Hs(s){const a=ot(s);return a===s?a:(Mt(a,"iterate",pe),Vt(s)?a:a.map(kt))}function Fe(s){return Mt(s=ot(s),"iterate",pe),s}const Go={__proto__:null,[Symbol.iterator](){return oa(this,Symbol.iterator,kt)},concat(...s){return Hs(this).concat(...s.map(a=>J(a)?Hs(a):a))},entries(){return oa(this,"entries",s=>(s[1]=kt(s[1]),s))},every(s,a){return ps(this,"every",s,a,void 0,arguments)},filter(s,a){return ps(this,"filter",s,a,i=>i.map(kt),arguments)},find(s,a){return ps(this,"find",s,a,kt,arguments)},findIndex(s,a){return ps(this,"findIndex",s,a,void 0,arguments)},findLast(s,a){return ps(this,"findLast",s,a,kt,arguments)},findLastIndex(s,a){return ps(this,"findLastIndex",s,a,void 0,arguments)},forEach(s,a){return ps(this,"forEach",s,a,void 0,arguments)},includes(...s){return la(this,"includes",s)},indexOf(...s){return la(this,"indexOf",s)},join(s){return Hs(this).join(s)},lastIndexOf(...s){return la(this,"lastIndexOf",s)},map(s,a){return ps(this,"map",s,a,void 0,arguments)},pop(){return se(this,"pop")},push(...s){return se(this,"push",s)},reduce(s,...a){return Xa(this,"reduce",s,a)},reduceRight(s,...a){return Xa(this,"reduceRight",s,a)},shift(){return se(this,"shift")},some(s,a){return ps(this,"some",s,a,void 0,arguments)},splice(...s){return se(this,"splice",s)},toReversed(){return Hs(this).toReversed()},toSorted(s){return Hs(this).toSorted(s)},toSpliced(...s){return Hs(this).toSpliced(...s)},unshift(...s){return se(this,"unshift",s)},values(){return oa(this,"values",kt)}};function oa(s,a,i){const e=Fe(s),n=e[a]();return e!==s&&!Vt(s)&&(n._next=n.next,n.next=()=>{const l=n._next();return l.value&&(l.value=i(l.value)),l}),n}const Lo=Array.prototype;function ps(s,a,i,e,n,l){const r=Fe(s),f=r!==s&&!Vt(s),o=r[a];if(o!==Lo[a]){const h=o.apply(s,l);return f?kt(h):h}let c=i;r!==s&&(f?c=function(h,v){return i.call(this,kt(h),v,s)}:i.length>2&&(c=function(h,v){return i.call(this,h,v,s)}));const p=o.call(r,c,e);return f&&n?n(p):p}function Xa(s,a,i,e){const n=Fe(s);let l=i;return n!==s&&(Vt(s)?i.length>3&&(l=function(r,f,o){return i.call(this,r,f,o,s)}):l=function(r,f,o){return i.call(this,r,kt(f),o,s)}),n[a](l,...e)}function la(s,a,i){const e=ot(s);Mt(e,"iterate",pe);const n=e[a](...i);return(n===-1||n===!1)&&La(i[0])?(i[0]=ot(i[0]),e[a](...i)):n}function se(s,a,i=[]){As(),Pa();const e=ot(s)[a].apply(s,i);return Sa(),js(),e}const Oo=ja("__proto__,__v_isRef,__isVue"),ln=new Set(Object.getOwnPropertyNames(Symbol).filter(s=>s!=="arguments"&&s!=="caller").map(s=>Symbol[s]).filter(rs));function Ho(s){rs(s)||(s=String(s));const a=ot(this);return Mt(a,"has",s),a.hasOwnProperty(s)}class cn{constructor(a=!1,i=!1){this._isReadonly=a,this._isShallow=i}get(a,i,e){if(i==="__v_skip")return a.__v_skip;const n=this._isReadonly,l=this._isShallow;if(i==="__v_isReactive")return!n;if(i==="__v_isReadonly")return n;if(i==="__v_isShallow")return l;if(i==="__v_raw")return e===(n?l?Xo:vn:l?un:rn).get(a)||Object.getPrototypeOf(a)===Object.getPrototypeOf(e)?a:void 0;const r=J(a);if(!n){let o;if(r&&(o=Go[i]))return o;if(i==="hasOwnProperty")return Ho}const f=Reflect.get(a,i,Dt(a)?a:e);return(rs(i)?ln.has(i):Oo(i))||(n||Mt(a,"get",i),l)?f:Dt(f)?r&&za(i)?f:f.value:_t(f)?n?pn(f):Ue(f):f}}class dn extends cn{constructor(a=!1){super(!1,a)}set(a,i,e,n){let l=a[i];if(!this._isShallow){const o=Rs(l);if(!Vt(e)&&!Rs(e)&&(l=ot(l),e=ot(e)),!J(a)&&Dt(l)&&!Dt(e))return o?!1:(l.value=e,!0)}const r=J(a)&&za(i)?Number(i)<a.length:lt(a,i),f=Reflect.set(a,i,e,Dt(a)?a:n);return a===ot(n)&&(r?Ds(e,l)&&hs(a,"set",i,e):hs(a,"add",i,e)),f}deleteProperty(a,i){const e=lt(a,i);a[i];const n=Reflect.deleteProperty(a,i);return n&&e&&hs(a,"delete",i,void 0),n}has(a,i){const e=Reflect.has(a,i);return(!rs(i)||!ln.has(i))&&Mt(a,"has",i),e}ownKeys(a){return Mt(a,"iterate",J(a)?"length":Ss),Reflect.ownKeys(a)}}class Bo extends cn{constructor(a=!1){super(!0,a)}set(a,i){return!0}deleteProperty(a,i){return!0}}const Wo=new dn,Vo=new Bo,Yo=new dn(!0);const _a=s=>s,ke=s=>Reflect.getPrototypeOf(s);function Jo(s,a,i){return function(...e){const n=this.__v_raw,l=ot(n),r=Ys(l),f=s==="entries"||s===Symbol.iterator&&r,o=s==="keys"&&r,c=n[s](...e),p=i?_a:a?ya:kt;return!a&&Mt(l,"iterate",o?ga:Ss),{next(){const{value:h,done:v}=c.next();return v?{value:h,done:v}:{value:f?[p(h[0]),p(h[1])]:p(h),done:v}},[Symbol.iterator](){return this}}}}function Ce(s){return function(...a){return s==="delete"?!1:s==="clear"?void 0:this}}function Qo(s,a){const i={get(n){const l=this.__v_raw,r=ot(l),f=ot(n);s||(Ds(n,f)&&Mt(r,"get",n),Mt(r,"get",f));const{has:o}=ke(r),c=a?_a:s?ya:kt;if(o.call(r,n))return c(l.get(n));if(o.call(r,f))return c(l.get(f));l!==r&&l.get(n)},get size(){const n=this.__v_raw;return!s&&Mt(ot(n),"iterate",Ss),Reflect.get(n,"size",n)},has(n){const l=this.__v_raw,r=ot(l),f=ot(n);return s||(Ds(n,f)&&Mt(r,"has",n),Mt(r,"has",f)),n===f?l.has(n):l.has(n)||l.has(f)},forEach(n,l){const r=this,f=r.__v_raw,o=ot(f),c=a?_a:s?ya:kt;return!s&&Mt(o,"iterate",Ss),f.forEach((p,h)=>n.call(l,c(p),c(h),r))}};return At(i,s?{add:Ce("add"),set:Ce("set"),delete:Ce("delete"),clear:Ce("clear")}:{add(n){!a&&!Vt(n)&&!Rs(n)&&(n=ot(n));const l=ot(this);return ke(l).has.call(l,n)||(l.add(n),hs(l,"add",n,n)),this},set(n,l){!a&&!Vt(l)&&!Rs(l)&&(l=ot(l));const r=ot(this),{has:f,get:o}=ke(r);let c=f.call(r,n);c||(n=ot(n),c=f.call(r,n));const p=o.call(r,n);return r.set(n,l),c?Ds(l,p)&&hs(r,"set",n,l):hs(r,"add",n,l),this},delete(n){const l=ot(this),{has:r,get:f}=ke(l);let o=r.call(l,n);o||(n=ot(n),o=r.call(l,n)),f&&f.call(l,n);const c=l.delete(n);return o&&hs(l,"delete",n,void 0),c},clear(){const n=ot(this),l=n.size!==0,r=n.clear();return l&&hs(n,"clear",void 0,void 0),r}}),["keys","values","entries",Symbol.iterator].forEach(n=>{i[n]=Jo(n,s,a)}),i}function Za(s,a){const i=Qo(s,a);return(e,n,l)=>n==="__v_isReactive"?!s:n==="__v_isReadonly"?s:n==="__v_raw"?e:Reflect.get(lt(i,n)&&n in e?i:e,n,l)}const Fo={get:Za(!1,!1)},Uo={get:Za(!1,!0)},Ko={get:Za(!0,!1)};const rn=new WeakMap,un=new WeakMap,vn=new WeakMap,Xo=new WeakMap;function qo(s){switch(s){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function tl(s){return s.__v_skip||!Object.isExtensible(s)?0:qo(Io(s))}function Ue(s){return Rs(s)?s:Ga(s,!1,Wo,Fo,rn)}function fn(s){return Ga(s,!1,Yo,Uo,un)}function pn(s){return Ga(s,!0,Vo,Ko,vn)}function Ga(s,a,i,e,n){if(!_t(s)||s.__v_raw&&!(a&&s.__v_isReactive))return s;const l=n.get(s);if(l)return l;const r=tl(s);if(r===0)return s;const f=new Proxy(s,r===2?e:i);return n.set(s,f),f}function Js(s){return Rs(s)?Js(s.__v_raw):!!(s&&s.__v_isReactive)}function Rs(s){return!!(s&&s.__v_isReadonly)}function Vt(s){return!!(s&&s.__v_isShallow)}function La(s){return s?!!s.__v_raw:!1}function ot(s){const a=s&&s.__v_raw;return a?ot(a):s}function sl(s){return!lt(s,"__v_skip")&&Object.isExtensible(s)&&Ji(s,"__v_skip",!0),s}const kt=s=>_t(s)?Ue(s):s,ya=s=>_t(s)?pn(s):s;function Dt(s){return s?s.__v_isRef===!0:!1}function C(s){return mn(s,!1)}function el(s){return mn(s,!0)}function mn(s,a){return Dt(s)?s:new al(s,a)}class al{constructor(a,i){this.dep=new Ta,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=i?a:ot(a),this._value=i?a:kt(a),this.__v_isShallow=i}get value(){return this.dep.track(),this._value}set value(a){const i=this._rawValue,e=this.__v_isShallow||Vt(a)||Rs(a);a=e?a:ot(a),Ds(a,i)&&(this._rawValue=a,this._value=e?a:kt(a),this.dep.trigger())}}function u(s){return Dt(s)?s.value:s}const il={get:(s,a,i)=>a==="__v_raw"?s:u(Reflect.get(s,a,i)),set:(s,a,i,e)=>{const n=s[a];return Dt(n)&&!Dt(i)?(n.value=i,!0):Reflect.set(s,a,i,e)}};function bn(s){return Js(s)?s:new Proxy(s,il)}class nl{constructor(a,i,e){this.fn=a,this.setter=i,this._value=void 0,this.dep=new Ta(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=fe-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!i,this.isSSR=e}notify(){if(this.flags|=16,!(this.flags&8)&&gt!==this)return tn(this,!0),!0}get value(){const a=this.dep.track();return an(this),a&&(a.version=this.dep.version),this._value}set value(a){this.setter&&this.setter(a)}}function ol(s,a,i=!1){let e,n;return F(s)?e=s:(e=s.get,n=s.set),new nl(e,n,i)}const De={},Re=new WeakMap;let Ps;function ll(s,a=!1,i=Ps){if(i){let e=Re.get(i);e||Re.set(i,e=[]),e.push(s)}}function cl(s,a,i=mt){const{immediate:e,deep:n,once:l,scheduler:r,augmentJob:f,call:o}=i,c=Z=>n?Z:Vt(Z)||n===!1||n===0?gs(Z,1):gs(Z);let p,h,v,g,P=!1,T=!1;if(Dt(s)?(h=()=>s.value,P=Vt(s)):Js(s)?(h=()=>c(s),P=!0):J(s)?(T=!0,P=s.some(Z=>Js(Z)||Vt(Z)),h=()=>s.map(Z=>{if(Dt(Z))return Z.value;if(Js(Z))return c(Z);if(F(Z))return o?o(Z,2):Z()})):F(s)?a?h=o?()=>o(s,2):s:h=()=>{if(v){As();try{v()}finally{js()}}const Z=Ps;Ps=p;try{return o?o(s,3,[g]):s(g)}finally{Ps=Z}}:h=ds,a&&n){const Z=h,ft=n===!0?1/0:n;h=()=>gs(Z(),ft)}const q=Ro(),B=()=>{p.stop(),q&&q.active&&Ea(q.effects,p)};if(l&&a){const Z=a;a=(...ft)=>{Z(...ft),B()}}let L=T?new Array(s.length).fill(De):De;const W=Z=>{if(!(!(p.flags&1)||!p.dirty&&!Z))if(a){const ft=p.run();if(n||P||(T?ft.some((It,yt)=>Ds(It,L[yt])):Ds(ft,L))){v&&v();const It=Ps;Ps=p;try{const yt=[ft,L===De?void 0:T&&L[0]===De?[]:L,g];o?o(a,3,yt):a(...yt),L=ft}finally{Ps=It}}}else p.run()};return f&&f(W),p=new Xi(h),p.scheduler=r?()=>r(W,!1):W,g=Z=>ll(Z,!1,p),v=p.onStop=()=>{const Z=Re.get(p);if(Z){if(o)o(Z,4);else for(const ft of Z)ft();Re.delete(p)}},a?e?W(!0):L=p.run():r?r(W.bind(null,!0),!0):p.run(),B.pause=p.pause.bind(p),B.resume=p.resume.bind(p),B.stop=B,B}function gs(s,a=1/0,i){if(a<=0||!_t(s)||s.__v_skip||(i=i||new Set,i.has(s)))return s;if(i.add(s),a--,Dt(s))gs(s.value,a,i);else if(J(s))for(let e=0;e<s.length;e++)gs(s[e],a,i);else if(We(s)||Ys(s))s.forEach(e=>{gs(e,a,i)});else if(Yi(s)){for(const e in s)gs(s[e],a,i);for(const e of Object.getOwnPropertySymbols(s))Object.prototype.propertyIsEnumerable.call(s,e)&&gs(s[e],a,i)}return s}/**
* @vue/runtime-core v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/function $e(s,a,i,e){try{return e?s(...e):s()}catch(n){Ke(n,a,i)}}function us(s,a,i,e){if(F(s)){const n=$e(s,a,i,e);return n&&Wi(n)&&n.catch(l=>{Ke(l,a,i)}),n}if(J(s)){const n=[];for(let l=0;l<s.length;l++)n.push(us(s[l],a,i,e));return n}}function Ke(s,a,i,e=!0){const n=a?a.vnode:null,{errorHandler:l,throwUnhandledErrorInProduction:r}=a&&a.appContext.config||mt;if(a){let f=a.parent;const o=a.proxy,c=`https://vuejs.org/error-reference/#runtime-${i}`;for(;f;){const p=f.ec;if(p){for(let h=0;h<p.length;h++)if(p[h](s,o,c)===!1)return}f=f.parent}if(l){As(),$e(l,null,10,[s,o,c]),js();return}}dl(s,i,n,e,r)}function dl(s,a,i,e=!0,n=!1){if(n)throw s;console.error(s)}const Et=[];let ls=-1;const Qs=[];let Ms=null,Bs=0;const hn=Promise.resolve();let Te=null;function gn(s){const a=Te||hn;return s?a.then(this?s.bind(this):s):a}function rl(s){let a=ls+1,i=Et.length;for(;a<i;){const e=a+i>>>1,n=Et[e],l=me(n);l<s||l===s&&n.flags&2?a=e+1:i=e}return a}function Oa(s){if(!(s.flags&1)){const a=me(s),i=Et[Et.length-1];!i||!(s.flags&2)&&a>=me(i)?Et.push(s):Et.splice(rl(a),0,s),s.flags|=1,_n()}}function _n(){Te||(Te=hn.then(xn))}function ul(s){J(s)?Qs.push(...s):Ms&&s.id===-1?Ms.splice(Bs+1,0,s):s.flags&1||(Qs.push(s),s.flags|=1),_n()}function qa(s,a,i=ls+1){for(;i<Et.length;i++){const e=Et[i];if(e&&e.flags&2){if(s&&e.id!==s.uid)continue;Et.splice(i,1),i--,e.flags&4&&(e.flags&=-2),e(),e.flags&4||(e.flags&=-2)}}}function yn(s){if(Qs.length){const a=[...new Set(Qs)].sort((i,e)=>me(i)-me(e));if(Qs.length=0,Ms){Ms.push(...a);return}for(Ms=a,Bs=0;Bs<Ms.length;Bs++){const i=Ms[Bs];i.flags&4&&(i.flags&=-2),i.flags&8||i(),i.flags&=-2}Ms=null,Bs=0}}const me=s=>s.id==null?s.flags&2?-1:1/0:s.id;function xn(s){try{for(ls=0;ls<Et.length;ls++){const a=Et[ls];a&&!(a.flags&8)&&(a.flags&4&&(a.flags&=-2),$e(a,a.i,a.i?15:14),a.flags&4||(a.flags&=-2))}}finally{for(;ls<Et.length;ls++){const a=Et[ls];a&&(a.flags&=-2)}ls=-1,Et.length=0,yn(),Te=null,(Et.length||Qs.length)&&xn()}}let Ht=null,wn=null;function Ze(s){const a=Ht;return Ht=s,wn=s&&s.type.__scopeId||null,a}function $n(s,a=Ht,i){if(!a||s._n)return s;const e=(...n)=>{e._d&&di(-1);const l=Ze(a);let r;try{r=s(...n)}finally{Ze(l),e._d&&di(1)}return r};return e._n=!0,e._c=!0,e._d=!0,e}function In(s,a){if(Ht===null)return s;const i=sa(Ht),e=s.dirs||(s.dirs=[]);for(let n=0;n<a.length;n++){let[l,r,f,o=mt]=a[n];l&&(F(l)&&(l={mounted:l,updated:l}),l.deep&&gs(r),e.push({dir:l,instance:i,value:r,oldValue:void 0,arg:f,modifiers:o}))}return s}function Es(s,a,i,e){const n=s.dirs,l=a&&a.dirs;for(let r=0;r<n.length;r++){const f=n[r];l&&(f.oldValue=l[r].value);let o=f.dir[e];o&&(As(),us(o,i,8,[s.el,f,s,a]),js())}}const vl=Symbol("_vte"),fl=s=>s.__isTeleport;function Ha(s,a){s.shapeFlag&6&&s.component?(s.transition=a,Ha(s.component.subTree,a)):s.shapeFlag&128?(s.ssContent.transition=a.clone(s.ssContent),s.ssFallback.transition=a.clone(s.ssFallback)):s.transition=a}/*! #__NO_SIDE_EFFECTS__ */function Mn(s,a){return F(s)?At({name:s.name},a,{setup:s}):s}function kn(s){s.ids=[s.ids[0]+s.ids[2]+++"-",0,0]}function Ge(s,a,i,e,n=!1){if(J(s)){s.forEach((P,T)=>Ge(P,a&&(J(a)?a[T]:a),i,e,n));return}if(ce(e)&&!n){e.shapeFlag&512&&e.type.__asyncResolved&&e.component.subTree.component&&Ge(s,a,i,e.component.subTree);return}const l=e.shapeFlag&4?sa(e.component):e.el,r=n?null:l,{i:f,r:o}=s,c=a&&a.r,p=f.refs===mt?f.refs={}:f.refs,h=f.setupState,v=ot(h),g=h===mt?()=>!1:P=>lt(v,P);if(c!=null&&c!==o&&(wt(c)?(p[c]=null,g(c)&&(h[c]=null)):Dt(c)&&(c.value=null)),F(o))$e(o,f,12,[r,p]);else{const P=wt(o),T=Dt(o);if(P||T){const q=()=>{if(s.f){const B=P?g(o)?h[o]:p[o]:o.value;n?J(B)&&Ea(B,l):J(B)?B.includes(l)||B.push(l):P?(p[o]=[l],g(o)&&(h[o]=p[o])):(o.value=[l],s.k&&(p[s.k]=o.value))}else P?(p[o]=r,g(o)&&(h[o]=r)):T&&(o.value=r,s.k&&(p[s.k]=r))};r?(q.id=-1,Lt(q,i)):q()}}}Je().requestIdleCallback;Je().cancelIdleCallback;const ce=s=>!!s.type.__asyncLoader,Cn=s=>s.type.__isKeepAlive;function pl(s,a){Dn(s,"a",a)}function ml(s,a){Dn(s,"da",a)}function Dn(s,a,i=Ct){const e=s.__wdc||(s.__wdc=()=>{let n=i;for(;n;){if(n.isDeactivated)return;n=n.parent}return s()});if(Xe(a,e,i),i){let n=i.parent;for(;n&&n.parent;)Cn(n.parent.vnode)&&bl(e,a,i,n),n=n.parent}}function bl(s,a,i,e){const n=Xe(a,s,e,!0);An(()=>{Ea(e[a],n)},i)}function Xe(s,a,i=Ct,e=!1){if(i){const n=i[s]||(i[s]=[]),l=a.__weh||(a.__weh=(...r)=>{As();const f=Ie(i),o=us(a,i,s,r);return f(),js(),o});return e?n.unshift(l):n.push(l),l}}const ys=s=>(a,i=Ct)=>{(!he||s==="sp")&&Xe(s,(...e)=>a(...e),i)},hl=ys("bm"),gl=ys("m"),_l=ys("bu"),yl=ys("u"),xl=ys("bum"),An=ys("um"),wl=ys("sp"),$l=ys("rtg"),Il=ys("rtc");function Ml(s,a=Ct){Xe("ec",s,a)}const kl="components";function jn(s,a){return Dl(kl,s,!0,a)||s}const Cl=Symbol.for("v-ndc");function Dl(s,a,i=!0,e=!1){const n=Ht||Ct;if(n){const l=n.type;{const f=mc(l,!1);if(f&&(f===a||f===Yt(a)||f===Ye(Yt(a))))return l}const r=ti(n[s]||l[s],a)||ti(n.appContext[s],a);return!r&&e?l:r}}function ti(s,a){return s&&(s[a]||s[Yt(a)]||s[Ye(Yt(a))])}function at(s,a,i,e){let n;const l=i,r=J(s);if(r||wt(s)){const f=r&&Js(s);let o=!1;f&&(o=!Vt(s),s=Fe(s)),n=new Array(s.length);for(let c=0,p=s.length;c<p;c++)n[c]=a(o?kt(s[c]):s[c],c,void 0,l)}else if(typeof s=="number"){n=new Array(s);for(let f=0;f<s;f++)n[f]=a(f+1,f,void 0,l)}else if(_t(s))if(s[Symbol.iterator])n=Array.from(s,(f,o)=>a(f,o,void 0,l));else{const f=Object.keys(s);n=new Array(f.length);for(let o=0,c=f.length;o<c;o++){const p=f[o];n[o]=a(s[p],p,o,l)}}else n=[];return n}const xa=s=>s?Xn(s)?sa(s):xa(s.parent):null,de=At(Object.create(null),{$:s=>s,$el:s=>s.vnode.el,$data:s=>s.data,$props:s=>s.props,$attrs:s=>s.attrs,$slots:s=>s.slots,$refs:s=>s.refs,$parent:s=>xa(s.parent),$root:s=>xa(s.root),$host:s=>s.ce,$emit:s=>s.emit,$options:s=>En(s),$forceUpdate:s=>s.f||(s.f=()=>{Oa(s.update)}),$nextTick:s=>s.n||(s.n=gn.bind(s.proxy)),$watch:s=>Fl.bind(s)}),ca=(s,a)=>s!==mt&&!s.__isScriptSetup&&lt(s,a),Al={get({_:s},a){if(a==="__v_skip")return!0;const{ctx:i,setupState:e,data:n,props:l,accessCache:r,type:f,appContext:o}=s;let c;if(a[0]!=="$"){const g=r[a];if(g!==void 0)switch(g){case 1:return e[a];case 2:return n[a];case 4:return i[a];case 3:return l[a]}else{if(ca(e,a))return r[a]=1,e[a];if(n!==mt&&lt(n,a))return r[a]=2,n[a];if((c=s.propsOptions[0])&&lt(c,a))return r[a]=3,l[a];if(i!==mt&&lt(i,a))return r[a]=4,i[a];wa&&(r[a]=0)}}const p=de[a];let h,v;if(p)return a==="$attrs"&&Mt(s.attrs,"get",""),p(s);if((h=f.__cssModules)&&(h=h[a]))return h;if(i!==mt&&lt(i,a))return r[a]=4,i[a];if(v=o.config.globalProperties,lt(v,a))return v[a]},set({_:s},a,i){const{data:e,setupState:n,ctx:l}=s;return ca(n,a)?(n[a]=i,!0):e!==mt&&lt(e,a)?(e[a]=i,!0):lt(s.props,a)||a[0]==="$"&&a.slice(1)in s?!1:(l[a]=i,!0)},has({_:{data:s,setupState:a,accessCache:i,ctx:e,appContext:n,propsOptions:l}},r){let f;return!!i[r]||s!==mt&&lt(s,r)||ca(a,r)||(f=l[0])&&lt(f,r)||lt(e,r)||lt(de,r)||lt(n.config.globalProperties,r)},defineProperty(s,a,i){return i.get!=null?s._.accessCache[a]=0:lt(i,"value")&&this.set(s,a,i.value,null),Reflect.defineProperty(s,a,i)}};function si(s){return J(s)?s.reduce((a,i)=>(a[i]=null,a),{}):s}let wa=!0;function jl(s){const a=En(s),i=s.proxy,e=s.ctx;wa=!1,a.beforeCreate&&ei(a.beforeCreate,s,"bc");const{data:n,computed:l,methods:r,watch:f,provide:o,inject:c,created:p,beforeMount:h,mounted:v,beforeUpdate:g,updated:P,activated:T,deactivated:q,beforeDestroy:B,beforeUnmount:L,destroyed:W,unmounted:Z,render:ft,renderTracked:It,renderTriggered:yt,errorCaptured:qt,serverPrefetch:xs,expose:ts,inheritAttrs:ws,components:Ns,directives:ss,filters:qs}=a;if(c&&Nl(c,e,null),r)for(const vt in r){const it=r[vt];F(it)&&(e[vt]=it.bind(i))}if(n){const vt=n.call(i,i);_t(vt)&&(s.data=Ue(vt))}if(wa=!0,l)for(const vt in l){const it=l[vt],fs=F(it)?it.bind(i,i):F(it.get)?it.get.bind(i,i):ds,$s=!F(it)&&F(it.set)?it.set.bind(i):ds,es=Jt({get:fs,set:$s});Object.defineProperty(e,vt,{enumerable:!0,configurable:!0,get:()=>es.value,set:Pt=>es.value=Pt})}if(f)for(const vt in f)Nn(f[vt],e,i,vt);if(o){const vt=F(o)?o.call(i):o;Reflect.ownKeys(vt).forEach(it=>{Ne(it,vt[it])})}p&&ei(p,s,"c");function $t(vt,it){J(it)?it.forEach(fs=>vt(fs.bind(i))):it&&vt(it.bind(i))}if($t(hl,h),$t(gl,v),$t(_l,g),$t(yl,P),$t(pl,T),$t(ml,q),$t(Ml,qt),$t(Il,It),$t($l,yt),$t(xl,L),$t(An,Z),$t(wl,xs),J(ts))if(ts.length){const vt=s.exposed||(s.exposed={});ts.forEach(it=>{Object.defineProperty(vt,it,{get:()=>i[it],set:fs=>i[it]=fs})})}else s.exposed||(s.exposed={});ft&&s.render===ds&&(s.render=ft),ws!=null&&(s.inheritAttrs=ws),Ns&&(s.components=Ns),ss&&(s.directives=ss),xs&&kn(s)}function Nl(s,a,i=ds){J(s)&&(s=$a(s));for(const e in s){const n=s[e];let l;_t(n)?"default"in n?l=_s(n.from||e,n.default,!0):l=_s(n.from||e):l=_s(n),Dt(l)?Object.defineProperty(a,e,{enumerable:!0,configurable:!0,get:()=>l.value,set:r=>l.value=r}):a[e]=l}}function ei(s,a,i){us(J(s)?s.map(e=>e.bind(a.proxy)):s.bind(a.proxy),a,i)}function Nn(s,a,i,e){let n=e.includes(".")?Yn(i,e):()=>i[e];if(wt(s)){const l=a[s];F(l)&&Ee(n,l)}else if(F(s))Ee(n,s.bind(i));else if(_t(s))if(J(s))s.forEach(l=>Nn(l,a,i,e));else{const l=F(s.handler)?s.handler.bind(i):a[s.handler];F(l)&&Ee(n,l,s)}}function En(s){const a=s.type,{mixins:i,extends:e}=a,{mixins:n,optionsCache:l,config:{optionMergeStrategies:r}}=s.appContext,f=l.get(a);let o;return f?o=f:!n.length&&!i&&!e?o=a:(o={},n.length&&n.forEach(c=>Le(o,c,r,!0)),Le(o,a,r)),_t(a)&&l.set(a,o),o}function Le(s,a,i,e=!1){const{mixins:n,extends:l}=a;l&&Le(s,l,i,!0),n&&n.forEach(r=>Le(s,r,i,!0));for(const r in a)if(!(e&&r==="expose")){const f=El[r]||i&&i[r];s[r]=f?f(s[r],a[r]):a[r]}return s}const El={data:ai,props:ii,emits:ii,methods:ie,computed:ie,beforeCreate:Nt,created:Nt,beforeMount:Nt,mounted:Nt,beforeUpdate:Nt,updated:Nt,beforeDestroy:Nt,beforeUnmount:Nt,destroyed:Nt,unmounted:Nt,activated:Nt,deactivated:Nt,errorCaptured:Nt,serverPrefetch:Nt,components:ie,directives:ie,watch:Pl,provide:ai,inject:zl};function ai(s,a){return a?s?function(){return At(F(s)?s.call(this,this):s,F(a)?a.call(this,this):a)}:a:s}function zl(s,a){return ie($a(s),$a(a))}function $a(s){if(J(s)){const a={};for(let i=0;i<s.length;i++)a[s[i]]=s[i];return a}return s}function Nt(s,a){return s?[...new Set([].concat(s,a))]:a}function ie(s,a){return s?At(Object.create(null),s,a):a}function ii(s,a){return s?J(s)&&J(a)?[...new Set([...s,...a])]:At(Object.create(null),si(s),si(a??{})):a}function Pl(s,a){if(!s)return a;if(!a)return s;const i=At(Object.create(null),s);for(const e in a)i[e]=Nt(s[e],a[e]);return i}function zn(){return{app:null,config:{isNativeTag:wo,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}}let Sl=0;function Rl(s,a){return function(e,n=null){F(e)||(e=At({},e)),n!=null&&!_t(n)&&(n=null);const l=zn(),r=new WeakSet,f=[];let o=!1;const c=l.app={_uid:Sl++,_component:e,_props:n,_container:null,_context:l,_instance:null,version:hc,get config(){return l.config},set config(p){},use(p,...h){return r.has(p)||(p&&F(p.install)?(r.add(p),p.install(c,...h)):F(p)&&(r.add(p),p(c,...h))),c},mixin(p){return l.mixins.includes(p)||l.mixins.push(p),c},component(p,h){return h?(l.components[p]=h,c):l.components[p]},directive(p,h){return h?(l.directives[p]=h,c):l.directives[p]},mount(p,h,v){if(!o){const g=c._ceVNode||d(e,n);return g.appContext=l,v===!0?v="svg":v===!1&&(v=void 0),s(g,p,v),o=!0,c._container=p,p.__vue_app__=c,sa(g.component)}},onUnmount(p){f.push(p)},unmount(){o&&(us(f,c._instance,16),s(null,c._container),delete c._container.__vue_app__)},provide(p,h){return l.provides[p]=h,c},runWithContext(p){const h=Fs;Fs=c;try{return p()}finally{Fs=h}}};return c}}let Fs=null;function Ne(s,a){if(Ct){let i=Ct.provides;const e=Ct.parent&&Ct.parent.provides;e===i&&(i=Ct.provides=Object.create(e)),i[s]=a}}function _s(s,a,i=!1){const e=Ct||Ht;if(e||Fs){const n=Fs?Fs._context.provides:e?e.parent==null?e.vnode.appContext&&e.vnode.appContext.provides:e.parent.provides:void 0;if(n&&s in n)return n[s];if(arguments.length>1)return i&&F(a)?a.call(e&&e.proxy):a}}const Pn={},Sn=()=>Object.create(Pn),Rn=s=>Object.getPrototypeOf(s)===Pn;function Tl(s,a,i,e=!1){const n={},l=Sn();s.propsDefaults=Object.create(null),Tn(s,a,n,l);for(const r in s.propsOptions[0])r in n||(n[r]=void 0);i?s.props=e?n:fn(n):s.type.props?s.props=n:s.props=l,s.attrs=l}function Zl(s,a,i,e){const{props:n,attrs:l,vnode:{patchFlag:r}}=s,f=ot(n),[o]=s.propsOptions;let c=!1;if((e||r>0)&&!(r&16)){if(r&8){const p=s.vnode.dynamicProps;for(let h=0;h<p.length;h++){let v=p[h];if(qe(s.emitsOptions,v))continue;const g=a[v];if(o)if(lt(l,v))g!==l[v]&&(l[v]=g,c=!0);else{const P=Yt(v);n[P]=Ia(o,f,P,g,s,!1)}else g!==l[v]&&(l[v]=g,c=!0)}}}else{Tn(s,a,n,l)&&(c=!0);let p;for(const h in f)(!a||!lt(a,h)&&((p=Zs(h))===h||!lt(a,p)))&&(o?i&&(i[h]!==void 0||i[p]!==void 0)&&(n[h]=Ia(o,f,h,void 0,s,!0)):delete n[h]);if(l!==f)for(const h in l)(!a||!lt(a,h))&&(delete l[h],c=!0)}c&&hs(s.attrs,"set","")}function Tn(s,a,i,e){const[n,l]=s.propsOptions;let r=!1,f;if(a)for(let o in a){if(ne(o))continue;const c=a[o];let p;n&&lt(n,p=Yt(o))?!l||!l.includes(p)?i[p]=c:(f||(f={}))[p]=c:qe(s.emitsOptions,o)||(!(o in e)||c!==e[o])&&(e[o]=c,r=!0)}if(l){const o=ot(i),c=f||mt;for(let p=0;p<l.length;p++){const h=l[p];i[h]=Ia(n,o,h,c[h],s,!lt(c,h))}}return r}function Ia(s,a,i,e,n,l){const r=s[i];if(r!=null){const f=lt(r,"default");if(f&&e===void 0){const o=r.default;if(r.type!==Function&&!r.skipFactory&&F(o)){const{propsDefaults:c}=n;if(i in c)e=c[i];else{const p=Ie(n);e=c[i]=o.call(null,a),p()}}else e=o;n.ce&&n.ce._setProp(i,e)}r[0]&&(l&&!f?e=!1:r[1]&&(e===""||e===Zs(i))&&(e=!0))}return e}const Gl=new WeakMap;function Zn(s,a,i=!1){const e=i?Gl:a.propsCache,n=e.get(s);if(n)return n;const l=s.props,r={},f=[];let o=!1;if(!F(s)){const p=h=>{o=!0;const[v,g]=Zn(h,a,!0);At(r,v),g&&f.push(...g)};!i&&a.mixins.length&&a.mixins.forEach(p),s.extends&&p(s.extends),s.mixins&&s.mixins.forEach(p)}if(!l&&!o)return _t(s)&&e.set(s,Vs),Vs;if(J(l))for(let p=0;p<l.length;p++){const h=Yt(l[p]);ni(h)&&(r[h]=mt)}else if(l)for(const p in l){const h=Yt(p);if(ni(h)){const v=l[p],g=r[h]=J(v)||F(v)?{type:v}:At({},v),P=g.type;let T=!1,q=!0;if(J(P))for(let B=0;B<P.length;++B){const L=P[B],W=F(L)&&L.name;if(W==="Boolean"){T=!0;break}else W==="String"&&(q=!1)}else T=F(P)&&P.name==="Boolean";g[0]=T,g[1]=q,(T||lt(g,"default"))&&f.push(h)}}const c=[r,f];return _t(s)&&e.set(s,c),c}function ni(s){return s[0]!=="$"&&!ne(s)}const Gn=s=>s[0]==="_"||s==="$stable",Ba=s=>J(s)?s.map(cs):[cs(s)],Ll=(s,a,i)=>{if(a._n)return a;const e=$n((...n)=>Ba(a(...n)),i);return e._c=!1,e},Ln=(s,a,i)=>{const e=s._ctx;for(const n in s){if(Gn(n))continue;const l=s[n];if(F(l))a[n]=Ll(n,l,e);else if(l!=null){const r=Ba(l);a[n]=()=>r}}},On=(s,a)=>{const i=Ba(a);s.slots.default=()=>i},Hn=(s,a,i)=>{for(const e in a)(i||e!=="_")&&(s[e]=a[e])},Ol=(s,a,i)=>{const e=s.slots=Sn();if(s.vnode.shapeFlag&32){const n=a._;n?(Hn(e,a,i),i&&Ji(e,"_",n,!0)):Ln(a,e)}else a&&On(s,a)},Hl=(s,a,i)=>{const{vnode:e,slots:n}=s;let l=!0,r=mt;if(e.shapeFlag&32){const f=a._;f?i&&f===1?l=!1:Hn(n,a,i):(l=!a.$stable,Ln(a,n)),r=a}else a&&(On(s,a),r={default:1});if(l)for(const f in n)!Gn(f)&&r[f]==null&&delete n[f]},Lt=ec;function Bl(s){return Wl(s)}function Wl(s,a){const i=Je();i.__VUE__=!0;const{insert:e,remove:n,patchProp:l,createElement:r,createText:f,createComment:o,setText:c,setElementText:p,parentNode:h,nextSibling:v,setScopeId:g=ds,insertStaticContent:P}=s,T=(m,b,x,w=null,M=null,I=null,E=void 0,N=null,j=!!b.dynamicChildren)=>{if(m===b)return;m&&!ee(m,b)&&(w=$(m),Pt(m,M,I,!0),m=null),b.patchFlag===-2&&(j=!1,b.dynamicChildren=null);const{type:D,ref:Y,shapeFlag:S}=b;switch(D){case ta:q(m,b,x,w);break;case Ts:B(m,b,x,w);break;case ze:m==null&&L(b,x,w,E);break;case U:Ns(m,b,x,w,M,I,E,N,j);break;default:S&1?ft(m,b,x,w,M,I,E,N,j):S&6?ss(m,b,x,w,M,I,E,N,j):(S&64||S&128)&&D.process(m,b,x,w,M,I,E,N,j,G)}Y!=null&&M&&Ge(Y,m&&m.ref,I,b||m,!b)},q=(m,b,x,w)=>{if(m==null)e(b.el=f(b.children),x,w);else{const M=b.el=m.el;b.children!==m.children&&c(M,b.children)}},B=(m,b,x,w)=>{m==null?e(b.el=o(b.children||""),x,w):b.el=m.el},L=(m,b,x,w)=>{[m.el,m.anchor]=P(m.children,b,x,w,m.el,m.anchor)},W=({el:m,anchor:b},x,w)=>{let M;for(;m&&m!==b;)M=v(m),e(m,x,w),m=M;e(b,x,w)},Z=({el:m,anchor:b})=>{let x;for(;m&&m!==b;)x=v(m),n(m),m=x;n(b)},ft=(m,b,x,w,M,I,E,N,j)=>{b.type==="svg"?E="svg":b.type==="math"&&(E="mathml"),m==null?It(b,x,w,M,I,E,N,j):xs(m,b,M,I,E,N,j)},It=(m,b,x,w,M,I,E,N)=>{let j,D;const{props:Y,shapeFlag:S,transition:O,dirs:Q}=m;if(j=m.el=r(m.type,I,Y&&Y.is,Y),S&8?p(j,m.children):S&16&&qt(m.children,j,null,w,M,da(m,I),E,N),Q&&Es(m,null,w,"created"),yt(j,m,m.scopeId,E,w),Y){for(const ht in Y)ht!=="value"&&!ne(ht)&&l(j,ht,null,Y[ht],I,w);"value"in Y&&l(j,"value",null,Y.value,I),(D=Y.onVnodeBeforeMount)&&os(D,w,m)}Q&&Es(m,null,w,"beforeMount");const et=Vl(M,O);et&&O.beforeEnter(j),e(j,b,x),((D=Y&&Y.onVnodeMounted)||et||Q)&&Lt(()=>{D&&os(D,w,m),et&&O.enter(j),Q&&Es(m,null,w,"mounted")},M)},yt=(m,b,x,w,M)=>{if(x&&g(m,x),w)for(let I=0;I<w.length;I++)g(m,w[I]);if(M){let I=M.subTree;if(b===I||Qn(I.type)&&(I.ssContent===b||I.ssFallback===b)){const E=M.vnode;yt(m,E,E.scopeId,E.slotScopeIds,M.parent)}}},qt=(m,b,x,w,M,I,E,N,j=0)=>{for(let D=j;D<m.length;D++){const Y=m[D]=N?ks(m[D]):cs(m[D]);T(null,Y,b,x,w,M,I,E,N)}},xs=(m,b,x,w,M,I,E)=>{const N=b.el=m.el;let{patchFlag:j,dynamicChildren:D,dirs:Y}=b;j|=m.patchFlag&16;const S=m.props||mt,O=b.props||mt;let Q;if(x&&zs(x,!1),(Q=O.onVnodeBeforeUpdate)&&os(Q,x,b,m),Y&&Es(b,m,x,"beforeUpdate"),x&&zs(x,!0),(S.innerHTML&&O.innerHTML==null||S.textContent&&O.textContent==null)&&p(N,""),D?ts(m.dynamicChildren,D,N,x,w,da(b,M),I):E||it(m,b,N,null,x,w,da(b,M),I,!1),j>0){if(j&16)ws(N,S,O,x,M);else if(j&2&&S.class!==O.class&&l(N,"class",null,O.class,M),j&4&&l(N,"style",S.style,O.style,M),j&8){const et=b.dynamicProps;for(let ht=0;ht<et.length;ht++){const dt=et[ht],Zt=S[dt],St=O[dt];(St!==Zt||dt==="value")&&l(N,dt,Zt,St,M,x)}}j&1&&m.children!==b.children&&p(N,b.children)}else!E&&D==null&&ws(N,S,O,x,M);((Q=O.onVnodeUpdated)||Y)&&Lt(()=>{Q&&os(Q,x,b,m),Y&&Es(b,m,x,"updated")},w)},ts=(m,b,x,w,M,I,E)=>{for(let N=0;N<b.length;N++){const j=m[N],D=b[N],Y=j.el&&(j.type===U||!ee(j,D)||j.shapeFlag&70)?h(j.el):x;T(j,D,Y,null,w,M,I,E,!0)}},ws=(m,b,x,w,M)=>{if(b!==x){if(b!==mt)for(const I in b)!ne(I)&&!(I in x)&&l(m,I,b[I],null,M,w);for(const I in x){if(ne(I))continue;const E=x[I],N=b[I];E!==N&&I!=="value"&&l(m,I,N,E,M,w)}"value"in x&&l(m,"value",b.value,x.value,M)}},Ns=(m,b,x,w,M,I,E,N,j)=>{const D=b.el=m?m.el:f(""),Y=b.anchor=m?m.anchor:f("");let{patchFlag:S,dynamicChildren:O,slotScopeIds:Q}=b;Q&&(N=N?N.concat(Q):Q),m==null?(e(D,x,w),e(Y,x,w),qt(b.children||[],x,Y,M,I,E,N,j)):S>0&&S&64&&O&&m.dynamicChildren?(ts(m.dynamicChildren,O,x,M,I,E,N),(b.key!=null||M&&b===M.subTree)&&Bn(m,b,!0)):it(m,b,x,Y,M,I,E,N,j)},ss=(m,b,x,w,M,I,E,N,j)=>{b.slotScopeIds=N,m==null?b.shapeFlag&512?M.ctx.activate(b,x,w,E,j):qs(b,x,w,M,I,E,j):Gs(m,b,j)},qs=(m,b,x,w,M,I,E)=>{const N=m.component=rc(m,w,M);if(Cn(m)&&(N.ctx.renderer=G),uc(N,!1,E),N.asyncDep){if(M&&M.registerDep(N,$t,E),!m.el){const j=N.subTree=d(Ts);B(null,j,b,x)}}else $t(N,m,b,x,M,I,E)},Gs=(m,b,x)=>{const w=b.component=m.component;if(tc(m,b,x))if(w.asyncDep&&!w.asyncResolved){vt(w,b,x);return}else w.next=b,w.update();else b.el=m.el,w.vnode=b},$t=(m,b,x,w,M,I,E)=>{const N=()=>{if(m.isMounted){let{next:S,bu:O,u:Q,parent:et,vnode:ht}=m;{const is=Wn(m);if(is){S&&(S.el=ht.el,vt(m,S,E)),is.asyncDep.then(()=>{m.isUnmounted||N()});return}}let dt=S,Zt;zs(m,!1),S?(S.el=ht.el,vt(m,S,E)):S=ht,O&&je(O),(Zt=S.props&&S.props.onVnodeBeforeUpdate)&&os(Zt,et,S,ht),zs(m,!0);const St=li(m),as=m.subTree;m.subTree=St,T(as,St,h(as.el),$(as),m,M,I),S.el=St.el,dt===null&&sc(m,St.el),Q&&Lt(Q,M),(Zt=S.props&&S.props.onVnodeUpdated)&&Lt(()=>os(Zt,et,S,ht),M)}else{let S;const{el:O,props:Q}=b,{bm:et,m:ht,parent:dt,root:Zt,type:St}=m,as=ce(b);zs(m,!1),et&&je(et),!as&&(S=Q&&Q.onVnodeBeforeMount)&&os(S,dt,b),zs(m,!0);{Zt.ce&&Zt.ce._injectChildStyle(St);const is=m.subTree=li(m);T(null,is,x,w,m,M,I),b.el=is.el}if(ht&&Lt(ht,M),!as&&(S=Q&&Q.onVnodeMounted)){const is=b;Lt(()=>os(S,dt,is),M)}(b.shapeFlag&256||dt&&ce(dt.vnode)&&dt.vnode.shapeFlag&256)&&m.a&&Lt(m.a,M),m.isMounted=!0,b=x=w=null}};m.scope.on();const j=m.effect=new Xi(N);m.scope.off();const D=m.update=j.run.bind(j),Y=m.job=j.runIfDirty.bind(j);Y.i=m,Y.id=m.uid,j.scheduler=()=>Oa(Y),zs(m,!0),D()},vt=(m,b,x)=>{b.component=m;const w=m.vnode.props;m.vnode=b,m.next=null,Zl(m,b.props,w,x),Hl(m,b.children,x),As(),qa(m),js()},it=(m,b,x,w,M,I,E,N,j=!1)=>{const D=m&&m.children,Y=m?m.shapeFlag:0,S=b.children,{patchFlag:O,shapeFlag:Q}=b;if(O>0){if(O&128){$s(D,S,x,w,M,I,E,N,j);return}else if(O&256){fs(D,S,x,w,M,I,E,N,j);return}}Q&8?(Y&16&&Wt(D,M,I),S!==D&&p(x,S)):Y&16?Q&16?$s(D,S,x,w,M,I,E,N,j):Wt(D,M,I,!0):(Y&8&&p(x,""),Q&16&&qt(S,x,w,M,I,E,N,j))},fs=(m,b,x,w,M,I,E,N,j)=>{m=m||Vs,b=b||Vs;const D=m.length,Y=b.length,S=Math.min(D,Y);let O;for(O=0;O<S;O++){const Q=b[O]=j?ks(b[O]):cs(b[O]);T(m[O],Q,x,null,M,I,E,N,j)}D>Y?Wt(m,M,I,!0,!1,S):qt(b,x,w,M,I,E,N,j,S)},$s=(m,b,x,w,M,I,E,N,j)=>{let D=0;const Y=b.length;let S=m.length-1,O=Y-1;for(;D<=S&&D<=O;){const Q=m[D],et=b[D]=j?ks(b[D]):cs(b[D]);if(ee(Q,et))T(Q,et,x,null,M,I,E,N,j);else break;D++}for(;D<=S&&D<=O;){const Q=m[S],et=b[O]=j?ks(b[O]):cs(b[O]);if(ee(Q,et))T(Q,et,x,null,M,I,E,N,j);else break;S--,O--}if(D>S){if(D<=O){const Q=O+1,et=Q<Y?b[Q].el:w;for(;D<=O;)T(null,b[D]=j?ks(b[D]):cs(b[D]),x,et,M,I,E,N,j),D++}}else if(D>O)for(;D<=S;)Pt(m[D],M,I,!0),D++;else{const Q=D,et=D,ht=new Map;for(D=et;D<=O;D++){const Gt=b[D]=j?ks(b[D]):cs(b[D]);Gt.key!=null&&ht.set(Gt.key,D)}let dt,Zt=0;const St=O-et+1;let as=!1,is=0;const te=new Array(St);for(D=0;D<St;D++)te[D]=0;for(D=Q;D<=S;D++){const Gt=m[D];if(Zt>=St){Pt(Gt,M,I,!0);continue}let ns;if(Gt.key!=null)ns=ht.get(Gt.key);else for(dt=et;dt<=O;dt++)if(te[dt-et]===0&&ee(Gt,b[dt])){ns=dt;break}ns===void 0?Pt(Gt,M,I,!0):(te[ns-et]=D+1,ns>=is?is=ns:as=!0,T(Gt,b[ns],x,null,M,I,E,N,j),Zt++)}const Ja=as?Yl(te):Vs;for(dt=Ja.length-1,D=St-1;D>=0;D--){const Gt=et+D,ns=b[Gt],Qa=Gt+1<Y?b[Gt+1].el:w;te[D]===0?T(null,ns,x,Qa,M,I,E,N,j):as&&(dt<0||D!==Ja[dt]?es(ns,x,Qa,2):dt--)}}},es=(m,b,x,w,M=null)=>{const{el:I,type:E,transition:N,children:j,shapeFlag:D}=m;if(D&6){es(m.component.subTree,b,x,w);return}if(D&128){m.suspense.move(b,x,w);return}if(D&64){E.move(m,b,x,G);return}if(E===U){e(I,b,x);for(let S=0;S<j.length;S++)es(j[S],b,x,w);e(m.anchor,b,x);return}if(E===ze){W(m,b,x);return}if(w!==2&&D&1&&N)if(w===0)N.beforeEnter(I),e(I,b,x),Lt(()=>N.enter(I),M);else{const{leave:S,delayLeave:O,afterLeave:Q}=N,et=()=>e(I,b,x),ht=()=>{S(I,()=>{et(),Q&&Q()})};O?O(I,et,ht):ht()}else e(I,b,x)},Pt=(m,b,x,w=!1,M=!1)=>{const{type:I,props:E,ref:N,children:j,dynamicChildren:D,shapeFlag:Y,patchFlag:S,dirs:O,cacheIndex:Q}=m;if(S===-2&&(M=!1),N!=null&&Ge(N,null,x,m,!0),Q!=null&&(b.renderCache[Q]=void 0),Y&256){b.ctx.deactivate(m);return}const et=Y&1&&O,ht=!ce(m);let dt;if(ht&&(dt=E&&E.onVnodeBeforeUnmount)&&os(dt,b,m),Y&6)Me(m.component,x,w);else{if(Y&128){m.suspense.unmount(x,w);return}et&&Es(m,null,b,"beforeUnmount"),Y&64?m.type.remove(m,b,x,G,w):D&&!D.hasOnce&&(I!==U||S>0&&S&64)?Wt(D,b,x,!1,!0):(I===U&&S&384||!M&&Y&16)&&Wt(j,b,x),w&&Ls(m)}(ht&&(dt=E&&E.onVnodeUnmounted)||et)&&Lt(()=>{dt&&os(dt,b,m),et&&Es(m,null,b,"unmounted")},x)},Ls=m=>{const{type:b,el:x,anchor:w,transition:M}=m;if(b===U){Os(x,w);return}if(b===ze){Z(m);return}const I=()=>{n(x),M&&!M.persisted&&M.afterLeave&&M.afterLeave()};if(m.shapeFlag&1&&M&&!M.persisted){const{leave:E,delayLeave:N}=M,j=()=>E(x,I);N?N(m.el,I,j):j()}else I()},Os=(m,b)=>{let x;for(;m!==b;)x=v(m),n(m),m=x;n(b)},Me=(m,b,x)=>{const{bum:w,scope:M,job:I,subTree:E,um:N,m:j,a:D}=m;oi(j),oi(D),w&&je(w),M.stop(),I&&(I.flags|=8,Pt(E,m,b,x)),N&&Lt(N,b),Lt(()=>{m.isUnmounted=!0},b),b&&b.pendingBranch&&!b.isUnmounted&&m.asyncDep&&!m.asyncResolved&&m.suspenseId===b.pendingId&&(b.deps--,b.deps===0&&b.resolve())},Wt=(m,b,x,w=!1,M=!1,I=0)=>{for(let E=I;E<m.length;E++)Pt(m[E],b,x,w,M)},$=m=>{if(m.shapeFlag&6)return $(m.component.subTree);if(m.shapeFlag&128)return m.suspense.next();const b=v(m.anchor||m.el),x=b&&b[vl];return x?v(x):b};let R=!1;const z=(m,b,x)=>{m==null?b._vnode&&Pt(b._vnode,null,null,!0):T(b._vnode||null,m,b,null,null,null,x),b._vnode=m,R||(R=!0,qa(),yn(),R=!1)},G={p:T,um:Pt,m:es,r:Ls,mt:qs,mc:qt,pc:it,pbc:ts,n:$,o:s};return{render:z,hydrate:void 0,createApp:Rl(z)}}function da({type:s,props:a},i){return i==="svg"&&s==="foreignObject"||i==="mathml"&&s==="annotation-xml"&&a&&a.encoding&&a.encoding.includes("html")?void 0:i}function zs({effect:s,job:a},i){i?(s.flags|=32,a.flags|=4):(s.flags&=-33,a.flags&=-5)}function Vl(s,a){return(!s||s&&!s.pendingBranch)&&a&&!a.persisted}function Bn(s,a,i=!1){const e=s.children,n=a.children;if(J(e)&&J(n))for(let l=0;l<e.length;l++){const r=e[l];let f=n[l];f.shapeFlag&1&&!f.dynamicChildren&&((f.patchFlag<=0||f.patchFlag===32)&&(f=n[l]=ks(n[l]),f.el=r.el),!i&&f.patchFlag!==-2&&Bn(r,f)),f.type===ta&&(f.el=r.el)}}function Yl(s){const a=s.slice(),i=[0];let e,n,l,r,f;const o=s.length;for(e=0;e<o;e++){const c=s[e];if(c!==0){if(n=i[i.length-1],s[n]<c){a[e]=n,i.push(e);continue}for(l=0,r=i.length-1;l<r;)f=l+r>>1,s[i[f]]<c?l=f+1:r=f;c<s[i[l]]&&(l>0&&(a[e]=i[l-1]),i[l]=e)}}for(l=i.length,r=i[l-1];l-- >0;)i[l]=r,r=a[r];return i}function Wn(s){const a=s.subTree.component;if(a)return a.asyncDep&&!a.asyncResolved?a:Wn(a)}function oi(s){if(s)for(let a=0;a<s.length;a++)s[a].flags|=8}const Jl=Symbol.for("v-scx"),Ql=()=>_s(Jl);function Ee(s,a,i){return Vn(s,a,i)}function Vn(s,a,i=mt){const{immediate:e,deep:n,flush:l,once:r}=i,f=At({},i),o=a&&e||!a&&l!=="post";let c;if(he){if(l==="sync"){const g=Ql();c=g.__watcherHandles||(g.__watcherHandles=[])}else if(!o){const g=()=>{};return g.stop=ds,g.resume=ds,g.pause=ds,g}}const p=Ct;f.call=(g,P,T)=>us(g,p,P,T);let h=!1;l==="post"?f.scheduler=g=>{Lt(g,p&&p.suspense)}:l!=="sync"&&(h=!0,f.scheduler=(g,P)=>{P?g():Oa(g)}),f.augmentJob=g=>{a&&(g.flags|=4),h&&(g.flags|=2,p&&(g.id=p.uid,g.i=p))};const v=cl(s,a,f);return he&&(c?c.push(v):o&&v()),v}function Fl(s,a,i){const e=this.proxy,n=wt(s)?s.includes(".")?Yn(e,s):()=>e[s]:s.bind(e,e);let l;F(a)?l=a:(l=a.handler,i=a);const r=Ie(this),f=Vn(n,l.bind(e),i);return r(),f}function Yn(s,a){const i=a.split(".");return()=>{let e=s;for(let n=0;n<i.length&&e;n++)e=e[i[n]];return e}}const Ul=(s,a)=>a==="modelValue"||a==="model-value"?s.modelModifiers:s[`${a}Modifiers`]||s[`${Yt(a)}Modifiers`]||s[`${Zs(a)}Modifiers`];function Kl(s,a,...i){if(s.isUnmounted)return;const e=s.vnode.props||mt;let n=i;const l=a.startsWith("update:"),r=l&&Ul(e,a.slice(7));r&&(r.trim&&(n=i.map(p=>wt(p)?p.trim():p)),r.number&&(n=i.map(Co)));let f,o=e[f=aa(a)]||e[f=aa(Yt(a))];!o&&l&&(o=e[f=aa(Zs(a))]),o&&us(o,s,6,n);const c=e[f+"Once"];if(c){if(!s.emitted)s.emitted={};else if(s.emitted[f])return;s.emitted[f]=!0,us(c,s,6,n)}}function Jn(s,a,i=!1){const e=a.emitsCache,n=e.get(s);if(n!==void 0)return n;const l=s.emits;let r={},f=!1;if(!F(s)){const o=c=>{const p=Jn(c,a,!0);p&&(f=!0,At(r,p))};!i&&a.mixins.length&&a.mixins.forEach(o),s.extends&&o(s.extends),s.mixins&&s.mixins.forEach(o)}return!l&&!f?(_t(s)&&e.set(s,null),null):(J(l)?l.forEach(o=>r[o]=null):At(r,l),_t(s)&&e.set(s,r),r)}function qe(s,a){return!s||!Be(a)?!1:(a=a.slice(2).replace(/Once$/,""),lt(s,a[0].toLowerCase()+a.slice(1))||lt(s,Zs(a))||lt(s,a))}function li(s){const{type:a,vnode:i,proxy:e,withProxy:n,propsOptions:[l],slots:r,attrs:f,emit:o,render:c,renderCache:p,props:h,data:v,setupState:g,ctx:P,inheritAttrs:T}=s,q=Ze(s);let B,L;try{if(i.shapeFlag&4){const Z=n||e,ft=Z;B=cs(c.call(ft,Z,p,h,g,v,P)),L=f}else{const Z=a;B=cs(Z.length>1?Z(h,{attrs:f,slots:r,emit:o}):Z(h,null)),L=a.props?f:Xl(f)}}catch(Z){re.length=0,Ke(Z,s,1),B=d(Ts)}let W=B;if(L&&T!==!1){const Z=Object.keys(L),{shapeFlag:ft}=W;Z.length&&ft&7&&(l&&Z.some(Na)&&(L=ql(L,l)),W=Us(W,L,!1,!0))}return i.dirs&&(W=Us(W,null,!1,!0),W.dirs=W.dirs?W.dirs.concat(i.dirs):i.dirs),i.transition&&Ha(W,i.transition),B=W,Ze(q),B}const Xl=s=>{let a;for(const i in s)(i==="class"||i==="style"||Be(i))&&((a||(a={}))[i]=s[i]);return a},ql=(s,a)=>{const i={};for(const e in s)(!Na(e)||!(e.slice(9)in a))&&(i[e]=s[e]);return i};function tc(s,a,i){const{props:e,children:n,component:l}=s,{props:r,children:f,patchFlag:o}=a,c=l.emitsOptions;if(a.dirs||a.transition)return!0;if(i&&o>=0){if(o&1024)return!0;if(o&16)return e?ci(e,r,c):!!r;if(o&8){const p=a.dynamicProps;for(let h=0;h<p.length;h++){const v=p[h];if(r[v]!==e[v]&&!qe(c,v))return!0}}}else return(n||f)&&(!f||!f.$stable)?!0:e===r?!1:e?r?ci(e,r,c):!0:!!r;return!1}function ci(s,a,i){const e=Object.keys(a);if(e.length!==Object.keys(s).length)return!0;for(let n=0;n<e.length;n++){const l=e[n];if(a[l]!==s[l]&&!qe(i,l))return!0}return!1}function sc({vnode:s,parent:a},i){for(;a;){const e=a.subTree;if(e.suspense&&e.suspense.activeBranch===s&&(e.el=s.el),e===s)(s=a.vnode).el=i,a=a.parent;else break}}const Qn=s=>s.__isSuspense;function ec(s,a){a&&a.pendingBranch?J(s)?a.effects.push(...s):a.effects.push(s):ul(s)}const U=Symbol.for("v-fgt"),ta=Symbol.for("v-txt"),Ts=Symbol.for("v-cmt"),ze=Symbol.for("v-stc"),re=[];let Bt=null;function _(s=!1){re.push(Bt=s?null:[])}function ac(){re.pop(),Bt=re[re.length-1]||null}let be=1;function di(s,a=!1){be+=s,s<0&&Bt&&a&&(Bt.hasOnce=!0)}function Fn(s){return s.dynamicChildren=be>0?Bt||Vs:null,ac(),be>0&&Bt&&Bt.push(s),s}function y(s,a,i,e,n,l){return Fn(t(s,a,i,e,n,l,!0))}function Un(s,a,i,e,n){return Fn(d(s,a,i,e,n,!0))}function Oe(s){return s?s.__v_isVNode===!0:!1}function ee(s,a){return s.type===a.type&&s.key===a.key}const Kn=({key:s})=>s??null,Pe=({ref:s,ref_key:a,ref_for:i})=>(typeof s=="number"&&(s=""+s),s!=null?wt(s)||Dt(s)||F(s)?{i:Ht,r:s,k:a,f:!!i}:s:null);function t(s,a=null,i=null,e=0,n=null,l=s===U?0:1,r=!1,f=!1){const o={__v_isVNode:!0,__v_skip:!0,type:s,props:a,key:a&&Kn(a),ref:a&&Pe(a),scopeId:wn,slotScopeIds:null,children:i,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:l,patchFlag:e,dynamicProps:n,dynamicChildren:null,appContext:null,ctx:Ht};return f?(Wa(o,i),l&128&&s.normalize(o)):i&&(o.shapeFlag|=wt(i)?8:16),be>0&&!r&&Bt&&(o.patchFlag>0||l&6)&&o.patchFlag!==32&&Bt.push(o),o}const d=ic;function ic(s,a=null,i=null,e=0,n=null,l=!1){if((!s||s===Cl)&&(s=Ts),Oe(s)){const f=Us(s,a,!0);return i&&Wa(f,i),be>0&&!l&&Bt&&(f.shapeFlag&6?Bt[Bt.indexOf(s)]=f:Bt.push(f)),f.patchFlag=-2,f}if(bc(s)&&(s=s.__vccOpts),a){a=nc(a);let{class:f,style:o}=a;f&&!wt(f)&&(a.class=st(f)),_t(o)&&(La(o)&&!J(o)&&(o=At({},o)),a.style=we(o))}const r=wt(s)?1:Qn(s)?128:fl(s)?64:_t(s)?4:F(s)?2:0;return t(s,a,i,e,n,r,l,!0)}function nc(s){return s?La(s)||Rn(s)?At({},s):s:null}function Us(s,a,i=!1,e=!1){const{props:n,ref:l,patchFlag:r,children:f,transition:o}=s,c=a?lc(n||{},a):n,p={__v_isVNode:!0,__v_skip:!0,type:s.type,props:c,key:c&&Kn(c),ref:a&&a.ref?i&&l?J(l)?l.concat(Pe(a)):[l,Pe(a)]:Pe(a):l,scopeId:s.scopeId,slotScopeIds:s.slotScopeIds,children:f,target:s.target,targetStart:s.targetStart,targetAnchor:s.targetAnchor,staticCount:s.staticCount,shapeFlag:s.shapeFlag,patchFlag:a&&s.type!==U?r===-1?16:r|16:r,dynamicProps:s.dynamicProps,dynamicChildren:s.dynamicChildren,appContext:s.appContext,dirs:s.dirs,transition:o,component:s.component,suspense:s.suspense,ssContent:s.ssContent&&Us(s.ssContent),ssFallback:s.ssFallback&&Us(s.ssFallback),el:s.el,anchor:s.anchor,ctx:s.ctx,ce:s.ce};return o&&e&&Ha(p,o.clone(p)),p}function oc(s=" ",a=0){return d(ta,null,s,a)}function V(s,a){const i=d(ze,null,s);return i.staticCount=a,i}function A(s="",a=!1){return a?(_(),Un(Ts,null,s)):d(Ts,null,s)}function cs(s){return s==null||typeof s=="boolean"?d(Ts):J(s)?d(U,null,s.slice()):Oe(s)?ks(s):d(ta,null,String(s))}function ks(s){return s.el===null&&s.patchFlag!==-1||s.memo?s:Us(s)}function Wa(s,a){let i=0;const{shapeFlag:e}=s;if(a==null)a=null;else if(J(a))i=16;else if(typeof a=="object")if(e&65){const n=a.default;n&&(n._c&&(n._d=!1),Wa(s,n()),n._c&&(n._d=!0));return}else{i=32;const n=a._;!n&&!Rn(a)?a._ctx=Ht:n===3&&Ht&&(Ht.slots._===1?a._=1:(a._=2,s.patchFlag|=1024))}else F(a)?(a={default:a,_ctx:Ht},i=32):(a=String(a),e&64?(i=16,a=[oc(a)]):i=8);s.children=a,s.shapeFlag|=i}function lc(...s){const a={};for(let i=0;i<s.length;i++){const e=s[i];for(const n in e)if(n==="class")a.class!==e.class&&(a.class=st([a.class,e.class]));else if(n==="style")a.style=we([a.style,e.style]);else if(Be(n)){const l=a[n],r=e[n];r&&l!==r&&!(J(l)&&l.includes(r))&&(a[n]=l?[].concat(l,r):r)}else n!==""&&(a[n]=e[n])}return a}function os(s,a,i,e=null){us(s,a,7,[i,e])}const cc=zn();let dc=0;function rc(s,a,i){const e=s.type,n=(a?a.appContext:s.appContext)||cc,l={uid:dc++,vnode:s,type:e,parent:a,appContext:n,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new So(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:a?a.provides:Object.create(n.provides),ids:a?a.ids:["",0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Zn(e,n),emitsOptions:Jn(e,n),emit:null,emitted:null,propsDefaults:mt,inheritAttrs:e.inheritAttrs,ctx:mt,data:mt,props:mt,attrs:mt,slots:mt,refs:mt,setupState:mt,setupContext:null,suspense:i,suspenseId:i?i.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return l.ctx={_:l},l.root=a?a.root:l,l.emit=Kl.bind(null,l),s.ce&&s.ce(l),l}let Ct=null,He,Ma;{const s=Je(),a=(i,e)=>{let n;return(n=s[i])||(n=s[i]=[]),n.push(e),l=>{n.length>1?n.forEach(r=>r(l)):n[0](l)}};He=a("__VUE_INSTANCE_SETTERS__",i=>Ct=i),Ma=a("__VUE_SSR_SETTERS__",i=>he=i)}const Ie=s=>{const a=Ct;return He(s),s.scope.on(),()=>{s.scope.off(),He(a)}},ri=()=>{Ct&&Ct.scope.off(),He(null)};function Xn(s){return s.vnode.shapeFlag&4}let he=!1;function uc(s,a=!1,i=!1){a&&Ma(a);const{props:e,children:n}=s.vnode,l=Xn(s);Tl(s,e,l,a),Ol(s,n,i);const r=l?vc(s,a):void 0;return a&&Ma(!1),r}function vc(s,a){const i=s.type;s.accessCache=Object.create(null),s.proxy=new Proxy(s.ctx,Al);const{setup:e}=i;if(e){As();const n=s.setupContext=e.length>1?pc(s):null,l=Ie(s),r=$e(e,s,0,[s.props,n]),f=Wi(r);if(js(),l(),(f||s.sp)&&!ce(s)&&kn(s),f){if(r.then(ri,ri),a)return r.then(o=>{ui(s,o)}).catch(o=>{Ke(o,s,0)});s.asyncDep=r}else ui(s,r)}else qn(s)}function ui(s,a,i){F(a)?s.type.__ssrInlineRender?s.ssrRender=a:s.render=a:_t(a)&&(s.setupState=bn(a)),qn(s)}function qn(s,a,i){const e=s.type;s.render||(s.render=e.render||ds);{const n=Ie(s);As();try{jl(s)}finally{js(),n()}}}const fc={get(s,a){return Mt(s,"get",""),s[a]}};function pc(s){const a=i=>{s.exposed=i||{}};return{attrs:new Proxy(s.attrs,fc),slots:s.slots,emit:s.emit,expose:a}}function sa(s){return s.exposed?s.exposeProxy||(s.exposeProxy=new Proxy(bn(sl(s.exposed)),{get(a,i){if(i in a)return a[i];if(i in de)return de[i](s)},has(a,i){return i in a||i in de}})):s.proxy}function mc(s,a=!0){return F(s)?s.displayName||s.name:s.name||a&&s.__name}function bc(s){return F(s)&&"__vccOpts"in s}const Jt=(s,a)=>ol(s,a,he);function ge(s,a,i){const e=arguments.length;return e===2?_t(a)&&!J(a)?Oe(a)?d(s,null,[a]):d(s,a):d(s,null,a):(e>3?i=Array.prototype.slice.call(arguments,2):e===3&&Oe(i)&&(i=[i]),d(s,a,i))}const hc="3.5.13";/**
* @vue/runtime-dom v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/let ka;const vi=typeof window<"u"&&window.trustedTypes;if(vi)try{ka=vi.createPolicy("vue",{createHTML:s=>s})}catch{}const to=ka?s=>ka.createHTML(s):s=>s,gc="http://www.w3.org/2000/svg",_c="http://www.w3.org/1998/Math/MathML",bs=typeof document<"u"?document:null,fi=bs&&bs.createElement("template"),yc={insert:(s,a,i)=>{a.insertBefore(s,i||null)},remove:s=>{const a=s.parentNode;a&&a.removeChild(s)},createElement:(s,a,i,e)=>{const n=a==="svg"?bs.createElementNS(gc,s):a==="mathml"?bs.createElementNS(_c,s):i?bs.createElement(s,{is:i}):bs.createElement(s);return s==="select"&&e&&e.multiple!=null&&n.setAttribute("multiple",e.multiple),n},createText:s=>bs.createTextNode(s),createComment:s=>bs.createComment(s),setText:(s,a)=>{s.nodeValue=a},setElementText:(s,a)=>{s.textContent=a},parentNode:s=>s.parentNode,nextSibling:s=>s.nextSibling,querySelector:s=>bs.querySelector(s),setScopeId(s,a){s.setAttribute(a,"")},insertStaticContent(s,a,i,e,n,l){const r=i?i.previousSibling:a.lastChild;if(n&&(n===l||n.nextSibling))for(;a.insertBefore(n.cloneNode(!0),i),!(n===l||!(n=n.nextSibling)););else{fi.innerHTML=to(e==="svg"?`<svg>${s}</svg>`:e==="mathml"?`<math>${s}</math>`:s);const f=fi.content;if(e==="svg"||e==="mathml"){const o=f.firstChild;for(;o.firstChild;)f.appendChild(o.firstChild);f.removeChild(o)}a.insertBefore(f,i)}return[r?r.nextSibling:a.firstChild,i?i.previousSibling:a.lastChild]}},xc=Symbol("_vtc");function wc(s,a,i){const e=s[xc];e&&(a=(a?[a,...e]:[...e]).join(" ")),a==null?s.removeAttribute("class"):i?s.setAttribute("class",a):s.className=a}const pi=Symbol("_vod"),$c=Symbol("_vsh"),Ic=Symbol(""),Mc=/(^|;)\s*display\s*:/;function kc(s,a,i){const e=s.style,n=wt(i);let l=!1;if(i&&!n){if(a)if(wt(a))for(const r of a.split(";")){const f=r.slice(0,r.indexOf(":")).trim();i[f]==null&&Se(e,f,"")}else for(const r in a)i[r]==null&&Se(e,r,"");for(const r in i)r==="display"&&(l=!0),Se(e,r,i[r])}else if(n){if(a!==i){const r=e[Ic];r&&(i+=";"+r),e.cssText=i,l=Mc.test(i)}}else a&&s.removeAttribute("style");pi in s&&(s[pi]=l?e.display:"",s[$c]&&(e.display="none"))}const mi=/\s*!important$/;function Se(s,a,i){if(J(i))i.forEach(e=>Se(s,a,e));else if(i==null&&(i=""),a.startsWith("--"))s.setProperty(a,i);else{const e=Cc(s,a);mi.test(i)?s.setProperty(Zs(e),i.replace(mi,""),"important"):s[e]=i}}const bi=["Webkit","Moz","ms"],ra={};function Cc(s,a){const i=ra[a];if(i)return i;let e=Yt(a);if(e!=="filter"&&e in s)return ra[a]=e;e=Ye(e);for(let n=0;n<bi.length;n++){const l=bi[n]+e;if(l in s)return ra[a]=l}return a}const hi="http://www.w3.org/1999/xlink";function gi(s,a,i,e,n,l=zo(a)){e&&a.startsWith("xlink:")?i==null?s.removeAttributeNS(hi,a.slice(6,a.length)):s.setAttributeNS(hi,a,i):i==null||l&&!Qi(i)?s.removeAttribute(a):s.setAttribute(a,l?"":rs(i)?String(i):i)}function _i(s,a,i,e,n){if(a==="innerHTML"||a==="textContent"){i!=null&&(s[a]=a==="innerHTML"?to(i):i);return}const l=s.tagName;if(a==="value"&&l!=="PROGRESS"&&!l.includes("-")){const f=l==="OPTION"?s.getAttribute("value")||"":s.value,o=i==null?s.type==="checkbox"?"on":"":String(i);(f!==o||!("_value"in s))&&(s.value=o),i==null&&s.removeAttribute(a),s._value=i;return}let r=!1;if(i===""||i==null){const f=typeof s[a];f==="boolean"?i=Qi(i):i==null&&f==="string"?(i="",r=!0):f==="number"&&(i=0,r=!0)}try{s[a]=i}catch{}r&&s.removeAttribute(n||a)}function so(s,a,i,e){s.addEventListener(a,i,e)}function Dc(s,a,i,e){s.removeEventListener(a,i,e)}const yi=Symbol("_vei");function Ac(s,a,i,e,n=null){const l=s[yi]||(s[yi]={}),r=l[a];if(e&&r)r.value=e;else{const[f,o]=jc(a);if(e){const c=l[a]=zc(e,n);so(s,f,c,o)}else r&&(Dc(s,f,r,o),l[a]=void 0)}}const xi=/(?:Once|Passive|Capture)$/;function jc(s){let a;if(xi.test(s)){a={};let e;for(;e=s.match(xi);)s=s.slice(0,s.length-e[0].length),a[e[0].toLowerCase()]=!0}return[s[2]===":"?s.slice(3):Zs(s.slice(2)),a]}let ua=0;const Nc=Promise.resolve(),Ec=()=>ua||(Nc.then(()=>ua=0),ua=Date.now());function zc(s,a){const i=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=i.attached)return;us(Pc(e,i.value),a,5,[e])};return i.value=s,i.attached=Ec(),i}function Pc(s,a){if(J(a)){const i=s.stopImmediatePropagation;return s.stopImmediatePropagation=()=>{i.call(s),s._stopped=!0},a.map(e=>n=>!n._stopped&&e&&e(n))}else return a}const wi=s=>s.charCodeAt(0)===111&&s.charCodeAt(1)===110&&s.charCodeAt(2)>96&&s.charCodeAt(2)<123,Sc=(s,a,i,e,n,l)=>{const r=n==="svg";a==="class"?wc(s,e,r):a==="style"?kc(s,i,e):Be(a)?Na(a)||Ac(s,a,i,e,l):(a[0]==="."?(a=a.slice(1),!0):a[0]==="^"?(a=a.slice(1),!1):Rc(s,a,e,r))?(_i(s,a,e),!s.tagName.includes("-")&&(a==="value"||a==="checked"||a==="selected")&&gi(s,a,e,r,l,a!=="value")):s._isVueCE&&(/[A-Z]/.test(a)||!wt(e))?_i(s,Yt(a),e,l,a):(a==="true-value"?s._trueValue=e:a==="false-value"&&(s._falseValue=e),gi(s,a,e,r))};function Rc(s,a,i,e){if(e)return!!(a==="innerHTML"||a==="textContent"||a in s&&wi(a)&&F(i));if(a==="spellcheck"||a==="draggable"||a==="translate"||a==="form"||a==="list"&&s.tagName==="INPUT"||a==="type"&&s.tagName==="TEXTAREA")return!1;if(a==="width"||a==="height"){const n=s.tagName;if(n==="IMG"||n==="VIDEO"||n==="CANVAS"||n==="SOURCE")return!1}return wi(a)&&wt(i)?!1:a in s}const $i=s=>{const a=s.props["onUpdate:modelValue"]||!1;return J(a)?i=>je(a,i):a},va=Symbol("_assign"),eo={deep:!0,created(s,a,i){s[va]=$i(i),so(s,"change",()=>{const e=s._modelValue,n=Tc(s),l=s.checked,r=s[va];if(J(e)){const f=Fi(e,n),o=f!==-1;if(l&&!o)r(e.concat(n));else if(!l&&o){const c=[...e];c.splice(f,1),r(c)}}else if(We(e)){const f=new Set(e);l?f.add(n):f.delete(n),r(f)}else r(ao(s,l))})},mounted:Ii,beforeUpdate(s,a,i){s[va]=$i(i),Ii(s,a,i)}};function Ii(s,{value:a,oldValue:i},e){s._modelValue=a;let n;if(J(a))n=Fi(a,e.props.value)>-1;else if(We(a))n=a.has(e.props.value);else{if(a===i)return;n=Qe(a,ao(s,!0))}s.checked!==n&&(s.checked=n)}function Tc(s){return"_value"in s?s._value:s.value}function ao(s,a){const i=a?"_trueValue":"_falseValue";return i in s?s[i]:a}const Zc=At({patchProp:Sc},yc);let Mi;function Gc(){return Mi||(Mi=Bl(Zc))}const Lc=(...s)=>{const a=Gc().createApp(...s),{mount:i}=a;return a.mount=e=>{const n=Hc(e);if(!n)return;const l=a._component;!F(l)&&!l.render&&!l.template&&(l.template=n.innerHTML),n.nodeType===1&&(n.textContent="");const r=i(n,!1,Oc(n));return n instanceof Element&&(n.removeAttribute("v-cloak"),n.setAttribute("data-v-app","")),r},a};function Oc(s){if(s instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&s instanceof MathMLElement)return"mathml"}function Hc(s){return wt(s)?document.querySelector(s):s}const bt=(s,a)=>{const i=s.__vccOpts||s;for(const[e,n]of a)i[e]=n;return i},Bc={};function Wc(s,a){const i=jn("router-view");return _(),Un(i)}const Vc=bt(Bc,[["render",Wc]]),Yc="modulepreload",Jc=function(s){return"/ide/proxy/6009/"+s},ki={},Qc=function(a,i,e){let n=Promise.resolve();if(i&&i.length>0){document.getElementsByTagName("link");const r=document.querySelector("meta[property=csp-nonce]"),f=(r==null?void 0:r.nonce)||(r==null?void 0:r.getAttribute("nonce"));n=Promise.allSettled(i.map(o=>{if(o=Jc(o),o in ki)return;ki[o]=!0;const c=o.endsWith(".css"),p=c?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${o}"]${p}`))return;const h=document.createElement("link");if(h.rel=c?"stylesheet":Yc,c||(h.as="script"),h.crossOrigin="",h.href=o,f&&h.setAttribute("nonce",f),document.head.appendChild(h),c)return new Promise((v,g)=>{h.addEventListener("load",v),h.addEventListener("error",()=>g(new Error(`Unable to preload CSS for ${o}`)))})}))}function l(r){const f=new Event("vite:preloadError",{cancelable:!0});if(f.payload=r,window.dispatchEvent(f),!f.defaultPrevented)throw r}return n.then(r=>{for(const f of r||[])f.status==="rejected"&&l(f.reason);return a().catch(l)})};/*!
  * vue-router v4.5.0
  * (c) 2024 Eduardo San Martin Morote
  * @license MIT
  */const Ws=typeof document<"u";function io(s){return typeof s=="object"||"displayName"in s||"props"in s||"__vccOpts"in s}function Fc(s){return s.__esModule||s[Symbol.toStringTag]==="Module"||s.default&&io(s.default)}const nt=Object.assign;function fa(s,a){const i={};for(const e in a){const n=a[e];i[e]=Ft(n)?n.map(s):s(n)}return i}const ue=()=>{},Ft=Array.isArray,no=/#/g,Uc=/&/g,Kc=/\//g,Xc=/=/g,qc=/\?/g,oo=/\+/g,td=/%5B/g,sd=/%5D/g,lo=/%5E/g,ed=/%60/g,co=/%7B/g,ad=/%7C/g,ro=/%7D/g,id=/%20/g;function Va(s){return encodeURI(""+s).replace(ad,"|").replace(td,"[").replace(sd,"]")}function nd(s){return Va(s).replace(co,"{").replace(ro,"}").replace(lo,"^")}function Ca(s){return Va(s).replace(oo,"%2B").replace(id,"+").replace(no,"%23").replace(Uc,"%26").replace(ed,"`").replace(co,"{").replace(ro,"}").replace(lo,"^")}function od(s){return Ca(s).replace(Xc,"%3D")}function ld(s){return Va(s).replace(no,"%23").replace(qc,"%3F")}function cd(s){return s==null?"":ld(s).replace(Kc,"%2F")}function _e(s){try{return decodeURIComponent(""+s)}catch{}return""+s}const dd=/\/$/,rd=s=>s.replace(dd,"");function pa(s,a,i="/"){let e,n={},l="",r="";const f=a.indexOf("#");let o=a.indexOf("?");return f<o&&f>=0&&(o=-1),o>-1&&(e=a.slice(0,o),l=a.slice(o+1,f>-1?f:a.length),n=s(l)),f>-1&&(e=e||a.slice(0,f),r=a.slice(f,a.length)),e=pd(e??a,i),{fullPath:e+(l&&"?")+l+r,path:e,query:n,hash:_e(r)}}function ud(s,a){const i=a.query?s(a.query):"";return a.path+(i&&"?")+i+(a.hash||"")}function Ci(s,a){return!a||!s.toLowerCase().startsWith(a.toLowerCase())?s:s.slice(a.length)||"/"}function vd(s,a,i){const e=a.matched.length-1,n=i.matched.length-1;return e>-1&&e===n&&Ks(a.matched[e],i.matched[n])&&uo(a.params,i.params)&&s(a.query)===s(i.query)&&a.hash===i.hash}function Ks(s,a){return(s.aliasOf||s)===(a.aliasOf||a)}function uo(s,a){if(Object.keys(s).length!==Object.keys(a).length)return!1;for(const i in s)if(!fd(s[i],a[i]))return!1;return!0}function fd(s,a){return Ft(s)?Di(s,a):Ft(a)?Di(a,s):s===a}function Di(s,a){return Ft(a)?s.length===a.length&&s.every((i,e)=>i===a[e]):s.length===1&&s[0]===a}function pd(s,a){if(s.startsWith("/"))return s;if(!s)return a;const i=a.split("/"),e=s.split("/"),n=e[e.length-1];(n===".."||n===".")&&e.push("");let l=i.length-1,r,f;for(r=0;r<e.length;r++)if(f=e[r],f!==".")if(f==="..")l>1&&l--;else break;return i.slice(0,l).join("/")+"/"+e.slice(r).join("/")}const Is={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0};var ye;(function(s){s.pop="pop",s.push="push"})(ye||(ye={}));var ve;(function(s){s.back="back",s.forward="forward",s.unknown=""})(ve||(ve={}));function md(s){if(!s)if(Ws){const a=document.querySelector("base");s=a&&a.getAttribute("href")||"/",s=s.replace(/^\w+:\/\/[^\/]+/,"")}else s="/";return s[0]!=="/"&&s[0]!=="#"&&(s="/"+s),rd(s)}const bd=/^[^#]+#/;function hd(s,a){return s.replace(bd,"#")+a}function gd(s,a){const i=document.documentElement.getBoundingClientRect(),e=s.getBoundingClientRect();return{behavior:a.behavior,left:e.left-i.left-(a.left||0),top:e.top-i.top-(a.top||0)}}const ea=()=>({left:window.scrollX,top:window.scrollY});function _d(s){let a;if("el"in s){const i=s.el,e=typeof i=="string"&&i.startsWith("#"),n=typeof i=="string"?e?document.getElementById(i.slice(1)):document.querySelector(i):i;if(!n)return;a=gd(n,s)}else a=s;"scrollBehavior"in document.documentElement.style?window.scrollTo(a):window.scrollTo(a.left!=null?a.left:window.scrollX,a.top!=null?a.top:window.scrollY)}function Ai(s,a){return(history.state?history.state.position-a:-1)+s}const Da=new Map;function yd(s,a){Da.set(s,a)}function xd(s){const a=Da.get(s);return Da.delete(s),a}let wd=()=>location.protocol+"//"+location.host;function vo(s,a){const{pathname:i,search:e,hash:n}=a,l=s.indexOf("#");if(l>-1){let f=n.includes(s.slice(l))?s.slice(l).length:1,o=n.slice(f);return o[0]!=="/"&&(o="/"+o),Ci(o,"")}return Ci(i,s)+e+n}function $d(s,a,i,e){let n=[],l=[],r=null;const f=({state:v})=>{const g=vo(s,location),P=i.value,T=a.value;let q=0;if(v){if(i.value=g,a.value=v,r&&r===P){r=null;return}q=T?v.position-T.position:0}else e(g);n.forEach(B=>{B(i.value,P,{delta:q,type:ye.pop,direction:q?q>0?ve.forward:ve.back:ve.unknown})})};function o(){r=i.value}function c(v){n.push(v);const g=()=>{const P=n.indexOf(v);P>-1&&n.splice(P,1)};return l.push(g),g}function p(){const{history:v}=window;v.state&&v.replaceState(nt({},v.state,{scroll:ea()}),"")}function h(){for(const v of l)v();l=[],window.removeEventListener("popstate",f),window.removeEventListener("beforeunload",p)}return window.addEventListener("popstate",f),window.addEventListener("beforeunload",p,{passive:!0}),{pauseListeners:o,listen:c,destroy:h}}function ji(s,a,i,e=!1,n=!1){return{back:s,current:a,forward:i,replaced:e,position:window.history.length,scroll:n?ea():null}}function Id(s){const{history:a,location:i}=window,e={value:vo(s,i)},n={value:a.state};n.value||l(e.value,{back:null,current:e.value,forward:null,position:a.length-1,replaced:!0,scroll:null},!0);function l(o,c,p){const h=s.indexOf("#"),v=h>-1?(i.host&&document.querySelector("base")?s:s.slice(h))+o:wd()+s+o;try{a[p?"replaceState":"pushState"](c,"",v),n.value=c}catch(g){console.error(g),i[p?"replace":"assign"](v)}}function r(o,c){const p=nt({},a.state,ji(n.value.back,o,n.value.forward,!0),c,{position:n.value.position});l(o,p,!0),e.value=o}function f(o,c){const p=nt({},n.value,a.state,{forward:o,scroll:ea()});l(p.current,p,!0);const h=nt({},ji(e.value,o,null),{position:p.position+1},c);l(o,h,!1),e.value=o}return{location:e,state:n,push:f,replace:r}}function Md(s){s=md(s);const a=Id(s),i=$d(s,a.state,a.location,a.replace);function e(l,r=!0){r||i.pauseListeners(),history.go(l)}const n=nt({location:"",base:s,go:e,createHref:hd.bind(null,s)},a,i);return Object.defineProperty(n,"location",{enumerable:!0,get:()=>a.location.value}),Object.defineProperty(n,"state",{enumerable:!0,get:()=>a.state.value}),n}function kd(s){return s=location.host?s||location.pathname+location.search:"",s.includes("#")||(s+="#"),Md(s)}function Cd(s){return typeof s=="string"||s&&typeof s=="object"}function fo(s){return typeof s=="string"||typeof s=="symbol"}const po=Symbol("");var Ni;(function(s){s[s.aborted=4]="aborted",s[s.cancelled=8]="cancelled",s[s.duplicated=16]="duplicated"})(Ni||(Ni={}));function Xs(s,a){return nt(new Error,{type:s,[po]:!0},a)}function ms(s,a){return s instanceof Error&&po in s&&(a==null||!!(s.type&a))}const Ei="[^/]+?",Dd={sensitive:!1,strict:!1,start:!0,end:!0},Ad=/[.+*?^${}()[\]/\\]/g;function jd(s,a){const i=nt({},Dd,a),e=[];let n=i.start?"^":"";const l=[];for(const c of s){const p=c.length?[]:[90];i.strict&&!c.length&&(n+="/");for(let h=0;h<c.length;h++){const v=c[h];let g=40+(i.sensitive?.25:0);if(v.type===0)h||(n+="/"),n+=v.value.replace(Ad,"\\$&"),g+=40;else if(v.type===1){const{value:P,repeatable:T,optional:q,regexp:B}=v;l.push({name:P,repeatable:T,optional:q});const L=B||Ei;if(L!==Ei){g+=10;try{new RegExp(`(${L})`)}catch(Z){throw new Error(`Invalid custom RegExp for param "${P}" (${L}): `+Z.message)}}let W=T?`((?:${L})(?:/(?:${L}))*)`:`(${L})`;h||(W=q&&c.length<2?`(?:/${W})`:"/"+W),q&&(W+="?"),n+=W,g+=20,q&&(g+=-8),T&&(g+=-20),L===".*"&&(g+=-50)}p.push(g)}e.push(p)}if(i.strict&&i.end){const c=e.length-1;e[c][e[c].length-1]+=.7000000000000001}i.strict||(n+="/?"),i.end?n+="$":i.strict&&!n.endsWith("/")&&(n+="(?:/|$)");const r=new RegExp(n,i.sensitive?"":"i");function f(c){const p=c.match(r),h={};if(!p)return null;for(let v=1;v<p.length;v++){const g=p[v]||"",P=l[v-1];h[P.name]=g&&P.repeatable?g.split("/"):g}return h}function o(c){let p="",h=!1;for(const v of s){(!h||!p.endsWith("/"))&&(p+="/"),h=!1;for(const g of v)if(g.type===0)p+=g.value;else if(g.type===1){const{value:P,repeatable:T,optional:q}=g,B=P in c?c[P]:"";if(Ft(B)&&!T)throw new Error(`Provided param "${P}" is an array but it is not repeatable (* or + modifiers)`);const L=Ft(B)?B.join("/"):B;if(!L)if(q)v.length<2&&(p.endsWith("/")?p=p.slice(0,-1):h=!0);else throw new Error(`Missing required param "${P}"`);p+=L}}return p||"/"}return{re:r,score:e,keys:l,parse:f,stringify:o}}function Nd(s,a){let i=0;for(;i<s.length&&i<a.length;){const e=a[i]-s[i];if(e)return e;i++}return s.length<a.length?s.length===1&&s[0]===80?-1:1:s.length>a.length?a.length===1&&a[0]===80?1:-1:0}function mo(s,a){let i=0;const e=s.score,n=a.score;for(;i<e.length&&i<n.length;){const l=Nd(e[i],n[i]);if(l)return l;i++}if(Math.abs(n.length-e.length)===1){if(zi(e))return 1;if(zi(n))return-1}return n.length-e.length}function zi(s){const a=s[s.length-1];return s.length>0&&a[a.length-1]<0}const Ed={type:0,value:""},zd=/[a-zA-Z0-9_]/;function Pd(s){if(!s)return[[]];if(s==="/")return[[Ed]];if(!s.startsWith("/"))throw new Error(`Invalid path "${s}"`);function a(g){throw new Error(`ERR (${i})/"${c}": ${g}`)}let i=0,e=i;const n=[];let l;function r(){l&&n.push(l),l=[]}let f=0,o,c="",p="";function h(){c&&(i===0?l.push({type:0,value:c}):i===1||i===2||i===3?(l.length>1&&(o==="*"||o==="+")&&a(`A repeatable param (${c}) must be alone in its segment. eg: '/:ids+.`),l.push({type:1,value:c,regexp:p,repeatable:o==="*"||o==="+",optional:o==="*"||o==="?"})):a("Invalid state to consume buffer"),c="")}function v(){c+=o}for(;f<s.length;){if(o=s[f++],o==="\\"&&i!==2){e=i,i=4;continue}switch(i){case 0:o==="/"?(c&&h(),r()):o===":"?(h(),i=1):v();break;case 4:v(),i=e;break;case 1:o==="("?i=2:zd.test(o)?v():(h(),i=0,o!=="*"&&o!=="?"&&o!=="+"&&f--);break;case 2:o===")"?p[p.length-1]=="\\"?p=p.slice(0,-1)+o:i=3:p+=o;break;case 3:h(),i=0,o!=="*"&&o!=="?"&&o!=="+"&&f--,p="";break;default:a("Unknown state");break}}return i===2&&a(`Unfinished custom RegExp for param "${c}"`),h(),r(),n}function Sd(s,a,i){const e=jd(Pd(s.path),i),n=nt(e,{record:s,parent:a,children:[],alias:[]});return a&&!n.record.aliasOf==!a.record.aliasOf&&a.children.push(n),n}function Rd(s,a){const i=[],e=new Map;a=Ti({strict:!1,end:!0,sensitive:!1},a);function n(h){return e.get(h)}function l(h,v,g){const P=!g,T=Si(h);T.aliasOf=g&&g.record;const q=Ti(a,h),B=[T];if("alias"in h){const Z=typeof h.alias=="string"?[h.alias]:h.alias;for(const ft of Z)B.push(Si(nt({},T,{components:g?g.record.components:T.components,path:ft,aliasOf:g?g.record:T})))}let L,W;for(const Z of B){const{path:ft}=Z;if(v&&ft[0]!=="/"){const It=v.record.path,yt=It[It.length-1]==="/"?"":"/";Z.path=v.record.path+(ft&&yt+ft)}if(L=Sd(Z,v,q),g?g.alias.push(L):(W=W||L,W!==L&&W.alias.push(L),P&&h.name&&!Ri(L)&&r(h.name)),bo(L)&&o(L),T.children){const It=T.children;for(let yt=0;yt<It.length;yt++)l(It[yt],L,g&&g.children[yt])}g=g||L}return W?()=>{r(W)}:ue}function r(h){if(fo(h)){const v=e.get(h);v&&(e.delete(h),i.splice(i.indexOf(v),1),v.children.forEach(r),v.alias.forEach(r))}else{const v=i.indexOf(h);v>-1&&(i.splice(v,1),h.record.name&&e.delete(h.record.name),h.children.forEach(r),h.alias.forEach(r))}}function f(){return i}function o(h){const v=Gd(h,i);i.splice(v,0,h),h.record.name&&!Ri(h)&&e.set(h.record.name,h)}function c(h,v){let g,P={},T,q;if("name"in h&&h.name){if(g=e.get(h.name),!g)throw Xs(1,{location:h});q=g.record.name,P=nt(Pi(v.params,g.keys.filter(W=>!W.optional).concat(g.parent?g.parent.keys.filter(W=>W.optional):[]).map(W=>W.name)),h.params&&Pi(h.params,g.keys.map(W=>W.name))),T=g.stringify(P)}else if(h.path!=null)T=h.path,g=i.find(W=>W.re.test(T)),g&&(P=g.parse(T),q=g.record.name);else{if(g=v.name?e.get(v.name):i.find(W=>W.re.test(v.path)),!g)throw Xs(1,{location:h,currentLocation:v});q=g.record.name,P=nt({},v.params,h.params),T=g.stringify(P)}const B=[];let L=g;for(;L;)B.unshift(L.record),L=L.parent;return{name:q,path:T,params:P,matched:B,meta:Zd(B)}}s.forEach(h=>l(h));function p(){i.length=0,e.clear()}return{addRoute:l,resolve:c,removeRoute:r,clearRoutes:p,getRoutes:f,getRecordMatcher:n}}function Pi(s,a){const i={};for(const e of a)e in s&&(i[e]=s[e]);return i}function Si(s){const a={path:s.path,redirect:s.redirect,name:s.name,meta:s.meta||{},aliasOf:s.aliasOf,beforeEnter:s.beforeEnter,props:Td(s),children:s.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in s?s.components||null:s.component&&{default:s.component}};return Object.defineProperty(a,"mods",{value:{}}),a}function Td(s){const a={},i=s.props||!1;if("component"in s)a.default=i;else for(const e in s.components)a[e]=typeof i=="object"?i[e]:i;return a}function Ri(s){for(;s;){if(s.record.aliasOf)return!0;s=s.parent}return!1}function Zd(s){return s.reduce((a,i)=>nt(a,i.meta),{})}function Ti(s,a){const i={};for(const e in s)i[e]=e in a?a[e]:s[e];return i}function Gd(s,a){let i=0,e=a.length;for(;i!==e;){const l=i+e>>1;mo(s,a[l])<0?e=l:i=l+1}const n=Ld(s);return n&&(e=a.lastIndexOf(n,e-1)),e}function Ld(s){let a=s;for(;a=a.parent;)if(bo(a)&&mo(s,a)===0)return a}function bo({record:s}){return!!(s.name||s.components&&Object.keys(s.components).length||s.redirect)}function Od(s){const a={};if(s===""||s==="?")return a;const e=(s[0]==="?"?s.slice(1):s).split("&");for(let n=0;n<e.length;++n){const l=e[n].replace(oo," "),r=l.indexOf("="),f=_e(r<0?l:l.slice(0,r)),o=r<0?null:_e(l.slice(r+1));if(f in a){let c=a[f];Ft(c)||(c=a[f]=[c]),c.push(o)}else a[f]=o}return a}function Zi(s){let a="";for(let i in s){const e=s[i];if(i=od(i),e==null){e!==void 0&&(a+=(a.length?"&":"")+i);continue}(Ft(e)?e.map(l=>l&&Ca(l)):[e&&Ca(e)]).forEach(l=>{l!==void 0&&(a+=(a.length?"&":"")+i,l!=null&&(a+="="+l))})}return a}function Hd(s){const a={};for(const i in s){const e=s[i];e!==void 0&&(a[i]=Ft(e)?e.map(n=>n==null?null:""+n):e==null?e:""+e)}return a}const Bd=Symbol(""),Gi=Symbol(""),Ya=Symbol(""),ho=Symbol(""),Aa=Symbol("");function ae(){let s=[];function a(e){return s.push(e),()=>{const n=s.indexOf(e);n>-1&&s.splice(n,1)}}function i(){s=[]}return{add:a,list:()=>s.slice(),reset:i}}function Cs(s,a,i,e,n,l=r=>r()){const r=e&&(e.enterCallbacks[n]=e.enterCallbacks[n]||[]);return()=>new Promise((f,o)=>{const c=v=>{v===!1?o(Xs(4,{from:i,to:a})):v instanceof Error?o(v):Cd(v)?o(Xs(2,{from:a,to:v})):(r&&e.enterCallbacks[n]===r&&typeof v=="function"&&r.push(v),f())},p=l(()=>s.call(e&&e.instances[n],a,i,c));let h=Promise.resolve(p);s.length<3&&(h=h.then(c)),h.catch(v=>o(v))})}function ma(s,a,i,e,n=l=>l()){const l=[];for(const r of s)for(const f in r.components){let o=r.components[f];if(!(a!=="beforeRouteEnter"&&!r.instances[f]))if(io(o)){const p=(o.__vccOpts||o)[a];p&&l.push(Cs(p,i,e,r,f,n))}else{let c=o();l.push(()=>c.then(p=>{if(!p)throw new Error(`Couldn't resolve component "${f}" at "${r.path}"`);const h=Fc(p)?p.default:p;r.mods[f]=p,r.components[f]=h;const g=(h.__vccOpts||h)[a];return g&&Cs(g,i,e,r,f,n)()}))}}return l}function Li(s){const a=_s(Ya),i=_s(ho),e=Jt(()=>{const o=u(s.to);return a.resolve(o)}),n=Jt(()=>{const{matched:o}=e.value,{length:c}=o,p=o[c-1],h=i.matched;if(!p||!h.length)return-1;const v=h.findIndex(Ks.bind(null,p));if(v>-1)return v;const g=Oi(o[c-2]);return c>1&&Oi(p)===g&&h[h.length-1].path!==g?h.findIndex(Ks.bind(null,o[c-2])):v}),l=Jt(()=>n.value>-1&&Qd(i.params,e.value.params)),r=Jt(()=>n.value>-1&&n.value===i.matched.length-1&&uo(i.params,e.value.params));function f(o={}){if(Jd(o)){const c=a[u(s.replace)?"replace":"push"](u(s.to)).catch(ue);return s.viewTransition&&typeof document<"u"&&"startViewTransition"in document&&document.startViewTransition(()=>c),c}return Promise.resolve()}return{route:e,href:Jt(()=>e.value.href),isActive:l,isExactActive:r,navigate:f}}function Wd(s){return s.length===1?s[0]:s}const Vd=Mn({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:Li,setup(s,{slots:a}){const i=Ue(Li(s)),{options:e}=_s(Ya),n=Jt(()=>({[Hi(s.activeClass,e.linkActiveClass,"router-link-active")]:i.isActive,[Hi(s.exactActiveClass,e.linkExactActiveClass,"router-link-exact-active")]:i.isExactActive}));return()=>{const l=a.default&&Wd(a.default(i));return s.custom?l:ge("a",{"aria-current":i.isExactActive?s.ariaCurrentValue:null,href:i.href,onClick:i.navigate,class:n.value},l)}}}),Yd=Vd;function Jd(s){if(!(s.metaKey||s.altKey||s.ctrlKey||s.shiftKey)&&!s.defaultPrevented&&!(s.button!==void 0&&s.button!==0)){if(s.currentTarget&&s.currentTarget.getAttribute){const a=s.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(a))return}return s.preventDefault&&s.preventDefault(),!0}}function Qd(s,a){for(const i in a){const e=a[i],n=s[i];if(typeof e=="string"){if(e!==n)return!1}else if(!Ft(n)||n.length!==e.length||e.some((l,r)=>l!==n[r]))return!1}return!0}function Oi(s){return s?s.aliasOf?s.aliasOf.path:s.path:""}const Hi=(s,a,i)=>s??a??i,Fd=Mn({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(s,{attrs:a,slots:i}){const e=_s(Aa),n=Jt(()=>s.route||e.value),l=_s(Gi,0),r=Jt(()=>{let c=u(l);const{matched:p}=n.value;let h;for(;(h=p[c])&&!h.components;)c++;return c}),f=Jt(()=>n.value.matched[r.value]);Ne(Gi,Jt(()=>r.value+1)),Ne(Bd,f),Ne(Aa,n);const o=C();return Ee(()=>[o.value,f.value,s.name],([c,p,h],[v,g,P])=>{p&&(p.instances[h]=c,g&&g!==p&&c&&c===v&&(p.leaveGuards.size||(p.leaveGuards=g.leaveGuards),p.updateGuards.size||(p.updateGuards=g.updateGuards))),c&&p&&(!g||!Ks(p,g)||!v)&&(p.enterCallbacks[h]||[]).forEach(T=>T(c))},{flush:"post"}),()=>{const c=n.value,p=s.name,h=f.value,v=h&&h.components[p];if(!v)return Bi(i.default,{Component:v,route:c});const g=h.props[p],P=g?g===!0?c.params:typeof g=="function"?g(c):g:null,q=ge(v,nt({},P,a,{onVnodeUnmounted:B=>{B.component.isUnmounted&&(h.instances[p]=null)},ref:o}));return Bi(i.default,{Component:q,route:c})||q}}});function Bi(s,a){if(!s)return null;const i=s(a);return i.length===1?i[0]:i}const Ud=Fd;function Kd(s){const a=Rd(s.routes,s),i=s.parseQuery||Od,e=s.stringifyQuery||Zi,n=s.history,l=ae(),r=ae(),f=ae(),o=el(Is);let c=Is;Ws&&s.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const p=fa.bind(null,$=>""+$),h=fa.bind(null,cd),v=fa.bind(null,_e);function g($,R){let z,G;return fo($)?(z=a.getRecordMatcher($),G=R):G=$,a.addRoute(G,z)}function P($){const R=a.getRecordMatcher($);R&&a.removeRoute(R)}function T(){return a.getRoutes().map($=>$.record)}function q($){return!!a.getRecordMatcher($)}function B($,R){if(R=nt({},R||o.value),typeof $=="string"){const x=pa(i,$,R.path),w=a.resolve({path:x.path},R),M=n.createHref(x.fullPath);return nt(x,w,{params:v(w.params),hash:_e(x.hash),redirectedFrom:void 0,href:M})}let z;if($.path!=null)z=nt({},$,{path:pa(i,$.path,R.path).path});else{const x=nt({},$.params);for(const w in x)x[w]==null&&delete x[w];z=nt({},$,{params:h(x)}),R.params=h(R.params)}const G=a.resolve(z,R),pt=$.hash||"";G.params=p(v(G.params));const m=ud(e,nt({},$,{hash:nd(pt),path:G.path})),b=n.createHref(m);return nt({fullPath:m,hash:pt,query:e===Zi?Hd($.query):$.query||{}},G,{redirectedFrom:void 0,href:b})}function L($){return typeof $=="string"?pa(i,$,o.value.path):nt({},$)}function W($,R){if(c!==$)return Xs(8,{from:R,to:$})}function Z($){return yt($)}function ft($){return Z(nt(L($),{replace:!0}))}function It($){const R=$.matched[$.matched.length-1];if(R&&R.redirect){const{redirect:z}=R;let G=typeof z=="function"?z($):z;return typeof G=="string"&&(G=G.includes("?")||G.includes("#")?G=L(G):{path:G},G.params={}),nt({query:$.query,hash:$.hash,params:G.path!=null?{}:$.params},G)}}function yt($,R){const z=c=B($),G=o.value,pt=$.state,m=$.force,b=$.replace===!0,x=It(z);if(x)return yt(nt(L(x),{state:typeof x=="object"?nt({},pt,x.state):pt,force:m,replace:b}),R||z);const w=z;w.redirectedFrom=R;let M;return!m&&vd(e,G,z)&&(M=Xs(16,{to:w,from:G}),es(G,G,!0,!1)),(M?Promise.resolve(M):ts(w,G)).catch(I=>ms(I)?ms(I,2)?I:$s(I):it(I,w,G)).then(I=>{if(I){if(ms(I,2))return yt(nt({replace:b},L(I.to),{state:typeof I.to=="object"?nt({},pt,I.to.state):pt,force:m}),R||w)}else I=Ns(w,G,!0,b,pt);return ws(w,G,I),I})}function qt($,R){const z=W($,R);return z?Promise.reject(z):Promise.resolve()}function xs($){const R=Os.values().next().value;return R&&typeof R.runWithContext=="function"?R.runWithContext($):$()}function ts($,R){let z;const[G,pt,m]=Xd($,R);z=ma(G.reverse(),"beforeRouteLeave",$,R);for(const x of G)x.leaveGuards.forEach(w=>{z.push(Cs(w,$,R))});const b=qt.bind(null,$,R);return z.push(b),Wt(z).then(()=>{z=[];for(const x of l.list())z.push(Cs(x,$,R));return z.push(b),Wt(z)}).then(()=>{z=ma(pt,"beforeRouteUpdate",$,R);for(const x of pt)x.updateGuards.forEach(w=>{z.push(Cs(w,$,R))});return z.push(b),Wt(z)}).then(()=>{z=[];for(const x of m)if(x.beforeEnter)if(Ft(x.beforeEnter))for(const w of x.beforeEnter)z.push(Cs(w,$,R));else z.push(Cs(x.beforeEnter,$,R));return z.push(b),Wt(z)}).then(()=>($.matched.forEach(x=>x.enterCallbacks={}),z=ma(m,"beforeRouteEnter",$,R,xs),z.push(b),Wt(z))).then(()=>{z=[];for(const x of r.list())z.push(Cs(x,$,R));return z.push(b),Wt(z)}).catch(x=>ms(x,8)?x:Promise.reject(x))}function ws($,R,z){f.list().forEach(G=>xs(()=>G($,R,z)))}function Ns($,R,z,G,pt){const m=W($,R);if(m)return m;const b=R===Is,x=Ws?history.state:{};z&&(G||b?n.replace($.fullPath,nt({scroll:b&&x&&x.scroll},pt)):n.push($.fullPath,pt)),o.value=$,es($,R,z,b),$s()}let ss;function qs(){ss||(ss=n.listen(($,R,z)=>{if(!Me.listening)return;const G=B($),pt=It(G);if(pt){yt(nt(pt,{replace:!0,force:!0}),G).catch(ue);return}c=G;const m=o.value;Ws&&yd(Ai(m.fullPath,z.delta),ea()),ts(G,m).catch(b=>ms(b,12)?b:ms(b,2)?(yt(nt(L(b.to),{force:!0}),G).then(x=>{ms(x,20)&&!z.delta&&z.type===ye.pop&&n.go(-1,!1)}).catch(ue),Promise.reject()):(z.delta&&n.go(-z.delta,!1),it(b,G,m))).then(b=>{b=b||Ns(G,m,!1),b&&(z.delta&&!ms(b,8)?n.go(-z.delta,!1):z.type===ye.pop&&ms(b,20)&&n.go(-1,!1)),ws(G,m,b)}).catch(ue)}))}let Gs=ae(),$t=ae(),vt;function it($,R,z){$s($);const G=$t.list();return G.length?G.forEach(pt=>pt($,R,z)):console.error($),Promise.reject($)}function fs(){return vt&&o.value!==Is?Promise.resolve():new Promise(($,R)=>{Gs.add([$,R])})}function $s($){return vt||(vt=!$,qs(),Gs.list().forEach(([R,z])=>$?z($):R()),Gs.reset()),$}function es($,R,z,G){const{scrollBehavior:pt}=s;if(!Ws||!pt)return Promise.resolve();const m=!z&&xd(Ai($.fullPath,0))||(G||!z)&&history.state&&history.state.scroll||null;return gn().then(()=>pt($,R,m)).then(b=>b&&_d(b)).catch(b=>it(b,$,R))}const Pt=$=>n.go($);let Ls;const Os=new Set,Me={currentRoute:o,listening:!0,addRoute:g,removeRoute:P,clearRoutes:a.clearRoutes,hasRoute:q,getRoutes:T,resolve:B,options:s,push:Z,replace:ft,go:Pt,back:()=>Pt(-1),forward:()=>Pt(1),beforeEach:l.add,beforeResolve:r.add,afterEach:f.add,onError:$t.add,isReady:fs,install($){const R=this;$.component("RouterLink",Yd),$.component("RouterView",Ud),$.config.globalProperties.$router=R,Object.defineProperty($.config.globalProperties,"$route",{enumerable:!0,get:()=>u(o)}),Ws&&!Ls&&o.value===Is&&(Ls=!0,Z(n.location).catch(pt=>{}));const z={};for(const pt in Is)Object.defineProperty(z,pt,{get:()=>o.value[pt],enumerable:!0});$.provide(Ya,R),$.provide(ho,fn(z)),$.provide(Aa,o);const G=$.unmount;Os.add($),$.unmount=function(){Os.delete($),Os.size<1&&(c=Is,ss&&ss(),ss=null,o.value=Is,Ls=!1,vt=!1),G()}}};function Wt($){return $.reduce((R,z)=>R.then(()=>xs(z)),Promise.resolve())}return Me}function Xd(s,a){const i=[],e=[],n=[],l=Math.max(a.matched.length,s.matched.length);for(let r=0;r<l;r++){const f=a.matched[r];f&&(s.matched.find(c=>Ks(c,f))?e.push(f):i.push(f));const o=s.matched[r];o&&(a.matched.find(c=>Ks(c,o))||n.push(o))}return[i,e,n]}const qd={class:"home-container min-h-screen bg-gray-100 p-4 md:p-8"},tr={class:"max-w-7xl mx-auto"},sr={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"},er={class:"card-content"},ar={__name:"HomeView",setup(s){const a=[{path:"/fluent",name:"Fluent Design",description:"微软流畅设计系统",cardClass:"fluent-card",titleClass:"text-white",descriptionClass:"text-blue-100"},{path:"/ios",name:"iOS Design",description:"苹果设计风格",cardClass:"ios-card",titleClass:"text-gray-900",descriptionClass:"text-gray-600"},{path:"/element",name:"Element UI",description:"饿了么设计系统",cardClass:"element-card",titleClass:"text-white",descriptionClass:"text-green-100"},{path:"/ant",name:"Ant Design",description:"蚂蚁设计系统",cardClass:"ant-card",titleClass:"text-white",descriptionClass:"text-blue-100"},{path:"/morphism",name:"Morphism",description:"变形设计风格",cardClass:"morphism-card",titleClass:"text-purple-900",descriptionClass:"text-purple-700"},{path:"/holographic",name:"Holographic",description:"全息设计风格",cardClass:"holographic-card",titleClass:"text-white",descriptionClass:"text-blue-100"},{path:"/gradient",name:"Gradient",description:"渐变设计风格",cardClass:"gradient-card",titleClass:"text-white",descriptionClass:"text-pink-100"},{path:"/neon",name:"Neon",description:"霓虹设计风格",cardClass:"neon-card",titleClass:"text-pink-400",descriptionClass:"text-pink-300"},{path:"/organic",name:"Organic",description:"有机设计风格",cardClass:"organic-card",titleClass:"text-green-900",descriptionClass:"text-green-700"},{path:"/pixel",name:"Pixel Art",description:"像素艺术风格",cardClass:"pixel-card",titleClass:"text-yellow-900",descriptionClass:"text-yellow-700"},{path:"/brutalism",name:"Brutalism",description:"粗野主义风格",cardClass:"brutalism-card",titleClass:"text-black",descriptionClass:"text-gray-800"},{path:"/3d",name:"3D Design",description:"3D设计风格",cardClass:"three-d-card",titleClass:"text-white",descriptionClass:"text-blue-200"},{path:"/skeuomorphic",name:"Skeuomorphic",description:"拟物设计风格",cardClass:"skeuomorphic-card",titleClass:"text-amber-900",descriptionClass:"text-amber-700"},{path:"/neumorphism",name:"Neumorphism",description:"新拟物设计风格",cardClass:"neumorphism-card",titleClass:"text-gray-800",descriptionClass:"text-gray-600"},{path:"/flat",name:"Flat",description:"扁平设计风格",cardClass:"flat-card",titleClass:"text-white",descriptionClass:"text-red-100"},{path:"/material",name:"Material",description:"材料设计风格",cardClass:"material-card",titleClass:"text-white",descriptionClass:"text-blue-100"},{path:"/nordic",name:"Nordic",description:"北欧设计风格",cardClass:"nordic-card",titleClass:"text-gray-900",descriptionClass:"text-gray-600"},{path:"/futuristic",name:"Futuristic",description:"未来主义风格",cardClass:"futuristic-card",titleClass:"text-white",descriptionClass:"text-cyan-100"},{path:"/retro",name:"Retro",description:"复古设计风格",cardClass:"retro-card",titleClass:"text-orange-900",descriptionClass:"text-orange-700"},{path:"/cyberpunk",name:"Cyberpunk",description:"赛博朋克风格",cardClass:"cyberpunk-card",titleClass:"text-pink-400",descriptionClass:"text-purple-300"},{path:"/steampunk",name:"Steampunk",description:"蒸汽朋克风格",cardClass:"steampunk-card",titleClass:"text-amber-100",descriptionClass:"text-amber-200"},{path:"/aurora",name:"Aurora",description:"极光设计风格",cardClass:"aurora-card",titleClass:"text-white",descriptionClass:"text-green-100"},{path:"/minimalist",name:"Minimalist",description:"极简设计风格",cardClass:"minimalist-card",titleClass:"text-gray-900",descriptionClass:"text-gray-600"},{path:"/dark-mode",name:"Dark Mode",description:"暗黑模式风格",cardClass:"dark-mode-card",titleClass:"text-white",descriptionClass:"text-gray-300"},{path:"/glassmorphism",name:"Glassmorphism",description:"玻璃态设计风格",cardClass:"glassmorphism-card",titleClass:"text-gray-900",descriptionClass:"text-gray-700"}];return(i,e)=>{const n=jn("router-link");return _(),y("div",qd,[t("div",tr,[e[0]||(e[0]=t("h1",{class:"text-4xl font-bold text-gray-900 mb-8"},"设计风格",-1)),e[1]||(e[1]=t("p",{class:"text-gray-900 mb-8"},"请选择您的设计风格偏好来创建您的原型",-1)),t("div",sr,[(_(),y(U,null,at(a,l=>d(n,{key:l.path,to:l.path,class:st(l.cardClass)},{default:$n(()=>[t("div",er,[t("h3",{class:st(["text-xl font-semibold",l.titleClass])},k(l.name),3),t("p",{class:st(["text-sm",l.descriptionClass])},k(l.description),3)])]),_:2},1032,["to","class"])),64))])])])}}},ir=bt(ar,[["__scopeId","data-v-d6c43755"]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const nr=s=>s.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */var Ae={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const or=({size:s,strokeWidth:a=2,absoluteStrokeWidth:i,color:e,iconNode:n,name:l,class:r,...f},{slots:o})=>ge("svg",{...Ae,width:s||Ae.width,height:s||Ae.height,stroke:e||Ae.stroke,"stroke-width":i?Number(a)*24/Number(s):a,class:["lucide",`lucide-${nr(l??"icon")}`],...f},[...n.map(c=>ge(...c)),...o.default?[o.default()]:[]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const xt=(s,a)=>(i,{slots:e})=>ge(or,{...i,iconNode:a,name:s},e);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const go=xt("ActivityIcon",[["path",{d:"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",key:"169zse"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const H=xt("BellIcon",[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const lr=xt("CameraIcon",[["path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",key:"1tc9qg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const ct=xt("EllipsisVerticalIcon",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Ut=xt("HeartIcon",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const rt=xt("HouseIcon",[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const cr=xt("ImageIcon",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Rt=xt("InboxIcon",[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const vs=xt("InfoIcon",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const _o=xt("LoaderCircleIcon",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const yo=xt("LogOutIcon",[["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}],["polyline",{points:"16 17 21 12 16 7",key:"1gabdz"}],["line",{x1:"21",x2:"9",y1:"12",y2:"12",key:"1uyos4"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const zt=xt("MenuIcon",[["line",{x1:"4",x2:"20",y1:"12",y2:"12",key:"1e0a9i"}],["line",{x1:"4",x2:"20",y1:"6",y2:"6",key:"1owob3"}],["line",{x1:"4",x2:"20",y1:"18",y2:"18",key:"yk5zj1"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Kt=xt("MessageSquareIcon",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const ut=xt("PlusIcon",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const K=xt("SearchIcon",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const jt=xt("SettingsIcon",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Xt=xt("Share2Icon",[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Tt=xt("StarIcon",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const dr=xt("Trash2Icon",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const X=xt("UserIcon",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const xo=xt("UsersIcon",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const tt=xt("XIcon",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),rr={class:"minimal-container min-h-screen bg-white"},ur={class:"minimal-app-bar"},vr={class:"container mx-auto px-4 py-3 flex items-center justify-between"},fr={class:"flex items-center"},pr={class:"flex items-center space-x-4"},mr={class:"minimal-icon-button"},br={class:"minimal-icon-button"},hr={class:"minimal-icon-button"},gr={class:"container mx-auto p-6"},_r={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},yr={class:"minimal-card"},xr={class:"p-4"},wr={class:"space-y-2"},$r={href:"#",class:"minimal-nav-item active"},Ir={href:"#",class:"minimal-nav-item"},Mr={href:"#",class:"minimal-nav-item"},kr={href:"#",class:"minimal-nav-item"},Cr={class:"md:col-span-2 space-y-6"},Dr={class:"minimal-card"},Ar={class:"p-4"},jr={class:"space-y-4"},Nr={class:"minimal-list-item"},Er={class:"minimal-icon-button"},zr={class:"minimal-list-item"},Pr={class:"minimal-icon-button"},Sr={class:"minimal-card"},Rr={class:"p-4"},Tr={class:"flex flex-wrap gap-4"},Zr={class:"minimal-button icon"},Gr={class:"minimal-card"},Lr={class:"p-4"},Or={class:"minimal-bottom-nav"},Hr={href:"#",class:"minimal-bottom-nav-item active"},Br={href:"#",class:"minimal-bottom-nav-item"},Wr={href:"#",class:"minimal-bottom-nav-item"},Vr={href:"#",class:"minimal-bottom-nav-item"},Yr={href:"#",class:"minimal-bottom-nav-item"},Jr={key:0,class:"minimal-dialog-overlay"},Qr={class:"minimal-dialog"},Fr={class:"minimal-dialog-header"},Ur={class:"minimal-dialog-actions"},Kr={__name:"MinimalistView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",rr,[t("div",ur,[t("div",vr,[t("div",fr,[d(u(zt),{class:"w-5 h-5 text-gray-600 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-gray-900"},"Minimalist",-1))]),t("div",pr,[t("button",mr,[d(u(K),{class:"w-5 h-5"})]),t("button",br,[d(u(H),{class:"w-5 h-5"})]),t("button",hr,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",gr,[t("div",_r,[t("div",yr,[t("div",xr,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",wr,[t("a",$r,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Ir,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"minimal-badge"},"12",-1))]),t("a",Mr,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",kr,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Cr,[t("div",Dr,[t("div",Ar,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",jr,[t("div",Nr,[e[11]||(e[11]=t("div",{class:"minimal-avatar bg-gray-100"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-gray-900"},"卡片标题"),t("p",{class:"text-gray-600"},"卡片副标题")],-1)),t("button",Er,[d(u(ct),{class:"w-5 h-5"})])]),t("div",zr,[e[13]||(e[13]=t("div",{class:"minimal-avatar bg-gray-100"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-gray-900"},"另一个标题"),t("p",{class:"text-gray-600"},"另一个副标题")],-1)),t("button",Pr,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="minimal-card" data-v-c519d2be><div class="p-4" data-v-c519d2be><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-c519d2be>表单元素</h2><div class="space-y-4" data-v-c519d2be><div class="minimal-input-group" data-v-c519d2be><label class="text-gray-700" data-v-c519d2be>文本输入</label><input type="text" placeholder="请输入内容" class="minimal-input" data-v-c519d2be></div><div class="minimal-input-group" data-v-c519d2be><label class="text-gray-700" data-v-c519d2be>密码输入</label><input type="password" placeholder="请输入密码" class="minimal-input" data-v-c519d2be></div><div class="minimal-input-group" data-v-c519d2be><label class="text-gray-700" data-v-c519d2be>下拉选择</label><select class="minimal-input" data-v-c519d2be><option data-v-c519d2be>选项 1</option><option data-v-c519d2be>选项 2</option><option data-v-c519d2be>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-c519d2be><label class="minimal-checkbox" data-v-c519d2be><input type="checkbox" data-v-c519d2be><span class="minimal-checkmark" data-v-c519d2be></span><span class="text-gray-700" data-v-c519d2be>复选框</span></label><label class="minimal-radio" data-v-c519d2be><input type="radio" name="radio" data-v-c519d2be><span class="minimal-radiomark" data-v-c519d2be></span><span class="text-gray-700" data-v-c519d2be>单选框</span></label></div><div class="minimal-switch" data-v-c519d2be><input type="checkbox" id="switch1" data-v-c519d2be><label for="switch1" class="text-gray-700" data-v-c519d2be>开关</label></div></div></div></div>',1)),t("div",Sr,[t("div",Rr,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",Tr,[e[16]||(e[16]=t("button",{class:"minimal-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"minimal-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"minimal-button text"},"文本按钮",-1)),t("button",Zr,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="minimal-card" data-v-c519d2be><div class="p-4" data-v-c519d2be><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-c519d2be>进度指示器</h2><div class="space-y-4" data-v-c519d2be><div class="minimal-progress" data-v-c519d2be><div class="minimal-progress-bar" style="width:60%;" data-v-c519d2be></div></div><div class="minimal-progress circular" data-v-c519d2be><div class="minimal-progress-circle" data-v-c519d2be></div></div></div></div></div>',1)),t("div",Gr,[t("div",Lr,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"对话框示例",-1)),t("button",{class:"minimal-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",Or,[t("a",Hr,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Br,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Wr,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Vr,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Yr,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Jr,[t("div",Qr,[t("div",Fr,[e[28]||(e[28]=t("h3",{class:"text-gray-900"},"对话框标题",-1)),t("button",{class:"minimal-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"minimal-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个极简风格的对话框示例。")],-1)),t("div",Ur,[t("button",{class:"minimal-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"minimal-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},Xr=bt(Kr,[["__scopeId","data-v-c519d2be"]]),qr={class:"dark-container min-h-screen bg-gray-900"},tu={class:"dark-app-bar"},su={class:"container mx-auto px-4 py-3 flex items-center justify-between"},eu={class:"flex items-center"},au={class:"flex items-center space-x-4"},iu={class:"dark-icon-button"},nu={class:"dark-icon-button"},ou={class:"dark-icon-button"},lu={class:"container mx-auto p-6"},cu={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},du={class:"dark-card"},ru={class:"p-4"},uu={class:"space-y-2"},vu={href:"#",class:"dark-nav-item active"},fu={href:"#",class:"dark-nav-item"},pu={href:"#",class:"dark-nav-item"},mu={href:"#",class:"dark-nav-item"},bu={class:"md:col-span-2 space-y-6"},hu={class:"dark-card"},gu={class:"p-4"},_u={class:"space-y-4"},yu={class:"dark-list-item"},xu={class:"dark-icon-button"},wu={class:"dark-list-item"},$u={class:"dark-icon-button"},Iu={class:"dark-card"},Mu={class:"p-4"},ku={class:"flex flex-wrap gap-4"},Cu={class:"dark-button icon"},Du={class:"dark-card"},Au={class:"p-4"},ju={class:"dark-bottom-nav"},Nu={href:"#",class:"dark-bottom-nav-item active"},Eu={href:"#",class:"dark-bottom-nav-item"},zu={href:"#",class:"dark-bottom-nav-item"},Pu={href:"#",class:"dark-bottom-nav-item"},Su={href:"#",class:"dark-bottom-nav-item"},Ru={key:0,class:"dark-dialog-overlay"},Tu={class:"dark-dialog"},Zu={class:"dark-dialog-header"},Gu={class:"dark-dialog-actions"},Lu={__name:"DarkModeView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",qr,[t("div",tu,[t("div",su,[t("div",eu,[d(u(zt),{class:"w-5 h-5 text-gray-300 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-white"},"Dark Mode",-1))]),t("div",au,[t("button",iu,[d(u(K),{class:"w-5 h-5"})]),t("button",nu,[d(u(H),{class:"w-5 h-5"})]),t("button",ou,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",lu,[t("div",cu,[t("div",du,[t("div",ru,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"导航菜单",-1)),t("nav",uu,[t("a",vu,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",fu,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"dark-badge"},"12",-1))]),t("a",pu,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",mu,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",bu,[t("div",hu,[t("div",gu,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"卡片列表",-1)),t("div",_u,[t("div",yu,[e[11]||(e[11]=t("div",{class:"dark-avatar bg-blue-600"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-white"},"卡片标题"),t("p",{class:"text-gray-400"},"卡片副标题")],-1)),t("button",xu,[d(u(ct),{class:"w-5 h-5"})])]),t("div",wu,[e[13]||(e[13]=t("div",{class:"dark-avatar bg-green-600"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-white"},"另一个标题"),t("p",{class:"text-gray-400"},"另一个副标题")],-1)),t("button",$u,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="dark-card" data-v-0ed2360c><div class="p-4" data-v-0ed2360c><h2 class="text-lg font-medium mb-4 text-white" data-v-0ed2360c>表单元素</h2><div class="space-y-4" data-v-0ed2360c><div class="dark-input-group" data-v-0ed2360c><label class="text-gray-300" data-v-0ed2360c>文本输入</label><input type="text" placeholder="请输入内容" class="dark-input" data-v-0ed2360c></div><div class="dark-input-group" data-v-0ed2360c><label class="text-gray-300" data-v-0ed2360c>密码输入</label><input type="password" placeholder="请输入密码" class="dark-input" data-v-0ed2360c></div><div class="dark-input-group" data-v-0ed2360c><label class="text-gray-300" data-v-0ed2360c>下拉选择</label><select class="dark-input" data-v-0ed2360c><option data-v-0ed2360c>选项 1</option><option data-v-0ed2360c>选项 2</option><option data-v-0ed2360c>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-0ed2360c><label class="dark-checkbox" data-v-0ed2360c><input type="checkbox" data-v-0ed2360c><span class="dark-checkmark" data-v-0ed2360c></span><span class="text-gray-300" data-v-0ed2360c>复选框</span></label><label class="dark-radio" data-v-0ed2360c><input type="radio" name="radio" data-v-0ed2360c><span class="dark-radiomark" data-v-0ed2360c></span><span class="text-gray-300" data-v-0ed2360c>单选框</span></label></div><div class="dark-switch" data-v-0ed2360c><input type="checkbox" id="switch1" data-v-0ed2360c><label for="switch1" class="text-gray-300" data-v-0ed2360c>开关</label></div></div></div></div>',1)),t("div",Iu,[t("div",Mu,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"按钮样式",-1)),t("div",ku,[e[16]||(e[16]=t("button",{class:"dark-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"dark-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"dark-button text"},"文本按钮",-1)),t("button",Cu,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="dark-card" data-v-0ed2360c><div class="p-4" data-v-0ed2360c><h2 class="text-lg font-medium mb-4 text-white" data-v-0ed2360c>进度指示器</h2><div class="space-y-4" data-v-0ed2360c><div class="dark-progress" data-v-0ed2360c><div class="dark-progress-bar" style="width:60%;" data-v-0ed2360c></div></div><div class="dark-progress circular" data-v-0ed2360c><div class="dark-progress-circle" data-v-0ed2360c></div></div></div></div></div>',1)),t("div",Du,[t("div",Au,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"对话框示例",-1)),t("button",{class:"dark-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",ju,[t("a",Nu,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Eu,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",zu,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Pu,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Su,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Ru,[t("div",Tu,[t("div",Zu,[e[28]||(e[28]=t("h3",{class:"text-white"},"对话框标题",-1)),t("button",{class:"dark-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"dark-dialog-content"},[t("p",{class:"text-gray-300"},"这是一个深色模式的对话框示例。")],-1)),t("div",Gu,[t("button",{class:"dark-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"dark-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},Ou=bt(Lu,[["__scopeId","data-v-0ed2360c"]]),Hu={class:"retro-container min-h-screen bg-gradient-to-br from-orange-100 via-yellow-100 to-amber-100"},Bu={class:"retro-app-bar"},Wu={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Vu={class:"flex items-center"},Yu={class:"flex items-center space-x-4"},Ju={class:"retro-icon-button"},Qu={class:"retro-icon-button"},Fu={class:"retro-icon-button"},Uu={class:"container mx-auto p-6"},Ku={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Xu={class:"retro-card"},qu={class:"p-4"},tv={class:"space-y-2"},sv={href:"#",class:"retro-nav-item active"},ev={href:"#",class:"retro-nav-item"},av={href:"#",class:"retro-nav-item"},iv={href:"#",class:"retro-nav-item"},nv={class:"md:col-span-2 space-y-6"},ov={class:"retro-card"},lv={class:"p-4"},cv={class:"space-y-4"},dv={class:"retro-list-item"},rv={class:"retro-icon-button"},uv={class:"retro-list-item"},vv={class:"retro-icon-button"},fv={class:"retro-card"},pv={class:"p-4"},mv={class:"flex flex-wrap gap-4"},bv={class:"retro-button icon"},hv={class:"retro-card"},gv={class:"p-4"},_v={class:"retro-bottom-nav"},yv={href:"#",class:"retro-bottom-nav-item active"},xv={href:"#",class:"retro-bottom-nav-item"},wv={href:"#",class:"retro-bottom-nav-item"},$v={href:"#",class:"retro-bottom-nav-item"},Iv={href:"#",class:"retro-bottom-nav-item"},Mv={key:0,class:"retro-dialog-overlay"},kv={class:"retro-dialog"},Cv={class:"retro-dialog-header"},Dv={class:"retro-dialog-actions"},Av={__name:"RetroView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",Hu,[t("div",Bu,[t("div",Wu,[t("div",Vu,[d(u(zt),{class:"w-5 h-5 text-amber-900 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-amber-900"},"Retro Design",-1))]),t("div",Yu,[t("button",Ju,[d(u(K),{class:"w-5 h-5"})]),t("button",Qu,[d(u(H),{class:"w-5 h-5"})]),t("button",Fu,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",Uu,[t("div",Ku,[t("div",Xu,[t("div",qu,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"导航菜单",-1)),t("nav",tv,[t("a",sv,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",ev,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"retro-badge"},"12",-1))]),t("a",av,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",iv,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",nv,[t("div",ov,[t("div",lv,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"卡片列表",-1)),t("div",cv,[t("div",dv,[e[11]||(e[11]=t("div",{class:"retro-avatar bg-gradient-to-br from-orange-400 to-yellow-400"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-amber-900"},"卡片标题"),t("p",{class:"text-amber-800"},"卡片副标题")],-1)),t("button",rv,[d(u(ct),{class:"w-5 h-5"})])]),t("div",uv,[e[13]||(e[13]=t("div",{class:"retro-avatar bg-gradient-to-br from-yellow-400 to-amber-400"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-amber-900"},"另一个标题"),t("p",{class:"text-amber-800"},"另一个副标题")],-1)),t("button",vv,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="retro-card" data-v-d46c4dbc><div class="p-4" data-v-d46c4dbc><h2 class="text-lg font-medium mb-4 text-amber-900" data-v-d46c4dbc>表单元素</h2><div class="space-y-4" data-v-d46c4dbc><div class="retro-input-group" data-v-d46c4dbc><label class="text-amber-800" data-v-d46c4dbc>文本输入</label><input type="text" placeholder="请输入内容" class="retro-input" data-v-d46c4dbc></div><div class="retro-input-group" data-v-d46c4dbc><label class="text-amber-800" data-v-d46c4dbc>密码输入</label><input type="password" placeholder="请输入密码" class="retro-input" data-v-d46c4dbc></div><div class="retro-input-group" data-v-d46c4dbc><label class="text-amber-800" data-v-d46c4dbc>下拉选择</label><select class="retro-input" data-v-d46c4dbc><option data-v-d46c4dbc>选项 1</option><option data-v-d46c4dbc>选项 2</option><option data-v-d46c4dbc>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-d46c4dbc><label class="retro-checkbox" data-v-d46c4dbc><input type="checkbox" data-v-d46c4dbc><span class="retro-checkmark" data-v-d46c4dbc></span><span class="text-amber-800" data-v-d46c4dbc>复选框</span></label><label class="retro-radio" data-v-d46c4dbc><input type="radio" name="radio" data-v-d46c4dbc><span class="retro-radiomark" data-v-d46c4dbc></span><span class="text-amber-800" data-v-d46c4dbc>单选框</span></label></div><div class="retro-switch" data-v-d46c4dbc><input type="checkbox" id="switch1" data-v-d46c4dbc><label for="switch1" class="text-amber-800" data-v-d46c4dbc>开关</label></div></div></div></div>',1)),t("div",fv,[t("div",pv,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"按钮样式",-1)),t("div",mv,[e[16]||(e[16]=t("button",{class:"retro-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"retro-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"retro-button text"},"文本按钮",-1)),t("button",bv,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="retro-card" data-v-d46c4dbc><div class="p-4" data-v-d46c4dbc><h2 class="text-lg font-medium mb-4 text-amber-900" data-v-d46c4dbc>进度指示器</h2><div class="space-y-4" data-v-d46c4dbc><div class="retro-progress" data-v-d46c4dbc><div class="retro-progress-bar" style="width:60%;" data-v-d46c4dbc></div></div><div class="retro-progress circular" data-v-d46c4dbc><div class="retro-progress-circle" data-v-d46c4dbc></div></div></div></div></div>',1)),t("div",hv,[t("div",gv,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"对话框示例",-1)),t("button",{class:"retro-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",_v,[t("a",yv,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",xv,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",wv,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",$v,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Iv,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Mv,[t("div",kv,[t("div",Cv,[e[28]||(e[28]=t("h3",{class:"text-amber-900"},"对话框标题",-1)),t("button",{class:"retro-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"retro-dialog-content"},[t("p",{class:"text-amber-800"},"这是一个复古风格的对话框示例。")],-1)),t("div",Dv,[t("button",{class:"retro-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"retro-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},jv=bt(Av,[["__scopeId","data-v-d46c4dbc"]]),Nv={class:"three-d-container min-h-screen bg-gradient-to-br from-blue-900 to-purple-900"},Ev={class:"three-d-header"},zv={class:"three-d-header-content"},Pv={class:"three-d-header-actions"},Sv={class:"three-d-btn text"},Rv={class:"three-d-btn text"},Tv={class:"three-d-btn text"},Zv={class:"three-d-main"},Gv={class:"three-d-card-list"},Lv={class:"three-d-card-cover"},Ov=["src","alt"],Hv={class:"three-d-card-body"},Bv={class:"three-d-card-meta"},Wv={class:"three-d-card-meta-avatar"},Vv={class:"three-d-card-meta-content"},Yv={class:"three-d-card-meta-title"},Jv={class:"three-d-card-meta-description"},Qv={class:"three-d-card-content"},Fv={class:"three-d-card-actions"},Uv={class:"three-d-btn text"},Kv={class:"three-d-btn text"},Xv={class:"three-d-btn text"},qv={class:"three-d-tabs"},tf={class:"three-d-tabs-nav"},sf=["onClick"],ef={class:"three-d-tabs-content"},af={key:0,class:"three-d-tabs-tabpane"},nf={key:1,class:"three-d-tabs-tabpane"},of={key:2,class:"three-d-tabs-tabpane"},lf={key:0,class:"three-d-modal-mask"},cf={class:"three-d-modal-wrap"},df={class:"three-d-modal"},rf={class:"three-d-modal-content"},uf={class:"three-d-modal-header"},vf={class:"three-d-modal-footer"},ff={key:1,class:"three-d-message"},pf={class:"three-d-message-notice"},mf={class:"three-d-message-notice-content"},bf={key:2,class:"three-d-notification"},hf={class:"three-d-notification-notice"},gf={class:"three-d-notification-notice-content"},_f={class:"three-d-notification-notice-icon"},yf="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNEwwIDE2TDE2IDI4VDI4IDE2VDE2IDRaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIiIHkyPSIzMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM0RjU1QjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRDM0NjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=",xf={__name:"ThreeDDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzRGNTVCOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJEMzQ2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:42,comments:8,initials:"JD",avatarClass:"bg-blue-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzRGNTVCOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJEMzQ2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:36,comments:5,initials:"AB",avatarClass:"bg-blue-600"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",Nv,[t("div",Ev,[t("div",zv,[t("div",{class:"three-d-logo"},[t("img",{src:yf,alt:"3D Design Logo",class:"three-d-logo-img"}),o[4]||(o[4]=t("span",{class:"three-d-logo-text"},"3D DESIGN",-1))]),o[5]||(o[5]=V('<div class="three-d-nav" data-v-b59da191><a href="#" class="three-d-nav-item active" data-v-b59da191>首页</a><a href="#" class="three-d-nav-item" data-v-b59da191>组件</a><a href="#" class="three-d-nav-item" data-v-b59da191>文档</a><a href="#" class="three-d-nav-item" data-v-b59da191>主题</a></div>',1)),t("div",Pv,[t("button",Sv,[d(u(K),{class:"w-5 h-5"})]),t("button",Rv,[d(u(H),{class:"w-5 h-5"})]),t("button",Tv,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",Zv,[t("div",Gv,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"three-d-card"},[t("div",Lv,[t("img",{src:c.cover,alt:c.title,class:"three-d-card-cover-img"},null,8,Ov)]),t("div",Hv,[t("div",Bv,[t("div",Wv,[t("div",{class:st(["three-d-avatar",c.avatarClass])},k(c.initials),3)]),t("div",Vv,[t("h3",Yv,k(c.title),1),t("p",Jv,k(c.description),1)])]),t("p",Qv,k(c.content),1),t("div",Fv,[t("button",Uv,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",Kv,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",Xv,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="three-d-form" data-v-b59da191><div class="three-d-form-item" data-v-b59da191><label class="three-d-form-item-label" data-v-b59da191>文本输入</label><div class="three-d-form-item-control" data-v-b59da191><input type="text" placeholder="请输入内容" class="three-d-input" data-v-b59da191></div></div><div class="three-d-form-item" data-v-b59da191><label class="three-d-form-item-label" data-v-b59da191>密码输入</label><div class="three-d-form-item-control" data-v-b59da191><input type="password" placeholder="请输入密码" class="three-d-input" data-v-b59da191></div></div><div class="three-d-form-item" data-v-b59da191><label class="three-d-form-item-label" data-v-b59da191>下拉选择</label><div class="three-d-form-item-control" data-v-b59da191><select class="three-d-select" data-v-b59da191><option data-v-b59da191>选项 1</option><option data-v-b59da191>选项 2</option><option data-v-b59da191>选项 3</option></select></div></div><div class="three-d-form-item" data-v-b59da191><label class="three-d-form-item-label" data-v-b59da191>开关</label><div class="three-d-form-item-control" data-v-b59da191><label class="three-d-switch" data-v-b59da191><input type="checkbox" data-v-b59da191><span class="three-d-switch-inner" data-v-b59da191></span></label></div></div></div><div class="three-d-btn-group" data-v-b59da191><button class="three-d-btn primary" data-v-b59da191>主要按钮</button><button class="three-d-btn secondary" data-v-b59da191>次要按钮</button><button class="three-d-btn outline" data-v-b59da191>轮廓按钮</button><button class="three-d-btn text" data-v-b59da191>文本按钮</button></div>',2)),t("div",qv,[t("div",tf,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["three-d-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,sf))),128))]),t("div",ef,[n.value==="tab1"?(_(),y("div",af,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",nf,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",of,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",lf,[t("div",cf,[t("div",df,[t("div",rf,[t("div",uf,[o[9]||(o[9]=t("div",{class:"three-d-modal-title"},"对话框标题",-1)),t("button",{class:"three-d-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"three-d-modal-body"},[t("p",null,"这是一个3D风格的对话框示例。")],-1)),t("div",vf,[t("button",{class:"three-d-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"three-d-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",ff,[t("div",pf,[t("div",mf,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",bf,[t("div",hf,[t("div",gf,[t("div",_f,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"three-d-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"three-d-notification-notice-description"},"通知内容",-1))]),t("button",{class:"three-d-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},wf=bt(xf,[["__scopeId","data-v-b59da191"]]),$f={class:"skeuomorphic-container min-h-screen bg-gradient-to-b from-gray-100 to-gray-200"},If={class:"skeuomorphic-app-bar"},Mf={class:"container mx-auto px-4 py-3 flex items-center justify-between"},kf={class:"flex items-center"},Cf={class:"flex items-center space-x-4"},Df={class:"skeuomorphic-icon-button"},Af={class:"skeuomorphic-icon-button"},jf={class:"skeuomorphic-icon-button"},Nf={class:"container mx-auto p-6"},Ef={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},zf={class:"skeuomorphic-card"},Pf={class:"p-4"},Sf={class:"space-y-2"},Rf={href:"#",class:"skeuomorphic-nav-item active"},Tf={href:"#",class:"skeuomorphic-nav-item"},Zf={href:"#",class:"skeuomorphic-nav-item"},Gf={href:"#",class:"skeuomorphic-nav-item"},Lf={class:"md:col-span-2 space-y-6"},Of={class:"skeuomorphic-card"},Hf={class:"p-4"},Bf={class:"space-y-4"},Wf={class:"skeuomorphic-list-item"},Vf={class:"skeuomorphic-icon-button"},Yf={class:"skeuomorphic-list-item"},Jf={class:"skeuomorphic-icon-button"},Qf={class:"skeuomorphic-card"},Ff={class:"p-4"},Uf={class:"flex flex-wrap gap-4"},Kf={class:"skeuomorphic-button icon"},Xf={class:"skeuomorphic-card"},qf={class:"p-4"},tp={class:"skeuomorphic-bottom-nav"},sp={href:"#",class:"skeuomorphic-bottom-nav-item active"},ep={href:"#",class:"skeuomorphic-bottom-nav-item"},ap={href:"#",class:"skeuomorphic-bottom-nav-item"},ip={href:"#",class:"skeuomorphic-bottom-nav-item"},np={href:"#",class:"skeuomorphic-bottom-nav-item"},op={key:0,class:"skeuomorphic-dialog-overlay"},lp={class:"skeuomorphic-dialog"},cp={class:"skeuomorphic-dialog-header"},dp={class:"skeuomorphic-dialog-actions"},rp={__name:"SkeuomorphicView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",$f,[t("div",If,[t("div",Mf,[t("div",kf,[d(u(zt),{class:"w-5 h-5 text-gray-700 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-gray-700"},"Skeuomorphic Design",-1))]),t("div",Cf,[t("button",Df,[d(u(K),{class:"w-5 h-5"})]),t("button",Af,[d(u(H),{class:"w-5 h-5"})]),t("button",jf,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",Nf,[t("div",Ef,[t("div",zf,[t("div",Pf,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"导航菜单",-1)),t("nav",Sf,[t("a",Rf,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Tf,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"skeuomorphic-badge"},"12",-1))]),t("a",Zf,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Gf,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Lf,[t("div",Of,[t("div",Hf,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"卡片列表",-1)),t("div",Bf,[t("div",Wf,[e[11]||(e[11]=t("div",{class:"skeuomorphic-avatar bg-blue-500"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-gray-700"},"卡片标题"),t("p",{class:"text-gray-600"},"卡片副标题")],-1)),t("button",Vf,[d(u(ct),{class:"w-5 h-5"})])]),t("div",Yf,[e[13]||(e[13]=t("div",{class:"skeuomorphic-avatar bg-indigo-500"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-gray-700"},"另一个标题"),t("p",{class:"text-gray-600"},"另一个副标题")],-1)),t("button",Jf,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="skeuomorphic-card" data-v-8015740b><div class="p-4" data-v-8015740b><h2 class="text-lg font-medium mb-4 text-gray-700" data-v-8015740b>表单元素</h2><div class="space-y-4" data-v-8015740b><div class="skeuomorphic-input-group" data-v-8015740b><label class="text-gray-700" data-v-8015740b>文本输入</label><input type="text" placeholder="请输入内容" class="skeuomorphic-input" data-v-8015740b></div><div class="skeuomorphic-input-group" data-v-8015740b><label class="text-gray-700" data-v-8015740b>密码输入</label><input type="password" placeholder="请输入密码" class="skeuomorphic-input" data-v-8015740b></div><div class="skeuomorphic-input-group" data-v-8015740b><label class="text-gray-700" data-v-8015740b>下拉选择</label><select class="skeuomorphic-input" data-v-8015740b><option data-v-8015740b>选项 1</option><option data-v-8015740b>选项 2</option><option data-v-8015740b>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-8015740b><label class="skeuomorphic-checkbox" data-v-8015740b><input type="checkbox" data-v-8015740b><span class="skeuomorphic-checkmark" data-v-8015740b></span><span class="text-gray-700" data-v-8015740b>复选框</span></label><label class="skeuomorphic-radio" data-v-8015740b><input type="radio" name="radio" data-v-8015740b><span class="skeuomorphic-radiomark" data-v-8015740b></span><span class="text-gray-700" data-v-8015740b>单选框</span></label></div><div class="skeuomorphic-switch" data-v-8015740b><input type="checkbox" id="switch1" data-v-8015740b><label for="switch1" class="text-gray-700" data-v-8015740b>开关</label></div></div></div></div>',1)),t("div",Qf,[t("div",Ff,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"按钮样式",-1)),t("div",Uf,[e[16]||(e[16]=t("button",{class:"skeuomorphic-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"skeuomorphic-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"skeuomorphic-button text"},"文本按钮",-1)),t("button",Kf,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="skeuomorphic-card" data-v-8015740b><div class="p-4" data-v-8015740b><h2 class="text-lg font-medium mb-4 text-gray-700" data-v-8015740b>进度指示器</h2><div class="space-y-4" data-v-8015740b><div class="skeuomorphic-progress" data-v-8015740b><div class="skeuomorphic-progress-bar" style="width:60%;" data-v-8015740b></div></div><div class="skeuomorphic-progress circular" data-v-8015740b><div class="skeuomorphic-progress-circle" data-v-8015740b></div></div></div></div></div>',1)),t("div",Xf,[t("div",qf,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"对话框示例",-1)),t("button",{class:"skeuomorphic-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",tp,[t("a",sp,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",ep,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",ap,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",ip,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",np,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",op,[t("div",lp,[t("div",cp,[e[28]||(e[28]=t("h3",{class:"text-gray-700"},"对话框标题",-1)),t("button",{class:"skeuomorphic-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"skeuomorphic-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个拟物化设计风格的对话框示例。")],-1)),t("div",dp,[t("button",{class:"skeuomorphic-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"skeuomorphic-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},up=bt(rp,[["__scopeId","data-v-8015740b"]]),vp={class:"material-container min-h-screen bg-gray-50"},fp={class:"material-app-bar"},pp={class:"container mx-auto px-4 py-3 flex items-center justify-between"},mp={class:"flex items-center"},bp={class:"flex items-center space-x-4"},hp={class:"material-icon-button"},gp={class:"material-icon-button"},_p={class:"material-icon-button"},yp={class:"container mx-auto p-6"},xp={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},wp={class:"material-card"},$p={class:"p-4"},Ip={class:"space-y-2"},Mp={href:"#",class:"material-nav-item active"},kp={href:"#",class:"material-nav-item"},Cp={href:"#",class:"material-nav-item"},Dp={href:"#",class:"material-nav-item"},Ap={class:"md:col-span-2 space-y-6"},jp={class:"material-card"},Np={class:"p-4"},Ep={class:"space-y-4"},zp={class:"material-list-item"},Pp={class:"material-icon-button"},Sp={class:"material-list-item"},Rp={class:"material-icon-button"},Tp={class:"material-card"},Zp={class:"p-4"},Gp={class:"flex flex-wrap gap-4"},Lp={class:"material-button icon"},Op={class:"material-card"},Hp={class:"p-4"},Bp={class:"material-bottom-nav"},Wp={href:"#",class:"material-bottom-nav-item active"},Vp={href:"#",class:"material-bottom-nav-item"},Yp={href:"#",class:"material-bottom-nav-item"},Jp={href:"#",class:"material-bottom-nav-item"},Qp={href:"#",class:"material-bottom-nav-item"},Fp={key:0,class:"material-dialog-overlay"},Up={class:"material-dialog"},Kp={class:"material-dialog-header"},Xp={class:"material-dialog-actions"},qp={__name:"MaterialView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",vp,[t("div",fp,[t("div",pp,[t("div",mp,[d(u(zt),{class:"w-5 h-5 text-white mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-white"},"Material Design",-1))]),t("div",bp,[t("button",hp,[d(u(K),{class:"w-5 h-5"})]),t("button",gp,[d(u(H),{class:"w-5 h-5"})]),t("button",_p,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",yp,[t("div",xp,[t("div",wp,[t("div",$p,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",Ip,[t("a",Mp,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",kp,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"material-badge"},"12",-1))]),t("a",Cp,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Dp,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Ap,[t("div",jp,[t("div",Np,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",Ep,[t("div",zp,[e[11]||(e[11]=t("div",{class:"material-avatar bg-blue-500"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-gray-900"},"卡片标题"),t("p",{class:"text-gray-600"},"卡片副标题")],-1)),t("button",Pp,[d(u(ct),{class:"w-5 h-5"})])]),t("div",Sp,[e[13]||(e[13]=t("div",{class:"material-avatar bg-indigo-500"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-gray-900"},"另一个标题"),t("p",{class:"text-gray-600"},"另一个副标题")],-1)),t("button",Rp,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="material-card" data-v-63f28765><div class="p-4" data-v-63f28765><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-63f28765>表单元素</h2><div class="space-y-4" data-v-63f28765><div class="material-input-group" data-v-63f28765><label class="text-gray-700" data-v-63f28765>文本输入</label><input type="text" placeholder="请输入内容" class="material-input" data-v-63f28765></div><div class="material-input-group" data-v-63f28765><label class="text-gray-700" data-v-63f28765>密码输入</label><input type="password" placeholder="请输入密码" class="material-input" data-v-63f28765></div><div class="material-input-group" data-v-63f28765><label class="text-gray-700" data-v-63f28765>下拉选择</label><select class="material-input" data-v-63f28765><option data-v-63f28765>选项 1</option><option data-v-63f28765>选项 2</option><option data-v-63f28765>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-63f28765><label class="material-checkbox" data-v-63f28765><input type="checkbox" data-v-63f28765><span class="material-checkmark" data-v-63f28765></span><span class="text-gray-700" data-v-63f28765>复选框</span></label><label class="material-radio" data-v-63f28765><input type="radio" name="radio" data-v-63f28765><span class="material-radiomark" data-v-63f28765></span><span class="text-gray-700" data-v-63f28765>单选框</span></label></div><div class="material-switch" data-v-63f28765><input type="checkbox" id="switch1" data-v-63f28765><label for="switch1" class="text-gray-700" data-v-63f28765>开关</label></div></div></div></div>',1)),t("div",Tp,[t("div",Zp,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",Gp,[e[16]||(e[16]=t("button",{class:"material-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"material-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"material-button text"},"文本按钮",-1)),t("button",Lp,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="material-card" data-v-63f28765><div class="p-4" data-v-63f28765><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-63f28765>进度指示器</h2><div class="space-y-4" data-v-63f28765><div class="material-progress" data-v-63f28765><div class="material-progress-bar" style="width:60%;" data-v-63f28765></div></div><div class="material-progress circular" data-v-63f28765><div class="material-progress-circle" data-v-63f28765></div></div></div></div></div>',1)),t("div",Op,[t("div",Hp,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"对话框示例",-1)),t("button",{class:"material-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",Bp,[t("a",Wp,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Vp,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Yp,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Jp,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Qp,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Fp,[t("div",Up,[t("div",Kp,[e[28]||(e[28]=t("h3",{class:"text-gray-900"},"对话框标题",-1)),t("button",{class:"material-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"material-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个 Material Design 风格的对话框示例。")],-1)),t("div",Xp,[t("button",{class:"material-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"material-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},tm=bt(qp,[["__scopeId","data-v-63f28765"]]),sm={class:"ios-container min-h-screen bg-gray-50"},em={class:"ios-nav-bar"},am={class:"ios-nav-bar-content"},im={key:0,class:"ios-search-bar"},nm={class:"ios-search-input"},om={class:"ios-content"},lm={class:"ios-card-list"},cm={class:"ios-card-header"},dm={class:"ios-card-info"},rm={class:"ios-card-title"},um={class:"ios-card-subtitle"},vm={class:"ios-card-action"},fm={class:"ios-card-content"},pm={class:"ios-card-footer"},mm={class:"ios-button"},bm={class:"ios-button"},hm={class:"ios-button"},gm={class:"ios-tabs"},_m={class:"ios-tab-header"},ym=["onClick"],xm={class:"ios-tab-content"},wm={key:0,class:"ios-tab-pane"},$m={key:1,class:"ios-tab-pane"},Im={key:2,class:"ios-tab-pane"},Mm={class:"ios-tab-bar"},km={href:"#",class:"ios-tab-bar-item active"},Cm={href:"#",class:"ios-tab-bar-item"},Dm={href:"#",class:"ios-tab-bar-item"},Am={href:"#",class:"ios-tab-bar-item"},jm={href:"#",class:"ios-tab-bar-item"},Nm={key:1,class:"ios-dialog-overlay"},Em={class:"ios-dialog"},zm={class:"ios-dialog-actions"},Pm={key:2,class:"ios-action-sheet"},Sm={class:"ios-action-sheet-content"},Rm={class:"ios-action-sheet-item"},Tm={class:"ios-action-sheet-item"},Zm={class:"ios-action-sheet-item destructive"},Gm={__name:"IOSDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C(!1),l=C("tab1"),r=C([{id:1,title:"卡片标题",subtitle:"副标题",content:"这是卡片的内容，可以包含多行文本。",likes:42,comments:8,initials:"JD",avatarClass:"bg-blue-500"},{id:2,title:"另一个标题",subtitle:"另一个副标题",content:"这是另一个卡片的内容。",likes:36,comments:5,initials:"AB",avatarClass:"bg-green-500"}]),f=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(o,c)=>(_(),y("div",sm,[c[22]||(c[22]=V('<div class="ios-status-bar" data-v-aa81dc6c><div class="ios-status-bar-time" data-v-aa81dc6c>9:41</div><div class="ios-status-bar-icons" data-v-aa81dc6c><div class="ios-signal" data-v-aa81dc6c></div><div class="ios-wifi" data-v-aa81dc6c></div><div class="ios-battery" data-v-aa81dc6c></div></div></div>',1)),t("div",em,[t("div",am,[t("button",{class:"ios-nav-button",onClick:c[0]||(c[0]=p=>n.value=!n.value)},[d(u(zt),{class:"w-5 h-5"})]),c[6]||(c[6]=t("h1",{class:"ios-nav-title"},"iOS Design",-1)),t("button",{class:"ios-nav-button",onClick:c[1]||(c[1]=p=>e.value=!e.value)},[d(u(K),{class:"w-5 h-5"})])])]),e.value?(_(),y("div",im,[t("div",nm,[d(u(K),{class:"w-5 h-5 text-gray-400"}),c[7]||(c[7]=t("input",{type:"text",placeholder:"搜索",class:"ios-search-field"},null,-1)),t("button",{class:"ios-search-cancel",onClick:c[2]||(c[2]=p=>e.value=!1)},"取消")])])):A("",!0),t("div",om,[t("div",lm,[(_(!0),y(U,null,at(r.value,p=>(_(),y("div",{key:p.id,class:"ios-card"},[t("div",cm,[t("div",{class:st(["ios-avatar",p.avatarClass])},k(p.initials),3),t("div",dm,[t("h3",rm,k(p.title),1),t("p",um,k(p.subtitle),1)]),t("button",vm,[d(u(ct),{class:"w-5 h-5"})])]),t("div",fm,[t("p",null,k(p.content),1)]),t("div",pm,[t("button",mm,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(p.likes),1)]),t("button",bm,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(p.comments),1)]),t("button",hm,[d(u(Xt),{class:"w-5 h-5"})])])]))),128))]),c[11]||(c[11]=V('<div class="ios-form" data-v-aa81dc6c><div class="ios-form-group" data-v-aa81dc6c><label class="ios-label" data-v-aa81dc6c>文本输入</label><input type="text" placeholder="请输入内容" class="ios-input" data-v-aa81dc6c></div><div class="ios-form-group" data-v-aa81dc6c><label class="ios-label" data-v-aa81dc6c>密码输入</label><input type="password" placeholder="请输入密码" class="ios-input" data-v-aa81dc6c></div><div class="ios-form-group" data-v-aa81dc6c><label class="ios-label" data-v-aa81dc6c>下拉选择</label><select class="ios-input" data-v-aa81dc6c><option data-v-aa81dc6c>选项 1</option><option data-v-aa81dc6c>选项 2</option><option data-v-aa81dc6c>选项 3</option></select></div><div class="ios-form-group" data-v-aa81dc6c><label class="ios-switch" data-v-aa81dc6c><input type="checkbox" data-v-aa81dc6c><span class="ios-switch-slider" data-v-aa81dc6c></span><span class="ios-switch-label" data-v-aa81dc6c>开关</span></label></div></div><div class="ios-button-group" data-v-aa81dc6c><button class="ios-button primary" data-v-aa81dc6c>主要按钮</button><button class="ios-button secondary" data-v-aa81dc6c>次要按钮</button><button class="ios-button destructive" data-v-aa81dc6c>危险按钮</button></div>',2)),t("div",gm,[t("div",_m,[(_(!0),y(U,null,at(f.value,p=>(_(),y("button",{key:p.id,class:st(["ios-tab",{active:l.value===p.id}]),onClick:h=>l.value=p.id},k(p.label),11,ym))),128))]),t("div",xm,[l.value==="tab1"?(_(),y("div",wm,c[8]||(c[8]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),l.value==="tab2"?(_(),y("div",$m,c[9]||(c[9]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),l.value==="tab3"?(_(),y("div",Im,c[10]||(c[10]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])])]),t("div",Mm,[t("a",km,[d(u(rt),{class:"w-6 h-6"}),c[12]||(c[12]=t("span",null,"首页",-1))]),t("a",Cm,[d(u(K),{class:"w-6 h-6"}),c[13]||(c[13]=t("span",null,"搜索",-1))]),t("a",Dm,[d(u(ut),{class:"w-6 h-6"}),c[14]||(c[14]=t("span",null,"添加",-1))]),t("a",Am,[d(u(H),{class:"w-6 h-6"}),c[15]||(c[15]=t("span",null,"通知",-1))]),t("a",jm,[d(u(X),{class:"w-6 h-6"}),c[16]||(c[16]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Nm,[t("div",Em,[c[17]||(c[17]=t("div",{class:"ios-dialog-header"},[t("h3",{class:"ios-dialog-title"},"对话框标题"),t("p",{class:"ios-dialog-message"},"这是一个 iOS 风格的对话框示例。")],-1)),t("div",zm,[t("button",{class:"ios-dialog-button cancel",onClick:c[3]||(c[3]=p=>a.value=!1)},"取消"),t("button",{class:"ios-dialog-button confirm",onClick:c[4]||(c[4]=p=>a.value=!1)},"确定")])])])):A("",!0),i.value?(_(),y("div",Pm,[t("div",Sm,[c[21]||(c[21]=t("div",{class:"ios-action-sheet-title"},"选择操作",-1)),t("button",Rm,[d(u(lr),{class:"w-5 h-5"}),c[18]||(c[18]=t("span",null,"拍照",-1))]),t("button",Tm,[d(u(cr),{class:"w-5 h-5"}),c[19]||(c[19]=t("span",null,"从相册选择",-1))]),t("button",Zm,[d(u(dr),{class:"w-5 h-5"}),c[20]||(c[20]=t("span",null,"删除",-1))])]),t("button",{class:"ios-action-sheet-cancel",onClick:c[5]||(c[5]=p=>i.value=!1)},"取消")])):A("",!0)]))}},Lm=bt(Gm,[["__scopeId","data-v-aa81dc6c"]]),Om={class:"fluent-container min-h-screen bg-gray-50"},Hm={class:"fluent-app-bar"},Bm={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Wm={class:"flex items-center"},Vm={class:"flex items-center space-x-4"},Ym={class:"fluent-search-box"},Jm={key:0,class:"fluent-badge"},Qm={class:"space-y-2"},Fm={href:"#",class:"fluent-nav-item active"},Um={href:"#",class:"fluent-nav-item"},Km={href:"#",class:"fluent-nav-item"},Xm={href:"#",class:"fluent-nav-item"},qm={class:"container mx-auto p-6"},tb={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},sb={class:"fluent-card"},eb={class:"p-4"},ab={class:"grid grid-cols-2 gap-4"},ib={class:"fluent-stat-card"},nb={class:"fluent-stat-icon"},ob={class:"fluent-stat-card"},lb={class:"fluent-stat-icon"},cb={class:"fluent-card md:col-span-2"},db={class:"p-4"},rb={class:"fluent-chart"},ub={class:"h-48 flex items-end space-x-2"},vb={class:"fluent-card"},fb={class:"p-4"},pb={class:"space-y-4"},mb={class:"fluent-checkbox"},bb=["onUpdate:modelValue"],hb={class:"flex-1"},gb={class:"text-sm text-gray-500"},_b={class:"fluent-icon-button"},yb={class:"fluent-card md:col-span-2"},xb={class:"p-4"},wb={class:"space-y-4"},$b={class:"flex-1"},Ib={class:"flex justify-between"},Mb={class:"font-medium"},kb={class:"text-sm text-gray-500"},Cb={class:"text-gray-600"},Db={class:"fluent-icon-button"},Ab={class:"fluent-card"},jb={class:"p-4"},Nb={class:"space-y-4"},Eb={class:"flex flex-wrap gap-4"},zb={class:"fluent-button icon"},Pb={class:"flex flex-wrap gap-4"},Sb={class:"fluent-button loading"},Rb={class:"fluent-card md:col-span-3"},Tb={class:"p-4"},Zb={class:"fluent-tabs"},Gb=["onClick"],Lb={class:"mt-4"},Ob={key:0,class:"fluent-tab-content"},Hb={key:1,class:"fluent-tab-content"},Bb={key:2,class:"fluent-tab-content"},Wb={class:"fluent-bottom-nav"},Vb={href:"#",class:"fluent-bottom-nav-item active"},Yb={href:"#",class:"fluent-bottom-nav-item"},Jb={href:"#",class:"fluent-bottom-nav-item"},Qb={href:"#",class:"fluent-bottom-nav-item"},Fb={href:"#",class:"fluent-bottom-nav-item"},Ub={key:0,class:"fluent-dialog-overlay"},Kb={class:"fluent-dialog"},Xb={class:"fluent-dialog-header"},qb={class:"fluent-dialog-actions"},th={key:1,class:"fluent-notification-panel"},sh={class:"fluent-notification-header"},eh={class:"fluent-notification-list"},ah={class:"fluent-notification-icon"},ih={class:"flex-1"},nh={class:"font-medium"},oh={class:"text-sm text-gray-500"},lh={class:"text-xs text-gray-400"},ch={key:2,class:"fluent-profile-panel"},dh={class:"fluent-profile-header"},rh={class:"fluent-profile-menu"},uh={href:"#",class:"fluent-profile-menu-item"},vh={href:"#",class:"fluent-profile-menu-item"},fh={href:"#",class:"fluent-profile-menu-item"},ph={__name:"FluentDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C(!1),l=C("tab1"),r=C(3),f=C([{id:1,title:"完成项目报告",dueDate:"今天",completed:!1},{id:2,title:"回复客户邮件",dueDate:"明天",completed:!0},{id:3,title:"准备会议材料",dueDate:"后天",completed:!1}]),o=C([{id:1,sender:"Alice",content:"你好，请问项目进展如何？",time:"10:30",initials:"A",avatarClass:"bg-blue-500"},{id:2,sender:"Bob",content:"会议时间改到下午3点",time:"09:15",initials:"B",avatarClass:"bg-green-500"}]),c=C([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]),p=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(h,v)=>(_(),y("div",Om,[t("div",Hm,[t("div",Bm,[t("div",Wm,[t("button",{class:"fluent-icon-button",onClick:v[0]||(v[0]=g=>n.value=!n.value)},[d(u(zt),{class:"w-5 h-5"})]),v[8]||(v[8]=t("h1",{class:"text-xl font-medium text-gray-900 ml-4"},"Fluent Design",-1))]),t("div",Vm,[t("div",Ym,[d(u(K),{class:"w-5 h-5 text-gray-500"}),v[9]||(v[9]=t("input",{type:"text",placeholder:"搜索...",class:"fluent-search-input"},null,-1))]),t("button",{class:"fluent-icon-button",onClick:v[1]||(v[1]=g=>i.value=!i.value)},[d(u(H),{class:"w-5 h-5"}),r.value>0?(_(),y("span",Jm,k(r.value),1)):A("",!0)]),t("button",{class:"fluent-icon-button",onClick:v[2]||(v[2]=g=>e.value=!e.value)},[d(u(X),{class:"w-5 h-5"})])])])]),t("div",{class:st(["fluent-side-menu",{"is-open":n.value}])},[t("nav",Qm,[t("a",Fm,[d(u(rt),{class:"w-5 h-5"}),v[10]||(v[10]=t("span",null,"首页",-1))]),t("a",Um,[d(u(Rt),{class:"w-5 h-5"}),v[11]||(v[11]=t("span",null,"收件箱",-1)),v[12]||(v[12]=t("span",{class:"fluent-badge"},"12",-1))]),t("a",Km,[d(u(Tt),{class:"w-5 h-5"}),v[13]||(v[13]=t("span",null,"收藏",-1))]),t("a",Xm,[d(u(jt),{class:"w-5 h-5"}),v[14]||(v[14]=t("span",null,"设置",-1))])])],2),t("div",qm,[t("div",tb,[t("div",sb,[t("div",eb,[v[17]||(v[17]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"数据统计",-1)),t("div",ab,[t("div",ib,[t("div",nb,[d(u(xo),{class:"w-6 h-6"})]),v[15]||(v[15]=t("div",{class:"fluent-stat-content"},[t("span",{class:"text-gray-500"},"用户数"),t("span",{class:"text-2xl font-bold"},"1,234")],-1))]),t("div",ob,[t("div",lb,[d(u(go),{class:"w-6 h-6"})]),v[16]||(v[16]=t("div",{class:"fluent-stat-content"},[t("span",{class:"text-gray-500"},"活跃度"),t("span",{class:"text-2xl font-bold"},"89%")],-1))])])])]),t("div",cb,[t("div",db,[v[18]||(v[18]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"数据趋势",-1)),t("div",rb,[t("div",ub,[(_(),y(U,null,at(7,g=>t("div",{key:g,class:"fluent-chart-bar",style:we({height:`${Math.random()*100}%`})},null,4)),64))])])])]),t("div",vb,[t("div",fb,[v[20]||(v[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"任务列表",-1)),t("div",pb,[(_(!0),y(U,null,at(f.value,g=>(_(),y("div",{key:g.id,class:"fluent-task-item"},[t("label",mb,[In(t("input",{type:"checkbox","onUpdate:modelValue":P=>g.completed=P},null,8,bb),[[eo,g.completed]]),v[19]||(v[19]=t("span",{class:"fluent-checkmark"},null,-1))]),t("div",hb,[t("h3",{class:st(["font-medium",{"line-through text-gray-400":g.completed}])},k(g.title),3),t("p",gb,k(g.dueDate),1)]),t("button",_b,[d(u(ct),{class:"w-5 h-5"})])]))),128))])])]),t("div",yb,[t("div",xb,[v[21]||(v[21]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"消息列表",-1)),t("div",wb,[(_(!0),y(U,null,at(o.value,g=>(_(),y("div",{key:g.id,class:"fluent-message-item"},[t("div",{class:st(["fluent-avatar",g.avatarClass])},k(g.initials),3),t("div",$b,[t("div",Ib,[t("h3",Mb,k(g.sender),1),t("span",kb,k(g.time),1)]),t("p",Cb,k(g.content),1)]),t("button",Db,[d(u(ct),{class:"w-5 h-5"})])]))),128))])])]),v[32]||(v[32]=V('<div class="fluent-card" data-v-0a64c6d6><div class="p-4" data-v-0a64c6d6><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-0a64c6d6>表单元素</h2><div class="space-y-4" data-v-0a64c6d6><div class="fluent-input-group" data-v-0a64c6d6><label class="text-gray-600" data-v-0a64c6d6>文本输入</label><input type="text" placeholder="请输入内容" class="fluent-input" data-v-0a64c6d6></div><div class="fluent-input-group" data-v-0a64c6d6><label class="text-gray-600" data-v-0a64c6d6>密码输入</label><input type="password" placeholder="请输入密码" class="fluent-input" data-v-0a64c6d6></div><div class="fluent-input-group" data-v-0a64c6d6><label class="text-gray-600" data-v-0a64c6d6>下拉选择</label><select class="fluent-input" data-v-0a64c6d6><option data-v-0a64c6d6>选项 1</option><option data-v-0a64c6d6>选项 2</option><option data-v-0a64c6d6>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-0a64c6d6><label class="fluent-checkbox" data-v-0a64c6d6><input type="checkbox" data-v-0a64c6d6><span class="fluent-checkmark" data-v-0a64c6d6></span><span class="text-gray-600" data-v-0a64c6d6>复选框</span></label><label class="fluent-radio" data-v-0a64c6d6><input type="radio" name="radio" data-v-0a64c6d6><span class="fluent-radiomark" data-v-0a64c6d6></span><span class="text-gray-600" data-v-0a64c6d6>单选框</span></label></div><div class="fluent-switch" data-v-0a64c6d6><input type="checkbox" id="switch1" data-v-0a64c6d6><label for="switch1" class="text-gray-600" data-v-0a64c6d6>开关</label></div></div></div></div>',1)),t("div",Ab,[t("div",jb,[v[27]||(v[27]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",Nb,[t("div",Eb,[v[22]||(v[22]=t("button",{class:"fluent-button"},"主要按钮",-1)),v[23]||(v[23]=t("button",{class:"fluent-button outlined"},"次要按钮",-1)),v[24]||(v[24]=t("button",{class:"fluent-button text"},"文本按钮",-1)),t("button",zb,[d(u(ut),{class:"w-5 h-5"})])]),t("div",Pb,[v[25]||(v[25]=t("button",{class:"fluent-button small"},"小按钮",-1)),v[26]||(v[26]=t("button",{class:"fluent-button large"},"大按钮",-1)),t("button",Sb,[d(u(_o),{class:"w-5 h-5 animate-spin"})])])])])]),v[33]||(v[33]=V('<div class="fluent-card" data-v-0a64c6d6><div class="p-4" data-v-0a64c6d6><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-0a64c6d6>进度指示器</h2><div class="space-y-4" data-v-0a64c6d6><div class="fluent-progress" data-v-0a64c6d6><div class="fluent-progress-bar" style="width:60%;" data-v-0a64c6d6></div></div><div class="fluent-progress circular" data-v-0a64c6d6><div class="fluent-progress-circle" data-v-0a64c6d6></div></div><div class="flex justify-between text-sm text-gray-500" data-v-0a64c6d6><span data-v-0a64c6d6>0%</span><span data-v-0a64c6d6>60%</span><span data-v-0a64c6d6>100%</span></div></div></div></div>',1)),t("div",Rb,[t("div",Tb,[v[31]||(v[31]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"标签页",-1)),t("div",Zb,[(_(!0),y(U,null,at(p.value,g=>(_(),y("button",{key:g.id,class:st(["fluent-tab",{active:l.value===g.id}]),onClick:P=>l.value=g.id},k(g.label),11,Gb))),128))]),t("div",Lb,[l.value==="tab1"?(_(),y("div",Ob,v[28]||(v[28]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),l.value==="tab2"?(_(),y("div",Hb,v[29]||(v[29]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),l.value==="tab3"?(_(),y("div",Bb,v[30]||(v[30]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])])])])]),t("div",Wb,[t("a",Vb,[d(u(rt),{class:"w-6 h-6"}),v[34]||(v[34]=t("span",null,"首页",-1))]),t("a",Yb,[d(u(K),{class:"w-6 h-6"}),v[35]||(v[35]=t("span",null,"搜索",-1))]),t("a",Jb,[d(u(ut),{class:"w-6 h-6"}),v[36]||(v[36]=t("span",null,"添加",-1))]),t("a",Qb,[d(u(H),{class:"w-6 h-6"}),v[37]||(v[37]=t("span",null,"通知",-1))]),t("a",Fb,[d(u(X),{class:"w-6 h-6"}),v[38]||(v[38]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Ub,[t("div",Kb,[t("div",Xb,[v[39]||(v[39]=t("h3",{class:"text-gray-900"},"对话框标题",-1)),t("button",{class:"fluent-icon-button",onClick:v[3]||(v[3]=g=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),v[40]||(v[40]=t("div",{class:"fluent-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个 Fluent Design 风格的对话框示例。")],-1)),t("div",qb,[t("button",{class:"fluent-button text",onClick:v[4]||(v[4]=g=>a.value=!1)},"取消"),t("button",{class:"fluent-button",onClick:v[5]||(v[5]=g=>a.value=!1)},"确定")])])])):A("",!0),i.value?(_(),y("div",th,[t("div",sh,[v[41]||(v[41]=t("h3",{class:"text-gray-900"},"通知",-1)),t("button",{class:"fluent-icon-button",onClick:v[6]||(v[6]=g=>i.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),t("div",eh,[(_(!0),y(U,null,at(c.value,g=>(_(),y("div",{key:g.id,class:"fluent-notification-item"},[t("div",ah,[d(u(H),{class:"w-5 h-5"})]),t("div",ih,[t("h4",nh,k(g.title),1),t("p",oh,k(g.content),1)]),t("span",lh,k(g.time),1)]))),128))])])):A("",!0),e.value?(_(),y("div",ch,[t("div",dh,[v[42]||(v[42]=t("div",{class:"fluent-avatar large"},"JD",-1)),v[43]||(v[43]=t("div",{class:"ml-4"},[t("h3",{class:"font-medium"},"John Doe"),t("p",{class:"text-sm text-gray-500"},"john.doe@example.com")],-1)),t("button",{class:"fluent-icon-button",onClick:v[7]||(v[7]=g=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),t("div",rh,[t("a",uh,[d(u(X),{class:"w-5 h-5"}),v[44]||(v[44]=t("span",null,"个人资料",-1))]),t("a",vh,[d(u(jt),{class:"w-5 h-5"}),v[45]||(v[45]=t("span",null,"设置",-1))]),t("a",fh,[d(u(yo),{class:"w-5 h-5"}),v[46]||(v[46]=t("span",null,"退出登录",-1))])])])):A("",!0)]))}},mh=bt(ph,[["__scopeId","data-v-0a64c6d6"]]),bh={class:"neu-container min-h-screen bg-gray-100"},hh={class:"neu-app-bar"},gh={class:"container mx-auto px-4 py-3 flex items-center justify-between"},_h={class:"flex items-center"},yh={class:"flex items-center space-x-4"},xh={class:"neu-search-box"},wh={key:0,class:"neu-badge"},$h={class:"space-y-2"},Ih={href:"#",class:"neu-nav-item active"},Mh={href:"#",class:"neu-nav-item"},kh={href:"#",class:"neu-nav-item"},Ch={href:"#",class:"neu-nav-item"},Dh={class:"container mx-auto p-6"},Ah={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},jh={class:"neu-card"},Nh={class:"p-4"},Eh={class:"grid grid-cols-2 gap-4"},zh={class:"neu-stat-card"},Ph={class:"neu-stat-icon"},Sh={class:"neu-stat-card"},Rh={class:"neu-stat-icon"},Th={class:"neu-card md:col-span-2"},Zh={class:"p-4"},Gh={class:"neu-chart"},Lh={class:"h-48 flex items-end space-x-2"},Oh={class:"neu-card"},Hh={class:"p-4"},Bh={class:"space-y-4"},Wh={class:"neu-checkbox"},Vh=["onUpdate:modelValue"],Yh={class:"flex-1"},Jh={class:"text-sm text-gray-500"},Qh={class:"neu-icon-button"},Fh={class:"neu-card md:col-span-2"},Uh={class:"p-4"},Kh={class:"space-y-4"},Xh={class:"flex-1"},qh={class:"flex justify-between"},t1={class:"font-medium"},s1={class:"text-sm text-gray-500"},e1={class:"text-gray-600"},a1={class:"neu-icon-button"},i1={class:"neu-card"},n1={class:"p-4"},o1={class:"space-y-4"},l1={class:"flex flex-wrap gap-4"},c1={class:"neu-button icon"},d1={class:"flex flex-wrap gap-4"},r1={class:"neu-button loading"},u1={class:"neu-card md:col-span-3"},v1={class:"p-4"},f1={class:"neu-tabs"},p1=["onClick"],m1={class:"mt-4"},b1={key:0,class:"neu-tab-content"},h1={key:1,class:"neu-tab-content"},g1={key:2,class:"neu-tab-content"},_1={class:"neu-bottom-nav"},y1={href:"#",class:"neu-bottom-nav-item active"},x1={href:"#",class:"neu-bottom-nav-item"},w1={href:"#",class:"neu-bottom-nav-item"},$1={href:"#",class:"neu-bottom-nav-item"},I1={href:"#",class:"neu-bottom-nav-item"},M1={key:0,class:"neu-dialog-overlay"},k1={class:"neu-dialog"},C1={class:"neu-dialog-header"},D1={class:"neu-dialog-actions"},A1={key:1,class:"neu-notification-panel"},j1={class:"neu-notification-header"},N1={class:"neu-notification-list"},E1={class:"neu-notification-icon"},z1={class:"flex-1"},P1={class:"font-medium"},S1={class:"text-sm text-gray-500"},R1={class:"text-xs text-gray-400"},T1={key:2,class:"neu-profile-panel"},Z1={class:"neu-profile-header"},G1={class:"neu-profile-menu"},L1={href:"#",class:"neu-profile-menu-item"},O1={href:"#",class:"neu-profile-menu-item"},H1={href:"#",class:"neu-profile-menu-item"},B1={__name:"NeumorphismView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C(!1),l=C("tab1"),r=C(3),f=C([{id:1,title:"完成项目报告",dueDate:"今天",completed:!1},{id:2,title:"回复客户邮件",dueDate:"明天",completed:!0},{id:3,title:"准备会议材料",dueDate:"后天",completed:!1}]),o=C([{id:1,sender:"Alice",content:"你好，请问项目进展如何？",time:"10:30",initials:"A",avatarClass:"bg-blue-500"},{id:2,sender:"Bob",content:"会议时间改到下午3点",time:"09:15",initials:"B",avatarClass:"bg-green-500"}]),c=C([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]),p=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(h,v)=>(_(),y("div",bh,[t("div",hh,[t("div",gh,[t("div",_h,[t("button",{class:"neu-icon-button",onClick:v[0]||(v[0]=g=>n.value=!n.value)},[d(u(zt),{class:"w-5 h-5"})]),v[8]||(v[8]=t("h1",{class:"text-xl font-medium text-gray-700 ml-4"},"Neumorphism",-1))]),t("div",yh,[t("div",xh,[d(u(K),{class:"w-5 h-5 text-gray-500"}),v[9]||(v[9]=t("input",{type:"text",placeholder:"搜索...",class:"neu-search-input"},null,-1))]),t("button",{class:"neu-icon-button",onClick:v[1]||(v[1]=g=>i.value=!i.value)},[d(u(H),{class:"w-5 h-5"}),r.value>0?(_(),y("span",wh,k(r.value),1)):A("",!0)]),t("button",{class:"neu-icon-button",onClick:v[2]||(v[2]=g=>e.value=!e.value)},[d(u(X),{class:"w-5 h-5"})])])])]),t("div",{class:st(["neu-side-menu",{"is-open":n.value}])},[t("nav",$h,[t("a",Ih,[d(u(rt),{class:"w-5 h-5"}),v[10]||(v[10]=t("span",null,"首页",-1))]),t("a",Mh,[d(u(Rt),{class:"w-5 h-5"}),v[11]||(v[11]=t("span",null,"收件箱",-1)),v[12]||(v[12]=t("span",{class:"neu-badge"},"12",-1))]),t("a",kh,[d(u(Tt),{class:"w-5 h-5"}),v[13]||(v[13]=t("span",null,"收藏",-1))]),t("a",Ch,[d(u(jt),{class:"w-5 h-5"}),v[14]||(v[14]=t("span",null,"设置",-1))])])],2),t("div",Dh,[t("div",Ah,[t("div",jh,[t("div",Nh,[v[17]||(v[17]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"数据统计",-1)),t("div",Eh,[t("div",zh,[t("div",Ph,[d(u(xo),{class:"w-6 h-6"})]),v[15]||(v[15]=t("div",{class:"neu-stat-content"},[t("span",{class:"text-gray-500"},"用户数"),t("span",{class:"text-2xl font-bold"},"1,234")],-1))]),t("div",Sh,[t("div",Rh,[d(u(go),{class:"w-6 h-6"})]),v[16]||(v[16]=t("div",{class:"neu-stat-content"},[t("span",{class:"text-gray-500"},"活跃度"),t("span",{class:"text-2xl font-bold"},"89%")],-1))])])])]),t("div",Th,[t("div",Zh,[v[18]||(v[18]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"数据趋势",-1)),t("div",Gh,[t("div",Lh,[(_(),y(U,null,at(7,g=>t("div",{key:g,class:"neu-chart-bar",style:we({height:`${Math.random()*100}%`})},null,4)),64))])])])]),t("div",Oh,[t("div",Hh,[v[20]||(v[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"任务列表",-1)),t("div",Bh,[(_(!0),y(U,null,at(f.value,g=>(_(),y("div",{key:g.id,class:"neu-task-item"},[t("label",Wh,[In(t("input",{type:"checkbox","onUpdate:modelValue":P=>g.completed=P},null,8,Vh),[[eo,g.completed]]),v[19]||(v[19]=t("span",{class:"neu-checkmark"},null,-1))]),t("div",Yh,[t("h3",{class:st(["font-medium",{"line-through text-gray-400":g.completed}])},k(g.title),3),t("p",Jh,k(g.dueDate),1)]),t("button",Qh,[d(u(ct),{class:"w-5 h-5"})])]))),128))])])]),t("div",Fh,[t("div",Uh,[v[21]||(v[21]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"消息列表",-1)),t("div",Kh,[(_(!0),y(U,null,at(o.value,g=>(_(),y("div",{key:g.id,class:"neu-message-item"},[t("div",{class:st(["neu-avatar",g.avatarClass])},k(g.initials),3),t("div",Xh,[t("div",qh,[t("h3",t1,k(g.sender),1),t("span",s1,k(g.time),1)]),t("p",e1,k(g.content),1)]),t("button",a1,[d(u(ct),{class:"w-5 h-5"})])]))),128))])])]),v[32]||(v[32]=V('<div class="neu-card" data-v-2eec1b47><div class="p-4" data-v-2eec1b47><h2 class="text-lg font-medium mb-4 text-gray-700" data-v-2eec1b47>表单元素</h2><div class="space-y-4" data-v-2eec1b47><div class="neu-input-group" data-v-2eec1b47><label class="text-gray-600" data-v-2eec1b47>文本输入</label><input type="text" placeholder="请输入内容" class="neu-input" data-v-2eec1b47></div><div class="neu-input-group" data-v-2eec1b47><label class="text-gray-600" data-v-2eec1b47>密码输入</label><input type="password" placeholder="请输入密码" class="neu-input" data-v-2eec1b47></div><div class="neu-input-group" data-v-2eec1b47><label class="text-gray-600" data-v-2eec1b47>下拉选择</label><select class="neu-input" data-v-2eec1b47><option data-v-2eec1b47>选项 1</option><option data-v-2eec1b47>选项 2</option><option data-v-2eec1b47>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-2eec1b47><label class="neu-checkbox" data-v-2eec1b47><input type="checkbox" data-v-2eec1b47><span class="neu-checkmark" data-v-2eec1b47></span><span class="text-gray-600" data-v-2eec1b47>复选框</span></label><label class="neu-radio" data-v-2eec1b47><input type="radio" name="radio" data-v-2eec1b47><span class="neu-radiomark" data-v-2eec1b47></span><span class="text-gray-600" data-v-2eec1b47>单选框</span></label></div><div class="neu-switch" data-v-2eec1b47><input type="checkbox" id="switch1" data-v-2eec1b47><label for="switch1" class="text-gray-600" data-v-2eec1b47>开关</label></div></div></div></div>',1)),t("div",i1,[t("div",n1,[v[27]||(v[27]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"按钮样式",-1)),t("div",o1,[t("div",l1,[v[22]||(v[22]=t("button",{class:"neu-button"},"主要按钮",-1)),v[23]||(v[23]=t("button",{class:"neu-button outlined"},"次要按钮",-1)),v[24]||(v[24]=t("button",{class:"neu-button text"},"文本按钮",-1)),t("button",c1,[d(u(ut),{class:"w-5 h-5"})])]),t("div",d1,[v[25]||(v[25]=t("button",{class:"neu-button small"},"小按钮",-1)),v[26]||(v[26]=t("button",{class:"neu-button large"},"大按钮",-1)),t("button",r1,[d(u(_o),{class:"w-5 h-5 animate-spin"})])])])])]),v[33]||(v[33]=V('<div class="neu-card" data-v-2eec1b47><div class="p-4" data-v-2eec1b47><h2 class="text-lg font-medium mb-4 text-gray-700" data-v-2eec1b47>进度指示器</h2><div class="space-y-4" data-v-2eec1b47><div class="neu-progress" data-v-2eec1b47><div class="neu-progress-bar" style="width:60%;" data-v-2eec1b47></div></div><div class="neu-progress circular" data-v-2eec1b47><div class="neu-progress-circle" data-v-2eec1b47></div></div><div class="flex justify-between text-sm text-gray-500" data-v-2eec1b47><span data-v-2eec1b47>0%</span><span data-v-2eec1b47>60%</span><span data-v-2eec1b47>100%</span></div></div></div></div>',1)),t("div",u1,[t("div",v1,[v[31]||(v[31]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"标签页",-1)),t("div",f1,[(_(!0),y(U,null,at(p.value,g=>(_(),y("button",{key:g.id,class:st(["neu-tab",{active:l.value===g.id}]),onClick:P=>l.value=g.id},k(g.label),11,p1))),128))]),t("div",m1,[l.value==="tab1"?(_(),y("div",b1,v[28]||(v[28]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),l.value==="tab2"?(_(),y("div",h1,v[29]||(v[29]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),l.value==="tab3"?(_(),y("div",g1,v[30]||(v[30]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])])])])]),t("div",_1,[t("a",y1,[d(u(rt),{class:"w-6 h-6"}),v[34]||(v[34]=t("span",null,"首页",-1))]),t("a",x1,[d(u(K),{class:"w-6 h-6"}),v[35]||(v[35]=t("span",null,"搜索",-1))]),t("a",w1,[d(u(ut),{class:"w-6 h-6"}),v[36]||(v[36]=t("span",null,"添加",-1))]),t("a",$1,[d(u(H),{class:"w-6 h-6"}),v[37]||(v[37]=t("span",null,"通知",-1))]),t("a",I1,[d(u(X),{class:"w-6 h-6"}),v[38]||(v[38]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",M1,[t("div",k1,[t("div",C1,[v[39]||(v[39]=t("h3",{class:"text-gray-700"},"对话框标题",-1)),t("button",{class:"neu-icon-button",onClick:v[3]||(v[3]=g=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),v[40]||(v[40]=t("div",{class:"neu-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个 Neumorphism 风格的对话框示例。")],-1)),t("div",D1,[t("button",{class:"neu-button text",onClick:v[4]||(v[4]=g=>a.value=!1)},"取消"),t("button",{class:"neu-button",onClick:v[5]||(v[5]=g=>a.value=!1)},"确定")])])])):A("",!0),i.value?(_(),y("div",A1,[t("div",j1,[v[41]||(v[41]=t("h3",{class:"text-gray-700"},"通知",-1)),t("button",{class:"neu-icon-button",onClick:v[6]||(v[6]=g=>i.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),t("div",N1,[(_(!0),y(U,null,at(c.value,g=>(_(),y("div",{key:g.id,class:"neu-notification-item"},[t("div",E1,[d(u(H),{class:"w-5 h-5"})]),t("div",z1,[t("h4",P1,k(g.title),1),t("p",S1,k(g.content),1)]),t("span",R1,k(g.time),1)]))),128))])])):A("",!0),e.value?(_(),y("div",T1,[t("div",Z1,[v[42]||(v[42]=t("div",{class:"neu-avatar large"},"JD",-1)),v[43]||(v[43]=t("div",{class:"ml-4"},[t("h3",{class:"font-medium"},"John Doe"),t("p",{class:"text-sm text-gray-500"},"john.doe@example.com")],-1)),t("button",{class:"neu-icon-button",onClick:v[7]||(v[7]=g=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),t("div",G1,[t("a",L1,[d(u(X),{class:"w-5 h-5"}),v[44]||(v[44]=t("span",null,"个人资料",-1))]),t("a",O1,[d(u(jt),{class:"w-5 h-5"}),v[45]||(v[45]=t("span",null,"设置",-1))]),t("a",H1,[d(u(yo),{class:"w-5 h-5"}),v[46]||(v[46]=t("span",null,"退出登录",-1))])])])):A("",!0)]))}},W1=bt(B1,[["__scopeId","data-v-2eec1b47"]]),V1={class:"glass-container min-h-screen bg-gradient-to-br from-purple-500 to-pink-500"},Y1={class:"glass-app-bar"},J1={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Q1={class:"flex items-center"},F1={class:"flex items-center space-x-4"},U1={class:"glass-icon-button"},K1={class:"glass-icon-button"},X1={class:"glass-icon-button"},q1={class:"container mx-auto p-6"},tg={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},sg={class:"glass-card"},eg={class:"p-4"},ag={class:"space-y-2"},ig={href:"#",class:"glass-nav-item active"},ng={href:"#",class:"glass-nav-item"},og={href:"#",class:"glass-nav-item"},lg={href:"#",class:"glass-nav-item"},cg={class:"md:col-span-2 space-y-6"},dg={class:"glass-card"},rg={class:"p-4"},ug={class:"space-y-4"},vg={class:"glass-list-item"},fg={class:"glass-icon-button"},pg={class:"glass-list-item"},mg={class:"glass-icon-button"},bg={class:"glass-card"},hg={class:"p-4"},gg={class:"flex flex-wrap gap-4"},_g={class:"glass-button icon"},yg={class:"glass-card"},xg={class:"p-4"},wg={class:"glass-bottom-nav"},$g={href:"#",class:"glass-bottom-nav-item active"},Ig={href:"#",class:"glass-bottom-nav-item"},Mg={href:"#",class:"glass-bottom-nav-item"},kg={href:"#",class:"glass-bottom-nav-item"},Cg={href:"#",class:"glass-bottom-nav-item"},Dg={key:0,class:"glass-dialog-overlay"},Ag={class:"glass-dialog"},jg={class:"glass-dialog-header"},Ng={class:"glass-dialog-actions"},Eg={__name:"GlassmorphismView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",V1,[e[30]||(e[30]=t("div",{class:"glass-bg-decorations"},[t("div",{class:"glass-bg-circle circle-1"}),t("div",{class:"glass-bg-circle circle-2"}),t("div",{class:"glass-bg-circle circle-3"})],-1)),t("div",Y1,[t("div",J1,[t("div",Q1,[d(u(zt),{class:"w-5 h-5 text-white mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-white"},"Glassmorphism",-1))]),t("div",F1,[t("button",U1,[d(u(K),{class:"w-5 h-5"})]),t("button",K1,[d(u(H),{class:"w-5 h-5"})]),t("button",X1,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",q1,[t("div",tg,[t("div",sg,[t("div",eg,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"导航菜单",-1)),t("nav",ag,[t("a",ig,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",ng,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"glass-badge"},"12",-1))]),t("a",og,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",lg,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",cg,[t("div",dg,[t("div",rg,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"卡片列表",-1)),t("div",ug,[t("div",vg,[e[11]||(e[11]=t("div",{class:"glass-avatar bg-white/20"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-white"},"卡片标题"),t("p",{class:"text-white/80"},"卡片副标题")],-1)),t("button",fg,[d(u(ct),{class:"w-5 h-5"})])]),t("div",pg,[e[13]||(e[13]=t("div",{class:"glass-avatar bg-white/20"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-white"},"另一个标题"),t("p",{class:"text-white/80"},"另一个副标题")],-1)),t("button",mg,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="glass-card" data-v-391d6a55><div class="p-4" data-v-391d6a55><h2 class="text-lg font-medium mb-4 text-white" data-v-391d6a55>表单元素</h2><div class="space-y-4" data-v-391d6a55><div class="glass-input-group" data-v-391d6a55><label class="text-white/80" data-v-391d6a55>文本输入</label><input type="text" placeholder="请输入内容" class="glass-input" data-v-391d6a55></div><div class="glass-input-group" data-v-391d6a55><label class="text-white/80" data-v-391d6a55>密码输入</label><input type="password" placeholder="请输入密码" class="glass-input" data-v-391d6a55></div><div class="glass-input-group" data-v-391d6a55><label class="text-white/80" data-v-391d6a55>下拉选择</label><select class="glass-input" data-v-391d6a55><option data-v-391d6a55>选项 1</option><option data-v-391d6a55>选项 2</option><option data-v-391d6a55>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-391d6a55><label class="glass-checkbox" data-v-391d6a55><input type="checkbox" data-v-391d6a55><span class="glass-checkmark" data-v-391d6a55></span><span class="text-white/80" data-v-391d6a55>复选框</span></label><label class="glass-radio" data-v-391d6a55><input type="radio" name="radio" data-v-391d6a55><span class="glass-radiomark" data-v-391d6a55></span><span class="text-white/80" data-v-391d6a55>单选框</span></label></div><div class="glass-switch" data-v-391d6a55><input type="checkbox" id="switch1" data-v-391d6a55><label for="switch1" class="text-white/80" data-v-391d6a55>开关</label></div></div></div></div>',1)),t("div",bg,[t("div",hg,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"按钮样式",-1)),t("div",gg,[e[16]||(e[16]=t("button",{class:"glass-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"glass-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"glass-button text"},"文本按钮",-1)),t("button",_g,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="glass-card" data-v-391d6a55><div class="p-4" data-v-391d6a55><h2 class="text-lg font-medium mb-4 text-white" data-v-391d6a55>进度指示器</h2><div class="space-y-4" data-v-391d6a55><div class="glass-progress" data-v-391d6a55><div class="glass-progress-bar" style="width:60%;" data-v-391d6a55></div></div><div class="glass-progress circular" data-v-391d6a55><div class="glass-progress-circle" data-v-391d6a55></div></div></div></div></div>',1)),t("div",yg,[t("div",xg,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"对话框示例",-1)),t("button",{class:"glass-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",wg,[t("a",$g,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Ig,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Mg,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",kg,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Cg,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Dg,[t("div",Ag,[t("div",jg,[e[28]||(e[28]=t("h3",{class:"text-white"},"对话框标题",-1)),t("button",{class:"glass-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"glass-dialog-content"},[t("p",{class:"text-white/80"},"这是一个 Glassmorphism 风格的对话框示例。")],-1)),t("div",Ng,[t("button",{class:"glass-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"glass-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},zg=bt(Eg,[["__scopeId","data-v-391d6a55"]]),Pg={class:"brutal-container min-h-screen bg-yellow-50"},Sg={class:"brutal-header"},Rg={class:"brutal-header-content"},Tg={class:"brutal-header-actions"},Zg={class:"brutal-btn text"},Gg={class:"brutal-btn text"},Lg={class:"brutal-btn text"},Og={class:"brutal-main"},Hg={class:"brutal-card-list"},Bg={class:"brutal-card-cover"},Wg=["src","alt"],Vg={class:"brutal-card-body"},Yg={class:"brutal-card-meta"},Jg={class:"brutal-card-meta-avatar"},Qg={class:"brutal-card-meta-content"},Fg={class:"brutal-card-meta-title"},Ug={class:"brutal-card-meta-description"},Kg={class:"brutal-card-content"},Xg={class:"brutal-card-actions"},qg={class:"brutal-btn text"},t0={class:"brutal-btn text"},s0={class:"brutal-btn text"},e0={class:"brutal-tabs"},a0={class:"brutal-tabs-nav"},i0=["onClick"],n0={class:"brutal-tabs-content"},o0={key:0,class:"brutal-tabs-tabpane"},l0={key:1,class:"brutal-tabs-tabpane"},c0={key:2,class:"brutal-tabs-tabpane"},d0={key:0,class:"brutal-modal-mask"},r0={class:"brutal-modal-wrap"},u0={class:"brutal-modal"},v0={class:"brutal-modal-content"},f0={class:"brutal-modal-header"},p0={class:"brutal-modal-footer"},m0={key:1,class:"brutal-message"},b0={class:"brutal-message-notice"},h0={class:"brutal-message-notice-content"},g0={key:2,class:"brutal-notification"},_0={class:"brutal-notification-notice"},y0={class:"brutal-notification-notice-content"},x0={class:"brutal-notification-notice-icon"},w0="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=",$0={__name:"BrutalismView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0MCIgeT0iNDAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-black"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0MCIgeT0iNDAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-black"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",Pg,[t("div",Sg,[t("div",Rg,[t("div",{class:"brutal-logo"},[t("img",{src:w0,alt:"Brutalism Logo",class:"brutal-logo-img"}),o[4]||(o[4]=t("span",{class:"brutal-logo-text"},"BRUTALISM",-1))]),o[5]||(o[5]=V('<div class="brutal-nav" data-v-4868d9fe><a href="#" class="brutal-nav-item active" data-v-4868d9fe>首页</a><a href="#" class="brutal-nav-item" data-v-4868d9fe>组件</a><a href="#" class="brutal-nav-item" data-v-4868d9fe>文档</a><a href="#" class="brutal-nav-item" data-v-4868d9fe>主题</a></div>',1)),t("div",Tg,[t("button",Zg,[d(u(K),{class:"w-5 h-5"})]),t("button",Gg,[d(u(H),{class:"w-5 h-5"})]),t("button",Lg,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",Og,[t("div",Hg,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"brutal-card"},[t("div",Bg,[t("img",{src:c.cover,alt:c.title,class:"brutal-card-cover-img"},null,8,Wg)]),t("div",Vg,[t("div",Yg,[t("div",Jg,[t("div",{class:st(["brutal-avatar",c.avatarClass])},k(c.initials),3)]),t("div",Qg,[t("h3",Fg,k(c.title),1),t("p",Ug,k(c.description),1)])]),t("p",Kg,k(c.content),1),t("div",Xg,[t("button",qg,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",t0,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",s0,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="brutal-form" data-v-4868d9fe><div class="brutal-form-item" data-v-4868d9fe><label class="brutal-form-item-label" data-v-4868d9fe>文本输入</label><div class="brutal-form-item-control" data-v-4868d9fe><input type="text" placeholder="请输入内容" class="brutal-input" data-v-4868d9fe></div></div><div class="brutal-form-item" data-v-4868d9fe><label class="brutal-form-item-label" data-v-4868d9fe>密码输入</label><div class="brutal-form-item-control" data-v-4868d9fe><input type="password" placeholder="请输入密码" class="brutal-input" data-v-4868d9fe></div></div><div class="brutal-form-item" data-v-4868d9fe><label class="brutal-form-item-label" data-v-4868d9fe>下拉选择</label><div class="brutal-form-item-control" data-v-4868d9fe><select class="brutal-select" data-v-4868d9fe><option data-v-4868d9fe>选项 1</option><option data-v-4868d9fe>选项 2</option><option data-v-4868d9fe>选项 3</option></select></div></div><div class="brutal-form-item" data-v-4868d9fe><label class="brutal-form-item-label" data-v-4868d9fe>开关</label><div class="brutal-form-item-control" data-v-4868d9fe><label class="brutal-switch" data-v-4868d9fe><input type="checkbox" data-v-4868d9fe><span class="brutal-switch-inner" data-v-4868d9fe></span></label></div></div></div><div class="brutal-btn-group" data-v-4868d9fe><button class="brutal-btn primary" data-v-4868d9fe>主要按钮</button><button class="brutal-btn secondary" data-v-4868d9fe>次要按钮</button><button class="brutal-btn outline" data-v-4868d9fe>轮廓按钮</button><button class="brutal-btn text" data-v-4868d9fe>文本按钮</button></div>',2)),t("div",e0,[t("div",a0,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["brutal-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,i0))),128))]),t("div",n0,[n.value==="tab1"?(_(),y("div",o0,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",l0,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",c0,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",d0,[t("div",r0,[t("div",u0,[t("div",v0,[t("div",f0,[o[9]||(o[9]=t("div",{class:"brutal-modal-title"},"对话框标题",-1)),t("button",{class:"brutal-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"brutal-modal-body"},[t("p",null,"这是一个粗野主义风格的对话框示例。")],-1)),t("div",p0,[t("button",{class:"brutal-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"brutal-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",m0,[t("div",b0,[t("div",h0,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",g0,[t("div",_0,[t("div",y0,[t("div",x0,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"brutal-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"brutal-notification-notice-description"},"通知内容",-1))]),t("button",{class:"brutal-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},I0=bt($0,[["__scopeId","data-v-4868d9fe"]]),M0={class:"cyberpunk-container min-h-screen bg-gradient-to-br from-purple-900 via-pink-900 to-blue-900"},k0={class:"cyberpunk-app-bar"},C0={class:"container mx-auto px-4 py-3 flex items-center justify-between"},D0={class:"flex items-center"},A0={class:"flex items-center space-x-4"},j0={class:"cyberpunk-icon-button"},N0={class:"cyberpunk-icon-button"},E0={class:"cyberpunk-icon-button"},z0={class:"container mx-auto p-6"},P0={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},S0={class:"cyberpunk-card"},R0={class:"p-4"},T0={class:"space-y-2"},Z0={href:"#",class:"cyberpunk-nav-item active"},G0={href:"#",class:"cyberpunk-nav-item"},L0={href:"#",class:"cyberpunk-nav-item"},O0={href:"#",class:"cyberpunk-nav-item"},H0={class:"md:col-span-2 space-y-6"},B0={class:"cyberpunk-card"},W0={class:"p-4"},V0={class:"space-y-4"},Y0={class:"cyberpunk-list-item"},J0={class:"cyberpunk-icon-button"},Q0={class:"cyberpunk-list-item"},F0={class:"cyberpunk-icon-button"},U0={class:"cyberpunk-card"},K0={class:"p-4"},X0={class:"flex flex-wrap gap-4"},q0={class:"cyberpunk-button icon"},t2={class:"cyberpunk-card"},s2={class:"p-4"},e2={class:"cyberpunk-bottom-nav"},a2={href:"#",class:"cyberpunk-bottom-nav-item active"},i2={href:"#",class:"cyberpunk-bottom-nav-item"},n2={href:"#",class:"cyberpunk-bottom-nav-item"},o2={href:"#",class:"cyberpunk-bottom-nav-item"},l2={href:"#",class:"cyberpunk-bottom-nav-item"},c2={key:0,class:"cyberpunk-dialog-overlay"},d2={class:"cyberpunk-dialog"},r2={class:"cyberpunk-dialog-header"},u2={class:"cyberpunk-dialog-actions"},v2={__name:"CyberpunkView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",M0,[t("div",k0,[t("div",C0,[t("div",D0,[d(u(zt),{class:"w-5 h-5 text-pink-200 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-pink-100"},"Cyberpunk Design",-1))]),t("div",A0,[t("button",j0,[d(u(K),{class:"w-5 h-5"})]),t("button",N0,[d(u(H),{class:"w-5 h-5"})]),t("button",E0,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",z0,[t("div",P0,[t("div",S0,[t("div",R0,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"导航菜单",-1)),t("nav",T0,[t("a",Z0,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",G0,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"cyberpunk-badge"},"12",-1))]),t("a",L0,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",O0,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",H0,[t("div",B0,[t("div",W0,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"卡片列表",-1)),t("div",V0,[t("div",Y0,[e[11]||(e[11]=t("div",{class:"cyberpunk-avatar bg-gradient-to-br from-purple-600 to-pink-600"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-pink-100"},"卡片标题"),t("p",{class:"text-pink-200"},"卡片副标题")],-1)),t("button",J0,[d(u(ct),{class:"w-5 h-5"})])]),t("div",Q0,[e[13]||(e[13]=t("div",{class:"cyberpunk-avatar bg-gradient-to-br from-pink-600 to-blue-600"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-pink-100"},"另一个标题"),t("p",{class:"text-pink-200"},"另一个副标题")],-1)),t("button",F0,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="cyberpunk-card" data-v-bbc77969><div class="p-4" data-v-bbc77969><h2 class="text-lg font-medium mb-4 text-pink-100" data-v-bbc77969>表单元素</h2><div class="space-y-4" data-v-bbc77969><div class="cyberpunk-input-group" data-v-bbc77969><label class="text-pink-200" data-v-bbc77969>文本输入</label><input type="text" placeholder="请输入内容" class="cyberpunk-input" data-v-bbc77969></div><div class="cyberpunk-input-group" data-v-bbc77969><label class="text-pink-200" data-v-bbc77969>密码输入</label><input type="password" placeholder="请输入密码" class="cyberpunk-input" data-v-bbc77969></div><div class="cyberpunk-input-group" data-v-bbc77969><label class="text-pink-200" data-v-bbc77969>下拉选择</label><select class="cyberpunk-input" data-v-bbc77969><option data-v-bbc77969>选项 1</option><option data-v-bbc77969>选项 2</option><option data-v-bbc77969>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-bbc77969><label class="cyberpunk-checkbox" data-v-bbc77969><input type="checkbox" data-v-bbc77969><span class="cyberpunk-checkmark" data-v-bbc77969></span><span class="text-pink-200" data-v-bbc77969>复选框</span></label><label class="cyberpunk-radio" data-v-bbc77969><input type="radio" name="radio" data-v-bbc77969><span class="cyberpunk-radiomark" data-v-bbc77969></span><span class="text-pink-200" data-v-bbc77969>单选框</span></label></div><div class="cyberpunk-switch" data-v-bbc77969><input type="checkbox" id="switch1" data-v-bbc77969><label for="switch1" class="text-pink-200" data-v-bbc77969>开关</label></div></div></div></div>',1)),t("div",U0,[t("div",K0,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"按钮样式",-1)),t("div",X0,[e[16]||(e[16]=t("button",{class:"cyberpunk-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"cyberpunk-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"cyberpunk-button text"},"文本按钮",-1)),t("button",q0,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="cyberpunk-card" data-v-bbc77969><div class="p-4" data-v-bbc77969><h2 class="text-lg font-medium mb-4 text-pink-100" data-v-bbc77969>进度指示器</h2><div class="space-y-4" data-v-bbc77969><div class="cyberpunk-progress" data-v-bbc77969><div class="cyberpunk-progress-bar" style="width:60%;" data-v-bbc77969></div></div><div class="cyberpunk-progress circular" data-v-bbc77969><div class="cyberpunk-progress-circle" data-v-bbc77969></div></div></div></div></div>',1)),t("div",t2,[t("div",s2,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"对话框示例",-1)),t("button",{class:"cyberpunk-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",e2,[t("a",a2,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",i2,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",n2,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",o2,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",l2,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",c2,[t("div",d2,[t("div",r2,[e[28]||(e[28]=t("h3",{class:"text-pink-100"},"对话框标题",-1)),t("button",{class:"cyberpunk-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"cyberpunk-dialog-content"},[t("p",{class:"text-pink-200"},"这是一个赛博朋克风格的对话框示例。")],-1)),t("div",u2,[t("button",{class:"cyberpunk-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"cyberpunk-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},f2=bt(v2,[["__scopeId","data-v-bbc77969"]]),p2={class:"organic-container min-h-screen bg-gradient-to-br from-green-50 to-emerald-50"},m2={class:"organic-header"},b2={class:"organic-header-content"},h2={class:"organic-header-actions"},g2={class:"organic-btn text"},_2={class:"organic-btn text"},y2={class:"organic-btn text"},x2={class:"organic-main"},w2={class:"organic-card-list"},$2={class:"organic-card-cover"},I2=["src","alt"],M2={class:"organic-card-body"},k2={class:"organic-card-meta"},C2={class:"organic-card-meta-avatar"},D2={class:"organic-card-meta-content"},A2={class:"organic-card-meta-title"},j2={class:"organic-card-meta-description"},N2={class:"organic-card-content"},E2={class:"organic-card-actions"},z2={class:"organic-btn text"},P2={class:"organic-btn text"},S2={class:"organic-btn text"},R2={class:"organic-tabs"},T2={class:"organic-tabs-nav"},Z2=["onClick"],G2={class:"organic-tabs-content"},L2={key:0,class:"organic-tabs-tabpane"},O2={key:1,class:"organic-tabs-tabpane"},H2={key:2,class:"organic-tabs-tabpane"},B2={key:0,class:"organic-modal-mask"},W2={class:"organic-modal-wrap"},V2={class:"organic-modal"},Y2={class:"organic-modal-content"},J2={class:"organic-modal-header"},Q2={class:"organic-modal-footer"},F2={key:1,class:"organic-message"},U2={class:"organic-message-notice"},K2={class:"organic-message-notice-content"},X2={key:2,class:"organic-notification"},q2={class:"organic-notification-notice"},t4={class:"organic-notification-notice-content"},s4={class:"organic-notification-notice-icon"},e4="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiM0MEYyQTUiLz48L3N2Zz4=",a4={__name:"OrganicDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiM0MEYyQTUiLz48L3N2Zz4=",likes:42,comments:8,initials:"JD",avatarClass:"bg-green-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiMyRDg4NUYiLz48L3N2Zz4=",likes:36,comments:5,initials:"AB",avatarClass:"bg-green-600"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",p2,[t("div",m2,[t("div",b2,[t("div",{class:"organic-logo"},[t("img",{src:e4,alt:"Organic Design Logo",class:"organic-logo-img"}),o[4]||(o[4]=t("span",{class:"organic-logo-text"},"ORGANIC",-1))]),o[5]||(o[5]=V('<div class="organic-nav" data-v-3c572959><a href="#" class="organic-nav-item active" data-v-3c572959>首页</a><a href="#" class="organic-nav-item" data-v-3c572959>组件</a><a href="#" class="organic-nav-item" data-v-3c572959>文档</a><a href="#" class="organic-nav-item" data-v-3c572959>主题</a></div>',1)),t("div",h2,[t("button",g2,[d(u(K),{class:"w-5 h-5"})]),t("button",_2,[d(u(H),{class:"w-5 h-5"})]),t("button",y2,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",x2,[t("div",w2,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"organic-card"},[t("div",$2,[t("img",{src:c.cover,alt:c.title,class:"organic-card-cover-img"},null,8,I2)]),t("div",M2,[t("div",k2,[t("div",C2,[t("div",{class:st(["organic-avatar",c.avatarClass])},k(c.initials),3)]),t("div",D2,[t("h3",A2,k(c.title),1),t("p",j2,k(c.description),1)])]),t("p",N2,k(c.content),1),t("div",E2,[t("button",z2,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",P2,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",S2,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="organic-form" data-v-3c572959><div class="organic-form-item" data-v-3c572959><label class="organic-form-item-label" data-v-3c572959>文本输入</label><div class="organic-form-item-control" data-v-3c572959><input type="text" placeholder="请输入内容" class="organic-input" data-v-3c572959></div></div><div class="organic-form-item" data-v-3c572959><label class="organic-form-item-label" data-v-3c572959>密码输入</label><div class="organic-form-item-control" data-v-3c572959><input type="password" placeholder="请输入密码" class="organic-input" data-v-3c572959></div></div><div class="organic-form-item" data-v-3c572959><label class="organic-form-item-label" data-v-3c572959>下拉选择</label><div class="organic-form-item-control" data-v-3c572959><select class="organic-select" data-v-3c572959><option data-v-3c572959>选项 1</option><option data-v-3c572959>选项 2</option><option data-v-3c572959>选项 3</option></select></div></div><div class="organic-form-item" data-v-3c572959><label class="organic-form-item-label" data-v-3c572959>开关</label><div class="organic-form-item-control" data-v-3c572959><label class="organic-switch" data-v-3c572959><input type="checkbox" data-v-3c572959><span class="organic-switch-inner" data-v-3c572959></span></label></div></div></div><div class="organic-btn-group" data-v-3c572959><button class="organic-btn primary" data-v-3c572959>主要按钮</button><button class="organic-btn secondary" data-v-3c572959>次要按钮</button><button class="organic-btn outline" data-v-3c572959>轮廓按钮</button><button class="organic-btn text" data-v-3c572959>文本按钮</button></div>',2)),t("div",R2,[t("div",T2,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["organic-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,Z2))),128))]),t("div",G2,[n.value==="tab1"?(_(),y("div",L2,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",O2,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",H2,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",B2,[t("div",W2,[t("div",V2,[t("div",Y2,[t("div",J2,[o[9]||(o[9]=t("div",{class:"organic-modal-title"},"对话框标题",-1)),t("button",{class:"organic-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"organic-modal-body"},[t("p",null,"这是一个有机设计风格的对话框示例。")],-1)),t("div",Q2,[t("button",{class:"organic-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"organic-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",F2,[t("div",U2,[t("div",K2,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",X2,[t("div",q2,[t("div",t4,[t("div",s4,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"organic-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"organic-notification-notice-description"},"通知内容",-1))]),t("button",{class:"organic-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},i4=bt(a4,[["__scopeId","data-v-3c572959"]]),n4={class:"pixel-container min-h-screen bg-indigo-900"},o4={class:"pixel-header"},l4={class:"pixel-header-content"},c4={class:"pixel-header-actions"},d4={class:"pixel-btn text"},r4={class:"pixel-btn text"},u4={class:"pixel-btn text"},v4={class:"pixel-main"},f4={class:"pixel-card-list"},p4={class:"pixel-card-cover"},m4=["src","alt"],b4={class:"pixel-card-body"},h4={class:"pixel-card-meta"},g4={class:"pixel-card-meta-avatar"},_4={class:"pixel-card-meta-content"},y4={class:"pixel-card-meta-title"},x4={class:"pixel-card-meta-description"},w4={class:"pixel-card-content"},$4={class:"pixel-card-actions"},I4={class:"pixel-btn text"},M4={class:"pixel-btn text"},k4={class:"pixel-btn text"},C4={class:"pixel-tabs"},D4={class:"pixel-tabs-nav"},A4=["onClick"],j4={class:"pixel-tabs-content"},N4={key:0,class:"pixel-tabs-tabpane"},E4={key:1,class:"pixel-tabs-tabpane"},z4={key:2,class:"pixel-tabs-tabpane"},P4={key:0,class:"pixel-modal-mask"},S4={class:"pixel-modal-wrap"},R4={class:"pixel-modal"},T4={class:"pixel-modal-content"},Z4={class:"pixel-modal-header"},G4={class:"pixel-modal-footer"},L4={key:1,class:"pixel-message"},O4={class:"pixel-message-notice"},H4={class:"pixel-message-notice-content"},B4={key:2,class:"pixel-notification"},W4={class:"pixel-notification-notice"},V4={class:"pixel-notification-notice-content"},Y4={class:"pixel-notification-notice-icon"},J4="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=",Q4={__name:"PixelArtView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0MCIgeT0iNDAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-black"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0MCIgeT0iNDAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-black"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",n4,[t("div",o4,[t("div",l4,[t("div",{class:"pixel-logo"},[t("img",{src:J4,alt:"Pixel Art Logo",class:"pixel-logo-img"}),o[4]||(o[4]=t("span",{class:"pixel-logo-text"},"PIXEL ART",-1))]),o[5]||(o[5]=V('<div class="pixel-nav" data-v-4aaea49c><a href="#" class="pixel-nav-item active" data-v-4aaea49c>首页</a><a href="#" class="pixel-nav-item" data-v-4aaea49c>组件</a><a href="#" class="pixel-nav-item" data-v-4aaea49c>文档</a><a href="#" class="pixel-nav-item" data-v-4aaea49c>主题</a></div>',1)),t("div",c4,[t("button",d4,[d(u(K),{class:"w-5 h-5"})]),t("button",r4,[d(u(H),{class:"w-5 h-5"})]),t("button",u4,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",v4,[t("div",f4,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"pixel-card"},[t("div",p4,[t("img",{src:c.cover,alt:c.title,class:"pixel-card-cover-img"},null,8,m4)]),t("div",b4,[t("div",h4,[t("div",g4,[t("div",{class:st(["pixel-avatar",c.avatarClass])},k(c.initials),3)]),t("div",_4,[t("h3",y4,k(c.title),1),t("p",x4,k(c.description),1)])]),t("p",w4,k(c.content),1),t("div",$4,[t("button",I4,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",M4,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",k4,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="pixel-form" data-v-4aaea49c><div class="pixel-form-item" data-v-4aaea49c><label class="pixel-form-item-label" data-v-4aaea49c>文本输入</label><div class="pixel-form-item-control" data-v-4aaea49c><input type="text" placeholder="请输入内容" class="pixel-input" data-v-4aaea49c></div></div><div class="pixel-form-item" data-v-4aaea49c><label class="pixel-form-item-label" data-v-4aaea49c>密码输入</label><div class="pixel-form-item-control" data-v-4aaea49c><input type="password" placeholder="请输入密码" class="pixel-input" data-v-4aaea49c></div></div><div class="pixel-form-item" data-v-4aaea49c><label class="pixel-form-item-label" data-v-4aaea49c>下拉选择</label><div class="pixel-form-item-control" data-v-4aaea49c><select class="pixel-select" data-v-4aaea49c><option data-v-4aaea49c>选项 1</option><option data-v-4aaea49c>选项 2</option><option data-v-4aaea49c>选项 3</option></select></div></div><div class="pixel-form-item" data-v-4aaea49c><label class="pixel-form-item-label" data-v-4aaea49c>开关</label><div class="pixel-form-item-control" data-v-4aaea49c><label class="pixel-switch" data-v-4aaea49c><input type="checkbox" data-v-4aaea49c><span class="pixel-switch-inner" data-v-4aaea49c></span></label></div></div></div><div class="pixel-btn-group" data-v-4aaea49c><button class="pixel-btn primary" data-v-4aaea49c>主要按钮</button><button class="pixel-btn secondary" data-v-4aaea49c>次要按钮</button><button class="pixel-btn outline" data-v-4aaea49c>轮廓按钮</button><button class="pixel-btn text" data-v-4aaea49c>文本按钮</button></div>',2)),t("div",C4,[t("div",D4,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["pixel-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,A4))),128))]),t("div",j4,[n.value==="tab1"?(_(),y("div",N4,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",E4,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",z4,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",P4,[t("div",S4,[t("div",R4,[t("div",T4,[t("div",Z4,[o[9]||(o[9]=t("div",{class:"pixel-modal-title"},"对话框标题",-1)),t("button",{class:"pixel-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"pixel-modal-body"},[t("p",null,"这是一个像素艺术风格的对话框示例。")],-1)),t("div",G4,[t("button",{class:"pixel-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"pixel-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",L4,[t("div",O4,[t("div",H4,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",B4,[t("div",W4,[t("div",V4,[t("div",Y4,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"pixel-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"pixel-notification-notice-description"},"通知内容",-1))]),t("button",{class:"pixel-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},F4=bt(Q4,[["__scopeId","data-v-4aaea49c"]]),U4={class:"morphism-container min-h-screen bg-gradient-to-br from-purple-100 to-blue-100"},K4={class:"morphism-header"},X4={class:"morphism-header-content"},q4={class:"morphism-header-actions"},t_={class:"morphism-btn text"},s_={class:"morphism-btn text"},e_={class:"morphism-btn text"},a_={class:"morphism-main"},i_={class:"morphism-card-list"},n_={class:"morphism-card-cover"},o_=["src","alt"],l_={class:"morphism-card-body"},c_={class:"morphism-card-meta"},d_={class:"morphism-card-meta-avatar"},r_={class:"morphism-card-meta-content"},u_={class:"morphism-card-meta-title"},v_={class:"morphism-card-meta-description"},f_={class:"morphism-card-content"},p_={class:"morphism-card-actions"},m_={class:"morphism-btn text"},b_={class:"morphism-btn text"},h_={class:"morphism-btn text"},g_={class:"morphism-tabs"},__={class:"morphism-tabs-nav"},y_=["onClick"],x_={class:"morphism-tabs-content"},w_={key:0,class:"morphism-tabs-tabpane"},$_={key:1,class:"morphism-tabs-tabpane"},I_={key:2,class:"morphism-tabs-tabpane"},M_={key:0,class:"morphism-modal-mask"},k_={class:"morphism-modal-wrap"},C_={class:"morphism-modal"},D_={class:"morphism-modal-content"},A_={class:"morphism-modal-header"},j_={class:"morphism-modal-footer"},N_={key:1,class:"morphism-message"},E_={class:"morphism-message-notice"},z_={class:"morphism-message-notice-content"},P_={key:2,class:"morphism-notification"},S_={class:"morphism-notification-notice"},R_={class:"morphism-notification-notice-content"},T_={class:"morphism-notification-notice-icon"},Z_="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjQ3RkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY3RkJGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",G_={__name:"MorphismView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNlNmYwZmYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iI2I0N2ZmZiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjZmY3ZmJmIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-purple-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNlNmYwZmYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iI2ZmN2ZiZiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjYjQ3ZmZmIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-blue-500"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",U4,[t("div",K4,[t("div",X4,[t("div",{class:"morphism-logo"},[t("img",{src:Z_,alt:"Morphism Logo",class:"morphism-logo-img"}),o[4]||(o[4]=t("span",{class:"morphism-logo-text"},"Morphism",-1))]),o[5]||(o[5]=V('<div class="morphism-nav" data-v-66706a9a><a href="#" class="morphism-nav-item active" data-v-66706a9a>首页</a><a href="#" class="morphism-nav-item" data-v-66706a9a>组件</a><a href="#" class="morphism-nav-item" data-v-66706a9a>文档</a><a href="#" class="morphism-nav-item" data-v-66706a9a>主题</a></div>',1)),t("div",q4,[t("button",t_,[d(u(K),{class:"w-5 h-5"})]),t("button",s_,[d(u(H),{class:"w-5 h-5"})]),t("button",e_,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",a_,[t("div",i_,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"morphism-card"},[t("div",n_,[t("img",{src:c.cover,alt:c.title,class:"morphism-card-cover-img"},null,8,o_)]),t("div",l_,[t("div",c_,[t("div",d_,[t("div",{class:st(["morphism-avatar",c.avatarClass])},k(c.initials),3)]),t("div",r_,[t("h3",u_,k(c.title),1),t("p",v_,k(c.description),1)])]),t("p",f_,k(c.content),1),t("div",p_,[t("button",m_,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",b_,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",h_,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="morphism-form" data-v-66706a9a><div class="morphism-form-item" data-v-66706a9a><label class="morphism-form-item-label" data-v-66706a9a>文本输入</label><div class="morphism-form-item-control" data-v-66706a9a><input type="text" placeholder="请输入内容" class="morphism-input" data-v-66706a9a></div></div><div class="morphism-form-item" data-v-66706a9a><label class="morphism-form-item-label" data-v-66706a9a>密码输入</label><div class="morphism-form-item-control" data-v-66706a9a><input type="password" placeholder="请输入密码" class="morphism-input" data-v-66706a9a></div></div><div class="morphism-form-item" data-v-66706a9a><label class="morphism-form-item-label" data-v-66706a9a>下拉选择</label><div class="morphism-form-item-control" data-v-66706a9a><select class="morphism-select" data-v-66706a9a><option data-v-66706a9a>选项 1</option><option data-v-66706a9a>选项 2</option><option data-v-66706a9a>选项 3</option></select></div></div><div class="morphism-form-item" data-v-66706a9a><label class="morphism-form-item-label" data-v-66706a9a>开关</label><div class="morphism-form-item-control" data-v-66706a9a><label class="morphism-switch" data-v-66706a9a><input type="checkbox" data-v-66706a9a><span class="morphism-switch-inner" data-v-66706a9a></span></label></div></div></div><div class="morphism-btn-group" data-v-66706a9a><button class="morphism-btn primary" data-v-66706a9a>主要按钮</button><button class="morphism-btn secondary" data-v-66706a9a>次要按钮</button><button class="morphism-btn outline" data-v-66706a9a>轮廓按钮</button><button class="morphism-btn text" data-v-66706a9a>文本按钮</button></div>',2)),t("div",g_,[t("div",__,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["morphism-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,y_))),128))]),t("div",x_,[n.value==="tab1"?(_(),y("div",w_,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",$_,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",I_,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",M_,[t("div",k_,[t("div",C_,[t("div",D_,[t("div",A_,[o[9]||(o[9]=t("div",{class:"morphism-modal-title"},"对话框标题",-1)),t("button",{class:"morphism-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"morphism-modal-body"},[t("p",null,"这是一个 Morphism 风格的对话框示例。")],-1)),t("div",j_,[t("button",{class:"morphism-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"morphism-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",N_,[t("div",E_,[t("div",z_,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",P_,[t("div",S_,[t("div",R_,[t("div",T_,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"morphism-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"morphism-notification-notice-description"},"通知内容",-1))]),t("button",{class:"morphism-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},L_=bt(G_,[["__scopeId","data-v-66706a9a"]]),O_={class:"aurora-container min-h-screen bg-gradient-to-br from-purple-900 via-indigo-900 to-blue-900"},H_={class:"aurora-app-bar"},B_={class:"container mx-auto px-4 py-3 flex items-center justify-between"},W_={class:"flex items-center"},V_={class:"flex items-center space-x-4"},Y_={class:"aurora-icon-button"},J_={class:"aurora-icon-button"},Q_={class:"aurora-icon-button"},F_={class:"container mx-auto p-6"},U_={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},K_={class:"aurora-card"},X_={class:"p-4"},q_={class:"space-y-2"},t5={href:"#",class:"aurora-nav-item active"},s5={href:"#",class:"aurora-nav-item"},e5={href:"#",class:"aurora-nav-item"},a5={href:"#",class:"aurora-nav-item"},i5={class:"md:col-span-2 space-y-6"},n5={class:"aurora-card"},o5={class:"p-4"},l5={class:"space-y-4"},c5={class:"aurora-list-item"},d5={class:"aurora-icon-button"},r5={class:"aurora-list-item"},u5={class:"aurora-icon-button"},v5={class:"aurora-card"},f5={class:"p-4"},p5={class:"flex flex-wrap gap-4"},m5={class:"aurora-button icon"},b5={class:"aurora-card"},h5={class:"p-4"},g5={class:"aurora-bottom-nav"},_5={href:"#",class:"aurora-bottom-nav-item active"},y5={href:"#",class:"aurora-bottom-nav-item"},x5={href:"#",class:"aurora-bottom-nav-item"},w5={href:"#",class:"aurora-bottom-nav-item"},$5={href:"#",class:"aurora-bottom-nav-item"},I5={key:0,class:"aurora-dialog-overlay"},M5={class:"aurora-dialog"},k5={class:"aurora-dialog-header"},C5={class:"aurora-dialog-actions"},D5={__name:"AuroraView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",O_,[t("div",H_,[t("div",B_,[t("div",W_,[d(u(zt),{class:"w-5 h-5 text-purple-200 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-purple-100"},"Aurora Design",-1))]),t("div",V_,[t("button",Y_,[d(u(K),{class:"w-5 h-5"})]),t("button",J_,[d(u(H),{class:"w-5 h-5"})]),t("button",Q_,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",F_,[t("div",U_,[t("div",K_,[t("div",X_,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"导航菜单",-1)),t("nav",q_,[t("a",t5,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",s5,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"aurora-badge"},"12",-1))]),t("a",e5,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",a5,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",i5,[t("div",n5,[t("div",o5,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"卡片列表",-1)),t("div",l5,[t("div",c5,[e[11]||(e[11]=t("div",{class:"aurora-avatar bg-gradient-to-br from-purple-500 to-indigo-500"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-purple-100"},"卡片标题"),t("p",{class:"text-purple-200"},"卡片副标题")],-1)),t("button",d5,[d(u(ct),{class:"w-5 h-5"})])]),t("div",r5,[e[13]||(e[13]=t("div",{class:"aurora-avatar bg-gradient-to-br from-indigo-500 to-blue-500"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-purple-100"},"另一个标题"),t("p",{class:"text-purple-200"},"另一个副标题")],-1)),t("button",u5,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="aurora-card" data-v-abe9da3a><div class="p-4" data-v-abe9da3a><h2 class="text-lg font-medium mb-4 text-purple-100" data-v-abe9da3a>表单元素</h2><div class="space-y-4" data-v-abe9da3a><div class="aurora-input-group" data-v-abe9da3a><label class="text-purple-200" data-v-abe9da3a>文本输入</label><input type="text" placeholder="请输入内容" class="aurora-input" data-v-abe9da3a></div><div class="aurora-input-group" data-v-abe9da3a><label class="text-purple-200" data-v-abe9da3a>密码输入</label><input type="password" placeholder="请输入密码" class="aurora-input" data-v-abe9da3a></div><div class="aurora-input-group" data-v-abe9da3a><label class="text-purple-200" data-v-abe9da3a>下拉选择</label><select class="aurora-input" data-v-abe9da3a><option data-v-abe9da3a>选项 1</option><option data-v-abe9da3a>选项 2</option><option data-v-abe9da3a>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-abe9da3a><label class="aurora-checkbox" data-v-abe9da3a><input type="checkbox" data-v-abe9da3a><span class="aurora-checkmark" data-v-abe9da3a></span><span class="text-purple-200" data-v-abe9da3a>复选框</span></label><label class="aurora-radio" data-v-abe9da3a><input type="radio" name="radio" data-v-abe9da3a><span class="aurora-radiomark" data-v-abe9da3a></span><span class="text-purple-200" data-v-abe9da3a>单选框</span></label></div><div class="aurora-switch" data-v-abe9da3a><input type="checkbox" id="switch1" data-v-abe9da3a><label for="switch1" class="text-purple-200" data-v-abe9da3a>开关</label></div></div></div></div>',1)),t("div",v5,[t("div",f5,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"按钮样式",-1)),t("div",p5,[e[16]||(e[16]=t("button",{class:"aurora-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"aurora-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"aurora-button text"},"文本按钮",-1)),t("button",m5,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="aurora-card" data-v-abe9da3a><div class="p-4" data-v-abe9da3a><h2 class="text-lg font-medium mb-4 text-purple-100" data-v-abe9da3a>进度指示器</h2><div class="space-y-4" data-v-abe9da3a><div class="aurora-progress" data-v-abe9da3a><div class="aurora-progress-bar" style="width:60%;" data-v-abe9da3a></div></div><div class="aurora-progress circular" data-v-abe9da3a><div class="aurora-progress-circle" data-v-abe9da3a></div></div></div></div></div>',1)),t("div",b5,[t("div",h5,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"对话框示例",-1)),t("button",{class:"aurora-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",g5,[t("a",_5,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",y5,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",x5,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",w5,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",$5,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",I5,[t("div",M5,[t("div",k5,[e[28]||(e[28]=t("h3",{class:"text-purple-100"},"对话框标题",-1)),t("button",{class:"aurora-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"aurora-dialog-content"},[t("p",{class:"text-purple-200"},"这是一个极光风格的对话框示例。")],-1)),t("div",C5,[t("button",{class:"aurora-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"aurora-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},A5=bt(D5,[["__scopeId","data-v-abe9da3a"]]),j5={class:"neon-container min-h-screen bg-black"},N5={class:"neon-header"},E5={class:"neon-header-content"},z5={class:"neon-header-actions"},P5={class:"neon-btn text"},S5={class:"neon-btn text"},R5={class:"neon-btn text"},T5={class:"neon-main"},Z5={class:"neon-card-list"},G5={class:"neon-card-cover"},L5=["src","alt"],O5={class:"neon-card-body"},H5={class:"neon-card-meta"},B5={class:"neon-card-meta-avatar"},W5={class:"neon-card-meta-content"},V5={class:"neon-card-meta-title"},Y5={class:"neon-card-meta-description"},J5={class:"neon-card-content"},Q5={class:"neon-card-actions"},F5={class:"neon-btn text"},U5={class:"neon-btn text"},K5={class:"neon-btn text"},X5={class:"neon-tabs"},q5={class:"neon-tabs-nav"},t3=["onClick"],s3={class:"neon-tabs-content"},e3={key:0,class:"neon-tabs-tabpane"},a3={key:1,class:"neon-tabs-tabpane"},i3={key:2,class:"neon-tabs-tabpane"},n3={key:0,class:"neon-modal-mask"},o3={class:"neon-modal-wrap"},l3={class:"neon-modal"},c3={class:"neon-modal-content"},d3={class:"neon-modal-header"},r3={class:"neon-modal-footer"},u3={key:1,class:"neon-message"},v3={class:"neon-message-notice"},f3={class:"neon-message-notice-content"},p3={key:2,class:"neon-notification"},m3={class:"neon-notification-notice"},b3={class:"neon-notification-notice-content"},h3={class:"neon-notification-notice-icon"},g3="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBGRkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMEZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",_3={__name:"NeonView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiMwMDAwMDAiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzAwRkZGRiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjRkYwMEZGIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-cyan-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiMwMDAwMDAiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iI0ZGMDBCQiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjMDBGRkZGIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-pink-500"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",j5,[t("div",N5,[t("div",E5,[t("div",{class:"neon-logo"},[t("img",{src:g3,alt:"Neon Logo",class:"neon-logo-img"}),o[4]||(o[4]=t("span",{class:"neon-logo-text"},"NEON",-1))]),o[5]||(o[5]=V('<div class="neon-nav" data-v-499287f4><a href="#" class="neon-nav-item active" data-v-499287f4>首页</a><a href="#" class="neon-nav-item" data-v-499287f4>组件</a><a href="#" class="neon-nav-item" data-v-499287f4>文档</a><a href="#" class="neon-nav-item" data-v-499287f4>主题</a></div>',1)),t("div",z5,[t("button",P5,[d(u(K),{class:"w-5 h-5"})]),t("button",S5,[d(u(H),{class:"w-5 h-5"})]),t("button",R5,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",T5,[t("div",Z5,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"neon-card"},[t("div",G5,[t("img",{src:c.cover,alt:c.title,class:"neon-card-cover-img"},null,8,L5)]),t("div",O5,[t("div",H5,[t("div",B5,[t("div",{class:st(["neon-avatar",c.avatarClass])},k(c.initials),3)]),t("div",W5,[t("h3",V5,k(c.title),1),t("p",Y5,k(c.description),1)])]),t("p",J5,k(c.content),1),t("div",Q5,[t("button",F5,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",U5,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",K5,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="neon-form" data-v-499287f4><div class="neon-form-item" data-v-499287f4><label class="neon-form-item-label" data-v-499287f4>文本输入</label><div class="neon-form-item-control" data-v-499287f4><input type="text" placeholder="请输入内容" class="neon-input" data-v-499287f4></div></div><div class="neon-form-item" data-v-499287f4><label class="neon-form-item-label" data-v-499287f4>密码输入</label><div class="neon-form-item-control" data-v-499287f4><input type="password" placeholder="请输入密码" class="neon-input" data-v-499287f4></div></div><div class="neon-form-item" data-v-499287f4><label class="neon-form-item-label" data-v-499287f4>下拉选择</label><div class="neon-form-item-control" data-v-499287f4><select class="neon-select" data-v-499287f4><option data-v-499287f4>选项 1</option><option data-v-499287f4>选项 2</option><option data-v-499287f4>选项 3</option></select></div></div><div class="neon-form-item" data-v-499287f4><label class="neon-form-item-label" data-v-499287f4>开关</label><div class="neon-form-item-control" data-v-499287f4><label class="neon-switch" data-v-499287f4><input type="checkbox" data-v-499287f4><span class="neon-switch-inner" data-v-499287f4></span></label></div></div></div><div class="neon-btn-group" data-v-499287f4><button class="neon-btn primary" data-v-499287f4>主要按钮</button><button class="neon-btn secondary" data-v-499287f4>次要按钮</button><button class="neon-btn outline" data-v-499287f4>轮廓按钮</button><button class="neon-btn text" data-v-499287f4>文本按钮</button></div>',2)),t("div",X5,[t("div",q5,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["neon-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,t3))),128))]),t("div",s3,[n.value==="tab1"?(_(),y("div",e3,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",a3,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",i3,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",n3,[t("div",o3,[t("div",l3,[t("div",c3,[t("div",d3,[o[9]||(o[9]=t("div",{class:"neon-modal-title"},"对话框标题",-1)),t("button",{class:"neon-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"neon-modal-body"},[t("p",null,"这是一个霓虹灯风格的对话框示例。")],-1)),t("div",r3,[t("button",{class:"neon-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"neon-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",u3,[t("div",v3,[t("div",f3,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",p3,[t("div",m3,[t("div",b3,[t("div",h3,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"neon-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"neon-notification-notice-description"},"通知内容",-1))]),t("button",{class:"neon-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},y3=bt(_3,[["__scopeId","data-v-499287f4"]]),x3={class:"steampunk-container min-h-screen bg-gradient-to-br from-amber-900 via-yellow-900 to-brown-900"},w3={class:"steampunk-app-bar"},$3={class:"container mx-auto px-4 py-3 flex items-center justify-between"},I3={class:"flex items-center"},M3={class:"flex items-center space-x-4"},k3={class:"steampunk-icon-button"},C3={class:"steampunk-icon-button"},D3={class:"steampunk-icon-button"},A3={class:"container mx-auto p-6"},j3={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},N3={class:"steampunk-card"},E3={class:"p-4"},z3={class:"space-y-2"},P3={href:"#",class:"steampunk-nav-item active"},S3={href:"#",class:"steampunk-nav-item"},R3={href:"#",class:"steampunk-nav-item"},T3={href:"#",class:"steampunk-nav-item"},Z3={class:"md:col-span-2 space-y-6"},G3={class:"steampunk-card"},L3={class:"p-4"},O3={class:"space-y-4"},H3={class:"steampunk-list-item"},B3={class:"steampunk-icon-button"},W3={class:"steampunk-list-item"},V3={class:"steampunk-icon-button"},Y3={class:"steampunk-card"},J3={class:"p-4"},Q3={class:"flex flex-wrap gap-4"},F3={class:"steampunk-button icon"},U3={class:"steampunk-card"},K3={class:"p-4"},X3={class:"steampunk-bottom-nav"},q3={href:"#",class:"steampunk-bottom-nav-item active"},ty={href:"#",class:"steampunk-bottom-nav-item"},sy={href:"#",class:"steampunk-bottom-nav-item"},ey={href:"#",class:"steampunk-bottom-nav-item"},ay={href:"#",class:"steampunk-bottom-nav-item"},iy={key:0,class:"steampunk-dialog-overlay"},ny={class:"steampunk-dialog"},oy={class:"steampunk-dialog-header"},ly={class:"steampunk-dialog-actions"},cy={__name:"SteampunkView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",x3,[t("div",w3,[t("div",$3,[t("div",I3,[d(u(zt),{class:"w-5 h-5 text-amber-200 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-amber-100"},"Steampunk Design",-1))]),t("div",M3,[t("button",k3,[d(u(K),{class:"w-5 h-5"})]),t("button",C3,[d(u(H),{class:"w-5 h-5"})]),t("button",D3,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",A3,[t("div",j3,[t("div",N3,[t("div",E3,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"导航菜单",-1)),t("nav",z3,[t("a",P3,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",S3,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"steampunk-badge"},"12",-1))]),t("a",R3,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",T3,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Z3,[t("div",G3,[t("div",L3,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"卡片列表",-1)),t("div",O3,[t("div",H3,[e[11]||(e[11]=t("div",{class:"steampunk-avatar bg-gradient-to-br from-amber-600 to-yellow-600"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-amber-100"},"卡片标题"),t("p",{class:"text-amber-200"},"卡片副标题")],-1)),t("button",B3,[d(u(ct),{class:"w-5 h-5"})])]),t("div",W3,[e[13]||(e[13]=t("div",{class:"steampunk-avatar bg-gradient-to-br from-yellow-600 to-brown-600"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-amber-100"},"另一个标题"),t("p",{class:"text-amber-200"},"另一个副标题")],-1)),t("button",V3,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="steampunk-card" data-v-909f2f59><div class="p-4" data-v-909f2f59><h2 class="text-lg font-medium mb-4 text-amber-100" data-v-909f2f59>表单元素</h2><div class="space-y-4" data-v-909f2f59><div class="steampunk-input-group" data-v-909f2f59><label class="text-amber-200" data-v-909f2f59>文本输入</label><input type="text" placeholder="请输入内容" class="steampunk-input" data-v-909f2f59></div><div class="steampunk-input-group" data-v-909f2f59><label class="text-amber-200" data-v-909f2f59>密码输入</label><input type="password" placeholder="请输入密码" class="steampunk-input" data-v-909f2f59></div><div class="steampunk-input-group" data-v-909f2f59><label class="text-amber-200" data-v-909f2f59>下拉选择</label><select class="steampunk-input" data-v-909f2f59><option data-v-909f2f59>选项 1</option><option data-v-909f2f59>选项 2</option><option data-v-909f2f59>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-909f2f59><label class="steampunk-checkbox" data-v-909f2f59><input type="checkbox" data-v-909f2f59><span class="steampunk-checkmark" data-v-909f2f59></span><span class="text-amber-200" data-v-909f2f59>复选框</span></label><label class="steampunk-radio" data-v-909f2f59><input type="radio" name="radio" data-v-909f2f59><span class="steampunk-radiomark" data-v-909f2f59></span><span class="text-amber-200" data-v-909f2f59>单选框</span></label></div><div class="steampunk-switch" data-v-909f2f59><input type="checkbox" id="switch1" data-v-909f2f59><label for="switch1" class="text-amber-200" data-v-909f2f59>开关</label></div></div></div></div>',1)),t("div",Y3,[t("div",J3,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"按钮样式",-1)),t("div",Q3,[e[16]||(e[16]=t("button",{class:"steampunk-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"steampunk-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"steampunk-button text"},"文本按钮",-1)),t("button",F3,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="steampunk-card" data-v-909f2f59><div class="p-4" data-v-909f2f59><h2 class="text-lg font-medium mb-4 text-amber-100" data-v-909f2f59>进度指示器</h2><div class="space-y-4" data-v-909f2f59><div class="steampunk-progress" data-v-909f2f59><div class="steampunk-progress-bar" style="width:60%;" data-v-909f2f59></div></div><div class="steampunk-progress circular" data-v-909f2f59><div class="steampunk-progress-circle" data-v-909f2f59></div></div></div></div></div>',1)),t("div",U3,[t("div",K3,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"对话框示例",-1)),t("button",{class:"steampunk-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",X3,[t("a",q3,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",ty,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",sy,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",ey,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",ay,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",iy,[t("div",ny,[t("div",oy,[e[28]||(e[28]=t("h3",{class:"text-amber-100"},"对话框标题",-1)),t("button",{class:"steampunk-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"steampunk-dialog-content"},[t("p",{class:"text-amber-200"},"这是一个蒸汽朋克风格的对话框示例。")],-1)),t("div",ly,[t("button",{class:"steampunk-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"steampunk-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},dy=bt(cy,[["__scopeId","data-v-909f2f59"]]),ry={class:"holographic-container min-h-screen bg-gradient-to-br from-blue-900 to-purple-900"},uy={class:"holographic-header"},vy={class:"holographic-header-content"},fy={class:"holographic-header-actions"},py={class:"holographic-btn text"},my={class:"holographic-btn text"},by={class:"holographic-btn text"},hy={class:"holographic-main"},gy={class:"holographic-card-list"},_y={class:"holographic-card-cover"},yy=["src","alt"],xy={class:"holographic-card-body"},wy={class:"holographic-card-meta"},$y={class:"holographic-card-meta-avatar"},Iy={class:"holographic-card-meta-content"},My={class:"holographic-card-meta-title"},ky={class:"holographic-card-meta-description"},Cy={class:"holographic-card-content"},Dy={class:"holographic-card-actions"},Ay={class:"holographic-btn text"},jy={class:"holographic-btn text"},Ny={class:"holographic-btn text"},Ey={class:"holographic-tabs"},zy={class:"holographic-tabs-nav"},Py=["onClick"],Sy={class:"holographic-tabs-content"},Ry={key:0,class:"holographic-tabs-tabpane"},Ty={key:1,class:"holographic-tabs-tabpane"},Zy={key:2,class:"holographic-tabs-tabpane"},Gy={key:0,class:"holographic-modal-mask"},Ly={class:"holographic-modal-wrap"},Oy={class:"holographic-modal"},Hy={class:"holographic-modal-content"},By={class:"holographic-modal-header"},Wy={class:"holographic-modal-footer"},Vy={key:1,class:"holographic-message"},Yy={class:"holographic-message-notice"},Jy={class:"holographic-message-notice-content"},Qy={key:2,class:"holographic-notification"},Fy={class:"holographic-notification-notice"},Uy={class:"holographic-notification-notice-content"},Ky={class:"holographic-notification-notice-icon"},Xy="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDA2NkZGIi8+PHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNGRjAwRkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=",qy={__name:"HolographicView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjRGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGODBGRiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:42,comments:8,initials:"JD",avatarClass:"bg-pink-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjRGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGODBGRiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:36,comments:5,initials:"AB",avatarClass:"bg-pink-600"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",ry,[t("div",uy,[t("div",vy,[t("div",{class:"holographic-logo"},[t("img",{src:Xy,alt:"Holographic Logo",class:"holographic-logo-img"}),o[4]||(o[4]=t("span",{class:"holographic-logo-text"},"Holographic",-1))]),o[5]||(o[5]=V('<div class="holographic-nav" data-v-00f9da77><a href="#" class="holographic-nav-item active" data-v-00f9da77>首页</a><a href="#" class="holographic-nav-item" data-v-00f9da77>组件</a><a href="#" class="holographic-nav-item" data-v-00f9da77>文档</a><a href="#" class="holographic-nav-item" data-v-00f9da77>主题</a></div>',1)),t("div",fy,[t("button",py,[d(u(K),{class:"w-5 h-5"})]),t("button",my,[d(u(H),{class:"w-5 h-5"})]),t("button",by,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",hy,[t("div",gy,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"holographic-card"},[t("div",_y,[t("img",{src:c.cover,alt:c.title,class:"holographic-card-cover-img"},null,8,yy)]),t("div",xy,[t("div",wy,[t("div",$y,[t("div",{class:st(["holographic-avatar",c.avatarClass])},k(c.initials),3)]),t("div",Iy,[t("h3",My,k(c.title),1),t("p",ky,k(c.description),1)])]),t("p",Cy,k(c.content),1),t("div",Dy,[t("button",Ay,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",jy,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",Ny,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="holographic-form" data-v-00f9da77><div class="holographic-form-item" data-v-00f9da77><label class="holographic-form-item-label" data-v-00f9da77>文本输入</label><div class="holographic-form-item-control" data-v-00f9da77><input type="text" placeholder="请输入内容" class="holographic-input" data-v-00f9da77></div></div><div class="holographic-form-item" data-v-00f9da77><label class="holographic-form-item-label" data-v-00f9da77>密码输入</label><div class="holographic-form-item-control" data-v-00f9da77><input type="password" placeholder="请输入密码" class="holographic-input" data-v-00f9da77></div></div><div class="holographic-form-item" data-v-00f9da77><label class="holographic-form-item-label" data-v-00f9da77>下拉选择</label><div class="holographic-form-item-control" data-v-00f9da77><select class="holographic-select" data-v-00f9da77><option data-v-00f9da77>选项 1</option><option data-v-00f9da77>选项 2</option><option data-v-00f9da77>选项 3</option></select></div></div><div class="holographic-form-item" data-v-00f9da77><label class="holographic-form-item-label" data-v-00f9da77>开关</label><div class="holographic-form-item-control" data-v-00f9da77><label class="holographic-switch" data-v-00f9da77><input type="checkbox" data-v-00f9da77><span class="holographic-switch-inner" data-v-00f9da77></span></label></div></div></div><div class="holographic-btn-group" data-v-00f9da77><button class="holographic-btn primary" data-v-00f9da77>主要按钮</button><button class="holographic-btn secondary" data-v-00f9da77>次要按钮</button><button class="holographic-btn outline" data-v-00f9da77>轮廓按钮</button><button class="holographic-btn text" data-v-00f9da77>文本按钮</button></div>',2)),t("div",Ey,[t("div",zy,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["holographic-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,Py))),128))]),t("div",Sy,[n.value==="tab1"?(_(),y("div",Ry,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",Ty,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",Zy,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",Gy,[t("div",Ly,[t("div",Oy,[t("div",Hy,[t("div",By,[o[9]||(o[9]=t("div",{class:"holographic-modal-title"},"对话框标题",-1)),t("button",{class:"holographic-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"holographic-modal-body"},[t("p",null,"这是一个全息投影风格的对话框示例。")],-1)),t("div",Wy,[t("button",{class:"holographic-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"holographic-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",Vy,[t("div",Yy,[t("div",Jy,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",Qy,[t("div",Fy,[t("div",Uy,[t("div",Ky,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"holographic-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"holographic-notification-notice-description"},"通知内容",-1))]),t("button",{class:"holographic-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},tx=bt(qy,[["__scopeId","data-v-00f9da77"]]),sx={class:"gradient-container min-h-screen bg-gradient-to-br from-pink-500 via-purple-500 to-indigo-500"},ex={class:"gradient-header"},ax={class:"gradient-header-content"},ix={class:"gradient-header-actions"},nx={class:"gradient-btn text"},ox={class:"gradient-btn text"},lx={class:"gradient-btn text"},cx={class:"gradient-main"},dx={class:"gradient-card-list"},rx={class:"gradient-card-cover"},ux=["src","alt"],vx={class:"gradient-card-body"},fx={class:"gradient-card-meta"},px={class:"gradient-card-meta-avatar"},mx={class:"gradient-card-meta-content"},bx={class:"gradient-card-meta-title"},hx={class:"gradient-card-meta-description"},gx={class:"gradient-card-content"},_x={class:"gradient-card-actions"},yx={class:"gradient-btn text"},xx={class:"gradient-btn text"},wx={class:"gradient-btn text"},$x={class:"gradient-tabs"},Ix={class:"gradient-tabs-nav"},Mx=["onClick"],kx={class:"gradient-tabs-content"},Cx={key:0,class:"gradient-tabs-tabpane"},Dx={key:1,class:"gradient-tabs-tabpane"},Ax={key:2,class:"gradient-tabs-tabpane"},jx={key:0,class:"gradient-modal-mask"},Nx={class:"gradient-modal-wrap"},Ex={class:"gradient-modal"},zx={class:"gradient-modal-content"},Px={class:"gradient-modal-header"},Sx={class:"gradient-modal-footer"},Rx={key:1,class:"gradient-message"},Tx={class:"gradient-message-notice"},Zx={class:"gradient-message-notice-content"},Gx={key:2,class:"gradient-notification"},Lx={class:"gradient-notification-notice"},Ox={class:"gradient-notification-notice-content"},Hx={class:"gradient-notification-notice-icon"},Bx="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY2QjAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",Wx={__name:"GradientView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGNkIwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:42,comments:8,initials:"JD",avatarClass:"bg-orange-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGNkIwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:36,comments:5,initials:"AB",avatarClass:"bg-orange-600"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",sx,[t("div",ex,[t("div",ax,[t("div",{class:"gradient-logo"},[t("img",{src:Bx,alt:"Gradient Logo",class:"gradient-logo-img"}),o[4]||(o[4]=t("span",{class:"gradient-logo-text"},"Gradient",-1))]),o[5]||(o[5]=V('<div class="gradient-nav" data-v-83d9391a><a href="#" class="gradient-nav-item active" data-v-83d9391a>首页</a><a href="#" class="gradient-nav-item" data-v-83d9391a>组件</a><a href="#" class="gradient-nav-item" data-v-83d9391a>文档</a><a href="#" class="gradient-nav-item" data-v-83d9391a>主题</a></div>',1)),t("div",ix,[t("button",nx,[d(u(K),{class:"w-5 h-5"})]),t("button",ox,[d(u(H),{class:"w-5 h-5"})]),t("button",lx,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",cx,[t("div",dx,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"gradient-card"},[t("div",rx,[t("img",{src:c.cover,alt:c.title,class:"gradient-card-cover-img"},null,8,ux)]),t("div",vx,[t("div",fx,[t("div",px,[t("div",{class:st(["gradient-avatar",c.avatarClass])},k(c.initials),3)]),t("div",mx,[t("h3",bx,k(c.title),1),t("p",hx,k(c.description),1)])]),t("p",gx,k(c.content),1),t("div",_x,[t("button",yx,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",xx,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",wx,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="gradient-form" data-v-83d9391a><div class="gradient-form-item" data-v-83d9391a><label class="gradient-form-item-label" data-v-83d9391a>文本输入</label><div class="gradient-form-item-control" data-v-83d9391a><input type="text" placeholder="请输入内容" class="gradient-input" data-v-83d9391a></div></div><div class="gradient-form-item" data-v-83d9391a><label class="gradient-form-item-label" data-v-83d9391a>密码输入</label><div class="gradient-form-item-control" data-v-83d9391a><input type="password" placeholder="请输入密码" class="gradient-input" data-v-83d9391a></div></div><div class="gradient-form-item" data-v-83d9391a><label class="gradient-form-item-label" data-v-83d9391a>下拉选择</label><div class="gradient-form-item-control" data-v-83d9391a><select class="gradient-select" data-v-83d9391a><option data-v-83d9391a>选项 1</option><option data-v-83d9391a>选项 2</option><option data-v-83d9391a>选项 3</option></select></div></div><div class="gradient-form-item" data-v-83d9391a><label class="gradient-form-item-label" data-v-83d9391a>开关</label><div class="gradient-form-item-control" data-v-83d9391a><label class="gradient-switch" data-v-83d9391a><input type="checkbox" data-v-83d9391a><span class="gradient-switch-inner" data-v-83d9391a></span></label></div></div></div><div class="gradient-btn-group" data-v-83d9391a><button class="gradient-btn primary" data-v-83d9391a>主要按钮</button><button class="gradient-btn secondary" data-v-83d9391a>次要按钮</button><button class="gradient-btn outline" data-v-83d9391a>轮廓按钮</button><button class="gradient-btn text" data-v-83d9391a>文本按钮</button></div>',2)),t("div",$x,[t("div",Ix,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["gradient-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,Mx))),128))]),t("div",kx,[n.value==="tab1"?(_(),y("div",Cx,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",Dx,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",Ax,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",jx,[t("div",Nx,[t("div",Ex,[t("div",zx,[t("div",Px,[o[9]||(o[9]=t("div",{class:"gradient-modal-title"},"对话框标题",-1)),t("button",{class:"gradient-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"gradient-modal-body"},[t("p",null,"这是一个渐变风格的对话框示例。")],-1)),t("div",Sx,[t("button",{class:"gradient-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"gradient-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",Rx,[t("div",Tx,[t("div",Zx,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",Gx,[t("div",Lx,[t("div",Ox,[t("div",Hx,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"gradient-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"gradient-notification-notice-description"},"通知内容",-1))]),t("button",{class:"gradient-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},Vx=bt(Wx,[["__scopeId","data-v-83d9391a"]]),Yx={class:"ant-container min-h-screen bg-gray-50"},Jx={class:"ant-header"},Qx={class:"ant-header-content"},Fx={class:"ant-header-actions"},Ux={class:"ant-btn text"},Kx={class:"ant-btn text"},Xx={class:"ant-btn text"},qx={class:"ant-main"},t9={class:"ant-card-list"},s9={class:"ant-card-cover"},e9=["src","alt"],a9={class:"ant-card-body"},i9={class:"ant-card-meta"},n9={class:"ant-card-meta-avatar"},o9={class:"ant-card-meta-content"},l9={class:"ant-card-meta-title"},c9={class:"ant-card-meta-description"},d9={class:"ant-card-content"},r9={class:"ant-card-actions"},u9={class:"ant-btn text"},v9={class:"ant-btn text"},f9={class:"ant-btn text"},p9={class:"ant-tabs"},m9={class:"ant-tabs-nav"},b9=["onClick"],h9={class:"ant-tabs-content"},g9={key:0,class:"ant-tabs-tabpane"},_9={key:1,class:"ant-tabs-tabpane"},y9={key:2,class:"ant-tabs-tabpane"},x9={key:0,class:"ant-modal-mask"},w9={class:"ant-modal-wrap"},$9={class:"ant-modal"},I9={class:"ant-modal-content"},M9={class:"ant-modal-header"},k9={class:"ant-modal-footer"},C9={key:1,class:"ant-message"},D9={class:"ant-message-notice"},A9={class:"ant-message-notice-content"},j9={key:2,class:"ant-notification"},N9={class:"ant-notification-notice"},E9={class:"ant-notification-notice-content"},z9={class:"ant-notification-notice-icon"},P9="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMTg5MEZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA2NkZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",S9={__name:"AntDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzE4OTBGRiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjMDA2NkZGIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-blue-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzAwNjZGRiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjMTg5MEZGIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-blue-600"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(_(),y("div",Yx,[t("div",Jx,[t("div",Qx,[t("div",{class:"ant-logo"},[t("img",{src:P9,alt:"Ant Design Logo",class:"ant-logo-img"}),o[4]||(o[4]=t("span",{class:"ant-logo-text"},"Ant Design",-1))]),o[5]||(o[5]=V('<div class="ant-nav" data-v-8473f951><a href="#" class="ant-nav-item active" data-v-8473f951>首页</a><a href="#" class="ant-nav-item" data-v-8473f951>组件</a><a href="#" class="ant-nav-item" data-v-8473f951>文档</a><a href="#" class="ant-nav-item" data-v-8473f951>主题</a></div>',1)),t("div",Fx,[t("button",Ux,[d(u(K),{class:"w-5 h-5"})]),t("button",Kx,[d(u(H),{class:"w-5 h-5"})]),t("button",Xx,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",qx,[t("div",t9,[(_(!0),y(U,null,at(l.value,c=>(_(),y("div",{key:c.id,class:"ant-card"},[t("div",s9,[t("img",{src:c.cover,alt:c.title,class:"ant-card-cover-img"},null,8,e9)]),t("div",a9,[t("div",i9,[t("div",n9,[t("div",{class:st(["ant-avatar",c.avatarClass])},k(c.initials),3)]),t("div",o9,[t("h3",l9,k(c.title),1),t("p",c9,k(c.description),1)])]),t("p",d9,k(c.content),1),t("div",r9,[t("button",u9,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(c.likes),1)]),t("button",v9,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(c.comments),1)]),t("button",f9,[d(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="ant-form" data-v-8473f951><div class="ant-form-item" data-v-8473f951><label class="ant-form-item-label" data-v-8473f951>文本输入</label><div class="ant-form-item-control" data-v-8473f951><input type="text" placeholder="请输入内容" class="ant-input" data-v-8473f951></div></div><div class="ant-form-item" data-v-8473f951><label class="ant-form-item-label" data-v-8473f951>密码输入</label><div class="ant-form-item-control" data-v-8473f951><input type="password" placeholder="请输入密码" class="ant-input" data-v-8473f951></div></div><div class="ant-form-item" data-v-8473f951><label class="ant-form-item-label" data-v-8473f951>下拉选择</label><div class="ant-form-item-control" data-v-8473f951><select class="ant-select" data-v-8473f951><option data-v-8473f951>选项 1</option><option data-v-8473f951>选项 2</option><option data-v-8473f951>选项 3</option></select></div></div><div class="ant-form-item" data-v-8473f951><label class="ant-form-item-label" data-v-8473f951>开关</label><div class="ant-form-item-control" data-v-8473f951><label class="ant-switch" data-v-8473f951><input type="checkbox" data-v-8473f951><span class="ant-switch-inner" data-v-8473f951></span></label></div></div></div><div class="ant-btn-group" data-v-8473f951><button class="ant-btn primary" data-v-8473f951>主要按钮</button><button class="ant-btn default" data-v-8473f951>默认按钮</button><button class="ant-btn dashed" data-v-8473f951>虚线按钮</button><button class="ant-btn text" data-v-8473f951>文本按钮</button><button class="ant-btn link" data-v-8473f951>链接按钮</button></div>',2)),t("div",p9,[t("div",m9,[(_(!0),y(U,null,at(r.value,c=>(_(),y("div",{key:c.id,class:st(["ant-tabs-tab",{active:n.value===c.id}]),onClick:p=>n.value=c.id},k(c.label),11,b9))),128))]),t("div",h9,[n.value==="tab1"?(_(),y("div",g9,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",_9,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",y9,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",x9,[t("div",w9,[t("div",$9,[t("div",I9,[t("div",M9,[o[9]||(o[9]=t("div",{class:"ant-modal-title"},"对话框标题",-1)),t("button",{class:"ant-modal-close",onClick:o[0]||(o[0]=c=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"ant-modal-body"},[t("p",null,"这是一个 Ant Design 风格的对话框示例。")],-1)),t("div",k9,[t("button",{class:"ant-btn",onClick:o[1]||(o[1]=c=>a.value=!1)},"取消"),t("button",{class:"ant-btn primary",onClick:o[2]||(o[2]=c=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(_(),y("div",C9,[t("div",D9,[t("div",A9,[d(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(_(),y("div",j9,[t("div",N9,[t("div",E9,[t("div",z9,[d(u(H),{class:"w-5 h-5"})]),o[12]||(o[12]=t("div",{class:"ant-notification-notice-message"},"通知标题",-1)),o[13]||(o[13]=t("div",{class:"ant-notification-notice-description"},"通知内容",-1))]),t("button",{class:"ant-notification-notice-close",onClick:o[3]||(o[3]=c=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])])])):A("",!0)])]))}},R9=bt(S9,[["__scopeId","data-v-8473f951"]]),T9={class:"element-container min-h-screen bg-gray-50"},Z9={class:"element-header"},G9={class:"element-header-content"},L9={class:"element-header-actions"},O9={class:"element-button text"},H9={class:"element-button text"},B9={class:"element-button text"},W9={class:"element-main"},V9={class:"element-card-list"},Y9={class:"element-card-header"},J9={class:"element-card-info"},Q9={class:"element-card-title"},F9={class:"element-card-subtitle"},U9={class:"element-card-actions"},K9={class:"element-button text"},X9={class:"element-card-body"},q9=["src"],tw={class:"element-card-footer"},sw={class:"element-button text"},ew={class:"element-button text"},aw={class:"element-button text"},iw={class:"element-tabs"},nw={class:"element-tabs-header"},ow=["onClick"],lw={class:"element-tabs-content"},cw={key:0,class:"element-tab-pane"},dw={key:1,class:"element-tab-pane"},rw={key:2,class:"element-tab-pane"},uw={key:0,class:"element-dialog-wrapper"},vw={class:"element-dialog"},fw={class:"element-dialog-header"},pw={class:"element-dialog-footer"},mw={key:1,class:"element-message"},bw={class:"element-message-content"},hw={key:2,class:"element-notification"},gw={class:"element-notification-title"},_w={class:"element-notification-list"},yw={class:"element-notification-icon"},xw={class:"element-notification-content"},ww={class:"element-notification-time"},$w="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNDFCODgzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkQ4ODVGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",Iw={__name:"ElementUIView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzQxQjg4MyIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjMkQ4ODVGIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-green-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDg1LjQzMSAxMTIgMTE4QzExMiAxNTAuNTY5IDEzMy40MzEgMTcyIDE2MCAxNzJDMTg2LjU2OSAxNzIgMjA4IDE1MC41NjkgMjA4IDExOEMyMDggODUuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzJEOjg1RiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjNDFCODgzIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-green-600"}]),r=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]),f=C([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]);return(o,c)=>(_(),y("div",T9,[t("div",Z9,[t("div",G9,[t("div",{class:"element-logo"},[t("img",{src:$w,alt:"Element Logo",class:"element-logo-img"}),c[4]||(c[4]=t("span",{class:"element-logo-text"},"Element UI",-1))]),c[5]||(c[5]=V('<div class="element-nav" data-v-8c64faa7><a href="#" class="element-nav-item active" data-v-8c64faa7>首页</a><a href="#" class="element-nav-item" data-v-8c64faa7>组件</a><a href="#" class="element-nav-item" data-v-8c64faa7>文档</a><a href="#" class="element-nav-item" data-v-8c64faa7>主题</a></div>',1)),t("div",L9,[t("button",O9,[d(u(K),{class:"w-5 h-5"})]),t("button",H9,[d(u(H),{class:"w-5 h-5"})]),t("button",B9,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",W9,[t("div",V9,[(_(!0),y(U,null,at(l.value,p=>(_(),y("div",{key:p.id,class:"element-card"},[t("div",Y9,[t("div",{class:st(["element-avatar",p.avatarClass])},k(p.initials),3),t("div",J9,[t("h3",Q9,k(p.title),1),t("p",F9,k(p.description),1)]),t("div",U9,[t("button",K9,[d(u(ct),{class:"w-5 h-5"})])])]),t("div",X9,[t("img",{src:p.cover,alt:"Card Cover",class:"element-card-cover"},null,8,q9),t("p",null,k(p.content),1)]),t("div",tw,[t("button",sw,[d(u(Ut),{class:"w-5 h-5"}),t("span",null,k(p.likes),1)]),t("button",ew,[d(u(Kt),{class:"w-5 h-5"}),t("span",null,k(p.comments),1)]),t("button",aw,[d(u(Xt),{class:"w-5 h-5"})])])]))),128))]),c[13]||(c[13]=V('<div class="element-form" data-v-8c64faa7><div class="element-form-item" data-v-8c64faa7><label class="element-form-label" data-v-8c64faa7>文本输入</label><div class="element-form-content" data-v-8c64faa7><input type="text" placeholder="请输入内容" class="element-input" data-v-8c64faa7></div></div><div class="element-form-item" data-v-8c64faa7><label class="element-form-label" data-v-8c64faa7>密码输入</label><div class="element-form-content" data-v-8c64faa7><input type="password" placeholder="请输入密码" class="element-input" data-v-8c64faa7></div></div><div class="element-form-item" data-v-8c64faa7><label class="element-form-label" data-v-8c64faa7>下拉选择</label><div class="element-form-content" data-v-8c64faa7><select class="element-select" data-v-8c64faa7><option data-v-8c64faa7>选项 1</option><option data-v-8c64faa7>选项 2</option><option data-v-8c64faa7>选项 3</option></select></div></div><div class="element-form-item" data-v-8c64faa7><label class="element-form-label" data-v-8c64faa7>开关</label><div class="element-form-content" data-v-8c64faa7><label class="element-switch" data-v-8c64faa7><input type="checkbox" data-v-8c64faa7><span class="element-switch-core" data-v-8c64faa7></span></label></div></div></div><div class="element-button-group" data-v-8c64faa7><button class="element-button primary" data-v-8c64faa7>主要按钮</button><button class="element-button success" data-v-8c64faa7>成功按钮</button><button class="element-button warning" data-v-8c64faa7>警告按钮</button><button class="element-button danger" data-v-8c64faa7>危险按钮</button><button class="element-button info" data-v-8c64faa7>信息按钮</button></div>',2)),t("div",iw,[t("div",nw,[(_(!0),y(U,null,at(r.value,p=>(_(),y("div",{key:p.id,class:st(["element-tabs-item",{active:n.value===p.id}]),onClick:h=>n.value=p.id},k(p.label),11,ow))),128))]),t("div",lw,[n.value==="tab1"?(_(),y("div",cw,c[6]||(c[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(_(),y("div",dw,c[7]||(c[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(_(),y("div",rw,c[8]||(c[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(_(),y("div",uw,[t("div",vw,[t("div",fw,[c[9]||(c[9]=t("span",{class:"element-dialog-title"},"对话框标题",-1)),t("button",{class:"element-dialog-close",onClick:c[0]||(c[0]=p=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),c[10]||(c[10]=t("div",{class:"element-dialog-body"},[t("p",null,"这是一个 Element UI 风格的对话框示例。")],-1)),t("div",pw,[t("button",{class:"element-button",onClick:c[1]||(c[1]=p=>a.value=!1)},"取消"),t("button",{class:"element-button primary",onClick:c[2]||(c[2]=p=>a.value=!1)},"确定")])])])):A("",!0),i.value?(_(),y("div",mw,[t("div",bw,[d(u(vs),{class:"w-5 h-5"}),c[11]||(c[11]=t("span",null,"这是一条消息提示",-1))])])):A("",!0),e.value?(_(),y("div",hw,[t("div",gw,[c[12]||(c[12]=t("span",null,"通知",-1)),t("button",{class:"element-notification-close",onClick:c[3]||(c[3]=p=>e.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),t("div",_w,[(_(!0),y(U,null,at(f.value,p=>(_(),y("div",{key:p.id,class:"element-notification-item"},[t("div",yw,[d(u(H),{class:"w-5 h-5"})]),t("div",xw,[t("h4",null,k(p.title),1),t("p",null,k(p.content),1)]),t("span",ww,k(p.time),1)]))),128))])])):A("",!0)])]))}},Mw=bt(Iw,[["__scopeId","data-v-8c64faa7"]]),kw={class:"flat-container min-h-screen bg-gray-50"},Cw={class:"flat-app-bar"},Dw={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Aw={class:"flex items-center"},jw={class:"flex items-center space-x-4"},Nw={class:"flat-icon-button"},Ew={class:"flat-icon-button"},zw={class:"flat-icon-button"},Pw={class:"container mx-auto p-6"},Sw={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Rw={class:"flat-card"},Tw={class:"p-4"},Zw={class:"space-y-2"},Gw={href:"#",class:"flat-nav-item active"},Lw={href:"#",class:"flat-nav-item"},Ow={href:"#",class:"flat-nav-item"},Hw={href:"#",class:"flat-nav-item"},Bw={class:"md:col-span-2 space-y-6"},Ww={class:"flat-card"},Vw={class:"p-4"},Yw={class:"space-y-4"},Jw={class:"flat-list-item"},Qw={class:"flat-icon-button"},Fw={class:"flat-list-item"},Uw={class:"flat-icon-button"},Kw={class:"flat-card"},Xw={class:"p-4"},qw={class:"flex flex-wrap gap-4"},t$={class:"flat-button icon"},s$={class:"flat-card"},e$={class:"p-4"},a$={class:"flat-bottom-nav"},i$={href:"#",class:"flat-bottom-nav-item active"},n$={href:"#",class:"flat-bottom-nav-item"},o$={href:"#",class:"flat-bottom-nav-item"},l$={href:"#",class:"flat-bottom-nav-item"},c$={href:"#",class:"flat-bottom-nav-item"},d$={key:0,class:"flat-dialog-overlay"},r$={class:"flat-dialog"},u$={class:"flat-dialog-header"},v$={class:"flat-dialog-actions"},f$={__name:"FlatView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",kw,[t("div",Cw,[t("div",Dw,[t("div",Aw,[d(u(zt),{class:"w-5 h-5 text-white mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-white"},"Flat Design",-1))]),t("div",jw,[t("button",Nw,[d(u(K),{class:"w-5 h-5"})]),t("button",Ew,[d(u(H),{class:"w-5 h-5"})]),t("button",zw,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",Pw,[t("div",Sw,[t("div",Rw,[t("div",Tw,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",Zw,[t("a",Gw,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Lw,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"flat-badge"},"12",-1))]),t("a",Ow,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Hw,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Bw,[t("div",Ww,[t("div",Vw,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",Yw,[t("div",Jw,[e[11]||(e[11]=t("div",{class:"flat-avatar bg-blue-500"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-gray-900"},"卡片标题"),t("p",{class:"text-gray-600"},"卡片副标题")],-1)),t("button",Qw,[d(u(ct),{class:"w-5 h-5"})])]),t("div",Fw,[e[13]||(e[13]=t("div",{class:"flat-avatar bg-indigo-500"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-gray-900"},"另一个标题"),t("p",{class:"text-gray-600"},"另一个副标题")],-1)),t("button",Uw,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="flat-card" data-v-ed5411cf><div class="p-4" data-v-ed5411cf><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-ed5411cf>表单元素</h2><div class="space-y-4" data-v-ed5411cf><div class="flat-input-group" data-v-ed5411cf><label class="text-gray-700" data-v-ed5411cf>文本输入</label><input type="text" placeholder="请输入内容" class="flat-input" data-v-ed5411cf></div><div class="flat-input-group" data-v-ed5411cf><label class="text-gray-700" data-v-ed5411cf>密码输入</label><input type="password" placeholder="请输入密码" class="flat-input" data-v-ed5411cf></div><div class="flat-input-group" data-v-ed5411cf><label class="text-gray-700" data-v-ed5411cf>下拉选择</label><select class="flat-input" data-v-ed5411cf><option data-v-ed5411cf>选项 1</option><option data-v-ed5411cf>选项 2</option><option data-v-ed5411cf>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-ed5411cf><label class="flat-checkbox" data-v-ed5411cf><input type="checkbox" data-v-ed5411cf><span class="flat-checkmark" data-v-ed5411cf></span><span class="text-gray-700" data-v-ed5411cf>复选框</span></label><label class="flat-radio" data-v-ed5411cf><input type="radio" name="radio" data-v-ed5411cf><span class="flat-radiomark" data-v-ed5411cf></span><span class="text-gray-700" data-v-ed5411cf>单选框</span></label></div><div class="flat-switch" data-v-ed5411cf><input type="checkbox" id="switch1" data-v-ed5411cf><label for="switch1" class="text-gray-700" data-v-ed5411cf>开关</label></div></div></div></div>',1)),t("div",Kw,[t("div",Xw,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",qw,[e[16]||(e[16]=t("button",{class:"flat-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"flat-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"flat-button text"},"文本按钮",-1)),t("button",t$,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="flat-card" data-v-ed5411cf><div class="p-4" data-v-ed5411cf><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-ed5411cf>进度指示器</h2><div class="space-y-4" data-v-ed5411cf><div class="flat-progress" data-v-ed5411cf><div class="flat-progress-bar" style="width:60%;" data-v-ed5411cf></div></div><div class="flat-progress circular" data-v-ed5411cf><div class="flat-progress-circle" data-v-ed5411cf></div></div></div></div></div>',1)),t("div",s$,[t("div",e$,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"对话框示例",-1)),t("button",{class:"flat-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",a$,[t("a",i$,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",n$,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",o$,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",l$,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",c$,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",d$,[t("div",r$,[t("div",u$,[e[28]||(e[28]=t("h3",{class:"text-gray-900"},"对话框标题",-1)),t("button",{class:"flat-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"flat-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个扁平化设计风格的对话框示例。")],-1)),t("div",v$,[t("button",{class:"flat-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"flat-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},p$=bt(f$,[["__scopeId","data-v-ed5411cf"]]),m$={class:"nordic-container min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50"},b$={class:"nordic-app-bar"},h$={class:"container mx-auto px-4 py-3 flex items-center justify-between"},g$={class:"flex items-center"},_$={class:"flex items-center space-x-4"},y$={class:"nordic-icon-button"},x$={class:"nordic-icon-button"},w$={class:"nordic-icon-button"},$$={class:"container mx-auto p-6"},I$={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},M$={class:"nordic-card"},k$={class:"p-4"},C$={class:"space-y-2"},D$={href:"#",class:"nordic-nav-item active"},A$={href:"#",class:"nordic-nav-item"},j$={href:"#",class:"nordic-nav-item"},N$={href:"#",class:"nordic-nav-item"},E$={class:"md:col-span-2 space-y-6"},z$={class:"nordic-card"},P$={class:"p-4"},S$={class:"space-y-4"},R$={class:"nordic-list-item"},T$={class:"nordic-icon-button"},Z$={class:"nordic-list-item"},G$={class:"nordic-icon-button"},L$={class:"nordic-card"},O$={class:"p-4"},H$={class:"flex flex-wrap gap-4"},B$={class:"nordic-button icon"},W$={class:"nordic-card"},V$={class:"p-4"},Y$={class:"nordic-bottom-nav"},J$={href:"#",class:"nordic-bottom-nav-item active"},Q$={href:"#",class:"nordic-bottom-nav-item"},F$={href:"#",class:"nordic-bottom-nav-item"},U$={href:"#",class:"nordic-bottom-nav-item"},K$={href:"#",class:"nordic-bottom-nav-item"},X$={key:0,class:"nordic-dialog-overlay"},q$={class:"nordic-dialog"},t6={class:"nordic-dialog-header"},s6={class:"nordic-dialog-actions"},e6={__name:"NordicView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",m$,[t("div",b$,[t("div",h$,[t("div",g$,[d(u(zt),{class:"w-5 h-5 text-slate-800 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-slate-800"},"Nordic Design",-1))]),t("div",_$,[t("button",y$,[d(u(K),{class:"w-5 h-5"})]),t("button",x$,[d(u(H),{class:"w-5 h-5"})]),t("button",w$,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",$$,[t("div",I$,[t("div",M$,[t("div",k$,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"导航菜单",-1)),t("nav",C$,[t("a",D$,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",A$,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"nordic-badge"},"12",-1))]),t("a",j$,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",N$,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",E$,[t("div",z$,[t("div",P$,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"卡片列表",-1)),t("div",S$,[t("div",R$,[e[11]||(e[11]=t("div",{class:"nordic-avatar bg-gradient-to-br from-blue-400 to-indigo-400"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-slate-800"},"卡片标题"),t("p",{class:"text-slate-600"},"卡片副标题")],-1)),t("button",T$,[d(u(ct),{class:"w-5 h-5"})])]),t("div",Z$,[e[13]||(e[13]=t("div",{class:"nordic-avatar bg-gradient-to-br from-indigo-400 to-purple-400"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-slate-800"},"另一个标题"),t("p",{class:"text-slate-600"},"另一个副标题")],-1)),t("button",G$,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="nordic-card" data-v-723c4b4d><div class="p-4" data-v-723c4b4d><h2 class="text-lg font-medium mb-4 text-slate-800" data-v-723c4b4d>表单元素</h2><div class="space-y-4" data-v-723c4b4d><div class="nordic-input-group" data-v-723c4b4d><label class="text-slate-600" data-v-723c4b4d>文本输入</label><input type="text" placeholder="请输入内容" class="nordic-input" data-v-723c4b4d></div><div class="nordic-input-group" data-v-723c4b4d><label class="text-slate-600" data-v-723c4b4d>密码输入</label><input type="password" placeholder="请输入密码" class="nordic-input" data-v-723c4b4d></div><div class="nordic-input-group" data-v-723c4b4d><label class="text-slate-600" data-v-723c4b4d>下拉选择</label><select class="nordic-input" data-v-723c4b4d><option data-v-723c4b4d>选项 1</option><option data-v-723c4b4d>选项 2</option><option data-v-723c4b4d>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-723c4b4d><label class="nordic-checkbox" data-v-723c4b4d><input type="checkbox" data-v-723c4b4d><span class="nordic-checkmark" data-v-723c4b4d></span><span class="text-slate-600" data-v-723c4b4d>复选框</span></label><label class="nordic-radio" data-v-723c4b4d><input type="radio" name="radio" data-v-723c4b4d><span class="nordic-radiomark" data-v-723c4b4d></span><span class="text-slate-600" data-v-723c4b4d>单选框</span></label></div><div class="nordic-switch" data-v-723c4b4d><input type="checkbox" id="switch1" data-v-723c4b4d><label for="switch1" class="text-slate-600" data-v-723c4b4d>开关</label></div></div></div></div>',1)),t("div",L$,[t("div",O$,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"按钮样式",-1)),t("div",H$,[e[16]||(e[16]=t("button",{class:"nordic-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"nordic-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"nordic-button text"},"文本按钮",-1)),t("button",B$,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="nordic-card" data-v-723c4b4d><div class="p-4" data-v-723c4b4d><h2 class="text-lg font-medium mb-4 text-slate-800" data-v-723c4b4d>进度指示器</h2><div class="space-y-4" data-v-723c4b4d><div class="nordic-progress" data-v-723c4b4d><div class="nordic-progress-bar" style="width:60%;" data-v-723c4b4d></div></div><div class="nordic-progress circular" data-v-723c4b4d><div class="nordic-progress-circle" data-v-723c4b4d></div></div></div></div></div>',1)),t("div",W$,[t("div",V$,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"对话框示例",-1)),t("button",{class:"nordic-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",Y$,[t("a",J$,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Q$,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",F$,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",U$,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",K$,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",X$,[t("div",q$,[t("div",t6,[e[28]||(e[28]=t("h3",{class:"text-slate-800"},"对话框标题",-1)),t("button",{class:"nordic-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"nordic-dialog-content"},[t("p",{class:"text-slate-600"},"这是一个北欧风格的对话框示例。")],-1)),t("div",s6,[t("button",{class:"nordic-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"nordic-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},a6=bt(e6,[["__scopeId","data-v-723c4b4d"]]),i6={class:"futuristic-container min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900"},n6={class:"futuristic-app-bar"},o6={class:"container mx-auto px-4 py-3 flex items-center justify-between"},l6={class:"flex items-center"},c6={class:"flex items-center space-x-4"},d6={class:"futuristic-icon-button"},r6={class:"futuristic-icon-button"},u6={class:"futuristic-icon-button"},v6={class:"container mx-auto p-6"},f6={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},p6={class:"futuristic-card"},m6={class:"p-4"},b6={class:"space-y-2"},h6={href:"#",class:"futuristic-nav-item active"},g6={href:"#",class:"futuristic-nav-item"},_6={href:"#",class:"futuristic-nav-item"},y6={href:"#",class:"futuristic-nav-item"},x6={class:"md:col-span-2 space-y-6"},w6={class:"futuristic-card"},$6={class:"p-4"},I6={class:"space-y-4"},M6={class:"futuristic-list-item"},k6={class:"futuristic-icon-button"},C6={class:"futuristic-list-item"},D6={class:"futuristic-icon-button"},A6={class:"futuristic-card"},j6={class:"p-4"},N6={class:"flex flex-wrap gap-4"},E6={class:"futuristic-button icon"},z6={class:"futuristic-card"},P6={class:"p-4"},S6={class:"futuristic-bottom-nav"},R6={href:"#",class:"futuristic-bottom-nav-item active"},T6={href:"#",class:"futuristic-bottom-nav-item"},Z6={href:"#",class:"futuristic-bottom-nav-item"},G6={href:"#",class:"futuristic-bottom-nav-item"},L6={href:"#",class:"futuristic-bottom-nav-item"},O6={key:0,class:"futuristic-dialog-overlay"},H6={class:"futuristic-dialog"},B6={class:"futuristic-dialog-header"},W6={class:"futuristic-dialog-actions"},V6={__name:"FuturisticView",setup(s){const a=C(!1);return(i,e)=>(_(),y("div",i6,[t("div",n6,[t("div",o6,[t("div",l6,[d(u(zt),{class:"w-5 h-5 text-blue-200 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-blue-200"},"Futuristic Design",-1))]),t("div",c6,[t("button",d6,[d(u(K),{class:"w-5 h-5"})]),t("button",r6,[d(u(H),{class:"w-5 h-5"})]),t("button",u6,[d(u(X),{class:"w-5 h-5"})])])])]),t("div",v6,[t("div",f6,[t("div",p6,[t("div",m6,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"导航菜单",-1)),t("nav",b6,[t("a",h6,[d(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",g6,[d(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"futuristic-badge"},"12",-1))]),t("a",_6,[d(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",y6,[d(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",x6,[t("div",w6,[t("div",$6,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"卡片列表",-1)),t("div",I6,[t("div",M6,[e[11]||(e[11]=t("div",{class:"futuristic-avatar bg-gradient-to-br from-blue-500 to-indigo-500"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-blue-200"},"卡片标题"),t("p",{class:"text-blue-300"},"卡片副标题")],-1)),t("button",k6,[d(u(ct),{class:"w-5 h-5"})])]),t("div",C6,[e[13]||(e[13]=t("div",{class:"futuristic-avatar bg-gradient-to-br from-indigo-500 to-purple-500"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-blue-200"},"另一个标题"),t("p",{class:"text-blue-300"},"另一个副标题")],-1)),t("button",D6,[d(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="futuristic-card" data-v-335fcd8e><div class="p-4" data-v-335fcd8e><h2 class="text-lg font-medium mb-4 text-blue-200" data-v-335fcd8e>表单元素</h2><div class="space-y-4" data-v-335fcd8e><div class="futuristic-input-group" data-v-335fcd8e><label class="text-blue-300" data-v-335fcd8e>文本输入</label><input type="text" placeholder="请输入内容" class="futuristic-input" data-v-335fcd8e></div><div class="futuristic-input-group" data-v-335fcd8e><label class="text-blue-300" data-v-335fcd8e>密码输入</label><input type="password" placeholder="请输入密码" class="futuristic-input" data-v-335fcd8e></div><div class="futuristic-input-group" data-v-335fcd8e><label class="text-blue-300" data-v-335fcd8e>下拉选择</label><select class="futuristic-input" data-v-335fcd8e><option data-v-335fcd8e>选项 1</option><option data-v-335fcd8e>选项 2</option><option data-v-335fcd8e>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-335fcd8e><label class="futuristic-checkbox" data-v-335fcd8e><input type="checkbox" data-v-335fcd8e><span class="futuristic-checkmark" data-v-335fcd8e></span><span class="text-blue-300" data-v-335fcd8e>复选框</span></label><label class="futuristic-radio" data-v-335fcd8e><input type="radio" name="radio" data-v-335fcd8e><span class="futuristic-radiomark" data-v-335fcd8e></span><span class="text-blue-300" data-v-335fcd8e>单选框</span></label></div><div class="futuristic-switch" data-v-335fcd8e><input type="checkbox" id="switch1" data-v-335fcd8e><label for="switch1" class="text-blue-300" data-v-335fcd8e>开关</label></div></div></div></div>',1)),t("div",A6,[t("div",j6,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"按钮样式",-1)),t("div",N6,[e[16]||(e[16]=t("button",{class:"futuristic-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"futuristic-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"futuristic-button text"},"文本按钮",-1)),t("button",E6,[d(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="futuristic-card" data-v-335fcd8e><div class="p-4" data-v-335fcd8e><h2 class="text-lg font-medium mb-4 text-blue-200" data-v-335fcd8e>进度指示器</h2><div class="space-y-4" data-v-335fcd8e><div class="futuristic-progress" data-v-335fcd8e><div class="futuristic-progress-bar" style="width:60%;" data-v-335fcd8e></div></div><div class="futuristic-progress circular" data-v-335fcd8e><div class="futuristic-progress-circle" data-v-335fcd8e></div></div></div></div></div>',1)),t("div",z6,[t("div",P6,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"对话框示例",-1)),t("button",{class:"futuristic-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",S6,[t("a",R6,[d(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",T6,[d(u(K),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Z6,[d(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",G6,[d(u(H),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",L6,[d(u(X),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",O6,[t("div",H6,[t("div",B6,[e[28]||(e[28]=t("h3",{class:"text-blue-200"},"对话框标题",-1)),t("button",{class:"futuristic-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[d(u(tt),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"futuristic-dialog-content"},[t("p",{class:"text-blue-300"},"这是一个未来主义风格的对话框示例。")],-1)),t("div",W6,[t("button",{class:"futuristic-button text",onClick:e[2]||(e[2]=n=>a.value=!1)},"取消"),t("button",{class:"futuristic-button",onClick:e[3]||(e[3]=n=>a.value=!1)},"确定")])])])):A("",!0)]))}},Y6=bt(V6,[["__scopeId","data-v-335fcd8e"]]),J6=[{path:"/",name:"Home",component:ir},{path:"/minimalist",name:"minimalist",component:Xr},{path:"/dark-mode",name:"dark-mode",component:Ou},{path:"/retro",name:"retro",component:jv},{path:"/3d",name:"ThreeD",component:wf},{path:"/skeuomorphic",name:"skeuomorphic",component:up},{path:"/material",name:"material",component:tm},{path:"/ios",name:"IOSDesign",component:Lm},{path:"/fluent",name:"FluentDesign",component:mh},{path:"/neumorphism",name:"neumorphism",component:W1},{path:"/glassmorphism",name:"glassmorphism",component:zg},{path:"/brutalism",name:"Brutalism",component:I0},{path:"/cyberpunk",name:"cyberpunk",component:f2},{path:"/organic",name:"Organic",component:i4},{path:"/pixel",name:"PixelArt",component:F4},{path:"/morphism",name:"Morphism",component:L_},{path:"/aurora",name:"aurora",component:A5},{path:"/neon",name:"Neon",component:y3},{path:"/steampunk",name:"steampunk",component:dy},{path:"/holographic",name:"Holographic",component:tx},{path:"/gradient",name:"Gradient",component:Vx},{path:"/ant",name:"AntDesign",component:R9},{path:"/element",name:"ElementUI",component:Mw},{path:"/flat",name:"Flat",component:p$},{path:"/nordic",name:"Nordic",component:a6},{path:"/futuristic",name:"Futuristic",component:Y6},{path:"/login",name:"Login",component:()=>Qc(()=>import("./LoginView-C9v-NikU.js"),__vite__mapDeps([0,1]))},{path:"/:pathMatch(.*)*",redirect:"/"}],Q6=Kd({history:kd("/ide/proxy/6009/"),routes:J6,scrollBehavior(s,a,i){return s.hash?{el:s.hash,behavior:"smooth"}:{top:0,behavior:"smooth"}}});Lc(Vc).use(Q6).mount("#app");export{bt as _,V as a,y as c,_ as o};