prototype_design/dist/assets/index-Btme6gTH.js

(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 u of l.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&e(u)}).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 Za(s){const a=Object.create(null);for(const i of s.split(","))a[i]=1;return i=>i in a}const ht={},Ks=[],ms=()=>{},jo=()=>!1,sa=s=>s.charCodeAt(0)===111&&s.charCodeAt(1)===110&&(s.charCodeAt(2)>122||s.charCodeAt(2)<97),La=s=>s.startsWith("onUpdate:"),Nt=Object.assign,Oa=(s,a)=>{const i=s.indexOf(a);i>-1&&s.splice(i,1)},No=Object.prototype.hasOwnProperty,rt=(s,a)=>No.call(s,a),Q=Array.isArray,Xs=s=>je(s)==="[object Map]",oe=s=>je(s)==="[object Set]",li=s=>je(s)==="[object Date]",st=s=>typeof s=="function",It=s=>typeof s=="string",bs=s=>typeof s=="symbol",_t=s=>s!==null&&typeof s=="object",nn=s=>(_t(s)||st(s))&&st(s.then)&&st(s.catch),on=Object.prototype.toString,je=s=>on.call(s),Eo=s=>je(s).slice(8,-1),ln=s=>je(s)==="[object Object]",Ha=s=>It(s)&&s!=="NaN"&&s[0]!=="-"&&""+parseInt(s,10)===s,ve=Za(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),ea=s=>{const a=Object.create(null);return i=>a[i]||(a[i]=s(i))},zo=/-(\w)/g,ts=ea(s=>s.replace(zo,(a,i)=>i?i.toUpperCase():"")),Po=/\B([A-Z])/g,Ws=ea(s=>s.replace(Po,"-$1").toLowerCase()),aa=ea(s=>s.charAt(0).toUpperCase()+s.slice(1)),pa=ea(s=>s?`on${aa(s)}`:""),Ss=(s,a)=>!Object.is(s,a),Le=(s,...a)=>{for(let i=0;i<s.length;i++)s[i](...a)},dn=(s,a,i,e=!1)=>{Object.defineProperty(s,a,{configurable:!0,enumerable:!1,writable:e,value:i})},We=s=>{const a=parseFloat(s);return isNaN(a)?s:a};let di;const ia=()=>di||(di=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Ne(s){if(Q(s)){const a={};for(let i=0;i<s.length;i++){const e=s[i],n=It(e)?Go(e):Ne(e);if(n)for(const l in n)a[l]=n[l]}return a}else if(It(s)||_t(s))return s}const So=/;(?![^(]*\))/g,Ro=/:([^]+)/,To=/\/\*[^]*?\*\//g;function Go(s){const a={};return s.replace(To,"").split(So).forEach(i=>{if(i){const e=i.split(Ro);e.length>1&&(a[e[0].trim()]=e[1].trim())}}),a}function nt(s){let a="";if(It(s))a=s;else if(Q(s))for(let i=0;i<s.length;i++){const e=nt(s[i]);e&&(a+=e+" ")}else if(_t(s))for(const i in s)s[i]&&(a+=i+" ");return a.trim()}const Zo="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Lo=Za(Zo);function cn(s){return!!s||s===""}function Oo(s,a){if(s.length!==a.length)return!1;let i=!0;for(let e=0;i&&e<s.length;e++)i=Ee(s[e],a[e]);return i}function Ee(s,a){if(s===a)return!0;let i=li(s),e=li(a);if(i||e)return i&&e?s.getTime()===a.getTime():!1;if(i=bs(s),e=bs(a),i||e)return s===a;if(i=Q(s),e=Q(a),i||e)return i&&e?Oo(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 u in s){const p=s.hasOwnProperty(u),o=a.hasOwnProperty(u);if(p&&!o||!p&&o||!Ee(s[u],a[u]))return!1}}return String(s)===String(a)}function Ba(s,a){return s.findIndex(i=>Ee(i,a))}const rn=s=>!!(s&&s.__v_isRef===!0),$=s=>It(s)?s:s==null?"":Q(s)||_t(s)&&(s.toString===on||!st(s.toString))?rn(s)?$(s.value):JSON.stringify(s,un,2):String(s),un=(s,a)=>rn(a)?un(s,a.value):Xs(a)?{[`Map(${a.size})`]:[...a.entries()].reduce((i,[e,n],l)=>(i[fa(e,l)+" =>"]=n,i),{})}:oe(a)?{[`Set(${a.size})`]:[...a.values()].map(i=>fa(i))}:bs(a)?fa(a):_t(a)&&!Q(a)&&!ln(a)?String(a):a,fa=(s,a="")=>{var i;return bs(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 Yt;class Ho{constructor(a=!1){this.detached=a,this._active=!0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=Yt,!a&&Yt&&(this.index=(Yt.scopes||(Yt.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=Yt;try{return Yt=this,a()}finally{Yt=i}}}on(){Yt=this}off(){Yt=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 Bo(){return Yt}let xt;const ma=new WeakSet;class vn{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,Yt&&Yt.active&&Yt.effects.push(this)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,ma.has(this)&&(ma.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||fn(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,ci(this),mn(this);const a=xt,i=ss;xt=this,ss=!0;try{return this.fn()}finally{bn(this),xt=a,ss=i,this.flags&=-3}}stop(){if(this.flags&1){for(let a=this.deps;a;a=a.nextDep)Ya(a);this.deps=this.depsTail=void 0,ci(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?ma.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){Ma(this)&&this.run()}get dirty(){return Ma(this)}}let pn=0,pe,fe;function fn(s,a=!1){if(s.flags|=8,a){s.next=fe,fe=s;return}s.next=pe,pe=s}function Va(){pn++}function Wa(){if(--pn>0)return;if(fe){let a=fe;for(fe=void 0;a;){const i=a.next;a.next=void 0,a.flags&=-9,a=i}}let s;for(;pe;){let a=pe;for(pe=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 mn(s){for(let a=s.deps;a;a=a.nextDep)a.version=-1,a.prevActiveLink=a.dep.activeLink,a.dep.activeLink=a}function bn(s){let a,i=s.depsTail,e=i;for(;e;){const n=e.prevDep;e.version===-1?(e===i&&(i=n),Ya(e),Vo(e)):a=e,e.dep.activeLink=e.prevActiveLink,e.prevActiveLink=void 0,e=n}s.deps=a,s.depsTail=i}function Ma(s){for(let a=s.deps;a;a=a.nextDep)if(a.dep.version!==a.version||a.dep.computed&&(hn(a.dep.computed)||a.dep.version!==a.version))return!0;return!!s._dirty}function hn(s){if(s.flags&4&&!(s.flags&16)||(s.flags&=-17,s.globalVersion===_e))return;s.globalVersion=_e;const a=s.dep;if(s.flags|=2,a.version>0&&!s.isSSR&&s.deps&&!Ma(s)){s.flags&=-3;return}const i=xt,e=ss;xt=s,ss=!0;try{mn(s);const n=s.fn(s._value);(a.version===0||Ss(n,s._value))&&(s._value=n,a.version++)}catch(n){throw a.version++,n}finally{xt=i,ss=e,bn(s),s.flags&=-3}}function Ya(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)Ya(l,!0)}!a&&!--i.sc&&i.map&&i.map.delete(i.key)}function Vo(s){const{prevDep:a,nextDep:i}=s;a&&(a.nextDep=i,s.prevDep=void 0),i&&(i.prevDep=a,s.nextDep=void 0)}let ss=!0;const gn=[];function Rs(){gn.push(ss),ss=!1}function Ts(){const s=gn.pop();ss=s===void 0?!0:s}function ci(s){const{cleanup:a}=s;if(s.cleanup=void 0,a){const i=xt;xt=void 0;try{a()}finally{xt=i}}}let _e=0;class Wo{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 Ja{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(!xt||!ss||xt===this.computed)return;let i=this.activeLink;if(i===void 0||i.sub!==xt)i=this.activeLink=new Wo(xt,this),xt.deps?(i.prevDep=xt.depsTail,xt.depsTail.nextDep=i,xt.depsTail=i):xt.deps=xt.depsTail=i,yn(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=xt.depsTail,i.nextDep=void 0,xt.depsTail.nextDep=i,xt.depsTail=i,xt.deps===i&&(xt.deps=e)}return i}trigger(a){this.version++,_e++,this.notify(a)}notify(a){Va();try{for(let i=this.subs;i;i=i.prevSub)i.sub.notify()&&i.sub.dep.notify()}finally{Wa()}}}function yn(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)yn(e)}const i=s.dep.subs;i!==s&&(s.prevSub=i,i&&(i.nextSub=s)),s.dep.subs=s}}const ka=new WeakMap,Hs=Symbol(""),Ca=Symbol(""),we=Symbol("");function Ct(s,a,i){if(ss&&xt){let e=ka.get(s);e||ka.set(s,e=new Map);let n=e.get(i);n||(e.set(i,n=new Ja),n.map=e,n.key=i),n.track()}}function Is(s,a,i,e,n,l){const u=ka.get(s);if(!u){_e++;return}const p=o=>{o&&o.trigger()};if(Va(),a==="clear")u.forEach(p);else{const o=Q(s),d=o&&Ha(i);if(o&&i==="length"){const f=Number(e);u.forEach((g,v)=>{(v==="length"||v===we||!bs(v)&&v>=f)&&p(g)})}else switch((i!==void 0||u.has(void 0))&&p(u.get(i)),d&&p(u.get(we)),a){case"add":o?d&&p(u.get("length")):(p(u.get(Hs)),Xs(s)&&p(u.get(Ca)));break;case"delete":o||(p(u.get(Hs)),Xs(s)&&p(u.get(Ca)));break;case"set":Xs(s)&&p(u.get(Hs));break}}Wa()}function Us(s){const a=ct(s);return a===s?a:(Ct(a,"iterate",we),qt(s)?a:a.map(Dt))}function na(s){return Ct(s=ct(s),"iterate",we),s}const Yo={__proto__:null,[Symbol.iterator](){return ba(this,Symbol.iterator,Dt)},concat(...s){return Us(this).concat(...s.map(a=>Q(a)?Us(a):a))},entries(){return ba(this,"entries",s=>(s[1]=Dt(s[1]),s))},every(s,a){return xs(this,"every",s,a,void 0,arguments)},filter(s,a){return xs(this,"filter",s,a,i=>i.map(Dt),arguments)},find(s,a){return xs(this,"find",s,a,Dt,arguments)},findIndex(s,a){return xs(this,"findIndex",s,a,void 0,arguments)},findLast(s,a){return xs(this,"findLast",s,a,Dt,arguments)},findLastIndex(s,a){return xs(this,"findLastIndex",s,a,void 0,arguments)},forEach(s,a){return xs(this,"forEach",s,a,void 0,arguments)},includes(...s){return ha(this,"includes",s)},indexOf(...s){return ha(this,"indexOf",s)},join(s){return Us(this).join(s)},lastIndexOf(...s){return ha(this,"lastIndexOf",s)},map(s,a){return xs(this,"map",s,a,void 0,arguments)},pop(){return de(this,"pop")},push(...s){return de(this,"push",s)},reduce(s,...a){return ri(this,"reduce",s,a)},reduceRight(s,...a){return ri(this,"reduceRight",s,a)},shift(){return de(this,"shift")},some(s,a){return xs(this,"some",s,a,void 0,arguments)},splice(...s){return de(this,"splice",s)},toReversed(){return Us(this).toReversed()},toSorted(s){return Us(this).toSorted(s)},toSpliced(...s){return Us(this).toSpliced(...s)},unshift(...s){return de(this,"unshift",s)},values(){return ba(this,"values",Dt)}};function ba(s,a,i){const e=na(s),n=e[a]();return e!==s&&!qt(s)&&(n._next=n.next,n.next=()=>{const l=n._next();return l.value&&(l.value=i(l.value)),l}),n}const Jo=Array.prototype;function xs(s,a,i,e,n,l){const u=na(s),p=u!==s&&!qt(s),o=u[a];if(o!==Jo[a]){const g=o.apply(s,l);return p?Dt(g):g}let d=i;u!==s&&(p?d=function(g,v){return i.call(this,Dt(g),v,s)}:i.length>2&&(d=function(g,v){return i.call(this,g,v,s)}));const f=o.call(u,d,e);return p&&n?n(f):f}function ri(s,a,i,e){const n=na(s);let l=i;return n!==s&&(qt(s)?i.length>3&&(l=function(u,p,o){return i.call(this,u,p,o,s)}):l=function(u,p,o){return i.call(this,u,Dt(p),o,s)}),n[a](l,...e)}function ha(s,a,i){const e=ct(s);Ct(e,"iterate",we);const n=e[a](...i);return(n===-1||n===!1)&&Fa(i[0])?(i[0]=ct(i[0]),e[a](...i)):n}function de(s,a,i=[]){Rs(),Va();const e=ct(s)[a].apply(s,i);return Wa(),Ts(),e}const Uo=Za("__proto__,__v_isRef,__isVue"),xn=new Set(Object.getOwnPropertyNames(Symbol).filter(s=>s!=="arguments"&&s!=="caller").map(s=>Symbol[s]).filter(bs));function Qo(s){bs(s)||(s=String(s));const a=ct(this);return Ct(a,"has",s),a.hasOwnProperty(s)}class _n{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?nl:Mn:l?In:$n).get(a)||Object.getPrototypeOf(a)===Object.getPrototypeOf(e)?a:void 0;const u=Q(a);if(!n){let o;if(u&&(o=Yo[i]))return o;if(i==="hasOwnProperty")return Qo}const p=Reflect.get(a,i,jt(a)?a:e);return(bs(i)?xn.has(i):Uo(i))||(n||Ct(a,"get",i),l)?p:jt(p)?u&&Ha(i)?p:p.value:_t(p)?n?Cn(p):oa(p):p}}class wn extends _n{constructor(a=!1){super(!1,a)}set(a,i,e,n){let l=a[i];if(!this._isShallow){const o=Bs(l);if(!qt(e)&&!Bs(e)&&(l=ct(l),e=ct(e)),!Q(a)&&jt(l)&&!jt(e))return o?!1:(l.value=e,!0)}const u=Q(a)&&Ha(i)?Number(i)<a.length:rt(a,i),p=Reflect.set(a,i,e,jt(a)?a:n);return a===ct(n)&&(u?Ss(e,l)&&Is(a,"set",i,e):Is(a,"add",i,e)),p}deleteProperty(a,i){const e=rt(a,i);a[i];const n=Reflect.deleteProperty(a,i);return n&&e&&Is(a,"delete",i,void 0),n}has(a,i){const e=Reflect.has(a,i);return(!bs(i)||!xn.has(i))&&Ct(a,"has",i),e}ownKeys(a){return Ct(a,"iterate",Q(a)?"length":Hs),Reflect.ownKeys(a)}}class Fo extends _n{constructor(a=!1){super(!0,a)}set(a,i){return!0}deleteProperty(a,i){return!0}}const Ko=new wn,Xo=new Fo,qo=new wn(!0);const Da=s=>s,Re=s=>Reflect.getPrototypeOf(s);function tl(s,a,i){return function(...e){const n=this.__v_raw,l=ct(n),u=Xs(l),p=s==="entries"||s===Symbol.iterator&&u,o=s==="keys"&&u,d=n[s](...e),f=i?Da:a?Aa:Dt;return!a&&Ct(l,"iterate",o?Ca:Hs),{next(){const{value:g,done:v}=d.next();return v?{value:g,done:v}:{value:p?[f(g[0]),f(g[1])]:f(g),done:v}},[Symbol.iterator](){return this}}}}function Te(s){return function(...a){return s==="delete"?!1:s==="clear"?void 0:this}}function sl(s,a){const i={get(n){const l=this.__v_raw,u=ct(l),p=ct(n);s||(Ss(n,p)&&Ct(u,"get",n),Ct(u,"get",p));const{has:o}=Re(u),d=a?Da:s?Aa:Dt;if(o.call(u,n))return d(l.get(n));if(o.call(u,p))return d(l.get(p));l!==u&&l.get(n)},get size(){const n=this.__v_raw;return!s&&Ct(ct(n),"iterate",Hs),Reflect.get(n,"size",n)},has(n){const l=this.__v_raw,u=ct(l),p=ct(n);return s||(Ss(n,p)&&Ct(u,"has",n),Ct(u,"has",p)),n===p?l.has(n):l.has(n)||l.has(p)},forEach(n,l){const u=this,p=u.__v_raw,o=ct(p),d=a?Da:s?Aa:Dt;return!s&&Ct(o,"iterate",Hs),p.forEach((f,g)=>n.call(l,d(f),d(g),u))}};return Nt(i,s?{add:Te("add"),set:Te("set"),delete:Te("delete"),clear:Te("clear")}:{add(n){!a&&!qt(n)&&!Bs(n)&&(n=ct(n));const l=ct(this);return Re(l).has.call(l,n)||(l.add(n),Is(l,"add",n,n)),this},set(n,l){!a&&!qt(l)&&!Bs(l)&&(l=ct(l));const u=ct(this),{has:p,get:o}=Re(u);let d=p.call(u,n);d||(n=ct(n),d=p.call(u,n));const f=o.call(u,n);return u.set(n,l),d?Ss(l,f)&&Is(u,"set",n,l):Is(u,"add",n,l),this},delete(n){const l=ct(this),{has:u,get:p}=Re(l);let o=u.call(l,n);o||(n=ct(n),o=u.call(l,n)),p&&p.call(l,n);const d=l.delete(n);return o&&Is(l,"delete",n,void 0),d},clear(){const n=ct(this),l=n.size!==0,u=n.clear();return l&&Is(n,"clear",void 0,void 0),u}}),["keys","values","entries",Symbol.iterator].forEach(n=>{i[n]=tl(n,s,a)}),i}function Ua(s,a){const i=sl(s,a);return(e,n,l)=>n==="__v_isReactive"?!s:n==="__v_isReadonly"?s:n==="__v_raw"?e:Reflect.get(rt(i,n)&&n in e?i:e,n,l)}const el={get:Ua(!1,!1)},al={get:Ua(!1,!0)},il={get:Ua(!0,!1)};const $n=new WeakMap,In=new WeakMap,Mn=new WeakMap,nl=new WeakMap;function ol(s){switch(s){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function ll(s){return s.__v_skip||!Object.isExtensible(s)?0:ol(Eo(s))}function oa(s){return Bs(s)?s:Qa(s,!1,Ko,el,$n)}function kn(s){return Qa(s,!1,qo,al,In)}function Cn(s){return Qa(s,!0,Xo,il,Mn)}function Qa(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 u=ll(s);if(u===0)return s;const p=new Proxy(s,u===2?e:i);return n.set(s,p),p}function qs(s){return Bs(s)?qs(s.__v_raw):!!(s&&s.__v_isReactive)}function Bs(s){return!!(s&&s.__v_isReadonly)}function qt(s){return!!(s&&s.__v_isShallow)}function Fa(s){return s?!!s.__v_raw:!1}function ct(s){const a=s&&s.__v_raw;return a?ct(a):s}function dl(s){return!rt(s,"__v_skip")&&Object.isExtensible(s)&&dn(s,"__v_skip",!0),s}const Dt=s=>_t(s)?oa(s):s,Aa=s=>_t(s)?Cn(s):s;function jt(s){return s?s.__v_isRef===!0:!1}function w(s){return Dn(s,!1)}function cl(s){return Dn(s,!0)}function Dn(s,a){return jt(s)?s:new rl(s,a)}class rl{constructor(a,i){this.dep=new Ja,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=i?a:ct(a),this._value=i?a:Dt(a),this.__v_isShallow=i}get value(){return this.dep.track(),this._value}set value(a){const i=this._rawValue,e=this.__v_isShallow||qt(a)||Bs(a);a=e?a:ct(a),Ss(a,i)&&(this._rawValue=a,this._value=e?a:Dt(a),this.dep.trigger())}}function r(s){return jt(s)?s.value:s}const ul={get:(s,a,i)=>a==="__v_raw"?s:r(Reflect.get(s,a,i)),set:(s,a,i,e)=>{const n=s[a];return jt(n)&&!jt(i)?(n.value=i,!0):Reflect.set(s,a,i,e)}};function An(s){return qs(s)?s:new Proxy(s,ul)}class vl{constructor(a,i,e){this.fn=a,this.setter=i,this._value=void 0,this.dep=new Ja(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=_e-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!i,this.isSSR=e}notify(){if(this.flags|=16,!(this.flags&8)&&xt!==this)return fn(this,!0),!0}get value(){const a=this.dep.track();return hn(this),a&&(a.version=this.dep.version),this._value}set value(a){this.setter&&this.setter(a)}}function pl(s,a,i=!1){let e,n;return st(s)?e=s:(e=s.get,n=s.set),new vl(e,n,i)}const Ge={},Ye=new WeakMap;let Os;function fl(s,a=!1,i=Os){if(i){let e=Ye.get(i);e||Ye.set(i,e=[]),e.push(s)}}function ml(s,a,i=ht){const{immediate:e,deep:n,once:l,scheduler:u,augmentJob:p,call:o}=i,d=L=>n?L:qt(L)||n===!1||n===0?Ms(L,1):Ms(L);let f,g,v,h,z=!1,R=!1;if(jt(s)?(g=()=>s.value,z=qt(s)):qs(s)?(g=()=>d(s),z=!0):Q(s)?(R=!0,z=s.some(L=>qs(L)||qt(L)),g=()=>s.map(L=>{if(jt(L))return L.value;if(qs(L))return d(L);if(st(L))return o?o(L,2):L()})):st(s)?a?g=o?()=>o(s,2):s:g=()=>{if(v){Rs();try{v()}finally{Ts()}}const L=Os;Os=f;try{return o?o(s,3,[h]):s(h)}finally{Os=L}}:g=ms,a&&n){const L=g,ot=n===!0?1/0:n;g=()=>Ms(L(),ot)}const B=Bo(),W=()=>{f.stop(),B&&B.active&&Oa(B.effects,f)};if(l&&a){const L=a;a=(...ot)=>{L(...ot),W()}}let Z=R?new Array(s.length).fill(Ge):Ge;const V=L=>{if(!(!(f.flags&1)||!f.dirty&&!L))if(a){const ot=f.run();if(n||z||(R?ot.some((Mt,wt)=>Ss(Mt,Z[wt])):Ss(ot,Z))){v&&v();const Mt=Os;Os=f;try{const wt=[ot,Z===Ge?void 0:R&&Z[0]===Ge?[]:Z,h];o?o(a,3,wt):a(...wt),Z=ot}finally{Os=Mt}}}else f.run()};return p&&p(V),f=new vn(g),f.scheduler=u?()=>u(V,!1):V,h=L=>fl(L,!1,f),v=f.onStop=()=>{const L=Ye.get(f);if(L){if(o)o(L,4);else for(const ot of L)ot();Ye.delete(f)}},a?e?V(!0):Z=f.run():u?u(V.bind(null,!0),!0):f.run(),W.pause=f.pause.bind(f),W.resume=f.resume.bind(f),W.stop=W,W}function Ms(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--,jt(s))Ms(s.value,a,i);else if(Q(s))for(let e=0;e<s.length;e++)Ms(s[e],a,i);else if(oe(s)||Xs(s))s.forEach(e=>{Ms(e,a,i)});else if(ln(s)){for(const e in s)Ms(s[e],a,i);for(const e of Object.getOwnPropertySymbols(s))Object.prototype.propertyIsEnumerable.call(s,e)&&Ms(s[e],a,i)}return s}/**
* @vue/runtime-core v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/function ze(s,a,i,e){try{return e?s(...e):s()}catch(n){la(n,a,i)}}function hs(s,a,i,e){if(st(s)){const n=ze(s,a,i,e);return n&&nn(n)&&n.catch(l=>{la(l,a,i)}),n}if(Q(s)){const n=[];for(let l=0;l<s.length;l++)n.push(hs(s[l],a,i,e));return n}}function la(s,a,i,e=!0){const n=a?a.vnode:null,{errorHandler:l,throwUnhandledErrorInProduction:u}=a&&a.appContext.config||ht;if(a){let p=a.parent;const o=a.proxy,d=`https://vuejs.org/error-reference/#runtime-${i}`;for(;p;){const f=p.ec;if(f){for(let g=0;g<f.length;g++)if(f[g](s,o,d)===!1)return}p=p.parent}if(l){Rs(),ze(l,null,10,[s,o,d]),Ts();return}}bl(s,i,n,e,u)}function bl(s,a,i,e=!0,n=!1){if(n)throw s;console.error(s)}const Rt=[];let ps=-1;const te=[];let Ns=null,Qs=0;const jn=Promise.resolve();let Je=null;function Ka(s){const a=Je||jn;return s?a.then(this?s.bind(this):s):a}function hl(s){let a=ps+1,i=Rt.length;for(;a<i;){const e=a+i>>>1,n=Rt[e],l=$e(n);l<s||l===s&&n.flags&2?a=e+1:i=e}return a}function Xa(s){if(!(s.flags&1)){const a=$e(s),i=Rt[Rt.length-1];!i||!(s.flags&2)&&a>=$e(i)?Rt.push(s):Rt.splice(hl(a),0,s),s.flags|=1,Nn()}}function Nn(){Je||(Je=jn.then(zn))}function gl(s){Q(s)?te.push(...s):Ns&&s.id===-1?Ns.splice(Qs+1,0,s):s.flags&1||(te.push(s),s.flags|=1),Nn()}function ui(s,a,i=ps+1){for(;i<Rt.length;i++){const e=Rt[i];if(e&&e.flags&2){if(s&&e.id!==s.uid)continue;Rt.splice(i,1),i--,e.flags&4&&(e.flags&=-2),e(),e.flags&4||(e.flags&=-2)}}}function En(s){if(te.length){const a=[...new Set(te)].sort((i,e)=>$e(i)-$e(e));if(te.length=0,Ns){Ns.push(...a);return}for(Ns=a,Qs=0;Qs<Ns.length;Qs++){const i=Ns[Qs];i.flags&4&&(i.flags&=-2),i.flags&8||i(),i.flags&=-2}Ns=null,Qs=0}}const $e=s=>s.id==null?s.flags&2?-1:1/0:s.id;function zn(s){try{for(ps=0;ps<Rt.length;ps++){const a=Rt[ps];a&&!(a.flags&8)&&(a.flags&4&&(a.flags&=-2),ze(a,a.i,a.i?15:14),a.flags&4||(a.flags&=-2))}}finally{for(;ps<Rt.length;ps++){const a=Rt[ps];a&&(a.flags&=-2)}ps=-1,Rt.length=0,En(),Je=null,(Rt.length||te.length)&&zn()}}let Jt=null,Pn=null;function Ue(s){const a=Jt;return Jt=s,Pn=s&&s.type.__scopeId||null,a}function Sn(s,a=Jt,i){if(!a||s._n)return s;const e=(...n)=>{e._d&&_i(-1);const l=Ue(a);let u;try{u=s(...n)}finally{Ue(l),e._d&&_i(1)}return u};return e._n=!0,e._c=!0,e._d=!0,e}function St(s,a){if(Jt===null)return s;const i=ua(Jt),e=s.dirs||(s.dirs=[]);for(let n=0;n<a.length;n++){let[l,u,p,o=ht]=a[n];l&&(st(l)&&(l={mounted:l,updated:l}),l.deep&&Ms(u),e.push({dir:l,instance:i,value:u,oldValue:void 0,arg:p,modifiers:o}))}return s}function Zs(s,a,i,e){const n=s.dirs,l=a&&a.dirs;for(let u=0;u<n.length;u++){const p=n[u];l&&(p.oldValue=l[u].value);let o=p.dir[e];o&&(Rs(),hs(o,i,8,[s.el,p,s,a]),Ts())}}const yl=Symbol("_vte"),xl=s=>s.__isTeleport;function qa(s,a){s.shapeFlag&6&&s.component?(s.transition=a,qa(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 Rn(s,a){return st(s)?Nt({name:s.name},a,{setup:s}):s}function Tn(s){s.ids=[s.ids[0]+s.ids[2]+++"-",0,0]}function Qe(s,a,i,e,n=!1){if(Q(s)){s.forEach((z,R)=>Qe(z,a&&(Q(a)?a[R]:a),i,e,n));return}if(me(e)&&!n){e.shapeFlag&512&&e.type.__asyncResolved&&e.component.subTree.component&&Qe(s,a,i,e.component.subTree);return}const l=e.shapeFlag&4?ua(e.component):e.el,u=n?null:l,{i:p,r:o}=s,d=a&&a.r,f=p.refs===ht?p.refs={}:p.refs,g=p.setupState,v=ct(g),h=g===ht?()=>!1:z=>rt(v,z);if(d!=null&&d!==o&&(It(d)?(f[d]=null,h(d)&&(g[d]=null)):jt(d)&&(d.value=null)),st(o))ze(o,p,12,[u,f]);else{const z=It(o),R=jt(o);if(z||R){const B=()=>{if(s.f){const W=z?h(o)?g[o]:f[o]:o.value;n?Q(W)&&Oa(W,l):Q(W)?W.includes(l)||W.push(l):z?(f[o]=[l],h(o)&&(g[o]=f[o])):(o.value=[l],s.k&&(f[s.k]=o.value))}else z?(f[o]=u,h(o)&&(g[o]=u)):R&&(o.value=u,s.k&&(f[s.k]=u))};u?(B.id=-1,Wt(B,i)):B()}}}ia().requestIdleCallback;ia().cancelIdleCallback;const me=s=>!!s.type.__asyncLoader,Gn=s=>s.type.__isKeepAlive;function _l(s,a){Zn(s,"a",a)}function wl(s,a){Zn(s,"da",a)}function Zn(s,a,i=At){const e=s.__wdc||(s.__wdc=()=>{let n=i;for(;n;){if(n.isDeactivated)return;n=n.parent}return s()});if(da(a,e,i),i){let n=i.parent;for(;n&&n.parent;)Gn(n.parent.vnode)&&$l(e,a,i,n),n=n.parent}}function $l(s,a,i,e){const n=da(a,s,e,!0);ti(()=>{Oa(e[a],n)},i)}function da(s,a,i=At,e=!1){if(i){const n=i[s]||(i[s]=[]),l=a.__weh||(a.__weh=(...u)=>{Rs();const p=Pe(i),o=hs(a,i,s,u);return p(),Ts(),o});return e?n.unshift(l):n.push(l),l}}const Ds=s=>(a,i=At)=>{(!Me||s==="sp")&&da(s,(...e)=>a(...e),i)},Il=Ds("bm"),Ln=Ds("m"),Ml=Ds("bu"),kl=Ds("u"),Cl=Ds("bum"),ti=Ds("um"),Dl=Ds("sp"),Al=Ds("rtg"),jl=Ds("rtc");function Nl(s,a=At){da("ec",s,a)}const El="components";function On(s,a){return Pl(El,s,!0,a)||s}const zl=Symbol.for("v-ndc");function Pl(s,a,i=!0,e=!1){const n=Jt||At;if(n){const l=n.type;{const p=xd(l,!1);if(p&&(p===a||p===ts(a)||p===aa(ts(a))))return l}const u=vi(n[s]||l[s],a)||vi(n.appContext[s],a);return!u&&e?l:u}}function vi(s,a){return s&&(s[a]||s[ts(a)]||s[aa(ts(a))])}function it(s,a,i,e){let n;const l=i,u=Q(s);if(u||It(s)){const p=u&&qs(s);let o=!1;p&&(o=!qt(s),s=na(s)),n=new Array(s.length);for(let d=0,f=s.length;d<f;d++)n[d]=a(o?Dt(s[d]):s[d],d,void 0,l)}else if(typeof s=="number"){n=new Array(s);for(let p=0;p<s;p++)n[p]=a(p+1,p,void 0,l)}else if(_t(s))if(s[Symbol.iterator])n=Array.from(s,(p,o)=>a(p,o,void 0,l));else{const p=Object.keys(s);n=new Array(p.length);for(let o=0,d=p.length;o<d;o++){const f=p[o];n[o]=a(s[f],f,o,l)}}else n=[];return n}const ja=s=>s?co(s)?ua(s):ja(s.parent):null,be=Nt(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=>ja(s.parent),$root:s=>ja(s.root),$host:s=>s.ce,$emit:s=>s.emit,$options:s=>Bn(s),$forceUpdate:s=>s.f||(s.f=()=>{Xa(s.update)}),$nextTick:s=>s.n||(s.n=Ka.bind(s.proxy)),$watch:s=>sd.bind(s)}),ga=(s,a)=>s!==ht&&!s.__isScriptSetup&&rt(s,a),Sl={get({_:s},a){if(a==="__v_skip")return!0;const{ctx:i,setupState:e,data:n,props:l,accessCache:u,type:p,appContext:o}=s;let d;if(a[0]!=="$"){const h=u[a];if(h!==void 0)switch(h){case 1:return e[a];case 2:return n[a];case 4:return i[a];case 3:return l[a]}else{if(ga(e,a))return u[a]=1,e[a];if(n!==ht&&rt(n,a))return u[a]=2,n[a];if((d=s.propsOptions[0])&&rt(d,a))return u[a]=3,l[a];if(i!==ht&&rt(i,a))return u[a]=4,i[a];Na&&(u[a]=0)}}const f=be[a];let g,v;if(f)return a==="$attrs"&&Ct(s.attrs,"get",""),f(s);if((g=p.__cssModules)&&(g=g[a]))return g;if(i!==ht&&rt(i,a))return u[a]=4,i[a];if(v=o.config.globalProperties,rt(v,a))return v[a]},set({_:s},a,i){const{data:e,setupState:n,ctx:l}=s;return ga(n,a)?(n[a]=i,!0):e!==ht&&rt(e,a)?(e[a]=i,!0):rt(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}},u){let p;return!!i[u]||s!==ht&&rt(s,u)||ga(a,u)||(p=l[0])&&rt(p,u)||rt(e,u)||rt(be,u)||rt(n.config.globalProperties,u)},defineProperty(s,a,i){return i.get!=null?s._.accessCache[a]=0:rt(i,"value")&&this.set(s,a,i.value,null),Reflect.defineProperty(s,a,i)}};function pi(s){return Q(s)?s.reduce((a,i)=>(a[i]=null,a),{}):s}let Na=!0;function Rl(s){const a=Bn(s),i=s.proxy,e=s.ctx;Na=!1,a.beforeCreate&&fi(a.beforeCreate,s,"bc");const{data:n,computed:l,methods:u,watch:p,provide:o,inject:d,created:f,beforeMount:g,mounted:v,beforeUpdate:h,updated:z,activated:R,deactivated:B,beforeDestroy:W,beforeUnmount:Z,destroyed:V,unmounted:L,render:ot,renderTracked:Mt,renderTriggered:wt,errorCaptured:Qt,serverPrefetch:os,expose:Ft,inheritAttrs:ls,components:ys,directives:Kt,filters:Gs}=a;if(d&&Tl(d,e,null),u)for(const J in u){const D=u[J];st(D)&&(e[J]=D.bind(i))}if(n){const J=n.call(i,i);_t(J)&&(s.data=oa(J))}if(Na=!0,l)for(const J in l){const D=l[J],O=st(D)?D.bind(i,i):st(D.get)?D.get.bind(i,i):ms,Ht=!st(D)&&st(D.set)?D.set.bind(i):ms,zt=Zt({get:O,set:Ht});Object.defineProperty(e,J,{enumerable:!0,configurable:!0,get:()=>zt.value,set:kt=>zt.value=kt})}if(p)for(const J in p)Hn(p[J],e,i,J);if(o){const J=st(o)?o.call(i):o;Reflect.ownKeys(J).forEach(D=>{Oe(D,J[D])})}f&&fi(f,s,"c");function $t(J,D){Q(D)?D.forEach(O=>J(O.bind(i))):D&&J(D.bind(i))}if($t(Il,g),$t(Ln,v),$t(Ml,h),$t(kl,z),$t(_l,R),$t(wl,B),$t(Nl,Qt),$t(jl,Mt),$t(Al,wt),$t(Cl,Z),$t(ti,L),$t(Dl,os),Q(Ft))if(Ft.length){const J=s.exposed||(s.exposed={});Ft.forEach(D=>{Object.defineProperty(J,D,{get:()=>i[D],set:O=>i[D]=O})})}else s.exposed||(s.exposed={});ot&&s.render===ms&&(s.render=ot),ls!=null&&(s.inheritAttrs=ls),ys&&(s.components=ys),Kt&&(s.directives=Kt),os&&Tn(s)}function Tl(s,a,i=ms){Q(s)&&(s=Ea(s));for(const e in s){const n=s[e];let l;_t(n)?"default"in n?l=ks(n.from||e,n.default,!0):l=ks(n.from||e):l=ks(n),jt(l)?Object.defineProperty(a,e,{enumerable:!0,configurable:!0,get:()=>l.value,set:u=>l.value=u}):a[e]=l}}function fi(s,a,i){hs(Q(s)?s.map(e=>e.bind(a.proxy)):s.bind(a.proxy),a,i)}function Hn(s,a,i,e){let n=e.includes(".")?ao(i,e):()=>i[e];if(It(s)){const l=a[s];st(l)&&he(n,l)}else if(st(s))he(n,s.bind(i));else if(_t(s))if(Q(s))s.forEach(l=>Hn(l,a,i,e));else{const l=st(s.handler)?s.handler.bind(i):a[s.handler];st(l)&&he(n,l,s)}}function Bn(s){const a=s.type,{mixins:i,extends:e}=a,{mixins:n,optionsCache:l,config:{optionMergeStrategies:u}}=s.appContext,p=l.get(a);let o;return p?o=p:!n.length&&!i&&!e?o=a:(o={},n.length&&n.forEach(d=>Fe(o,d,u,!0)),Fe(o,a,u)),_t(a)&&l.set(a,o),o}function Fe(s,a,i,e=!1){const{mixins:n,extends:l}=a;l&&Fe(s,l,i,!0),n&&n.forEach(u=>Fe(s,u,i,!0));for(const u in a)if(!(e&&u==="expose")){const p=Gl[u]||i&&i[u];s[u]=p?p(s[u],a[u]):a[u]}return s}const Gl={data:mi,props:bi,emits:bi,methods:ue,computed:ue,beforeCreate:Pt,created:Pt,beforeMount:Pt,mounted:Pt,beforeUpdate:Pt,updated:Pt,beforeDestroy:Pt,beforeUnmount:Pt,destroyed:Pt,unmounted:Pt,activated:Pt,deactivated:Pt,errorCaptured:Pt,serverPrefetch:Pt,components:ue,directives:ue,watch:Ll,provide:mi,inject:Zl};function mi(s,a){return a?s?function(){return Nt(st(s)?s.call(this,this):s,st(a)?a.call(this,this):a)}:a:s}function Zl(s,a){return ue(Ea(s),Ea(a))}function Ea(s){if(Q(s)){const a={};for(let i=0;i<s.length;i++)a[s[i]]=s[i];return a}return s}function Pt(s,a){return s?[...new Set([].concat(s,a))]:a}function ue(s,a){return s?Nt(Object.create(null),s,a):a}function bi(s,a){return s?Q(s)&&Q(a)?[...new Set([...s,...a])]:Nt(Object.create(null),pi(s),pi(a??{})):a}function Ll(s,a){if(!s)return a;if(!a)return s;const i=Nt(Object.create(null),s);for(const e in a)i[e]=Pt(s[e],a[e]);return i}function Vn(){return{app:null,config:{isNativeTag:jo,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 Ol=0;function Hl(s,a){return function(e,n=null){st(e)||(e=Nt({},e)),n!=null&&!_t(n)&&(n=null);const l=Vn(),u=new WeakSet,p=[];let o=!1;const d=l.app={_uid:Ol++,_component:e,_props:n,_container:null,_context:l,_instance:null,version:wd,get config(){return l.config},set config(f){},use(f,...g){return u.has(f)||(f&&st(f.install)?(u.add(f),f.install(d,...g)):st(f)&&(u.add(f),f(d,...g))),d},mixin(f){return l.mixins.includes(f)||l.mixins.push(f),d},component(f,g){return g?(l.components[f]=g,d):l.components[f]},directive(f,g){return g?(l.directives[f]=g,d):l.directives[f]},mount(f,g,v){if(!o){const h=d._ceVNode||c(e,n);return h.appContext=l,v===!0?v="svg":v===!1&&(v=void 0),s(h,f,v),o=!0,d._container=f,f.__vue_app__=d,ua(h.component)}},onUnmount(f){p.push(f)},unmount(){o&&(hs(p,d._instance,16),s(null,d._container),delete d._container.__vue_app__)},provide(f,g){return l.provides[f]=g,d},runWithContext(f){const g=se;se=d;try{return f()}finally{se=g}}};return d}}let se=null;function Oe(s,a){if(At){let i=At.provides;const e=At.parent&&At.parent.provides;e===i&&(i=At.provides=Object.create(e)),i[s]=a}}function ks(s,a,i=!1){const e=At||Jt;if(e||se){const n=se?se._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&&st(a)?a.call(e&&e.proxy):a}}const Wn={},Yn=()=>Object.create(Wn),Jn=s=>Object.getPrototypeOf(s)===Wn;function Bl(s,a,i,e=!1){const n={},l=Yn();s.propsDefaults=Object.create(null),Un(s,a,n,l);for(const u in s.propsOptions[0])u in n||(n[u]=void 0);i?s.props=e?n:kn(n):s.type.props?s.props=n:s.props=l,s.attrs=l}function Vl(s,a,i,e){const{props:n,attrs:l,vnode:{patchFlag:u}}=s,p=ct(n),[o]=s.propsOptions;let d=!1;if((e||u>0)&&!(u&16)){if(u&8){const f=s.vnode.dynamicProps;for(let g=0;g<f.length;g++){let v=f[g];if(ca(s.emitsOptions,v))continue;const h=a[v];if(o)if(rt(l,v))h!==l[v]&&(l[v]=h,d=!0);else{const z=ts(v);n[z]=za(o,p,z,h,s,!1)}else h!==l[v]&&(l[v]=h,d=!0)}}}else{Un(s,a,n,l)&&(d=!0);let f;for(const g in p)(!a||!rt(a,g)&&((f=Ws(g))===g||!rt(a,f)))&&(o?i&&(i[g]!==void 0||i[f]!==void 0)&&(n[g]=za(o,p,g,void 0,s,!0)):delete n[g]);if(l!==p)for(const g in l)(!a||!rt(a,g))&&(delete l[g],d=!0)}d&&Is(s.attrs,"set","")}function Un(s,a,i,e){const[n,l]=s.propsOptions;let u=!1,p;if(a)for(let o in a){if(ve(o))continue;const d=a[o];let f;n&&rt(n,f=ts(o))?!l||!l.includes(f)?i[f]=d:(p||(p={}))[f]=d:ca(s.emitsOptions,o)||(!(o in e)||d!==e[o])&&(e[o]=d,u=!0)}if(l){const o=ct(i),d=p||ht;for(let f=0;f<l.length;f++){const g=l[f];i[g]=za(n,o,g,d[g],s,!rt(d,g))}}return u}function za(s,a,i,e,n,l){const u=s[i];if(u!=null){const p=rt(u,"default");if(p&&e===void 0){const o=u.default;if(u.type!==Function&&!u.skipFactory&&st(o)){const{propsDefaults:d}=n;if(i in d)e=d[i];else{const f=Pe(n);e=d[i]=o.call(null,a),f()}}else e=o;n.ce&&n.ce._setProp(i,e)}u[0]&&(l&&!p?e=!1:u[1]&&(e===""||e===Ws(i))&&(e=!0))}return e}const Wl=new WeakMap;function Qn(s,a,i=!1){const e=i?Wl:a.propsCache,n=e.get(s);if(n)return n;const l=s.props,u={},p=[];let o=!1;if(!st(s)){const f=g=>{o=!0;const[v,h]=Qn(g,a,!0);Nt(u,v),h&&p.push(...h)};!i&&a.mixins.length&&a.mixins.forEach(f),s.extends&&f(s.extends),s.mixins&&s.mixins.forEach(f)}if(!l&&!o)return _t(s)&&e.set(s,Ks),Ks;if(Q(l))for(let f=0;f<l.length;f++){const g=ts(l[f]);hi(g)&&(u[g]=ht)}else if(l)for(const f in l){const g=ts(f);if(hi(g)){const v=l[f],h=u[g]=Q(v)||st(v)?{type:v}:Nt({},v),z=h.type;let R=!1,B=!0;if(Q(z))for(let W=0;W<z.length;++W){const Z=z[W],V=st(Z)&&Z.name;if(V==="Boolean"){R=!0;break}else V==="String"&&(B=!1)}else R=st(z)&&z.name==="Boolean";h[0]=R,h[1]=B,(R||rt(h,"default"))&&p.push(g)}}const d=[u,p];return _t(s)&&e.set(s,d),d}function hi(s){return s[0]!=="$"&&!ve(s)}const Fn=s=>s[0]==="_"||s==="$stable",si=s=>Q(s)?s.map(fs):[fs(s)],Yl=(s,a,i)=>{if(a._n)return a;const e=Sn((...n)=>si(a(...n)),i);return e._c=!1,e},Kn=(s,a,i)=>{const e=s._ctx;for(const n in s){if(Fn(n))continue;const l=s[n];if(st(l))a[n]=Yl(n,l,e);else if(l!=null){const u=si(l);a[n]=()=>u}}},Xn=(s,a)=>{const i=si(a);s.slots.default=()=>i},qn=(s,a,i)=>{for(const e in a)(i||e!=="_")&&(s[e]=a[e])},Jl=(s,a,i)=>{const e=s.slots=Yn();if(s.vnode.shapeFlag&32){const n=a._;n?(qn(e,a,i),i&&dn(e,"_",n,!0)):Kn(a,e)}else a&&Xn(s,a)},Ul=(s,a,i)=>{const{vnode:e,slots:n}=s;let l=!0,u=ht;if(e.shapeFlag&32){const p=a._;p?i&&p===1?l=!1:qn(n,a,i):(l=!a.$stable,Kn(a,n)),u=a}else a&&(Xn(s,a),u={default:1});if(l)for(const p in n)!Fn(p)&&u[p]==null&&delete n[p]},Wt=dd;function Ql(s){return Fl(s)}function Fl(s,a){const i=ia();i.__VUE__=!0;const{insert:e,remove:n,patchProp:l,createElement:u,createText:p,createComment:o,setText:d,setElementText:f,parentNode:g,nextSibling:v,setScopeId:h=ms,insertStaticContent:z}=s,R=(m,b,_,I=null,C=null,k=null,P=void 0,E=null,N=!!b.dynamicChildren)=>{if(m===b)return;m&&!ce(m,b)&&(I=M(m),kt(m,C,k,!0),m=null),b.patchFlag===-2&&(N=!1,b.dynamicChildren=null);const{type:j,ref:K,shapeFlag:T}=b;switch(j){case ra:B(m,b,_,I);break;case Vs:W(m,b,_,I);break;case He:m==null&&Z(b,_,I,P);break;case X:ys(m,b,_,I,C,k,P,E,N);break;default:T&1?ot(m,b,_,I,C,k,P,E,N):T&6?Kt(m,b,_,I,C,k,P,E,N):(T&64||T&128)&&j.process(m,b,_,I,C,k,P,E,N,H)}K!=null&&C&&Qe(K,m&&m.ref,k,b||m,!b)},B=(m,b,_,I)=>{if(m==null)e(b.el=p(b.children),_,I);else{const C=b.el=m.el;b.children!==m.children&&d(C,b.children)}},W=(m,b,_,I)=>{m==null?e(b.el=o(b.children||""),_,I):b.el=m.el},Z=(m,b,_,I)=>{[m.el,m.anchor]=z(m.children,b,_,I,m.el,m.anchor)},V=({el:m,anchor:b},_,I)=>{let C;for(;m&&m!==b;)C=v(m),e(m,_,I),m=C;e(b,_,I)},L=({el:m,anchor:b})=>{let _;for(;m&&m!==b;)_=v(m),n(m),m=_;n(b)},ot=(m,b,_,I,C,k,P,E,N)=>{b.type==="svg"?P="svg":b.type==="math"&&(P="mathml"),m==null?Mt(b,_,I,C,k,P,E,N):os(m,b,C,k,P,E,N)},Mt=(m,b,_,I,C,k,P,E)=>{let N,j;const{props:K,shapeFlag:T,transition:Y,dirs:tt}=m;if(N=m.el=u(m.type,k,K&&K.is,K),T&8?f(N,m.children):T&16&&Qt(m.children,N,null,I,C,ya(m,k),P,E),tt&&Zs(m,null,I,"created"),wt(N,m,m.scopeId,P,I),K){for(const yt in K)yt!=="value"&&!ve(yt)&&l(N,yt,null,K[yt],k,I);"value"in K&&l(N,"value",null,K.value,k),(j=K.onVnodeBeforeMount)&&us(j,I,m)}tt&&Zs(m,null,I,"beforeMount");const lt=Kl(C,Y);lt&&Y.beforeEnter(N),e(N,b,_),((j=K&&K.onVnodeMounted)||lt||tt)&&Wt(()=>{j&&us(j,I,m),lt&&Y.enter(N),tt&&Zs(m,null,I,"mounted")},C)},wt=(m,b,_,I,C)=>{if(_&&h(m,_),I)for(let k=0;k<I.length;k++)h(m,I[k]);if(C){let k=C.subTree;if(b===k||no(k.type)&&(k.ssContent===b||k.ssFallback===b)){const P=C.vnode;wt(m,P,P.scopeId,P.slotScopeIds,C.parent)}}},Qt=(m,b,_,I,C,k,P,E,N=0)=>{for(let j=N;j<m.length;j++){const K=m[j]=E?Es(m[j]):fs(m[j]);R(null,K,b,_,I,C,k,P,E)}},os=(m,b,_,I,C,k,P)=>{const E=b.el=m.el;let{patchFlag:N,dynamicChildren:j,dirs:K}=b;N|=m.patchFlag&16;const T=m.props||ht,Y=b.props||ht;let tt;if(_&&Ls(_,!1),(tt=Y.onVnodeBeforeUpdate)&&us(tt,_,b,m),K&&Zs(b,m,_,"beforeUpdate"),_&&Ls(_,!0),(T.innerHTML&&Y.innerHTML==null||T.textContent&&Y.textContent==null)&&f(E,""),j?Ft(m.dynamicChildren,j,E,_,I,ya(b,C),k):P||D(m,b,E,null,_,I,ya(b,C),k,!1),N>0){if(N&16)ls(E,T,Y,_,C);else if(N&2&&T.class!==Y.class&&l(E,"class",null,Y.class,C),N&4&&l(E,"style",T.style,Y.style,C),N&8){const lt=b.dynamicProps;for(let yt=0;yt<lt.length;yt++){const ft=lt[yt],Bt=T[ft],Gt=Y[ft];(Gt!==Bt||ft==="value")&&l(E,ft,Bt,Gt,C,_)}}N&1&&m.children!==b.children&&f(E,b.children)}else!P&&j==null&&ls(E,T,Y,_,C);((tt=Y.onVnodeUpdated)||K)&&Wt(()=>{tt&&us(tt,_,b,m),K&&Zs(b,m,_,"updated")},I)},Ft=(m,b,_,I,C,k,P)=>{for(let E=0;E<b.length;E++){const N=m[E],j=b[E],K=N.el&&(N.type===X||!ce(N,j)||N.shapeFlag&70)?g(N.el):_;R(N,j,K,null,I,C,k,P,!0)}},ls=(m,b,_,I,C)=>{if(b!==_){if(b!==ht)for(const k in b)!ve(k)&&!(k in _)&&l(m,k,b[k],null,C,I);for(const k in _){if(ve(k))continue;const P=_[k],E=b[k];P!==E&&k!=="value"&&l(m,k,E,P,C,I)}"value"in _&&l(m,"value",b.value,_.value,C)}},ys=(m,b,_,I,C,k,P,E,N)=>{const j=b.el=m?m.el:p(""),K=b.anchor=m?m.anchor:p("");let{patchFlag:T,dynamicChildren:Y,slotScopeIds:tt}=b;tt&&(E=E?E.concat(tt):tt),m==null?(e(j,_,I),e(K,_,I),Qt(b.children||[],_,K,C,k,P,E,N)):T>0&&T&64&&Y&&m.dynamicChildren?(Ft(m.dynamicChildren,Y,_,C,k,P,E),(b.key!=null||C&&b===C.subTree)&&to(m,b,!0)):D(m,b,_,K,C,k,P,E,N)},Kt=(m,b,_,I,C,k,P,E,N)=>{b.slotScopeIds=E,m==null?b.shapeFlag&512?C.ctx.activate(b,_,I,P,N):Gs(b,_,I,C,k,P,N):As(m,b,N)},Gs=(m,b,_,I,C,k,P)=>{const E=m.component=md(m,I,C);if(Gn(m)&&(E.ctx.renderer=H),bd(E,!1,P),E.asyncDep){if(C&&C.registerDep(E,$t,P),!m.el){const N=E.subTree=c(Vs);W(null,N,b,_)}}else $t(E,m,b,_,C,k,P)},As=(m,b,_)=>{const I=b.component=m.component;if(od(m,b,_))if(I.asyncDep&&!I.asyncResolved){J(I,b,_);return}else I.next=b,I.update();else b.el=m.el,I.vnode=b},$t=(m,b,_,I,C,k,P)=>{const E=()=>{if(m.isMounted){let{next:T,bu:Y,u:tt,parent:lt,vnode:yt}=m;{const cs=so(m);if(cs){T&&(T.el=yt.el,J(m,T,P)),cs.asyncDep.then(()=>{m.isUnmounted||E()});return}}let ft=T,Bt;Ls(m,!1),T?(T.el=yt.el,J(m,T,P)):T=yt,Y&&Le(Y),(Bt=T.props&&T.props.onVnodeBeforeUpdate)&&us(Bt,lt,T,yt),Ls(m,!0);const Gt=yi(m),ds=m.subTree;m.subTree=Gt,R(ds,Gt,g(ds.el),M(ds),m,C,k),T.el=Gt.el,ft===null&&ld(m,Gt.el),tt&&Wt(tt,C),(Bt=T.props&&T.props.onVnodeUpdated)&&Wt(()=>us(Bt,lt,T,yt),C)}else{let T;const{el:Y,props:tt}=b,{bm:lt,m:yt,parent:ft,root:Bt,type:Gt}=m,ds=me(b);Ls(m,!1),lt&&Le(lt),!ds&&(T=tt&&tt.onVnodeBeforeMount)&&us(T,ft,b),Ls(m,!0);{Bt.ce&&Bt.ce._injectChildStyle(Gt);const cs=m.subTree=yi(m);R(null,cs,_,I,m,C,k),b.el=cs.el}if(yt&&Wt(yt,C),!ds&&(T=tt&&tt.onVnodeMounted)){const cs=b;Wt(()=>us(T,ft,cs),C)}(b.shapeFlag&256||ft&&me(ft.vnode)&&ft.vnode.shapeFlag&256)&&m.a&&Wt(m.a,C),m.isMounted=!0,b=_=I=null}};m.scope.on();const N=m.effect=new vn(E);m.scope.off();const j=m.update=N.run.bind(N),K=m.job=N.runIfDirty.bind(N);K.i=m,K.id=m.uid,N.scheduler=()=>Xa(K),Ls(m,!0),j()},J=(m,b,_)=>{b.component=m;const I=m.vnode.props;m.vnode=b,m.next=null,Vl(m,b.props,I,_),Ul(m,b.children,_),Rs(),ui(m),Ts()},D=(m,b,_,I,C,k,P,E,N=!1)=>{const j=m&&m.children,K=m?m.shapeFlag:0,T=b.children,{patchFlag:Y,shapeFlag:tt}=b;if(Y>0){if(Y&128){Ht(j,T,_,I,C,k,P,E,N);return}else if(Y&256){O(j,T,_,I,C,k,P,E,N);return}}tt&8?(K&16&&Xt(j,C,k),T!==j&&f(_,T)):K&16?tt&16?Ht(j,T,_,I,C,k,P,E,N):Xt(j,C,k,!0):(K&8&&f(_,""),tt&16&&Qt(T,_,I,C,k,P,E,N))},O=(m,b,_,I,C,k,P,E,N)=>{m=m||Ks,b=b||Ks;const j=m.length,K=b.length,T=Math.min(j,K);let Y;for(Y=0;Y<T;Y++){const tt=b[Y]=N?Es(b[Y]):fs(b[Y]);R(m[Y],tt,_,null,C,k,P,E,N)}j>K?Xt(m,C,k,!0,!1,T):Qt(b,_,I,C,k,P,E,N,T)},Ht=(m,b,_,I,C,k,P,E,N)=>{let j=0;const K=b.length;let T=m.length-1,Y=K-1;for(;j<=T&&j<=Y;){const tt=m[j],lt=b[j]=N?Es(b[j]):fs(b[j]);if(ce(tt,lt))R(tt,lt,_,null,C,k,P,E,N);else break;j++}for(;j<=T&&j<=Y;){const tt=m[T],lt=b[Y]=N?Es(b[Y]):fs(b[Y]);if(ce(tt,lt))R(tt,lt,_,null,C,k,P,E,N);else break;T--,Y--}if(j>T){if(j<=Y){const tt=Y+1,lt=tt<K?b[tt].el:I;for(;j<=Y;)R(null,b[j]=N?Es(b[j]):fs(b[j]),_,lt,C,k,P,E,N),j++}}else if(j>Y)for(;j<=T;)kt(m[j],C,k,!0),j++;else{const tt=j,lt=j,yt=new Map;for(j=lt;j<=Y;j++){const Vt=b[j]=N?Es(b[j]):fs(b[j]);Vt.key!=null&&yt.set(Vt.key,j)}let ft,Bt=0;const Gt=Y-lt+1;let ds=!1,cs=0;const le=new Array(Gt);for(j=0;j<Gt;j++)le[j]=0;for(j=tt;j<=T;j++){const Vt=m[j];if(Bt>=Gt){kt(Vt,C,k,!0);continue}let rs;if(Vt.key!=null)rs=yt.get(Vt.key);else for(ft=lt;ft<=Y;ft++)if(le[ft-lt]===0&&ce(Vt,b[ft])){rs=ft;break}rs===void 0?kt(Vt,C,k,!0):(le[rs-lt]=j+1,rs>=cs?cs=rs:ds=!0,R(Vt,b[rs],_,null,C,k,P,E,N),Bt++)}const ni=ds?Xl(le):Ks;for(ft=ni.length-1,j=Gt-1;j>=0;j--){const Vt=lt+j,rs=b[Vt],oi=Vt+1<K?b[Vt+1].el:I;le[j]===0?R(null,rs,_,oi,C,k,P,E,N):ds&&(ft<0||j!==ni[ft]?zt(rs,_,oi,2):ft--)}}},zt=(m,b,_,I,C=null)=>{const{el:k,type:P,transition:E,children:N,shapeFlag:j}=m;if(j&6){zt(m.component.subTree,b,_,I);return}if(j&128){m.suspense.move(b,_,I);return}if(j&64){P.move(m,b,_,H);return}if(P===X){e(k,b,_);for(let T=0;T<N.length;T++)zt(N[T],b,_,I);e(m.anchor,b,_);return}if(P===He){V(m,b,_);return}if(I!==2&&j&1&&E)if(I===0)E.beforeEnter(k),e(k,b,_),Wt(()=>E.enter(k),C);else{const{leave:T,delayLeave:Y,afterLeave:tt}=E,lt=()=>e(k,b,_),yt=()=>{T(k,()=>{lt(),tt&&tt()})};Y?Y(k,lt,yt):yt()}else e(k,b,_)},kt=(m,b,_,I=!1,C=!1)=>{const{type:k,props:P,ref:E,children:N,dynamicChildren:j,shapeFlag:K,patchFlag:T,dirs:Y,cacheIndex:tt}=m;if(T===-2&&(C=!1),E!=null&&Qe(E,null,_,m,!0),tt!=null&&(b.renderCache[tt]=void 0),K&256){b.ctx.deactivate(m);return}const lt=K&1&&Y,yt=!me(m);let ft;if(yt&&(ft=P&&P.onVnodeBeforeUnmount)&&us(ft,b,m),K&6)Se(m.component,_,I);else{if(K&128){m.suspense.unmount(_,I);return}lt&&Zs(m,null,b,"beforeUnmount"),K&64?m.type.remove(m,b,_,H,I):j&&!j.hasOnce&&(k!==X||T>0&&T&64)?Xt(j,b,_,!1,!0):(k===X&&T&384||!C&&K&16)&&Xt(N,b,_),I&&Ys(m)}(yt&&(ft=P&&P.onVnodeUnmounted)||lt)&&Wt(()=>{ft&&us(ft,b,m),lt&&Zs(m,null,b,"unmounted")},_)},Ys=m=>{const{type:b,el:_,anchor:I,transition:C}=m;if(b===X){Js(_,I);return}if(b===He){L(m);return}const k=()=>{n(_),C&&!C.persisted&&C.afterLeave&&C.afterLeave()};if(m.shapeFlag&1&&C&&!C.persisted){const{leave:P,delayLeave:E}=C,N=()=>P(_,k);E?E(m.el,k,N):N()}else k()},Js=(m,b)=>{let _;for(;m!==b;)_=v(m),n(m),m=_;n(b)},Se=(m,b,_)=>{const{bum:I,scope:C,job:k,subTree:P,um:E,m:N,a:j}=m;gi(N),gi(j),I&&Le(I),C.stop(),k&&(k.flags|=8,kt(P,m,b,_)),E&&Wt(E,b),Wt(()=>{m.isUnmounted=!0},b),b&&b.pendingBranch&&!b.isUnmounted&&m.asyncDep&&!m.asyncResolved&&m.suspenseId===b.pendingId&&(b.deps--,b.deps===0&&b.resolve())},Xt=(m,b,_,I=!1,C=!1,k=0)=>{for(let P=k;P<m.length;P++)kt(m[P],b,_,I,C)},M=m=>{if(m.shapeFlag&6)return M(m.component.subTree);if(m.shapeFlag&128)return m.suspense.next();const b=v(m.anchor||m.el),_=b&&b[yl];return _?v(_):b};let G=!1;const S=(m,b,_)=>{m==null?b._vnode&&kt(b._vnode,null,null,!0):R(b._vnode||null,m,b,null,null,null,_),b._vnode=m,G||(G=!0,ui(),En(),G=!1)},H={p:R,um:kt,m:zt,r:Ys,mt:Gs,mc:Qt,pc:D,pbc:Ft,n:M,o:s};return{render:S,hydrate:void 0,createApp:Hl(S)}}function ya({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 Ls({effect:s,job:a},i){i?(s.flags|=32,a.flags|=4):(s.flags&=-33,a.flags&=-5)}function Kl(s,a){return(!s||s&&!s.pendingBranch)&&a&&!a.persisted}function to(s,a,i=!1){const e=s.children,n=a.children;if(Q(e)&&Q(n))for(let l=0;l<e.length;l++){const u=e[l];let p=n[l];p.shapeFlag&1&&!p.dynamicChildren&&((p.patchFlag<=0||p.patchFlag===32)&&(p=n[l]=Es(n[l]),p.el=u.el),!i&&p.patchFlag!==-2&&to(u,p)),p.type===ra&&(p.el=u.el)}}function Xl(s){const a=s.slice(),i=[0];let e,n,l,u,p;const o=s.length;for(e=0;e<o;e++){const d=s[e];if(d!==0){if(n=i[i.length-1],s[n]<d){a[e]=n,i.push(e);continue}for(l=0,u=i.length-1;l<u;)p=l+u>>1,s[i[p]]<d?l=p+1:u=p;d<s[i[l]]&&(l>0&&(a[e]=i[l-1]),i[l]=e)}}for(l=i.length,u=i[l-1];l-- >0;)i[l]=u,u=a[u];return i}function so(s){const a=s.subTree.component;if(a)return a.asyncDep&&!a.asyncResolved?a:so(a)}function gi(s){if(s)for(let a=0;a<s.length;a++)s[a].flags|=8}const ql=Symbol.for("v-scx"),td=()=>ks(ql);function he(s,a,i){return eo(s,a,i)}function eo(s,a,i=ht){const{immediate:e,deep:n,flush:l,once:u}=i,p=Nt({},i),o=a&&e||!a&&l!=="post";let d;if(Me){if(l==="sync"){const h=td();d=h.__watcherHandles||(h.__watcherHandles=[])}else if(!o){const h=()=>{};return h.stop=ms,h.resume=ms,h.pause=ms,h}}const f=At;p.call=(h,z,R)=>hs(h,f,z,R);let g=!1;l==="post"?p.scheduler=h=>{Wt(h,f&&f.suspense)}:l!=="sync"&&(g=!0,p.scheduler=(h,z)=>{z?h():Xa(h)}),p.augmentJob=h=>{a&&(h.flags|=4),g&&(h.flags|=2,f&&(h.id=f.uid,h.i=f))};const v=ml(s,a,p);return Me&&(d?d.push(v):o&&v()),v}function sd(s,a,i){const e=this.proxy,n=It(s)?s.includes(".")?ao(e,s):()=>e[s]:s.bind(e,e);let l;st(a)?l=a:(l=a.handler,i=a);const u=Pe(this),p=eo(n,l.bind(e),i);return u(),p}function ao(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 ed=(s,a)=>a==="modelValue"||a==="model-value"?s.modelModifiers:s[`${a}Modifiers`]||s[`${ts(a)}Modifiers`]||s[`${Ws(a)}Modifiers`];function ad(s,a,...i){if(s.isUnmounted)return;const e=s.vnode.props||ht;let n=i;const l=a.startsWith("update:"),u=l&&ed(e,a.slice(7));u&&(u.trim&&(n=i.map(f=>It(f)?f.trim():f)),u.number&&(n=i.map(We)));let p,o=e[p=pa(a)]||e[p=pa(ts(a))];!o&&l&&(o=e[p=pa(Ws(a))]),o&&hs(o,s,6,n);const d=e[p+"Once"];if(d){if(!s.emitted)s.emitted={};else if(s.emitted[p])return;s.emitted[p]=!0,hs(d,s,6,n)}}function io(s,a,i=!1){const e=a.emitsCache,n=e.get(s);if(n!==void 0)return n;const l=s.emits;let u={},p=!1;if(!st(s)){const o=d=>{const f=io(d,a,!0);f&&(p=!0,Nt(u,f))};!i&&a.mixins.length&&a.mixins.forEach(o),s.extends&&o(s.extends),s.mixins&&s.mixins.forEach(o)}return!l&&!p?(_t(s)&&e.set(s,null),null):(Q(l)?l.forEach(o=>u[o]=null):Nt(u,l),_t(s)&&e.set(s,u),u)}function ca(s,a){return!s||!sa(a)?!1:(a=a.slice(2).replace(/Once$/,""),rt(s,a[0].toLowerCase()+a.slice(1))||rt(s,Ws(a))||rt(s,a))}function yi(s){const{type:a,vnode:i,proxy:e,withProxy:n,propsOptions:[l],slots:u,attrs:p,emit:o,render:d,renderCache:f,props:g,data:v,setupState:h,ctx:z,inheritAttrs:R}=s,B=Ue(s);let W,Z;try{if(i.shapeFlag&4){const L=n||e,ot=L;W=fs(d.call(ot,L,f,g,h,v,z)),Z=p}else{const L=a;W=fs(L.length>1?L(g,{attrs:p,slots:u,emit:o}):L(g,null)),Z=a.props?p:id(p)}}catch(L){ge.length=0,la(L,s,1),W=c(Vs)}let V=W;if(Z&&R!==!1){const L=Object.keys(Z),{shapeFlag:ot}=V;L.length&&ot&7&&(l&&L.some(La)&&(Z=nd(Z,l)),V=ee(V,Z,!1,!0))}return i.dirs&&(V=ee(V,null,!1,!0),V.dirs=V.dirs?V.dirs.concat(i.dirs):i.dirs),i.transition&&qa(V,i.transition),W=V,Ue(B),W}const id=s=>{let a;for(const i in s)(i==="class"||i==="style"||sa(i))&&((a||(a={}))[i]=s[i]);return a},nd=(s,a)=>{const i={};for(const e in s)(!La(e)||!(e.slice(9)in a))&&(i[e]=s[e]);return i};function od(s,a,i){const{props:e,children:n,component:l}=s,{props:u,children:p,patchFlag:o}=a,d=l.emitsOptions;if(a.dirs||a.transition)return!0;if(i&&o>=0){if(o&1024)return!0;if(o&16)return e?xi(e,u,d):!!u;if(o&8){const f=a.dynamicProps;for(let g=0;g<f.length;g++){const v=f[g];if(u[v]!==e[v]&&!ca(d,v))return!0}}}else return(n||p)&&(!p||!p.$stable)?!0:e===u?!1:e?u?xi(e,u,d):!0:!!u;return!1}function xi(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]&&!ca(i,l))return!0}return!1}function ld({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 no=s=>s.__isSuspense;function dd(s,a){a&&a.pendingBranch?Q(s)?a.effects.push(...s):a.effects.push(s):gl(s)}const X=Symbol.for("v-fgt"),ra=Symbol.for("v-txt"),Vs=Symbol.for("v-cmt"),He=Symbol.for("v-stc"),ge=[];let Ut=null;function y(s=!1){ge.push(Ut=s?null:[])}function cd(){ge.pop(),Ut=ge[ge.length-1]||null}let Ie=1;function _i(s,a=!1){Ie+=s,s<0&&Ut&&a&&(Ut.hasOnce=!0)}function oo(s){return s.dynamicChildren=Ie>0?Ut||Ks:null,cd(),Ie>0&&Ut&&Ut.push(s),s}function x(s,a,i,e,n,l){return oo(t(s,a,i,e,n,l,!0))}function Ke(s,a,i,e,n){return oo(c(s,a,i,e,n,!0))}function Xe(s){return s?s.__v_isVNode===!0:!1}function ce(s,a){return s.type===a.type&&s.key===a.key}const lo=({key:s})=>s??null,Be=({ref:s,ref_key:a,ref_for:i})=>(typeof s=="number"&&(s=""+s),s!=null?It(s)||jt(s)||st(s)?{i:Jt,r:s,k:a,f:!!i}:s:null);function t(s,a=null,i=null,e=0,n=null,l=s===X?0:1,u=!1,p=!1){const o={__v_isVNode:!0,__v_skip:!0,type:s,props:a,key:a&&lo(a),ref:a&&Be(a),scopeId:Pn,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:Jt};return p?(ei(o,i),l&128&&s.normalize(o)):i&&(o.shapeFlag|=It(i)?8:16),Ie>0&&!u&&Ut&&(o.patchFlag>0||l&6)&&o.patchFlag!==32&&Ut.push(o),o}const c=rd;function rd(s,a=null,i=null,e=0,n=null,l=!1){if((!s||s===zl)&&(s=Vs),Xe(s)){const p=ee(s,a,!0);return i&&ei(p,i),Ie>0&&!l&&Ut&&(p.shapeFlag&6?Ut[Ut.indexOf(s)]=p:Ut.push(p)),p.patchFlag=-2,p}if(_d(s)&&(s=s.__vccOpts),a){a=ud(a);let{class:p,style:o}=a;p&&!It(p)&&(a.class=nt(p)),_t(o)&&(Fa(o)&&!Q(o)&&(o=Nt({},o)),a.style=Ne(o))}const u=It(s)?1:no(s)?128:xl(s)?64:_t(s)?4:st(s)?2:0;return t(s,a,i,e,n,u,l,!0)}function ud(s){return s?Fa(s)||Jn(s)?Nt({},s):s:null}function ee(s,a,i=!1,e=!1){const{props:n,ref:l,patchFlag:u,children:p,transition:o}=s,d=a?vd(n||{},a):n,f={__v_isVNode:!0,__v_skip:!0,type:s.type,props:d,key:d&&lo(d),ref:a&&a.ref?i&&l?Q(l)?l.concat(Be(a)):[l,Be(a)]:Be(a):l,scopeId:s.scopeId,slotScopeIds:s.slotScopeIds,children:p,target:s.target,targetStart:s.targetStart,targetAnchor:s.targetAnchor,staticCount:s.staticCount,shapeFlag:s.shapeFlag,patchFlag:a&&s.type!==X?u===-1?16:u|16:u,dynamicProps:s.dynamicProps,dynamicChildren:s.dynamicChildren,appContext:s.appContext,dirs:s.dirs,transition:o,component:s.component,suspense:s.suspense,ssContent:s.ssContent&&ee(s.ssContent),ssFallback:s.ssFallback&&ee(s.ssFallback),el:s.el,anchor:s.anchor,ctx:s.ctx,ce:s.ce};return o&&e&&qa(f,o.clone(f)),f}function ws(s=" ",a=0){return c(ra,null,s,a)}function F(s,a){const i=c(He,null,s);return i.staticCount=a,i}function A(s="",a=!1){return a?(y(),Ke(Vs,null,s)):c(Vs,null,s)}function fs(s){return s==null||typeof s=="boolean"?c(Vs):Q(s)?c(X,null,s.slice()):Xe(s)?Es(s):c(ra,null,String(s))}function Es(s){return s.el===null&&s.patchFlag!==-1||s.memo?s:ee(s)}function ei(s,a){let i=0;const{shapeFlag:e}=s;if(a==null)a=null;else if(Q(a))i=16;else if(typeof a=="object")if(e&65){const n=a.default;n&&(n._c&&(n._d=!1),ei(s,n()),n._c&&(n._d=!0));return}else{i=32;const n=a._;!n&&!Jn(a)?a._ctx=Jt:n===3&&Jt&&(Jt.slots._===1?a._=1:(a._=2,s.patchFlag|=1024))}else st(a)?(a={default:a,_ctx:Jt},i=32):(a=String(a),e&64?(i=16,a=[ws(a)]):i=8);s.children=a,s.shapeFlag|=i}function vd(...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=nt([a.class,e.class]));else if(n==="style")a.style=Ne([a.style,e.style]);else if(sa(n)){const l=a[n],u=e[n];u&&l!==u&&!(Q(l)&&l.includes(u))&&(a[n]=l?[].concat(l,u):u)}else n!==""&&(a[n]=e[n])}return a}function us(s,a,i,e=null){hs(s,a,7,[i,e])}const pd=Vn();let fd=0;function md(s,a,i){const e=s.type,n=(a?a.appContext:s.appContext)||pd,l={uid:fd++,vnode:s,type:e,parent:a,appContext:n,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new Ho(!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:Qn(e,n),emitsOptions:io(e,n),emit:null,emitted:null,propsDefaults:ht,inheritAttrs:e.inheritAttrs,ctx:ht,data:ht,props:ht,attrs:ht,slots:ht,refs:ht,setupState:ht,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=ad.bind(null,l),s.ce&&s.ce(l),l}let At=null,qe,Pa;{const s=ia(),a=(i,e)=>{let n;return(n=s[i])||(n=s[i]=[]),n.push(e),l=>{n.length>1?n.forEach(u=>u(l)):n[0](l)}};qe=a("__VUE_INSTANCE_SETTERS__",i=>At=i),Pa=a("__VUE_SSR_SETTERS__",i=>Me=i)}const Pe=s=>{const a=At;return qe(s),s.scope.on(),()=>{s.scope.off(),qe(a)}},wi=()=>{At&&At.scope.off(),qe(null)};function co(s){return s.vnode.shapeFlag&4}let Me=!1;function bd(s,a=!1,i=!1){a&&Pa(a);const{props:e,children:n}=s.vnode,l=co(s);Bl(s,e,l,a),Jl(s,n,i);const u=l?hd(s,a):void 0;return a&&Pa(!1),u}function hd(s,a){const i=s.type;s.accessCache=Object.create(null),s.proxy=new Proxy(s.ctx,Sl);const{setup:e}=i;if(e){Rs();const n=s.setupContext=e.length>1?yd(s):null,l=Pe(s),u=ze(e,s,0,[s.props,n]),p=nn(u);if(Ts(),l(),(p||s.sp)&&!me(s)&&Tn(s),p){if(u.then(wi,wi),a)return u.then(o=>{$i(s,o)}).catch(o=>{la(o,s,0)});s.asyncDep=u}else $i(s,u)}else ro(s)}function $i(s,a,i){st(a)?s.type.__ssrInlineRender?s.ssrRender=a:s.render=a:_t(a)&&(s.setupState=An(a)),ro(s)}function ro(s,a,i){const e=s.type;s.render||(s.render=e.render||ms);{const n=Pe(s);Rs();try{Rl(s)}finally{Ts(),n()}}}const gd={get(s,a){return Ct(s,"get",""),s[a]}};function yd(s){const a=i=>{s.exposed=i||{}};return{attrs:new Proxy(s.attrs,gd),slots:s.slots,emit:s.emit,expose:a}}function ua(s){return s.exposed?s.exposeProxy||(s.exposeProxy=new Proxy(An(dl(s.exposed)),{get(a,i){if(i in a)return a[i];if(i in be)return be[i](s)},has(a,i){return i in a||i in be}})):s.proxy}function xd(s,a=!0){return st(s)?s.displayName||s.name:s.name||a&&s.__name}function _d(s){return st(s)&&"__vccOpts"in s}const Zt=(s,a)=>pl(s,a,Me);function ke(s,a,i){const e=arguments.length;return e===2?_t(a)&&!Q(a)?Xe(a)?c(s,null,[a]):c(s,a):c(s,null,a):(e>3?i=Array.prototype.slice.call(arguments,2):e===3&&Xe(i)&&(i=[i]),c(s,a,i))}const wd="3.5.13";/**
* @vue/runtime-dom v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/let Sa;const Ii=typeof window<"u"&&window.trustedTypes;if(Ii)try{Sa=Ii.createPolicy("vue",{createHTML:s=>s})}catch{}const uo=Sa?s=>Sa.createHTML(s):s=>s,$d="http://www.w3.org/2000/svg",Id="http://www.w3.org/1998/Math/MathML",$s=typeof document<"u"?document:null,Mi=$s&&$s.createElement("template"),Md={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"?$s.createElementNS($d,s):a==="mathml"?$s.createElementNS(Id,s):i?$s.createElement(s,{is:i}):$s.createElement(s);return s==="select"&&e&&e.multiple!=null&&n.setAttribute("multiple",e.multiple),n},createText:s=>$s.createTextNode(s),createComment:s=>$s.createComment(s),setText:(s,a)=>{s.nodeValue=a},setElementText:(s,a)=>{s.textContent=a},parentNode:s=>s.parentNode,nextSibling:s=>s.nextSibling,querySelector:s=>$s.querySelector(s),setScopeId(s,a){s.setAttribute(a,"")},insertStaticContent(s,a,i,e,n,l){const u=i?i.previousSibling:a.lastChild;if(n&&(n===l||n.nextSibling))for(;a.insertBefore(n.cloneNode(!0),i),!(n===l||!(n=n.nextSibling)););else{Mi.innerHTML=uo(e==="svg"?`<svg>${s}</svg>`:e==="mathml"?`<math>${s}</math>`:s);const p=Mi.content;if(e==="svg"||e==="mathml"){const o=p.firstChild;for(;o.firstChild;)p.appendChild(o.firstChild);p.removeChild(o)}a.insertBefore(p,i)}return[u?u.nextSibling:a.firstChild,i?i.previousSibling:a.lastChild]}},kd=Symbol("_vtc");function Cd(s,a,i){const e=s[kd];e&&(a=(a?[a,...e]:[...e]).join(" ")),a==null?s.removeAttribute("class"):i?s.setAttribute("class",a):s.className=a}const ki=Symbol("_vod"),Dd=Symbol("_vsh"),Ad=Symbol(""),jd=/(^|;)\s*display\s*:/;function Nd(s,a,i){const e=s.style,n=It(i);let l=!1;if(i&&!n){if(a)if(It(a))for(const u of a.split(";")){const p=u.slice(0,u.indexOf(":")).trim();i[p]==null&&Ve(e,p,"")}else for(const u in a)i[u]==null&&Ve(e,u,"");for(const u in i)u==="display"&&(l=!0),Ve(e,u,i[u])}else if(n){if(a!==i){const u=e[Ad];u&&(i+=";"+u),e.cssText=i,l=jd.test(i)}}else a&&s.removeAttribute("style");ki in s&&(s[ki]=l?e.display:"",s[Dd]&&(e.display="none"))}const Ci=/\s*!important$/;function Ve(s,a,i){if(Q(i))i.forEach(e=>Ve(s,a,e));else if(i==null&&(i=""),a.startsWith("--"))s.setProperty(a,i);else{const e=Ed(s,a);Ci.test(i)?s.setProperty(Ws(e),i.replace(Ci,""),"important"):s[e]=i}}const Di=["Webkit","Moz","ms"],xa={};function Ed(s,a){const i=xa[a];if(i)return i;let e=ts(a);if(e!=="filter"&&e in s)return xa[a]=e;e=aa(e);for(let n=0;n<Di.length;n++){const l=Di[n]+e;if(l in s)return xa[a]=l}return a}const Ai="http://www.w3.org/1999/xlink";function ji(s,a,i,e,n,l=Lo(a)){e&&a.startsWith("xlink:")?i==null?s.removeAttributeNS(Ai,a.slice(6,a.length)):s.setAttributeNS(Ai,a,i):i==null||l&&!cn(i)?s.removeAttribute(a):s.setAttribute(a,l?"":bs(i)?String(i):i)}function Ni(s,a,i,e,n){if(a==="innerHTML"||a==="textContent"){i!=null&&(s[a]=a==="innerHTML"?uo(i):i);return}const l=s.tagName;if(a==="value"&&l!=="PROGRESS"&&!l.includes("-")){const p=l==="OPTION"?s.getAttribute("value")||"":s.value,o=i==null?s.type==="checkbox"?"on":"":String(i);(p!==o||!("_value"in s))&&(s.value=o),i==null&&s.removeAttribute(a),s._value=i;return}let u=!1;if(i===""||i==null){const p=typeof s[a];p==="boolean"?i=cn(i):i==null&&p==="string"?(i="",u=!0):p==="number"&&(i=0,u=!0)}try{s[a]=i}catch{}u&&s.removeAttribute(n||a)}function Ps(s,a,i,e){s.addEventListener(a,i,e)}function zd(s,a,i,e){s.removeEventListener(a,i,e)}const Ei=Symbol("_vei");function Pd(s,a,i,e,n=null){const l=s[Ei]||(s[Ei]={}),u=l[a];if(e&&u)u.value=e;else{const[p,o]=Sd(a);if(e){const d=l[a]=Gd(e,n);Ps(s,p,d,o)}else u&&(zd(s,p,u,o),l[a]=void 0)}}const zi=/(?:Once|Passive|Capture)$/;function Sd(s){let a;if(zi.test(s)){a={};let e;for(;e=s.match(zi);)s=s.slice(0,s.length-e[0].length),a[e[0].toLowerCase()]=!0}return[s[2]===":"?s.slice(3):Ws(s.slice(2)),a]}let _a=0;const Rd=Promise.resolve(),Td=()=>_a||(Rd.then(()=>_a=0),_a=Date.now());function Gd(s,a){const i=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=i.attached)return;hs(Zd(e,i.value),a,5,[e])};return i.value=s,i.attached=Td(),i}function Zd(s,a){if(Q(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 Pi=s=>s.charCodeAt(0)===111&&s.charCodeAt(1)===110&&s.charCodeAt(2)>96&&s.charCodeAt(2)<123,Ld=(s,a,i,e,n,l)=>{const u=n==="svg";a==="class"?Cd(s,e,u):a==="style"?Nd(s,i,e):sa(a)?La(a)||Pd(s,a,i,e,l):(a[0]==="."?(a=a.slice(1),!0):a[0]==="^"?(a=a.slice(1),!1):Od(s,a,e,u))?(Ni(s,a,e),!s.tagName.includes("-")&&(a==="value"||a==="checked"||a==="selected")&&ji(s,a,e,u,l,a!=="value")):s._isVueCE&&(/[A-Z]/.test(a)||!It(e))?Ni(s,ts(a),e,l,a):(a==="true-value"?s._trueValue=e:a==="false-value"&&(s._falseValue=e),ji(s,a,e,u))};function Od(s,a,i,e){if(e)return!!(a==="innerHTML"||a==="textContent"||a in s&&Pi(a)&&st(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 Pi(a)&&It(i)?!1:a in s}const ae=s=>{const a=s.props["onUpdate:modelValue"]||!1;return Q(a)?i=>Le(a,i):a};function Hd(s){s.target.composing=!0}function Si(s){const a=s.target;a.composing&&(a.composing=!1,a.dispatchEvent(new Event("input")))}const Cs=Symbol("_assign"),vs={created(s,{modifiers:{lazy:a,trim:i,number:e}},n){s[Cs]=ae(n);const l=e||n.props&&n.props.type==="number";Ps(s,a?"change":"input",u=>{if(u.target.composing)return;let p=s.value;i&&(p=p.trim()),l&&(p=We(p)),s[Cs](p)}),i&&Ps(s,"change",()=>{s.value=s.value.trim()}),a||(Ps(s,"compositionstart",Hd),Ps(s,"compositionend",Si),Ps(s,"change",Si))},mounted(s,{value:a}){s.value=a??""},beforeUpdate(s,{value:a,oldValue:i,modifiers:{lazy:e,trim:n,number:l}},u){if(s[Cs]=ae(u),s.composing)return;const p=(l||s.type==="number")&&!/^0\d/.test(s.value)?We(s.value):s.value,o=a??"";p!==o&&(document.activeElement===s&&s.type!=="range"&&(e&&a===i||n&&s.value.trim()===o)||(s.value=o))}},ta={deep:!0,created(s,a,i){s[Cs]=ae(i),Ps(s,"change",()=>{const e=s._modelValue,n=Ce(s),l=s.checked,u=s[Cs];if(Q(e)){const p=Ba(e,n),o=p!==-1;if(l&&!o)u(e.concat(n));else if(!l&&o){const d=[...e];d.splice(p,1),u(d)}}else if(oe(e)){const p=new Set(e);l?p.add(n):p.delete(n),u(p)}else u(vo(s,l))})},mounted:Ri,beforeUpdate(s,a,i){s[Cs]=ae(i),Ri(s,a,i)}};function Ri(s,{value:a,oldValue:i},e){s._modelValue=a;let n;if(Q(a))n=Ba(a,e.props.value)>-1;else if(oe(a))n=a.has(e.props.value);else{if(a===i)return;n=Ee(a,vo(s,!0))}s.checked!==n&&(s.checked=n)}const Bd={deep:!0,created(s,{value:a,modifiers:{number:i}},e){const n=oe(a);Ps(s,"change",()=>{const l=Array.prototype.filter.call(s.options,u=>u.selected).map(u=>i?We(Ce(u)):Ce(u));s[Cs](s.multiple?n?new Set(l):l:l[0]),s._assigning=!0,Ka(()=>{s._assigning=!1})}),s[Cs]=ae(e)},mounted(s,{value:a}){Ti(s,a)},beforeUpdate(s,a,i){s[Cs]=ae(i)},updated(s,{value:a}){s._assigning||Ti(s,a)}};function Ti(s,a){const i=s.multiple,e=Q(a);if(!(i&&!e&&!oe(a))){for(let n=0,l=s.options.length;n<l;n++){const u=s.options[n],p=Ce(u);if(i)if(e){const o=typeof p;o==="string"||o==="number"?u.selected=a.some(d=>String(d)===String(p)):u.selected=Ba(a,p)>-1}else u.selected=a.has(p);else if(Ee(Ce(u),a)){s.selectedIndex!==n&&(s.selectedIndex=n);return}}!i&&s.selectedIndex!==-1&&(s.selectedIndex=-1)}}function Ce(s){return"_value"in s?s._value:s.value}function vo(s,a){const i=a?"_trueValue":"_falseValue";return i in s?s[i]:a}const Vd=["ctrl","shift","alt","meta"],Wd={stop:s=>s.stopPropagation(),prevent:s=>s.preventDefault(),self:s=>s.target!==s.currentTarget,ctrl:s=>!s.ctrlKey,shift:s=>!s.shiftKey,alt:s=>!s.altKey,meta:s=>!s.metaKey,left:s=>"button"in s&&s.button!==0,middle:s=>"button"in s&&s.button!==1,right:s=>"button"in s&&s.button!==2,exact:(s,a)=>Vd.some(i=>s[`${i}Key`]&&!a.includes(i))},Yd=(s,a)=>{const i=s._withMods||(s._withMods={}),e=a.join(".");return i[e]||(i[e]=(n,...l)=>{for(let u=0;u<a.length;u++){const p=Wd[a[u]];if(p&&p(n,a))return}return s(n,...l)})},Jd=Nt({patchProp:Ld},Md);let Gi;function Ud(){return Gi||(Gi=Ql(Jd))}const Qd=(...s)=>{const a=Ud().createApp(...s),{mount:i}=a;return a.mount=e=>{const n=Kd(e);if(!n)return;const l=a._component;!st(l)&&!l.render&&!l.template&&(l.template=n.innerHTML),n.nodeType===1&&(n.textContent="");const u=i(n,!1,Fd(n));return n instanceof Element&&(n.removeAttribute("v-cloak"),n.setAttribute("data-v-app","")),u},a};function Fd(s){if(s instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&s instanceof MathMLElement)return"mathml"}function Kd(s){return It(s)?document.querySelector(s):s}const gt=(s,a)=>{const i=s.__vccOpts||s;for(const[e,n]of a)i[e]=n;return i},Xd={};function qd(s,a){const i=On("router-view");return y(),Ke(i)}const tc=gt(Xd,[["render",qd]]);/*!
  * vue-router v4.5.0
  * (c) 2024 Eduardo San Martin Morote
  * @license MIT
  */const Fs=typeof document<"u";function po(s){return typeof s=="object"||"displayName"in s||"props"in s||"__vccOpts"in s}function sc(s){return s.__esModule||s[Symbol.toStringTag]==="Module"||s.default&&po(s.default)}const dt=Object.assign;function wa(s,a){const i={};for(const e in a){const n=a[e];i[e]=es(n)?n.map(s):s(n)}return i}const ye=()=>{},es=Array.isArray,fo=/#/g,ec=/&/g,ac=/\//g,ic=/=/g,nc=/\?/g,mo=/\+/g,oc=/%5B/g,lc=/%5D/g,bo=/%5E/g,dc=/%60/g,ho=/%7B/g,cc=/%7C/g,go=/%7D/g,rc=/%20/g;function ai(s){return encodeURI(""+s).replace(cc,"|").replace(oc,"[").replace(lc,"]")}function uc(s){return ai(s).replace(ho,"{").replace(go,"}").replace(bo,"^")}function Ra(s){return ai(s).replace(mo,"%2B").replace(rc,"+").replace(fo,"%23").replace(ec,"%26").replace(dc,"`").replace(ho,"{").replace(go,"}").replace(bo,"^")}function vc(s){return Ra(s).replace(ic,"%3D")}function pc(s){return ai(s).replace(fo,"%23").replace(nc,"%3F")}function fc(s){return s==null?"":pc(s).replace(ac,"%2F")}function De(s){try{return decodeURIComponent(""+s)}catch{}return""+s}const mc=/\/$/,bc=s=>s.replace(mc,"");function $a(s,a,i="/"){let e,n={},l="",u="";const p=a.indexOf("#");let o=a.indexOf("?");return p<o&&p>=0&&(o=-1),o>-1&&(e=a.slice(0,o),l=a.slice(o+1,p>-1?p:a.length),n=s(l)),p>-1&&(e=e||a.slice(0,p),u=a.slice(p,a.length)),e=xc(e??a,i),{fullPath:e+(l&&"?")+l+u,path:e,query:n,hash:De(u)}}function hc(s,a){const i=a.query?s(a.query):"";return a.path+(i&&"?")+i+(a.hash||"")}function Zi(s,a){return!a||!s.toLowerCase().startsWith(a.toLowerCase())?s:s.slice(a.length)||"/"}function gc(s,a,i){const e=a.matched.length-1,n=i.matched.length-1;return e>-1&&e===n&&ie(a.matched[e],i.matched[n])&&yo(a.params,i.params)&&s(a.query)===s(i.query)&&a.hash===i.hash}function ie(s,a){return(s.aliasOf||s)===(a.aliasOf||a)}function yo(s,a){if(Object.keys(s).length!==Object.keys(a).length)return!1;for(const i in s)if(!yc(s[i],a[i]))return!1;return!0}function yc(s,a){return es(s)?Li(s,a):es(a)?Li(a,s):s===a}function Li(s,a){return es(a)?s.length===a.length&&s.every((i,e)=>i===a[e]):s.length===1&&s[0]===a}function xc(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,u,p;for(u=0;u<e.length;u++)if(p=e[u],p!==".")if(p==="..")l>1&&l--;else break;return i.slice(0,l).join("/")+"/"+e.slice(u).join("/")}const js={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0};var Ae;(function(s){s.pop="pop",s.push="push"})(Ae||(Ae={}));var xe;(function(s){s.back="back",s.forward="forward",s.unknown=""})(xe||(xe={}));function _c(s){if(!s)if(Fs){const a=document.querySelector("base");s=a&&a.getAttribute("href")||"/",s=s.replace(/^\w+:\/\/[^\/]+/,"")}else s="/";return s[0]!=="/"&&s[0]!=="#"&&(s="/"+s),bc(s)}const wc=/^[^#]+#/;function $c(s,a){return s.replace(wc,"#")+a}function Ic(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 va=()=>({left:window.scrollX,top:window.scrollY});function Mc(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=Ic(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 Oi(s,a){return(history.state?history.state.position-a:-1)+s}const Ta=new Map;function kc(s,a){Ta.set(s,a)}function Cc(s){const a=Ta.get(s);return Ta.delete(s),a}let Dc=()=>location.protocol+"//"+location.host;function xo(s,a){const{pathname:i,search:e,hash:n}=a,l=s.indexOf("#");if(l>-1){let p=n.includes(s.slice(l))?s.slice(l).length:1,o=n.slice(p);return o[0]!=="/"&&(o="/"+o),Zi(o,"")}return Zi(i,s)+e+n}function Ac(s,a,i,e){let n=[],l=[],u=null;const p=({state:v})=>{const h=xo(s,location),z=i.value,R=a.value;let B=0;if(v){if(i.value=h,a.value=v,u&&u===z){u=null;return}B=R?v.position-R.position:0}else e(h);n.forEach(W=>{W(i.value,z,{delta:B,type:Ae.pop,direction:B?B>0?xe.forward:xe.back:xe.unknown})})};function o(){u=i.value}function d(v){n.push(v);const h=()=>{const z=n.indexOf(v);z>-1&&n.splice(z,1)};return l.push(h),h}function f(){const{history:v}=window;v.state&&v.replaceState(dt({},v.state,{scroll:va()}),"")}function g(){for(const v of l)v();l=[],window.removeEventListener("popstate",p),window.removeEventListener("beforeunload",f)}return window.addEventListener("popstate",p),window.addEventListener("beforeunload",f,{passive:!0}),{pauseListeners:o,listen:d,destroy:g}}function Hi(s,a,i,e=!1,n=!1){return{back:s,current:a,forward:i,replaced:e,position:window.history.length,scroll:n?va():null}}function jc(s){const{history:a,location:i}=window,e={value:xo(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,d,f){const g=s.indexOf("#"),v=g>-1?(i.host&&document.querySelector("base")?s:s.slice(g))+o:Dc()+s+o;try{a[f?"replaceState":"pushState"](d,"",v),n.value=d}catch(h){console.error(h),i[f?"replace":"assign"](v)}}function u(o,d){const f=dt({},a.state,Hi(n.value.back,o,n.value.forward,!0),d,{position:n.value.position});l(o,f,!0),e.value=o}function p(o,d){const f=dt({},n.value,a.state,{forward:o,scroll:va()});l(f.current,f,!0);const g=dt({},Hi(e.value,o,null),{position:f.position+1},d);l(o,g,!1),e.value=o}return{location:e,state:n,push:p,replace:u}}function Nc(s){s=_c(s);const a=jc(s),i=Ac(s,a.state,a.location,a.replace);function e(l,u=!0){u||i.pauseListeners(),history.go(l)}const n=dt({location:"",base:s,go:e,createHref:$c.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 Ec(s){return s=location.host?s||location.pathname+location.search:"",s.includes("#")||(s+="#"),Nc(s)}function zc(s){return typeof s=="string"||s&&typeof s=="object"}function _o(s){return typeof s=="string"||typeof s=="symbol"}const wo=Symbol("");var Bi;(function(s){s[s.aborted=4]="aborted",s[s.cancelled=8]="cancelled",s[s.duplicated=16]="duplicated"})(Bi||(Bi={}));function ne(s,a){return dt(new Error,{type:s,[wo]:!0},a)}function _s(s,a){return s instanceof Error&&wo in s&&(a==null||!!(s.type&a))}const Vi="[^/]+?",Pc={sensitive:!1,strict:!1,start:!0,end:!0},Sc=/[.+*?^${}()[\]/\\]/g;function Rc(s,a){const i=dt({},Pc,a),e=[];let n=i.start?"^":"";const l=[];for(const d of s){const f=d.length?[]:[90];i.strict&&!d.length&&(n+="/");for(let g=0;g<d.length;g++){const v=d[g];let h=40+(i.sensitive?.25:0);if(v.type===0)g||(n+="/"),n+=v.value.replace(Sc,"\\$&"),h+=40;else if(v.type===1){const{value:z,repeatable:R,optional:B,regexp:W}=v;l.push({name:z,repeatable:R,optional:B});const Z=W||Vi;if(Z!==Vi){h+=10;try{new RegExp(`(${Z})`)}catch(L){throw new Error(`Invalid custom RegExp for param "${z}" (${Z}): `+L.message)}}let V=R?`((?:${Z})(?:/(?:${Z}))*)`:`(${Z})`;g||(V=B&&d.length<2?`(?:/${V})`:"/"+V),B&&(V+="?"),n+=V,h+=20,B&&(h+=-8),R&&(h+=-20),Z===".*"&&(h+=-50)}f.push(h)}e.push(f)}if(i.strict&&i.end){const d=e.length-1;e[d][e[d].length-1]+=.7000000000000001}i.strict||(n+="/?"),i.end?n+="$":i.strict&&!n.endsWith("/")&&(n+="(?:/|$)");const u=new RegExp(n,i.sensitive?"":"i");function p(d){const f=d.match(u),g={};if(!f)return null;for(let v=1;v<f.length;v++){const h=f[v]||"",z=l[v-1];g[z.name]=h&&z.repeatable?h.split("/"):h}return g}function o(d){let f="",g=!1;for(const v of s){(!g||!f.endsWith("/"))&&(f+="/"),g=!1;for(const h of v)if(h.type===0)f+=h.value;else if(h.type===1){const{value:z,repeatable:R,optional:B}=h,W=z in d?d[z]:"";if(es(W)&&!R)throw new Error(`Provided param "${z}" is an array but it is not repeatable (* or + modifiers)`);const Z=es(W)?W.join("/"):W;if(!Z)if(B)v.length<2&&(f.endsWith("/")?f=f.slice(0,-1):g=!0);else throw new Error(`Missing required param "${z}"`);f+=Z}}return f||"/"}return{re:u,score:e,keys:l,parse:p,stringify:o}}function Tc(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 $o(s,a){let i=0;const e=s.score,n=a.score;for(;i<e.length&&i<n.length;){const l=Tc(e[i],n[i]);if(l)return l;i++}if(Math.abs(n.length-e.length)===1){if(Wi(e))return 1;if(Wi(n))return-1}return n.length-e.length}function Wi(s){const a=s[s.length-1];return s.length>0&&a[a.length-1]<0}const Gc={type:0,value:""},Zc=/[a-zA-Z0-9_]/;function Lc(s){if(!s)return[[]];if(s==="/")return[[Gc]];if(!s.startsWith("/"))throw new Error(`Invalid path "${s}"`);function a(h){throw new Error(`ERR (${i})/"${d}": ${h}`)}let i=0,e=i;const n=[];let l;function u(){l&&n.push(l),l=[]}let p=0,o,d="",f="";function g(){d&&(i===0?l.push({type:0,value:d}):i===1||i===2||i===3?(l.length>1&&(o==="*"||o==="+")&&a(`A repeatable param (${d}) must be alone in its segment. eg: '/:ids+.`),l.push({type:1,value:d,regexp:f,repeatable:o==="*"||o==="+",optional:o==="*"||o==="?"})):a("Invalid state to consume buffer"),d="")}function v(){d+=o}for(;p<s.length;){if(o=s[p++],o==="\\"&&i!==2){e=i,i=4;continue}switch(i){case 0:o==="/"?(d&&g(),u()):o===":"?(g(),i=1):v();break;case 4:v(),i=e;break;case 1:o==="("?i=2:Zc.test(o)?v():(g(),i=0,o!=="*"&&o!=="?"&&o!=="+"&&p--);break;case 2:o===")"?f[f.length-1]=="\\"?f=f.slice(0,-1)+o:i=3:f+=o;break;case 3:g(),i=0,o!=="*"&&o!=="?"&&o!=="+"&&p--,f="";break;default:a("Unknown state");break}}return i===2&&a(`Unfinished custom RegExp for param "${d}"`),g(),u(),n}function Oc(s,a,i){const e=Rc(Lc(s.path),i),n=dt(e,{record:s,parent:a,children:[],alias:[]});return a&&!n.record.aliasOf==!a.record.aliasOf&&a.children.push(n),n}function Hc(s,a){const i=[],e=new Map;a=Qi({strict:!1,end:!0,sensitive:!1},a);function n(g){return e.get(g)}function l(g,v,h){const z=!h,R=Ji(g);R.aliasOf=h&&h.record;const B=Qi(a,g),W=[R];if("alias"in g){const L=typeof g.alias=="string"?[g.alias]:g.alias;for(const ot of L)W.push(Ji(dt({},R,{components:h?h.record.components:R.components,path:ot,aliasOf:h?h.record:R})))}let Z,V;for(const L of W){const{path:ot}=L;if(v&&ot[0]!=="/"){const Mt=v.record.path,wt=Mt[Mt.length-1]==="/"?"":"/";L.path=v.record.path+(ot&&wt+ot)}if(Z=Oc(L,v,B),h?h.alias.push(Z):(V=V||Z,V!==Z&&V.alias.push(Z),z&&g.name&&!Ui(Z)&&u(g.name)),Io(Z)&&o(Z),R.children){const Mt=R.children;for(let wt=0;wt<Mt.length;wt++)l(Mt[wt],Z,h&&h.children[wt])}h=h||Z}return V?()=>{u(V)}:ye}function u(g){if(_o(g)){const v=e.get(g);v&&(e.delete(g),i.splice(i.indexOf(v),1),v.children.forEach(u),v.alias.forEach(u))}else{const v=i.indexOf(g);v>-1&&(i.splice(v,1),g.record.name&&e.delete(g.record.name),g.children.forEach(u),g.alias.forEach(u))}}function p(){return i}function o(g){const v=Wc(g,i);i.splice(v,0,g),g.record.name&&!Ui(g)&&e.set(g.record.name,g)}function d(g,v){let h,z={},R,B;if("name"in g&&g.name){if(h=e.get(g.name),!h)throw ne(1,{location:g});B=h.record.name,z=dt(Yi(v.params,h.keys.filter(V=>!V.optional).concat(h.parent?h.parent.keys.filter(V=>V.optional):[]).map(V=>V.name)),g.params&&Yi(g.params,h.keys.map(V=>V.name))),R=h.stringify(z)}else if(g.path!=null)R=g.path,h=i.find(V=>V.re.test(R)),h&&(z=h.parse(R),B=h.record.name);else{if(h=v.name?e.get(v.name):i.find(V=>V.re.test(v.path)),!h)throw ne(1,{location:g,currentLocation:v});B=h.record.name,z=dt({},v.params,g.params),R=h.stringify(z)}const W=[];let Z=h;for(;Z;)W.unshift(Z.record),Z=Z.parent;return{name:B,path:R,params:z,matched:W,meta:Vc(W)}}s.forEach(g=>l(g));function f(){i.length=0,e.clear()}return{addRoute:l,resolve:d,removeRoute:u,clearRoutes:f,getRoutes:p,getRecordMatcher:n}}function Yi(s,a){const i={};for(const e of a)e in s&&(i[e]=s[e]);return i}function Ji(s){const a={path:s.path,redirect:s.redirect,name:s.name,meta:s.meta||{},aliasOf:s.aliasOf,beforeEnter:s.beforeEnter,props:Bc(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 Bc(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 Ui(s){for(;s;){if(s.record.aliasOf)return!0;s=s.parent}return!1}function Vc(s){return s.reduce((a,i)=>dt(a,i.meta),{})}function Qi(s,a){const i={};for(const e in s)i[e]=e in a?a[e]:s[e];return i}function Wc(s,a){let i=0,e=a.length;for(;i!==e;){const l=i+e>>1;$o(s,a[l])<0?e=l:i=l+1}const n=Yc(s);return n&&(e=a.lastIndexOf(n,e-1)),e}function Yc(s){let a=s;for(;a=a.parent;)if(Io(a)&&$o(s,a)===0)return a}function Io({record:s}){return!!(s.name||s.components&&Object.keys(s.components).length||s.redirect)}function Jc(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(mo," "),u=l.indexOf("="),p=De(u<0?l:l.slice(0,u)),o=u<0?null:De(l.slice(u+1));if(p in a){let d=a[p];es(d)||(d=a[p]=[d]),d.push(o)}else a[p]=o}return a}function Fi(s){let a="";for(let i in s){const e=s[i];if(i=vc(i),e==null){e!==void 0&&(a+=(a.length?"&":"")+i);continue}(es(e)?e.map(l=>l&&Ra(l)):[e&&Ra(e)]).forEach(l=>{l!==void 0&&(a+=(a.length?"&":"")+i,l!=null&&(a+="="+l))})}return a}function Uc(s){const a={};for(const i in s){const e=s[i];e!==void 0&&(a[i]=es(e)?e.map(n=>n==null?null:""+n):e==null?e:""+e)}return a}const Qc=Symbol(""),Ki=Symbol(""),ii=Symbol(""),Mo=Symbol(""),Ga=Symbol("");function re(){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 zs(s,a,i,e,n,l=u=>u()){const u=e&&(e.enterCallbacks[n]=e.enterCallbacks[n]||[]);return()=>new Promise((p,o)=>{const d=v=>{v===!1?o(ne(4,{from:i,to:a})):v instanceof Error?o(v):zc(v)?o(ne(2,{from:a,to:v})):(u&&e.enterCallbacks[n]===u&&typeof v=="function"&&u.push(v),p())},f=l(()=>s.call(e&&e.instances[n],a,i,d));let g=Promise.resolve(f);s.length<3&&(g=g.then(d)),g.catch(v=>o(v))})}function Ia(s,a,i,e,n=l=>l()){const l=[];for(const u of s)for(const p in u.components){let o=u.components[p];if(!(a!=="beforeRouteEnter"&&!u.instances[p]))if(po(o)){const f=(o.__vccOpts||o)[a];f&&l.push(zs(f,i,e,u,p,n))}else{let d=o();l.push(()=>d.then(f=>{if(!f)throw new Error(`Couldn't resolve component "${p}" at "${u.path}"`);const g=sc(f)?f.default:f;u.mods[p]=f,u.components[p]=g;const h=(g.__vccOpts||g)[a];return h&&zs(h,i,e,u,p,n)()}))}}return l}function Xi(s){const a=ks(ii),i=ks(Mo),e=Zt(()=>{const o=r(s.to);return a.resolve(o)}),n=Zt(()=>{const{matched:o}=e.value,{length:d}=o,f=o[d-1],g=i.matched;if(!f||!g.length)return-1;const v=g.findIndex(ie.bind(null,f));if(v>-1)return v;const h=qi(o[d-2]);return d>1&&qi(f)===h&&g[g.length-1].path!==h?g.findIndex(ie.bind(null,o[d-2])):v}),l=Zt(()=>n.value>-1&&tr(i.params,e.value.params)),u=Zt(()=>n.value>-1&&n.value===i.matched.length-1&&yo(i.params,e.value.params));function p(o={}){if(qc(o)){const d=a[r(s.replace)?"replace":"push"](r(s.to)).catch(ye);return s.viewTransition&&typeof document<"u"&&"startViewTransition"in document&&document.startViewTransition(()=>d),d}return Promise.resolve()}return{route:e,href:Zt(()=>e.value.href),isActive:l,isExactActive:u,navigate:p}}function Fc(s){return s.length===1?s[0]:s}const Kc=Rn({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:Xi,setup(s,{slots:a}){const i=oa(Xi(s)),{options:e}=ks(ii),n=Zt(()=>({[tn(s.activeClass,e.linkActiveClass,"router-link-active")]:i.isActive,[tn(s.exactActiveClass,e.linkExactActiveClass,"router-link-exact-active")]:i.isExactActive}));return()=>{const l=a.default&&Fc(a.default(i));return s.custom?l:ke("a",{"aria-current":i.isExactActive?s.ariaCurrentValue:null,href:i.href,onClick:i.navigate,class:n.value},l)}}}),Xc=Kc;function qc(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 tr(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(!es(n)||n.length!==e.length||e.some((l,u)=>l!==n[u]))return!1}return!0}function qi(s){return s?s.aliasOf?s.aliasOf.path:s.path:""}const tn=(s,a,i)=>s??a??i,sr=Rn({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(s,{attrs:a,slots:i}){const e=ks(Ga),n=Zt(()=>s.route||e.value),l=ks(Ki,0),u=Zt(()=>{let d=r(l);const{matched:f}=n.value;let g;for(;(g=f[d])&&!g.components;)d++;return d}),p=Zt(()=>n.value.matched[u.value]);Oe(Ki,Zt(()=>u.value+1)),Oe(Qc,p),Oe(Ga,n);const o=w();return he(()=>[o.value,p.value,s.name],([d,f,g],[v,h,z])=>{f&&(f.instances[g]=d,h&&h!==f&&d&&d===v&&(f.leaveGuards.size||(f.leaveGuards=h.leaveGuards),f.updateGuards.size||(f.updateGuards=h.updateGuards))),d&&f&&(!h||!ie(f,h)||!v)&&(f.enterCallbacks[g]||[]).forEach(R=>R(d))},{flush:"post"}),()=>{const d=n.value,f=s.name,g=p.value,v=g&&g.components[f];if(!v)return sn(i.default,{Component:v,route:d});const h=g.props[f],z=h?h===!0?d.params:typeof h=="function"?h(d):h:null,B=ke(v,dt({},z,a,{onVnodeUnmounted:W=>{W.component.isUnmounted&&(g.instances[f]=null)},ref:o}));return sn(i.default,{Component:B,route:d})||B}}});function sn(s,a){if(!s)return null;const i=s(a);return i.length===1?i[0]:i}const er=sr;function ar(s){const a=Hc(s.routes,s),i=s.parseQuery||Jc,e=s.stringifyQuery||Fi,n=s.history,l=re(),u=re(),p=re(),o=cl(js);let d=js;Fs&&s.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const f=wa.bind(null,M=>""+M),g=wa.bind(null,fc),v=wa.bind(null,De);function h(M,G){let S,H;return _o(M)?(S=a.getRecordMatcher(M),H=G):H=M,a.addRoute(H,S)}function z(M){const G=a.getRecordMatcher(M);G&&a.removeRoute(G)}function R(){return a.getRoutes().map(M=>M.record)}function B(M){return!!a.getRecordMatcher(M)}function W(M,G){if(G=dt({},G||o.value),typeof M=="string"){const _=$a(i,M,G.path),I=a.resolve({path:_.path},G),C=n.createHref(_.fullPath);return dt(_,I,{params:v(I.params),hash:De(_.hash),redirectedFrom:void 0,href:C})}let S;if(M.path!=null)S=dt({},M,{path:$a(i,M.path,G.path).path});else{const _=dt({},M.params);for(const I in _)_[I]==null&&delete _[I];S=dt({},M,{params:g(_)}),G.params=g(G.params)}const H=a.resolve(S,G),bt=M.hash||"";H.params=f(v(H.params));const m=hc(e,dt({},M,{hash:uc(bt),path:H.path})),b=n.createHref(m);return dt({fullPath:m,hash:bt,query:e===Fi?Uc(M.query):M.query||{}},H,{redirectedFrom:void 0,href:b})}function Z(M){return typeof M=="string"?$a(i,M,o.value.path):dt({},M)}function V(M,G){if(d!==M)return ne(8,{from:G,to:M})}function L(M){return wt(M)}function ot(M){return L(dt(Z(M),{replace:!0}))}function Mt(M){const G=M.matched[M.matched.length-1];if(G&&G.redirect){const{redirect:S}=G;let H=typeof S=="function"?S(M):S;return typeof H=="string"&&(H=H.includes("?")||H.includes("#")?H=Z(H):{path:H},H.params={}),dt({query:M.query,hash:M.hash,params:H.path!=null?{}:M.params},H)}}function wt(M,G){const S=d=W(M),H=o.value,bt=M.state,m=M.force,b=M.replace===!0,_=Mt(S);if(_)return wt(dt(Z(_),{state:typeof _=="object"?dt({},bt,_.state):bt,force:m,replace:b}),G||S);const I=S;I.redirectedFrom=G;let C;return!m&&gc(e,H,S)&&(C=ne(16,{to:I,from:H}),zt(H,H,!0,!1)),(C?Promise.resolve(C):Ft(I,H)).catch(k=>_s(k)?_s(k,2)?k:Ht(k):D(k,I,H)).then(k=>{if(k){if(_s(k,2))return wt(dt({replace:b},Z(k.to),{state:typeof k.to=="object"?dt({},bt,k.to.state):bt,force:m}),G||I)}else k=ys(I,H,!0,b,bt);return ls(I,H,k),k})}function Qt(M,G){const S=V(M,G);return S?Promise.reject(S):Promise.resolve()}function os(M){const G=Js.values().next().value;return G&&typeof G.runWithContext=="function"?G.runWithContext(M):M()}function Ft(M,G){let S;const[H,bt,m]=ir(M,G);S=Ia(H.reverse(),"beforeRouteLeave",M,G);for(const _ of H)_.leaveGuards.forEach(I=>{S.push(zs(I,M,G))});const b=Qt.bind(null,M,G);return S.push(b),Xt(S).then(()=>{S=[];for(const _ of l.list())S.push(zs(_,M,G));return S.push(b),Xt(S)}).then(()=>{S=Ia(bt,"beforeRouteUpdate",M,G);for(const _ of bt)_.updateGuards.forEach(I=>{S.push(zs(I,M,G))});return S.push(b),Xt(S)}).then(()=>{S=[];for(const _ of m)if(_.beforeEnter)if(es(_.beforeEnter))for(const I of _.beforeEnter)S.push(zs(I,M,G));else S.push(zs(_.beforeEnter,M,G));return S.push(b),Xt(S)}).then(()=>(M.matched.forEach(_=>_.enterCallbacks={}),S=Ia(m,"beforeRouteEnter",M,G,os),S.push(b),Xt(S))).then(()=>{S=[];for(const _ of u.list())S.push(zs(_,M,G));return S.push(b),Xt(S)}).catch(_=>_s(_,8)?_:Promise.reject(_))}function ls(M,G,S){p.list().forEach(H=>os(()=>H(M,G,S)))}function ys(M,G,S,H,bt){const m=V(M,G);if(m)return m;const b=G===js,_=Fs?history.state:{};S&&(H||b?n.replace(M.fullPath,dt({scroll:b&&_&&_.scroll},bt)):n.push(M.fullPath,bt)),o.value=M,zt(M,G,S,b),Ht()}let Kt;function Gs(){Kt||(Kt=n.listen((M,G,S)=>{if(!Se.listening)return;const H=W(M),bt=Mt(H);if(bt){wt(dt(bt,{replace:!0,force:!0}),H).catch(ye);return}d=H;const m=o.value;Fs&&kc(Oi(m.fullPath,S.delta),va()),Ft(H,m).catch(b=>_s(b,12)?b:_s(b,2)?(wt(dt(Z(b.to),{force:!0}),H).then(_=>{_s(_,20)&&!S.delta&&S.type===Ae.pop&&n.go(-1,!1)}).catch(ye),Promise.reject()):(S.delta&&n.go(-S.delta,!1),D(b,H,m))).then(b=>{b=b||ys(H,m,!1),b&&(S.delta&&!_s(b,8)?n.go(-S.delta,!1):S.type===Ae.pop&&_s(b,20)&&n.go(-1,!1)),ls(H,m,b)}).catch(ye)}))}let As=re(),$t=re(),J;function D(M,G,S){Ht(M);const H=$t.list();return H.length?H.forEach(bt=>bt(M,G,S)):console.error(M),Promise.reject(M)}function O(){return J&&o.value!==js?Promise.resolve():new Promise((M,G)=>{As.add([M,G])})}function Ht(M){return J||(J=!M,Gs(),As.list().forEach(([G,S])=>M?S(M):G()),As.reset()),M}function zt(M,G,S,H){const{scrollBehavior:bt}=s;if(!Fs||!bt)return Promise.resolve();const m=!S&&Cc(Oi(M.fullPath,0))||(H||!S)&&history.state&&history.state.scroll||null;return Ka().then(()=>bt(M,G,m)).then(b=>b&&Mc(b)).catch(b=>D(b,M,G))}const kt=M=>n.go(M);let Ys;const Js=new Set,Se={currentRoute:o,listening:!0,addRoute:h,removeRoute:z,clearRoutes:a.clearRoutes,hasRoute:B,getRoutes:R,resolve:W,options:s,push:L,replace:ot,go:kt,back:()=>kt(-1),forward:()=>kt(1),beforeEach:l.add,beforeResolve:u.add,afterEach:p.add,onError:$t.add,isReady:O,install(M){const G=this;M.component("RouterLink",Xc),M.component("RouterView",er),M.config.globalProperties.$router=G,Object.defineProperty(M.config.globalProperties,"$route",{enumerable:!0,get:()=>r(o)}),Fs&&!Ys&&o.value===js&&(Ys=!0,L(n.location).catch(bt=>{}));const S={};for(const bt in js)Object.defineProperty(S,bt,{get:()=>o.value[bt],enumerable:!0});M.provide(ii,G),M.provide(Mo,kn(S)),M.provide(Ga,o);const H=M.unmount;Js.add(M),M.unmount=function(){Js.delete(M),Js.size<1&&(d=js,Kt&&Kt(),Kt=null,o.value=js,Ys=!1,J=!1),H()}}};function Xt(M){return M.reduce((G,S)=>G.then(()=>os(S)),Promise.resolve())}return Se}function ir(s,a){const i=[],e=[],n=[],l=Math.max(a.matched.length,s.matched.length);for(let u=0;u<l;u++){const p=a.matched[u];p&&(s.matched.find(d=>ie(d,p))?e.push(p):i.push(p));const o=s.matched[u];o&&(a.matched.find(d=>ie(d,o))||n.push(o))}return[i,e,n]}const nr={class:"home-container min-h-screen bg-gray-100 p-4 md:p-8"},or={class:"max-w-7xl mx-auto"},lr={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"},dr={class:"card-content"},cr={__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=On("router-link");return y(),x("div",nr,[t("div",or,[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",lr,[(y(),x(X,null,it(a,l=>c(n,{key:l.path,to:l.path,class:nt(l.cardClass)},{default:Sn(()=>[t("div",dr,[t("h3",{class:nt(["text-xl font-semibold",l.titleClass])},$(l.name),3),t("p",{class:nt(["text-sm",l.descriptionClass])},$(l.description),3)])]),_:2},1032,["to","class"])),64))])])])}}},rr=gt(cr,[["__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 ur=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 Ze={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 vr=({size:s,strokeWidth:a=2,absoluteStrokeWidth:i,color:e,iconNode:n,name:l,class:u,...p},{slots:o})=>ke("svg",{...Ze,width:s||Ze.width,height:s||Ze.height,stroke:e||Ze.stroke,"stroke-width":i?Number(a)*24/Number(s):a,class:["lucide",`lucide-${ur(l??"icon")}`],...p},[...n.map(d=>ke(...d)),...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 pt=(s,a)=>(i,{slots:e})=>ke(vr,{...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 ko=pt("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 U=pt("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 pr=pt("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 fr=pt("ChevronDownIcon",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]);/**
 * @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 mr=pt("ChevronLeftIcon",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);/**
 * @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 br=pt("ChevronRightIcon",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);/**
 * @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 hr=pt("ChevronUpIcon",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]]);/**
 * @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 gr=pt("DownloadIcon",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"7 10 12 15 17 10",key:"2ggqvy"}],["line",{x1:"12",x2:"12",y1:"15",y2:"3",key:"1vk2je"}]]);/**
 * @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=pt("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 as=pt("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 mt=pt("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 yr=pt("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 Lt=pt("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 gs=pt("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 Co=pt("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 Do=pt("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 Tt=pt("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 is=pt("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 vt=pt("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 q=pt("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 Et=pt("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 ns=pt("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 en=pt("SquarePenIcon",[["path",{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",key:"1m0v6g"}],["path",{d:"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",key:"ohrbg2"}]]);/**
 * @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 Ot=pt("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 xr=pt("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 an=pt("TrashIcon",[["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"}]]);/**
 * @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 _r=pt("UploadIcon",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"17 8 12 3 7 8",key:"t8dd8p"}],["line",{x1:"12",x2:"12",y1:"3",y2:"15",key:"widbto"}]]);/**
 * @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 et=pt("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 Ao=pt("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 at=pt("XIcon",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),wr={class:"p-6"},$r={class:"bg-white rounded-lg shadow p-6 mb-6"},Ir={class:"flex justify-between items-center"},Mr={class:"flex space-x-4"},kr={class:"relative"},Cr={class:"bg-white rounded-lg shadow p-6 mb-6"},Dr={class:"flex flex-wrap gap-4"},Ar={class:"relative flex-1 min-w-[200px]"},jr={class:"relative flex-1 min-w-[200px]"},Nr={class:"relative flex-1 min-w-[200px]"},Er={class:"relative flex-1 min-w-[200px]"},zr={class:"relative flex-1 min-w-[200px]"},Pr={class:"bg-white rounded-lg shadow overflow-hidden"},Sr={class:"overflow-x-auto"},Rr={class:"min-w-full divide-y divide-gray-200"},Tr={class:"bg-gray-50"},Gr={class:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"},Zr=["onClick"],Lr={class:"flex items-center"},Or={class:"ml-1"},Hr={class:"bg-white divide-y divide-gray-200"},Br={class:"px-6 py-4 whitespace-nowrap"},Vr=["value"],Wr={class:"px-6 py-4 whitespace-nowrap"},Yr={class:"px-6 py-4 whitespace-nowrap"},Jr={class:"px-6 py-4 whitespace-nowrap"},Ur={class:"px-6 py-4 whitespace-nowrap"},Qr={class:"px-6 py-4 whitespace-nowrap"},Fr={class:"px-6 py-4 whitespace-nowrap"},Kr={key:0,class:"px-6 py-4 bg-gray-50 border-t border-gray-200"},Xr={class:"flex items-center justify-between"},qr={class:"text-sm text-gray-600"},tu={class:"flex space-x-4"},su={class:"px-6 py-4 bg-gray-50 border-t border-gray-200"},eu={class:"flex items-center justify-between"},au={class:"flex items-center"},iu=["value"],nu={class:"flex items-center space-x-2"},ou=["disabled"],lu={class:"text-sm text-gray-700"},du=["disabled"],cu={key:0,class:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center"},ru={class:"bg-white rounded-lg shadow-xl w-1/2 max-w-2xl"},uu={class:"flex justify-between items-center p-6 border-b"},vu={class:"text-lg font-semibold"},pu={class:"grid grid-cols-2 gap-6"},fu={class:"mt-6 flex justify-end space-x-4"},mu={__name:"MaterialCategoryManagement",setup(s){const a={items:[{id:1,materialCode:"MAT001",materialGroup:"GROUP001",category1:"CATEGORY001",category2:"CATEGORY002",rawMaterial:"RAW001"},{id:2,materialCode:"MAT002",materialGroup:"GROUP002",category1:"CATEGORY003",category2:"CATEGORY004",rawMaterial:"RAW002"}],total:2},i=w(!1),e=w(""),n=w(""),l=w(""),u=w(""),p=w(""),o=w(1),d=w(10),f=w(0),g=w([]),v=w(!1),h=w(!1),z=w(""),R=w("asc");w([{title:"总原料品类数",value:a.total}]);const B=w({materialCode:"",materialGroup:"",category1:"",category2:"",rawMaterial:""}),W=[{prop:"materialCode",label:"物料编码"},{prop:"materialGroup",label:"物料组"},{prop:"category1",label:"类别一"},{prop:"category2",label:"类别二"},{prop:"rawMaterial",label:"原料大类"}],Z=Zt(()=>a.items.filter(J=>J.materialCode.includes(e.value)&&J.materialGroup.includes(n.value)&&J.category1.includes(l.value)&&J.category2.includes(u.value)&&J.rawMaterial.includes(p.value))),V=Zt(()=>Math.ceil(Z.value.length/d.value)),L=Zt({get:()=>g.value.length===Z.value.length,set:J=>{g.value=J?Z.value.map(D=>D.id):[]}}),ot=()=>{o.value=1,$t()},Mt=()=>{e.value="",n.value="",l.value="",u.value="",p.value="",ot()},wt=J=>{z.value===J?R.value=R.value==="asc"?"desc":"asc":(z.value=J,R.value="asc");const D=[...Z.value];D.sort((O,Ht)=>{const zt=O[J],kt=Ht[J];return R.value==="asc"?zt>kt?1:-1:zt<kt?1:-1}),Z.value=D},Qt=()=>{o.value=1,$t()},os=J=>{J.target.files[0]},Ft=()=>{},ls=()=>{},ys=()=>{},Kt=()=>{h.value=!0,B.value={...a.items[0]},v.value=!0},Gs=()=>{},As=()=>{};Ln(()=>{$t()}),ti(()=>{});const $t=async()=>{try{i.value=!0,await new Promise(J=>setTimeout(J,500)),f.value=a.total}catch(J){console.error("获取数据失败:",J)}finally{i.value=!1}};return he(v,J=>{J||(B.value={materialCode:"",materialGroup:"",category1:"",category2:"",rawMaterial:""},h.value=!1)}),(J,D)=>(y(),x("div",wr,[t("div",$r,[t("div",Ir,[D[24]||(D[24]=t("h2",{class:"text-2xl font-bold text-gray-800"},"原料品类管理",-1)),t("div",Mr,[t("button",{onClick:D[0]||(D[0]=O=>v.value=!0),class:"flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"},[c(r(vt),{class:"w-5 h-5 mr-2"}),D[19]||(D[19]=ws(" 新增 "))]),t("button",{onClick:Kt,class:"flex items-center px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600 transition-colors"},[c(r(en),{class:"w-5 h-5 mr-2"}),D[20]||(D[20]=ws(" 修改 "))]),t("button",{onClick:Gs,class:"flex items-center px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors"},[c(r(an),{class:"w-5 h-5 mr-2"}),D[21]||(D[21]=ws(" 删除 "))]),t("button",{onClick:Ft,class:"flex items-center px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors"},[c(r(gr),{class:"w-5 h-5 mr-2"}),D[22]||(D[22]=ws(" 导出 "))]),t("div",kr,[t("input",{type:"file",class:"hidden",ref:"fileInput",onChange:os},null,544),t("button",{onClick:D[1]||(D[1]=O=>J.$refs.fileInput.click()),class:"flex items-center px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors"},[c(r(_r),{class:"w-5 h-5 mr-2"}),D[23]||(D[23]=ws(" 导入 "))])])])])]),t("div",Cr,[t("div",Dr,[t("div",Ar,[c(r(q),{class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400"}),St(t("input",{"onUpdate:modelValue":D[2]||(D[2]=O=>e.value=O),type:"text",placeholder:"搜索物料编码",class:"w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",onInput:ot},null,544),[[vs,e.value]])]),t("div",jr,[c(r(q),{class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400"}),St(t("input",{"onUpdate:modelValue":D[3]||(D[3]=O=>n.value=O),type:"text",placeholder:"搜索物料组",class:"w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",onInput:ot},null,544),[[vs,n.value]])]),t("div",Nr,[c(r(q),{class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400"}),St(t("input",{"onUpdate:modelValue":D[4]||(D[4]=O=>l.value=O),type:"text",placeholder:"搜索类别一",class:"w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",onInput:ot},null,544),[[vs,l.value]])]),t("div",Er,[c(r(q),{class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400"}),St(t("input",{"onUpdate:modelValue":D[5]||(D[5]=O=>u.value=O),type:"text",placeholder:"搜索类别二",class:"w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",onInput:ot},null,544),[[vs,u.value]])]),t("div",zr,[c(r(q),{class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400"}),St(t("input",{"onUpdate:modelValue":D[6]||(D[6]=O=>p.value=O),type:"text",placeholder:"搜索原料大类",class:"w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",onInput:ot},null,544),[[vs,p.value]])]),t("div",{class:"flex items-center space-x-2"},[t("button",{onClick:Mt,class:"px-4 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition-colors"}," 重置 "),t("button",{onClick:ot,class:"px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors"}," 查询 ")])])]),t("div",Pr,[t("div",Sr,[t("table",Rr,[t("thead",Tr,[t("tr",null,[t("th",Gr,[St(t("input",{type:"checkbox","onUpdate:modelValue":D[7]||(D[7]=O=>L.value=O),class:"rounded border-gray-300 text-blue-600 focus:ring-blue-500"},null,512),[[ta,L.value]])]),(y(),x(X,null,it(W,O=>t("th",{key:O.prop,class:"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider cursor-pointer",onClick:Ht=>wt(O.prop)},[t("div",Lr,[ws($(O.label)+" ",1),t("span",Or,[z.value===O.prop&&R.value==="asc"?(y(),Ke(r(hr),{key:0,class:"h-4 w-4 inline-block"})):z.value===O.prop&&R.value==="desc"?(y(),Ke(r(fr),{key:1,class:"h-4 w-4 inline-block"})):A("",!0)])])],8,Zr)),64))])]),t("tbody",Hr,[(y(!0),x(X,null,it(Z.value,(O,Ht)=>(y(),x("tr",{key:O.id,class:"hover:bg-gray-50"},[t("td",Br,[St(t("input",{type:"checkbox","onUpdate:modelValue":D[8]||(D[8]=zt=>g.value=zt),value:O.id,class:"rounded border-gray-300 text-blue-600 focus:ring-blue-500"},null,8,Vr),[[ta,g.value]])]),t("td",Wr,$(Ht+1),1),t("td",Yr,$(O.materialCode),1),t("td",Jr,$(O.materialGroup),1),t("td",Ur,$(O.category1),1),t("td",Qr,$(O.category2),1),t("td",Fr,$(O.rawMaterial),1)]))),128))])])]),g.value.length>0?(y(),x("div",Kr,[t("div",Xr,[t("span",qr,"已选择 "+$(g.value.length)+" 项",1),t("div",tu,[t("button",{onClick:ls,class:"flex items-center px-4 py-2 text-sm text-blue-600 hover:text-blue-800"},[c(r(en),{class:"w-4 h-4 mr-1"}),D[25]||(D[25]=ws(" 批量编辑 "))]),t("button",{onClick:ys,class:"flex items-center px-4 py-2 text-sm text-red-600 hover:text-red-800"},[c(r(an),{class:"w-4 h-4 mr-1"}),D[26]||(D[26]=ws(" 批量删除 "))])])])])):A("",!0),t("div",su,[t("div",eu,[t("div",au,[D[27]||(D[27]=t("span",{class:"text-sm text-gray-700 mr-4"},"每页显示",-1)),St(t("select",{"onUpdate:modelValue":D[9]||(D[9]=O=>d.value=O),class:"px-2 py-1 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",onChange:Qt},[(y(),x(X,null,it([10,20,50,100],O=>t("option",{key:O,value:O},$(O),9,iu)),64))],544),[[Bd,d.value]])]),t("div",nu,[t("button",{onClick:D[10]||(D[10]=O=>o.value--),disabled:o.value===1,class:"px-3 py-1 border border-gray-300 rounded-md disabled:opacity-50"},[c(r(mr),{class:"w-4 h-4"})],8,ou),t("span",lu," 第 "+$(o.value)+" 页 / 共 "+$(V.value)+" 页 ",1),t("button",{onClick:D[11]||(D[11]=O=>o.value++),disabled:o.value===V.value,class:"px-3 py-1 border border-gray-300 rounded-md disabled:opacity-50"},[c(r(br),{class:"w-4 h-4"})],8,du)])])])]),v.value?(y(),x("div",cu,[t("div",ru,[t("div",uu,[t("h3",vu,$(h.value?"编辑原料品类":"新增原料品类"),1),t("button",{onClick:D[12]||(D[12]=O=>v.value=!1),class:"text-gray-400 hover:text-gray-500"},[c(r(at),{class:"w-5 h-5"})])]),t("form",{onSubmit:Yd(As,["prevent"]),class:"p-6"},[t("div",pu,[t("div",null,[D[28]||(D[28]=t("label",{class:"block text-sm font-medium text-gray-700 mb-1"},"物料编码",-1)),St(t("input",{"onUpdate:modelValue":D[13]||(D[13]=O=>B.value.materialCode=O),type:"text",class:"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",required:""},null,512),[[vs,B.value.materialCode]])]),t("div",null,[D[29]||(D[29]=t("label",{class:"block text-sm font-medium text-gray-700 mb-1"},"物料组",-1)),St(t("input",{"onUpdate:modelValue":D[14]||(D[14]=O=>B.value.materialGroup=O),type:"text",class:"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",required:""},null,512),[[vs,B.value.materialGroup]])]),t("div",null,[D[30]||(D[30]=t("label",{class:"block text-sm font-medium text-gray-700 mb-1"},"类别一",-1)),St(t("input",{"onUpdate:modelValue":D[15]||(D[15]=O=>B.value.category1=O),type:"text",class:"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",required:""},null,512),[[vs,B.value.category1]])]),t("div",null,[D[31]||(D[31]=t("label",{class:"block text-sm font-medium text-gray-700 mb-1"},"类别二",-1)),St(t("input",{"onUpdate:modelValue":D[16]||(D[16]=O=>B.value.category2=O),type:"text",class:"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",required:""},null,512),[[vs,B.value.category2]])]),t("div",null,[D[32]||(D[32]=t("label",{class:"block text-sm font-medium text-gray-700 mb-1"},"原料大类",-1)),St(t("input",{"onUpdate:modelValue":D[17]||(D[17]=O=>B.value.rawMaterial=O),type:"text",class:"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",required:""},null,512),[[vs,B.value.rawMaterial]])])]),t("div",fu,[t("button",{type:"button",onClick:D[18]||(D[18]=O=>v.value=!1),class:"px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50"}," 取消 "),D[33]||(D[33]=t("button",{type:"submit",class:"px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700"}," 确定 ",-1))])],32)])])):A("",!0)]))}},bu={class:"minimal-container min-h-screen bg-white"},hu={class:"minimal-app-bar"},gu={class:"container mx-auto px-4 py-3 flex items-center justify-between"},yu={class:"flex items-center"},xu={class:"flex items-center space-x-4"},_u={class:"minimal-icon-button"},wu={class:"minimal-icon-button"},$u={class:"minimal-icon-button"},Iu={class:"container mx-auto p-6"},Mu={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},ku={class:"minimal-card"},Cu={class:"p-4"},Du={class:"space-y-2"},Au={href:"#",class:"minimal-nav-item active"},ju={href:"#",class:"minimal-nav-item"},Nu={href:"#",class:"minimal-nav-item"},Eu={href:"#",class:"minimal-nav-item"},zu={class:"md:col-span-2 space-y-6"},Pu={class:"minimal-card"},Su={class:"p-4"},Ru={class:"space-y-4"},Tu={class:"minimal-list-item"},Gu={class:"minimal-icon-button"},Zu={class:"minimal-list-item"},Lu={class:"minimal-icon-button"},Ou={class:"minimal-card"},Hu={class:"p-4"},Bu={class:"flex flex-wrap gap-4"},Vu={class:"minimal-button icon"},Wu={class:"minimal-card"},Yu={class:"p-4"},Ju={class:"minimal-bottom-nav"},Uu={href:"#",class:"minimal-bottom-nav-item active"},Qu={href:"#",class:"minimal-bottom-nav-item"},Fu={href:"#",class:"minimal-bottom-nav-item"},Ku={href:"#",class:"minimal-bottom-nav-item"},Xu={href:"#",class:"minimal-bottom-nav-item"},qu={key:0,class:"minimal-dialog-overlay"},tv={class:"minimal-dialog"},sv={class:"minimal-dialog-header"},ev={class:"minimal-dialog-actions"},av={__name:"MinimalistView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",bu,[t("div",hu,[t("div",gu,[t("div",yu,[c(r(Tt),{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",xu,[t("button",_u,[c(r(q),{class:"w-5 h-5"})]),t("button",wu,[c(r(U),{class:"w-5 h-5"})]),t("button",$u,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",Iu,[t("div",Mu,[t("div",ku,[t("div",Cu,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",Du,[t("a",Au,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",ju,[c(r(Lt),{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",Nu,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Eu,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",zu,[t("div",Pu,[t("div",Su,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",Ru,[t("div",Tu,[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",Gu,[c(r(ut),{class:"w-5 h-5"})])]),t("div",Zu,[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",Lu,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",Ou,[t("div",Hu,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",Bu,[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",Vu,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",Wu,[t("div",Yu,[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",Ju,[t("a",Uu,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Qu,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Fu,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Ku,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Xu,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",qu,[t("div",tv,[t("div",sv,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"minimal-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个极简风格的对话框示例。")],-1)),t("div",ev,[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)]))}},iv=gt(av,[["__scopeId","data-v-c519d2be"]]),nv={class:"dark-container min-h-screen bg-gray-900"},ov={class:"dark-app-bar"},lv={class:"container mx-auto px-4 py-3 flex items-center justify-between"},dv={class:"flex items-center"},cv={class:"flex items-center space-x-4"},rv={class:"dark-icon-button"},uv={class:"dark-icon-button"},vv={class:"dark-icon-button"},pv={class:"container mx-auto p-6"},fv={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},mv={class:"dark-card"},bv={class:"p-4"},hv={class:"space-y-2"},gv={href:"#",class:"dark-nav-item active"},yv={href:"#",class:"dark-nav-item"},xv={href:"#",class:"dark-nav-item"},_v={href:"#",class:"dark-nav-item"},wv={class:"md:col-span-2 space-y-6"},$v={class:"dark-card"},Iv={class:"p-4"},Mv={class:"space-y-4"},kv={class:"dark-list-item"},Cv={class:"dark-icon-button"},Dv={class:"dark-list-item"},Av={class:"dark-icon-button"},jv={class:"dark-card"},Nv={class:"p-4"},Ev={class:"flex flex-wrap gap-4"},zv={class:"dark-button icon"},Pv={class:"dark-card"},Sv={class:"p-4"},Rv={class:"dark-bottom-nav"},Tv={href:"#",class:"dark-bottom-nav-item active"},Gv={href:"#",class:"dark-bottom-nav-item"},Zv={href:"#",class:"dark-bottom-nav-item"},Lv={href:"#",class:"dark-bottom-nav-item"},Ov={href:"#",class:"dark-bottom-nav-item"},Hv={key:0,class:"dark-dialog-overlay"},Bv={class:"dark-dialog"},Vv={class:"dark-dialog-header"},Wv={class:"dark-dialog-actions"},Yv={__name:"DarkModeView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",nv,[t("div",ov,[t("div",lv,[t("div",dv,[c(r(Tt),{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",cv,[t("button",rv,[c(r(q),{class:"w-5 h-5"})]),t("button",uv,[c(r(U),{class:"w-5 h-5"})]),t("button",vv,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",pv,[t("div",fv,[t("div",mv,[t("div",bv,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"导航菜单",-1)),t("nav",hv,[t("a",gv,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",yv,[c(r(Lt),{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",xv,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",_v,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",wv,[t("div",$v,[t("div",Iv,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"卡片列表",-1)),t("div",Mv,[t("div",kv,[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",Cv,[c(r(ut),{class:"w-5 h-5"})])]),t("div",Dv,[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",Av,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",jv,[t("div",Nv,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"按钮样式",-1)),t("div",Ev,[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",zv,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",Pv,[t("div",Sv,[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",Rv,[t("a",Tv,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Gv,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Zv,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Lv,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Ov,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",Hv,[t("div",Bv,[t("div",Vv,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"dark-dialog-content"},[t("p",{class:"text-gray-300"},"这是一个深色模式的对话框示例。")],-1)),t("div",Wv,[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)]))}},Jv=gt(Yv,[["__scopeId","data-v-0ed2360c"]]),Uv={class:"retro-container min-h-screen bg-gradient-to-br from-orange-100 via-yellow-100 to-amber-100"},Qv={class:"retro-app-bar"},Fv={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Kv={class:"flex items-center"},Xv={class:"flex items-center space-x-4"},qv={class:"retro-icon-button"},tp={class:"retro-icon-button"},sp={class:"retro-icon-button"},ep={class:"container mx-auto p-6"},ap={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},ip={class:"retro-card"},np={class:"p-4"},op={class:"space-y-2"},lp={href:"#",class:"retro-nav-item active"},dp={href:"#",class:"retro-nav-item"},cp={href:"#",class:"retro-nav-item"},rp={href:"#",class:"retro-nav-item"},up={class:"md:col-span-2 space-y-6"},vp={class:"retro-card"},pp={class:"p-4"},fp={class:"space-y-4"},mp={class:"retro-list-item"},bp={class:"retro-icon-button"},hp={class:"retro-list-item"},gp={class:"retro-icon-button"},yp={class:"retro-card"},xp={class:"p-4"},_p={class:"flex flex-wrap gap-4"},wp={class:"retro-button icon"},$p={class:"retro-card"},Ip={class:"p-4"},Mp={class:"retro-bottom-nav"},kp={href:"#",class:"retro-bottom-nav-item active"},Cp={href:"#",class:"retro-bottom-nav-item"},Dp={href:"#",class:"retro-bottom-nav-item"},Ap={href:"#",class:"retro-bottom-nav-item"},jp={href:"#",class:"retro-bottom-nav-item"},Np={key:0,class:"retro-dialog-overlay"},Ep={class:"retro-dialog"},zp={class:"retro-dialog-header"},Pp={class:"retro-dialog-actions"},Sp={__name:"RetroView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",Uv,[t("div",Qv,[t("div",Fv,[t("div",Kv,[c(r(Tt),{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",Xv,[t("button",qv,[c(r(q),{class:"w-5 h-5"})]),t("button",tp,[c(r(U),{class:"w-5 h-5"})]),t("button",sp,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",ep,[t("div",ap,[t("div",ip,[t("div",np,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"导航菜单",-1)),t("nav",op,[t("a",lp,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",dp,[c(r(Lt),{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",cp,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",rp,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",up,[t("div",vp,[t("div",pp,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"卡片列表",-1)),t("div",fp,[t("div",mp,[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",bp,[c(r(ut),{class:"w-5 h-5"})])]),t("div",hp,[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",gp,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",yp,[t("div",xp,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"按钮样式",-1)),t("div",_p,[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",wp,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",$p,[t("div",Ip,[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",Mp,[t("a",kp,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Cp,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Dp,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Ap,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",jp,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",Np,[t("div",Ep,[t("div",zp,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"retro-dialog-content"},[t("p",{class:"text-amber-800"},"这是一个复古风格的对话框示例。")],-1)),t("div",Pp,[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)]))}},Rp=gt(Sp,[["__scopeId","data-v-d46c4dbc"]]),Tp={class:"three-d-container min-h-screen bg-gradient-to-br from-blue-900 to-purple-900"},Gp={class:"three-d-header"},Zp={class:"three-d-header-content"},Lp={class:"three-d-header-actions"},Op={class:"three-d-btn text"},Hp={class:"three-d-btn text"},Bp={class:"three-d-btn text"},Vp={class:"three-d-main"},Wp={class:"three-d-card-list"},Yp={class:"three-d-card-cover"},Jp=["src","alt"],Up={class:"three-d-card-body"},Qp={class:"three-d-card-meta"},Fp={class:"three-d-card-meta-avatar"},Kp={class:"three-d-card-meta-content"},Xp={class:"three-d-card-meta-title"},qp={class:"three-d-card-meta-description"},tf={class:"three-d-card-content"},sf={class:"three-d-card-actions"},ef={class:"three-d-btn text"},af={class:"three-d-btn text"},nf={class:"three-d-btn text"},of={class:"three-d-tabs"},lf={class:"three-d-tabs-nav"},df=["onClick"],cf={class:"three-d-tabs-content"},rf={key:0,class:"three-d-tabs-tabpane"},uf={key:1,class:"three-d-tabs-tabpane"},vf={key:2,class:"three-d-tabs-tabpane"},pf={key:0,class:"three-d-modal-mask"},ff={class:"three-d-modal-wrap"},mf={class:"three-d-modal"},bf={class:"three-d-modal-content"},hf={class:"three-d-modal-header"},gf={class:"three-d-modal-footer"},yf={key:1,class:"three-d-message"},xf={class:"three-d-message-notice"},_f={class:"three-d-message-notice-content"},wf={key:2,class:"three-d-notification"},$f={class:"three-d-notification-notice"},If={class:"three-d-notification-notice-content"},Mf={class:"three-d-notification-notice-icon"},kf="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNEwwIDE2TDE2IDI4VDI4IDE2VDE2IDRaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIiIHkyPSIzMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM0RjU1QjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRDM0NjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=",Cf={__name:"ThreeDDesignView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",Tp,[t("div",Gp,[t("div",Zp,[t("div",{class:"three-d-logo"},[t("img",{src:kf,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]=F('<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",Lp,[t("button",Op,[c(r(q),{class:"w-5 h-5"})]),t("button",Hp,[c(r(U),{class:"w-5 h-5"})]),t("button",Bp,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",Vp,[t("div",Wp,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"three-d-card"},[t("div",Yp,[t("img",{src:d.cover,alt:d.title,class:"three-d-card-cover-img"},null,8,Jp)]),t("div",Up,[t("div",Qp,[t("div",Fp,[t("div",{class:nt(["three-d-avatar",d.avatarClass])},$(d.initials),3)]),t("div",Kp,[t("h3",Xp,$(d.title),1),t("p",qp,$(d.description),1)])]),t("p",tf,$(d.content),1),t("div",sf,[t("button",ef,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",af,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",nf,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",of,[t("div",lf,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["three-d-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,df))),128))]),t("div",cf,[n.value==="tab1"?(y(),x("div",rf,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",uf,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",vf,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",pf,[t("div",ff,[t("div",mf,[t("div",bf,[t("div",hf,[o[9]||(o[9]=t("div",{class:"three-d-modal-title"},"对话框标题",-1)),t("button",{class:"three-d-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"three-d-modal-body"},[t("p",null,"这是一个3D风格的对话框示例。")],-1)),t("div",gf,[t("button",{class:"three-d-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"three-d-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",yf,[t("div",xf,[t("div",_f,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",wf,[t("div",$f,[t("div",If,[t("div",Mf,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},Df=gt(Cf,[["__scopeId","data-v-b59da191"]]),Af={class:"skeuomorphic-container min-h-screen bg-gradient-to-b from-gray-100 to-gray-200"},jf={class:"skeuomorphic-app-bar"},Nf={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Ef={class:"flex items-center"},zf={class:"flex items-center space-x-4"},Pf={class:"skeuomorphic-icon-button"},Sf={class:"skeuomorphic-icon-button"},Rf={class:"skeuomorphic-icon-button"},Tf={class:"container mx-auto p-6"},Gf={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Zf={class:"skeuomorphic-card"},Lf={class:"p-4"},Of={class:"space-y-2"},Hf={href:"#",class:"skeuomorphic-nav-item active"},Bf={href:"#",class:"skeuomorphic-nav-item"},Vf={href:"#",class:"skeuomorphic-nav-item"},Wf={href:"#",class:"skeuomorphic-nav-item"},Yf={class:"md:col-span-2 space-y-6"},Jf={class:"skeuomorphic-card"},Uf={class:"p-4"},Qf={class:"space-y-4"},Ff={class:"skeuomorphic-list-item"},Kf={class:"skeuomorphic-icon-button"},Xf={class:"skeuomorphic-list-item"},qf={class:"skeuomorphic-icon-button"},tm={class:"skeuomorphic-card"},sm={class:"p-4"},em={class:"flex flex-wrap gap-4"},am={class:"skeuomorphic-button icon"},im={class:"skeuomorphic-card"},nm={class:"p-4"},om={class:"skeuomorphic-bottom-nav"},lm={href:"#",class:"skeuomorphic-bottom-nav-item active"},dm={href:"#",class:"skeuomorphic-bottom-nav-item"},cm={href:"#",class:"skeuomorphic-bottom-nav-item"},rm={href:"#",class:"skeuomorphic-bottom-nav-item"},um={href:"#",class:"skeuomorphic-bottom-nav-item"},vm={key:0,class:"skeuomorphic-dialog-overlay"},pm={class:"skeuomorphic-dialog"},fm={class:"skeuomorphic-dialog-header"},mm={class:"skeuomorphic-dialog-actions"},bm={__name:"SkeuomorphicView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",Af,[t("div",jf,[t("div",Nf,[t("div",Ef,[c(r(Tt),{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",zf,[t("button",Pf,[c(r(q),{class:"w-5 h-5"})]),t("button",Sf,[c(r(U),{class:"w-5 h-5"})]),t("button",Rf,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",Tf,[t("div",Gf,[t("div",Zf,[t("div",Lf,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"导航菜单",-1)),t("nav",Of,[t("a",Hf,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Bf,[c(r(Lt),{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",Vf,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Wf,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Yf,[t("div",Jf,[t("div",Uf,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"卡片列表",-1)),t("div",Qf,[t("div",Ff,[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",Kf,[c(r(ut),{class:"w-5 h-5"})])]),t("div",Xf,[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",qf,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",tm,[t("div",sm,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"按钮样式",-1)),t("div",em,[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",am,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",im,[t("div",nm,[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",om,[t("a",lm,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",dm,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",cm,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",rm,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",um,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",vm,[t("div",pm,[t("div",fm,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"skeuomorphic-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个拟物化设计风格的对话框示例。")],-1)),t("div",mm,[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)]))}},hm=gt(bm,[["__scopeId","data-v-8015740b"]]),gm={class:"material-container min-h-screen bg-gray-50"},ym={class:"material-app-bar"},xm={class:"container mx-auto px-4 py-3 flex items-center justify-between"},_m={class:"flex items-center"},wm={class:"flex items-center space-x-4"},$m={class:"material-icon-button"},Im={class:"material-icon-button"},Mm={class:"material-icon-button"},km={class:"container mx-auto p-6"},Cm={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Dm={class:"material-card"},Am={class:"p-4"},jm={class:"space-y-2"},Nm={href:"#",class:"material-nav-item active"},Em={href:"#",class:"material-nav-item"},zm={href:"#",class:"material-nav-item"},Pm={href:"#",class:"material-nav-item"},Sm={class:"md:col-span-2 space-y-6"},Rm={class:"material-card"},Tm={class:"p-4"},Gm={class:"space-y-4"},Zm={class:"material-list-item"},Lm={class:"material-icon-button"},Om={class:"material-list-item"},Hm={class:"material-icon-button"},Bm={class:"material-card"},Vm={class:"p-4"},Wm={class:"flex flex-wrap gap-4"},Ym={class:"material-button icon"},Jm={class:"material-card"},Um={class:"p-4"},Qm={class:"material-bottom-nav"},Fm={href:"#",class:"material-bottom-nav-item active"},Km={href:"#",class:"material-bottom-nav-item"},Xm={href:"#",class:"material-bottom-nav-item"},qm={href:"#",class:"material-bottom-nav-item"},tb={href:"#",class:"material-bottom-nav-item"},sb={key:0,class:"material-dialog-overlay"},eb={class:"material-dialog"},ab={class:"material-dialog-header"},ib={class:"material-dialog-actions"},nb={__name:"MaterialView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",gm,[t("div",ym,[t("div",xm,[t("div",_m,[c(r(Tt),{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",wm,[t("button",$m,[c(r(q),{class:"w-5 h-5"})]),t("button",Im,[c(r(U),{class:"w-5 h-5"})]),t("button",Mm,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",km,[t("div",Cm,[t("div",Dm,[t("div",Am,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",jm,[t("a",Nm,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Em,[c(r(Lt),{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",zm,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Pm,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Sm,[t("div",Rm,[t("div",Tm,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",Gm,[t("div",Zm,[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",Lm,[c(r(ut),{class:"w-5 h-5"})])]),t("div",Om,[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",Hm,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",Bm,[t("div",Vm,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",Wm,[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",Ym,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",Jm,[t("div",Um,[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",Qm,[t("a",Fm,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Km,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Xm,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",qm,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",tb,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",sb,[t("div",eb,[t("div",ab,[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)},[c(r(at),{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",ib,[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)]))}},ob=gt(nb,[["__scopeId","data-v-63f28765"]]),lb={class:"ios-container min-h-screen bg-gray-50"},db={class:"ios-nav-bar"},cb={class:"ios-nav-bar-content"},rb={key:0,class:"ios-search-bar"},ub={class:"ios-search-input"},vb={class:"ios-content"},pb={class:"ios-card-list"},fb={class:"ios-card-header"},mb={class:"ios-card-info"},bb={class:"ios-card-title"},hb={class:"ios-card-subtitle"},gb={class:"ios-card-action"},yb={class:"ios-card-content"},xb={class:"ios-card-footer"},_b={class:"ios-button"},wb={class:"ios-button"},$b={class:"ios-button"},Ib={class:"ios-tabs"},Mb={class:"ios-tab-header"},kb=["onClick"],Cb={class:"ios-tab-content"},Db={key:0,class:"ios-tab-pane"},Ab={key:1,class:"ios-tab-pane"},jb={key:2,class:"ios-tab-pane"},Nb={class:"ios-tab-bar"},Eb={href:"#",class:"ios-tab-bar-item active"},zb={href:"#",class:"ios-tab-bar-item"},Pb={href:"#",class:"ios-tab-bar-item"},Sb={href:"#",class:"ios-tab-bar-item"},Rb={href:"#",class:"ios-tab-bar-item"},Tb={key:1,class:"ios-dialog-overlay"},Gb={class:"ios-dialog"},Zb={class:"ios-dialog-actions"},Lb={key:2,class:"ios-action-sheet"},Ob={class:"ios-action-sheet-content"},Hb={class:"ios-action-sheet-item"},Bb={class:"ios-action-sheet-item"},Vb={class:"ios-action-sheet-item destructive"},Wb={__name:"IOSDesignView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w(!1),l=w("tab1"),u=w([{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"}]),p=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(o,d)=>(y(),x("div",lb,[d[22]||(d[22]=F('<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",db,[t("div",cb,[t("button",{class:"ios-nav-button",onClick:d[0]||(d[0]=f=>n.value=!n.value)},[c(r(Tt),{class:"w-5 h-5"})]),d[6]||(d[6]=t("h1",{class:"ios-nav-title"},"iOS Design",-1)),t("button",{class:"ios-nav-button",onClick:d[1]||(d[1]=f=>e.value=!e.value)},[c(r(q),{class:"w-5 h-5"})])])]),e.value?(y(),x("div",rb,[t("div",ub,[c(r(q),{class:"w-5 h-5 text-gray-400"}),d[7]||(d[7]=t("input",{type:"text",placeholder:"搜索",class:"ios-search-field"},null,-1)),t("button",{class:"ios-search-cancel",onClick:d[2]||(d[2]=f=>e.value=!1)},"取消")])])):A("",!0),t("div",vb,[t("div",pb,[(y(!0),x(X,null,it(u.value,f=>(y(),x("div",{key:f.id,class:"ios-card"},[t("div",fb,[t("div",{class:nt(["ios-avatar",f.avatarClass])},$(f.initials),3),t("div",mb,[t("h3",bb,$(f.title),1),t("p",hb,$(f.subtitle),1)]),t("button",gb,[c(r(ut),{class:"w-5 h-5"})])]),t("div",yb,[t("p",null,$(f.content),1)]),t("div",xb,[t("button",_b,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(f.likes),1)]),t("button",wb,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(f.comments),1)]),t("button",$b,[c(r(ns),{class:"w-5 h-5"})])])]))),128))]),d[11]||(d[11]=F('<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",Ib,[t("div",Mb,[(y(!0),x(X,null,it(p.value,f=>(y(),x("button",{key:f.id,class:nt(["ios-tab",{active:l.value===f.id}]),onClick:g=>l.value=f.id},$(f.label),11,kb))),128))]),t("div",Cb,[l.value==="tab1"?(y(),x("div",Db,d[8]||(d[8]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),l.value==="tab2"?(y(),x("div",Ab,d[9]||(d[9]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),l.value==="tab3"?(y(),x("div",jb,d[10]||(d[10]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])])]),t("div",Nb,[t("a",Eb,[c(r(mt),{class:"w-6 h-6"}),d[12]||(d[12]=t("span",null,"首页",-1))]),t("a",zb,[c(r(q),{class:"w-6 h-6"}),d[13]||(d[13]=t("span",null,"搜索",-1))]),t("a",Pb,[c(r(vt),{class:"w-6 h-6"}),d[14]||(d[14]=t("span",null,"添加",-1))]),t("a",Sb,[c(r(U),{class:"w-6 h-6"}),d[15]||(d[15]=t("span",null,"通知",-1))]),t("a",Rb,[c(r(et),{class:"w-6 h-6"}),d[16]||(d[16]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",Tb,[t("div",Gb,[d[17]||(d[17]=t("div",{class:"ios-dialog-header"},[t("h3",{class:"ios-dialog-title"},"对话框标题"),t("p",{class:"ios-dialog-message"},"这是一个 iOS 风格的对话框示例。")],-1)),t("div",Zb,[t("button",{class:"ios-dialog-button cancel",onClick:d[3]||(d[3]=f=>a.value=!1)},"取消"),t("button",{class:"ios-dialog-button confirm",onClick:d[4]||(d[4]=f=>a.value=!1)},"确定")])])])):A("",!0),i.value?(y(),x("div",Lb,[t("div",Ob,[d[21]||(d[21]=t("div",{class:"ios-action-sheet-title"},"选择操作",-1)),t("button",Hb,[c(r(pr),{class:"w-5 h-5"}),d[18]||(d[18]=t("span",null,"拍照",-1))]),t("button",Bb,[c(r(yr),{class:"w-5 h-5"}),d[19]||(d[19]=t("span",null,"从相册选择",-1))]),t("button",Vb,[c(r(xr),{class:"w-5 h-5"}),d[20]||(d[20]=t("span",null,"删除",-1))])]),t("button",{class:"ios-action-sheet-cancel",onClick:d[5]||(d[5]=f=>i.value=!1)},"取消")])):A("",!0)]))}},Yb=gt(Wb,[["__scopeId","data-v-aa81dc6c"]]),Jb={class:"fluent-container min-h-screen bg-gray-50"},Ub={class:"fluent-app-bar"},Qb={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Fb={class:"flex items-center"},Kb={class:"flex items-center space-x-4"},Xb={class:"fluent-search-box"},qb={key:0,class:"fluent-badge"},t1={class:"space-y-2"},s1={href:"#",class:"fluent-nav-item active"},e1={href:"#",class:"fluent-nav-item"},a1={href:"#",class:"fluent-nav-item"},i1={href:"#",class:"fluent-nav-item"},n1={class:"container mx-auto p-6"},o1={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},l1={class:"fluent-card"},d1={class:"p-4"},c1={class:"grid grid-cols-2 gap-4"},r1={class:"fluent-stat-card"},u1={class:"fluent-stat-icon"},v1={class:"fluent-stat-card"},p1={class:"fluent-stat-icon"},f1={class:"fluent-card md:col-span-2"},m1={class:"p-4"},b1={class:"fluent-chart"},h1={class:"h-48 flex items-end space-x-2"},g1={class:"fluent-card"},y1={class:"p-4"},x1={class:"space-y-4"},_1={class:"fluent-checkbox"},w1=["onUpdate:modelValue"],$1={class:"flex-1"},I1={class:"text-sm text-gray-500"},M1={class:"fluent-icon-button"},k1={class:"fluent-card md:col-span-2"},C1={class:"p-4"},D1={class:"space-y-4"},A1={class:"flex-1"},j1={class:"flex justify-between"},N1={class:"font-medium"},E1={class:"text-sm text-gray-500"},z1={class:"text-gray-600"},P1={class:"fluent-icon-button"},S1={class:"fluent-card"},R1={class:"p-4"},T1={class:"space-y-4"},G1={class:"flex flex-wrap gap-4"},Z1={class:"fluent-button icon"},L1={class:"flex flex-wrap gap-4"},O1={class:"fluent-button loading"},H1={class:"fluent-card md:col-span-3"},B1={class:"p-4"},V1={class:"fluent-tabs"},W1=["onClick"],Y1={class:"mt-4"},J1={key:0,class:"fluent-tab-content"},U1={key:1,class:"fluent-tab-content"},Q1={key:2,class:"fluent-tab-content"},F1={class:"fluent-bottom-nav"},K1={href:"#",class:"fluent-bottom-nav-item active"},X1={href:"#",class:"fluent-bottom-nav-item"},q1={href:"#",class:"fluent-bottom-nav-item"},th={href:"#",class:"fluent-bottom-nav-item"},sh={href:"#",class:"fluent-bottom-nav-item"},eh={key:0,class:"fluent-dialog-overlay"},ah={class:"fluent-dialog"},ih={class:"fluent-dialog-header"},nh={class:"fluent-dialog-actions"},oh={key:1,class:"fluent-notification-panel"},lh={class:"fluent-notification-header"},dh={class:"fluent-notification-list"},ch={class:"fluent-notification-icon"},rh={class:"flex-1"},uh={class:"font-medium"},vh={class:"text-sm text-gray-500"},ph={class:"text-xs text-gray-400"},fh={key:2,class:"fluent-profile-panel"},mh={class:"fluent-profile-header"},bh={class:"fluent-profile-menu"},hh={href:"#",class:"fluent-profile-menu-item"},gh={href:"#",class:"fluent-profile-menu-item"},yh={href:"#",class:"fluent-profile-menu-item"},xh={__name:"FluentDesignView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w(!1),l=w("tab1"),u=w(3),p=w([{id:1,title:"完成项目报告",dueDate:"今天",completed:!1},{id:2,title:"回复客户邮件",dueDate:"明天",completed:!0},{id:3,title:"准备会议材料",dueDate:"后天",completed:!1}]),o=w([{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"}]),d=w([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]),f=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(g,v)=>(y(),x("div",Jb,[t("div",Ub,[t("div",Qb,[t("div",Fb,[t("button",{class:"fluent-icon-button",onClick:v[0]||(v[0]=h=>n.value=!n.value)},[c(r(Tt),{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",Kb,[t("div",Xb,[c(r(q),{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]=h=>i.value=!i.value)},[c(r(U),{class:"w-5 h-5"}),u.value>0?(y(),x("span",qb,$(u.value),1)):A("",!0)]),t("button",{class:"fluent-icon-button",onClick:v[2]||(v[2]=h=>e.value=!e.value)},[c(r(et),{class:"w-5 h-5"})])])])]),t("div",{class:nt(["fluent-side-menu",{"is-open":n.value}])},[t("nav",t1,[t("a",s1,[c(r(mt),{class:"w-5 h-5"}),v[10]||(v[10]=t("span",null,"首页",-1))]),t("a",e1,[c(r(Lt),{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",a1,[c(r(Ot),{class:"w-5 h-5"}),v[13]||(v[13]=t("span",null,"收藏",-1))]),t("a",i1,[c(r(Et),{class:"w-5 h-5"}),v[14]||(v[14]=t("span",null,"设置",-1))])])],2),t("div",n1,[t("div",o1,[t("div",l1,[t("div",d1,[v[17]||(v[17]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"数据统计",-1)),t("div",c1,[t("div",r1,[t("div",u1,[c(r(Ao),{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",v1,[t("div",p1,[c(r(ko),{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",f1,[t("div",m1,[v[18]||(v[18]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"数据趋势",-1)),t("div",b1,[t("div",h1,[(y(),x(X,null,it(7,h=>t("div",{key:h,class:"fluent-chart-bar",style:Ne({height:`${Math.random()*100}%`})},null,4)),64))])])])]),t("div",g1,[t("div",y1,[v[20]||(v[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"任务列表",-1)),t("div",x1,[(y(!0),x(X,null,it(p.value,h=>(y(),x("div",{key:h.id,class:"fluent-task-item"},[t("label",_1,[St(t("input",{type:"checkbox","onUpdate:modelValue":z=>h.completed=z},null,8,w1),[[ta,h.completed]]),v[19]||(v[19]=t("span",{class:"fluent-checkmark"},null,-1))]),t("div",$1,[t("h3",{class:nt(["font-medium",{"line-through text-gray-400":h.completed}])},$(h.title),3),t("p",I1,$(h.dueDate),1)]),t("button",M1,[c(r(ut),{class:"w-5 h-5"})])]))),128))])])]),t("div",k1,[t("div",C1,[v[21]||(v[21]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"消息列表",-1)),t("div",D1,[(y(!0),x(X,null,it(o.value,h=>(y(),x("div",{key:h.id,class:"fluent-message-item"},[t("div",{class:nt(["fluent-avatar",h.avatarClass])},$(h.initials),3),t("div",A1,[t("div",j1,[t("h3",N1,$(h.sender),1),t("span",E1,$(h.time),1)]),t("p",z1,$(h.content),1)]),t("button",P1,[c(r(ut),{class:"w-5 h-5"})])]))),128))])])]),v[32]||(v[32]=F('<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",S1,[t("div",R1,[v[27]||(v[27]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",T1,[t("div",G1,[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",Z1,[c(r(vt),{class:"w-5 h-5"})])]),t("div",L1,[v[25]||(v[25]=t("button",{class:"fluent-button small"},"小按钮",-1)),v[26]||(v[26]=t("button",{class:"fluent-button large"},"大按钮",-1)),t("button",O1,[c(r(Co),{class:"w-5 h-5 animate-spin"})])])])])]),v[33]||(v[33]=F('<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",H1,[t("div",B1,[v[31]||(v[31]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"标签页",-1)),t("div",V1,[(y(!0),x(X,null,it(f.value,h=>(y(),x("button",{key:h.id,class:nt(["fluent-tab",{active:l.value===h.id}]),onClick:z=>l.value=h.id},$(h.label),11,W1))),128))]),t("div",Y1,[l.value==="tab1"?(y(),x("div",J1,v[28]||(v[28]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),l.value==="tab2"?(y(),x("div",U1,v[29]||(v[29]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),l.value==="tab3"?(y(),x("div",Q1,v[30]||(v[30]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])])])])]),t("div",F1,[t("a",K1,[c(r(mt),{class:"w-6 h-6"}),v[34]||(v[34]=t("span",null,"首页",-1))]),t("a",X1,[c(r(q),{class:"w-6 h-6"}),v[35]||(v[35]=t("span",null,"搜索",-1))]),t("a",q1,[c(r(vt),{class:"w-6 h-6"}),v[36]||(v[36]=t("span",null,"添加",-1))]),t("a",th,[c(r(U),{class:"w-6 h-6"}),v[37]||(v[37]=t("span",null,"通知",-1))]),t("a",sh,[c(r(et),{class:"w-6 h-6"}),v[38]||(v[38]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",eh,[t("div",ah,[t("div",ih,[v[39]||(v[39]=t("h3",{class:"text-gray-900"},"对话框标题",-1)),t("button",{class:"fluent-icon-button",onClick:v[3]||(v[3]=h=>a.value=!1)},[c(r(at),{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",nh,[t("button",{class:"fluent-button text",onClick:v[4]||(v[4]=h=>a.value=!1)},"取消"),t("button",{class:"fluent-button",onClick:v[5]||(v[5]=h=>a.value=!1)},"确定")])])])):A("",!0),i.value?(y(),x("div",oh,[t("div",lh,[v[41]||(v[41]=t("h3",{class:"text-gray-900"},"通知",-1)),t("button",{class:"fluent-icon-button",onClick:v[6]||(v[6]=h=>i.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),t("div",dh,[(y(!0),x(X,null,it(d.value,h=>(y(),x("div",{key:h.id,class:"fluent-notification-item"},[t("div",ch,[c(r(U),{class:"w-5 h-5"})]),t("div",rh,[t("h4",uh,$(h.title),1),t("p",vh,$(h.content),1)]),t("span",ph,$(h.time),1)]))),128))])])):A("",!0),e.value?(y(),x("div",fh,[t("div",mh,[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]=h=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),t("div",bh,[t("a",hh,[c(r(et),{class:"w-5 h-5"}),v[44]||(v[44]=t("span",null,"个人资料",-1))]),t("a",gh,[c(r(Et),{class:"w-5 h-5"}),v[45]||(v[45]=t("span",null,"设置",-1))]),t("a",yh,[c(r(Do),{class:"w-5 h-5"}),v[46]||(v[46]=t("span",null,"退出登录",-1))])])])):A("",!0)]))}},_h=gt(xh,[["__scopeId","data-v-0a64c6d6"]]),wh={class:"neu-container min-h-screen bg-gray-100"},$h={class:"neu-app-bar"},Ih={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Mh={class:"flex items-center"},kh={class:"flex items-center space-x-4"},Ch={class:"neu-search-box"},Dh={key:0,class:"neu-badge"},Ah={class:"space-y-2"},jh={href:"#",class:"neu-nav-item active"},Nh={href:"#",class:"neu-nav-item"},Eh={href:"#",class:"neu-nav-item"},zh={href:"#",class:"neu-nav-item"},Ph={class:"container mx-auto p-6"},Sh={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Rh={class:"neu-card"},Th={class:"p-4"},Gh={class:"grid grid-cols-2 gap-4"},Zh={class:"neu-stat-card"},Lh={class:"neu-stat-icon"},Oh={class:"neu-stat-card"},Hh={class:"neu-stat-icon"},Bh={class:"neu-card md:col-span-2"},Vh={class:"p-4"},Wh={class:"neu-chart"},Yh={class:"h-48 flex items-end space-x-2"},Jh={class:"neu-card"},Uh={class:"p-4"},Qh={class:"space-y-4"},Fh={class:"neu-checkbox"},Kh=["onUpdate:modelValue"],Xh={class:"flex-1"},qh={class:"text-sm text-gray-500"},tg={class:"neu-icon-button"},sg={class:"neu-card md:col-span-2"},eg={class:"p-4"},ag={class:"space-y-4"},ig={class:"flex-1"},ng={class:"flex justify-between"},og={class:"font-medium"},lg={class:"text-sm text-gray-500"},dg={class:"text-gray-600"},cg={class:"neu-icon-button"},rg={class:"neu-card"},ug={class:"p-4"},vg={class:"space-y-4"},pg={class:"flex flex-wrap gap-4"},fg={class:"neu-button icon"},mg={class:"flex flex-wrap gap-4"},bg={class:"neu-button loading"},hg={class:"neu-card md:col-span-3"},gg={class:"p-4"},yg={class:"neu-tabs"},xg=["onClick"],_g={class:"mt-4"},wg={key:0,class:"neu-tab-content"},$g={key:1,class:"neu-tab-content"},Ig={key:2,class:"neu-tab-content"},Mg={class:"neu-bottom-nav"},kg={href:"#",class:"neu-bottom-nav-item active"},Cg={href:"#",class:"neu-bottom-nav-item"},Dg={href:"#",class:"neu-bottom-nav-item"},Ag={href:"#",class:"neu-bottom-nav-item"},jg={href:"#",class:"neu-bottom-nav-item"},Ng={key:0,class:"neu-dialog-overlay"},Eg={class:"neu-dialog"},zg={class:"neu-dialog-header"},Pg={class:"neu-dialog-actions"},Sg={key:1,class:"neu-notification-panel"},Rg={class:"neu-notification-header"},Tg={class:"neu-notification-list"},Gg={class:"neu-notification-icon"},Zg={class:"flex-1"},Lg={class:"font-medium"},Og={class:"text-sm text-gray-500"},Hg={class:"text-xs text-gray-400"},Bg={key:2,class:"neu-profile-panel"},Vg={class:"neu-profile-header"},Wg={class:"neu-profile-menu"},Yg={href:"#",class:"neu-profile-menu-item"},Jg={href:"#",class:"neu-profile-menu-item"},Ug={href:"#",class:"neu-profile-menu-item"},Qg={__name:"NeumorphismView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w(!1),l=w("tab1"),u=w(3),p=w([{id:1,title:"完成项目报告",dueDate:"今天",completed:!1},{id:2,title:"回复客户邮件",dueDate:"明天",completed:!0},{id:3,title:"准备会议材料",dueDate:"后天",completed:!1}]),o=w([{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"}]),d=w([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]),f=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(g,v)=>(y(),x("div",wh,[t("div",$h,[t("div",Ih,[t("div",Mh,[t("button",{class:"neu-icon-button",onClick:v[0]||(v[0]=h=>n.value=!n.value)},[c(r(Tt),{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",kh,[t("div",Ch,[c(r(q),{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]=h=>i.value=!i.value)},[c(r(U),{class:"w-5 h-5"}),u.value>0?(y(),x("span",Dh,$(u.value),1)):A("",!0)]),t("button",{class:"neu-icon-button",onClick:v[2]||(v[2]=h=>e.value=!e.value)},[c(r(et),{class:"w-5 h-5"})])])])]),t("div",{class:nt(["neu-side-menu",{"is-open":n.value}])},[t("nav",Ah,[t("a",jh,[c(r(mt),{class:"w-5 h-5"}),v[10]||(v[10]=t("span",null,"首页",-1))]),t("a",Nh,[c(r(Lt),{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",Eh,[c(r(Ot),{class:"w-5 h-5"}),v[13]||(v[13]=t("span",null,"收藏",-1))]),t("a",zh,[c(r(Et),{class:"w-5 h-5"}),v[14]||(v[14]=t("span",null,"设置",-1))])])],2),t("div",Ph,[t("div",Sh,[t("div",Rh,[t("div",Th,[v[17]||(v[17]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"数据统计",-1)),t("div",Gh,[t("div",Zh,[t("div",Lh,[c(r(Ao),{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",Oh,[t("div",Hh,[c(r(ko),{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",Bh,[t("div",Vh,[v[18]||(v[18]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"数据趋势",-1)),t("div",Wh,[t("div",Yh,[(y(),x(X,null,it(7,h=>t("div",{key:h,class:"neu-chart-bar",style:Ne({height:`${Math.random()*100}%`})},null,4)),64))])])])]),t("div",Jh,[t("div",Uh,[v[20]||(v[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"任务列表",-1)),t("div",Qh,[(y(!0),x(X,null,it(p.value,h=>(y(),x("div",{key:h.id,class:"neu-task-item"},[t("label",Fh,[St(t("input",{type:"checkbox","onUpdate:modelValue":z=>h.completed=z},null,8,Kh),[[ta,h.completed]]),v[19]||(v[19]=t("span",{class:"neu-checkmark"},null,-1))]),t("div",Xh,[t("h3",{class:nt(["font-medium",{"line-through text-gray-400":h.completed}])},$(h.title),3),t("p",qh,$(h.dueDate),1)]),t("button",tg,[c(r(ut),{class:"w-5 h-5"})])]))),128))])])]),t("div",sg,[t("div",eg,[v[21]||(v[21]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"消息列表",-1)),t("div",ag,[(y(!0),x(X,null,it(o.value,h=>(y(),x("div",{key:h.id,class:"neu-message-item"},[t("div",{class:nt(["neu-avatar",h.avatarClass])},$(h.initials),3),t("div",ig,[t("div",ng,[t("h3",og,$(h.sender),1),t("span",lg,$(h.time),1)]),t("p",dg,$(h.content),1)]),t("button",cg,[c(r(ut),{class:"w-5 h-5"})])]))),128))])])]),v[32]||(v[32]=F('<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",rg,[t("div",ug,[v[27]||(v[27]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"按钮样式",-1)),t("div",vg,[t("div",pg,[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",fg,[c(r(vt),{class:"w-5 h-5"})])]),t("div",mg,[v[25]||(v[25]=t("button",{class:"neu-button small"},"小按钮",-1)),v[26]||(v[26]=t("button",{class:"neu-button large"},"大按钮",-1)),t("button",bg,[c(r(Co),{class:"w-5 h-5 animate-spin"})])])])])]),v[33]||(v[33]=F('<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",hg,[t("div",gg,[v[31]||(v[31]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"标签页",-1)),t("div",yg,[(y(!0),x(X,null,it(f.value,h=>(y(),x("button",{key:h.id,class:nt(["neu-tab",{active:l.value===h.id}]),onClick:z=>l.value=h.id},$(h.label),11,xg))),128))]),t("div",_g,[l.value==="tab1"?(y(),x("div",wg,v[28]||(v[28]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),l.value==="tab2"?(y(),x("div",$g,v[29]||(v[29]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),l.value==="tab3"?(y(),x("div",Ig,v[30]||(v[30]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])])])])]),t("div",Mg,[t("a",kg,[c(r(mt),{class:"w-6 h-6"}),v[34]||(v[34]=t("span",null,"首页",-1))]),t("a",Cg,[c(r(q),{class:"w-6 h-6"}),v[35]||(v[35]=t("span",null,"搜索",-1))]),t("a",Dg,[c(r(vt),{class:"w-6 h-6"}),v[36]||(v[36]=t("span",null,"添加",-1))]),t("a",Ag,[c(r(U),{class:"w-6 h-6"}),v[37]||(v[37]=t("span",null,"通知",-1))]),t("a",jg,[c(r(et),{class:"w-6 h-6"}),v[38]||(v[38]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",Ng,[t("div",Eg,[t("div",zg,[v[39]||(v[39]=t("h3",{class:"text-gray-700"},"对话框标题",-1)),t("button",{class:"neu-icon-button",onClick:v[3]||(v[3]=h=>a.value=!1)},[c(r(at),{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",Pg,[t("button",{class:"neu-button text",onClick:v[4]||(v[4]=h=>a.value=!1)},"取消"),t("button",{class:"neu-button",onClick:v[5]||(v[5]=h=>a.value=!1)},"确定")])])])):A("",!0),i.value?(y(),x("div",Sg,[t("div",Rg,[v[41]||(v[41]=t("h3",{class:"text-gray-700"},"通知",-1)),t("button",{class:"neu-icon-button",onClick:v[6]||(v[6]=h=>i.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),t("div",Tg,[(y(!0),x(X,null,it(d.value,h=>(y(),x("div",{key:h.id,class:"neu-notification-item"},[t("div",Gg,[c(r(U),{class:"w-5 h-5"})]),t("div",Zg,[t("h4",Lg,$(h.title),1),t("p",Og,$(h.content),1)]),t("span",Hg,$(h.time),1)]))),128))])])):A("",!0),e.value?(y(),x("div",Bg,[t("div",Vg,[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]=h=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),t("div",Wg,[t("a",Yg,[c(r(et),{class:"w-5 h-5"}),v[44]||(v[44]=t("span",null,"个人资料",-1))]),t("a",Jg,[c(r(Et),{class:"w-5 h-5"}),v[45]||(v[45]=t("span",null,"设置",-1))]),t("a",Ug,[c(r(Do),{class:"w-5 h-5"}),v[46]||(v[46]=t("span",null,"退出登录",-1))])])])):A("",!0)]))}},Fg=gt(Qg,[["__scopeId","data-v-2eec1b47"]]),Kg={class:"glass-container min-h-screen bg-gradient-to-br from-purple-500 to-pink-500"},Xg={class:"glass-app-bar"},qg={class:"container mx-auto px-4 py-3 flex items-center justify-between"},t0={class:"flex items-center"},s0={class:"flex items-center space-x-4"},e0={class:"glass-icon-button"},a0={class:"glass-icon-button"},i0={class:"glass-icon-button"},n0={class:"container mx-auto p-6"},o0={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},l0={class:"glass-card"},d0={class:"p-4"},c0={class:"space-y-2"},r0={href:"#",class:"glass-nav-item active"},u0={href:"#",class:"glass-nav-item"},v0={href:"#",class:"glass-nav-item"},p0={href:"#",class:"glass-nav-item"},f0={class:"md:col-span-2 space-y-6"},m0={class:"glass-card"},b0={class:"p-4"},h0={class:"space-y-4"},g0={class:"glass-list-item"},y0={class:"glass-icon-button"},x0={class:"glass-list-item"},_0={class:"glass-icon-button"},w0={class:"glass-card"},$0={class:"p-4"},I0={class:"flex flex-wrap gap-4"},M0={class:"glass-button icon"},k0={class:"glass-card"},C0={class:"p-4"},D0={class:"glass-bottom-nav"},A0={href:"#",class:"glass-bottom-nav-item active"},j0={href:"#",class:"glass-bottom-nav-item"},N0={href:"#",class:"glass-bottom-nav-item"},E0={href:"#",class:"glass-bottom-nav-item"},z0={href:"#",class:"glass-bottom-nav-item"},P0={key:0,class:"glass-dialog-overlay"},S0={class:"glass-dialog"},R0={class:"glass-dialog-header"},T0={class:"glass-dialog-actions"},G0={__name:"GlassmorphismView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",Kg,[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",Xg,[t("div",qg,[t("div",t0,[c(r(Tt),{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",s0,[t("button",e0,[c(r(q),{class:"w-5 h-5"})]),t("button",a0,[c(r(U),{class:"w-5 h-5"})]),t("button",i0,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",n0,[t("div",o0,[t("div",l0,[t("div",d0,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"导航菜单",-1)),t("nav",c0,[t("a",r0,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",u0,[c(r(Lt),{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",v0,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",p0,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",f0,[t("div",m0,[t("div",b0,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"卡片列表",-1)),t("div",h0,[t("div",g0,[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",y0,[c(r(ut),{class:"w-5 h-5"})])]),t("div",x0,[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",_0,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",w0,[t("div",$0,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"按钮样式",-1)),t("div",I0,[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",M0,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",k0,[t("div",C0,[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",D0,[t("a",A0,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",j0,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",N0,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",E0,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",z0,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",P0,[t("div",S0,[t("div",R0,[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)},[c(r(at),{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",T0,[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)]))}},Z0=gt(G0,[["__scopeId","data-v-391d6a55"]]),L0={class:"brutal-container min-h-screen bg-yellow-50"},O0={class:"brutal-header"},H0={class:"brutal-header-content"},B0={class:"brutal-header-actions"},V0={class:"brutal-btn text"},W0={class:"brutal-btn text"},Y0={class:"brutal-btn text"},J0={class:"brutal-main"},U0={class:"brutal-card-list"},Q0={class:"brutal-card-cover"},F0=["src","alt"],K0={class:"brutal-card-body"},X0={class:"brutal-card-meta"},q0={class:"brutal-card-meta-avatar"},t2={class:"brutal-card-meta-content"},s2={class:"brutal-card-meta-title"},e2={class:"brutal-card-meta-description"},a2={class:"brutal-card-content"},i2={class:"brutal-card-actions"},n2={class:"brutal-btn text"},o2={class:"brutal-btn text"},l2={class:"brutal-btn text"},d2={class:"brutal-tabs"},c2={class:"brutal-tabs-nav"},r2=["onClick"],u2={class:"brutal-tabs-content"},v2={key:0,class:"brutal-tabs-tabpane"},p2={key:1,class:"brutal-tabs-tabpane"},f2={key:2,class:"brutal-tabs-tabpane"},m2={key:0,class:"brutal-modal-mask"},b2={class:"brutal-modal-wrap"},h2={class:"brutal-modal"},g2={class:"brutal-modal-content"},y2={class:"brutal-modal-header"},x2={class:"brutal-modal-footer"},_2={key:1,class:"brutal-message"},w2={class:"brutal-message-notice"},$2={class:"brutal-message-notice-content"},I2={key:2,class:"brutal-notification"},M2={class:"brutal-notification-notice"},k2={class:"brutal-notification-notice-content"},C2={class:"brutal-notification-notice-icon"},D2="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=",A2={__name:"BrutalismView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",L0,[t("div",O0,[t("div",H0,[t("div",{class:"brutal-logo"},[t("img",{src:D2,alt:"Brutalism Logo",class:"brutal-logo-img"}),o[4]||(o[4]=t("span",{class:"brutal-logo-text"},"BRUTALISM",-1))]),o[5]||(o[5]=F('<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",B0,[t("button",V0,[c(r(q),{class:"w-5 h-5"})]),t("button",W0,[c(r(U),{class:"w-5 h-5"})]),t("button",Y0,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",J0,[t("div",U0,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"brutal-card"},[t("div",Q0,[t("img",{src:d.cover,alt:d.title,class:"brutal-card-cover-img"},null,8,F0)]),t("div",K0,[t("div",X0,[t("div",q0,[t("div",{class:nt(["brutal-avatar",d.avatarClass])},$(d.initials),3)]),t("div",t2,[t("h3",s2,$(d.title),1),t("p",e2,$(d.description),1)])]),t("p",a2,$(d.content),1),t("div",i2,[t("button",n2,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",o2,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",l2,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",d2,[t("div",c2,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["brutal-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,r2))),128))]),t("div",u2,[n.value==="tab1"?(y(),x("div",v2,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",p2,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",f2,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",m2,[t("div",b2,[t("div",h2,[t("div",g2,[t("div",y2,[o[9]||(o[9]=t("div",{class:"brutal-modal-title"},"对话框标题",-1)),t("button",{class:"brutal-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"brutal-modal-body"},[t("p",null,"这是一个粗野主义风格的对话框示例。")],-1)),t("div",x2,[t("button",{class:"brutal-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"brutal-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",_2,[t("div",w2,[t("div",$2,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",I2,[t("div",M2,[t("div",k2,[t("div",C2,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},j2=gt(A2,[["__scopeId","data-v-4868d9fe"]]),N2={class:"cyberpunk-container min-h-screen bg-gradient-to-br from-purple-900 via-pink-900 to-blue-900"},E2={class:"cyberpunk-app-bar"},z2={class:"container mx-auto px-4 py-3 flex items-center justify-between"},P2={class:"flex items-center"},S2={class:"flex items-center space-x-4"},R2={class:"cyberpunk-icon-button"},T2={class:"cyberpunk-icon-button"},G2={class:"cyberpunk-icon-button"},Z2={class:"container mx-auto p-6"},L2={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},O2={class:"cyberpunk-card"},H2={class:"p-4"},B2={class:"space-y-2"},V2={href:"#",class:"cyberpunk-nav-item active"},W2={href:"#",class:"cyberpunk-nav-item"},Y2={href:"#",class:"cyberpunk-nav-item"},J2={href:"#",class:"cyberpunk-nav-item"},U2={class:"md:col-span-2 space-y-6"},Q2={class:"cyberpunk-card"},F2={class:"p-4"},K2={class:"space-y-4"},X2={class:"cyberpunk-list-item"},q2={class:"cyberpunk-icon-button"},t4={class:"cyberpunk-list-item"},s4={class:"cyberpunk-icon-button"},e4={class:"cyberpunk-card"},a4={class:"p-4"},i4={class:"flex flex-wrap gap-4"},n4={class:"cyberpunk-button icon"},o4={class:"cyberpunk-card"},l4={class:"p-4"},d4={class:"cyberpunk-bottom-nav"},c4={href:"#",class:"cyberpunk-bottom-nav-item active"},r4={href:"#",class:"cyberpunk-bottom-nav-item"},u4={href:"#",class:"cyberpunk-bottom-nav-item"},v4={href:"#",class:"cyberpunk-bottom-nav-item"},p4={href:"#",class:"cyberpunk-bottom-nav-item"},f4={key:0,class:"cyberpunk-dialog-overlay"},m4={class:"cyberpunk-dialog"},b4={class:"cyberpunk-dialog-header"},h4={class:"cyberpunk-dialog-actions"},g4={__name:"CyberpunkView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",N2,[t("div",E2,[t("div",z2,[t("div",P2,[c(r(Tt),{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",S2,[t("button",R2,[c(r(q),{class:"w-5 h-5"})]),t("button",T2,[c(r(U),{class:"w-5 h-5"})]),t("button",G2,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",Z2,[t("div",L2,[t("div",O2,[t("div",H2,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"导航菜单",-1)),t("nav",B2,[t("a",V2,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",W2,[c(r(Lt),{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",Y2,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",J2,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",U2,[t("div",Q2,[t("div",F2,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"卡片列表",-1)),t("div",K2,[t("div",X2,[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",q2,[c(r(ut),{class:"w-5 h-5"})])]),t("div",t4,[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",s4,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",e4,[t("div",a4,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"按钮样式",-1)),t("div",i4,[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",n4,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",o4,[t("div",l4,[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",d4,[t("a",c4,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",r4,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",u4,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",v4,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",p4,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",f4,[t("div",m4,[t("div",b4,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"cyberpunk-dialog-content"},[t("p",{class:"text-pink-200"},"这是一个赛博朋克风格的对话框示例。")],-1)),t("div",h4,[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)]))}},y4=gt(g4,[["__scopeId","data-v-bbc77969"]]),x4={class:"organic-container min-h-screen bg-gradient-to-br from-green-50 to-emerald-50"},_4={class:"organic-header"},w4={class:"organic-header-content"},$4={class:"organic-header-actions"},I4={class:"organic-btn text"},M4={class:"organic-btn text"},k4={class:"organic-btn text"},C4={class:"organic-main"},D4={class:"organic-card-list"},A4={class:"organic-card-cover"},j4=["src","alt"],N4={class:"organic-card-body"},E4={class:"organic-card-meta"},z4={class:"organic-card-meta-avatar"},P4={class:"organic-card-meta-content"},S4={class:"organic-card-meta-title"},R4={class:"organic-card-meta-description"},T4={class:"organic-card-content"},G4={class:"organic-card-actions"},Z4={class:"organic-btn text"},L4={class:"organic-btn text"},O4={class:"organic-btn text"},H4={class:"organic-tabs"},B4={class:"organic-tabs-nav"},V4=["onClick"],W4={class:"organic-tabs-content"},Y4={key:0,class:"organic-tabs-tabpane"},J4={key:1,class:"organic-tabs-tabpane"},U4={key:2,class:"organic-tabs-tabpane"},Q4={key:0,class:"organic-modal-mask"},F4={class:"organic-modal-wrap"},K4={class:"organic-modal"},X4={class:"organic-modal-content"},q4={class:"organic-modal-header"},ty={class:"organic-modal-footer"},sy={key:1,class:"organic-message"},ey={class:"organic-message-notice"},ay={class:"organic-message-notice-content"},iy={key:2,class:"organic-notification"},ny={class:"organic-notification-notice"},oy={class:"organic-notification-notice-content"},ly={class:"organic-notification-notice-icon"},dy="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiM0MEYyQTUiLz48L3N2Zz4=",cy={__name:"OrganicDesignView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",x4,[t("div",_4,[t("div",w4,[t("div",{class:"organic-logo"},[t("img",{src:dy,alt:"Organic Design Logo",class:"organic-logo-img"}),o[4]||(o[4]=t("span",{class:"organic-logo-text"},"ORGANIC",-1))]),o[5]||(o[5]=F('<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",$4,[t("button",I4,[c(r(q),{class:"w-5 h-5"})]),t("button",M4,[c(r(U),{class:"w-5 h-5"})]),t("button",k4,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",C4,[t("div",D4,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"organic-card"},[t("div",A4,[t("img",{src:d.cover,alt:d.title,class:"organic-card-cover-img"},null,8,j4)]),t("div",N4,[t("div",E4,[t("div",z4,[t("div",{class:nt(["organic-avatar",d.avatarClass])},$(d.initials),3)]),t("div",P4,[t("h3",S4,$(d.title),1),t("p",R4,$(d.description),1)])]),t("p",T4,$(d.content),1),t("div",G4,[t("button",Z4,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",L4,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",O4,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",H4,[t("div",B4,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["organic-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,V4))),128))]),t("div",W4,[n.value==="tab1"?(y(),x("div",Y4,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",J4,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",U4,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",Q4,[t("div",F4,[t("div",K4,[t("div",X4,[t("div",q4,[o[9]||(o[9]=t("div",{class:"organic-modal-title"},"对话框标题",-1)),t("button",{class:"organic-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"organic-modal-body"},[t("p",null,"这是一个有机设计风格的对话框示例。")],-1)),t("div",ty,[t("button",{class:"organic-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"organic-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",sy,[t("div",ey,[t("div",ay,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",iy,[t("div",ny,[t("div",oy,[t("div",ly,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},ry=gt(cy,[["__scopeId","data-v-3c572959"]]),uy={class:"pixel-container min-h-screen bg-indigo-900"},vy={class:"pixel-header"},py={class:"pixel-header-content"},fy={class:"pixel-header-actions"},my={class:"pixel-btn text"},by={class:"pixel-btn text"},hy={class:"pixel-btn text"},gy={class:"pixel-main"},yy={class:"pixel-card-list"},xy={class:"pixel-card-cover"},_y=["src","alt"],wy={class:"pixel-card-body"},$y={class:"pixel-card-meta"},Iy={class:"pixel-card-meta-avatar"},My={class:"pixel-card-meta-content"},ky={class:"pixel-card-meta-title"},Cy={class:"pixel-card-meta-description"},Dy={class:"pixel-card-content"},Ay={class:"pixel-card-actions"},jy={class:"pixel-btn text"},Ny={class:"pixel-btn text"},Ey={class:"pixel-btn text"},zy={class:"pixel-tabs"},Py={class:"pixel-tabs-nav"},Sy=["onClick"],Ry={class:"pixel-tabs-content"},Ty={key:0,class:"pixel-tabs-tabpane"},Gy={key:1,class:"pixel-tabs-tabpane"},Zy={key:2,class:"pixel-tabs-tabpane"},Ly={key:0,class:"pixel-modal-mask"},Oy={class:"pixel-modal-wrap"},Hy={class:"pixel-modal"},By={class:"pixel-modal-content"},Vy={class:"pixel-modal-header"},Wy={class:"pixel-modal-footer"},Yy={key:1,class:"pixel-message"},Jy={class:"pixel-message-notice"},Uy={class:"pixel-message-notice-content"},Qy={key:2,class:"pixel-notification"},Fy={class:"pixel-notification-notice"},Ky={class:"pixel-notification-notice-content"},Xy={class:"pixel-notification-notice-icon"},qy="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=",t5={__name:"PixelArtView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",uy,[t("div",vy,[t("div",py,[t("div",{class:"pixel-logo"},[t("img",{src:qy,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]=F('<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",fy,[t("button",my,[c(r(q),{class:"w-5 h-5"})]),t("button",by,[c(r(U),{class:"w-5 h-5"})]),t("button",hy,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",gy,[t("div",yy,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"pixel-card"},[t("div",xy,[t("img",{src:d.cover,alt:d.title,class:"pixel-card-cover-img"},null,8,_y)]),t("div",wy,[t("div",$y,[t("div",Iy,[t("div",{class:nt(["pixel-avatar",d.avatarClass])},$(d.initials),3)]),t("div",My,[t("h3",ky,$(d.title),1),t("p",Cy,$(d.description),1)])]),t("p",Dy,$(d.content),1),t("div",Ay,[t("button",jy,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",Ny,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",Ey,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",zy,[t("div",Py,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["pixel-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,Sy))),128))]),t("div",Ry,[n.value==="tab1"?(y(),x("div",Ty,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",Gy,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",Zy,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",Ly,[t("div",Oy,[t("div",Hy,[t("div",By,[t("div",Vy,[o[9]||(o[9]=t("div",{class:"pixel-modal-title"},"对话框标题",-1)),t("button",{class:"pixel-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"pixel-modal-body"},[t("p",null,"这是一个像素艺术风格的对话框示例。")],-1)),t("div",Wy,[t("button",{class:"pixel-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"pixel-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",Yy,[t("div",Jy,[t("div",Uy,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",Qy,[t("div",Fy,[t("div",Ky,[t("div",Xy,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},s5=gt(t5,[["__scopeId","data-v-4aaea49c"]]),e5={class:"morphism-container min-h-screen bg-gradient-to-br from-purple-100 to-blue-100"},a5={class:"morphism-header"},i5={class:"morphism-header-content"},n5={class:"morphism-header-actions"},o5={class:"morphism-btn text"},l5={class:"morphism-btn text"},d5={class:"morphism-btn text"},c5={class:"morphism-main"},r5={class:"morphism-card-list"},u5={class:"morphism-card-cover"},v5=["src","alt"],p5={class:"morphism-card-body"},f5={class:"morphism-card-meta"},m5={class:"morphism-card-meta-avatar"},b5={class:"morphism-card-meta-content"},h5={class:"morphism-card-meta-title"},g5={class:"morphism-card-meta-description"},y5={class:"morphism-card-content"},x5={class:"morphism-card-actions"},_5={class:"morphism-btn text"},w5={class:"morphism-btn text"},$5={class:"morphism-btn text"},I5={class:"morphism-tabs"},M5={class:"morphism-tabs-nav"},k5=["onClick"],C5={class:"morphism-tabs-content"},D5={key:0,class:"morphism-tabs-tabpane"},A5={key:1,class:"morphism-tabs-tabpane"},j5={key:2,class:"morphism-tabs-tabpane"},N5={key:0,class:"morphism-modal-mask"},E5={class:"morphism-modal-wrap"},z5={class:"morphism-modal"},P5={class:"morphism-modal-content"},S5={class:"morphism-modal-header"},R5={class:"morphism-modal-footer"},T5={key:1,class:"morphism-message"},G5={class:"morphism-message-notice"},Z5={class:"morphism-message-notice-content"},L5={key:2,class:"morphism-notification"},O5={class:"morphism-notification-notice"},H5={class:"morphism-notification-notice-content"},B5={class:"morphism-notification-notice-icon"},V5="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjQ3RkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY3RkJGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",W5={__name:"MorphismView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",e5,[t("div",a5,[t("div",i5,[t("div",{class:"morphism-logo"},[t("img",{src:V5,alt:"Morphism Logo",class:"morphism-logo-img"}),o[4]||(o[4]=t("span",{class:"morphism-logo-text"},"Morphism",-1))]),o[5]||(o[5]=F('<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",n5,[t("button",o5,[c(r(q),{class:"w-5 h-5"})]),t("button",l5,[c(r(U),{class:"w-5 h-5"})]),t("button",d5,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",c5,[t("div",r5,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"morphism-card"},[t("div",u5,[t("img",{src:d.cover,alt:d.title,class:"morphism-card-cover-img"},null,8,v5)]),t("div",p5,[t("div",f5,[t("div",m5,[t("div",{class:nt(["morphism-avatar",d.avatarClass])},$(d.initials),3)]),t("div",b5,[t("h3",h5,$(d.title),1),t("p",g5,$(d.description),1)])]),t("p",y5,$(d.content),1),t("div",x5,[t("button",_5,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",w5,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",$5,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",I5,[t("div",M5,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["morphism-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,k5))),128))]),t("div",C5,[n.value==="tab1"?(y(),x("div",D5,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",A5,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",j5,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",N5,[t("div",E5,[t("div",z5,[t("div",P5,[t("div",S5,[o[9]||(o[9]=t("div",{class:"morphism-modal-title"},"对话框标题",-1)),t("button",{class:"morphism-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"morphism-modal-body"},[t("p",null,"这是一个 Morphism 风格的对话框示例。")],-1)),t("div",R5,[t("button",{class:"morphism-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"morphism-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",T5,[t("div",G5,[t("div",Z5,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",L5,[t("div",O5,[t("div",H5,[t("div",B5,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},Y5=gt(W5,[["__scopeId","data-v-66706a9a"]]),J5={class:"aurora-container min-h-screen bg-gradient-to-br from-purple-900 via-indigo-900 to-blue-900"},U5={class:"aurora-app-bar"},Q5={class:"container mx-auto px-4 py-3 flex items-center justify-between"},F5={class:"flex items-center"},K5={class:"flex items-center space-x-4"},X5={class:"aurora-icon-button"},q5={class:"aurora-icon-button"},tx={class:"aurora-icon-button"},sx={class:"container mx-auto p-6"},ex={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},ax={class:"aurora-card"},ix={class:"p-4"},nx={class:"space-y-2"},ox={href:"#",class:"aurora-nav-item active"},lx={href:"#",class:"aurora-nav-item"},dx={href:"#",class:"aurora-nav-item"},cx={href:"#",class:"aurora-nav-item"},rx={class:"md:col-span-2 space-y-6"},ux={class:"aurora-card"},vx={class:"p-4"},px={class:"space-y-4"},fx={class:"aurora-list-item"},mx={class:"aurora-icon-button"},bx={class:"aurora-list-item"},hx={class:"aurora-icon-button"},gx={class:"aurora-card"},yx={class:"p-4"},xx={class:"flex flex-wrap gap-4"},_x={class:"aurora-button icon"},wx={class:"aurora-card"},$x={class:"p-4"},Ix={class:"aurora-bottom-nav"},Mx={href:"#",class:"aurora-bottom-nav-item active"},kx={href:"#",class:"aurora-bottom-nav-item"},Cx={href:"#",class:"aurora-bottom-nav-item"},Dx={href:"#",class:"aurora-bottom-nav-item"},Ax={href:"#",class:"aurora-bottom-nav-item"},jx={key:0,class:"aurora-dialog-overlay"},Nx={class:"aurora-dialog"},Ex={class:"aurora-dialog-header"},zx={class:"aurora-dialog-actions"},Px={__name:"AuroraView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",J5,[t("div",U5,[t("div",Q5,[t("div",F5,[c(r(Tt),{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",K5,[t("button",X5,[c(r(q),{class:"w-5 h-5"})]),t("button",q5,[c(r(U),{class:"w-5 h-5"})]),t("button",tx,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",sx,[t("div",ex,[t("div",ax,[t("div",ix,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"导航菜单",-1)),t("nav",nx,[t("a",ox,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",lx,[c(r(Lt),{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",dx,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",cx,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",rx,[t("div",ux,[t("div",vx,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"卡片列表",-1)),t("div",px,[t("div",fx,[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",mx,[c(r(ut),{class:"w-5 h-5"})])]),t("div",bx,[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",hx,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",gx,[t("div",yx,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"按钮样式",-1)),t("div",xx,[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",_x,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",wx,[t("div",$x,[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",Ix,[t("a",Mx,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",kx,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Cx,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Dx,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Ax,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",jx,[t("div",Nx,[t("div",Ex,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"aurora-dialog-content"},[t("p",{class:"text-purple-200"},"这是一个极光风格的对话框示例。")],-1)),t("div",zx,[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)]))}},Sx=gt(Px,[["__scopeId","data-v-abe9da3a"]]),Rx={class:"neon-container min-h-screen bg-black"},Tx={class:"neon-header"},Gx={class:"neon-header-content"},Zx={class:"neon-header-actions"},Lx={class:"neon-btn text"},Ox={class:"neon-btn text"},Hx={class:"neon-btn text"},Bx={class:"neon-main"},Vx={class:"neon-card-list"},Wx={class:"neon-card-cover"},Yx=["src","alt"],Jx={class:"neon-card-body"},Ux={class:"neon-card-meta"},Qx={class:"neon-card-meta-avatar"},Fx={class:"neon-card-meta-content"},Kx={class:"neon-card-meta-title"},Xx={class:"neon-card-meta-description"},qx={class:"neon-card-content"},t3={class:"neon-card-actions"},s3={class:"neon-btn text"},e3={class:"neon-btn text"},a3={class:"neon-btn text"},i3={class:"neon-tabs"},n3={class:"neon-tabs-nav"},o3=["onClick"],l3={class:"neon-tabs-content"},d3={key:0,class:"neon-tabs-tabpane"},c3={key:1,class:"neon-tabs-tabpane"},r3={key:2,class:"neon-tabs-tabpane"},u3={key:0,class:"neon-modal-mask"},v3={class:"neon-modal-wrap"},p3={class:"neon-modal"},f3={class:"neon-modal-content"},m3={class:"neon-modal-header"},b3={class:"neon-modal-footer"},h3={key:1,class:"neon-message"},g3={class:"neon-message-notice"},y3={class:"neon-message-notice-content"},x3={key:2,class:"neon-notification"},_3={class:"neon-notification-notice"},w3={class:"neon-notification-notice-content"},$3={class:"neon-notification-notice-icon"},I3="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBGRkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMEZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",M3={__name:"NeonView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",Rx,[t("div",Tx,[t("div",Gx,[t("div",{class:"neon-logo"},[t("img",{src:I3,alt:"Neon Logo",class:"neon-logo-img"}),o[4]||(o[4]=t("span",{class:"neon-logo-text"},"NEON",-1))]),o[5]||(o[5]=F('<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",Zx,[t("button",Lx,[c(r(q),{class:"w-5 h-5"})]),t("button",Ox,[c(r(U),{class:"w-5 h-5"})]),t("button",Hx,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",Bx,[t("div",Vx,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"neon-card"},[t("div",Wx,[t("img",{src:d.cover,alt:d.title,class:"neon-card-cover-img"},null,8,Yx)]),t("div",Jx,[t("div",Ux,[t("div",Qx,[t("div",{class:nt(["neon-avatar",d.avatarClass])},$(d.initials),3)]),t("div",Fx,[t("h3",Kx,$(d.title),1),t("p",Xx,$(d.description),1)])]),t("p",qx,$(d.content),1),t("div",t3,[t("button",s3,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",e3,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",a3,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",i3,[t("div",n3,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["neon-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,o3))),128))]),t("div",l3,[n.value==="tab1"?(y(),x("div",d3,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",c3,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",r3,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",u3,[t("div",v3,[t("div",p3,[t("div",f3,[t("div",m3,[o[9]||(o[9]=t("div",{class:"neon-modal-title"},"对话框标题",-1)),t("button",{class:"neon-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"neon-modal-body"},[t("p",null,"这是一个霓虹灯风格的对话框示例。")],-1)),t("div",b3,[t("button",{class:"neon-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"neon-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",h3,[t("div",g3,[t("div",y3,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",x3,[t("div",_3,[t("div",w3,[t("div",$3,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},k3=gt(M3,[["__scopeId","data-v-499287f4"]]),C3={class:"steampunk-container min-h-screen bg-gradient-to-br from-amber-900 via-yellow-900 to-brown-900"},D3={class:"steampunk-app-bar"},A3={class:"container mx-auto px-4 py-3 flex items-center justify-between"},j3={class:"flex items-center"},N3={class:"flex items-center space-x-4"},E3={class:"steampunk-icon-button"},z3={class:"steampunk-icon-button"},P3={class:"steampunk-icon-button"},S3={class:"container mx-auto p-6"},R3={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},T3={class:"steampunk-card"},G3={class:"p-4"},Z3={class:"space-y-2"},L3={href:"#",class:"steampunk-nav-item active"},O3={href:"#",class:"steampunk-nav-item"},H3={href:"#",class:"steampunk-nav-item"},B3={href:"#",class:"steampunk-nav-item"},V3={class:"md:col-span-2 space-y-6"},W3={class:"steampunk-card"},Y3={class:"p-4"},J3={class:"space-y-4"},U3={class:"steampunk-list-item"},Q3={class:"steampunk-icon-button"},F3={class:"steampunk-list-item"},K3={class:"steampunk-icon-button"},X3={class:"steampunk-card"},q3={class:"p-4"},t_={class:"flex flex-wrap gap-4"},s_={class:"steampunk-button icon"},e_={class:"steampunk-card"},a_={class:"p-4"},i_={class:"steampunk-bottom-nav"},n_={href:"#",class:"steampunk-bottom-nav-item active"},o_={href:"#",class:"steampunk-bottom-nav-item"},l_={href:"#",class:"steampunk-bottom-nav-item"},d_={href:"#",class:"steampunk-bottom-nav-item"},c_={href:"#",class:"steampunk-bottom-nav-item"},r_={key:0,class:"steampunk-dialog-overlay"},u_={class:"steampunk-dialog"},v_={class:"steampunk-dialog-header"},p_={class:"steampunk-dialog-actions"},f_={__name:"SteampunkView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",C3,[t("div",D3,[t("div",A3,[t("div",j3,[c(r(Tt),{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",N3,[t("button",E3,[c(r(q),{class:"w-5 h-5"})]),t("button",z3,[c(r(U),{class:"w-5 h-5"})]),t("button",P3,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",S3,[t("div",R3,[t("div",T3,[t("div",G3,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"导航菜单",-1)),t("nav",Z3,[t("a",L3,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",O3,[c(r(Lt),{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",H3,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",B3,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",V3,[t("div",W3,[t("div",Y3,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"卡片列表",-1)),t("div",J3,[t("div",U3,[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",Q3,[c(r(ut),{class:"w-5 h-5"})])]),t("div",F3,[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",K3,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",X3,[t("div",q3,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"按钮样式",-1)),t("div",t_,[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",s_,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",e_,[t("div",a_,[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",i_,[t("a",n_,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",o_,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",l_,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",d_,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",c_,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",r_,[t("div",u_,[t("div",v_,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"steampunk-dialog-content"},[t("p",{class:"text-amber-200"},"这是一个蒸汽朋克风格的对话框示例。")],-1)),t("div",p_,[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)]))}},m_=gt(f_,[["__scopeId","data-v-909f2f59"]]),b_={class:"holographic-container min-h-screen bg-gradient-to-br from-blue-900 to-purple-900"},h_={class:"holographic-header"},g_={class:"holographic-header-content"},y_={class:"holographic-header-actions"},x_={class:"holographic-btn text"},__={class:"holographic-btn text"},w_={class:"holographic-btn text"},$_={class:"holographic-main"},I_={class:"holographic-card-list"},M_={class:"holographic-card-cover"},k_=["src","alt"],C_={class:"holographic-card-body"},D_={class:"holographic-card-meta"},A_={class:"holographic-card-meta-avatar"},j_={class:"holographic-card-meta-content"},N_={class:"holographic-card-meta-title"},E_={class:"holographic-card-meta-description"},z_={class:"holographic-card-content"},P_={class:"holographic-card-actions"},S_={class:"holographic-btn text"},R_={class:"holographic-btn text"},T_={class:"holographic-btn text"},G_={class:"holographic-tabs"},Z_={class:"holographic-tabs-nav"},L_=["onClick"],O_={class:"holographic-tabs-content"},H_={key:0,class:"holographic-tabs-tabpane"},B_={key:1,class:"holographic-tabs-tabpane"},V_={key:2,class:"holographic-tabs-tabpane"},W_={key:0,class:"holographic-modal-mask"},Y_={class:"holographic-modal-wrap"},J_={class:"holographic-modal"},U_={class:"holographic-modal-content"},Q_={class:"holographic-modal-header"},F_={class:"holographic-modal-footer"},K_={key:1,class:"holographic-message"},X_={class:"holographic-message-notice"},q_={class:"holographic-message-notice-content"},t9={key:2,class:"holographic-notification"},s9={class:"holographic-notification-notice"},e9={class:"holographic-notification-notice-content"},a9={class:"holographic-notification-notice-icon"},i9="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDA2NkZGIi8+PHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNGRjAwRkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=",n9={__name:"HolographicView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",b_,[t("div",h_,[t("div",g_,[t("div",{class:"holographic-logo"},[t("img",{src:i9,alt:"Holographic Logo",class:"holographic-logo-img"}),o[4]||(o[4]=t("span",{class:"holographic-logo-text"},"Holographic",-1))]),o[5]||(o[5]=F('<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",y_,[t("button",x_,[c(r(q),{class:"w-5 h-5"})]),t("button",__,[c(r(U),{class:"w-5 h-5"})]),t("button",w_,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",$_,[t("div",I_,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"holographic-card"},[t("div",M_,[t("img",{src:d.cover,alt:d.title,class:"holographic-card-cover-img"},null,8,k_)]),t("div",C_,[t("div",D_,[t("div",A_,[t("div",{class:nt(["holographic-avatar",d.avatarClass])},$(d.initials),3)]),t("div",j_,[t("h3",N_,$(d.title),1),t("p",E_,$(d.description),1)])]),t("p",z_,$(d.content),1),t("div",P_,[t("button",S_,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",R_,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",T_,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",G_,[t("div",Z_,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["holographic-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,L_))),128))]),t("div",O_,[n.value==="tab1"?(y(),x("div",H_,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",B_,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",V_,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",W_,[t("div",Y_,[t("div",J_,[t("div",U_,[t("div",Q_,[o[9]||(o[9]=t("div",{class:"holographic-modal-title"},"对话框标题",-1)),t("button",{class:"holographic-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"holographic-modal-body"},[t("p",null,"这是一个全息投影风格的对话框示例。")],-1)),t("div",F_,[t("button",{class:"holographic-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"holographic-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",K_,[t("div",X_,[t("div",q_,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",t9,[t("div",s9,[t("div",e9,[t("div",a9,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},o9=gt(n9,[["__scopeId","data-v-00f9da77"]]),l9={class:"gradient-container min-h-screen bg-gradient-to-br from-pink-500 via-purple-500 to-indigo-500"},d9={class:"gradient-header"},c9={class:"gradient-header-content"},r9={class:"gradient-header-actions"},u9={class:"gradient-btn text"},v9={class:"gradient-btn text"},p9={class:"gradient-btn text"},f9={class:"gradient-main"},m9={class:"gradient-card-list"},b9={class:"gradient-card-cover"},h9=["src","alt"],g9={class:"gradient-card-body"},y9={class:"gradient-card-meta"},x9={class:"gradient-card-meta-avatar"},_9={class:"gradient-card-meta-content"},w9={class:"gradient-card-meta-title"},$9={class:"gradient-card-meta-description"},I9={class:"gradient-card-content"},M9={class:"gradient-card-actions"},k9={class:"gradient-btn text"},C9={class:"gradient-btn text"},D9={class:"gradient-btn text"},A9={class:"gradient-tabs"},j9={class:"gradient-tabs-nav"},N9=["onClick"],E9={class:"gradient-tabs-content"},z9={key:0,class:"gradient-tabs-tabpane"},P9={key:1,class:"gradient-tabs-tabpane"},S9={key:2,class:"gradient-tabs-tabpane"},R9={key:0,class:"gradient-modal-mask"},T9={class:"gradient-modal-wrap"},G9={class:"gradient-modal"},Z9={class:"gradient-modal-content"},L9={class:"gradient-modal-header"},O9={class:"gradient-modal-footer"},H9={key:1,class:"gradient-message"},B9={class:"gradient-message-notice"},V9={class:"gradient-message-notice-content"},W9={key:2,class:"gradient-notification"},Y9={class:"gradient-notification-notice"},J9={class:"gradient-notification-notice-content"},U9={class:"gradient-notification-notice-icon"},Q9="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY2QjAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",F9={__name:"GradientView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",l9,[t("div",d9,[t("div",c9,[t("div",{class:"gradient-logo"},[t("img",{src:Q9,alt:"Gradient Logo",class:"gradient-logo-img"}),o[4]||(o[4]=t("span",{class:"gradient-logo-text"},"Gradient",-1))]),o[5]||(o[5]=F('<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",r9,[t("button",u9,[c(r(q),{class:"w-5 h-5"})]),t("button",v9,[c(r(U),{class:"w-5 h-5"})]),t("button",p9,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",f9,[t("div",m9,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"gradient-card"},[t("div",b9,[t("img",{src:d.cover,alt:d.title,class:"gradient-card-cover-img"},null,8,h9)]),t("div",g9,[t("div",y9,[t("div",x9,[t("div",{class:nt(["gradient-avatar",d.avatarClass])},$(d.initials),3)]),t("div",_9,[t("h3",w9,$(d.title),1),t("p",$9,$(d.description),1)])]),t("p",I9,$(d.content),1),t("div",M9,[t("button",k9,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",C9,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",D9,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",A9,[t("div",j9,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["gradient-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,N9))),128))]),t("div",E9,[n.value==="tab1"?(y(),x("div",z9,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",P9,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",S9,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",R9,[t("div",T9,[t("div",G9,[t("div",Z9,[t("div",L9,[o[9]||(o[9]=t("div",{class:"gradient-modal-title"},"对话框标题",-1)),t("button",{class:"gradient-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"gradient-modal-body"},[t("p",null,"这是一个渐变风格的对话框示例。")],-1)),t("div",O9,[t("button",{class:"gradient-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"gradient-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",H9,[t("div",B9,[t("div",V9,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",W9,[t("div",Y9,[t("div",J9,[t("div",U9,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},K9=gt(F9,[["__scopeId","data-v-83d9391a"]]),X9={class:"ant-container min-h-screen bg-gray-50"},q9={class:"ant-header"},tw={class:"ant-header-content"},sw={class:"ant-header-actions"},ew={class:"ant-btn text"},aw={class:"ant-btn text"},iw={class:"ant-btn text"},nw={class:"ant-main"},ow={class:"ant-card-list"},lw={class:"ant-card-cover"},dw=["src","alt"],cw={class:"ant-card-body"},rw={class:"ant-card-meta"},uw={class:"ant-card-meta-avatar"},vw={class:"ant-card-meta-content"},pw={class:"ant-card-meta-title"},fw={class:"ant-card-meta-description"},mw={class:"ant-card-content"},bw={class:"ant-card-actions"},hw={class:"ant-btn text"},gw={class:"ant-btn text"},yw={class:"ant-btn text"},xw={class:"ant-tabs"},_w={class:"ant-tabs-nav"},ww=["onClick"],$w={class:"ant-tabs-content"},Iw={key:0,class:"ant-tabs-tabpane"},Mw={key:1,class:"ant-tabs-tabpane"},kw={key:2,class:"ant-tabs-tabpane"},Cw={key:0,class:"ant-modal-mask"},Dw={class:"ant-modal-wrap"},Aw={class:"ant-modal"},jw={class:"ant-modal-content"},Nw={class:"ant-modal-header"},Ew={class:"ant-modal-footer"},zw={key:1,class:"ant-message"},Pw={class:"ant-message-notice"},Sw={class:"ant-message-notice-content"},Rw={key:2,class:"ant-notification"},Tw={class:"ant-notification-notice"},Gw={class:"ant-notification-notice-content"},Zw={class:"ant-notification-notice-icon"},Lw="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMTg5MEZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA2NkZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",Ow={__name:"AntDesignView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(p,o)=>(y(),x("div",X9,[t("div",q9,[t("div",tw,[t("div",{class:"ant-logo"},[t("img",{src:Lw,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]=F('<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",sw,[t("button",ew,[c(r(q),{class:"w-5 h-5"})]),t("button",aw,[c(r(U),{class:"w-5 h-5"})]),t("button",iw,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",nw,[t("div",ow,[(y(!0),x(X,null,it(l.value,d=>(y(),x("div",{key:d.id,class:"ant-card"},[t("div",lw,[t("img",{src:d.cover,alt:d.title,class:"ant-card-cover-img"},null,8,dw)]),t("div",cw,[t("div",rw,[t("div",uw,[t("div",{class:nt(["ant-avatar",d.avatarClass])},$(d.initials),3)]),t("div",vw,[t("h3",pw,$(d.title),1),t("p",fw,$(d.description),1)])]),t("p",mw,$(d.content),1),t("div",bw,[t("button",hw,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(d.likes),1)]),t("button",gw,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(d.comments),1)]),t("button",yw,[c(r(ns),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=F('<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",xw,[t("div",_w,[(y(!0),x(X,null,it(u.value,d=>(y(),x("div",{key:d.id,class:nt(["ant-tabs-tab",{active:n.value===d.id}]),onClick:f=>n.value=d.id},$(d.label),11,ww))),128))]),t("div",$w,[n.value==="tab1"?(y(),x("div",Iw,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",Mw,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",kw,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",Cw,[t("div",Dw,[t("div",Aw,[t("div",jw,[t("div",Nw,[o[9]||(o[9]=t("div",{class:"ant-modal-title"},"对话框标题",-1)),t("button",{class:"ant-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"ant-modal-body"},[t("p",null,"这是一个 Ant Design 风格的对话框示例。")],-1)),t("div",Ew,[t("button",{class:"ant-btn",onClick:o[1]||(o[1]=d=>a.value=!1)},"取消"),t("button",{class:"ant-btn primary",onClick:o[2]||(o[2]=d=>a.value=!1)},"确定")])])])])])):A("",!0),i.value?(y(),x("div",zw,[t("div",Pw,[t("div",Sw,[c(r(gs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):A("",!0),e.value?(y(),x("div",Rw,[t("div",Tw,[t("div",Gw,[t("div",Zw,[c(r(U),{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]=d=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])])])):A("",!0)])]))}},Hw=gt(Ow,[["__scopeId","data-v-8473f951"]]),Bw={class:"element-container min-h-screen bg-gray-50"},Vw={class:"element-header"},Ww={class:"element-header-content"},Yw={class:"element-header-actions"},Jw={class:"element-button text"},Uw={class:"element-button text"},Qw={class:"element-button text"},Fw={class:"element-main"},Kw={class:"element-card-list"},Xw={class:"element-card-header"},qw={class:"element-card-info"},t6={class:"element-card-title"},s6={class:"element-card-subtitle"},e6={class:"element-card-actions"},a6={class:"element-button text"},i6={class:"element-card-body"},n6=["src"],o6={class:"element-card-footer"},l6={class:"element-button text"},d6={class:"element-button text"},c6={class:"element-button text"},r6={class:"element-tabs"},u6={class:"element-tabs-header"},v6=["onClick"],p6={class:"element-tabs-content"},f6={key:0,class:"element-tab-pane"},m6={key:1,class:"element-tab-pane"},b6={key:2,class:"element-tab-pane"},h6={key:0,class:"element-dialog-wrapper"},g6={class:"element-dialog"},y6={class:"element-dialog-header"},x6={class:"element-dialog-footer"},_6={key:1,class:"element-message"},w6={class:"element-message-content"},$6={key:2,class:"element-notification"},I6={class:"element-notification-title"},M6={class:"element-notification-list"},k6={class:"element-notification-icon"},C6={class:"element-notification-content"},D6={class:"element-notification-time"},A6="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNDFCODgzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkQ4ODVGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",j6={__name:"ElementUIView",setup(s){const a=w(!1),i=w(!1),e=w(!1),n=w("tab1"),l=w([{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"}]),u=w([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]),p=w([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]);return(o,d)=>(y(),x("div",Bw,[t("div",Vw,[t("div",Ww,[t("div",{class:"element-logo"},[t("img",{src:A6,alt:"Element Logo",class:"element-logo-img"}),d[4]||(d[4]=t("span",{class:"element-logo-text"},"Element UI",-1))]),d[5]||(d[5]=F('<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",Yw,[t("button",Jw,[c(r(q),{class:"w-5 h-5"})]),t("button",Uw,[c(r(U),{class:"w-5 h-5"})]),t("button",Qw,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",Fw,[t("div",Kw,[(y(!0),x(X,null,it(l.value,f=>(y(),x("div",{key:f.id,class:"element-card"},[t("div",Xw,[t("div",{class:nt(["element-avatar",f.avatarClass])},$(f.initials),3),t("div",qw,[t("h3",t6,$(f.title),1),t("p",s6,$(f.description),1)]),t("div",e6,[t("button",a6,[c(r(ut),{class:"w-5 h-5"})])])]),t("div",i6,[t("img",{src:f.cover,alt:"Card Cover",class:"element-card-cover"},null,8,n6),t("p",null,$(f.content),1)]),t("div",o6,[t("button",l6,[c(r(as),{class:"w-5 h-5"}),t("span",null,$(f.likes),1)]),t("button",d6,[c(r(is),{class:"w-5 h-5"}),t("span",null,$(f.comments),1)]),t("button",c6,[c(r(ns),{class:"w-5 h-5"})])])]))),128))]),d[13]||(d[13]=F('<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",r6,[t("div",u6,[(y(!0),x(X,null,it(u.value,f=>(y(),x("div",{key:f.id,class:nt(["element-tabs-item",{active:n.value===f.id}]),onClick:g=>n.value=f.id},$(f.label),11,v6))),128))]),t("div",p6,[n.value==="tab1"?(y(),x("div",f6,d[6]||(d[6]=[t("p",null,"标签页 1 的内容",-1)]))):A("",!0),n.value==="tab2"?(y(),x("div",m6,d[7]||(d[7]=[t("p",null,"标签页 2 的内容",-1)]))):A("",!0),n.value==="tab3"?(y(),x("div",b6,d[8]||(d[8]=[t("p",null,"标签页 3 的内容",-1)]))):A("",!0)])]),a.value?(y(),x("div",h6,[t("div",g6,[t("div",y6,[d[9]||(d[9]=t("span",{class:"element-dialog-title"},"对话框标题",-1)),t("button",{class:"element-dialog-close",onClick:d[0]||(d[0]=f=>a.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),d[10]||(d[10]=t("div",{class:"element-dialog-body"},[t("p",null,"这是一个 Element UI 风格的对话框示例。")],-1)),t("div",x6,[t("button",{class:"element-button",onClick:d[1]||(d[1]=f=>a.value=!1)},"取消"),t("button",{class:"element-button primary",onClick:d[2]||(d[2]=f=>a.value=!1)},"确定")])])])):A("",!0),i.value?(y(),x("div",_6,[t("div",w6,[c(r(gs),{class:"w-5 h-5"}),d[11]||(d[11]=t("span",null,"这是一条消息提示",-1))])])):A("",!0),e.value?(y(),x("div",$6,[t("div",I6,[d[12]||(d[12]=t("span",null,"通知",-1)),t("button",{class:"element-notification-close",onClick:d[3]||(d[3]=f=>e.value=!1)},[c(r(at),{class:"w-5 h-5"})])]),t("div",M6,[(y(!0),x(X,null,it(p.value,f=>(y(),x("div",{key:f.id,class:"element-notification-item"},[t("div",k6,[c(r(U),{class:"w-5 h-5"})]),t("div",C6,[t("h4",null,$(f.title),1),t("p",null,$(f.content),1)]),t("span",D6,$(f.time),1)]))),128))])])):A("",!0)])]))}},N6=gt(j6,[["__scopeId","data-v-8c64faa7"]]),E6={class:"flat-container min-h-screen bg-gray-50"},z6={class:"flat-app-bar"},P6={class:"container mx-auto px-4 py-3 flex items-center justify-between"},S6={class:"flex items-center"},R6={class:"flex items-center space-x-4"},T6={class:"flat-icon-button"},G6={class:"flat-icon-button"},Z6={class:"flat-icon-button"},L6={class:"container mx-auto p-6"},O6={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},H6={class:"flat-card"},B6={class:"p-4"},V6={class:"space-y-2"},W6={href:"#",class:"flat-nav-item active"},Y6={href:"#",class:"flat-nav-item"},J6={href:"#",class:"flat-nav-item"},U6={href:"#",class:"flat-nav-item"},Q6={class:"md:col-span-2 space-y-6"},F6={class:"flat-card"},K6={class:"p-4"},X6={class:"space-y-4"},q6={class:"flat-list-item"},t$={class:"flat-icon-button"},s$={class:"flat-list-item"},e$={class:"flat-icon-button"},a$={class:"flat-card"},i$={class:"p-4"},n$={class:"flex flex-wrap gap-4"},o$={class:"flat-button icon"},l$={class:"flat-card"},d$={class:"p-4"},c$={class:"flat-bottom-nav"},r$={href:"#",class:"flat-bottom-nav-item active"},u$={href:"#",class:"flat-bottom-nav-item"},v$={href:"#",class:"flat-bottom-nav-item"},p$={href:"#",class:"flat-bottom-nav-item"},f$={href:"#",class:"flat-bottom-nav-item"},m$={key:0,class:"flat-dialog-overlay"},b$={class:"flat-dialog"},h$={class:"flat-dialog-header"},g$={class:"flat-dialog-actions"},y$={__name:"FlatView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",E6,[t("div",z6,[t("div",P6,[t("div",S6,[c(r(Tt),{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",R6,[t("button",T6,[c(r(q),{class:"w-5 h-5"})]),t("button",G6,[c(r(U),{class:"w-5 h-5"})]),t("button",Z6,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",L6,[t("div",O6,[t("div",H6,[t("div",B6,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",V6,[t("a",W6,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Y6,[c(r(Lt),{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",J6,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",U6,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Q6,[t("div",F6,[t("div",K6,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",X6,[t("div",q6,[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",t$,[c(r(ut),{class:"w-5 h-5"})])]),t("div",s$,[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",e$,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",a$,[t("div",i$,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",n$,[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",o$,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",l$,[t("div",d$,[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",c$,[t("a",r$,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",u$,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",v$,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",p$,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",f$,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",m$,[t("div",b$,[t("div",h$,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"flat-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个扁平化设计风格的对话框示例。")],-1)),t("div",g$,[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)]))}},x$=gt(y$,[["__scopeId","data-v-ed5411cf"]]),_$={class:"nordic-container min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50"},w$={class:"nordic-app-bar"},$$={class:"container mx-auto px-4 py-3 flex items-center justify-between"},I$={class:"flex items-center"},M$={class:"flex items-center space-x-4"},k$={class:"nordic-icon-button"},C$={class:"nordic-icon-button"},D$={class:"nordic-icon-button"},A$={class:"container mx-auto p-6"},j$={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},N$={class:"nordic-card"},E$={class:"p-4"},z$={class:"space-y-2"},P$={href:"#",class:"nordic-nav-item active"},S$={href:"#",class:"nordic-nav-item"},R$={href:"#",class:"nordic-nav-item"},T$={href:"#",class:"nordic-nav-item"},G$={class:"md:col-span-2 space-y-6"},Z$={class:"nordic-card"},L$={class:"p-4"},O$={class:"space-y-4"},H$={class:"nordic-list-item"},B$={class:"nordic-icon-button"},V$={class:"nordic-list-item"},W$={class:"nordic-icon-button"},Y$={class:"nordic-card"},J$={class:"p-4"},U$={class:"flex flex-wrap gap-4"},Q$={class:"nordic-button icon"},F$={class:"nordic-card"},K$={class:"p-4"},X$={class:"nordic-bottom-nav"},q$={href:"#",class:"nordic-bottom-nav-item active"},tI={href:"#",class:"nordic-bottom-nav-item"},sI={href:"#",class:"nordic-bottom-nav-item"},eI={href:"#",class:"nordic-bottom-nav-item"},aI={href:"#",class:"nordic-bottom-nav-item"},iI={key:0,class:"nordic-dialog-overlay"},nI={class:"nordic-dialog"},oI={class:"nordic-dialog-header"},lI={class:"nordic-dialog-actions"},dI={__name:"NordicView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",_$,[t("div",w$,[t("div",$$,[t("div",I$,[c(r(Tt),{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",M$,[t("button",k$,[c(r(q),{class:"w-5 h-5"})]),t("button",C$,[c(r(U),{class:"w-5 h-5"})]),t("button",D$,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",A$,[t("div",j$,[t("div",N$,[t("div",E$,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"导航菜单",-1)),t("nav",z$,[t("a",P$,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",S$,[c(r(Lt),{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",R$,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",T$,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",G$,[t("div",Z$,[t("div",L$,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"卡片列表",-1)),t("div",O$,[t("div",H$,[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",B$,[c(r(ut),{class:"w-5 h-5"})])]),t("div",V$,[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",W$,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",Y$,[t("div",J$,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"按钮样式",-1)),t("div",U$,[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",Q$,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",F$,[t("div",K$,[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",X$,[t("a",q$,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",tI,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",sI,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",eI,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",aI,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",iI,[t("div",nI,[t("div",oI,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"nordic-dialog-content"},[t("p",{class:"text-slate-600"},"这是一个北欧风格的对话框示例。")],-1)),t("div",lI,[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)]))}},cI=gt(dI,[["__scopeId","data-v-723c4b4d"]]),rI={class:"futuristic-container min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900"},uI={class:"futuristic-app-bar"},vI={class:"container mx-auto px-4 py-3 flex items-center justify-between"},pI={class:"flex items-center"},fI={class:"flex items-center space-x-4"},mI={class:"futuristic-icon-button"},bI={class:"futuristic-icon-button"},hI={class:"futuristic-icon-button"},gI={class:"container mx-auto p-6"},yI={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},xI={class:"futuristic-card"},_I={class:"p-4"},wI={class:"space-y-2"},$I={href:"#",class:"futuristic-nav-item active"},II={href:"#",class:"futuristic-nav-item"},MI={href:"#",class:"futuristic-nav-item"},kI={href:"#",class:"futuristic-nav-item"},CI={class:"md:col-span-2 space-y-6"},DI={class:"futuristic-card"},AI={class:"p-4"},jI={class:"space-y-4"},NI={class:"futuristic-list-item"},EI={class:"futuristic-icon-button"},zI={class:"futuristic-list-item"},PI={class:"futuristic-icon-button"},SI={class:"futuristic-card"},RI={class:"p-4"},TI={class:"flex flex-wrap gap-4"},GI={class:"futuristic-button icon"},ZI={class:"futuristic-card"},LI={class:"p-4"},OI={class:"futuristic-bottom-nav"},HI={href:"#",class:"futuristic-bottom-nav-item active"},BI={href:"#",class:"futuristic-bottom-nav-item"},VI={href:"#",class:"futuristic-bottom-nav-item"},WI={href:"#",class:"futuristic-bottom-nav-item"},YI={href:"#",class:"futuristic-bottom-nav-item"},JI={key:0,class:"futuristic-dialog-overlay"},UI={class:"futuristic-dialog"},QI={class:"futuristic-dialog-header"},FI={class:"futuristic-dialog-actions"},KI={__name:"FuturisticView",setup(s){const a=w(!1);return(i,e)=>(y(),x("div",rI,[t("div",uI,[t("div",vI,[t("div",pI,[c(r(Tt),{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",fI,[t("button",mI,[c(r(q),{class:"w-5 h-5"})]),t("button",bI,[c(r(U),{class:"w-5 h-5"})]),t("button",hI,[c(r(et),{class:"w-5 h-5"})])])])]),t("div",gI,[t("div",yI,[t("div",xI,[t("div",_I,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"导航菜单",-1)),t("nav",wI,[t("a",$I,[c(r(mt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",II,[c(r(Lt),{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",MI,[c(r(Ot),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",kI,[c(r(Et),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",CI,[t("div",DI,[t("div",AI,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"卡片列表",-1)),t("div",jI,[t("div",NI,[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",EI,[c(r(ut),{class:"w-5 h-5"})])]),t("div",zI,[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",PI,[c(r(ut),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=F('<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",SI,[t("div",RI,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"按钮样式",-1)),t("div",TI,[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",GI,[c(r(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=F('<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",ZI,[t("div",LI,[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",OI,[t("a",HI,[c(r(mt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",BI,[c(r(q),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",VI,[c(r(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",WI,[c(r(U),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",YI,[c(r(et),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(y(),x("div",JI,[t("div",UI,[t("div",QI,[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)},[c(r(at),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"futuristic-dialog-content"},[t("p",{class:"text-blue-300"},"这是一个未来主义风格的对话框示例。")],-1)),t("div",FI,[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)]))}},XI=gt(KI,[["__scopeId","data-v-335fcd8e"]]),qI=[{path:"/",name:"Home",component:rr},{path:"/minimalist",name:"minimalist",component:iv},{path:"/dark-mode",name:"dark-mode",component:Jv},{path:"/retro",name:"retro",component:Rp},{path:"/3d",name:"ThreeD",component:Df},{path:"/skeuomorphic",name:"skeuomorphic",component:hm},{path:"/material",name:"material",component:ob},{path:"/ios",name:"IOSDesign",component:Yb},{path:"/fluent",name:"FluentDesign",component:_h},{path:"/neumorphism",name:"neumorphism",component:Fg},{path:"/glassmorphism",name:"glassmorphism",component:Z0},{path:"/brutalism",name:"Brutalism",component:j2},{path:"/cyberpunk",name:"cyberpunk",component:y4},{path:"/organic",name:"Organic",component:ry},{path:"/pixel",name:"PixelArt",component:s5},{path:"/morphism",name:"Morphism",component:Y5},{path:"/aurora",name:"aurora",component:Sx},{path:"/neon",name:"Neon",component:k3},{path:"/steampunk",name:"steampunk",component:m_},{path:"/holographic",name:"Holographic",component:o9},{path:"/gradient",name:"Gradient",component:K9},{path:"/ant",name:"AntDesign",component:Hw},{path:"/element",name:"ElementUI",component:N6},{path:"/flat",name:"Flat",component:x$},{path:"/nordic",name:"Nordic",component:cI},{path:"/futuristic",name:"Futuristic",component:XI},{path:"/material-category-management",name:"material-category-management",component:mu},{path:"/:pathMatch(.*)*",redirect:"/"}],tM=ar({history:Ec("/ide/proxy/6004/"),routes:qI,scrollBehavior(s,a,i){return s.hash?{el:s.hash,behavior:"smooth"}:{top:0,behavior:"smooth"}}});Qd(tc).use(tM).mount("#app");