prototype_design/dist/assets/index-Dw0nKTiY.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 c of l.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&e(c)}).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 Ra(s){const a=Object.create(null);for(const i of s.split(","))a[i]=1;return i=>i in a}const bt={},Qs=[],cs=()=>{},Co=()=>!1,Ke=s=>s.charCodeAt(0)===111&&s.charCodeAt(1)===110&&(s.charCodeAt(2)>122||s.charCodeAt(2)<97),Ta=s=>s.startsWith("onUpdate:"),At=Object.assign,Za=(s,a)=>{const i=s.indexOf(a);i>-1&&s.splice(i,1)},Do=Object.prototype.hasOwnProperty,lt=(s,a)=>Do.call(s,a),Y=Array.isArray,Fs=s=>Ce(s)==="[object Map]",ae=s=>Ce(s)==="[object Set]",ii=s=>Ce(s)==="[object Date]",K=s=>typeof s=="function",wt=s=>typeof s=="string",rs=s=>typeof s=="symbol",_t=s=>s!==null&&typeof s=="object",qi=s=>(_t(s)||K(s))&&K(s.then)&&K(s.catch),tn=Object.prototype.toString,Ce=s=>tn.call(s),Ao=s=>Ce(s).slice(8,-1),sn=s=>Ce(s)==="[object Object]",Ga=s=>wt(s)&&s!=="NaN"&&s[0]!=="-"&&""+parseInt(s,10)===s,re=Ra(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Xe=s=>{const a=Object.create(null);return i=>a[i]||(a[i]=s(i))},jo=/-(\w)/g,Yt=Xe(s=>s.replace(jo,(a,i)=>i?i.toUpperCase():"")),No=/\B([A-Z])/g,zs=Xe(s=>s.replace(No,"-$1").toLowerCase()),qe=Xe(s=>s.charAt(0).toUpperCase()+s.slice(1)),ca=Xe(s=>s?`on${qe(s)}`:""),Ns=(s,a)=>!Object.is(s,a),Te=(s,...a)=>{for(let i=0;i<s.length;i++)s[i](...a)},en=(s,a,i,e=!1)=>{Object.defineProperty(s,a,{configurable:!0,enumerable:!1,writable:e,value:i})},Be=s=>{const a=parseFloat(s);return isNaN(a)?s:a};let ni;const ta=()=>ni||(ni=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function De(s){if(Y(s)){const a={};for(let i=0;i<s.length;i++){const e=s[i],n=wt(e)?So(e):De(e);if(n)for(const l in n)a[l]=n[l]}return a}else if(wt(s)||_t(s))return s}const zo=/;(?![^(]*\))/g,Eo=/:([^]+)/,Po=/\/\*[^]*?\*\//g;function So(s){const a={};return s.replace(Po,"").split(zo).forEach(i=>{if(i){const e=i.split(Eo);e.length>1&&(a[e[0].trim()]=e[1].trim())}}),a}function et(s){let a="";if(wt(s))a=s;else if(Y(s))for(let i=0;i<s.length;i++){const e=et(s[i]);e&&(a+=e+" ")}else if(_t(s))for(const i in s)s[i]&&(a+=i+" ");return a.trim()}const Ro="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",To=Ra(Ro);function an(s){return!!s||s===""}function Zo(s,a){if(s.length!==a.length)return!1;let i=!0;for(let e=0;i&&e<s.length;e++)i=Ae(s[e],a[e]);return i}function Ae(s,a){if(s===a)return!0;let i=ii(s),e=ii(a);if(i||e)return i&&e?s.getTime()===a.getTime():!1;if(i=rs(s),e=rs(a),i||e)return s===a;if(i=Y(s),e=Y(a),i||e)return i&&e?Zo(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 c in s){const v=s.hasOwnProperty(c),o=a.hasOwnProperty(c);if(v&&!o||!v&&o||!Ae(s[c],a[c]))return!1}}return String(s)===String(a)}function La(s,a){return s.findIndex(i=>Ae(i,a))}const nn=s=>!!(s&&s.__v_isRef===!0),I=s=>wt(s)?s:s==null?"":Y(s)||_t(s)&&(s.toString===tn||!K(s.toString))?nn(s)?I(s.value):JSON.stringify(s,on,2):String(s),on=(s,a)=>nn(a)?on(s,a.value):Fs(a)?{[`Map(${a.size})`]:[...a.entries()].reduce((i,[e,n],l)=>(i[ra(e,l)+" =>"]=n,i),{})}:ae(a)?{[`Set(${a.size})`]:[...a.values()].map(i=>ra(i))}:rs(a)?ra(a):_t(a)&&!Y(a)&&!sn(a)?String(a):a,ra=(s,a="")=>{var i;return rs(s)?`Symbol(${(i=s.description)!=null?i:a})`:s};/**
* @vue/reactivity v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/let Ht;class Go{constructor(a=!1){this.detached=a,this._active=!0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=Ht,!a&&Ht&&(this.index=(Ht.scopes||(Ht.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=Ht;try{return Ht=this,a()}finally{Ht=i}}}on(){Ht=this}off(){Ht=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 Lo(){return Ht}let gt;const ua=new WeakSet;class ln{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,Ht&&Ht.active&&Ht.effects.push(this)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,ua.has(this)&&(ua.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||cn(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,oi(this),rn(this);const a=gt,i=Qt;gt=this,Qt=!0;try{return this.fn()}finally{un(this),gt=a,Qt=i,this.flags&=-3}}stop(){if(this.flags&1){for(let a=this.deps;a;a=a.nextDep)Ba(a);this.deps=this.depsTail=void 0,oi(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?ua.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){xa(this)&&this.run()}get dirty(){return xa(this)}}let dn=0,ue,ve;function cn(s,a=!1){if(s.flags|=8,a){s.next=ve,ve=s;return}s.next=ue,ue=s}function Ha(){dn++}function Oa(){if(--dn>0)return;if(ve){let a=ve;for(ve=void 0;a;){const i=a.next;a.next=void 0,a.flags&=-9,a=i}}let s;for(;ue;){let a=ue;for(ue=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 rn(s){for(let a=s.deps;a;a=a.nextDep)a.version=-1,a.prevActiveLink=a.dep.activeLink,a.dep.activeLink=a}function un(s){let a,i=s.depsTail,e=i;for(;e;){const n=e.prevDep;e.version===-1?(e===i&&(i=n),Ba(e),Ho(e)):a=e,e.dep.activeLink=e.prevActiveLink,e.prevActiveLink=void 0,e=n}s.deps=a,s.depsTail=i}function xa(s){for(let a=s.deps;a;a=a.nextDep)if(a.dep.version!==a.version||a.dep.computed&&(vn(a.dep.computed)||a.dep.version!==a.version))return!0;return!!s._dirty}function vn(s){if(s.flags&4&&!(s.flags&16)||(s.flags&=-17,s.globalVersion===ge))return;s.globalVersion=ge;const a=s.dep;if(s.flags|=2,a.version>0&&!s.isSSR&&s.deps&&!xa(s)){s.flags&=-3;return}const i=gt,e=Qt;gt=s,Qt=!0;try{rn(s);const n=s.fn(s._value);(a.version===0||Ns(n,s._value))&&(s._value=n,a.version++)}catch(n){throw a.version++,n}finally{gt=i,Qt=e,un(s),s.flags&=-3}}function Ba(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)Ba(l,!0)}!a&&!--i.sc&&i.map&&i.map.delete(i.key)}function Ho(s){const{prevDep:a,nextDep:i}=s;a&&(a.nextDep=i,s.prevDep=void 0),i&&(i.prevDep=a,s.nextDep=void 0)}let Qt=!0;const fn=[];function Es(){fn.push(Qt),Qt=!1}function Ps(){const s=fn.pop();Qt=s===void 0?!0:s}function oi(s){const{cleanup:a}=s;if(s.cleanup=void 0,a){const i=gt;gt=void 0;try{a()}finally{gt=i}}}let ge=0;class Oo{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 Wa{constructor(a){this.computed=a,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0}track(a){if(!gt||!Qt||gt===this.computed)return;let i=this.activeLink;if(i===void 0||i.sub!==gt)i=this.activeLink=new Oo(gt,this),gt.deps?(i.prevDep=gt.depsTail,gt.depsTail.nextDep=i,gt.depsTail=i):gt.deps=gt.depsTail=i,pn(i);else if(i.version===-1&&(i.version=this.version,i.nextDep)){const e=i.nextDep;e.prevDep=i.prevDep,i.prevDep&&(i.prevDep.nextDep=e),i.prevDep=gt.depsTail,i.nextDep=void 0,gt.depsTail.nextDep=i,gt.depsTail=i,gt.deps===i&&(gt.deps=e)}return i}trigger(a){this.version++,ge++,this.notify(a)}notify(a){Ha();try{for(let i=this.subs;i;i=i.prevSub)i.sub.notify()&&i.sub.dep.notify()}finally{Oa()}}}function pn(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)pn(e)}const i=s.dep.subs;i!==s&&(s.prevSub=i,i&&(i.nextSub=s)),s.dep.subs=s}}const wa=new WeakMap,Gs=Symbol(""),$a=Symbol(""),_e=Symbol("");function Mt(s,a,i){if(Qt&&gt){let e=wa.get(s);e||wa.set(s,e=new Map);let n=e.get(i);n||(e.set(i,n=new Wa),n.map=e,n.key=i),n.track()}}function hs(s,a,i,e,n,l){const c=wa.get(s);if(!c){ge++;return}const v=o=>{o&&o.trigger()};if(Ha(),a==="clear")c.forEach(v);else{const o=Y(s),d=o&&Ga(i);if(o&&i==="length"){const p=Number(e);c.forEach((g,f)=>{(f==="length"||f===_e||!rs(f)&&f>=p)&&v(g)})}else switch((i!==void 0||c.has(void 0))&&v(c.get(i)),d&&v(c.get(_e)),a){case"add":o?d&&v(c.get("length")):(v(c.get(Gs)),Fs(s)&&v(c.get($a)));break;case"delete":o||(v(c.get(Gs)),Fs(s)&&v(c.get($a)));break;case"set":Fs(s)&&v(c.get(Gs));break}}Oa()}function Vs(s){const a=ot(s);return a===s?a:(Mt(a,"iterate",_e),Vt(s)?a:a.map(kt))}function sa(s){return Mt(s=ot(s),"iterate",_e),s}const Bo={__proto__:null,[Symbol.iterator](){return va(this,Symbol.iterator,kt)},concat(...s){return Vs(this).concat(...s.map(a=>Y(a)?Vs(a):a))},entries(){return va(this,"entries",s=>(s[1]=kt(s[1]),s))},every(s,a){return ps(this,"every",s,a,void 0,arguments)},filter(s,a){return ps(this,"filter",s,a,i=>i.map(kt),arguments)},find(s,a){return ps(this,"find",s,a,kt,arguments)},findIndex(s,a){return ps(this,"findIndex",s,a,void 0,arguments)},findLast(s,a){return ps(this,"findLast",s,a,kt,arguments)},findLastIndex(s,a){return ps(this,"findLastIndex",s,a,void 0,arguments)},forEach(s,a){return ps(this,"forEach",s,a,void 0,arguments)},includes(...s){return fa(this,"includes",s)},indexOf(...s){return fa(this,"indexOf",s)},join(s){return Vs(this).join(s)},lastIndexOf(...s){return fa(this,"lastIndexOf",s)},map(s,a){return ps(this,"map",s,a,void 0,arguments)},pop(){return oe(this,"pop")},push(...s){return oe(this,"push",s)},reduce(s,...a){return li(this,"reduce",s,a)},reduceRight(s,...a){return li(this,"reduceRight",s,a)},shift(){return oe(this,"shift")},some(s,a){return ps(this,"some",s,a,void 0,arguments)},splice(...s){return oe(this,"splice",s)},toReversed(){return Vs(this).toReversed()},toSorted(s){return Vs(this).toSorted(s)},toSpliced(...s){return Vs(this).toSpliced(...s)},unshift(...s){return oe(this,"unshift",s)},values(){return va(this,"values",kt)}};function va(s,a,i){const e=sa(s),n=e[a]();return e!==s&&!Vt(s)&&(n._next=n.next,n.next=()=>{const l=n._next();return l.value&&(l.value=i(l.value)),l}),n}const Wo=Array.prototype;function ps(s,a,i,e,n,l){const c=sa(s),v=c!==s&&!Vt(s),o=c[a];if(o!==Wo[a]){const g=o.apply(s,l);return v?kt(g):g}let d=i;c!==s&&(v?d=function(g,f){return i.call(this,kt(g),f,s)}:i.length>2&&(d=function(g,f){return i.call(this,g,f,s)}));const p=o.call(c,d,e);return v&&n?n(p):p}function li(s,a,i,e){const n=sa(s);let l=i;return n!==s&&(Vt(s)?i.length>3&&(l=function(c,v,o){return i.call(this,c,v,o,s)}):l=function(c,v,o){return i.call(this,c,kt(v),o,s)}),n[a](l,...e)}function fa(s,a,i){const e=ot(s);Mt(e,"iterate",_e);const n=e[a](...i);return(n===-1||n===!1)&&Ja(i[0])?(i[0]=ot(i[0]),e[a](...i)):n}function oe(s,a,i=[]){Es(),Ha();const e=ot(s)[a].apply(s,i);return Oa(),Ps(),e}const Vo=Ra("__proto__,__v_isRef,__isVue"),mn=new Set(Object.getOwnPropertyNames(Symbol).filter(s=>s!=="arguments"&&s!=="caller").map(s=>Symbol[s]).filter(rs));function Yo(s){rs(s)||(s=String(s));const a=ot(this);return Mt(a,"has",s),a.hasOwnProperty(s)}class bn{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?el:yn:l?_n:gn).get(a)||Object.getPrototypeOf(a)===Object.getPrototypeOf(e)?a:void 0;const c=Y(a);if(!n){let o;if(c&&(o=Bo[i]))return o;if(i==="hasOwnProperty")return Yo}const v=Reflect.get(a,i,Dt(a)?a:e);return(rs(i)?mn.has(i):Vo(i))||(n||Mt(a,"get",i),l)?v:Dt(v)?c&&Ga(i)?v:v.value:_t(v)?n?wn(v):ea(v):v}}class hn extends bn{constructor(a=!1){super(!1,a)}set(a,i,e,n){let l=a[i];if(!this._isShallow){const o=Ls(l);if(!Vt(e)&&!Ls(e)&&(l=ot(l),e=ot(e)),!Y(a)&&Dt(l)&&!Dt(e))return o?!1:(l.value=e,!0)}const c=Y(a)&&Ga(i)?Number(i)<a.length:lt(a,i),v=Reflect.set(a,i,e,Dt(a)?a:n);return a===ot(n)&&(c?Ns(e,l)&&hs(a,"set",i,e):hs(a,"add",i,e)),v}deleteProperty(a,i){const e=lt(a,i);a[i];const n=Reflect.deleteProperty(a,i);return n&&e&&hs(a,"delete",i,void 0),n}has(a,i){const e=Reflect.has(a,i);return(!rs(i)||!mn.has(i))&&Mt(a,"has",i),e}ownKeys(a){return Mt(a,"iterate",Y(a)?"length":Gs),Reflect.ownKeys(a)}}class Jo extends bn{constructor(a=!1){super(!0,a)}set(a,i){return!0}deleteProperty(a,i){return!0}}const Qo=new hn,Fo=new Jo,Uo=new hn(!0);const Ia=s=>s,Ee=s=>Reflect.getPrototypeOf(s);function Ko(s,a,i){return function(...e){const n=this.__v_raw,l=ot(n),c=Fs(l),v=s==="entries"||s===Symbol.iterator&&c,o=s==="keys"&&c,d=n[s](...e),p=i?Ia:a?Ma:kt;return!a&&Mt(l,"iterate",o?$a:Gs),{next(){const{value:g,done:f}=d.next();return f?{value:g,done:f}:{value:v?[p(g[0]),p(g[1])]:p(g),done:f}},[Symbol.iterator](){return this}}}}function Pe(s){return function(...a){return s==="delete"?!1:s==="clear"?void 0:this}}function Xo(s,a){const i={get(n){const l=this.__v_raw,c=ot(l),v=ot(n);s||(Ns(n,v)&&Mt(c,"get",n),Mt(c,"get",v));const{has:o}=Ee(c),d=a?Ia:s?Ma:kt;if(o.call(c,n))return d(l.get(n));if(o.call(c,v))return d(l.get(v));l!==c&&l.get(n)},get size(){const n=this.__v_raw;return!s&&Mt(ot(n),"iterate",Gs),Reflect.get(n,"size",n)},has(n){const l=this.__v_raw,c=ot(l),v=ot(n);return s||(Ns(n,v)&&Mt(c,"has",n),Mt(c,"has",v)),n===v?l.has(n):l.has(n)||l.has(v)},forEach(n,l){const c=this,v=c.__v_raw,o=ot(v),d=a?Ia:s?Ma:kt;return!s&&Mt(o,"iterate",Gs),v.forEach((p,g)=>n.call(l,d(p),d(g),c))}};return At(i,s?{add:Pe("add"),set:Pe("set"),delete:Pe("delete"),clear:Pe("clear")}:{add(n){!a&&!Vt(n)&&!Ls(n)&&(n=ot(n));const l=ot(this);return Ee(l).has.call(l,n)||(l.add(n),hs(l,"add",n,n)),this},set(n,l){!a&&!Vt(l)&&!Ls(l)&&(l=ot(l));const c=ot(this),{has:v,get:o}=Ee(c);let d=v.call(c,n);d||(n=ot(n),d=v.call(c,n));const p=o.call(c,n);return c.set(n,l),d?Ns(l,p)&&hs(c,"set",n,l):hs(c,"add",n,l),this},delete(n){const l=ot(this),{has:c,get:v}=Ee(l);let o=c.call(l,n);o||(n=ot(n),o=c.call(l,n)),v&&v.call(l,n);const d=l.delete(n);return o&&hs(l,"delete",n,void 0),d},clear(){const n=ot(this),l=n.size!==0,c=n.clear();return l&&hs(n,"clear",void 0,void 0),c}}),["keys","values","entries",Symbol.iterator].forEach(n=>{i[n]=Ko(n,s,a)}),i}function Va(s,a){const i=Xo(s,a);return(e,n,l)=>n==="__v_isReactive"?!s:n==="__v_isReadonly"?s:n==="__v_raw"?e:Reflect.get(lt(i,n)&&n in e?i:e,n,l)}const qo={get:Va(!1,!1)},tl={get:Va(!1,!0)},sl={get:Va(!0,!1)};const gn=new WeakMap,_n=new WeakMap,yn=new WeakMap,el=new WeakMap;function al(s){switch(s){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function il(s){return s.__v_skip||!Object.isExtensible(s)?0:al(Ao(s))}function ea(s){return Ls(s)?s:Ya(s,!1,Qo,qo,gn)}function xn(s){return Ya(s,!1,Uo,tl,_n)}function wn(s){return Ya(s,!0,Fo,sl,yn)}function Ya(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 c=il(s);if(c===0)return s;const v=new Proxy(s,c===2?e:i);return n.set(s,v),v}function Us(s){return Ls(s)?Us(s.__v_raw):!!(s&&s.__v_isReactive)}function Ls(s){return!!(s&&s.__v_isReadonly)}function Vt(s){return!!(s&&s.__v_isShallow)}function Ja(s){return s?!!s.__v_raw:!1}function ot(s){const a=s&&s.__v_raw;return a?ot(a):s}function nl(s){return!lt(s,"__v_skip")&&Object.isExtensible(s)&&en(s,"__v_skip",!0),s}const kt=s=>_t(s)?ea(s):s,Ma=s=>_t(s)?wn(s):s;function Dt(s){return s?s.__v_isRef===!0:!1}function M(s){return $n(s,!1)}function ol(s){return $n(s,!0)}function $n(s,a){return Dt(s)?s:new ll(s,a)}class ll{constructor(a,i){this.dep=new Wa,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=i?a:ot(a),this._value=i?a:kt(a),this.__v_isShallow=i}get value(){return this.dep.track(),this._value}set value(a){const i=this._rawValue,e=this.__v_isShallow||Vt(a)||Ls(a);a=e?a:ot(a),Ns(a,i)&&(this._rawValue=a,this._value=e?a:kt(a),this.dep.trigger())}}function u(s){return Dt(s)?s.value:s}const dl={get:(s,a,i)=>a==="__v_raw"?s:u(Reflect.get(s,a,i)),set:(s,a,i,e)=>{const n=s[a];return Dt(n)&&!Dt(i)?(n.value=i,!0):Reflect.set(s,a,i,e)}};function In(s){return Us(s)?s:new Proxy(s,dl)}class cl{constructor(a,i,e){this.fn=a,this.setter=i,this._value=void 0,this.dep=new Wa(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=ge-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!i,this.isSSR=e}notify(){if(this.flags|=16,!(this.flags&8)&&gt!==this)return cn(this,!0),!0}get value(){const a=this.dep.track();return vn(this),a&&(a.version=this.dep.version),this._value}set value(a){this.setter&&this.setter(a)}}function rl(s,a,i=!1){let e,n;return K(s)?e=s:(e=s.get,n=s.set),new cl(e,n,i)}const Se={},We=new WeakMap;let Zs;function ul(s,a=!1,i=Zs){if(i){let e=We.get(i);e||We.set(i,e=[]),e.push(s)}}function vl(s,a,i=bt){const{immediate:e,deep:n,once:l,scheduler:c,augmentJob:v,call:o}=i,d=Z=>n?Z:Vt(Z)||n===!1||n===0?gs(Z,1):gs(Z);let p,g,f,h,j=!1,R=!1;if(Dt(s)?(g=()=>s.value,j=Vt(s)):Us(s)?(g=()=>d(s),j=!0):Y(s)?(R=!0,j=s.some(Z=>Us(Z)||Vt(Z)),g=()=>s.map(Z=>{if(Dt(Z))return Z.value;if(Us(Z))return d(Z);if(K(Z))return o?o(Z,2):Z()})):K(s)?a?g=o?()=>o(s,2):s:g=()=>{if(f){Es();try{f()}finally{Ps()}}const Z=Zs;Zs=p;try{return o?o(s,3,[h]):s(h)}finally{Zs=Z}}:g=cs,a&&n){const Z=g,pt=n===!0?1/0:n;g=()=>gs(Z(),pt)}const U=Lo(),H=()=>{p.stop(),U&&U.active&&Za(U.effects,p)};if(l&&a){const Z=a;a=(...pt)=>{Z(...pt),H()}}let L=R?new Array(s.length).fill(Se):Se;const V=Z=>{if(!(!(p.flags&1)||!p.dirty&&!Z))if(a){const pt=p.run();if(n||j||(R?pt.some((It,yt)=>Ns(It,L[yt])):Ns(pt,L))){f&&f();const It=Zs;Zs=p;try{const yt=[pt,L===Se?void 0:R&&L[0]===Se?[]:L,h];o?o(a,3,yt):a(...yt),L=pt}finally{Zs=It}}}else p.run()};return v&&v(V),p=new ln(g),p.scheduler=c?()=>c(V,!1):V,h=Z=>ul(Z,!1,p),f=p.onStop=()=>{const Z=We.get(p);if(Z){if(o)o(Z,4);else for(const pt of Z)pt();We.delete(p)}},a?e?V(!0):L=p.run():c?c(V.bind(null,!0),!0):p.run(),H.pause=p.pause.bind(p),H.resume=p.resume.bind(p),H.stop=H,H}function gs(s,a=1/0,i){if(a<=0||!_t(s)||s.__v_skip||(i=i||new Set,i.has(s)))return s;if(i.add(s),a--,Dt(s))gs(s.value,a,i);else if(Y(s))for(let e=0;e<s.length;e++)gs(s[e],a,i);else if(ae(s)||Fs(s))s.forEach(e=>{gs(e,a,i)});else if(sn(s)){for(const e in s)gs(s[e],a,i);for(const e of Object.getOwnPropertySymbols(s))Object.prototype.propertyIsEnumerable.call(s,e)&&gs(s[e],a,i)}return s}/**
* @vue/runtime-core v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/function je(s,a,i,e){try{return e?s(...e):s()}catch(n){aa(n,a,i)}}function us(s,a,i,e){if(K(s)){const n=je(s,a,i,e);return n&&qi(n)&&n.catch(l=>{aa(l,a,i)}),n}if(Y(s)){const n=[];for(let l=0;l<s.length;l++)n.push(us(s[l],a,i,e));return n}}function aa(s,a,i,e=!0){const n=a?a.vnode:null,{errorHandler:l,throwUnhandledErrorInProduction:c}=a&&a.appContext.config||bt;if(a){let v=a.parent;const o=a.proxy,d=`https://vuejs.org/error-reference/#runtime-${i}`;for(;v;){const p=v.ec;if(p){for(let g=0;g<p.length;g++)if(p[g](s,o,d)===!1)return}v=v.parent}if(l){Es(),je(l,null,10,[s,o,d]),Ps();return}}fl(s,i,n,e,c)}function fl(s,a,i,e=!0,n=!1){if(n)throw s;console.error(s)}const zt=[];let ls=-1;const Ks=[];let ks=null,Ys=0;const Mn=Promise.resolve();let Ve=null;function Qa(s){const a=Ve||Mn;return s?a.then(this?s.bind(this):s):a}function pl(s){let a=ls+1,i=zt.length;for(;a<i;){const e=a+i>>>1,n=zt[e],l=ye(n);l<s||l===s&&n.flags&2?a=e+1:i=e}return a}function Fa(s){if(!(s.flags&1)){const a=ye(s),i=zt[zt.length-1];!i||!(s.flags&2)&&a>=ye(i)?zt.push(s):zt.splice(pl(a),0,s),s.flags|=1,kn()}}function kn(){Ve||(Ve=Mn.then(Dn))}function ml(s){Y(s)?Ks.push(...s):ks&&s.id===-1?ks.splice(Ys+1,0,s):s.flags&1||(Ks.push(s),s.flags|=1),kn()}function di(s,a,i=ls+1){for(;i<zt.length;i++){const e=zt[i];if(e&&e.flags&2){if(s&&e.id!==s.uid)continue;zt.splice(i,1),i--,e.flags&4&&(e.flags&=-2),e(),e.flags&4||(e.flags&=-2)}}}function Cn(s){if(Ks.length){const a=[...new Set(Ks)].sort((i,e)=>ye(i)-ye(e));if(Ks.length=0,ks){ks.push(...a);return}for(ks=a,Ys=0;Ys<ks.length;Ys++){const i=ks[Ys];i.flags&4&&(i.flags&=-2),i.flags&8||i(),i.flags&=-2}ks=null,Ys=0}}const ye=s=>s.id==null?s.flags&2?-1:1/0:s.id;function Dn(s){try{for(ls=0;ls<zt.length;ls++){const a=zt[ls];a&&!(a.flags&8)&&(a.flags&4&&(a.flags&=-2),je(a,a.i,a.i?15:14),a.flags&4||(a.flags&=-2))}}finally{for(;ls<zt.length;ls++){const a=zt[ls];a&&(a.flags&=-2)}ls=-1,zt.length=0,Cn(),Ve=null,(zt.length||Ks.length)&&Dn()}}let Ot=null,An=null;function Ye(s){const a=Ot;return Ot=s,An=s&&s.type.__scopeId||null,a}function jn(s,a=Ot,i){if(!a||s._n)return s;const e=(...n)=>{e._d&&gi(-1);const l=Ye(a);let c;try{c=s(...n)}finally{Ye(l),e._d&&gi(1)}return c};return e._n=!0,e._c=!0,e._d=!0,e}function js(s,a){if(Ot===null)return s;const i=la(Ot),e=s.dirs||(s.dirs=[]);for(let n=0;n<a.length;n++){let[l,c,v,o=bt]=a[n];l&&(K(l)&&(l={mounted:l,updated:l}),l.deep&&gs(c),e.push({dir:l,instance:i,value:c,oldValue:void 0,arg:v,modifiers:o}))}return s}function Rs(s,a,i,e){const n=s.dirs,l=a&&a.dirs;for(let c=0;c<n.length;c++){const v=n[c];l&&(v.oldValue=l[c].value);let o=v.dir[e];o&&(Es(),us(o,i,8,[s.el,v,s,a]),Ps())}}const bl=Symbol("_vte"),hl=s=>s.__isTeleport;function Ua(s,a){s.shapeFlag&6&&s.component?(s.transition=a,Ua(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 Nn(s,a){return K(s)?At({name:s.name},a,{setup:s}):s}function zn(s){s.ids=[s.ids[0]+s.ids[2]+++"-",0,0]}function Je(s,a,i,e,n=!1){if(Y(s)){s.forEach((j,R)=>Je(j,a&&(Y(a)?a[R]:a),i,e,n));return}if(fe(e)&&!n){e.shapeFlag&512&&e.type.__asyncResolved&&e.component.subTree.component&&Je(s,a,i,e.component.subTree);return}const l=e.shapeFlag&4?la(e.component):e.el,c=n?null:l,{i:v,r:o}=s,d=a&&a.r,p=v.refs===bt?v.refs={}:v.refs,g=v.setupState,f=ot(g),h=g===bt?()=>!1:j=>lt(f,j);if(d!=null&&d!==o&&(wt(d)?(p[d]=null,h(d)&&(g[d]=null)):Dt(d)&&(d.value=null)),K(o))je(o,v,12,[c,p]);else{const j=wt(o),R=Dt(o);if(j||R){const U=()=>{if(s.f){const H=j?h(o)?g[o]:p[o]:o.value;n?Y(H)&&Za(H,l):Y(H)?H.includes(l)||H.push(l):j?(p[o]=[l],h(o)&&(g[o]=p[o])):(o.value=[l],s.k&&(p[s.k]=o.value))}else j?(p[o]=c,h(o)&&(g[o]=c)):R&&(o.value=c,s.k&&(p[s.k]=c))};c?(U.id=-1,Lt(U,i)):U()}}}ta().requestIdleCallback;ta().cancelIdleCallback;const fe=s=>!!s.type.__asyncLoader,En=s=>s.type.__isKeepAlive;function gl(s,a){Pn(s,"a",a)}function _l(s,a){Pn(s,"da",a)}function Pn(s,a,i=Ct){const e=s.__wdc||(s.__wdc=()=>{let n=i;for(;n;){if(n.isDeactivated)return;n=n.parent}return s()});if(ia(a,e,i),i){let n=i.parent;for(;n&&n.parent;)En(n.parent.vnode)&&yl(e,a,i,n),n=n.parent}}function yl(s,a,i,e){const n=ia(a,s,e,!0);Sn(()=>{Za(e[a],n)},i)}function ia(s,a,i=Ct,e=!1){if(i){const n=i[s]||(i[s]=[]),l=a.__weh||(a.__weh=(...c)=>{Es();const v=Ne(i),o=us(a,i,s,c);return v(),Ps(),o});return e?n.unshift(l):n.push(l),l}}const xs=s=>(a,i=Ct)=>{(!we||s==="sp")&&ia(s,(...e)=>a(...e),i)},xl=xs("bm"),wl=xs("m"),$l=xs("bu"),Il=xs("u"),Ml=xs("bum"),Sn=xs("um"),kl=xs("sp"),Cl=xs("rtg"),Dl=xs("rtc");function Al(s,a=Ct){ia("ec",s,a)}const jl="components";function Rn(s,a){return zl(jl,s,!0,a)||s}const Nl=Symbol.for("v-ndc");function zl(s,a,i=!0,e=!1){const n=Ot||Ct;if(n){const l=n.type;{const v=_d(l,!1);if(v&&(v===a||v===Yt(a)||v===qe(Yt(a))))return l}const c=ci(n[s]||l[s],a)||ci(n.appContext[s],a);return!c&&e?l:c}}function ci(s,a){return s&&(s[a]||s[Yt(a)]||s[qe(Yt(a))])}function tt(s,a,i,e){let n;const l=i,c=Y(s);if(c||wt(s)){const v=c&&Us(s);let o=!1;v&&(o=!Vt(s),s=sa(s)),n=new Array(s.length);for(let d=0,p=s.length;d<p;d++)n[d]=a(o?kt(s[d]):s[d],d,void 0,l)}else if(typeof s=="number"){n=new Array(s);for(let v=0;v<s;v++)n[v]=a(v+1,v,void 0,l)}else if(_t(s))if(s[Symbol.iterator])n=Array.from(s,(v,o)=>a(v,o,void 0,l));else{const v=Object.keys(s);n=new Array(v.length);for(let o=0,d=v.length;o<d;o++){const p=v[o];n[o]=a(s[p],p,o,l)}}else n=[];return n}const ka=s=>s?io(s)?la(s):ka(s.parent):null,pe=At(Object.create(null),{$:s=>s,$el:s=>s.vnode.el,$data:s=>s.data,$props:s=>s.props,$attrs:s=>s.attrs,$slots:s=>s.slots,$refs:s=>s.refs,$parent:s=>ka(s.parent),$root:s=>ka(s.root),$host:s=>s.ce,$emit:s=>s.emit,$options:s=>Zn(s),$forceUpdate:s=>s.f||(s.f=()=>{Fa(s.update)}),$nextTick:s=>s.n||(s.n=Qa.bind(s.proxy)),$watch:s=>ql.bind(s)}),pa=(s,a)=>s!==bt&&!s.__isScriptSetup&&lt(s,a),El={get({_:s},a){if(a==="__v_skip")return!0;const{ctx:i,setupState:e,data:n,props:l,accessCache:c,type:v,appContext:o}=s;let d;if(a[0]!=="$"){const h=c[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(pa(e,a))return c[a]=1,e[a];if(n!==bt&&lt(n,a))return c[a]=2,n[a];if((d=s.propsOptions[0])&&lt(d,a))return c[a]=3,l[a];if(i!==bt&&lt(i,a))return c[a]=4,i[a];Ca&&(c[a]=0)}}const p=pe[a];let g,f;if(p)return a==="$attrs"&&Mt(s.attrs,"get",""),p(s);if((g=v.__cssModules)&&(g=g[a]))return g;if(i!==bt&&lt(i,a))return c[a]=4,i[a];if(f=o.config.globalProperties,lt(f,a))return f[a]},set({_:s},a,i){const{data:e,setupState:n,ctx:l}=s;return pa(n,a)?(n[a]=i,!0):e!==bt&&lt(e,a)?(e[a]=i,!0):lt(s.props,a)||a[0]==="$"&&a.slice(1)in s?!1:(l[a]=i,!0)},has({_:{data:s,setupState:a,accessCache:i,ctx:e,appContext:n,propsOptions:l}},c){let v;return!!i[c]||s!==bt&&lt(s,c)||pa(a,c)||(v=l[0])&&lt(v,c)||lt(e,c)||lt(pe,c)||lt(n.config.globalProperties,c)},defineProperty(s,a,i){return i.get!=null?s._.accessCache[a]=0:lt(i,"value")&&this.set(s,a,i.value,null),Reflect.defineProperty(s,a,i)}};function ri(s){return Y(s)?s.reduce((a,i)=>(a[i]=null,a),{}):s}let Ca=!0;function Pl(s){const a=Zn(s),i=s.proxy,e=s.ctx;Ca=!1,a.beforeCreate&&ui(a.beforeCreate,s,"bc");const{data:n,computed:l,methods:c,watch:v,provide:o,inject:d,created:p,beforeMount:g,mounted:f,beforeUpdate:h,updated:j,activated:R,deactivated:U,beforeDestroy:H,beforeUnmount:L,destroyed:V,unmounted:Z,render:pt,renderTracked:It,renderTriggered:yt,errorCaptured:qt,serverPrefetch:ws,expose:ts,inheritAttrs:$s,components:Ss,directives:ss,filters:ie}=a;if(d&&Sl(d,e,null),c)for(const vt in c){const it=c[vt];K(it)&&(e[vt]=it.bind(i))}if(n){const vt=n.call(i,i);_t(vt)&&(s.data=ea(vt))}if(Ca=!0,l)for(const vt in l){const it=l[vt],fs=K(it)?it.bind(i,i):K(it.get)?it.get.bind(i,i):cs,Is=!K(it)&&K(it.set)?it.set.bind(i):cs,es=Jt({get:fs,set:Is});Object.defineProperty(e,vt,{enumerable:!0,configurable:!0,get:()=>es.value,set:Pt=>es.value=Pt})}if(v)for(const vt in v)Tn(v[vt],e,i,vt);if(o){const vt=K(o)?o.call(i):o;Reflect.ownKeys(vt).forEach(it=>{Ze(it,vt[it])})}p&&ui(p,s,"c");function $t(vt,it){Y(it)?it.forEach(fs=>vt(fs.bind(i))):it&&vt(it.bind(i))}if($t(xl,g),$t(wl,f),$t($l,h),$t(Il,j),$t(gl,R),$t(_l,U),$t(Al,qt),$t(Dl,It),$t(Cl,yt),$t(Ml,L),$t(Sn,Z),$t(kl,ws),Y(ts))if(ts.length){const vt=s.exposed||(s.exposed={});ts.forEach(it=>{Object.defineProperty(vt,it,{get:()=>i[it],set:fs=>i[it]=fs})})}else s.exposed||(s.exposed={});pt&&s.render===cs&&(s.render=pt),$s!=null&&(s.inheritAttrs=$s),Ss&&(s.components=Ss),ss&&(s.directives=ss),ws&&zn(s)}function Sl(s,a,i=cs){Y(s)&&(s=Da(s));for(const e in s){const n=s[e];let l;_t(n)?"default"in n?l=_s(n.from||e,n.default,!0):l=_s(n.from||e):l=_s(n),Dt(l)?Object.defineProperty(a,e,{enumerable:!0,configurable:!0,get:()=>l.value,set:c=>l.value=c}):a[e]=l}}function ui(s,a,i){us(Y(s)?s.map(e=>e.bind(a.proxy)):s.bind(a.proxy),a,i)}function Tn(s,a,i,e){let n=e.includes(".")?Xn(i,e):()=>i[e];if(wt(s)){const l=a[s];K(l)&&Ge(n,l)}else if(K(s))Ge(n,s.bind(i));else if(_t(s))if(Y(s))s.forEach(l=>Tn(l,a,i,e));else{const l=K(s.handler)?s.handler.bind(i):a[s.handler];K(l)&&Ge(n,l,s)}}function Zn(s){const a=s.type,{mixins:i,extends:e}=a,{mixins:n,optionsCache:l,config:{optionMergeStrategies:c}}=s.appContext,v=l.get(a);let o;return v?o=v:!n.length&&!i&&!e?o=a:(o={},n.length&&n.forEach(d=>Qe(o,d,c,!0)),Qe(o,a,c)),_t(a)&&l.set(a,o),o}function Qe(s,a,i,e=!1){const{mixins:n,extends:l}=a;l&&Qe(s,l,i,!0),n&&n.forEach(c=>Qe(s,c,i,!0));for(const c in a)if(!(e&&c==="expose")){const v=Rl[c]||i&&i[c];s[c]=v?v(s[c],a[c]):a[c]}return s}const Rl={data:vi,props:fi,emits:fi,methods:ce,computed:ce,beforeCreate:Nt,created:Nt,beforeMount:Nt,mounted:Nt,beforeUpdate:Nt,updated:Nt,beforeDestroy:Nt,beforeUnmount:Nt,destroyed:Nt,unmounted:Nt,activated:Nt,deactivated:Nt,errorCaptured:Nt,serverPrefetch:Nt,components:ce,directives:ce,watch:Zl,provide:vi,inject:Tl};function vi(s,a){return a?s?function(){return At(K(s)?s.call(this,this):s,K(a)?a.call(this,this):a)}:a:s}function Tl(s,a){return ce(Da(s),Da(a))}function Da(s){if(Y(s)){const a={};for(let i=0;i<s.length;i++)a[s[i]]=s[i];return a}return s}function Nt(s,a){return s?[...new Set([].concat(s,a))]:a}function ce(s,a){return s?At(Object.create(null),s,a):a}function fi(s,a){return s?Y(s)&&Y(a)?[...new Set([...s,...a])]:At(Object.create(null),ri(s),ri(a??{})):a}function Zl(s,a){if(!s)return a;if(!a)return s;const i=At(Object.create(null),s);for(const e in a)i[e]=Nt(s[e],a[e]);return i}function Gn(){return{app:null,config:{isNativeTag:Co,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 Gl=0;function Ll(s,a){return function(e,n=null){K(e)||(e=At({},e)),n!=null&&!_t(n)&&(n=null);const l=Gn(),c=new WeakSet,v=[];let o=!1;const d=l.app={_uid:Gl++,_component:e,_props:n,_container:null,_context:l,_instance:null,version:xd,get config(){return l.config},set config(p){},use(p,...g){return c.has(p)||(p&&K(p.install)?(c.add(p),p.install(d,...g)):K(p)&&(c.add(p),p(d,...g))),d},mixin(p){return l.mixins.includes(p)||l.mixins.push(p),d},component(p,g){return g?(l.components[p]=g,d):l.components[p]},directive(p,g){return g?(l.directives[p]=g,d):l.directives[p]},mount(p,g,f){if(!o){const h=d._ceVNode||r(e,n);return h.appContext=l,f===!0?f="svg":f===!1&&(f=void 0),s(h,p,f),o=!0,d._container=p,p.__vue_app__=d,la(h.component)}},onUnmount(p){v.push(p)},unmount(){o&&(us(v,d._instance,16),s(null,d._container),delete d._container.__vue_app__)},provide(p,g){return l.provides[p]=g,d},runWithContext(p){const g=Xs;Xs=d;try{return p()}finally{Xs=g}}};return d}}let Xs=null;function Ze(s,a){if(Ct){let i=Ct.provides;const e=Ct.parent&&Ct.parent.provides;e===i&&(i=Ct.provides=Object.create(e)),i[s]=a}}function _s(s,a,i=!1){const e=Ct||Ot;if(e||Xs){const n=Xs?Xs._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&&K(a)?a.call(e&&e.proxy):a}}const Ln={},Hn=()=>Object.create(Ln),On=s=>Object.getPrototypeOf(s)===Ln;function Hl(s,a,i,e=!1){const n={},l=Hn();s.propsDefaults=Object.create(null),Bn(s,a,n,l);for(const c in s.propsOptions[0])c in n||(n[c]=void 0);i?s.props=e?n:xn(n):s.type.props?s.props=n:s.props=l,s.attrs=l}function Ol(s,a,i,e){const{props:n,attrs:l,vnode:{patchFlag:c}}=s,v=ot(n),[o]=s.propsOptions;let d=!1;if((e||c>0)&&!(c&16)){if(c&8){const p=s.vnode.dynamicProps;for(let g=0;g<p.length;g++){let f=p[g];if(na(s.emitsOptions,f))continue;const h=a[f];if(o)if(lt(l,f))h!==l[f]&&(l[f]=h,d=!0);else{const j=Yt(f);n[j]=Aa(o,v,j,h,s,!1)}else h!==l[f]&&(l[f]=h,d=!0)}}}else{Bn(s,a,n,l)&&(d=!0);let p;for(const g in v)(!a||!lt(a,g)&&((p=zs(g))===g||!lt(a,p)))&&(o?i&&(i[g]!==void 0||i[p]!==void 0)&&(n[g]=Aa(o,v,g,void 0,s,!0)):delete n[g]);if(l!==v)for(const g in l)(!a||!lt(a,g))&&(delete l[g],d=!0)}d&&hs(s.attrs,"set","")}function Bn(s,a,i,e){const[n,l]=s.propsOptions;let c=!1,v;if(a)for(let o in a){if(re(o))continue;const d=a[o];let p;n&&lt(n,p=Yt(o))?!l||!l.includes(p)?i[p]=d:(v||(v={}))[p]=d:na(s.emitsOptions,o)||(!(o in e)||d!==e[o])&&(e[o]=d,c=!0)}if(l){const o=ot(i),d=v||bt;for(let p=0;p<l.length;p++){const g=l[p];i[g]=Aa(n,o,g,d[g],s,!lt(d,g))}}return c}function Aa(s,a,i,e,n,l){const c=s[i];if(c!=null){const v=lt(c,"default");if(v&&e===void 0){const o=c.default;if(c.type!==Function&&!c.skipFactory&&K(o)){const{propsDefaults:d}=n;if(i in d)e=d[i];else{const p=Ne(n);e=d[i]=o.call(null,a),p()}}else e=o;n.ce&&n.ce._setProp(i,e)}c[0]&&(l&&!v?e=!1:c[1]&&(e===""||e===zs(i))&&(e=!0))}return e}const Bl=new WeakMap;function Wn(s,a,i=!1){const e=i?Bl:a.propsCache,n=e.get(s);if(n)return n;const l=s.props,c={},v=[];let o=!1;if(!K(s)){const p=g=>{o=!0;const[f,h]=Wn(g,a,!0);At(c,f),h&&v.push(...h)};!i&&a.mixins.length&&a.mixins.forEach(p),s.extends&&p(s.extends),s.mixins&&s.mixins.forEach(p)}if(!l&&!o)return _t(s)&&e.set(s,Qs),Qs;if(Y(l))for(let p=0;p<l.length;p++){const g=Yt(l[p]);pi(g)&&(c[g]=bt)}else if(l)for(const p in l){const g=Yt(p);if(pi(g)){const f=l[p],h=c[g]=Y(f)||K(f)?{type:f}:At({},f),j=h.type;let R=!1,U=!0;if(Y(j))for(let H=0;H<j.length;++H){const L=j[H],V=K(L)&&L.name;if(V==="Boolean"){R=!0;break}else V==="String"&&(U=!1)}else R=K(j)&&j.name==="Boolean";h[0]=R,h[1]=U,(R||lt(h,"default"))&&v.push(g)}}const d=[c,v];return _t(s)&&e.set(s,d),d}function pi(s){return s[0]!=="$"&&!re(s)}const Vn=s=>s[0]==="_"||s==="$stable",Ka=s=>Y(s)?s.map(ds):[ds(s)],Wl=(s,a,i)=>{if(a._n)return a;const e=jn((...n)=>Ka(a(...n)),i);return e._c=!1,e},Yn=(s,a,i)=>{const e=s._ctx;for(const n in s){if(Vn(n))continue;const l=s[n];if(K(l))a[n]=Wl(n,l,e);else if(l!=null){const c=Ka(l);a[n]=()=>c}}},Jn=(s,a)=>{const i=Ka(a);s.slots.default=()=>i},Qn=(s,a,i)=>{for(const e in a)(i||e!=="_")&&(s[e]=a[e])},Vl=(s,a,i)=>{const e=s.slots=Hn();if(s.vnode.shapeFlag&32){const n=a._;n?(Qn(e,a,i),i&&en(e,"_",n,!0)):Yn(a,e)}else a&&Jn(s,a)},Yl=(s,a,i)=>{const{vnode:e,slots:n}=s;let l=!0,c=bt;if(e.shapeFlag&32){const v=a._;v?i&&v===1?l=!1:Qn(n,a,i):(l=!a.$stable,Yn(a,n)),c=a}else a&&(Jn(s,a),c={default:1});if(l)for(const v in n)!Vn(v)&&c[v]==null&&delete n[v]},Lt=od;function Jl(s){return Ql(s)}function Ql(s,a){const i=ta();i.__VUE__=!0;const{insert:e,remove:n,patchProp:l,createElement:c,createText:v,createComment:o,setText:d,setElementText:p,parentNode:g,nextSibling:f,setScopeId:h=cs,insertStaticContent:j}=s,R=(m,b,x,w=null,C=null,k=null,E=void 0,z=null,N=!!b.dynamicChildren)=>{if(m===b)return;m&&!le(m,b)&&(w=$(m),Pt(m,C,k,!0),m=null),b.patchFlag===-2&&(N=!1,b.dynamicChildren=null);const{type:A,ref:J,shapeFlag:S}=b;switch(A){case oa:U(m,b,x,w);break;case Hs:H(m,b,x,w);break;case Le:m==null&&L(b,x,w,E);break;case Q:Ss(m,b,x,w,C,k,E,z,N);break;default:S&1?pt(m,b,x,w,C,k,E,z,N):S&6?ss(m,b,x,w,C,k,E,z,N):(S&64||S&128)&&A.process(m,b,x,w,C,k,E,z,N,G)}J!=null&&C&&Je(J,m&&m.ref,k,b||m,!b)},U=(m,b,x,w)=>{if(m==null)e(b.el=v(b.children),x,w);else{const C=b.el=m.el;b.children!==m.children&&d(C,b.children)}},H=(m,b,x,w)=>{m==null?e(b.el=o(b.children||""),x,w):b.el=m.el},L=(m,b,x,w)=>{[m.el,m.anchor]=j(m.children,b,x,w,m.el,m.anchor)},V=({el:m,anchor:b},x,w)=>{let C;for(;m&&m!==b;)C=f(m),e(m,x,w),m=C;e(b,x,w)},Z=({el:m,anchor:b})=>{let x;for(;m&&m!==b;)x=f(m),n(m),m=x;n(b)},pt=(m,b,x,w,C,k,E,z,N)=>{b.type==="svg"?E="svg":b.type==="math"&&(E="mathml"),m==null?It(b,x,w,C,k,E,z,N):ws(m,b,C,k,E,z,N)},It=(m,b,x,w,C,k,E,z)=>{let N,A;const{props:J,shapeFlag:S,transition:O,dirs:F}=m;if(N=m.el=c(m.type,k,J&&J.is,J),S&8?p(N,m.children):S&16&&qt(m.children,N,null,w,C,ma(m,k),E,z),F&&Rs(m,null,w,"created"),yt(N,m,m.scopeId,E,w),J){for(const ht in J)ht!=="value"&&!re(ht)&&l(N,ht,null,J[ht],k,w);"value"in J&&l(N,"value",null,J.value,k),(A=J.onVnodeBeforeMount)&&os(A,w,m)}F&&Rs(m,null,w,"beforeMount");const at=Fl(C,O);at&&O.beforeEnter(N),e(N,b,x),((A=J&&J.onVnodeMounted)||at||F)&&Lt(()=>{A&&os(A,w,m),at&&O.enter(N),F&&Rs(m,null,w,"mounted")},C)},yt=(m,b,x,w,C)=>{if(x&&h(m,x),w)for(let k=0;k<w.length;k++)h(m,w[k]);if(C){let k=C.subTree;if(b===k||to(k.type)&&(k.ssContent===b||k.ssFallback===b)){const E=C.vnode;yt(m,E,E.scopeId,E.slotScopeIds,C.parent)}}},qt=(m,b,x,w,C,k,E,z,N=0)=>{for(let A=N;A<m.length;A++){const J=m[A]=z?Cs(m[A]):ds(m[A]);R(null,J,b,x,w,C,k,E,z)}},ws=(m,b,x,w,C,k,E)=>{const z=b.el=m.el;let{patchFlag:N,dynamicChildren:A,dirs:J}=b;N|=m.patchFlag&16;const S=m.props||bt,O=b.props||bt;let F;if(x&&Ts(x,!1),(F=O.onVnodeBeforeUpdate)&&os(F,x,b,m),J&&Rs(b,m,x,"beforeUpdate"),x&&Ts(x,!0),(S.innerHTML&&O.innerHTML==null||S.textContent&&O.textContent==null)&&p(z,""),A?ts(m.dynamicChildren,A,z,x,w,ma(b,C),k):E||it(m,b,z,null,x,w,ma(b,C),k,!1),N>0){if(N&16)$s(z,S,O,x,C);else if(N&2&&S.class!==O.class&&l(z,"class",null,O.class,C),N&4&&l(z,"style",S.style,O.style,C),N&8){const at=b.dynamicProps;for(let ht=0;ht<at.length;ht++){const ct=at[ht],Zt=S[ct],St=O[ct];(St!==Zt||ct==="value")&&l(z,ct,Zt,St,C,x)}}N&1&&m.children!==b.children&&p(z,b.children)}else!E&&A==null&&$s(z,S,O,x,C);((F=O.onVnodeUpdated)||J)&&Lt(()=>{F&&os(F,x,b,m),J&&Rs(b,m,x,"updated")},w)},ts=(m,b,x,w,C,k,E)=>{for(let z=0;z<b.length;z++){const N=m[z],A=b[z],J=N.el&&(N.type===Q||!le(N,A)||N.shapeFlag&70)?g(N.el):x;R(N,A,J,null,w,C,k,E,!0)}},$s=(m,b,x,w,C)=>{if(b!==x){if(b!==bt)for(const k in b)!re(k)&&!(k in x)&&l(m,k,b[k],null,C,w);for(const k in x){if(re(k))continue;const E=x[k],z=b[k];E!==z&&k!=="value"&&l(m,k,z,E,C,w)}"value"in x&&l(m,"value",b.value,x.value,C)}},Ss=(m,b,x,w,C,k,E,z,N)=>{const A=b.el=m?m.el:v(""),J=b.anchor=m?m.anchor:v("");let{patchFlag:S,dynamicChildren:O,slotScopeIds:F}=b;F&&(z=z?z.concat(F):F),m==null?(e(A,x,w),e(J,x,w),qt(b.children||[],x,J,C,k,E,z,N)):S>0&&S&64&&O&&m.dynamicChildren?(ts(m.dynamicChildren,O,x,C,k,E,z),(b.key!=null||C&&b===C.subTree)&&Fn(m,b,!0)):it(m,b,x,J,C,k,E,z,N)},ss=(m,b,x,w,C,k,E,z,N)=>{b.slotScopeIds=z,m==null?b.shapeFlag&512?C.ctx.activate(b,x,w,E,N):ie(b,x,w,C,k,E,N):Os(m,b,N)},ie=(m,b,x,w,C,k,E)=>{const z=m.component=pd(m,w,C);if(En(m)&&(z.ctx.renderer=G),md(z,!1,E),z.asyncDep){if(C&&C.registerDep(z,$t,E),!m.el){const N=z.subTree=r(Hs);H(null,N,b,x)}}else $t(z,m,b,x,C,k,E)},Os=(m,b,x)=>{const w=b.component=m.component;if(id(m,b,x))if(w.asyncDep&&!w.asyncResolved){vt(w,b,x);return}else w.next=b,w.update();else b.el=m.el,w.vnode=b},$t=(m,b,x,w,C,k,E)=>{const z=()=>{if(m.isMounted){let{next:S,bu:O,u:F,parent:at,vnode:ht}=m;{const is=Un(m);if(is){S&&(S.el=ht.el,vt(m,S,E)),is.asyncDep.then(()=>{m.isUnmounted||z()});return}}let ct=S,Zt;Ts(m,!1),S?(S.el=ht.el,vt(m,S,E)):S=ht,O&&Te(O),(Zt=S.props&&S.props.onVnodeBeforeUpdate)&&os(Zt,at,S,ht),Ts(m,!0);const St=bi(m),as=m.subTree;m.subTree=St,R(as,St,g(as.el),$(as),m,C,k),S.el=St.el,ct===null&&nd(m,St.el),F&&Lt(F,C),(Zt=S.props&&S.props.onVnodeUpdated)&&Lt(()=>os(Zt,at,S,ht),C)}else{let S;const{el:O,props:F}=b,{bm:at,m:ht,parent:ct,root:Zt,type:St}=m,as=fe(b);Ts(m,!1),at&&Te(at),!as&&(S=F&&F.onVnodeBeforeMount)&&os(S,ct,b),Ts(m,!0);{Zt.ce&&Zt.ce._injectChildStyle(St);const is=m.subTree=bi(m);R(null,is,x,w,m,C,k),b.el=is.el}if(ht&&Lt(ht,C),!as&&(S=F&&F.onVnodeMounted)){const is=b;Lt(()=>os(S,ct,is),C)}(b.shapeFlag&256||ct&&fe(ct.vnode)&&ct.vnode.shapeFlag&256)&&m.a&&Lt(m.a,C),m.isMounted=!0,b=x=w=null}};m.scope.on();const N=m.effect=new ln(z);m.scope.off();const A=m.update=N.run.bind(N),J=m.job=N.runIfDirty.bind(N);J.i=m,J.id=m.uid,N.scheduler=()=>Fa(J),Ts(m,!0),A()},vt=(m,b,x)=>{b.component=m;const w=m.vnode.props;m.vnode=b,m.next=null,Ol(m,b.props,w,x),Yl(m,b.children,x),Es(),di(m),Ps()},it=(m,b,x,w,C,k,E,z,N=!1)=>{const A=m&&m.children,J=m?m.shapeFlag:0,S=b.children,{patchFlag:O,shapeFlag:F}=b;if(O>0){if(O&128){Is(A,S,x,w,C,k,E,z,N);return}else if(O&256){fs(A,S,x,w,C,k,E,z,N);return}}F&8?(J&16&&Wt(A,C,k),S!==A&&p(x,S)):J&16?F&16?Is(A,S,x,w,C,k,E,z,N):Wt(A,C,k,!0):(J&8&&p(x,""),F&16&&qt(S,x,w,C,k,E,z,N))},fs=(m,b,x,w,C,k,E,z,N)=>{m=m||Qs,b=b||Qs;const A=m.length,J=b.length,S=Math.min(A,J);let O;for(O=0;O<S;O++){const F=b[O]=N?Cs(b[O]):ds(b[O]);R(m[O],F,x,null,C,k,E,z,N)}A>J?Wt(m,C,k,!0,!1,S):qt(b,x,w,C,k,E,z,N,S)},Is=(m,b,x,w,C,k,E,z,N)=>{let A=0;const J=b.length;let S=m.length-1,O=J-1;for(;A<=S&&A<=O;){const F=m[A],at=b[A]=N?Cs(b[A]):ds(b[A]);if(le(F,at))R(F,at,x,null,C,k,E,z,N);else break;A++}for(;A<=S&&A<=O;){const F=m[S],at=b[O]=N?Cs(b[O]):ds(b[O]);if(le(F,at))R(F,at,x,null,C,k,E,z,N);else break;S--,O--}if(A>S){if(A<=O){const F=O+1,at=F<J?b[F].el:w;for(;A<=O;)R(null,b[A]=N?Cs(b[A]):ds(b[A]),x,at,C,k,E,z,N),A++}}else if(A>O)for(;A<=S;)Pt(m[A],C,k,!0),A++;else{const F=A,at=A,ht=new Map;for(A=at;A<=O;A++){const Gt=b[A]=N?Cs(b[A]):ds(b[A]);Gt.key!=null&&ht.set(Gt.key,A)}let ct,Zt=0;const St=O-at+1;let as=!1,is=0;const ne=new Array(St);for(A=0;A<St;A++)ne[A]=0;for(A=F;A<=S;A++){const Gt=m[A];if(Zt>=St){Pt(Gt,C,k,!0);continue}let ns;if(Gt.key!=null)ns=ht.get(Gt.key);else for(ct=at;ct<=O;ct++)if(ne[ct-at]===0&&le(Gt,b[ct])){ns=ct;break}ns===void 0?Pt(Gt,C,k,!0):(ne[ns-at]=A+1,ns>=is?is=ns:as=!0,R(Gt,b[ns],x,null,C,k,E,z,N),Zt++)}const ei=as?Ul(ne):Qs;for(ct=ei.length-1,A=St-1;A>=0;A--){const Gt=at+A,ns=b[Gt],ai=Gt+1<J?b[Gt+1].el:w;ne[A]===0?R(null,ns,x,ai,C,k,E,z,N):as&&(ct<0||A!==ei[ct]?es(ns,x,ai,2):ct--)}}},es=(m,b,x,w,C=null)=>{const{el:k,type:E,transition:z,children:N,shapeFlag:A}=m;if(A&6){es(m.component.subTree,b,x,w);return}if(A&128){m.suspense.move(b,x,w);return}if(A&64){E.move(m,b,x,G);return}if(E===Q){e(k,b,x);for(let S=0;S<N.length;S++)es(N[S],b,x,w);e(m.anchor,b,x);return}if(E===Le){V(m,b,x);return}if(w!==2&&A&1&&z)if(w===0)z.beforeEnter(k),e(k,b,x),Lt(()=>z.enter(k),C);else{const{leave:S,delayLeave:O,afterLeave:F}=z,at=()=>e(k,b,x),ht=()=>{S(k,()=>{at(),F&&F()})};O?O(k,at,ht):ht()}else e(k,b,x)},Pt=(m,b,x,w=!1,C=!1)=>{const{type:k,props:E,ref:z,children:N,dynamicChildren:A,shapeFlag:J,patchFlag:S,dirs:O,cacheIndex:F}=m;if(S===-2&&(C=!1),z!=null&&Je(z,null,x,m,!0),F!=null&&(b.renderCache[F]=void 0),J&256){b.ctx.deactivate(m);return}const at=J&1&&O,ht=!fe(m);let ct;if(ht&&(ct=E&&E.onVnodeBeforeUnmount)&&os(ct,b,m),J&6)ze(m.component,x,w);else{if(J&128){m.suspense.unmount(x,w);return}at&&Rs(m,null,b,"beforeUnmount"),J&64?m.type.remove(m,b,x,G,w):A&&!A.hasOnce&&(k!==Q||S>0&&S&64)?Wt(A,b,x,!1,!0):(k===Q&&S&384||!C&&J&16)&&Wt(N,b,x),w&&Bs(m)}(ht&&(ct=E&&E.onVnodeUnmounted)||at)&&Lt(()=>{ct&&os(ct,b,m),at&&Rs(m,null,b,"unmounted")},x)},Bs=m=>{const{type:b,el:x,anchor:w,transition:C}=m;if(b===Q){Ws(x,w);return}if(b===Le){Z(m);return}const k=()=>{n(x),C&&!C.persisted&&C.afterLeave&&C.afterLeave()};if(m.shapeFlag&1&&C&&!C.persisted){const{leave:E,delayLeave:z}=C,N=()=>E(x,k);z?z(m.el,k,N):N()}else k()},Ws=(m,b)=>{let x;for(;m!==b;)x=f(m),n(m),m=x;n(b)},ze=(m,b,x)=>{const{bum:w,scope:C,job:k,subTree:E,um:z,m:N,a:A}=m;mi(N),mi(A),w&&Te(w),C.stop(),k&&(k.flags|=8,Pt(E,m,b,x)),z&&Lt(z,b),Lt(()=>{m.isUnmounted=!0},b),b&&b.pendingBranch&&!b.isUnmounted&&m.asyncDep&&!m.asyncResolved&&m.suspenseId===b.pendingId&&(b.deps--,b.deps===0&&b.resolve())},Wt=(m,b,x,w=!1,C=!1,k=0)=>{for(let E=k;E<m.length;E++)Pt(m[E],b,x,w,C)},$=m=>{if(m.shapeFlag&6)return $(m.component.subTree);if(m.shapeFlag&128)return m.suspense.next();const b=f(m.anchor||m.el),x=b&&b[bl];return x?f(x):b};let T=!1;const P=(m,b,x)=>{m==null?b._vnode&&Pt(b._vnode,null,null,!0):R(b._vnode||null,m,b,null,null,null,x),b._vnode=m,T||(T=!0,di(),Cn(),T=!1)},G={p:R,um:Pt,m:es,r:Bs,mt:ie,mc:qt,pc:it,pbc:ts,n:$,o:s};return{render:P,hydrate:void 0,createApp:Ll(P)}}function ma({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 Ts({effect:s,job:a},i){i?(s.flags|=32,a.flags|=4):(s.flags&=-33,a.flags&=-5)}function Fl(s,a){return(!s||s&&!s.pendingBranch)&&a&&!a.persisted}function Fn(s,a,i=!1){const e=s.children,n=a.children;if(Y(e)&&Y(n))for(let l=0;l<e.length;l++){const c=e[l];let v=n[l];v.shapeFlag&1&&!v.dynamicChildren&&((v.patchFlag<=0||v.patchFlag===32)&&(v=n[l]=Cs(n[l]),v.el=c.el),!i&&v.patchFlag!==-2&&Fn(c,v)),v.type===oa&&(v.el=c.el)}}function Ul(s){const a=s.slice(),i=[0];let e,n,l,c,v;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,c=i.length-1;l<c;)v=l+c>>1,s[i[v]]<d?l=v+1:c=v;d<s[i[l]]&&(l>0&&(a[e]=i[l-1]),i[l]=e)}}for(l=i.length,c=i[l-1];l-- >0;)i[l]=c,c=a[c];return i}function Un(s){const a=s.subTree.component;if(a)return a.asyncDep&&!a.asyncResolved?a:Un(a)}function mi(s){if(s)for(let a=0;a<s.length;a++)s[a].flags|=8}const Kl=Symbol.for("v-scx"),Xl=()=>_s(Kl);function Ge(s,a,i){return Kn(s,a,i)}function Kn(s,a,i=bt){const{immediate:e,deep:n,flush:l,once:c}=i,v=At({},i),o=a&&e||!a&&l!=="post";let d;if(we){if(l==="sync"){const h=Xl();d=h.__watcherHandles||(h.__watcherHandles=[])}else if(!o){const h=()=>{};return h.stop=cs,h.resume=cs,h.pause=cs,h}}const p=Ct;v.call=(h,j,R)=>us(h,p,j,R);let g=!1;l==="post"?v.scheduler=h=>{Lt(h,p&&p.suspense)}:l!=="sync"&&(g=!0,v.scheduler=(h,j)=>{j?h():Fa(h)}),v.augmentJob=h=>{a&&(h.flags|=4),g&&(h.flags|=2,p&&(h.id=p.uid,h.i=p))};const f=vl(s,a,v);return we&&(d?d.push(f):o&&f()),f}function ql(s,a,i){const e=this.proxy,n=wt(s)?s.includes(".")?Xn(e,s):()=>e[s]:s.bind(e,e);let l;K(a)?l=a:(l=a.handler,i=a);const c=Ne(this),v=Kn(n,l.bind(e),i);return c(),v}function Xn(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 td=(s,a)=>a==="modelValue"||a==="model-value"?s.modelModifiers:s[`${a}Modifiers`]||s[`${Yt(a)}Modifiers`]||s[`${zs(a)}Modifiers`];function sd(s,a,...i){if(s.isUnmounted)return;const e=s.vnode.props||bt;let n=i;const l=a.startsWith("update:"),c=l&&td(e,a.slice(7));c&&(c.trim&&(n=i.map(p=>wt(p)?p.trim():p)),c.number&&(n=i.map(Be)));let v,o=e[v=ca(a)]||e[v=ca(Yt(a))];!o&&l&&(o=e[v=ca(zs(a))]),o&&us(o,s,6,n);const d=e[v+"Once"];if(d){if(!s.emitted)s.emitted={};else if(s.emitted[v])return;s.emitted[v]=!0,us(d,s,6,n)}}function qn(s,a,i=!1){const e=a.emitsCache,n=e.get(s);if(n!==void 0)return n;const l=s.emits;let c={},v=!1;if(!K(s)){const o=d=>{const p=qn(d,a,!0);p&&(v=!0,At(c,p))};!i&&a.mixins.length&&a.mixins.forEach(o),s.extends&&o(s.extends),s.mixins&&s.mixins.forEach(o)}return!l&&!v?(_t(s)&&e.set(s,null),null):(Y(l)?l.forEach(o=>c[o]=null):At(c,l),_t(s)&&e.set(s,c),c)}function na(s,a){return!s||!Ke(a)?!1:(a=a.slice(2).replace(/Once$/,""),lt(s,a[0].toLowerCase()+a.slice(1))||lt(s,zs(a))||lt(s,a))}function bi(s){const{type:a,vnode:i,proxy:e,withProxy:n,propsOptions:[l],slots:c,attrs:v,emit:o,render:d,renderCache:p,props:g,data:f,setupState:h,ctx:j,inheritAttrs:R}=s,U=Ye(s);let H,L;try{if(i.shapeFlag&4){const Z=n||e,pt=Z;H=ds(d.call(pt,Z,p,g,h,f,j)),L=v}else{const Z=a;H=ds(Z.length>1?Z(g,{attrs:v,slots:c,emit:o}):Z(g,null)),L=a.props?v:ed(v)}}catch(Z){me.length=0,aa(Z,s,1),H=r(Hs)}let V=H;if(L&&R!==!1){const Z=Object.keys(L),{shapeFlag:pt}=V;Z.length&&pt&7&&(l&&Z.some(Ta)&&(L=ad(L,l)),V=qs(V,L,!1,!0))}return i.dirs&&(V=qs(V,null,!1,!0),V.dirs=V.dirs?V.dirs.concat(i.dirs):i.dirs),i.transition&&Ua(V,i.transition),H=V,Ye(U),H}const ed=s=>{let a;for(const i in s)(i==="class"||i==="style"||Ke(i))&&((a||(a={}))[i]=s[i]);return a},ad=(s,a)=>{const i={};for(const e in s)(!Ta(e)||!(e.slice(9)in a))&&(i[e]=s[e]);return i};function id(s,a,i){const{props:e,children:n,component:l}=s,{props:c,children:v,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?hi(e,c,d):!!c;if(o&8){const p=a.dynamicProps;for(let g=0;g<p.length;g++){const f=p[g];if(c[f]!==e[f]&&!na(d,f))return!0}}}else return(n||v)&&(!v||!v.$stable)?!0:e===c?!1:e?c?hi(e,c,d):!0:!!c;return!1}function hi(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]&&!na(i,l))return!0}return!1}function nd({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 to=s=>s.__isSuspense;function od(s,a){a&&a.pendingBranch?Y(s)?a.effects.push(...s):a.effects.push(s):ml(s)}const Q=Symbol.for("v-fgt"),oa=Symbol.for("v-txt"),Hs=Symbol.for("v-cmt"),Le=Symbol.for("v-stc"),me=[];let Bt=null;function _(s=!1){me.push(Bt=s?null:[])}function ld(){me.pop(),Bt=me[me.length-1]||null}let xe=1;function gi(s,a=!1){xe+=s,s<0&&Bt&&a&&(Bt.hasOnce=!0)}function so(s){return s.dynamicChildren=xe>0?Bt||Qs:null,ld(),xe>0&&Bt&&Bt.push(s),s}function y(s,a,i,e,n,l){return so(t(s,a,i,e,n,l,!0))}function eo(s,a,i,e,n){return so(r(s,a,i,e,n,!0))}function Fe(s){return s?s.__v_isVNode===!0:!1}function le(s,a){return s.type===a.type&&s.key===a.key}const ao=({key:s})=>s??null,He=({ref:s,ref_key:a,ref_for:i})=>(typeof s=="number"&&(s=""+s),s!=null?wt(s)||Dt(s)||K(s)?{i:Ot,r:s,k:a,f:!!i}:s:null);function t(s,a=null,i=null,e=0,n=null,l=s===Q?0:1,c=!1,v=!1){const o={__v_isVNode:!0,__v_skip:!0,type:s,props:a,key:a&&ao(a),ref:a&&He(a),scopeId:An,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:Ot};return v?(Xa(o,i),l&128&&s.normalize(o)):i&&(o.shapeFlag|=wt(i)?8:16),xe>0&&!c&&Bt&&(o.patchFlag>0||l&6)&&o.patchFlag!==32&&Bt.push(o),o}const r=dd;function dd(s,a=null,i=null,e=0,n=null,l=!1){if((!s||s===Nl)&&(s=Hs),Fe(s)){const v=qs(s,a,!0);return i&&Xa(v,i),xe>0&&!l&&Bt&&(v.shapeFlag&6?Bt[Bt.indexOf(s)]=v:Bt.push(v)),v.patchFlag=-2,v}if(yd(s)&&(s=s.__vccOpts),a){a=cd(a);let{class:v,style:o}=a;v&&!wt(v)&&(a.class=et(v)),_t(o)&&(Ja(o)&&!Y(o)&&(o=At({},o)),a.style=De(o))}const c=wt(s)?1:to(s)?128:hl(s)?64:_t(s)?4:K(s)?2:0;return t(s,a,i,e,n,c,l,!0)}function cd(s){return s?Ja(s)||On(s)?At({},s):s:null}function qs(s,a,i=!1,e=!1){const{props:n,ref:l,patchFlag:c,children:v,transition:o}=s,d=a?ud(n||{},a):n,p={__v_isVNode:!0,__v_skip:!0,type:s.type,props:d,key:d&&ao(d),ref:a&&a.ref?i&&l?Y(l)?l.concat(He(a)):[l,He(a)]:He(a):l,scopeId:s.scopeId,slotScopeIds:s.slotScopeIds,children:v,target:s.target,targetStart:s.targetStart,targetAnchor:s.targetAnchor,staticCount:s.staticCount,shapeFlag:s.shapeFlag,patchFlag:a&&s.type!==Q?c===-1?16:c|16:c,dynamicProps:s.dynamicProps,dynamicChildren:s.dynamicChildren,appContext:s.appContext,dirs:s.dirs,transition:o,component:s.component,suspense:s.suspense,ssContent:s.ssContent&&qs(s.ssContent),ssFallback:s.ssFallback&&qs(s.ssFallback),el:s.el,anchor:s.anchor,ctx:s.ctx,ce:s.ce};return o&&e&&Ua(p,o.clone(p)),p}function rd(s=" ",a=0){return r(oa,null,s,a)}function B(s,a){const i=r(Le,null,s);return i.staticCount=a,i}function D(s="",a=!1){return a?(_(),eo(Hs,null,s)):r(Hs,null,s)}function ds(s){return s==null||typeof s=="boolean"?r(Hs):Y(s)?r(Q,null,s.slice()):Fe(s)?Cs(s):r(oa,null,String(s))}function Cs(s){return s.el===null&&s.patchFlag!==-1||s.memo?s:qs(s)}function Xa(s,a){let i=0;const{shapeFlag:e}=s;if(a==null)a=null;else if(Y(a))i=16;else if(typeof a=="object")if(e&65){const n=a.default;n&&(n._c&&(n._d=!1),Xa(s,n()),n._c&&(n._d=!0));return}else{i=32;const n=a._;!n&&!On(a)?a._ctx=Ot:n===3&&Ot&&(Ot.slots._===1?a._=1:(a._=2,s.patchFlag|=1024))}else K(a)?(a={default:a,_ctx:Ot},i=32):(a=String(a),e&64?(i=16,a=[rd(a)]):i=8);s.children=a,s.shapeFlag|=i}function ud(...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=et([a.class,e.class]));else if(n==="style")a.style=De([a.style,e.style]);else if(Ke(n)){const l=a[n],c=e[n];c&&l!==c&&!(Y(l)&&l.includes(c))&&(a[n]=l?[].concat(l,c):c)}else n!==""&&(a[n]=e[n])}return a}function os(s,a,i,e=null){us(s,a,7,[i,e])}const vd=Gn();let fd=0;function pd(s,a,i){const e=s.type,n=(a?a.appContext:s.appContext)||vd,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 Go(!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:Wn(e,n),emitsOptions:qn(e,n),emit:null,emitted:null,propsDefaults:bt,inheritAttrs:e.inheritAttrs,ctx:bt,data:bt,props:bt,attrs:bt,slots:bt,refs:bt,setupState:bt,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=sd.bind(null,l),s.ce&&s.ce(l),l}let Ct=null,Ue,ja;{const s=ta(),a=(i,e)=>{let n;return(n=s[i])||(n=s[i]=[]),n.push(e),l=>{n.length>1?n.forEach(c=>c(l)):n[0](l)}};Ue=a("__VUE_INSTANCE_SETTERS__",i=>Ct=i),ja=a("__VUE_SSR_SETTERS__",i=>we=i)}const Ne=s=>{const a=Ct;return Ue(s),s.scope.on(),()=>{s.scope.off(),Ue(a)}},_i=()=>{Ct&&Ct.scope.off(),Ue(null)};function io(s){return s.vnode.shapeFlag&4}let we=!1;function md(s,a=!1,i=!1){a&&ja(a);const{props:e,children:n}=s.vnode,l=io(s);Hl(s,e,l,a),Vl(s,n,i);const c=l?bd(s,a):void 0;return a&&ja(!1),c}function bd(s,a){const i=s.type;s.accessCache=Object.create(null),s.proxy=new Proxy(s.ctx,El);const{setup:e}=i;if(e){Es();const n=s.setupContext=e.length>1?gd(s):null,l=Ne(s),c=je(e,s,0,[s.props,n]),v=qi(c);if(Ps(),l(),(v||s.sp)&&!fe(s)&&zn(s),v){if(c.then(_i,_i),a)return c.then(o=>{yi(s,o)}).catch(o=>{aa(o,s,0)});s.asyncDep=c}else yi(s,c)}else no(s)}function yi(s,a,i){K(a)?s.type.__ssrInlineRender?s.ssrRender=a:s.render=a:_t(a)&&(s.setupState=In(a)),no(s)}function no(s,a,i){const e=s.type;s.render||(s.render=e.render||cs);{const n=Ne(s);Es();try{Pl(s)}finally{Ps(),n()}}}const hd={get(s,a){return Mt(s,"get",""),s[a]}};function gd(s){const a=i=>{s.exposed=i||{}};return{attrs:new Proxy(s.attrs,hd),slots:s.slots,emit:s.emit,expose:a}}function la(s){return s.exposed?s.exposeProxy||(s.exposeProxy=new Proxy(In(nl(s.exposed)),{get(a,i){if(i in a)return a[i];if(i in pe)return pe[i](s)},has(a,i){return i in a||i in pe}})):s.proxy}function _d(s,a=!0){return K(s)?s.displayName||s.name:s.name||a&&s.__name}function yd(s){return K(s)&&"__vccOpts"in s}const Jt=(s,a)=>rl(s,a,we);function $e(s,a,i){const e=arguments.length;return e===2?_t(a)&&!Y(a)?Fe(a)?r(s,null,[a]):r(s,a):r(s,null,a):(e>3?i=Array.prototype.slice.call(arguments,2):e===3&&Fe(i)&&(i=[i]),r(s,a,i))}const xd="3.5.13";/**
* @vue/runtime-dom v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/let Na;const xi=typeof window<"u"&&window.trustedTypes;if(xi)try{Na=xi.createPolicy("vue",{createHTML:s=>s})}catch{}const oo=Na?s=>Na.createHTML(s):s=>s,wd="http://www.w3.org/2000/svg",$d="http://www.w3.org/1998/Math/MathML",bs=typeof document<"u"?document:null,wi=bs&&bs.createElement("template"),Id={insert:(s,a,i)=>{a.insertBefore(s,i||null)},remove:s=>{const a=s.parentNode;a&&a.removeChild(s)},createElement:(s,a,i,e)=>{const n=a==="svg"?bs.createElementNS(wd,s):a==="mathml"?bs.createElementNS($d,s):i?bs.createElement(s,{is:i}):bs.createElement(s);return s==="select"&&e&&e.multiple!=null&&n.setAttribute("multiple",e.multiple),n},createText:s=>bs.createTextNode(s),createComment:s=>bs.createComment(s),setText:(s,a)=>{s.nodeValue=a},setElementText:(s,a)=>{s.textContent=a},parentNode:s=>s.parentNode,nextSibling:s=>s.nextSibling,querySelector:s=>bs.querySelector(s),setScopeId(s,a){s.setAttribute(a,"")},insertStaticContent(s,a,i,e,n,l){const c=i?i.previousSibling:a.lastChild;if(n&&(n===l||n.nextSibling))for(;a.insertBefore(n.cloneNode(!0),i),!(n===l||!(n=n.nextSibling)););else{wi.innerHTML=oo(e==="svg"?`<svg>${s}</svg>`:e==="mathml"?`<math>${s}</math>`:s);const v=wi.content;if(e==="svg"||e==="mathml"){const o=v.firstChild;for(;o.firstChild;)v.appendChild(o.firstChild);v.removeChild(o)}a.insertBefore(v,i)}return[c?c.nextSibling:a.firstChild,i?i.previousSibling:a.lastChild]}},Md=Symbol("_vtc");function kd(s,a,i){const e=s[Md];e&&(a=(a?[a,...e]:[...e]).join(" ")),a==null?s.removeAttribute("class"):i?s.setAttribute("class",a):s.className=a}const $i=Symbol("_vod"),Cd=Symbol("_vsh"),Dd=Symbol(""),Ad=/(^|;)\s*display\s*:/;function jd(s,a,i){const e=s.style,n=wt(i);let l=!1;if(i&&!n){if(a)if(wt(a))for(const c of a.split(";")){const v=c.slice(0,c.indexOf(":")).trim();i[v]==null&&Oe(e,v,"")}else for(const c in a)i[c]==null&&Oe(e,c,"");for(const c in i)c==="display"&&(l=!0),Oe(e,c,i[c])}else if(n){if(a!==i){const c=e[Dd];c&&(i+=";"+c),e.cssText=i,l=Ad.test(i)}}else a&&s.removeAttribute("style");$i in s&&(s[$i]=l?e.display:"",s[Cd]&&(e.display="none"))}const Ii=/\s*!important$/;function Oe(s,a,i){if(Y(i))i.forEach(e=>Oe(s,a,e));else if(i==null&&(i=""),a.startsWith("--"))s.setProperty(a,i);else{const e=Nd(s,a);Ii.test(i)?s.setProperty(zs(e),i.replace(Ii,""),"important"):s[e]=i}}const Mi=["Webkit","Moz","ms"],ba={};function Nd(s,a){const i=ba[a];if(i)return i;let e=Yt(a);if(e!=="filter"&&e in s)return ba[a]=e;e=qe(e);for(let n=0;n<Mi.length;n++){const l=Mi[n]+e;if(l in s)return ba[a]=l}return a}const ki="http://www.w3.org/1999/xlink";function Ci(s,a,i,e,n,l=To(a)){e&&a.startsWith("xlink:")?i==null?s.removeAttributeNS(ki,a.slice(6,a.length)):s.setAttributeNS(ki,a,i):i==null||l&&!an(i)?s.removeAttribute(a):s.setAttribute(a,l?"":rs(i)?String(i):i)}function Di(s,a,i,e,n){if(a==="innerHTML"||a==="textContent"){i!=null&&(s[a]=a==="innerHTML"?oo(i):i);return}const l=s.tagName;if(a==="value"&&l!=="PROGRESS"&&!l.includes("-")){const v=l==="OPTION"?s.getAttribute("value")||"":s.value,o=i==null?s.type==="checkbox"?"on":"":String(i);(v!==o||!("_value"in s))&&(s.value=o),i==null&&s.removeAttribute(a),s._value=i;return}let c=!1;if(i===""||i==null){const v=typeof s[a];v==="boolean"?i=an(i):i==null&&v==="string"?(i="",c=!0):v==="number"&&(i=0,c=!0)}try{s[a]=i}catch{}c&&s.removeAttribute(n||a)}function As(s,a,i,e){s.addEventListener(a,i,e)}function zd(s,a,i,e){s.removeEventListener(a,i,e)}const Ai=Symbol("_vei");function Ed(s,a,i,e,n=null){const l=s[Ai]||(s[Ai]={}),c=l[a];if(e&&c)c.value=e;else{const[v,o]=Pd(a);if(e){const d=l[a]=Td(e,n);As(s,v,d,o)}else c&&(zd(s,v,c,o),l[a]=void 0)}}const ji=/(?:Once|Passive|Capture)$/;function Pd(s){let a;if(ji.test(s)){a={};let e;for(;e=s.match(ji);)s=s.slice(0,s.length-e[0].length),a[e[0].toLowerCase()]=!0}return[s[2]===":"?s.slice(3):zs(s.slice(2)),a]}let ha=0;const Sd=Promise.resolve(),Rd=()=>ha||(Sd.then(()=>ha=0),ha=Date.now());function Td(s,a){const i=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=i.attached)return;us(Zd(e,i.value),a,5,[e])};return i.value=s,i.attached=Rd(),i}function Zd(s,a){if(Y(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 Ni=s=>s.charCodeAt(0)===111&&s.charCodeAt(1)===110&&s.charCodeAt(2)>96&&s.charCodeAt(2)<123,Gd=(s,a,i,e,n,l)=>{const c=n==="svg";a==="class"?kd(s,e,c):a==="style"?jd(s,i,e):Ke(a)?Ta(a)||Ed(s,a,i,e,l):(a[0]==="."?(a=a.slice(1),!0):a[0]==="^"?(a=a.slice(1),!1):Ld(s,a,e,c))?(Di(s,a,e),!s.tagName.includes("-")&&(a==="value"||a==="checked"||a==="selected")&&Ci(s,a,e,c,l,a!=="value")):s._isVueCE&&(/[A-Z]/.test(a)||!wt(e))?Di(s,Yt(a),e,l,a):(a==="true-value"?s._trueValue=e:a==="false-value"&&(s._falseValue=e),Ci(s,a,e,c))};function Ld(s,a,i,e){if(e)return!!(a==="innerHTML"||a==="textContent"||a in s&&Ni(a)&&K(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 Ni(a)&&wt(i)?!1:a in s}const te=s=>{const a=s.props["onUpdate:modelValue"]||!1;return Y(a)?i=>Te(a,i):a};function Hd(s){s.target.composing=!0}function zi(s){const a=s.target;a.composing&&(a.composing=!1,a.dispatchEvent(new Event("input")))}const ys=Symbol("_assign"),za={created(s,{modifiers:{lazy:a,trim:i,number:e}},n){s[ys]=te(n);const l=e||n.props&&n.props.type==="number";As(s,a?"change":"input",c=>{if(c.target.composing)return;let v=s.value;i&&(v=v.trim()),l&&(v=Be(v)),s[ys](v)}),i&&As(s,"change",()=>{s.value=s.value.trim()}),a||(As(s,"compositionstart",Hd),As(s,"compositionend",zi),As(s,"change",zi))},mounted(s,{value:a}){s.value=a??""},beforeUpdate(s,{value:a,oldValue:i,modifiers:{lazy:e,trim:n,number:l}},c){if(s[ys]=te(c),s.composing)return;const v=(l||s.type==="number")&&!/^0\d/.test(s.value)?Be(s.value):s.value,o=a??"";v!==o&&(document.activeElement===s&&s.type!=="range"&&(e&&a===i||n&&s.value.trim()===o)||(s.value=o))}},qa={deep:!0,created(s,a,i){s[ys]=te(i),As(s,"change",()=>{const e=s._modelValue,n=Ie(s),l=s.checked,c=s[ys];if(Y(e)){const v=La(e,n),o=v!==-1;if(l&&!o)c(e.concat(n));else if(!l&&o){const d=[...e];d.splice(v,1),c(d)}}else if(ae(e)){const v=new Set(e);l?v.add(n):v.delete(n),c(v)}else c(co(s,l))})},mounted:Ei,beforeUpdate(s,a,i){s[ys]=te(i),Ei(s,a,i)}};function Ei(s,{value:a,oldValue:i},e){s._modelValue=a;let n;if(Y(a))n=La(a,e.props.value)>-1;else if(ae(a))n=a.has(e.props.value);else{if(a===i)return;n=Ae(a,co(s,!0))}s.checked!==n&&(s.checked=n)}const lo={deep:!0,created(s,{value:a,modifiers:{number:i}},e){const n=ae(a);As(s,"change",()=>{const l=Array.prototype.filter.call(s.options,c=>c.selected).map(c=>i?Be(Ie(c)):Ie(c));s[ys](s.multiple?n?new Set(l):l:l[0]),s._assigning=!0,Qa(()=>{s._assigning=!1})}),s[ys]=te(e)},mounted(s,{value:a}){Pi(s,a)},beforeUpdate(s,a,i){s[ys]=te(i)},updated(s,{value:a}){s._assigning||Pi(s,a)}};function Pi(s,a){const i=s.multiple,e=Y(a);if(!(i&&!e&&!ae(a))){for(let n=0,l=s.options.length;n<l;n++){const c=s.options[n],v=Ie(c);if(i)if(e){const o=typeof v;o==="string"||o==="number"?c.selected=a.some(d=>String(d)===String(v)):c.selected=La(a,v)>-1}else c.selected=a.has(v);else if(Ae(Ie(c),a)){s.selectedIndex!==n&&(s.selectedIndex=n);return}}!i&&s.selectedIndex!==-1&&(s.selectedIndex=-1)}}function Ie(s){return"_value"in s?s._value:s.value}function co(s,a){const i=a?"_trueValue":"_falseValue";return i in s?s[i]:a}const Od=["ctrl","shift","alt","meta"],Bd={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)=>Od.some(i=>s[`${i}Key`]&&!a.includes(i))},Wd=(s,a)=>{const i=s._withMods||(s._withMods={}),e=a.join(".");return i[e]||(i[e]=(n,...l)=>{for(let c=0;c<a.length;c++){const v=Bd[a[c]];if(v&&v(n,a))return}return s(n,...l)})},Vd={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Yd=(s,a)=>{const i=s._withKeys||(s._withKeys={}),e=a.join(".");return i[e]||(i[e]=n=>{if(!("key"in n))return;const l=zs(n.key);if(a.some(c=>c===l||Vd[c]===l))return s(n)})},Jd=At({patchProp:Gd},Id);let Si;function Qd(){return Si||(Si=Jl(Jd))}const Fd=(...s)=>{const a=Qd().createApp(...s),{mount:i}=a;return a.mount=e=>{const n=Kd(e);if(!n)return;const l=a._component;!K(l)&&!l.render&&!l.template&&(l.template=n.innerHTML),n.nodeType===1&&(n.textContent="");const c=i(n,!1,Ud(n));return n instanceof Element&&(n.removeAttribute("v-cloak"),n.setAttribute("data-v-app","")),c},a};function Ud(s){if(s instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&s instanceof MathMLElement)return"mathml"}function Kd(s){return wt(s)?document.querySelector(s):s}const ft=(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=Rn("router-view");return _(),eo(i)}const tc=ft(Xd,[["render",qd]]);/*!
  * vue-router v4.5.0
  * (c) 2024 Eduardo San Martin Morote
  * @license MIT
  */const Js=typeof document<"u";function ro(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&&ro(s.default)}const nt=Object.assign;function ga(s,a){const i={};for(const e in a){const n=a[e];i[e]=Ft(n)?n.map(s):s(n)}return i}const be=()=>{},Ft=Array.isArray,uo=/#/g,ec=/&/g,ac=/\//g,ic=/=/g,nc=/\?/g,vo=/\+/g,oc=/%5B/g,lc=/%5D/g,fo=/%5E/g,dc=/%60/g,po=/%7B/g,cc=/%7C/g,mo=/%7D/g,rc=/%20/g;function ti(s){return encodeURI(""+s).replace(cc,"|").replace(oc,"[").replace(lc,"]")}function uc(s){return ti(s).replace(po,"{").replace(mo,"}").replace(fo,"^")}function Ea(s){return ti(s).replace(vo,"%2B").replace(rc,"+").replace(uo,"%23").replace(ec,"%26").replace(dc,"`").replace(po,"{").replace(mo,"}").replace(fo,"^")}function vc(s){return Ea(s).replace(ic,"%3D")}function fc(s){return ti(s).replace(uo,"%23").replace(nc,"%3F")}function pc(s){return s==null?"":fc(s).replace(ac,"%2F")}function Me(s){try{return decodeURIComponent(""+s)}catch{}return""+s}const mc=/\/$/,bc=s=>s.replace(mc,"");function _a(s,a,i="/"){let e,n={},l="",c="";const v=a.indexOf("#");let o=a.indexOf("?");return v<o&&v>=0&&(o=-1),o>-1&&(e=a.slice(0,o),l=a.slice(o+1,v>-1?v:a.length),n=s(l)),v>-1&&(e=e||a.slice(0,v),c=a.slice(v,a.length)),e=yc(e??a,i),{fullPath:e+(l&&"?")+l+c,path:e,query:n,hash:Me(c)}}function hc(s,a){const i=a.query?s(a.query):"";return a.path+(i&&"?")+i+(a.hash||"")}function Ri(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&&se(a.matched[e],i.matched[n])&&bo(a.params,i.params)&&s(a.query)===s(i.query)&&a.hash===i.hash}function se(s,a){return(s.aliasOf||s)===(a.aliasOf||a)}function bo(s,a){if(Object.keys(s).length!==Object.keys(a).length)return!1;for(const i in s)if(!_c(s[i],a[i]))return!1;return!0}function _c(s,a){return Ft(s)?Ti(s,a):Ft(a)?Ti(a,s):s===a}function Ti(s,a){return Ft(a)?s.length===a.length&&s.every((i,e)=>i===a[e]):s.length===1&&s[0]===a}function yc(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,c,v;for(c=0;c<e.length;c++)if(v=e[c],v!==".")if(v==="..")l>1&&l--;else break;return i.slice(0,l).join("/")+"/"+e.slice(c).join("/")}const Ms={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0};var ke;(function(s){s.pop="pop",s.push="push"})(ke||(ke={}));var he;(function(s){s.back="back",s.forward="forward",s.unknown=""})(he||(he={}));function xc(s){if(!s)if(Js){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 da=()=>({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 Zi(s,a){return(history.state?history.state.position-a:-1)+s}const Pa=new Map;function kc(s,a){Pa.set(s,a)}function Cc(s){const a=Pa.get(s);return Pa.delete(s),a}let Dc=()=>location.protocol+"//"+location.host;function ho(s,a){const{pathname:i,search:e,hash:n}=a,l=s.indexOf("#");if(l>-1){let v=n.includes(s.slice(l))?s.slice(l).length:1,o=n.slice(v);return o[0]!=="/"&&(o="/"+o),Ri(o,"")}return Ri(i,s)+e+n}function Ac(s,a,i,e){let n=[],l=[],c=null;const v=({state:f})=>{const h=ho(s,location),j=i.value,R=a.value;let U=0;if(f){if(i.value=h,a.value=f,c&&c===j){c=null;return}U=R?f.position-R.position:0}else e(h);n.forEach(H=>{H(i.value,j,{delta:U,type:ke.pop,direction:U?U>0?he.forward:he.back:he.unknown})})};function o(){c=i.value}function d(f){n.push(f);const h=()=>{const j=n.indexOf(f);j>-1&&n.splice(j,1)};return l.push(h),h}function p(){const{history:f}=window;f.state&&f.replaceState(nt({},f.state,{scroll:da()}),"")}function g(){for(const f of l)f();l=[],window.removeEventListener("popstate",v),window.removeEventListener("beforeunload",p)}return window.addEventListener("popstate",v),window.addEventListener("beforeunload",p,{passive:!0}),{pauseListeners:o,listen:d,destroy:g}}function Gi(s,a,i,e=!1,n=!1){return{back:s,current:a,forward:i,replaced:e,position:window.history.length,scroll:n?da():null}}function jc(s){const{history:a,location:i}=window,e={value:ho(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,p){const g=s.indexOf("#"),f=g>-1?(i.host&&document.querySelector("base")?s:s.slice(g))+o:Dc()+s+o;try{a[p?"replaceState":"pushState"](d,"",f),n.value=d}catch(h){console.error(h),i[p?"replace":"assign"](f)}}function c(o,d){const p=nt({},a.state,Gi(n.value.back,o,n.value.forward,!0),d,{position:n.value.position});l(o,p,!0),e.value=o}function v(o,d){const p=nt({},n.value,a.state,{forward:o,scroll:da()});l(p.current,p,!0);const g=nt({},Gi(e.value,o,null),{position:p.position+1},d);l(o,g,!1),e.value=o}return{location:e,state:n,push:v,replace:c}}function Nc(s){s=xc(s);const a=jc(s),i=Ac(s,a.state,a.location,a.replace);function e(l,c=!0){c||i.pauseListeners(),history.go(l)}const n=nt({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 zc(s){return s=location.host?s||location.pathname+location.search:"",s.includes("#")||(s+="#"),Nc(s)}function Ec(s){return typeof s=="string"||s&&typeof s=="object"}function go(s){return typeof s=="string"||typeof s=="symbol"}const _o=Symbol("");var Li;(function(s){s[s.aborted=4]="aborted",s[s.cancelled=8]="cancelled",s[s.duplicated=16]="duplicated"})(Li||(Li={}));function ee(s,a){return nt(new Error,{type:s,[_o]:!0},a)}function ms(s,a){return s instanceof Error&&_o in s&&(a==null||!!(s.type&a))}const Hi="[^/]+?",Pc={sensitive:!1,strict:!1,start:!0,end:!0},Sc=/[.+*?^${}()[\]/\\]/g;function Rc(s,a){const i=nt({},Pc,a),e=[];let n=i.start?"^":"";const l=[];for(const d of s){const p=d.length?[]:[90];i.strict&&!d.length&&(n+="/");for(let g=0;g<d.length;g++){const f=d[g];let h=40+(i.sensitive?.25:0);if(f.type===0)g||(n+="/"),n+=f.value.replace(Sc,"\\$&"),h+=40;else if(f.type===1){const{value:j,repeatable:R,optional:U,regexp:H}=f;l.push({name:j,repeatable:R,optional:U});const L=H||Hi;if(L!==Hi){h+=10;try{new RegExp(`(${L})`)}catch(Z){throw new Error(`Invalid custom RegExp for param "${j}" (${L}): `+Z.message)}}let V=R?`((?:${L})(?:/(?:${L}))*)`:`(${L})`;g||(V=U&&d.length<2?`(?:/${V})`:"/"+V),U&&(V+="?"),n+=V,h+=20,U&&(h+=-8),R&&(h+=-20),L===".*"&&(h+=-50)}p.push(h)}e.push(p)}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 c=new RegExp(n,i.sensitive?"":"i");function v(d){const p=d.match(c),g={};if(!p)return null;for(let f=1;f<p.length;f++){const h=p[f]||"",j=l[f-1];g[j.name]=h&&j.repeatable?h.split("/"):h}return g}function o(d){let p="",g=!1;for(const f of s){(!g||!p.endsWith("/"))&&(p+="/"),g=!1;for(const h of f)if(h.type===0)p+=h.value;else if(h.type===1){const{value:j,repeatable:R,optional:U}=h,H=j in d?d[j]:"";if(Ft(H)&&!R)throw new Error(`Provided param "${j}" is an array but it is not repeatable (* or + modifiers)`);const L=Ft(H)?H.join("/"):H;if(!L)if(U)f.length<2&&(p.endsWith("/")?p=p.slice(0,-1):g=!0);else throw new Error(`Missing required param "${j}"`);p+=L}}return p||"/"}return{re:c,score:e,keys:l,parse:v,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 yo(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(Oi(e))return 1;if(Oi(n))return-1}return n.length-e.length}function Oi(s){const a=s[s.length-1];return s.length>0&&a[a.length-1]<0}const Zc={type:0,value:""},Gc=/[a-zA-Z0-9_]/;function Lc(s){if(!s)return[[]];if(s==="/")return[[Zc]];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 c(){l&&n.push(l),l=[]}let v=0,o,d="",p="";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:p,repeatable:o==="*"||o==="+",optional:o==="*"||o==="?"})):a("Invalid state to consume buffer"),d="")}function f(){d+=o}for(;v<s.length;){if(o=s[v++],o==="\\"&&i!==2){e=i,i=4;continue}switch(i){case 0:o==="/"?(d&&g(),c()):o===":"?(g(),i=1):f();break;case 4:f(),i=e;break;case 1:o==="("?i=2:Gc.test(o)?f():(g(),i=0,o!=="*"&&o!=="?"&&o!=="+"&&v--);break;case 2:o===")"?p[p.length-1]=="\\"?p=p.slice(0,-1)+o:i=3:p+=o;break;case 3:g(),i=0,o!=="*"&&o!=="?"&&o!=="+"&&v--,p="";break;default:a("Unknown state");break}}return i===2&&a(`Unfinished custom RegExp for param "${d}"`),g(),c(),n}function Hc(s,a,i){const e=Rc(Lc(s.path),i),n=nt(e,{record:s,parent:a,children:[],alias:[]});return a&&!n.record.aliasOf==!a.record.aliasOf&&a.children.push(n),n}function Oc(s,a){const i=[],e=new Map;a=Yi({strict:!1,end:!0,sensitive:!1},a);function n(g){return e.get(g)}function l(g,f,h){const j=!h,R=Wi(g);R.aliasOf=h&&h.record;const U=Yi(a,g),H=[R];if("alias"in g){const Z=typeof g.alias=="string"?[g.alias]:g.alias;for(const pt of Z)H.push(Wi(nt({},R,{components:h?h.record.components:R.components,path:pt,aliasOf:h?h.record:R})))}let L,V;for(const Z of H){const{path:pt}=Z;if(f&&pt[0]!=="/"){const It=f.record.path,yt=It[It.length-1]==="/"?"":"/";Z.path=f.record.path+(pt&&yt+pt)}if(L=Hc(Z,f,U),h?h.alias.push(L):(V=V||L,V!==L&&V.alias.push(L),j&&g.name&&!Vi(L)&&c(g.name)),xo(L)&&o(L),R.children){const It=R.children;for(let yt=0;yt<It.length;yt++)l(It[yt],L,h&&h.children[yt])}h=h||L}return V?()=>{c(V)}:be}function c(g){if(go(g)){const f=e.get(g);f&&(e.delete(g),i.splice(i.indexOf(f),1),f.children.forEach(c),f.alias.forEach(c))}else{const f=i.indexOf(g);f>-1&&(i.splice(f,1),g.record.name&&e.delete(g.record.name),g.children.forEach(c),g.alias.forEach(c))}}function v(){return i}function o(g){const f=Vc(g,i);i.splice(f,0,g),g.record.name&&!Vi(g)&&e.set(g.record.name,g)}function d(g,f){let h,j={},R,U;if("name"in g&&g.name){if(h=e.get(g.name),!h)throw ee(1,{location:g});U=h.record.name,j=nt(Bi(f.params,h.keys.filter(V=>!V.optional).concat(h.parent?h.parent.keys.filter(V=>V.optional):[]).map(V=>V.name)),g.params&&Bi(g.params,h.keys.map(V=>V.name))),R=h.stringify(j)}else if(g.path!=null)R=g.path,h=i.find(V=>V.re.test(R)),h&&(j=h.parse(R),U=h.record.name);else{if(h=f.name?e.get(f.name):i.find(V=>V.re.test(f.path)),!h)throw ee(1,{location:g,currentLocation:f});U=h.record.name,j=nt({},f.params,g.params),R=h.stringify(j)}const H=[];let L=h;for(;L;)H.unshift(L.record),L=L.parent;return{name:U,path:R,params:j,matched:H,meta:Wc(H)}}s.forEach(g=>l(g));function p(){i.length=0,e.clear()}return{addRoute:l,resolve:d,removeRoute:c,clearRoutes:p,getRoutes:v,getRecordMatcher:n}}function Bi(s,a){const i={};for(const e of a)e in s&&(i[e]=s[e]);return i}function Wi(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 Vi(s){for(;s;){if(s.record.aliasOf)return!0;s=s.parent}return!1}function Wc(s){return s.reduce((a,i)=>nt(a,i.meta),{})}function Yi(s,a){const i={};for(const e in s)i[e]=e in a?a[e]:s[e];return i}function Vc(s,a){let i=0,e=a.length;for(;i!==e;){const l=i+e>>1;yo(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(xo(a)&&yo(s,a)===0)return a}function xo({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(vo," "),c=l.indexOf("="),v=Me(c<0?l:l.slice(0,c)),o=c<0?null:Me(l.slice(c+1));if(v in a){let d=a[v];Ft(d)||(d=a[v]=[d]),d.push(o)}else a[v]=o}return a}function Ji(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}(Ft(e)?e.map(l=>l&&Ea(l)):[e&&Ea(e)]).forEach(l=>{l!==void 0&&(a+=(a.length?"&":"")+i,l!=null&&(a+="="+l))})}return a}function Qc(s){const a={};for(const i in s){const e=s[i];e!==void 0&&(a[i]=Ft(e)?e.map(n=>n==null?null:""+n):e==null?e:""+e)}return a}const Fc=Symbol(""),Qi=Symbol(""),si=Symbol(""),wo=Symbol(""),Sa=Symbol("");function de(){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 Ds(s,a,i,e,n,l=c=>c()){const c=e&&(e.enterCallbacks[n]=e.enterCallbacks[n]||[]);return()=>new Promise((v,o)=>{const d=f=>{f===!1?o(ee(4,{from:i,to:a})):f instanceof Error?o(f):Ec(f)?o(ee(2,{from:a,to:f})):(c&&e.enterCallbacks[n]===c&&typeof f=="function"&&c.push(f),v())},p=l(()=>s.call(e&&e.instances[n],a,i,d));let g=Promise.resolve(p);s.length<3&&(g=g.then(d)),g.catch(f=>o(f))})}function ya(s,a,i,e,n=l=>l()){const l=[];for(const c of s)for(const v in c.components){let o=c.components[v];if(!(a!=="beforeRouteEnter"&&!c.instances[v]))if(ro(o)){const p=(o.__vccOpts||o)[a];p&&l.push(Ds(p,i,e,c,v,n))}else{let d=o();l.push(()=>d.then(p=>{if(!p)throw new Error(`Couldn't resolve component "${v}" at "${c.path}"`);const g=sc(p)?p.default:p;c.mods[v]=p,c.components[v]=g;const h=(g.__vccOpts||g)[a];return h&&Ds(h,i,e,c,v,n)()}))}}return l}function Fi(s){const a=_s(si),i=_s(wo),e=Jt(()=>{const o=u(s.to);return a.resolve(o)}),n=Jt(()=>{const{matched:o}=e.value,{length:d}=o,p=o[d-1],g=i.matched;if(!p||!g.length)return-1;const f=g.findIndex(se.bind(null,p));if(f>-1)return f;const h=Ui(o[d-2]);return d>1&&Ui(p)===h&&g[g.length-1].path!==h?g.findIndex(se.bind(null,o[d-2])):f}),l=Jt(()=>n.value>-1&&tr(i.params,e.value.params)),c=Jt(()=>n.value>-1&&n.value===i.matched.length-1&&bo(i.params,e.value.params));function v(o={}){if(qc(o)){const d=a[u(s.replace)?"replace":"push"](u(s.to)).catch(be);return s.viewTransition&&typeof document<"u"&&"startViewTransition"in document&&document.startViewTransition(()=>d),d}return Promise.resolve()}return{route:e,href:Jt(()=>e.value.href),isActive:l,isExactActive:c,navigate:v}}function Uc(s){return s.length===1?s[0]:s}const Kc=Nn({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:Fi,setup(s,{slots:a}){const i=ea(Fi(s)),{options:e}=_s(si),n=Jt(()=>({[Ki(s.activeClass,e.linkActiveClass,"router-link-active")]:i.isActive,[Ki(s.exactActiveClass,e.linkExactActiveClass,"router-link-exact-active")]:i.isExactActive}));return()=>{const l=a.default&&Uc(a.default(i));return s.custom?l:$e("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(!Ft(n)||n.length!==e.length||e.some((l,c)=>l!==n[c]))return!1}return!0}function Ui(s){return s?s.aliasOf?s.aliasOf.path:s.path:""}const Ki=(s,a,i)=>s??a??i,sr=Nn({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(s,{attrs:a,slots:i}){const e=_s(Sa),n=Jt(()=>s.route||e.value),l=_s(Qi,0),c=Jt(()=>{let d=u(l);const{matched:p}=n.value;let g;for(;(g=p[d])&&!g.components;)d++;return d}),v=Jt(()=>n.value.matched[c.value]);Ze(Qi,Jt(()=>c.value+1)),Ze(Fc,v),Ze(Sa,n);const o=M();return Ge(()=>[o.value,v.value,s.name],([d,p,g],[f,h,j])=>{p&&(p.instances[g]=d,h&&h!==p&&d&&d===f&&(p.leaveGuards.size||(p.leaveGuards=h.leaveGuards),p.updateGuards.size||(p.updateGuards=h.updateGuards))),d&&p&&(!h||!se(p,h)||!f)&&(p.enterCallbacks[g]||[]).forEach(R=>R(d))},{flush:"post"}),()=>{const d=n.value,p=s.name,g=v.value,f=g&&g.components[p];if(!f)return Xi(i.default,{Component:f,route:d});const h=g.props[p],j=h?h===!0?d.params:typeof h=="function"?h(d):h:null,U=$e(f,nt({},j,a,{onVnodeUnmounted:H=>{H.component.isUnmounted&&(g.instances[p]=null)},ref:o}));return Xi(i.default,{Component:U,route:d})||U}}});function Xi(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=Oc(s.routes,s),i=s.parseQuery||Jc,e=s.stringifyQuery||Ji,n=s.history,l=de(),c=de(),v=de(),o=ol(Ms);let d=Ms;Js&&s.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const p=ga.bind(null,$=>""+$),g=ga.bind(null,pc),f=ga.bind(null,Me);function h($,T){let P,G;return go($)?(P=a.getRecordMatcher($),G=T):G=$,a.addRoute(G,P)}function j($){const T=a.getRecordMatcher($);T&&a.removeRoute(T)}function R(){return a.getRoutes().map($=>$.record)}function U($){return!!a.getRecordMatcher($)}function H($,T){if(T=nt({},T||o.value),typeof $=="string"){const x=_a(i,$,T.path),w=a.resolve({path:x.path},T),C=n.createHref(x.fullPath);return nt(x,w,{params:f(w.params),hash:Me(x.hash),redirectedFrom:void 0,href:C})}let P;if($.path!=null)P=nt({},$,{path:_a(i,$.path,T.path).path});else{const x=nt({},$.params);for(const w in x)x[w]==null&&delete x[w];P=nt({},$,{params:g(x)}),T.params=g(T.params)}const G=a.resolve(P,T),mt=$.hash||"";G.params=p(f(G.params));const m=hc(e,nt({},$,{hash:uc(mt),path:G.path})),b=n.createHref(m);return nt({fullPath:m,hash:mt,query:e===Ji?Qc($.query):$.query||{}},G,{redirectedFrom:void 0,href:b})}function L($){return typeof $=="string"?_a(i,$,o.value.path):nt({},$)}function V($,T){if(d!==$)return ee(8,{from:T,to:$})}function Z($){return yt($)}function pt($){return Z(nt(L($),{replace:!0}))}function It($){const T=$.matched[$.matched.length-1];if(T&&T.redirect){const{redirect:P}=T;let G=typeof P=="function"?P($):P;return typeof G=="string"&&(G=G.includes("?")||G.includes("#")?G=L(G):{path:G},G.params={}),nt({query:$.query,hash:$.hash,params:G.path!=null?{}:$.params},G)}}function yt($,T){const P=d=H($),G=o.value,mt=$.state,m=$.force,b=$.replace===!0,x=It(P);if(x)return yt(nt(L(x),{state:typeof x=="object"?nt({},mt,x.state):mt,force:m,replace:b}),T||P);const w=P;w.redirectedFrom=T;let C;return!m&&gc(e,G,P)&&(C=ee(16,{to:w,from:G}),es(G,G,!0,!1)),(C?Promise.resolve(C):ts(w,G)).catch(k=>ms(k)?ms(k,2)?k:Is(k):it(k,w,G)).then(k=>{if(k){if(ms(k,2))return yt(nt({replace:b},L(k.to),{state:typeof k.to=="object"?nt({},mt,k.to.state):mt,force:m}),T||w)}else k=Ss(w,G,!0,b,mt);return $s(w,G,k),k})}function qt($,T){const P=V($,T);return P?Promise.reject(P):Promise.resolve()}function ws($){const T=Ws.values().next().value;return T&&typeof T.runWithContext=="function"?T.runWithContext($):$()}function ts($,T){let P;const[G,mt,m]=ir($,T);P=ya(G.reverse(),"beforeRouteLeave",$,T);for(const x of G)x.leaveGuards.forEach(w=>{P.push(Ds(w,$,T))});const b=qt.bind(null,$,T);return P.push(b),Wt(P).then(()=>{P=[];for(const x of l.list())P.push(Ds(x,$,T));return P.push(b),Wt(P)}).then(()=>{P=ya(mt,"beforeRouteUpdate",$,T);for(const x of mt)x.updateGuards.forEach(w=>{P.push(Ds(w,$,T))});return P.push(b),Wt(P)}).then(()=>{P=[];for(const x of m)if(x.beforeEnter)if(Ft(x.beforeEnter))for(const w of x.beforeEnter)P.push(Ds(w,$,T));else P.push(Ds(x.beforeEnter,$,T));return P.push(b),Wt(P)}).then(()=>($.matched.forEach(x=>x.enterCallbacks={}),P=ya(m,"beforeRouteEnter",$,T,ws),P.push(b),Wt(P))).then(()=>{P=[];for(const x of c.list())P.push(Ds(x,$,T));return P.push(b),Wt(P)}).catch(x=>ms(x,8)?x:Promise.reject(x))}function $s($,T,P){v.list().forEach(G=>ws(()=>G($,T,P)))}function Ss($,T,P,G,mt){const m=V($,T);if(m)return m;const b=T===Ms,x=Js?history.state:{};P&&(G||b?n.replace($.fullPath,nt({scroll:b&&x&&x.scroll},mt)):n.push($.fullPath,mt)),o.value=$,es($,T,P,b),Is()}let ss;function ie(){ss||(ss=n.listen(($,T,P)=>{if(!ze.listening)return;const G=H($),mt=It(G);if(mt){yt(nt(mt,{replace:!0,force:!0}),G).catch(be);return}d=G;const m=o.value;Js&&kc(Zi(m.fullPath,P.delta),da()),ts(G,m).catch(b=>ms(b,12)?b:ms(b,2)?(yt(nt(L(b.to),{force:!0}),G).then(x=>{ms(x,20)&&!P.delta&&P.type===ke.pop&&n.go(-1,!1)}).catch(be),Promise.reject()):(P.delta&&n.go(-P.delta,!1),it(b,G,m))).then(b=>{b=b||Ss(G,m,!1),b&&(P.delta&&!ms(b,8)?n.go(-P.delta,!1):P.type===ke.pop&&ms(b,20)&&n.go(-1,!1)),$s(G,m,b)}).catch(be)}))}let Os=de(),$t=de(),vt;function it($,T,P){Is($);const G=$t.list();return G.length?G.forEach(mt=>mt($,T,P)):console.error($),Promise.reject($)}function fs(){return vt&&o.value!==Ms?Promise.resolve():new Promise(($,T)=>{Os.add([$,T])})}function Is($){return vt||(vt=!$,ie(),Os.list().forEach(([T,P])=>$?P($):T()),Os.reset()),$}function es($,T,P,G){const{scrollBehavior:mt}=s;if(!Js||!mt)return Promise.resolve();const m=!P&&Cc(Zi($.fullPath,0))||(G||!P)&&history.state&&history.state.scroll||null;return Qa().then(()=>mt($,T,m)).then(b=>b&&Mc(b)).catch(b=>it(b,$,T))}const Pt=$=>n.go($);let Bs;const Ws=new Set,ze={currentRoute:o,listening:!0,addRoute:h,removeRoute:j,clearRoutes:a.clearRoutes,hasRoute:U,getRoutes:R,resolve:H,options:s,push:Z,replace:pt,go:Pt,back:()=>Pt(-1),forward:()=>Pt(1),beforeEach:l.add,beforeResolve:c.add,afterEach:v.add,onError:$t.add,isReady:fs,install($){const T=this;$.component("RouterLink",Xc),$.component("RouterView",er),$.config.globalProperties.$router=T,Object.defineProperty($.config.globalProperties,"$route",{enumerable:!0,get:()=>u(o)}),Js&&!Bs&&o.value===Ms&&(Bs=!0,Z(n.location).catch(mt=>{}));const P={};for(const mt in Ms)Object.defineProperty(P,mt,{get:()=>o.value[mt],enumerable:!0});$.provide(si,T),$.provide(wo,xn(P)),$.provide(Sa,o);const G=$.unmount;Ws.add($),$.unmount=function(){Ws.delete($),Ws.size<1&&(d=Ms,ss&&ss(),ss=null,o.value=Ms,Bs=!1,vt=!1),G()}}};function Wt($){return $.reduce((T,P)=>T.then(()=>ws(P)),Promise.resolve())}return ze}function ir(s,a){const i=[],e=[],n=[],l=Math.max(a.matched.length,s.matched.length);for(let c=0;c<l;c++){const v=a.matched[c];v&&(s.matched.find(d=>se(d,v))?e.push(v):i.push(v));const o=s.matched[c];o&&(a.matched.find(d=>se(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=Rn("router-link");return _(),y("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(Q,null,tt(a,l=>r(n,{key:l.path,to:l.path,class:et(l.cardClass)},{default:jn(()=>[t("div",dr,[t("h3",{class:et(["text-xl font-semibold",l.titleClass])},I(l.name),3),t("p",{class:et(["text-sm",l.descriptionClass])},I(l.description),3)])]),_:2},1032,["to","class"])),64))])])])}}},rr=ft(cr,[["__scopeId","data-v-d6c43755"]]),ur={class:"min-h-screen bg-gray-100 dark:bg-gray-900 flex flex-col"},vr={class:"bg-white dark:bg-gray-800 shadow"},fr={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center"},pr={class:"flex space-x-4 items-center"},mr={class:"text-gray-700 dark:text-gray-300"},br={class:"flex-grow flex relative"},hr={class:"w-full max-w-4xl mx-auto p-4"},gr={class:"bg-white dark:bg-gray-800 rounded-lg shadow p-6 relative"},_r={class:"chat-window overflow-y-scroll max-h-96 mb-4"},yr={key:0,class:"flex justify-end"},xr={class:"bg-blue-100 dark:bg-gray-700 p-3 rounded-l-lg rounded-tr-lg text-right"},wr={key:1,class:"flex justify-start"},$r={class:"bg-gray-100 dark:bg-gray-700 p-3 rounded-r-lg rounded-tl-lg text-left"},Ir={class:"flex items-center"},Mr={class:"mt-2"},kr={key:0,class:"text-gray-700 dark:text-gray-300"},Cr=["onClick"],Dr={class:"hidden lg:block w-64 bg-white dark:bg-gray-800 shadow"},Ar={class:"p-4"},jr={class:"space-y-2"},Nr={class:"ml-4 list-disc"},zr=["onClick"],Er={__name:"ChatbotView",setup(s){const a=M(""),i=M([]),e=M("en"),n=M(!1),l=M(["How to reset a password?","How to set up VPN access?","How to install software?"]),c=M([{title:"Password Management",articles:[{title:"Reset Password Guide",link:"#"},{title:"Change Password Policy",link:"#"}]},{title:"Software Installation",articles:[{title:"Install Software Guide",link:"#"},{title:"Troubleshoot Installation Issues",link:"#"}]}]),v=()=>{a.value.trim()&&(i.value.push({type:"user",text:a.value}),setTimeout(()=>{i.value.push({type:"bot",text:"Here is your answer..."})},1e3),a.value="")},o=f=>{a.value=f,v()},d=()=>{alert("Escalating issue to IT support team...")},p=f=>{alert(`Opening article: ${f.title}`)},g=()=>{e.value=e.value==="en"?"es":e.value==="es"?"zh":"en"};return(f,h)=>(_(),y("div",ur,[t("header",vr,[t("div",fr,[h[3]||(h[3]=B('<div class="flex items-center"><svg class="h-8 w-8 mr-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line></svg><h1 class="text-2xl font-bold text-gray-900 dark:text-white">公司名称</h1></div>',1)),t("div",pr,[js(t("select",{"onUpdate:modelValue":h[0]||(h[0]=j=>e.value=j),class:"rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white"},h[2]||(h[2]=[t("option",{value:"en"},"English",-1),t("option",{value:"es"},"Español",-1),t("option",{value:"zh"},"中文",-1)]),512),[[lo,e.value]]),t("span",mr,I(n.value?"Logged In":"Guest"),1)])])]),t("main",br,[t("div",hr,[t("div",gr,[t("div",_r,[(_(!0),y(Q,null,tt(i.value,(j,R)=>(_(),y("div",{key:R,class:"mb-4"},[j.type==="user"?(_(),y("div",yr,[t("div",xr,I(j.text),1)])):(_(),y("div",wr,[t("div",$r,I(j.text),1)]))]))),128))]),t("div",Ir,[js(t("input",{"onUpdate:modelValue":h[1]||(h[1]=j=>a.value=j),onKeyup:Yd(v,["enter"]),class:"w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white mr-2",placeholder:"Type your message..."},null,544),[[za,a.value]]),t("button",{onClick:v,class:"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700"}," Send ")]),t("div",Mr,[l.value.length?(_(),y("p",kr,"Suggestions:")):D("",!0),t("ul",null,[(_(!0),y(Q,null,tt(l.value,(j,R)=>(_(),y("li",{key:R,class:"cursor-pointer text-blue-600 dark:text-blue-400",onClick:U=>o(j)},I(j),9,Cr))),128))])]),t("div",{class:"mt-4"},[t("button",{onClick:d,class:"bg-red-600 text-white px-4 py-2 rounded-md hover:bg-red-700"}," Escalate Issue ")])])])]),t("aside",Dr,[t("div",Ar,[h[4]||(h[4]=t("h2",{class:"text-lg font-medium text-gray-900 dark:text-white mb-4"},"Knowledge Base",-1)),t("ul",jr,[(_(!0),y(Q,null,tt(c.value,(j,R)=>(_(),y("li",{key:R,class:"text-gray-700 dark:text-gray-300"},[t("strong",null,I(j.title)+":",1),t("ul",Nr,[(_(!0),y(Q,null,tt(j.articles,(U,H)=>(_(),y("li",{key:H,class:"cursor-pointer text-blue-600 dark:text-blue-400",onClick:L=>p(U)},I(U.title),9,zr))),128))])]))),128))]),t("button",{onClick:g,class:"mt-4 bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700"}," Toggle Language ")])]),h[5]||(h[5]=B('<footer class="bg-white dark:bg-gray-800 shadow"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 text-center"><p class="text-gray-700 dark:text-gray-300">Status: Online</p><p class="text-gray-700 dark:text-gray-300">Contact IT Support: support@company.com</p><p class="text-gray-700 dark:text-gray-300">Version 1.0.0 © 2025 Company Name</p></div></footer>',1))]))}};/**
 * @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=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 Re={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 Sr=({size:s,strokeWidth:a=2,absoluteStrokeWidth:i,color:e,iconNode:n,name:l,class:c,...v},{slots:o})=>$e("svg",{...Re,width:s||Re.width,height:s||Re.height,stroke:e||Re.stroke,"stroke-width":i?Number(a)*24/Number(s):a,class:["lucide",`lucide-${Pr(l??"icon")}`],...v},[...n.map(d=>$e(...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 xt=(s,a)=>(i,{slots:e})=>$e(Sr,{...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 $o=xt("ActivityIcon",[["path",{d:"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",key:"169zse"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const W=xt("BellIcon",[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Rr=xt("CameraIcon",[["path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",key:"1tc9qg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const dt=xt("EllipsisVerticalIcon",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Tr=xt("GlobeIcon",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Ut=xt("HeartIcon",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const rt=xt("HouseIcon",[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Zr=xt("ImageIcon",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Rt=xt("InboxIcon",[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const vs=xt("InfoIcon",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Io=xt("LoaderCircleIcon",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Mo=xt("LogOutIcon",[["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}],["polyline",{points:"16 17 21 12 16 7",key:"1gabdz"}],["line",{x1:"21",x2:"9",y1:"12",y2:"12",key:"1uyos4"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Et=xt("MenuIcon",[["line",{x1:"4",x2:"20",y1:"12",y2:"12",key:"1e0a9i"}],["line",{x1:"4",x2:"20",y1:"6",y2:"6",key:"1owob3"}],["line",{x1:"4",x2:"20",y1:"18",y2:"18",key:"yk5zj1"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Kt=xt("MessageSquareIcon",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const ut=xt("PlusIcon",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const X=xt("SearchIcon",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const jt=xt("SettingsIcon",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Xt=xt("Share2Icon",[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Tt=xt("StarIcon",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Gr=xt("Trash2Icon",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const q=xt("UserIcon",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const ko=xt("UsersIcon",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const st=xt("XIcon",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),Lr={class:"minimal-container min-h-screen bg-white"},Hr={class:"minimal-app-bar"},Or={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Br={class:"flex items-center"},Wr={class:"flex items-center space-x-4"},Vr={class:"minimal-icon-button"},Yr={class:"minimal-icon-button"},Jr={class:"minimal-icon-button"},Qr={class:"container mx-auto p-6"},Fr={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Ur={class:"minimal-card"},Kr={class:"p-4"},Xr={class:"space-y-2"},qr={href:"#",class:"minimal-nav-item active"},tu={href:"#",class:"minimal-nav-item"},su={href:"#",class:"minimal-nav-item"},eu={href:"#",class:"minimal-nav-item"},au={class:"md:col-span-2 space-y-6"},iu={class:"minimal-card"},nu={class:"p-4"},ou={class:"space-y-4"},lu={class:"minimal-list-item"},du={class:"minimal-icon-button"},cu={class:"minimal-list-item"},ru={class:"minimal-icon-button"},uu={class:"minimal-card"},vu={class:"p-4"},fu={class:"flex flex-wrap gap-4"},pu={class:"minimal-button icon"},mu={class:"minimal-card"},bu={class:"p-4"},hu={class:"minimal-bottom-nav"},gu={href:"#",class:"minimal-bottom-nav-item active"},_u={href:"#",class:"minimal-bottom-nav-item"},yu={href:"#",class:"minimal-bottom-nav-item"},xu={href:"#",class:"minimal-bottom-nav-item"},wu={href:"#",class:"minimal-bottom-nav-item"},$u={key:0,class:"minimal-dialog-overlay"},Iu={class:"minimal-dialog"},Mu={class:"minimal-dialog-header"},ku={class:"minimal-dialog-actions"},Cu={__name:"MinimalistView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",Lr,[t("div",Hr,[t("div",Or,[t("div",Br,[r(u(Et),{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",Wr,[t("button",Vr,[r(u(X),{class:"w-5 h-5"})]),t("button",Yr,[r(u(W),{class:"w-5 h-5"})]),t("button",Jr,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Qr,[t("div",Fr,[t("div",Ur,[t("div",Kr,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",Xr,[t("a",qr,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",tu,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"minimal-badge"},"12",-1))]),t("a",su,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",eu,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",au,[t("div",iu,[t("div",nu,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",ou,[t("div",lu,[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",du,[r(u(dt),{class:"w-5 h-5"})])]),t("div",cu,[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",ru,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",uu,[t("div",vu,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",fu,[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",pu,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",mu,[t("div",bu,[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",hu,[t("a",gu,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",_u,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",yu,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",xu,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",wu,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",$u,[t("div",Iu,[t("div",Mu,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"minimal-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个极简风格的对话框示例。")],-1)),t("div",ku,[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)},"确定")])])])):D("",!0)]))}},Du=ft(Cu,[["__scopeId","data-v-c519d2be"]]),Au={class:"dark-container min-h-screen bg-gray-900"},ju={class:"dark-app-bar"},Nu={class:"container mx-auto px-4 py-3 flex items-center justify-between"},zu={class:"flex items-center"},Eu={class:"flex items-center space-x-4"},Pu={class:"dark-icon-button"},Su={class:"dark-icon-button"},Ru={class:"dark-icon-button"},Tu={class:"container mx-auto p-6"},Zu={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Gu={class:"dark-card"},Lu={class:"p-4"},Hu={class:"space-y-2"},Ou={href:"#",class:"dark-nav-item active"},Bu={href:"#",class:"dark-nav-item"},Wu={href:"#",class:"dark-nav-item"},Vu={href:"#",class:"dark-nav-item"},Yu={class:"md:col-span-2 space-y-6"},Ju={class:"dark-card"},Qu={class:"p-4"},Fu={class:"space-y-4"},Uu={class:"dark-list-item"},Ku={class:"dark-icon-button"},Xu={class:"dark-list-item"},qu={class:"dark-icon-button"},tv={class:"dark-card"},sv={class:"p-4"},ev={class:"flex flex-wrap gap-4"},av={class:"dark-button icon"},iv={class:"dark-card"},nv={class:"p-4"},ov={class:"dark-bottom-nav"},lv={href:"#",class:"dark-bottom-nav-item active"},dv={href:"#",class:"dark-bottom-nav-item"},cv={href:"#",class:"dark-bottom-nav-item"},rv={href:"#",class:"dark-bottom-nav-item"},uv={href:"#",class:"dark-bottom-nav-item"},vv={key:0,class:"dark-dialog-overlay"},fv={class:"dark-dialog"},pv={class:"dark-dialog-header"},mv={class:"dark-dialog-actions"},bv={__name:"DarkModeView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",Au,[t("div",ju,[t("div",Nu,[t("div",zu,[r(u(Et),{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",Eu,[t("button",Pu,[r(u(X),{class:"w-5 h-5"})]),t("button",Su,[r(u(W),{class:"w-5 h-5"})]),t("button",Ru,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Tu,[t("div",Zu,[t("div",Gu,[t("div",Lu,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"导航菜单",-1)),t("nav",Hu,[t("a",Ou,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Bu,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"dark-badge"},"12",-1))]),t("a",Wu,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Vu,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Yu,[t("div",Ju,[t("div",Qu,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"卡片列表",-1)),t("div",Fu,[t("div",Uu,[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",Ku,[r(u(dt),{class:"w-5 h-5"})])]),t("div",Xu,[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",qu,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",tv,[t("div",sv,[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",av,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",iv,[t("div",nv,[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",ov,[t("a",lv,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",dv,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",cv,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",rv,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",uv,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",vv,[t("div",fv,[t("div",pv,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"dark-dialog-content"},[t("p",{class:"text-gray-300"},"这是一个深色模式的对话框示例。")],-1)),t("div",mv,[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)},"确定")])])])):D("",!0)]))}},hv=ft(bv,[["__scopeId","data-v-0ed2360c"]]),gv={class:"retro-container min-h-screen bg-gradient-to-br from-orange-100 via-yellow-100 to-amber-100"},_v={class:"retro-app-bar"},yv={class:"container mx-auto px-4 py-3 flex items-center justify-between"},xv={class:"flex items-center"},wv={class:"flex items-center space-x-4"},$v={class:"retro-icon-button"},Iv={class:"retro-icon-button"},Mv={class:"retro-icon-button"},kv={class:"container mx-auto p-6"},Cv={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Dv={class:"retro-card"},Av={class:"p-4"},jv={class:"space-y-2"},Nv={href:"#",class:"retro-nav-item active"},zv={href:"#",class:"retro-nav-item"},Ev={href:"#",class:"retro-nav-item"},Pv={href:"#",class:"retro-nav-item"},Sv={class:"md:col-span-2 space-y-6"},Rv={class:"retro-card"},Tv={class:"p-4"},Zv={class:"space-y-4"},Gv={class:"retro-list-item"},Lv={class:"retro-icon-button"},Hv={class:"retro-list-item"},Ov={class:"retro-icon-button"},Bv={class:"retro-card"},Wv={class:"p-4"},Vv={class:"flex flex-wrap gap-4"},Yv={class:"retro-button icon"},Jv={class:"retro-card"},Qv={class:"p-4"},Fv={class:"retro-bottom-nav"},Uv={href:"#",class:"retro-bottom-nav-item active"},Kv={href:"#",class:"retro-bottom-nav-item"},Xv={href:"#",class:"retro-bottom-nav-item"},qv={href:"#",class:"retro-bottom-nav-item"},tf={href:"#",class:"retro-bottom-nav-item"},sf={key:0,class:"retro-dialog-overlay"},ef={class:"retro-dialog"},af={class:"retro-dialog-header"},nf={class:"retro-dialog-actions"},of={__name:"RetroView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",gv,[t("div",_v,[t("div",yv,[t("div",xv,[r(u(Et),{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",wv,[t("button",$v,[r(u(X),{class:"w-5 h-5"})]),t("button",Iv,[r(u(W),{class:"w-5 h-5"})]),t("button",Mv,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",kv,[t("div",Cv,[t("div",Dv,[t("div",Av,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"导航菜单",-1)),t("nav",jv,[t("a",Nv,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",zv,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"retro-badge"},"12",-1))]),t("a",Ev,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Pv,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Sv,[t("div",Rv,[t("div",Tv,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"卡片列表",-1)),t("div",Zv,[t("div",Gv,[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",Lv,[r(u(dt),{class:"w-5 h-5"})])]),t("div",Hv,[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",Ov,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",Bv,[t("div",Wv,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"按钮样式",-1)),t("div",Vv,[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",Yv,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",Jv,[t("div",Qv,[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",Fv,[t("a",Uv,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Kv,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Xv,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",qv,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",tf,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",sf,[t("div",ef,[t("div",af,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"retro-dialog-content"},[t("p",{class:"text-amber-800"},"这是一个复古风格的对话框示例。")],-1)),t("div",nf,[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)},"确定")])])])):D("",!0)]))}},lf=ft(of,[["__scopeId","data-v-d46c4dbc"]]),df={class:"three-d-container min-h-screen bg-gradient-to-br from-blue-900 to-purple-900"},cf={class:"three-d-header"},rf={class:"three-d-header-content"},uf={class:"three-d-header-actions"},vf={class:"three-d-btn text"},ff={class:"three-d-btn text"},pf={class:"three-d-btn text"},mf={class:"three-d-main"},bf={class:"three-d-card-list"},hf={class:"three-d-card-cover"},gf=["src","alt"],_f={class:"three-d-card-body"},yf={class:"three-d-card-meta"},xf={class:"three-d-card-meta-avatar"},wf={class:"three-d-card-meta-content"},$f={class:"three-d-card-meta-title"},If={class:"three-d-card-meta-description"},Mf={class:"three-d-card-content"},kf={class:"three-d-card-actions"},Cf={class:"three-d-btn text"},Df={class:"three-d-btn text"},Af={class:"three-d-btn text"},jf={class:"three-d-tabs"},Nf={class:"three-d-tabs-nav"},zf=["onClick"],Ef={class:"three-d-tabs-content"},Pf={key:0,class:"three-d-tabs-tabpane"},Sf={key:1,class:"three-d-tabs-tabpane"},Rf={key:2,class:"three-d-tabs-tabpane"},Tf={key:0,class:"three-d-modal-mask"},Zf={class:"three-d-modal-wrap"},Gf={class:"three-d-modal"},Lf={class:"three-d-modal-content"},Hf={class:"three-d-modal-header"},Of={class:"three-d-modal-footer"},Bf={key:1,class:"three-d-message"},Wf={class:"three-d-message-notice"},Vf={class:"three-d-message-notice-content"},Yf={key:2,class:"three-d-notification"},Jf={class:"three-d-notification-notice"},Qf={class:"three-d-notification-notice-content"},Ff={class:"three-d-notification-notice-icon"},Uf="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNEwwIDE2TDE2IDI4VDI4IDE2VDE2IDRaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIiIHkyPSIzMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM0RjU1QjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRDM0NjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=",Kf={__name:"ThreeDDesignView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",df,[t("div",cf,[t("div",rf,[t("div",{class:"three-d-logo"},[t("img",{src:Uf,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]=B('<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",uf,[t("button",vf,[r(u(X),{class:"w-5 h-5"})]),t("button",ff,[r(u(W),{class:"w-5 h-5"})]),t("button",pf,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",mf,[t("div",bf,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"three-d-card"},[t("div",hf,[t("img",{src:d.cover,alt:d.title,class:"three-d-card-cover-img"},null,8,gf)]),t("div",_f,[t("div",yf,[t("div",xf,[t("div",{class:et(["three-d-avatar",d.avatarClass])},I(d.initials),3)]),t("div",wf,[t("h3",$f,I(d.title),1),t("p",If,I(d.description),1)])]),t("p",Mf,I(d.content),1),t("div",kf,[t("button",Cf,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",Df,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",Af,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",jf,[t("div",Nf,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["three-d-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,zf))),128))]),t("div",Ef,[n.value==="tab1"?(_(),y("div",Pf,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",Sf,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",Rf,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",Tf,[t("div",Zf,[t("div",Gf,[t("div",Lf,[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)},[r(u(st),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"three-d-modal-body"},[t("p",null,"这是一个3D风格的对话框示例。")],-1)),t("div",Of,[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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",Bf,[t("div",Wf,[t("div",Vf,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",Yf,[t("div",Jf,[t("div",Qf,[t("div",Ff,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},Xf=ft(Kf,[["__scopeId","data-v-b59da191"]]),qf={class:"skeuomorphic-container min-h-screen bg-gradient-to-b from-gray-100 to-gray-200"},tp={class:"skeuomorphic-app-bar"},sp={class:"container mx-auto px-4 py-3 flex items-center justify-between"},ep={class:"flex items-center"},ap={class:"flex items-center space-x-4"},ip={class:"skeuomorphic-icon-button"},np={class:"skeuomorphic-icon-button"},op={class:"skeuomorphic-icon-button"},lp={class:"container mx-auto p-6"},dp={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},cp={class:"skeuomorphic-card"},rp={class:"p-4"},up={class:"space-y-2"},vp={href:"#",class:"skeuomorphic-nav-item active"},fp={href:"#",class:"skeuomorphic-nav-item"},pp={href:"#",class:"skeuomorphic-nav-item"},mp={href:"#",class:"skeuomorphic-nav-item"},bp={class:"md:col-span-2 space-y-6"},hp={class:"skeuomorphic-card"},gp={class:"p-4"},_p={class:"space-y-4"},yp={class:"skeuomorphic-list-item"},xp={class:"skeuomorphic-icon-button"},wp={class:"skeuomorphic-list-item"},$p={class:"skeuomorphic-icon-button"},Ip={class:"skeuomorphic-card"},Mp={class:"p-4"},kp={class:"flex flex-wrap gap-4"},Cp={class:"skeuomorphic-button icon"},Dp={class:"skeuomorphic-card"},Ap={class:"p-4"},jp={class:"skeuomorphic-bottom-nav"},Np={href:"#",class:"skeuomorphic-bottom-nav-item active"},zp={href:"#",class:"skeuomorphic-bottom-nav-item"},Ep={href:"#",class:"skeuomorphic-bottom-nav-item"},Pp={href:"#",class:"skeuomorphic-bottom-nav-item"},Sp={href:"#",class:"skeuomorphic-bottom-nav-item"},Rp={key:0,class:"skeuomorphic-dialog-overlay"},Tp={class:"skeuomorphic-dialog"},Zp={class:"skeuomorphic-dialog-header"},Gp={class:"skeuomorphic-dialog-actions"},Lp={__name:"SkeuomorphicView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",qf,[t("div",tp,[t("div",sp,[t("div",ep,[r(u(Et),{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",ap,[t("button",ip,[r(u(X),{class:"w-5 h-5"})]),t("button",np,[r(u(W),{class:"w-5 h-5"})]),t("button",op,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",lp,[t("div",dp,[t("div",cp,[t("div",rp,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"导航菜单",-1)),t("nav",up,[t("a",vp,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",fp,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"skeuomorphic-badge"},"12",-1))]),t("a",pp,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",mp,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",bp,[t("div",hp,[t("div",gp,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"卡片列表",-1)),t("div",_p,[t("div",yp,[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",xp,[r(u(dt),{class:"w-5 h-5"})])]),t("div",wp,[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",$p,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",Ip,[t("div",Mp,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"按钮样式",-1)),t("div",kp,[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",Cp,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",Dp,[t("div",Ap,[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",jp,[t("a",Np,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",zp,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Ep,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Pp,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Sp,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Rp,[t("div",Tp,[t("div",Zp,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"skeuomorphic-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个拟物化设计风格的对话框示例。")],-1)),t("div",Gp,[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)},"确定")])])])):D("",!0)]))}},Hp=ft(Lp,[["__scopeId","data-v-8015740b"]]),Op={class:"material-container min-h-screen bg-gray-50"},Bp={class:"material-app-bar"},Wp={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Vp={class:"flex items-center"},Yp={class:"flex items-center space-x-4"},Jp={class:"material-icon-button"},Qp={class:"material-icon-button"},Fp={class:"material-icon-button"},Up={class:"container mx-auto p-6"},Kp={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Xp={class:"material-card"},qp={class:"p-4"},tm={class:"space-y-2"},sm={href:"#",class:"material-nav-item active"},em={href:"#",class:"material-nav-item"},am={href:"#",class:"material-nav-item"},im={href:"#",class:"material-nav-item"},nm={class:"md:col-span-2 space-y-6"},om={class:"material-card"},lm={class:"p-4"},dm={class:"space-y-4"},cm={class:"material-list-item"},rm={class:"material-icon-button"},um={class:"material-list-item"},vm={class:"material-icon-button"},fm={class:"material-card"},pm={class:"p-4"},mm={class:"flex flex-wrap gap-4"},bm={class:"material-button icon"},hm={class:"material-card"},gm={class:"p-4"},_m={class:"material-bottom-nav"},ym={href:"#",class:"material-bottom-nav-item active"},xm={href:"#",class:"material-bottom-nav-item"},wm={href:"#",class:"material-bottom-nav-item"},$m={href:"#",class:"material-bottom-nav-item"},Im={href:"#",class:"material-bottom-nav-item"},Mm={key:0,class:"material-dialog-overlay"},km={class:"material-dialog"},Cm={class:"material-dialog-header"},Dm={class:"material-dialog-actions"},Am={__name:"MaterialView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",Op,[t("div",Bp,[t("div",Wp,[t("div",Vp,[r(u(Et),{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",Yp,[t("button",Jp,[r(u(X),{class:"w-5 h-5"})]),t("button",Qp,[r(u(W),{class:"w-5 h-5"})]),t("button",Fp,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Up,[t("div",Kp,[t("div",Xp,[t("div",qp,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",tm,[t("a",sm,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",em,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"material-badge"},"12",-1))]),t("a",am,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",im,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",nm,[t("div",om,[t("div",lm,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",dm,[t("div",cm,[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",rm,[r(u(dt),{class:"w-5 h-5"})])]),t("div",um,[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",vm,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",fm,[t("div",pm,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",mm,[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",bm,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",hm,[t("div",gm,[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",_m,[t("a",ym,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",xm,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",wm,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",$m,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Im,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Mm,[t("div",km,[t("div",Cm,[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)},[r(u(st),{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",Dm,[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)},"确定")])])])):D("",!0)]))}},jm=ft(Am,[["__scopeId","data-v-63f28765"]]),Nm={class:"ios-container min-h-screen bg-gray-50"},zm={class:"ios-nav-bar"},Em={class:"ios-nav-bar-content"},Pm={key:0,class:"ios-search-bar"},Sm={class:"ios-search-input"},Rm={class:"ios-content"},Tm={class:"ios-card-list"},Zm={class:"ios-card-header"},Gm={class:"ios-card-info"},Lm={class:"ios-card-title"},Hm={class:"ios-card-subtitle"},Om={class:"ios-card-action"},Bm={class:"ios-card-content"},Wm={class:"ios-card-footer"},Vm={class:"ios-button"},Ym={class:"ios-button"},Jm={class:"ios-button"},Qm={class:"ios-tabs"},Fm={class:"ios-tab-header"},Um=["onClick"],Km={class:"ios-tab-content"},Xm={key:0,class:"ios-tab-pane"},qm={key:1,class:"ios-tab-pane"},tb={key:2,class:"ios-tab-pane"},sb={class:"ios-tab-bar"},eb={href:"#",class:"ios-tab-bar-item active"},ab={href:"#",class:"ios-tab-bar-item"},ib={href:"#",class:"ios-tab-bar-item"},nb={href:"#",class:"ios-tab-bar-item"},ob={href:"#",class:"ios-tab-bar-item"},lb={key:1,class:"ios-dialog-overlay"},db={class:"ios-dialog"},cb={class:"ios-dialog-actions"},rb={key:2,class:"ios-action-sheet"},ub={class:"ios-action-sheet-content"},vb={class:"ios-action-sheet-item"},fb={class:"ios-action-sheet-item"},pb={class:"ios-action-sheet-item destructive"},mb={__name:"IOSDesignView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M(!1),l=M("tab1"),c=M([{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"}]),v=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(o,d)=>(_(),y("div",Nm,[d[22]||(d[22]=B('<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",zm,[t("div",Em,[t("button",{class:"ios-nav-button",onClick:d[0]||(d[0]=p=>n.value=!n.value)},[r(u(Et),{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]=p=>e.value=!e.value)},[r(u(X),{class:"w-5 h-5"})])])]),e.value?(_(),y("div",Pm,[t("div",Sm,[r(u(X),{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]=p=>e.value=!1)},"取消")])])):D("",!0),t("div",Rm,[t("div",Tm,[(_(!0),y(Q,null,tt(c.value,p=>(_(),y("div",{key:p.id,class:"ios-card"},[t("div",Zm,[t("div",{class:et(["ios-avatar",p.avatarClass])},I(p.initials),3),t("div",Gm,[t("h3",Lm,I(p.title),1),t("p",Hm,I(p.subtitle),1)]),t("button",Om,[r(u(dt),{class:"w-5 h-5"})])]),t("div",Bm,[t("p",null,I(p.content),1)]),t("div",Wm,[t("button",Vm,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(p.likes),1)]),t("button",Ym,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(p.comments),1)]),t("button",Jm,[r(u(Xt),{class:"w-5 h-5"})])])]))),128))]),d[11]||(d[11]=B('<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",Qm,[t("div",Fm,[(_(!0),y(Q,null,tt(v.value,p=>(_(),y("button",{key:p.id,class:et(["ios-tab",{active:l.value===p.id}]),onClick:g=>l.value=p.id},I(p.label),11,Um))),128))]),t("div",Km,[l.value==="tab1"?(_(),y("div",Xm,d[8]||(d[8]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),l.value==="tab2"?(_(),y("div",qm,d[9]||(d[9]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),l.value==="tab3"?(_(),y("div",tb,d[10]||(d[10]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])])]),t("div",sb,[t("a",eb,[r(u(rt),{class:"w-6 h-6"}),d[12]||(d[12]=t("span",null,"首页",-1))]),t("a",ab,[r(u(X),{class:"w-6 h-6"}),d[13]||(d[13]=t("span",null,"搜索",-1))]),t("a",ib,[r(u(ut),{class:"w-6 h-6"}),d[14]||(d[14]=t("span",null,"添加",-1))]),t("a",nb,[r(u(W),{class:"w-6 h-6"}),d[15]||(d[15]=t("span",null,"通知",-1))]),t("a",ob,[r(u(q),{class:"w-6 h-6"}),d[16]||(d[16]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",lb,[t("div",db,[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",cb,[t("button",{class:"ios-dialog-button cancel",onClick:d[3]||(d[3]=p=>a.value=!1)},"取消"),t("button",{class:"ios-dialog-button confirm",onClick:d[4]||(d[4]=p=>a.value=!1)},"确定")])])])):D("",!0),i.value?(_(),y("div",rb,[t("div",ub,[d[21]||(d[21]=t("div",{class:"ios-action-sheet-title"},"选择操作",-1)),t("button",vb,[r(u(Rr),{class:"w-5 h-5"}),d[18]||(d[18]=t("span",null,"拍照",-1))]),t("button",fb,[r(u(Zr),{class:"w-5 h-5"}),d[19]||(d[19]=t("span",null,"从相册选择",-1))]),t("button",pb,[r(u(Gr),{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]=p=>i.value=!1)},"取消")])):D("",!0)]))}},bb=ft(mb,[["__scopeId","data-v-aa81dc6c"]]),hb={class:"fluent-container min-h-screen bg-gray-50"},gb={class:"fluent-app-bar"},_b={class:"container mx-auto px-4 py-3 flex items-center justify-between"},yb={class:"flex items-center"},xb={class:"flex items-center space-x-4"},wb={class:"fluent-search-box"},$b={key:0,class:"fluent-badge"},Ib={class:"space-y-2"},Mb={href:"#",class:"fluent-nav-item active"},kb={href:"#",class:"fluent-nav-item"},Cb={href:"#",class:"fluent-nav-item"},Db={href:"#",class:"fluent-nav-item"},Ab={class:"container mx-auto p-6"},jb={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Nb={class:"fluent-card"},zb={class:"p-4"},Eb={class:"grid grid-cols-2 gap-4"},Pb={class:"fluent-stat-card"},Sb={class:"fluent-stat-icon"},Rb={class:"fluent-stat-card"},Tb={class:"fluent-stat-icon"},Zb={class:"fluent-card md:col-span-2"},Gb={class:"p-4"},Lb={class:"fluent-chart"},Hb={class:"h-48 flex items-end space-x-2"},Ob={class:"fluent-card"},Bb={class:"p-4"},Wb={class:"space-y-4"},Vb={class:"fluent-checkbox"},Yb=["onUpdate:modelValue"],Jb={class:"flex-1"},Qb={class:"text-sm text-gray-500"},Fb={class:"fluent-icon-button"},Ub={class:"fluent-card md:col-span-2"},Kb={class:"p-4"},Xb={class:"space-y-4"},qb={class:"flex-1"},t1={class:"flex justify-between"},s1={class:"font-medium"},e1={class:"text-sm text-gray-500"},a1={class:"text-gray-600"},i1={class:"fluent-icon-button"},n1={class:"fluent-card"},o1={class:"p-4"},l1={class:"space-y-4"},d1={class:"flex flex-wrap gap-4"},c1={class:"fluent-button icon"},r1={class:"flex flex-wrap gap-4"},u1={class:"fluent-button loading"},v1={class:"fluent-card md:col-span-3"},f1={class:"p-4"},p1={class:"fluent-tabs"},m1=["onClick"],b1={class:"mt-4"},h1={key:0,class:"fluent-tab-content"},g1={key:1,class:"fluent-tab-content"},_1={key:2,class:"fluent-tab-content"},y1={class:"fluent-bottom-nav"},x1={href:"#",class:"fluent-bottom-nav-item active"},w1={href:"#",class:"fluent-bottom-nav-item"},$1={href:"#",class:"fluent-bottom-nav-item"},I1={href:"#",class:"fluent-bottom-nav-item"},M1={href:"#",class:"fluent-bottom-nav-item"},k1={key:0,class:"fluent-dialog-overlay"},C1={class:"fluent-dialog"},D1={class:"fluent-dialog-header"},A1={class:"fluent-dialog-actions"},j1={key:1,class:"fluent-notification-panel"},N1={class:"fluent-notification-header"},z1={class:"fluent-notification-list"},E1={class:"fluent-notification-icon"},P1={class:"flex-1"},S1={class:"font-medium"},R1={class:"text-sm text-gray-500"},T1={class:"text-xs text-gray-400"},Z1={key:2,class:"fluent-profile-panel"},G1={class:"fluent-profile-header"},L1={class:"fluent-profile-menu"},H1={href:"#",class:"fluent-profile-menu-item"},O1={href:"#",class:"fluent-profile-menu-item"},B1={href:"#",class:"fluent-profile-menu-item"},W1={__name:"FluentDesignView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M(!1),l=M("tab1"),c=M(3),v=M([{id:1,title:"完成项目报告",dueDate:"今天",completed:!1},{id:2,title:"回复客户邮件",dueDate:"明天",completed:!0},{id:3,title:"准备会议材料",dueDate:"后天",completed:!1}]),o=M([{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=M([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]),p=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(g,f)=>(_(),y("div",hb,[t("div",gb,[t("div",_b,[t("div",yb,[t("button",{class:"fluent-icon-button",onClick:f[0]||(f[0]=h=>n.value=!n.value)},[r(u(Et),{class:"w-5 h-5"})]),f[8]||(f[8]=t("h1",{class:"text-xl font-medium text-gray-900 ml-4"},"Fluent Design",-1))]),t("div",xb,[t("div",wb,[r(u(X),{class:"w-5 h-5 text-gray-500"}),f[9]||(f[9]=t("input",{type:"text",placeholder:"搜索...",class:"fluent-search-input"},null,-1))]),t("button",{class:"fluent-icon-button",onClick:f[1]||(f[1]=h=>i.value=!i.value)},[r(u(W),{class:"w-5 h-5"}),c.value>0?(_(),y("span",$b,I(c.value),1)):D("",!0)]),t("button",{class:"fluent-icon-button",onClick:f[2]||(f[2]=h=>e.value=!e.value)},[r(u(q),{class:"w-5 h-5"})])])])]),t("div",{class:et(["fluent-side-menu",{"is-open":n.value}])},[t("nav",Ib,[t("a",Mb,[r(u(rt),{class:"w-5 h-5"}),f[10]||(f[10]=t("span",null,"首页",-1))]),t("a",kb,[r(u(Rt),{class:"w-5 h-5"}),f[11]||(f[11]=t("span",null,"收件箱",-1)),f[12]||(f[12]=t("span",{class:"fluent-badge"},"12",-1))]),t("a",Cb,[r(u(Tt),{class:"w-5 h-5"}),f[13]||(f[13]=t("span",null,"收藏",-1))]),t("a",Db,[r(u(jt),{class:"w-5 h-5"}),f[14]||(f[14]=t("span",null,"设置",-1))])])],2),t("div",Ab,[t("div",jb,[t("div",Nb,[t("div",zb,[f[17]||(f[17]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"数据统计",-1)),t("div",Eb,[t("div",Pb,[t("div",Sb,[r(u(ko),{class:"w-6 h-6"})]),f[15]||(f[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",Rb,[t("div",Tb,[r(u($o),{class:"w-6 h-6"})]),f[16]||(f[16]=t("div",{class:"fluent-stat-content"},[t("span",{class:"text-gray-500"},"活跃度"),t("span",{class:"text-2xl font-bold"},"89%")],-1))])])])]),t("div",Zb,[t("div",Gb,[f[18]||(f[18]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"数据趋势",-1)),t("div",Lb,[t("div",Hb,[(_(),y(Q,null,tt(7,h=>t("div",{key:h,class:"fluent-chart-bar",style:De({height:`${Math.random()*100}%`})},null,4)),64))])])])]),t("div",Ob,[t("div",Bb,[f[20]||(f[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"任务列表",-1)),t("div",Wb,[(_(!0),y(Q,null,tt(v.value,h=>(_(),y("div",{key:h.id,class:"fluent-task-item"},[t("label",Vb,[js(t("input",{type:"checkbox","onUpdate:modelValue":j=>h.completed=j},null,8,Yb),[[qa,h.completed]]),f[19]||(f[19]=t("span",{class:"fluent-checkmark"},null,-1))]),t("div",Jb,[t("h3",{class:et(["font-medium",{"line-through text-gray-400":h.completed}])},I(h.title),3),t("p",Qb,I(h.dueDate),1)]),t("button",Fb,[r(u(dt),{class:"w-5 h-5"})])]))),128))])])]),t("div",Ub,[t("div",Kb,[f[21]||(f[21]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"消息列表",-1)),t("div",Xb,[(_(!0),y(Q,null,tt(o.value,h=>(_(),y("div",{key:h.id,class:"fluent-message-item"},[t("div",{class:et(["fluent-avatar",h.avatarClass])},I(h.initials),3),t("div",qb,[t("div",t1,[t("h3",s1,I(h.sender),1),t("span",e1,I(h.time),1)]),t("p",a1,I(h.content),1)]),t("button",i1,[r(u(dt),{class:"w-5 h-5"})])]))),128))])])]),f[32]||(f[32]=B('<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",n1,[t("div",o1,[f[27]||(f[27]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",l1,[t("div",d1,[f[22]||(f[22]=t("button",{class:"fluent-button"},"主要按钮",-1)),f[23]||(f[23]=t("button",{class:"fluent-button outlined"},"次要按钮",-1)),f[24]||(f[24]=t("button",{class:"fluent-button text"},"文本按钮",-1)),t("button",c1,[r(u(ut),{class:"w-5 h-5"})])]),t("div",r1,[f[25]||(f[25]=t("button",{class:"fluent-button small"},"小按钮",-1)),f[26]||(f[26]=t("button",{class:"fluent-button large"},"大按钮",-1)),t("button",u1,[r(u(Io),{class:"w-5 h-5 animate-spin"})])])])])]),f[33]||(f[33]=B('<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",v1,[t("div",f1,[f[31]||(f[31]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"标签页",-1)),t("div",p1,[(_(!0),y(Q,null,tt(p.value,h=>(_(),y("button",{key:h.id,class:et(["fluent-tab",{active:l.value===h.id}]),onClick:j=>l.value=h.id},I(h.label),11,m1))),128))]),t("div",b1,[l.value==="tab1"?(_(),y("div",h1,f[28]||(f[28]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),l.value==="tab2"?(_(),y("div",g1,f[29]||(f[29]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),l.value==="tab3"?(_(),y("div",_1,f[30]||(f[30]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])])])])]),t("div",y1,[t("a",x1,[r(u(rt),{class:"w-6 h-6"}),f[34]||(f[34]=t("span",null,"首页",-1))]),t("a",w1,[r(u(X),{class:"w-6 h-6"}),f[35]||(f[35]=t("span",null,"搜索",-1))]),t("a",$1,[r(u(ut),{class:"w-6 h-6"}),f[36]||(f[36]=t("span",null,"添加",-1))]),t("a",I1,[r(u(W),{class:"w-6 h-6"}),f[37]||(f[37]=t("span",null,"通知",-1))]),t("a",M1,[r(u(q),{class:"w-6 h-6"}),f[38]||(f[38]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",k1,[t("div",C1,[t("div",D1,[f[39]||(f[39]=t("h3",{class:"text-gray-900"},"对话框标题",-1)),t("button",{class:"fluent-icon-button",onClick:f[3]||(f[3]=h=>a.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),f[40]||(f[40]=t("div",{class:"fluent-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个 Fluent Design 风格的对话框示例。")],-1)),t("div",A1,[t("button",{class:"fluent-button text",onClick:f[4]||(f[4]=h=>a.value=!1)},"取消"),t("button",{class:"fluent-button",onClick:f[5]||(f[5]=h=>a.value=!1)},"确定")])])])):D("",!0),i.value?(_(),y("div",j1,[t("div",N1,[f[41]||(f[41]=t("h3",{class:"text-gray-900"},"通知",-1)),t("button",{class:"fluent-icon-button",onClick:f[6]||(f[6]=h=>i.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",z1,[(_(!0),y(Q,null,tt(d.value,h=>(_(),y("div",{key:h.id,class:"fluent-notification-item"},[t("div",E1,[r(u(W),{class:"w-5 h-5"})]),t("div",P1,[t("h4",S1,I(h.title),1),t("p",R1,I(h.content),1)]),t("span",T1,I(h.time),1)]))),128))])])):D("",!0),e.value?(_(),y("div",Z1,[t("div",G1,[f[42]||(f[42]=t("div",{class:"fluent-avatar large"},"JD",-1)),f[43]||(f[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:f[7]||(f[7]=h=>e.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",L1,[t("a",H1,[r(u(q),{class:"w-5 h-5"}),f[44]||(f[44]=t("span",null,"个人资料",-1))]),t("a",O1,[r(u(jt),{class:"w-5 h-5"}),f[45]||(f[45]=t("span",null,"设置",-1))]),t("a",B1,[r(u(Mo),{class:"w-5 h-5"}),f[46]||(f[46]=t("span",null,"退出登录",-1))])])])):D("",!0)]))}},V1=ft(W1,[["__scopeId","data-v-0a64c6d6"]]),Y1={class:"neu-container min-h-screen bg-gray-100"},J1={class:"neu-app-bar"},Q1={class:"container mx-auto px-4 py-3 flex items-center justify-between"},F1={class:"flex items-center"},U1={class:"flex items-center space-x-4"},K1={class:"neu-search-box"},X1={key:0,class:"neu-badge"},q1={class:"space-y-2"},th={href:"#",class:"neu-nav-item active"},sh={href:"#",class:"neu-nav-item"},eh={href:"#",class:"neu-nav-item"},ah={href:"#",class:"neu-nav-item"},ih={class:"container mx-auto p-6"},nh={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},oh={class:"neu-card"},lh={class:"p-4"},dh={class:"grid grid-cols-2 gap-4"},ch={class:"neu-stat-card"},rh={class:"neu-stat-icon"},uh={class:"neu-stat-card"},vh={class:"neu-stat-icon"},fh={class:"neu-card md:col-span-2"},ph={class:"p-4"},mh={class:"neu-chart"},bh={class:"h-48 flex items-end space-x-2"},hh={class:"neu-card"},gh={class:"p-4"},_h={class:"space-y-4"},yh={class:"neu-checkbox"},xh=["onUpdate:modelValue"],wh={class:"flex-1"},$h={class:"text-sm text-gray-500"},Ih={class:"neu-icon-button"},Mh={class:"neu-card md:col-span-2"},kh={class:"p-4"},Ch={class:"space-y-4"},Dh={class:"flex-1"},Ah={class:"flex justify-between"},jh={class:"font-medium"},Nh={class:"text-sm text-gray-500"},zh={class:"text-gray-600"},Eh={class:"neu-icon-button"},Ph={class:"neu-card"},Sh={class:"p-4"},Rh={class:"space-y-4"},Th={class:"flex flex-wrap gap-4"},Zh={class:"neu-button icon"},Gh={class:"flex flex-wrap gap-4"},Lh={class:"neu-button loading"},Hh={class:"neu-card md:col-span-3"},Oh={class:"p-4"},Bh={class:"neu-tabs"},Wh=["onClick"],Vh={class:"mt-4"},Yh={key:0,class:"neu-tab-content"},Jh={key:1,class:"neu-tab-content"},Qh={key:2,class:"neu-tab-content"},Fh={class:"neu-bottom-nav"},Uh={href:"#",class:"neu-bottom-nav-item active"},Kh={href:"#",class:"neu-bottom-nav-item"},Xh={href:"#",class:"neu-bottom-nav-item"},qh={href:"#",class:"neu-bottom-nav-item"},tg={href:"#",class:"neu-bottom-nav-item"},sg={key:0,class:"neu-dialog-overlay"},eg={class:"neu-dialog"},ag={class:"neu-dialog-header"},ig={class:"neu-dialog-actions"},ng={key:1,class:"neu-notification-panel"},og={class:"neu-notification-header"},lg={class:"neu-notification-list"},dg={class:"neu-notification-icon"},cg={class:"flex-1"},rg={class:"font-medium"},ug={class:"text-sm text-gray-500"},vg={class:"text-xs text-gray-400"},fg={key:2,class:"neu-profile-panel"},pg={class:"neu-profile-header"},mg={class:"neu-profile-menu"},bg={href:"#",class:"neu-profile-menu-item"},hg={href:"#",class:"neu-profile-menu-item"},gg={href:"#",class:"neu-profile-menu-item"},_g={__name:"NeumorphismView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M(!1),l=M("tab1"),c=M(3),v=M([{id:1,title:"完成项目报告",dueDate:"今天",completed:!1},{id:2,title:"回复客户邮件",dueDate:"明天",completed:!0},{id:3,title:"准备会议材料",dueDate:"后天",completed:!1}]),o=M([{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=M([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]),p=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(g,f)=>(_(),y("div",Y1,[t("div",J1,[t("div",Q1,[t("div",F1,[t("button",{class:"neu-icon-button",onClick:f[0]||(f[0]=h=>n.value=!n.value)},[r(u(Et),{class:"w-5 h-5"})]),f[8]||(f[8]=t("h1",{class:"text-xl font-medium text-gray-700 ml-4"},"Neumorphism",-1))]),t("div",U1,[t("div",K1,[r(u(X),{class:"w-5 h-5 text-gray-500"}),f[9]||(f[9]=t("input",{type:"text",placeholder:"搜索...",class:"neu-search-input"},null,-1))]),t("button",{class:"neu-icon-button",onClick:f[1]||(f[1]=h=>i.value=!i.value)},[r(u(W),{class:"w-5 h-5"}),c.value>0?(_(),y("span",X1,I(c.value),1)):D("",!0)]),t("button",{class:"neu-icon-button",onClick:f[2]||(f[2]=h=>e.value=!e.value)},[r(u(q),{class:"w-5 h-5"})])])])]),t("div",{class:et(["neu-side-menu",{"is-open":n.value}])},[t("nav",q1,[t("a",th,[r(u(rt),{class:"w-5 h-5"}),f[10]||(f[10]=t("span",null,"首页",-1))]),t("a",sh,[r(u(Rt),{class:"w-5 h-5"}),f[11]||(f[11]=t("span",null,"收件箱",-1)),f[12]||(f[12]=t("span",{class:"neu-badge"},"12",-1))]),t("a",eh,[r(u(Tt),{class:"w-5 h-5"}),f[13]||(f[13]=t("span",null,"收藏",-1))]),t("a",ah,[r(u(jt),{class:"w-5 h-5"}),f[14]||(f[14]=t("span",null,"设置",-1))])])],2),t("div",ih,[t("div",nh,[t("div",oh,[t("div",lh,[f[17]||(f[17]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"数据统计",-1)),t("div",dh,[t("div",ch,[t("div",rh,[r(u(ko),{class:"w-6 h-6"})]),f[15]||(f[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",uh,[t("div",vh,[r(u($o),{class:"w-6 h-6"})]),f[16]||(f[16]=t("div",{class:"neu-stat-content"},[t("span",{class:"text-gray-500"},"活跃度"),t("span",{class:"text-2xl font-bold"},"89%")],-1))])])])]),t("div",fh,[t("div",ph,[f[18]||(f[18]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"数据趋势",-1)),t("div",mh,[t("div",bh,[(_(),y(Q,null,tt(7,h=>t("div",{key:h,class:"neu-chart-bar",style:De({height:`${Math.random()*100}%`})},null,4)),64))])])])]),t("div",hh,[t("div",gh,[f[20]||(f[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"任务列表",-1)),t("div",_h,[(_(!0),y(Q,null,tt(v.value,h=>(_(),y("div",{key:h.id,class:"neu-task-item"},[t("label",yh,[js(t("input",{type:"checkbox","onUpdate:modelValue":j=>h.completed=j},null,8,xh),[[qa,h.completed]]),f[19]||(f[19]=t("span",{class:"neu-checkmark"},null,-1))]),t("div",wh,[t("h3",{class:et(["font-medium",{"line-through text-gray-400":h.completed}])},I(h.title),3),t("p",$h,I(h.dueDate),1)]),t("button",Ih,[r(u(dt),{class:"w-5 h-5"})])]))),128))])])]),t("div",Mh,[t("div",kh,[f[21]||(f[21]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"消息列表",-1)),t("div",Ch,[(_(!0),y(Q,null,tt(o.value,h=>(_(),y("div",{key:h.id,class:"neu-message-item"},[t("div",{class:et(["neu-avatar",h.avatarClass])},I(h.initials),3),t("div",Dh,[t("div",Ah,[t("h3",jh,I(h.sender),1),t("span",Nh,I(h.time),1)]),t("p",zh,I(h.content),1)]),t("button",Eh,[r(u(dt),{class:"w-5 h-5"})])]))),128))])])]),f[32]||(f[32]=B('<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",Ph,[t("div",Sh,[f[27]||(f[27]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"按钮样式",-1)),t("div",Rh,[t("div",Th,[f[22]||(f[22]=t("button",{class:"neu-button"},"主要按钮",-1)),f[23]||(f[23]=t("button",{class:"neu-button outlined"},"次要按钮",-1)),f[24]||(f[24]=t("button",{class:"neu-button text"},"文本按钮",-1)),t("button",Zh,[r(u(ut),{class:"w-5 h-5"})])]),t("div",Gh,[f[25]||(f[25]=t("button",{class:"neu-button small"},"小按钮",-1)),f[26]||(f[26]=t("button",{class:"neu-button large"},"大按钮",-1)),t("button",Lh,[r(u(Io),{class:"w-5 h-5 animate-spin"})])])])])]),f[33]||(f[33]=B('<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",Hh,[t("div",Oh,[f[31]||(f[31]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"标签页",-1)),t("div",Bh,[(_(!0),y(Q,null,tt(p.value,h=>(_(),y("button",{key:h.id,class:et(["neu-tab",{active:l.value===h.id}]),onClick:j=>l.value=h.id},I(h.label),11,Wh))),128))]),t("div",Vh,[l.value==="tab1"?(_(),y("div",Yh,f[28]||(f[28]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),l.value==="tab2"?(_(),y("div",Jh,f[29]||(f[29]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),l.value==="tab3"?(_(),y("div",Qh,f[30]||(f[30]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])])])])]),t("div",Fh,[t("a",Uh,[r(u(rt),{class:"w-6 h-6"}),f[34]||(f[34]=t("span",null,"首页",-1))]),t("a",Kh,[r(u(X),{class:"w-6 h-6"}),f[35]||(f[35]=t("span",null,"搜索",-1))]),t("a",Xh,[r(u(ut),{class:"w-6 h-6"}),f[36]||(f[36]=t("span",null,"添加",-1))]),t("a",qh,[r(u(W),{class:"w-6 h-6"}),f[37]||(f[37]=t("span",null,"通知",-1))]),t("a",tg,[r(u(q),{class:"w-6 h-6"}),f[38]||(f[38]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",sg,[t("div",eg,[t("div",ag,[f[39]||(f[39]=t("h3",{class:"text-gray-700"},"对话框标题",-1)),t("button",{class:"neu-icon-button",onClick:f[3]||(f[3]=h=>a.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),f[40]||(f[40]=t("div",{class:"neu-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个 Neumorphism 风格的对话框示例。")],-1)),t("div",ig,[t("button",{class:"neu-button text",onClick:f[4]||(f[4]=h=>a.value=!1)},"取消"),t("button",{class:"neu-button",onClick:f[5]||(f[5]=h=>a.value=!1)},"确定")])])])):D("",!0),i.value?(_(),y("div",ng,[t("div",og,[f[41]||(f[41]=t("h3",{class:"text-gray-700"},"通知",-1)),t("button",{class:"neu-icon-button",onClick:f[6]||(f[6]=h=>i.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",lg,[(_(!0),y(Q,null,tt(d.value,h=>(_(),y("div",{key:h.id,class:"neu-notification-item"},[t("div",dg,[r(u(W),{class:"w-5 h-5"})]),t("div",cg,[t("h4",rg,I(h.title),1),t("p",ug,I(h.content),1)]),t("span",vg,I(h.time),1)]))),128))])])):D("",!0),e.value?(_(),y("div",fg,[t("div",pg,[f[42]||(f[42]=t("div",{class:"neu-avatar large"},"JD",-1)),f[43]||(f[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:f[7]||(f[7]=h=>e.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",mg,[t("a",bg,[r(u(q),{class:"w-5 h-5"}),f[44]||(f[44]=t("span",null,"个人资料",-1))]),t("a",hg,[r(u(jt),{class:"w-5 h-5"}),f[45]||(f[45]=t("span",null,"设置",-1))]),t("a",gg,[r(u(Mo),{class:"w-5 h-5"}),f[46]||(f[46]=t("span",null,"退出登录",-1))])])])):D("",!0)]))}},yg=ft(_g,[["__scopeId","data-v-2eec1b47"]]),xg={class:"glass-container min-h-screen bg-gradient-to-br from-purple-500 to-pink-500"},wg={class:"glass-app-bar"},$g={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Ig={class:"flex items-center"},Mg={class:"flex items-center space-x-4"},kg={class:"glass-icon-button"},Cg={class:"glass-icon-button"},Dg={class:"glass-icon-button"},Ag={class:"container mx-auto p-6"},jg={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Ng={class:"glass-card"},zg={class:"p-4"},Eg={class:"space-y-2"},Pg={href:"#",class:"glass-nav-item active"},Sg={href:"#",class:"glass-nav-item"},Rg={href:"#",class:"glass-nav-item"},Tg={href:"#",class:"glass-nav-item"},Zg={class:"md:col-span-2 space-y-6"},Gg={class:"glass-card"},Lg={class:"p-4"},Hg={class:"space-y-4"},Og={class:"glass-list-item"},Bg={class:"glass-icon-button"},Wg={class:"glass-list-item"},Vg={class:"glass-icon-button"},Yg={class:"glass-card"},Jg={class:"p-4"},Qg={class:"flex flex-wrap gap-4"},Fg={class:"glass-button icon"},Ug={class:"glass-card"},Kg={class:"p-4"},Xg={class:"glass-bottom-nav"},qg={href:"#",class:"glass-bottom-nav-item active"},t0={href:"#",class:"glass-bottom-nav-item"},s0={href:"#",class:"glass-bottom-nav-item"},e0={href:"#",class:"glass-bottom-nav-item"},a0={href:"#",class:"glass-bottom-nav-item"},i0={key:0,class:"glass-dialog-overlay"},n0={class:"glass-dialog"},o0={class:"glass-dialog-header"},l0={class:"glass-dialog-actions"},d0={__name:"GlassmorphismView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",xg,[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",wg,[t("div",$g,[t("div",Ig,[r(u(Et),{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",Mg,[t("button",kg,[r(u(X),{class:"w-5 h-5"})]),t("button",Cg,[r(u(W),{class:"w-5 h-5"})]),t("button",Dg,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Ag,[t("div",jg,[t("div",Ng,[t("div",zg,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"导航菜单",-1)),t("nav",Eg,[t("a",Pg,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Sg,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"glass-badge"},"12",-1))]),t("a",Rg,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Tg,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Zg,[t("div",Gg,[t("div",Lg,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"卡片列表",-1)),t("div",Hg,[t("div",Og,[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",Bg,[r(u(dt),{class:"w-5 h-5"})])]),t("div",Wg,[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",Vg,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",Yg,[t("div",Jg,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"按钮样式",-1)),t("div",Qg,[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",Fg,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",Ug,[t("div",Kg,[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",Xg,[t("a",qg,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",t0,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",s0,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",e0,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",a0,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",i0,[t("div",n0,[t("div",o0,[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)},[r(u(st),{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",l0,[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)},"确定")])])])):D("",!0)]))}},c0=ft(d0,[["__scopeId","data-v-391d6a55"]]),r0={class:"brutal-container min-h-screen bg-yellow-50"},u0={class:"brutal-header"},v0={class:"brutal-header-content"},f0={class:"brutal-header-actions"},p0={class:"brutal-btn text"},m0={class:"brutal-btn text"},b0={class:"brutal-btn text"},h0={class:"brutal-main"},g0={class:"brutal-card-list"},_0={class:"brutal-card-cover"},y0=["src","alt"],x0={class:"brutal-card-body"},w0={class:"brutal-card-meta"},$0={class:"brutal-card-meta-avatar"},I0={class:"brutal-card-meta-content"},M0={class:"brutal-card-meta-title"},k0={class:"brutal-card-meta-description"},C0={class:"brutal-card-content"},D0={class:"brutal-card-actions"},A0={class:"brutal-btn text"},j0={class:"brutal-btn text"},N0={class:"brutal-btn text"},z0={class:"brutal-tabs"},E0={class:"brutal-tabs-nav"},P0=["onClick"],S0={class:"brutal-tabs-content"},R0={key:0,class:"brutal-tabs-tabpane"},T0={key:1,class:"brutal-tabs-tabpane"},Z0={key:2,class:"brutal-tabs-tabpane"},G0={key:0,class:"brutal-modal-mask"},L0={class:"brutal-modal-wrap"},H0={class:"brutal-modal"},O0={class:"brutal-modal-content"},B0={class:"brutal-modal-header"},W0={class:"brutal-modal-footer"},V0={key:1,class:"brutal-message"},Y0={class:"brutal-message-notice"},J0={class:"brutal-message-notice-content"},Q0={key:2,class:"brutal-notification"},F0={class:"brutal-notification-notice"},U0={class:"brutal-notification-notice-content"},K0={class:"brutal-notification-notice-icon"},X0="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=",q0={__name:"BrutalismView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",r0,[t("div",u0,[t("div",v0,[t("div",{class:"brutal-logo"},[t("img",{src:X0,alt:"Brutalism Logo",class:"brutal-logo-img"}),o[4]||(o[4]=t("span",{class:"brutal-logo-text"},"BRUTALISM",-1))]),o[5]||(o[5]=B('<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",f0,[t("button",p0,[r(u(X),{class:"w-5 h-5"})]),t("button",m0,[r(u(W),{class:"w-5 h-5"})]),t("button",b0,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",h0,[t("div",g0,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"brutal-card"},[t("div",_0,[t("img",{src:d.cover,alt:d.title,class:"brutal-card-cover-img"},null,8,y0)]),t("div",x0,[t("div",w0,[t("div",$0,[t("div",{class:et(["brutal-avatar",d.avatarClass])},I(d.initials),3)]),t("div",I0,[t("h3",M0,I(d.title),1),t("p",k0,I(d.description),1)])]),t("p",C0,I(d.content),1),t("div",D0,[t("button",A0,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",j0,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",N0,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",z0,[t("div",E0,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["brutal-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,P0))),128))]),t("div",S0,[n.value==="tab1"?(_(),y("div",R0,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",T0,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",Z0,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",G0,[t("div",L0,[t("div",H0,[t("div",O0,[t("div",B0,[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)},[r(u(st),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"brutal-modal-body"},[t("p",null,"这是一个粗野主义风格的对话框示例。")],-1)),t("div",W0,[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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",V0,[t("div",Y0,[t("div",J0,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",Q0,[t("div",F0,[t("div",U0,[t("div",K0,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},t2=ft(q0,[["__scopeId","data-v-4868d9fe"]]),s2={class:"cyberpunk-container min-h-screen bg-gradient-to-br from-purple-900 via-pink-900 to-blue-900"},e2={class:"cyberpunk-app-bar"},a2={class:"container mx-auto px-4 py-3 flex items-center justify-between"},i2={class:"flex items-center"},n2={class:"flex items-center space-x-4"},o2={class:"cyberpunk-icon-button"},l2={class:"cyberpunk-icon-button"},d2={class:"cyberpunk-icon-button"},c2={class:"container mx-auto p-6"},r2={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},u2={class:"cyberpunk-card"},v2={class:"p-4"},f2={class:"space-y-2"},p2={href:"#",class:"cyberpunk-nav-item active"},m2={href:"#",class:"cyberpunk-nav-item"},b2={href:"#",class:"cyberpunk-nav-item"},h2={href:"#",class:"cyberpunk-nav-item"},g2={class:"md:col-span-2 space-y-6"},_2={class:"cyberpunk-card"},y2={class:"p-4"},x2={class:"space-y-4"},w2={class:"cyberpunk-list-item"},$2={class:"cyberpunk-icon-button"},I2={class:"cyberpunk-list-item"},M2={class:"cyberpunk-icon-button"},k2={class:"cyberpunk-card"},C2={class:"p-4"},D2={class:"flex flex-wrap gap-4"},A2={class:"cyberpunk-button icon"},j2={class:"cyberpunk-card"},N2={class:"p-4"},z2={class:"cyberpunk-bottom-nav"},E2={href:"#",class:"cyberpunk-bottom-nav-item active"},P2={href:"#",class:"cyberpunk-bottom-nav-item"},S2={href:"#",class:"cyberpunk-bottom-nav-item"},R2={href:"#",class:"cyberpunk-bottom-nav-item"},T2={href:"#",class:"cyberpunk-bottom-nav-item"},Z2={key:0,class:"cyberpunk-dialog-overlay"},G2={class:"cyberpunk-dialog"},L2={class:"cyberpunk-dialog-header"},H2={class:"cyberpunk-dialog-actions"},O2={__name:"CyberpunkView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",s2,[t("div",e2,[t("div",a2,[t("div",i2,[r(u(Et),{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",n2,[t("button",o2,[r(u(X),{class:"w-5 h-5"})]),t("button",l2,[r(u(W),{class:"w-5 h-5"})]),t("button",d2,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",c2,[t("div",r2,[t("div",u2,[t("div",v2,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"导航菜单",-1)),t("nav",f2,[t("a",p2,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",m2,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"cyberpunk-badge"},"12",-1))]),t("a",b2,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",h2,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",g2,[t("div",_2,[t("div",y2,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"卡片列表",-1)),t("div",x2,[t("div",w2,[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",$2,[r(u(dt),{class:"w-5 h-5"})])]),t("div",I2,[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",M2,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",k2,[t("div",C2,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"按钮样式",-1)),t("div",D2,[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",A2,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",j2,[t("div",N2,[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",z2,[t("a",E2,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",P2,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",S2,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",R2,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",T2,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Z2,[t("div",G2,[t("div",L2,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"cyberpunk-dialog-content"},[t("p",{class:"text-pink-200"},"这是一个赛博朋克风格的对话框示例。")],-1)),t("div",H2,[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)},"确定")])])])):D("",!0)]))}},B2=ft(O2,[["__scopeId","data-v-bbc77969"]]),W2={class:"organic-container min-h-screen bg-gradient-to-br from-green-50 to-emerald-50"},V2={class:"organic-header"},Y2={class:"organic-header-content"},J2={class:"organic-header-actions"},Q2={class:"organic-btn text"},F2={class:"organic-btn text"},U2={class:"organic-btn text"},K2={class:"organic-main"},X2={class:"organic-card-list"},q2={class:"organic-card-cover"},t4=["src","alt"],s4={class:"organic-card-body"},e4={class:"organic-card-meta"},a4={class:"organic-card-meta-avatar"},i4={class:"organic-card-meta-content"},n4={class:"organic-card-meta-title"},o4={class:"organic-card-meta-description"},l4={class:"organic-card-content"},d4={class:"organic-card-actions"},c4={class:"organic-btn text"},r4={class:"organic-btn text"},u4={class:"organic-btn text"},v4={class:"organic-tabs"},f4={class:"organic-tabs-nav"},p4=["onClick"],m4={class:"organic-tabs-content"},b4={key:0,class:"organic-tabs-tabpane"},h4={key:1,class:"organic-tabs-tabpane"},g4={key:2,class:"organic-tabs-tabpane"},_4={key:0,class:"organic-modal-mask"},y4={class:"organic-modal-wrap"},x4={class:"organic-modal"},w4={class:"organic-modal-content"},$4={class:"organic-modal-header"},I4={class:"organic-modal-footer"},M4={key:1,class:"organic-message"},k4={class:"organic-message-notice"},C4={class:"organic-message-notice-content"},D4={key:2,class:"organic-notification"},A4={class:"organic-notification-notice"},j4={class:"organic-notification-notice-content"},N4={class:"organic-notification-notice-icon"},z4="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiM0MEYyQTUiLz48L3N2Zz4=",E4={__name:"OrganicDesignView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",W2,[t("div",V2,[t("div",Y2,[t("div",{class:"organic-logo"},[t("img",{src:z4,alt:"Organic Design Logo",class:"organic-logo-img"}),o[4]||(o[4]=t("span",{class:"organic-logo-text"},"ORGANIC",-1))]),o[5]||(o[5]=B('<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",J2,[t("button",Q2,[r(u(X),{class:"w-5 h-5"})]),t("button",F2,[r(u(W),{class:"w-5 h-5"})]),t("button",U2,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",K2,[t("div",X2,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"organic-card"},[t("div",q2,[t("img",{src:d.cover,alt:d.title,class:"organic-card-cover-img"},null,8,t4)]),t("div",s4,[t("div",e4,[t("div",a4,[t("div",{class:et(["organic-avatar",d.avatarClass])},I(d.initials),3)]),t("div",i4,[t("h3",n4,I(d.title),1),t("p",o4,I(d.description),1)])]),t("p",l4,I(d.content),1),t("div",d4,[t("button",c4,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",r4,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",u4,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",v4,[t("div",f4,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["organic-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,p4))),128))]),t("div",m4,[n.value==="tab1"?(_(),y("div",b4,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",h4,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",g4,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",_4,[t("div",y4,[t("div",x4,[t("div",w4,[t("div",$4,[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)},[r(u(st),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"organic-modal-body"},[t("p",null,"这是一个有机设计风格的对话框示例。")],-1)),t("div",I4,[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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",M4,[t("div",k4,[t("div",C4,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",D4,[t("div",A4,[t("div",j4,[t("div",N4,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},P4=ft(E4,[["__scopeId","data-v-3c572959"]]),S4={class:"pixel-container min-h-screen bg-indigo-900"},R4={class:"pixel-header"},T4={class:"pixel-header-content"},Z4={class:"pixel-header-actions"},G4={class:"pixel-btn text"},L4={class:"pixel-btn text"},H4={class:"pixel-btn text"},O4={class:"pixel-main"},B4={class:"pixel-card-list"},W4={class:"pixel-card-cover"},V4=["src","alt"],Y4={class:"pixel-card-body"},J4={class:"pixel-card-meta"},Q4={class:"pixel-card-meta-avatar"},F4={class:"pixel-card-meta-content"},U4={class:"pixel-card-meta-title"},K4={class:"pixel-card-meta-description"},X4={class:"pixel-card-content"},q4={class:"pixel-card-actions"},t_={class:"pixel-btn text"},s_={class:"pixel-btn text"},e_={class:"pixel-btn text"},a_={class:"pixel-tabs"},i_={class:"pixel-tabs-nav"},n_=["onClick"],o_={class:"pixel-tabs-content"},l_={key:0,class:"pixel-tabs-tabpane"},d_={key:1,class:"pixel-tabs-tabpane"},c_={key:2,class:"pixel-tabs-tabpane"},r_={key:0,class:"pixel-modal-mask"},u_={class:"pixel-modal-wrap"},v_={class:"pixel-modal"},f_={class:"pixel-modal-content"},p_={class:"pixel-modal-header"},m_={class:"pixel-modal-footer"},b_={key:1,class:"pixel-message"},h_={class:"pixel-message-notice"},g_={class:"pixel-message-notice-content"},__={key:2,class:"pixel-notification"},y_={class:"pixel-notification-notice"},x_={class:"pixel-notification-notice-content"},w_={class:"pixel-notification-notice-icon"},$_="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=",I_={__name:"PixelArtView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",S4,[t("div",R4,[t("div",T4,[t("div",{class:"pixel-logo"},[t("img",{src:$_,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]=B('<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",Z4,[t("button",G4,[r(u(X),{class:"w-5 h-5"})]),t("button",L4,[r(u(W),{class:"w-5 h-5"})]),t("button",H4,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",O4,[t("div",B4,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"pixel-card"},[t("div",W4,[t("img",{src:d.cover,alt:d.title,class:"pixel-card-cover-img"},null,8,V4)]),t("div",Y4,[t("div",J4,[t("div",Q4,[t("div",{class:et(["pixel-avatar",d.avatarClass])},I(d.initials),3)]),t("div",F4,[t("h3",U4,I(d.title),1),t("p",K4,I(d.description),1)])]),t("p",X4,I(d.content),1),t("div",q4,[t("button",t_,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",s_,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",e_,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",a_,[t("div",i_,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["pixel-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,n_))),128))]),t("div",o_,[n.value==="tab1"?(_(),y("div",l_,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",d_,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",c_,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",r_,[t("div",u_,[t("div",v_,[t("div",f_,[t("div",p_,[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)},[r(u(st),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"pixel-modal-body"},[t("p",null,"这是一个像素艺术风格的对话框示例。")],-1)),t("div",m_,[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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",b_,[t("div",h_,[t("div",g_,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",__,[t("div",y_,[t("div",x_,[t("div",w_,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},M_=ft(I_,[["__scopeId","data-v-4aaea49c"]]),k_={class:"morphism-container min-h-screen bg-gradient-to-br from-purple-100 to-blue-100"},C_={class:"morphism-header"},D_={class:"morphism-header-content"},A_={class:"morphism-header-actions"},j_={class:"morphism-btn text"},N_={class:"morphism-btn text"},z_={class:"morphism-btn text"},E_={class:"morphism-main"},P_={class:"morphism-card-list"},S_={class:"morphism-card-cover"},R_=["src","alt"],T_={class:"morphism-card-body"},Z_={class:"morphism-card-meta"},G_={class:"morphism-card-meta-avatar"},L_={class:"morphism-card-meta-content"},H_={class:"morphism-card-meta-title"},O_={class:"morphism-card-meta-description"},B_={class:"morphism-card-content"},W_={class:"morphism-card-actions"},V_={class:"morphism-btn text"},Y_={class:"morphism-btn text"},J_={class:"morphism-btn text"},Q_={class:"morphism-tabs"},F_={class:"morphism-tabs-nav"},U_=["onClick"],K_={class:"morphism-tabs-content"},X_={key:0,class:"morphism-tabs-tabpane"},q_={key:1,class:"morphism-tabs-tabpane"},t5={key:2,class:"morphism-tabs-tabpane"},s5={key:0,class:"morphism-modal-mask"},e5={class:"morphism-modal-wrap"},a5={class:"morphism-modal"},i5={class:"morphism-modal-content"},n5={class:"morphism-modal-header"},o5={class:"morphism-modal-footer"},l5={key:1,class:"morphism-message"},d5={class:"morphism-message-notice"},c5={class:"morphism-message-notice-content"},r5={key:2,class:"morphism-notification"},u5={class:"morphism-notification-notice"},v5={class:"morphism-notification-notice-content"},f5={class:"morphism-notification-notice-icon"},p5="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjQ3RkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY3RkJGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",m5={__name:"MorphismView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",k_,[t("div",C_,[t("div",D_,[t("div",{class:"morphism-logo"},[t("img",{src:p5,alt:"Morphism Logo",class:"morphism-logo-img"}),o[4]||(o[4]=t("span",{class:"morphism-logo-text"},"Morphism",-1))]),o[5]||(o[5]=B('<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",A_,[t("button",j_,[r(u(X),{class:"w-5 h-5"})]),t("button",N_,[r(u(W),{class:"w-5 h-5"})]),t("button",z_,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",E_,[t("div",P_,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"morphism-card"},[t("div",S_,[t("img",{src:d.cover,alt:d.title,class:"morphism-card-cover-img"},null,8,R_)]),t("div",T_,[t("div",Z_,[t("div",G_,[t("div",{class:et(["morphism-avatar",d.avatarClass])},I(d.initials),3)]),t("div",L_,[t("h3",H_,I(d.title),1),t("p",O_,I(d.description),1)])]),t("p",B_,I(d.content),1),t("div",W_,[t("button",V_,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",Y_,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",J_,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",Q_,[t("div",F_,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["morphism-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,U_))),128))]),t("div",K_,[n.value==="tab1"?(_(),y("div",X_,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",q_,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",t5,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",s5,[t("div",e5,[t("div",a5,[t("div",i5,[t("div",n5,[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)},[r(u(st),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"morphism-modal-body"},[t("p",null,"这是一个 Morphism 风格的对话框示例。")],-1)),t("div",o5,[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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",l5,[t("div",d5,[t("div",c5,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",r5,[t("div",u5,[t("div",v5,[t("div",f5,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},b5=ft(m5,[["__scopeId","data-v-66706a9a"]]),h5={class:"aurora-container min-h-screen bg-gradient-to-br from-purple-900 via-indigo-900 to-blue-900"},g5={class:"aurora-app-bar"},_5={class:"container mx-auto px-4 py-3 flex items-center justify-between"},y5={class:"flex items-center"},x5={class:"flex items-center space-x-4"},w5={class:"aurora-icon-button"},$5={class:"aurora-icon-button"},I5={class:"aurora-icon-button"},M5={class:"container mx-auto p-6"},k5={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},C5={class:"aurora-card"},D5={class:"p-4"},A5={class:"space-y-2"},j5={href:"#",class:"aurora-nav-item active"},N5={href:"#",class:"aurora-nav-item"},z5={href:"#",class:"aurora-nav-item"},E5={href:"#",class:"aurora-nav-item"},P5={class:"md:col-span-2 space-y-6"},S5={class:"aurora-card"},R5={class:"p-4"},T5={class:"space-y-4"},Z5={class:"aurora-list-item"},G5={class:"aurora-icon-button"},L5={class:"aurora-list-item"},H5={class:"aurora-icon-button"},O5={class:"aurora-card"},B5={class:"p-4"},W5={class:"flex flex-wrap gap-4"},V5={class:"aurora-button icon"},Y5={class:"aurora-card"},J5={class:"p-4"},Q5={class:"aurora-bottom-nav"},F5={href:"#",class:"aurora-bottom-nav-item active"},U5={href:"#",class:"aurora-bottom-nav-item"},K5={href:"#",class:"aurora-bottom-nav-item"},X5={href:"#",class:"aurora-bottom-nav-item"},q5={href:"#",class:"aurora-bottom-nav-item"},ty={key:0,class:"aurora-dialog-overlay"},sy={class:"aurora-dialog"},ey={class:"aurora-dialog-header"},ay={class:"aurora-dialog-actions"},iy={__name:"AuroraView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",h5,[t("div",g5,[t("div",_5,[t("div",y5,[r(u(Et),{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",x5,[t("button",w5,[r(u(X),{class:"w-5 h-5"})]),t("button",$5,[r(u(W),{class:"w-5 h-5"})]),t("button",I5,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",M5,[t("div",k5,[t("div",C5,[t("div",D5,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"导航菜单",-1)),t("nav",A5,[t("a",j5,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",N5,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"aurora-badge"},"12",-1))]),t("a",z5,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",E5,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",P5,[t("div",S5,[t("div",R5,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"卡片列表",-1)),t("div",T5,[t("div",Z5,[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",G5,[r(u(dt),{class:"w-5 h-5"})])]),t("div",L5,[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",H5,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",O5,[t("div",B5,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"按钮样式",-1)),t("div",W5,[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",V5,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",Y5,[t("div",J5,[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",Q5,[t("a",F5,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",U5,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",K5,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",X5,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",q5,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",ty,[t("div",sy,[t("div",ey,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"aurora-dialog-content"},[t("p",{class:"text-purple-200"},"这是一个极光风格的对话框示例。")],-1)),t("div",ay,[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)},"确定")])])])):D("",!0)]))}},ny=ft(iy,[["__scopeId","data-v-abe9da3a"]]),oy={class:"neon-container min-h-screen bg-black"},ly={class:"neon-header"},dy={class:"neon-header-content"},cy={class:"neon-header-actions"},ry={class:"neon-btn text"},uy={class:"neon-btn text"},vy={class:"neon-btn text"},fy={class:"neon-main"},py={class:"neon-card-list"},my={class:"neon-card-cover"},by=["src","alt"],hy={class:"neon-card-body"},gy={class:"neon-card-meta"},_y={class:"neon-card-meta-avatar"},yy={class:"neon-card-meta-content"},xy={class:"neon-card-meta-title"},wy={class:"neon-card-meta-description"},$y={class:"neon-card-content"},Iy={class:"neon-card-actions"},My={class:"neon-btn text"},ky={class:"neon-btn text"},Cy={class:"neon-btn text"},Dy={class:"neon-tabs"},Ay={class:"neon-tabs-nav"},jy=["onClick"],Ny={class:"neon-tabs-content"},zy={key:0,class:"neon-tabs-tabpane"},Ey={key:1,class:"neon-tabs-tabpane"},Py={key:2,class:"neon-tabs-tabpane"},Sy={key:0,class:"neon-modal-mask"},Ry={class:"neon-modal-wrap"},Ty={class:"neon-modal"},Zy={class:"neon-modal-content"},Gy={class:"neon-modal-header"},Ly={class:"neon-modal-footer"},Hy={key:1,class:"neon-message"},Oy={class:"neon-message-notice"},By={class:"neon-message-notice-content"},Wy={key:2,class:"neon-notification"},Vy={class:"neon-notification-notice"},Yy={class:"neon-notification-notice-content"},Jy={class:"neon-notification-notice-icon"},Qy="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBGRkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMEZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",Fy={__name:"NeonView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",oy,[t("div",ly,[t("div",dy,[t("div",{class:"neon-logo"},[t("img",{src:Qy,alt:"Neon Logo",class:"neon-logo-img"}),o[4]||(o[4]=t("span",{class:"neon-logo-text"},"NEON",-1))]),o[5]||(o[5]=B('<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",cy,[t("button",ry,[r(u(X),{class:"w-5 h-5"})]),t("button",uy,[r(u(W),{class:"w-5 h-5"})]),t("button",vy,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",fy,[t("div",py,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"neon-card"},[t("div",my,[t("img",{src:d.cover,alt:d.title,class:"neon-card-cover-img"},null,8,by)]),t("div",hy,[t("div",gy,[t("div",_y,[t("div",{class:et(["neon-avatar",d.avatarClass])},I(d.initials),3)]),t("div",yy,[t("h3",xy,I(d.title),1),t("p",wy,I(d.description),1)])]),t("p",$y,I(d.content),1),t("div",Iy,[t("button",My,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",ky,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",Cy,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",Dy,[t("div",Ay,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["neon-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,jy))),128))]),t("div",Ny,[n.value==="tab1"?(_(),y("div",zy,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",Ey,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",Py,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",Sy,[t("div",Ry,[t("div",Ty,[t("div",Zy,[t("div",Gy,[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)},[r(u(st),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"neon-modal-body"},[t("p",null,"这是一个霓虹灯风格的对话框示例。")],-1)),t("div",Ly,[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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",Hy,[t("div",Oy,[t("div",By,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",Wy,[t("div",Vy,[t("div",Yy,[t("div",Jy,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},Uy=ft(Fy,[["__scopeId","data-v-499287f4"]]),Ky={class:"steampunk-container min-h-screen bg-gradient-to-br from-amber-900 via-yellow-900 to-brown-900"},Xy={class:"steampunk-app-bar"},qy={class:"container mx-auto px-4 py-3 flex items-center justify-between"},tx={class:"flex items-center"},sx={class:"flex items-center space-x-4"},ex={class:"steampunk-icon-button"},ax={class:"steampunk-icon-button"},ix={class:"steampunk-icon-button"},nx={class:"container mx-auto p-6"},ox={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},lx={class:"steampunk-card"},dx={class:"p-4"},cx={class:"space-y-2"},rx={href:"#",class:"steampunk-nav-item active"},ux={href:"#",class:"steampunk-nav-item"},vx={href:"#",class:"steampunk-nav-item"},fx={href:"#",class:"steampunk-nav-item"},px={class:"md:col-span-2 space-y-6"},mx={class:"steampunk-card"},bx={class:"p-4"},hx={class:"space-y-4"},gx={class:"steampunk-list-item"},_x={class:"steampunk-icon-button"},yx={class:"steampunk-list-item"},xx={class:"steampunk-icon-button"},wx={class:"steampunk-card"},$x={class:"p-4"},Ix={class:"flex flex-wrap gap-4"},Mx={class:"steampunk-button icon"},kx={class:"steampunk-card"},Cx={class:"p-4"},Dx={class:"steampunk-bottom-nav"},Ax={href:"#",class:"steampunk-bottom-nav-item active"},jx={href:"#",class:"steampunk-bottom-nav-item"},Nx={href:"#",class:"steampunk-bottom-nav-item"},zx={href:"#",class:"steampunk-bottom-nav-item"},Ex={href:"#",class:"steampunk-bottom-nav-item"},Px={key:0,class:"steampunk-dialog-overlay"},Sx={class:"steampunk-dialog"},Rx={class:"steampunk-dialog-header"},Tx={class:"steampunk-dialog-actions"},Zx={__name:"SteampunkView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",Ky,[t("div",Xy,[t("div",qy,[t("div",tx,[r(u(Et),{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",sx,[t("button",ex,[r(u(X),{class:"w-5 h-5"})]),t("button",ax,[r(u(W),{class:"w-5 h-5"})]),t("button",ix,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",nx,[t("div",ox,[t("div",lx,[t("div",dx,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"导航菜单",-1)),t("nav",cx,[t("a",rx,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",ux,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"steampunk-badge"},"12",-1))]),t("a",vx,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",fx,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",px,[t("div",mx,[t("div",bx,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"卡片列表",-1)),t("div",hx,[t("div",gx,[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",_x,[r(u(dt),{class:"w-5 h-5"})])]),t("div",yx,[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",xx,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",wx,[t("div",$x,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"按钮样式",-1)),t("div",Ix,[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",Mx,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",kx,[t("div",Cx,[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",Dx,[t("a",Ax,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",jx,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Nx,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",zx,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Ex,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",Px,[t("div",Sx,[t("div",Rx,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"steampunk-dialog-content"},[t("p",{class:"text-amber-200"},"这是一个蒸汽朋克风格的对话框示例。")],-1)),t("div",Tx,[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)},"确定")])])])):D("",!0)]))}},Gx=ft(Zx,[["__scopeId","data-v-909f2f59"]]),Lx={class:"holographic-container min-h-screen bg-gradient-to-br from-blue-900 to-purple-900"},Hx={class:"holographic-header"},Ox={class:"holographic-header-content"},Bx={class:"holographic-header-actions"},Wx={class:"holographic-btn text"},Vx={class:"holographic-btn text"},Yx={class:"holographic-btn text"},Jx={class:"holographic-main"},Qx={class:"holographic-card-list"},Fx={class:"holographic-card-cover"},Ux=["src","alt"],Kx={class:"holographic-card-body"},Xx={class:"holographic-card-meta"},qx={class:"holographic-card-meta-avatar"},t3={class:"holographic-card-meta-content"},s3={class:"holographic-card-meta-title"},e3={class:"holographic-card-meta-description"},a3={class:"holographic-card-content"},i3={class:"holographic-card-actions"},n3={class:"holographic-btn text"},o3={class:"holographic-btn text"},l3={class:"holographic-btn text"},d3={class:"holographic-tabs"},c3={class:"holographic-tabs-nav"},r3=["onClick"],u3={class:"holographic-tabs-content"},v3={key:0,class:"holographic-tabs-tabpane"},f3={key:1,class:"holographic-tabs-tabpane"},p3={key:2,class:"holographic-tabs-tabpane"},m3={key:0,class:"holographic-modal-mask"},b3={class:"holographic-modal-wrap"},h3={class:"holographic-modal"},g3={class:"holographic-modal-content"},_3={class:"holographic-modal-header"},y3={class:"holographic-modal-footer"},x3={key:1,class:"holographic-message"},w3={class:"holographic-message-notice"},$3={class:"holographic-message-notice-content"},I3={key:2,class:"holographic-notification"},M3={class:"holographic-notification-notice"},k3={class:"holographic-notification-notice-content"},C3={class:"holographic-notification-notice-icon"},D3="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDA2NkZGIi8+PHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNGRjAwRkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=",A3={__name:"HolographicView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",Lx,[t("div",Hx,[t("div",Ox,[t("div",{class:"holographic-logo"},[t("img",{src:D3,alt:"Holographic Logo",class:"holographic-logo-img"}),o[4]||(o[4]=t("span",{class:"holographic-logo-text"},"Holographic",-1))]),o[5]||(o[5]=B('<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",Bx,[t("button",Wx,[r(u(X),{class:"w-5 h-5"})]),t("button",Vx,[r(u(W),{class:"w-5 h-5"})]),t("button",Yx,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Jx,[t("div",Qx,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"holographic-card"},[t("div",Fx,[t("img",{src:d.cover,alt:d.title,class:"holographic-card-cover-img"},null,8,Ux)]),t("div",Kx,[t("div",Xx,[t("div",qx,[t("div",{class:et(["holographic-avatar",d.avatarClass])},I(d.initials),3)]),t("div",t3,[t("h3",s3,I(d.title),1),t("p",e3,I(d.description),1)])]),t("p",a3,I(d.content),1),t("div",i3,[t("button",n3,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",o3,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",l3,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",d3,[t("div",c3,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["holographic-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,r3))),128))]),t("div",u3,[n.value==="tab1"?(_(),y("div",v3,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",f3,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",p3,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",m3,[t("div",b3,[t("div",h3,[t("div",g3,[t("div",_3,[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)},[r(u(st),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"holographic-modal-body"},[t("p",null,"这是一个全息投影风格的对话框示例。")],-1)),t("div",y3,[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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",x3,[t("div",w3,[t("div",$3,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",I3,[t("div",M3,[t("div",k3,[t("div",C3,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},j3=ft(A3,[["__scopeId","data-v-00f9da77"]]),N3={class:"gradient-container min-h-screen bg-gradient-to-br from-pink-500 via-purple-500 to-indigo-500"},z3={class:"gradient-header"},E3={class:"gradient-header-content"},P3={class:"gradient-header-actions"},S3={class:"gradient-btn text"},R3={class:"gradient-btn text"},T3={class:"gradient-btn text"},Z3={class:"gradient-main"},G3={class:"gradient-card-list"},L3={class:"gradient-card-cover"},H3=["src","alt"],O3={class:"gradient-card-body"},B3={class:"gradient-card-meta"},W3={class:"gradient-card-meta-avatar"},V3={class:"gradient-card-meta-content"},Y3={class:"gradient-card-meta-title"},J3={class:"gradient-card-meta-description"},Q3={class:"gradient-card-content"},F3={class:"gradient-card-actions"},U3={class:"gradient-btn text"},K3={class:"gradient-btn text"},X3={class:"gradient-btn text"},q3={class:"gradient-tabs"},t9={class:"gradient-tabs-nav"},s9=["onClick"],e9={class:"gradient-tabs-content"},a9={key:0,class:"gradient-tabs-tabpane"},i9={key:1,class:"gradient-tabs-tabpane"},n9={key:2,class:"gradient-tabs-tabpane"},o9={key:0,class:"gradient-modal-mask"},l9={class:"gradient-modal-wrap"},d9={class:"gradient-modal"},c9={class:"gradient-modal-content"},r9={class:"gradient-modal-header"},u9={class:"gradient-modal-footer"},v9={key:1,class:"gradient-message"},f9={class:"gradient-message-notice"},p9={class:"gradient-message-notice-content"},m9={key:2,class:"gradient-notification"},b9={class:"gradient-notification-notice"},h9={class:"gradient-notification-notice-content"},g9={class:"gradient-notification-notice-icon"},_9="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY2QjAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",y9={__name:"GradientView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",N3,[t("div",z3,[t("div",E3,[t("div",{class:"gradient-logo"},[t("img",{src:_9,alt:"Gradient Logo",class:"gradient-logo-img"}),o[4]||(o[4]=t("span",{class:"gradient-logo-text"},"Gradient",-1))]),o[5]||(o[5]=B('<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",P3,[t("button",S3,[r(u(X),{class:"w-5 h-5"})]),t("button",R3,[r(u(W),{class:"w-5 h-5"})]),t("button",T3,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Z3,[t("div",G3,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"gradient-card"},[t("div",L3,[t("img",{src:d.cover,alt:d.title,class:"gradient-card-cover-img"},null,8,H3)]),t("div",O3,[t("div",B3,[t("div",W3,[t("div",{class:et(["gradient-avatar",d.avatarClass])},I(d.initials),3)]),t("div",V3,[t("h3",Y3,I(d.title),1),t("p",J3,I(d.description),1)])]),t("p",Q3,I(d.content),1),t("div",F3,[t("button",U3,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",K3,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",X3,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",q3,[t("div",t9,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["gradient-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,s9))),128))]),t("div",e9,[n.value==="tab1"?(_(),y("div",a9,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",i9,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",n9,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",o9,[t("div",l9,[t("div",d9,[t("div",c9,[t("div",r9,[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)},[r(u(st),{class:"w-5 h-5"})])]),o[10]||(o[10]=t("div",{class:"gradient-modal-body"},[t("p",null,"这是一个渐变风格的对话框示例。")],-1)),t("div",u9,[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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",v9,[t("div",f9,[t("div",p9,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",m9,[t("div",b9,[t("div",h9,[t("div",g9,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},x9=ft(y9,[["__scopeId","data-v-83d9391a"]]),w9={class:"ant-container min-h-screen bg-gray-50"},$9={class:"ant-header"},I9={class:"ant-header-content"},M9={class:"ant-header-actions"},k9={class:"ant-btn text"},C9={class:"ant-btn text"},D9={class:"ant-btn text"},A9={class:"ant-main"},j9={class:"ant-card-list"},N9={class:"ant-card-cover"},z9=["src","alt"],E9={class:"ant-card-body"},P9={class:"ant-card-meta"},S9={class:"ant-card-meta-avatar"},R9={class:"ant-card-meta-content"},T9={class:"ant-card-meta-title"},Z9={class:"ant-card-meta-description"},G9={class:"ant-card-content"},L9={class:"ant-card-actions"},H9={class:"ant-btn text"},O9={class:"ant-btn text"},B9={class:"ant-btn text"},W9={class:"ant-tabs"},V9={class:"ant-tabs-nav"},Y9=["onClick"],J9={class:"ant-tabs-content"},Q9={key:0,class:"ant-tabs-tabpane"},F9={key:1,class:"ant-tabs-tabpane"},U9={key:2,class:"ant-tabs-tabpane"},K9={key:0,class:"ant-modal-mask"},X9={class:"ant-modal-wrap"},q9={class:"ant-modal"},tw={class:"ant-modal-content"},sw={class:"ant-modal-header"},ew={class:"ant-modal-footer"},aw={key:1,class:"ant-message"},iw={class:"ant-message-notice"},nw={class:"ant-message-notice-content"},ow={key:2,class:"ant-notification"},lw={class:"ant-notification-notice"},dw={class:"ant-notification-notice-content"},cw={class:"ant-notification-notice-icon"},rw="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMTg5MEZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA2NkZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",uw={__name:"AntDesignView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(v,o)=>(_(),y("div",w9,[t("div",$9,[t("div",I9,[t("div",{class:"ant-logo"},[t("img",{src:rw,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]=B('<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",M9,[t("button",k9,[r(u(X),{class:"w-5 h-5"})]),t("button",C9,[r(u(W),{class:"w-5 h-5"})]),t("button",D9,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",A9,[t("div",j9,[(_(!0),y(Q,null,tt(l.value,d=>(_(),y("div",{key:d.id,class:"ant-card"},[t("div",N9,[t("img",{src:d.cover,alt:d.title,class:"ant-card-cover-img"},null,8,z9)]),t("div",E9,[t("div",P9,[t("div",S9,[t("div",{class:et(["ant-avatar",d.avatarClass])},I(d.initials),3)]),t("div",R9,[t("h3",T9,I(d.title),1),t("p",Z9,I(d.description),1)])]),t("p",G9,I(d.content),1),t("div",L9,[t("button",H9,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",O9,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",B9,[r(u(Xt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=B('<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",W9,[t("div",V9,[(_(!0),y(Q,null,tt(c.value,d=>(_(),y("div",{key:d.id,class:et(["ant-tabs-tab",{active:n.value===d.id}]),onClick:p=>n.value=d.id},I(d.label),11,Y9))),128))]),t("div",J9,[n.value==="tab1"?(_(),y("div",Q9,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",F9,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",U9,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",K9,[t("div",X9,[t("div",q9,[t("div",tw,[t("div",sw,[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)},[r(u(st),{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)},"确定")])])])])])):D("",!0),i.value?(_(),y("div",aw,[t("div",iw,[t("div",nw,[r(u(vs),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):D("",!0),e.value?(_(),y("div",ow,[t("div",lw,[t("div",dw,[t("div",cw,[r(u(W),{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)},[r(u(st),{class:"w-5 h-5"})])])])):D("",!0)])]))}},vw=ft(uw,[["__scopeId","data-v-8473f951"]]),fw={class:"element-container min-h-screen bg-gray-50"},pw={class:"element-header"},mw={class:"element-header-content"},bw={class:"element-header-actions"},hw={class:"element-button text"},gw={class:"element-button text"},_w={class:"element-button text"},yw={class:"element-main"},xw={class:"element-card-list"},ww={class:"element-card-header"},$w={class:"element-card-info"},Iw={class:"element-card-title"},Mw={class:"element-card-subtitle"},kw={class:"element-card-actions"},Cw={class:"element-button text"},Dw={class:"element-card-body"},Aw=["src"],jw={class:"element-card-footer"},Nw={class:"element-button text"},zw={class:"element-button text"},Ew={class:"element-button text"},Pw={class:"element-tabs"},Sw={class:"element-tabs-header"},Rw=["onClick"],Tw={class:"element-tabs-content"},Zw={key:0,class:"element-tab-pane"},Gw={key:1,class:"element-tab-pane"},Lw={key:2,class:"element-tab-pane"},Hw={key:0,class:"element-dialog-wrapper"},Ow={class:"element-dialog"},Bw={class:"element-dialog-header"},Ww={class:"element-dialog-footer"},Vw={key:1,class:"element-message"},Yw={class:"element-message-content"},Jw={key:2,class:"element-notification"},Qw={class:"element-notification-title"},Fw={class:"element-notification-list"},Uw={class:"element-notification-icon"},Kw={class:"element-notification-content"},Xw={class:"element-notification-time"},qw="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNDFCODgzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkQ4ODVGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",t$={__name:"ElementUIView",setup(s){const a=M(!1),i=M(!1),e=M(!1),n=M("tab1"),l=M([{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"}]),c=M([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]),v=M([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]);return(o,d)=>(_(),y("div",fw,[t("div",pw,[t("div",mw,[t("div",{class:"element-logo"},[t("img",{src:qw,alt:"Element Logo",class:"element-logo-img"}),d[4]||(d[4]=t("span",{class:"element-logo-text"},"Element UI",-1))]),d[5]||(d[5]=B('<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",bw,[t("button",hw,[r(u(X),{class:"w-5 h-5"})]),t("button",gw,[r(u(W),{class:"w-5 h-5"})]),t("button",_w,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",yw,[t("div",xw,[(_(!0),y(Q,null,tt(l.value,p=>(_(),y("div",{key:p.id,class:"element-card"},[t("div",ww,[t("div",{class:et(["element-avatar",p.avatarClass])},I(p.initials),3),t("div",$w,[t("h3",Iw,I(p.title),1),t("p",Mw,I(p.description),1)]),t("div",kw,[t("button",Cw,[r(u(dt),{class:"w-5 h-5"})])])]),t("div",Dw,[t("img",{src:p.cover,alt:"Card Cover",class:"element-card-cover"},null,8,Aw),t("p",null,I(p.content),1)]),t("div",jw,[t("button",Nw,[r(u(Ut),{class:"w-5 h-5"}),t("span",null,I(p.likes),1)]),t("button",zw,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(p.comments),1)]),t("button",Ew,[r(u(Xt),{class:"w-5 h-5"})])])]))),128))]),d[13]||(d[13]=B('<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",Pw,[t("div",Sw,[(_(!0),y(Q,null,tt(c.value,p=>(_(),y("div",{key:p.id,class:et(["element-tabs-item",{active:n.value===p.id}]),onClick:g=>n.value=p.id},I(p.label),11,Rw))),128))]),t("div",Tw,[n.value==="tab1"?(_(),y("div",Zw,d[6]||(d[6]=[t("p",null,"标签页 1 的内容",-1)]))):D("",!0),n.value==="tab2"?(_(),y("div",Gw,d[7]||(d[7]=[t("p",null,"标签页 2 的内容",-1)]))):D("",!0),n.value==="tab3"?(_(),y("div",Lw,d[8]||(d[8]=[t("p",null,"标签页 3 的内容",-1)]))):D("",!0)])]),a.value?(_(),y("div",Hw,[t("div",Ow,[t("div",Bw,[d[9]||(d[9]=t("span",{class:"element-dialog-title"},"对话框标题",-1)),t("button",{class:"element-dialog-close",onClick:d[0]||(d[0]=p=>a.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),d[10]||(d[10]=t("div",{class:"element-dialog-body"},[t("p",null,"这是一个 Element UI 风格的对话框示例。")],-1)),t("div",Ww,[t("button",{class:"element-button",onClick:d[1]||(d[1]=p=>a.value=!1)},"取消"),t("button",{class:"element-button primary",onClick:d[2]||(d[2]=p=>a.value=!1)},"确定")])])])):D("",!0),i.value?(_(),y("div",Vw,[t("div",Yw,[r(u(vs),{class:"w-5 h-5"}),d[11]||(d[11]=t("span",null,"这是一条消息提示",-1))])])):D("",!0),e.value?(_(),y("div",Jw,[t("div",Qw,[d[12]||(d[12]=t("span",null,"通知",-1)),t("button",{class:"element-notification-close",onClick:d[3]||(d[3]=p=>e.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",Fw,[(_(!0),y(Q,null,tt(v.value,p=>(_(),y("div",{key:p.id,class:"element-notification-item"},[t("div",Uw,[r(u(W),{class:"w-5 h-5"})]),t("div",Kw,[t("h4",null,I(p.title),1),t("p",null,I(p.content),1)]),t("span",Xw,I(p.time),1)]))),128))])])):D("",!0)])]))}},s$=ft(t$,[["__scopeId","data-v-8c64faa7"]]),e$={class:"flat-container min-h-screen bg-gray-50"},a$={class:"flat-app-bar"},i$={class:"container mx-auto px-4 py-3 flex items-center justify-between"},n$={class:"flex items-center"},o$={class:"flex items-center space-x-4"},l$={class:"flat-icon-button"},d$={class:"flat-icon-button"},c$={class:"flat-icon-button"},r$={class:"container mx-auto p-6"},u$={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},v$={class:"flat-card"},f$={class:"p-4"},p$={class:"space-y-2"},m$={href:"#",class:"flat-nav-item active"},b$={href:"#",class:"flat-nav-item"},h$={href:"#",class:"flat-nav-item"},g$={href:"#",class:"flat-nav-item"},_$={class:"md:col-span-2 space-y-6"},y$={class:"flat-card"},x$={class:"p-4"},w$={class:"space-y-4"},$$={class:"flat-list-item"},I$={class:"flat-icon-button"},M$={class:"flat-list-item"},k$={class:"flat-icon-button"},C$={class:"flat-card"},D$={class:"p-4"},A$={class:"flex flex-wrap gap-4"},j$={class:"flat-button icon"},N$={class:"flat-card"},z$={class:"p-4"},E$={class:"flat-bottom-nav"},P$={href:"#",class:"flat-bottom-nav-item active"},S$={href:"#",class:"flat-bottom-nav-item"},R$={href:"#",class:"flat-bottom-nav-item"},T$={href:"#",class:"flat-bottom-nav-item"},Z$={href:"#",class:"flat-bottom-nav-item"},G$={key:0,class:"flat-dialog-overlay"},L$={class:"flat-dialog"},H$={class:"flat-dialog-header"},O$={class:"flat-dialog-actions"},B$={__name:"FlatView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",e$,[t("div",a$,[t("div",i$,[t("div",n$,[r(u(Et),{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",o$,[t("button",l$,[r(u(X),{class:"w-5 h-5"})]),t("button",d$,[r(u(W),{class:"w-5 h-5"})]),t("button",c$,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",r$,[t("div",u$,[t("div",v$,[t("div",f$,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",p$,[t("a",m$,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",b$,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"flat-badge"},"12",-1))]),t("a",h$,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",g$,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",_$,[t("div",y$,[t("div",x$,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",w$,[t("div",$$,[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",I$,[r(u(dt),{class:"w-5 h-5"})])]),t("div",M$,[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",k$,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",C$,[t("div",D$,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",A$,[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",j$,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",N$,[t("div",z$,[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",E$,[t("a",P$,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",S$,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",R$,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",T$,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Z$,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",G$,[t("div",L$,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"flat-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个扁平化设计风格的对话框示例。")],-1)),t("div",O$,[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)},"确定")])])])):D("",!0)]))}},W$=ft(B$,[["__scopeId","data-v-ed5411cf"]]),V$={class:"nordic-container min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50"},Y$={class:"nordic-app-bar"},J$={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Q$={class:"flex items-center"},F$={class:"flex items-center space-x-4"},U$={class:"nordic-icon-button"},K$={class:"nordic-icon-button"},X$={class:"nordic-icon-button"},q$={class:"container mx-auto p-6"},t6={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},s6={class:"nordic-card"},e6={class:"p-4"},a6={class:"space-y-2"},i6={href:"#",class:"nordic-nav-item active"},n6={href:"#",class:"nordic-nav-item"},o6={href:"#",class:"nordic-nav-item"},l6={href:"#",class:"nordic-nav-item"},d6={class:"md:col-span-2 space-y-6"},c6={class:"nordic-card"},r6={class:"p-4"},u6={class:"space-y-4"},v6={class:"nordic-list-item"},f6={class:"nordic-icon-button"},p6={class:"nordic-list-item"},m6={class:"nordic-icon-button"},b6={class:"nordic-card"},h6={class:"p-4"},g6={class:"flex flex-wrap gap-4"},_6={class:"nordic-button icon"},y6={class:"nordic-card"},x6={class:"p-4"},w6={class:"nordic-bottom-nav"},$6={href:"#",class:"nordic-bottom-nav-item active"},I6={href:"#",class:"nordic-bottom-nav-item"},M6={href:"#",class:"nordic-bottom-nav-item"},k6={href:"#",class:"nordic-bottom-nav-item"},C6={href:"#",class:"nordic-bottom-nav-item"},D6={key:0,class:"nordic-dialog-overlay"},A6={class:"nordic-dialog"},j6={class:"nordic-dialog-header"},N6={class:"nordic-dialog-actions"},z6={__name:"NordicView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",V$,[t("div",Y$,[t("div",J$,[t("div",Q$,[r(u(Et),{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",F$,[t("button",U$,[r(u(X),{class:"w-5 h-5"})]),t("button",K$,[r(u(W),{class:"w-5 h-5"})]),t("button",X$,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",q$,[t("div",t6,[t("div",s6,[t("div",e6,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"导航菜单",-1)),t("nav",a6,[t("a",i6,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",n6,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"nordic-badge"},"12",-1))]),t("a",o6,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",l6,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",d6,[t("div",c6,[t("div",r6,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"卡片列表",-1)),t("div",u6,[t("div",v6,[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",f6,[r(u(dt),{class:"w-5 h-5"})])]),t("div",p6,[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",m6,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",b6,[t("div",h6,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"按钮样式",-1)),t("div",g6,[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",_6,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",y6,[t("div",x6,[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",w6,[t("a",$6,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",I6,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",M6,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",k6,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",C6,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",D6,[t("div",A6,[t("div",j6,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"nordic-dialog-content"},[t("p",{class:"text-slate-600"},"这是一个北欧风格的对话框示例。")],-1)),t("div",N6,[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)},"确定")])])])):D("",!0)]))}},E6=ft(z6,[["__scopeId","data-v-723c4b4d"]]),P6={class:"futuristic-container min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900"},S6={class:"futuristic-app-bar"},R6={class:"container mx-auto px-4 py-3 flex items-center justify-between"},T6={class:"flex items-center"},Z6={class:"flex items-center space-x-4"},G6={class:"futuristic-icon-button"},L6={class:"futuristic-icon-button"},H6={class:"futuristic-icon-button"},O6={class:"container mx-auto p-6"},B6={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},W6={class:"futuristic-card"},V6={class:"p-4"},Y6={class:"space-y-2"},J6={href:"#",class:"futuristic-nav-item active"},Q6={href:"#",class:"futuristic-nav-item"},F6={href:"#",class:"futuristic-nav-item"},U6={href:"#",class:"futuristic-nav-item"},K6={class:"md:col-span-2 space-y-6"},X6={class:"futuristic-card"},q6={class:"p-4"},tI={class:"space-y-4"},sI={class:"futuristic-list-item"},eI={class:"futuristic-icon-button"},aI={class:"futuristic-list-item"},iI={class:"futuristic-icon-button"},nI={class:"futuristic-card"},oI={class:"p-4"},lI={class:"flex flex-wrap gap-4"},dI={class:"futuristic-button icon"},cI={class:"futuristic-card"},rI={class:"p-4"},uI={class:"futuristic-bottom-nav"},vI={href:"#",class:"futuristic-bottom-nav-item active"},fI={href:"#",class:"futuristic-bottom-nav-item"},pI={href:"#",class:"futuristic-bottom-nav-item"},mI={href:"#",class:"futuristic-bottom-nav-item"},bI={href:"#",class:"futuristic-bottom-nav-item"},hI={key:0,class:"futuristic-dialog-overlay"},gI={class:"futuristic-dialog"},_I={class:"futuristic-dialog-header"},yI={class:"futuristic-dialog-actions"},xI={__name:"FuturisticView",setup(s){const a=M(!1);return(i,e)=>(_(),y("div",P6,[t("div",S6,[t("div",R6,[t("div",T6,[r(u(Et),{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",Z6,[t("button",G6,[r(u(X),{class:"w-5 h-5"})]),t("button",L6,[r(u(W),{class:"w-5 h-5"})]),t("button",H6,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",O6,[t("div",B6,[t("div",W6,[t("div",V6,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"导航菜单",-1)),t("nav",Y6,[t("a",J6,[r(u(rt),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Q6,[r(u(Rt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"futuristic-badge"},"12",-1))]),t("a",F6,[r(u(Tt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",U6,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",K6,[t("div",X6,[t("div",q6,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"卡片列表",-1)),t("div",tI,[t("div",sI,[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,[r(u(dt),{class:"w-5 h-5"})])]),t("div",aI,[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",iI,[r(u(dt),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=B('<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",nI,[t("div",oI,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"按钮样式",-1)),t("div",lI,[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",dI,[r(u(ut),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=B('<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",cI,[t("div",rI,[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",uI,[t("a",vI,[r(u(rt),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",fI,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",pI,[r(u(ut),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",mI,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",bI,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(_(),y("div",hI,[t("div",gI,[t("div",_I,[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)},[r(u(st),{class:"w-5 h-5"})])]),e[29]||(e[29]=t("div",{class:"futuristic-dialog-content"},[t("p",{class:"text-blue-300"},"这是一个未来主义风格的对话框示例。")],-1)),t("div",yI,[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)},"确定")])])])):D("",!0)]))}},wI=ft(xI,[["__scopeId","data-v-335fcd8e"]]),$I={class:"login-container"},II={class:"header"},MI={class:"language-selector"},kI={class:"main-content"},CI={class:"login-card"},DI={class:"form-group"},AI={class:"form-group"},jI={class:"form-options"},NI={class:"remember-me"},zI={__name:"LoginView",setup(s){const a=M(""),i=M(""),e=M(!1),n=M("zh"),l=()=>{console.log("Login attempt:",{username:a.value,password:i.value,rememberMe:e.value,language:n.value})};return(c,v)=>(_(),y("div",$I,[t("header",II,[v[5]||(v[5]=t("div",{class:"logo"},[t("h1",null,"公司名称"),t("span",null,"Logo")],-1)),t("div",MI,[r(u(Tr),{class:"globe-icon",size:"16"}),js(t("select",{"onUpdate:modelValue":v[0]||(v[0]=o=>n.value=o),class:"language-select"},v[4]||(v[4]=[t("option",{value:"en"},"English",-1),t("option",{value:"es"},"Español",-1),t("option",{value:"zh"},"中文",-1)]),512),[[lo,n.value]])])]),t("main",kI,[t("div",CI,[v[11]||(v[11]=t("h2",{class:"greeting"},"欢迎回来",-1)),v[12]||(v[12]=t("p",{class:"subtitle"},"请登录公司管理系统",-1)),t("form",{onSubmit:Wd(l,["prevent"])},[t("div",DI,[v[6]||(v[6]=t("label",{for:"username"},"用户名",-1)),js(t("input",{type:"text",id:"username","onUpdate:modelValue":v[1]||(v[1]=o=>a.value=o),placeholder:"请输入用户名",class:"form-input"},null,512),[[za,a.value]])]),t("div",AI,[v[7]||(v[7]=t("label",{for:"password"},"密码",-1)),js(t("input",{type:"password",id:"password","onUpdate:modelValue":v[2]||(v[2]=o=>i.value=o),placeholder:"请输入密码",class:"form-input"},null,512),[[za,i.value]])]),t("div",jI,[t("div",NI,[js(t("input",{type:"checkbox",id:"remember","onUpdate:modelValue":v[3]||(v[3]=o=>e.value=o)},null,512),[[qa,e.value]]),v[8]||(v[8]=t("label",{for:"remember"},"记住我",-1))]),v[9]||(v[9]=t("a",{href:"#",class:"forgot-password"},"忘记密码?",-1))]),v[10]||(v[10]=t("button",{type:"submit",class:"login-button"},"登录",-1))],32),v[13]||(v[13]=t("div",{class:"alternative-login"},[t("p",null,"其他登录方式"),t("a",{href:"#",class:"sms-login"},"使用短信验证码登录")],-1))])]),v[14]||(v[14]=t("footer",{class:"footer"},[t("p",null,"© 2025 公司名称 All Rights Reserved.")],-1))]))}},EI=ft(zI,[["__scopeId","data-v-9b24958b"]]),PI=[{path:"/",name:"Home",component:rr},{path:"/minimalist",name:"minimalist",component:Du},{path:"/dark-mode",name:"dark-mode",component:hv},{path:"/retro",name:"retro",component:lf},{path:"/3d",name:"ThreeD",component:Xf},{path:"/skeuomorphic",name:"skeuomorphic",component:Hp},{path:"/material",name:"material",component:jm},{path:"/ios",name:"IOSDesign",component:bb},{path:"/fluent",name:"FluentDesign",component:V1},{path:"/neumorphism",name:"neumorphism",component:yg},{path:"/glassmorphism",name:"glassmorphism",component:c0},{path:"/brutalism",name:"Brutalism",component:t2},{path:"/cyberpunk",name:"cyberpunk",component:B2},{path:"/organic",name:"Organic",component:P4},{path:"/pixel",name:"PixelArt",component:M_},{path:"/morphism",name:"Morphism",component:b5},{path:"/aurora",name:"aurora",component:ny},{path:"/neon",name:"Neon",component:Uy},{path:"/steampunk",name:"steampunk",component:Gx},{path:"/holographic",name:"Holographic",component:j3},{path:"/gradient",name:"Gradient",component:x9},{path:"/ant",name:"AntDesign",component:vw},{path:"/element",name:"ElementUI",component:s$},{path:"/flat",name:"Flat",component:W$},{path:"/nordic",name:"Nordic",component:E6},{path:"/futuristic",name:"Futuristic",component:wI},{path:"/login",name:"Login",component:EI},{path:"/chatbot",name:"Chatbot",component:Er},{path:"/:pathMatch(.*)*",redirect:"/"}],SI=ar({history:zc("/ide/proxy/6004/"),routes:PI,scrollBehavior(s,a,i){return s.hash?{el:s.hash,behavior:"smooth"}:{top:0,behavior:"smooth"}}});Fd(tc).use(SI).mount("#app");