prototype_design/dist/assets/index-CEcj8x1V.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={},Fs=[],us=()=>{},Io=()=>!1,Qe=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,Ga=(s,a)=>{const i=s.indexOf(a);i>-1&&s.splice(i,1)},Mo=Object.prototype.hasOwnProperty,dt=(s,a)=>Mo.call(s,a),J=Array.isArray,Qs=s=>Me(s)==="[object Map]",Ue=s=>Me(s)==="[object Set]",si=s=>Me(s)==="[object Date]",U=s=>typeof s=="function",$t=s=>typeof s=="string",vs=s=>typeof s=="symbol",yt=s=>s!==null&&typeof s=="object",Qi=s=>(yt(s)||U(s))&&U(s.then)&&U(s.catch),Ui=Object.prototype.toString,Me=s=>Ui.call(s),ko=s=>Me(s).slice(8,-1),Ki=s=>Me(s)==="[object Object]",Za=s=>$t(s)&&s!=="NaN"&&s[0]!=="-"&&""+parseInt(s,10)===s,ce=Ra(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Ke=s=>{const a=Object.create(null);return i=>a[i]||(a[i]=s(i))},Co=/-(\w)/g,Ft=Ke(s=>s.replace(Co,(a,i)=>i?i.toUpperCase():"")),Do=/\B([A-Z])/g,Os=Ke(s=>s.replace(Do,"-$1").toLowerCase()),Xe=Ke(s=>s.charAt(0).toUpperCase()+s.slice(1)),ca=Ke(s=>s?`on${Xe(s)}`:""),js=(s,a)=>!Object.is(s,a),Pe=(s,...a)=>{for(let i=0;i<s.length;i++)s[i](...a)},Xi=(s,a,i,e=!1)=>{Object.defineProperty(s,a,{configurable:!0,enumerable:!1,writable:e,value:i})},_a=s=>{const a=parseFloat(s);return isNaN(a)?s:a};let ei;const qe=()=>ei||(ei=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function ke(s){if(J(s)){const a={};for(let i=0;i<s.length;i++){const e=s[i],n=$t(e)?Eo(e):ke(e);if(n)for(const l in n)a[l]=n[l]}return a}else if($t(s)||yt(s))return s}const Ao=/;(?![^(]*\))/g,jo=/:([^]+)/,No=/\/\*[^]*?\*\//g;function Eo(s){const a={};return s.replace(No,"").split(Ao).forEach(i=>{if(i){const e=i.split(jo);e.length>1&&(a[e[0].trim()]=e[1].trim())}}),a}function et(s){let a="";if($t(s))a=s;else if(J(s))for(let i=0;i<s.length;i++){const e=et(s[i]);e&&(a+=e+" ")}else if(yt(s))for(const i in s)s[i]&&(a+=i+" ");return a.trim()}const zo="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Po=Ra(zo);function qi(s){return!!s||s===""}function So(s,a){if(s.length!==a.length)return!1;let i=!0;for(let e=0;i&&e<s.length;e++)i=ta(s[e],a[e]);return i}function ta(s,a){if(s===a)return!0;let i=si(s),e=si(a);if(i||e)return i&&e?s.getTime()===a.getTime():!1;if(i=vs(s),e=vs(a),i||e)return s===a;if(i=J(s),e=J(a),i||e)return i&&e?So(s,a):!1;if(i=yt(s),e=yt(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 f=s.hasOwnProperty(c),o=a.hasOwnProperty(c);if(f&&!o||!f&&o||!ta(s[c],a[c]))return!1}}return String(s)===String(a)}function tn(s,a){return s.findIndex(i=>ta(i,a))}const sn=s=>!!(s&&s.__v_isRef===!0),I=s=>$t(s)?s:s==null?"":J(s)||yt(s)&&(s.toString===Ui||!U(s.toString))?sn(s)?I(s.value):JSON.stringify(s,en,2):String(s),en=(s,a)=>sn(a)?en(s,a.value):Qs(a)?{[`Map(${a.size})`]:[...a.entries()].reduce((i,[e,n],l)=>(i[ra(e,l)+" =>"]=n,i),{})}:Ue(a)?{[`Set(${a.size})`]:[...a.values()].map(i=>ra(i))}:vs(a)?ra(a):yt(a)&&!J(a)&&!Ki(a)?String(a):a,ra=(s,a="")=>{var i;return vs(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 Ro{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 To(){return Ht}let xt;const ua=new WeakSet;class an{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||on(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,ai(this),ln(this);const a=xt,i=Qt;xt=this,Qt=!0;try{return this.fn()}finally{dn(this),xt=a,Qt=i,this.flags&=-3}}stop(){if(this.flags&1){for(let a=this.deps;a;a=a.nextDep)Ha(a);this.deps=this.depsTail=void 0,ai(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?ua.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){wa(this)&&this.run()}get dirty(){return wa(this)}}let nn=0,re,ue;function on(s,a=!1){if(s.flags|=8,a){s.next=ue,ue=s;return}s.next=re,re=s}function La(){nn++}function Oa(){if(--nn>0)return;if(ue){let a=ue;for(ue=void 0;a;){const i=a.next;a.next=void 0,a.flags&=-9,a=i}}let s;for(;re;){let a=re;for(re=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 ln(s){for(let a=s.deps;a;a=a.nextDep)a.version=-1,a.prevActiveLink=a.dep.activeLink,a.dep.activeLink=a}function dn(s){let a,i=s.depsTail,e=i;for(;e;){const n=e.prevDep;e.version===-1?(e===i&&(i=n),Ha(e),Go(e)):a=e,e.dep.activeLink=e.prevActiveLink,e.prevActiveLink=void 0,e=n}s.deps=a,s.depsTail=i}function wa(s){for(let a=s.deps;a;a=a.nextDep)if(a.dep.version!==a.version||a.dep.computed&&(cn(a.dep.computed)||a.dep.version!==a.version))return!0;return!!s._dirty}function cn(s){if(s.flags&4&&!(s.flags&16)||(s.flags&=-17,s.globalVersion===he))return;s.globalVersion=he;const a=s.dep;if(s.flags|=2,a.version>0&&!s.isSSR&&s.deps&&!wa(s)){s.flags&=-3;return}const i=xt,e=Qt;xt=s,Qt=!0;try{ln(s);const n=s.fn(s._value);(a.version===0||js(n,s._value))&&(s._value=n,a.version++)}catch(n){throw a.version++,n}finally{xt=i,Qt=e,dn(s),s.flags&=-3}}function Ha(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)Ha(l,!0)}!a&&!--i.sc&&i.map&&i.map.delete(i.key)}function Go(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 rn=[];function Ns(){rn.push(Qt),Qt=!1}function Es(){const s=rn.pop();Qt=s===void 0?!0:s}function ai(s){const{cleanup:a}=s;if(s.cleanup=void 0,a){const i=xt;xt=void 0;try{a()}finally{xt=i}}}let he=0;class Zo{constructor(a,i){this.sub=a,this.dep=i,this.version=i.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class Ba{constructor(a){this.computed=a,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0}track(a){if(!xt||!Qt||xt===this.computed)return;let i=this.activeLink;if(i===void 0||i.sub!==xt)i=this.activeLink=new Zo(xt,this),xt.deps?(i.prevDep=xt.depsTail,xt.depsTail.nextDep=i,xt.depsTail=i):xt.deps=xt.depsTail=i,un(i);else if(i.version===-1&&(i.version=this.version,i.nextDep)){const e=i.nextDep;e.prevDep=i.prevDep,i.prevDep&&(i.prevDep.nextDep=e),i.prevDep=xt.depsTail,i.nextDep=void 0,xt.depsTail.nextDep=i,xt.depsTail=i,xt.deps===i&&(xt.deps=e)}return i}trigger(a){this.version++,he++,this.notify(a)}notify(a){La();try{for(let i=this.subs;i;i=i.prevSub)i.sub.notify()&&i.sub.dep.notify()}finally{Oa()}}}function un(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)un(e)}const i=s.dep.subs;i!==s&&(s.prevSub=i,i&&(i.nextSub=s)),s.dep.subs=s}}const $a=new WeakMap,Gs=Symbol(""),Ia=Symbol(""),ge=Symbol("");function Mt(s,a,i){if(Qt&&xt){let e=$a.get(s);e||$a.set(s,e=new Map);let n=e.get(i);n||(e.set(i,n=new Ba),n.map=e,n.key=i),n.track()}}function xs(s,a,i,e,n,l){const c=$a.get(s);if(!c){he++;return}const f=o=>{o&&o.trigger()};if(La(),a==="clear")c.forEach(f);else{const o=J(s),d=o&&Za(i);if(o&&i==="length"){const p=Number(e);c.forEach((g,v)=>{(v==="length"||v===ge||!vs(v)&&v>=p)&&f(g)})}else switch((i!==void 0||c.has(void 0))&&f(c.get(i)),d&&f(c.get(ge)),a){case"add":o?d&&f(c.get("length")):(f(c.get(Gs)),Qs(s)&&f(c.get(Ia)));break;case"delete":o||(f(c.get(Gs)),Qs(s)&&f(c.get(Ia)));break;case"set":Qs(s)&&f(c.get(Gs));break}}Oa()}function Vs(s){const a=lt(s);return a===s?a:(Mt(a,"iterate",ge),Jt(s)?a:a.map(kt))}function sa(s){return Mt(s=lt(s),"iterate",ge),s}const Lo={__proto__:null,[Symbol.iterator](){return va(this,Symbol.iterator,kt)},concat(...s){return Vs(this).concat(...s.map(a=>J(a)?Vs(a):a))},entries(){return va(this,"entries",s=>(s[1]=kt(s[1]),s))},every(s,a){return bs(this,"every",s,a,void 0,arguments)},filter(s,a){return bs(this,"filter",s,a,i=>i.map(kt),arguments)},find(s,a){return bs(this,"find",s,a,kt,arguments)},findIndex(s,a){return bs(this,"findIndex",s,a,void 0,arguments)},findLast(s,a){return bs(this,"findLast",s,a,kt,arguments)},findLastIndex(s,a){return bs(this,"findLastIndex",s,a,void 0,arguments)},forEach(s,a){return bs(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 bs(this,"map",s,a,void 0,arguments)},pop(){return ne(this,"pop")},push(...s){return ne(this,"push",s)},reduce(s,...a){return ii(this,"reduce",s,a)},reduceRight(s,...a){return ii(this,"reduceRight",s,a)},shift(){return ne(this,"shift")},some(s,a){return bs(this,"some",s,a,void 0,arguments)},splice(...s){return ne(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 ne(this,"unshift",s)},values(){return va(this,"values",kt)}};function va(s,a,i){const e=sa(s),n=e[a]();return e!==s&&!Jt(s)&&(n._next=n.next,n.next=()=>{const l=n._next();return l.value&&(l.value=i(l.value)),l}),n}const Oo=Array.prototype;function bs(s,a,i,e,n,l){const c=sa(s),f=c!==s&&!Jt(s),o=c[a];if(o!==Oo[a]){const g=o.apply(s,l);return f?kt(g):g}let d=i;c!==s&&(f?d=function(g,v){return i.call(this,kt(g),v,s)}:i.length>2&&(d=function(g,v){return i.call(this,g,v,s)}));const p=o.call(c,d,e);return f&&n?n(p):p}function ii(s,a,i,e){const n=sa(s);let l=i;return n!==s&&(Jt(s)?i.length>3&&(l=function(c,f,o){return i.call(this,c,f,o,s)}):l=function(c,f,o){return i.call(this,c,kt(f),o,s)}),n[a](l,...e)}function fa(s,a,i){const e=lt(s);Mt(e,"iterate",ge);const n=e[a](...i);return(n===-1||n===!1)&&Ya(i[0])?(i[0]=lt(i[0]),e[a](...i)):n}function ne(s,a,i=[]){Ns(),La();const e=lt(s)[a].apply(s,i);return Oa(),Es(),e}const Ho=Ra("__proto__,__v_isRef,__isVue"),vn=new Set(Object.getOwnPropertyNames(Symbol).filter(s=>s!=="arguments"&&s!=="caller").map(s=>Symbol[s]).filter(vs));function Bo(s){vs(s)||(s=String(s));const a=lt(this);return Mt(a,"has",s),a.hasOwnProperty(s)}class fn{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?qo:hn:l?bn:mn).get(a)||Object.getPrototypeOf(a)===Object.getPrototypeOf(e)?a:void 0;const c=J(a);if(!n){let o;if(c&&(o=Lo[i]))return o;if(i==="hasOwnProperty")return Bo}const f=Reflect.get(a,i,Dt(a)?a:e);return(vs(i)?vn.has(i):Ho(i))||(n||Mt(a,"get",i),l)?f:Dt(f)?c&&Za(i)?f:f.value:yt(f)?n?xn(f):ea(f):f}}class pn extends fn{constructor(a=!1){super(!1,a)}set(a,i,e,n){let l=a[i];if(!this._isShallow){const o=Zs(l);if(!Jt(e)&&!Zs(e)&&(l=lt(l),e=lt(e)),!J(a)&&Dt(l)&&!Dt(e))return o?!1:(l.value=e,!0)}const c=J(a)&&Za(i)?Number(i)<a.length:dt(a,i),f=Reflect.set(a,i,e,Dt(a)?a:n);return a===lt(n)&&(c?js(e,l)&&xs(a,"set",i,e):xs(a,"add",i,e)),f}deleteProperty(a,i){const e=dt(a,i);a[i];const n=Reflect.deleteProperty(a,i);return n&&e&&xs(a,"delete",i,void 0),n}has(a,i){const e=Reflect.has(a,i);return(!vs(i)||!vn.has(i))&&Mt(a,"has",i),e}ownKeys(a){return Mt(a,"iterate",J(a)?"length":Gs),Reflect.ownKeys(a)}}class Wo extends fn{constructor(a=!1){super(!0,a)}set(a,i){return!0}deleteProperty(a,i){return!0}}const Vo=new pn,Yo=new Wo,Jo=new pn(!0);const Ma=s=>s,je=s=>Reflect.getPrototypeOf(s);function Fo(s,a,i){return function(...e){const n=this.__v_raw,l=lt(n),c=Qs(l),f=s==="entries"||s===Symbol.iterator&&c,o=s==="keys"&&c,d=n[s](...e),p=i?Ma:a?ka:kt;return!a&&Mt(l,"iterate",o?Ia:Gs),{next(){const{value:g,done:v}=d.next();return v?{value:g,done:v}:{value:f?[p(g[0]),p(g[1])]:p(g),done:v}},[Symbol.iterator](){return this}}}}function Ne(s){return function(...a){return s==="delete"?!1:s==="clear"?void 0:this}}function Qo(s,a){const i={get(n){const l=this.__v_raw,c=lt(l),f=lt(n);s||(js(n,f)&&Mt(c,"get",n),Mt(c,"get",f));const{has:o}=je(c),d=a?Ma:s?ka:kt;if(o.call(c,n))return d(l.get(n));if(o.call(c,f))return d(l.get(f));l!==c&&l.get(n)},get size(){const n=this.__v_raw;return!s&&Mt(lt(n),"iterate",Gs),Reflect.get(n,"size",n)},has(n){const l=this.__v_raw,c=lt(l),f=lt(n);return s||(js(n,f)&&Mt(c,"has",n),Mt(c,"has",f)),n===f?l.has(n):l.has(n)||l.has(f)},forEach(n,l){const c=this,f=c.__v_raw,o=lt(f),d=a?Ma:s?ka:kt;return!s&&Mt(o,"iterate",Gs),f.forEach((p,g)=>n.call(l,d(p),d(g),c))}};return At(i,s?{add:Ne("add"),set:Ne("set"),delete:Ne("delete"),clear:Ne("clear")}:{add(n){!a&&!Jt(n)&&!Zs(n)&&(n=lt(n));const l=lt(this);return je(l).has.call(l,n)||(l.add(n),xs(l,"add",n,n)),this},set(n,l){!a&&!Jt(l)&&!Zs(l)&&(l=lt(l));const c=lt(this),{has:f,get:o}=je(c);let d=f.call(c,n);d||(n=lt(n),d=f.call(c,n));const p=o.call(c,n);return c.set(n,l),d?js(l,p)&&xs(c,"set",n,l):xs(c,"add",n,l),this},delete(n){const l=lt(this),{has:c,get:f}=je(l);let o=c.call(l,n);o||(n=lt(n),o=c.call(l,n)),f&&f.call(l,n);const d=l.delete(n);return o&&xs(l,"delete",n,void 0),d},clear(){const n=lt(this),l=n.size!==0,c=n.clear();return l&&xs(n,"clear",void 0,void 0),c}}),["keys","values","entries",Symbol.iterator].forEach(n=>{i[n]=Fo(n,s,a)}),i}function Wa(s,a){const i=Qo(s,a);return(e,n,l)=>n==="__v_isReactive"?!s:n==="__v_isReadonly"?s:n==="__v_raw"?e:Reflect.get(dt(i,n)&&n in e?i:e,n,l)}const Uo={get:Wa(!1,!1)},Ko={get:Wa(!1,!0)},Xo={get:Wa(!0,!1)};const mn=new WeakMap,bn=new WeakMap,hn=new WeakMap,qo=new WeakMap;function tl(s){switch(s){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function sl(s){return s.__v_skip||!Object.isExtensible(s)?0:tl(ko(s))}function ea(s){return Zs(s)?s:Va(s,!1,Vo,Uo,mn)}function gn(s){return Va(s,!1,Jo,Ko,bn)}function xn(s){return Va(s,!0,Yo,Xo,hn)}function Va(s,a,i,e,n){if(!yt(s)||s.__v_raw&&!(a&&s.__v_isReactive))return s;const l=n.get(s);if(l)return l;const c=sl(s);if(c===0)return s;const f=new Proxy(s,c===2?e:i);return n.set(s,f),f}function Us(s){return Zs(s)?Us(s.__v_raw):!!(s&&s.__v_isReactive)}function Zs(s){return!!(s&&s.__v_isReadonly)}function Jt(s){return!!(s&&s.__v_isShallow)}function Ya(s){return s?!!s.__v_raw:!1}function lt(s){const a=s&&s.__v_raw;return a?lt(a):s}function el(s){return!dt(s,"__v_skip")&&Object.isExtensible(s)&&Xi(s,"__v_skip",!0),s}const kt=s=>yt(s)?ea(s):s,ka=s=>yt(s)?xn(s):s;function Dt(s){return s?s.__v_isRef===!0:!1}function C(s){return yn(s,!1)}function al(s){return yn(s,!0)}function yn(s,a){return Dt(s)?s:new il(s,a)}class il{constructor(a,i){this.dep=new Ba,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=i?a:lt(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||Jt(a)||Zs(a);a=e?a:lt(a),js(a,i)&&(this._rawValue=a,this._value=e?a:kt(a),this.dep.trigger())}}function u(s){return Dt(s)?s.value:s}const nl={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 _n(s){return Us(s)?s:new Proxy(s,nl)}class ol{constructor(a,i,e){this.fn=a,this.setter=i,this._value=void 0,this.dep=new Ba(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=he-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!i,this.isSSR=e}notify(){if(this.flags|=16,!(this.flags&8)&&xt!==this)return on(this,!0),!0}get value(){const a=this.dep.track();return cn(this),a&&(a.version=this.dep.version),this._value}set value(a){this.setter&&this.setter(a)}}function ll(s,a,i=!1){let e,n;return U(s)?e=s:(e=s.get,n=s.set),new ol(e,n,i)}const Ee={},Le=new WeakMap;let Rs;function dl(s,a=!1,i=Rs){if(i){let e=Le.get(i);e||Le.set(i,e=[]),e.push(s)}}function cl(s,a,i=bt){const{immediate:e,deep:n,once:l,scheduler:c,augmentJob:f,call:o}=i,d=A=>n?A:Jt(A)||n===!1||n===0?ys(A,1):ys(A);let p,g,v,h,T=!1,L=!1;if(Dt(s)?(g=()=>s.value,T=Jt(s)):Us(s)?(g=()=>d(s),T=!0):J(s)?(L=!0,T=s.some(A=>Us(A)||Jt(A)),g=()=>s.map(A=>{if(Dt(A))return A.value;if(Us(A))return d(A);if(U(A))return o?o(A,2):A()})):U(s)?a?g=o?()=>o(s,2):s:g=()=>{if(v){Ns();try{v()}finally{Es()}}const A=Rs;Rs=p;try{return o?o(s,3,[h]):s(h)}finally{Rs=A}}:g=us,a&&n){const A=g,tt=n===!0?1/0:n;g=()=>ys(A(),tt)}const K=To(),H=()=>{p.stop(),K&&K.active&&Ga(K.effects,p)};if(l&&a){const A=a;a=(...tt)=>{A(...tt),H()}}let E=L?new Array(s.length).fill(Ee):Ee;const w=A=>{if(!(!(p.flags&1)||!p.dirty&&!A))if(a){const tt=p.run();if(n||T||(L?tt.some((wt,ht)=>js(wt,E[ht])):js(tt,E))){v&&v();const wt=Rs;Rs=p;try{const ht=[tt,E===Ee?void 0:L&&E[0]===Ee?[]:E,h];o?o(a,3,ht):a(...ht),E=tt}finally{Rs=wt}}}else p.run()};return f&&f(w),p=new an(g),p.scheduler=c?()=>c(w,!1):w,h=A=>dl(A,!1,p),v=p.onStop=()=>{const A=Le.get(p);if(A){if(o)o(A,4);else for(const tt of A)tt();Le.delete(p)}},a?e?w(!0):E=p.run():c?c(w.bind(null,!0),!0):p.run(),H.pause=p.pause.bind(p),H.resume=p.resume.bind(p),H.stop=H,H}function ys(s,a=1/0,i){if(a<=0||!yt(s)||s.__v_skip||(i=i||new Set,i.has(s)))return s;if(i.add(s),a--,Dt(s))ys(s.value,a,i);else if(J(s))for(let e=0;e<s.length;e++)ys(s[e],a,i);else if(Ue(s)||Qs(s))s.forEach(e=>{ys(e,a,i)});else if(Ki(s)){for(const e in s)ys(s[e],a,i);for(const e of Object.getOwnPropertySymbols(s))Object.prototype.propertyIsEnumerable.call(s,e)&&ys(s[e],a,i)}return s}/**
* @vue/runtime-core v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/function Ce(s,a,i,e){try{return e?s(...e):s()}catch(n){aa(n,a,i)}}function fs(s,a,i,e){if(U(s)){const n=Ce(s,a,i,e);return n&&Qi(n)&&n.catch(l=>{aa(l,a,i)}),n}if(J(s)){const n=[];for(let l=0;l<s.length;l++)n.push(fs(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 f=a.parent;const o=a.proxy,d=`https://vuejs.org/error-reference/#runtime-${i}`;for(;f;){const p=f.ec;if(p){for(let g=0;g<p.length;g++)if(p[g](s,o,d)===!1)return}f=f.parent}if(l){Ns(),Ce(l,null,10,[s,o,d]),Es();return}}rl(s,i,n,e,c)}function rl(s,a,i,e=!0,n=!1){if(n)throw s;console.error(s)}const Et=[];let cs=-1;const Ks=[];let Cs=null,Ys=0;const wn=Promise.resolve();let Oe=null;function $n(s){const a=Oe||wn;return s?a.then(this?s.bind(this):s):a}function ul(s){let a=cs+1,i=Et.length;for(;a<i;){const e=a+i>>>1,n=Et[e],l=xe(n);l<s||l===s&&n.flags&2?a=e+1:i=e}return a}function Ja(s){if(!(s.flags&1)){const a=xe(s),i=Et[Et.length-1];!i||!(s.flags&2)&&a>=xe(i)?Et.push(s):Et.splice(ul(a),0,s),s.flags|=1,In()}}function In(){Oe||(Oe=wn.then(kn))}function vl(s){J(s)?Ks.push(...s):Cs&&s.id===-1?Cs.splice(Ys+1,0,s):s.flags&1||(Ks.push(s),s.flags|=1),In()}function ni(s,a,i=cs+1){for(;i<Et.length;i++){const e=Et[i];if(e&&e.flags&2){if(s&&e.id!==s.uid)continue;Et.splice(i,1),i--,e.flags&4&&(e.flags&=-2),e(),e.flags&4||(e.flags&=-2)}}}function Mn(s){if(Ks.length){const a=[...new Set(Ks)].sort((i,e)=>xe(i)-xe(e));if(Ks.length=0,Cs){Cs.push(...a);return}for(Cs=a,Ys=0;Ys<Cs.length;Ys++){const i=Cs[Ys];i.flags&4&&(i.flags&=-2),i.flags&8||i(),i.flags&=-2}Cs=null,Ys=0}}const xe=s=>s.id==null?s.flags&2?-1:1/0:s.id;function kn(s){try{for(cs=0;cs<Et.length;cs++){const a=Et[cs];a&&!(a.flags&8)&&(a.flags&4&&(a.flags&=-2),Ce(a,a.i,a.i?15:14),a.flags&4||(a.flags&=-2))}}finally{for(;cs<Et.length;cs++){const a=Et[cs];a&&(a.flags&=-2)}cs=-1,Et.length=0,Mn(),Oe=null,(Et.length||Ks.length)&&kn()}}let Wt=null,Cn=null;function He(s){const a=Wt;return Wt=s,Cn=s&&s.type.__scopeId||null,a}function Dn(s,a=Wt,i){if(!a||s._n)return s;const e=(...n)=>{e._d&&mi(-1);const l=He(a);let c;try{c=s(...n)}finally{He(l),e._d&&mi(1)}return c};return e._n=!0,e._c=!0,e._d=!0,e}function Rt(s,a){if(Wt===null)return s;const i=la(Wt),e=s.dirs||(s.dirs=[]);for(let n=0;n<a.length;n++){let[l,c,f,o=bt]=a[n];l&&(U(l)&&(l={mounted:l,updated:l}),l.deep&&ys(c),e.push({dir:l,instance:i,value:c,oldValue:void 0,arg:f,modifiers:o}))}return s}function Ps(s,a,i,e){const n=s.dirs,l=a&&a.dirs;for(let c=0;c<n.length;c++){const f=n[c];l&&(f.oldValue=l[c].value);let o=f.dir[e];o&&(Ns(),fs(o,i,8,[s.el,f,s,a]),Es())}}const fl=Symbol("_vte"),pl=s=>s.__isTeleport;function Fa(s,a){s.shapeFlag&6&&s.component?(s.transition=a,Fa(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 An(s,a){return U(s)?At({name:s.name},a,{setup:s}):s}function jn(s){s.ids=[s.ids[0]+s.ids[2]+++"-",0,0]}function Be(s,a,i,e,n=!1){if(J(s)){s.forEach((T,L)=>Be(T,a&&(J(a)?a[L]:a),i,e,n));return}if(ve(e)&&!n){e.shapeFlag&512&&e.type.__asyncResolved&&e.component.subTree.component&&Be(s,a,i,e.component.subTree);return}const l=e.shapeFlag&4?la(e.component):e.el,c=n?null:l,{i:f,r:o}=s,d=a&&a.r,p=f.refs===bt?f.refs={}:f.refs,g=f.setupState,v=lt(g),h=g===bt?()=>!1:T=>dt(v,T);if(d!=null&&d!==o&&($t(d)?(p[d]=null,h(d)&&(g[d]=null)):Dt(d)&&(d.value=null)),U(o))Ce(o,f,12,[c,p]);else{const T=$t(o),L=Dt(o);if(T||L){const K=()=>{if(s.f){const H=T?h(o)?g[o]:p[o]:o.value;n?J(H)&&Ga(H,l):J(H)?H.includes(l)||H.push(l):T?(p[o]=[l],h(o)&&(g[o]=p[o])):(o.value=[l],s.k&&(p[s.k]=o.value))}else T?(p[o]=c,h(o)&&(g[o]=c)):L&&(o.value=c,s.k&&(p[s.k]=c))};c?(K.id=-1,Ot(K,i)):K()}}}qe().requestIdleCallback;qe().cancelIdleCallback;const ve=s=>!!s.type.__asyncLoader,Nn=s=>s.type.__isKeepAlive;function ml(s,a){En(s,"a",a)}function bl(s,a){En(s,"da",a)}function En(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;)Nn(n.parent.vnode)&&hl(e,a,i,n),n=n.parent}}function hl(s,a,i,e){const n=ia(a,s,e,!0);zn(()=>{Ga(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)=>{Ns();const f=De(i),o=fs(a,i,s,c);return f(),Es(),o});return e?n.unshift(l):n.push(l),l}}const ws=s=>(a,i=Ct)=>{(!_e||s==="sp")&&ia(s,(...e)=>a(...e),i)},gl=ws("bm"),xl=ws("m"),yl=ws("bu"),_l=ws("u"),wl=ws("bum"),zn=ws("um"),$l=ws("sp"),Il=ws("rtg"),Ml=ws("rtc");function kl(s,a=Ct){ia("ec",s,a)}const Cl="components";function Pn(s,a){return Al(Cl,s,!0,a)||s}const Dl=Symbol.for("v-ndc");function Al(s,a,i=!0,e=!1){const n=Wt||Ct;if(n){const l=n.type;{const f=bd(l,!1);if(f&&(f===a||f===Ft(a)||f===Xe(Ft(a))))return l}const c=oi(n[s]||l[s],a)||oi(n.appContext[s],a);return!c&&e?l:c}}function oi(s,a){return s&&(s[a]||s[Ft(a)]||s[Xe(Ft(a))])}function at(s,a,i,e){let n;const l=i,c=J(s);if(c||$t(s)){const f=c&&Us(s);let o=!1;f&&(o=!Jt(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 f=0;f<s;f++)n[f]=a(f+1,f,void 0,l)}else if(yt(s))if(s[Symbol.iterator])n=Array.from(s,(f,o)=>a(f,o,void 0,l));else{const f=Object.keys(s);n=new Array(f.length);for(let o=0,d=f.length;o<d;o++){const p=f[o];n[o]=a(s[p],p,o,l)}}else n=[];return n}const Ca=s=>s?eo(s)?la(s):Ca(s.parent):null,fe=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=>Ca(s.parent),$root:s=>Ca(s.root),$host:s=>s.ce,$emit:s=>s.emit,$options:s=>Rn(s),$forceUpdate:s=>s.f||(s.f=()=>{Ja(s.update)}),$nextTick:s=>s.n||(s.n=$n.bind(s.proxy)),$watch:s=>Ul.bind(s)}),pa=(s,a)=>s!==bt&&!s.__isScriptSetup&&dt(s,a),jl={get({_:s},a){if(a==="__v_skip")return!0;const{ctx:i,setupState:e,data:n,props:l,accessCache:c,type:f,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&&dt(n,a))return c[a]=2,n[a];if((d=s.propsOptions[0])&&dt(d,a))return c[a]=3,l[a];if(i!==bt&&dt(i,a))return c[a]=4,i[a];Da&&(c[a]=0)}}const p=fe[a];let g,v;if(p)return a==="$attrs"&&Mt(s.attrs,"get",""),p(s);if((g=f.__cssModules)&&(g=g[a]))return g;if(i!==bt&&dt(i,a))return c[a]=4,i[a];if(v=o.config.globalProperties,dt(v,a))return v[a]},set({_:s},a,i){const{data:e,setupState:n,ctx:l}=s;return pa(n,a)?(n[a]=i,!0):e!==bt&&dt(e,a)?(e[a]=i,!0):dt(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 f;return!!i[c]||s!==bt&&dt(s,c)||pa(a,c)||(f=l[0])&&dt(f,c)||dt(e,c)||dt(fe,c)||dt(n.config.globalProperties,c)},defineProperty(s,a,i){return i.get!=null?s._.accessCache[a]=0:dt(i,"value")&&this.set(s,a,i.value,null),Reflect.defineProperty(s,a,i)}};function li(s){return J(s)?s.reduce((a,i)=>(a[i]=null,a),{}):s}let Da=!0;function Nl(s){const a=Rn(s),i=s.proxy,e=s.ctx;Da=!1,a.beforeCreate&&di(a.beforeCreate,s,"bc");const{data:n,computed:l,methods:c,watch:f,provide:o,inject:d,created:p,beforeMount:g,mounted:v,beforeUpdate:h,updated:T,activated:L,deactivated:K,beforeDestroy:H,beforeUnmount:E,destroyed:w,unmounted:A,render:tt,renderTracked:wt,renderTriggered:ht,errorCaptured:ts,serverPrefetch:$s,expose:ss,inheritAttrs:Is,components:zs,directives:es,filters:ae}=a;if(d&&El(d,e,null),c)for(const ft in c){const nt=c[ft];U(nt)&&(e[ft]=nt.bind(i))}if(n){const ft=n.call(i,i);yt(ft)&&(s.data=ea(ft))}if(Da=!0,l)for(const ft in l){const nt=l[ft],ms=U(nt)?nt.bind(i,i):U(nt.get)?nt.get.bind(i,i):us,Ms=!U(nt)&&U(nt.set)?nt.set.bind(i):us,as=Bt({get:ms,set:Ms});Object.defineProperty(e,ft,{enumerable:!0,configurable:!0,get:()=>as.value,set:Pt=>as.value=Pt})}if(f)for(const ft in f)Sn(f[ft],e,i,ft);if(o){const ft=U(o)?o.call(i):o;Reflect.ownKeys(ft).forEach(nt=>{Se(nt,ft[nt])})}p&&di(p,s,"c");function It(ft,nt){J(nt)?nt.forEach(ms=>ft(ms.bind(i))):nt&&ft(nt.bind(i))}if(It(gl,g),It(xl,v),It(yl,h),It(_l,T),It(ml,L),It(bl,K),It(kl,ts),It(Ml,wt),It(Il,ht),It(wl,E),It(zn,A),It($l,$s),J(ss))if(ss.length){const ft=s.exposed||(s.exposed={});ss.forEach(nt=>{Object.defineProperty(ft,nt,{get:()=>i[nt],set:ms=>i[nt]=ms})})}else s.exposed||(s.exposed={});tt&&s.render===us&&(s.render=tt),Is!=null&&(s.inheritAttrs=Is),zs&&(s.components=zs),es&&(s.directives=es),$s&&jn(s)}function El(s,a,i=us){J(s)&&(s=Aa(s));for(const e in s){const n=s[e];let l;yt(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 di(s,a,i){fs(J(s)?s.map(e=>e.bind(a.proxy)):s.bind(a.proxy),a,i)}function Sn(s,a,i,e){let n=e.includes(".")?Un(i,e):()=>i[e];if($t(s)){const l=a[s];U(l)&&Re(n,l)}else if(U(s))Re(n,s.bind(i));else if(yt(s))if(J(s))s.forEach(l=>Sn(l,a,i,e));else{const l=U(s.handler)?s.handler.bind(i):a[s.handler];U(l)&&Re(n,l,s)}}function Rn(s){const a=s.type,{mixins:i,extends:e}=a,{mixins:n,optionsCache:l,config:{optionMergeStrategies:c}}=s.appContext,f=l.get(a);let o;return f?o=f:!n.length&&!i&&!e?o=a:(o={},n.length&&n.forEach(d=>We(o,d,c,!0)),We(o,a,c)),yt(a)&&l.set(a,o),o}function We(s,a,i,e=!1){const{mixins:n,extends:l}=a;l&&We(s,l,i,!0),n&&n.forEach(c=>We(s,c,i,!0));for(const c in a)if(!(e&&c==="expose")){const f=zl[c]||i&&i[c];s[c]=f?f(s[c],a[c]):a[c]}return s}const zl={data:ci,props:ri,emits:ri,methods:de,computed:de,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:de,directives:de,watch:Sl,provide:ci,inject:Pl};function ci(s,a){return a?s?function(){return At(U(s)?s.call(this,this):s,U(a)?a.call(this,this):a)}:a:s}function Pl(s,a){return de(Aa(s),Aa(a))}function Aa(s){if(J(s)){const a={};for(let i=0;i<s.length;i++)a[s[i]]=s[i];return a}return s}function Nt(s,a){return s?[...new Set([].concat(s,a))]:a}function de(s,a){return s?At(Object.create(null),s,a):a}function ri(s,a){return s?J(s)&&J(a)?[...new Set([...s,...a])]:At(Object.create(null),li(s),li(a??{})):a}function Sl(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 Tn(){return{app:null,config:{isNativeTag:Io,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 Rl=0;function Tl(s,a){return function(e,n=null){U(e)||(e=At({},e)),n!=null&&!yt(n)&&(n=null);const l=Tn(),c=new WeakSet,f=[];let o=!1;const d=l.app={_uid:Rl++,_component:e,_props:n,_container:null,_context:l,_instance:null,version:gd,get config(){return l.config},set config(p){},use(p,...g){return c.has(p)||(p&&U(p.install)?(c.add(p),p.install(d,...g)):U(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,v){if(!o){const h=d._ceVNode||r(e,n);return h.appContext=l,v===!0?v="svg":v===!1&&(v=void 0),s(h,p,v),o=!0,d._container=p,p.__vue_app__=d,la(h.component)}},onUnmount(p){f.push(p)},unmount(){o&&(fs(f,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 Se(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||Wt;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&&U(a)?a.call(e&&e.proxy):a}}const Gn={},Zn=()=>Object.create(Gn),Ln=s=>Object.getPrototypeOf(s)===Gn;function Gl(s,a,i,e=!1){const n={},l=Zn();s.propsDefaults=Object.create(null),On(s,a,n,l);for(const c in s.propsOptions[0])c in n||(n[c]=void 0);i?s.props=e?n:gn(n):s.type.props?s.props=n:s.props=l,s.attrs=l}function Zl(s,a,i,e){const{props:n,attrs:l,vnode:{patchFlag:c}}=s,f=lt(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 v=p[g];if(na(s.emitsOptions,v))continue;const h=a[v];if(o)if(dt(l,v))h!==l[v]&&(l[v]=h,d=!0);else{const T=Ft(v);n[T]=ja(o,f,T,h,s,!1)}else h!==l[v]&&(l[v]=h,d=!0)}}}else{On(s,a,n,l)&&(d=!0);let p;for(const g in f)(!a||!dt(a,g)&&((p=Os(g))===g||!dt(a,p)))&&(o?i&&(i[g]!==void 0||i[p]!==void 0)&&(n[g]=ja(o,f,g,void 0,s,!0)):delete n[g]);if(l!==f)for(const g in l)(!a||!dt(a,g))&&(delete l[g],d=!0)}d&&xs(s.attrs,"set","")}function On(s,a,i,e){const[n,l]=s.propsOptions;let c=!1,f;if(a)for(let o in a){if(ce(o))continue;const d=a[o];let p;n&&dt(n,p=Ft(o))?!l||!l.includes(p)?i[p]=d:(f||(f={}))[p]=d:na(s.emitsOptions,o)||(!(o in e)||d!==e[o])&&(e[o]=d,c=!0)}if(l){const o=lt(i),d=f||bt;for(let p=0;p<l.length;p++){const g=l[p];i[g]=ja(n,o,g,d[g],s,!dt(d,g))}}return c}function ja(s,a,i,e,n,l){const c=s[i];if(c!=null){const f=dt(c,"default");if(f&&e===void 0){const o=c.default;if(c.type!==Function&&!c.skipFactory&&U(o)){const{propsDefaults:d}=n;if(i in d)e=d[i];else{const p=De(n);e=d[i]=o.call(null,a),p()}}else e=o;n.ce&&n.ce._setProp(i,e)}c[0]&&(l&&!f?e=!1:c[1]&&(e===""||e===Os(i))&&(e=!0))}return e}const Ll=new WeakMap;function Hn(s,a,i=!1){const e=i?Ll:a.propsCache,n=e.get(s);if(n)return n;const l=s.props,c={},f=[];let o=!1;if(!U(s)){const p=g=>{o=!0;const[v,h]=Hn(g,a,!0);At(c,v),h&&f.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 yt(s)&&e.set(s,Fs),Fs;if(J(l))for(let p=0;p<l.length;p++){const g=Ft(l[p]);ui(g)&&(c[g]=bt)}else if(l)for(const p in l){const g=Ft(p);if(ui(g)){const v=l[p],h=c[g]=J(v)||U(v)?{type:v}:At({},v),T=h.type;let L=!1,K=!0;if(J(T))for(let H=0;H<T.length;++H){const E=T[H],w=U(E)&&E.name;if(w==="Boolean"){L=!0;break}else w==="String"&&(K=!1)}else L=U(T)&&T.name==="Boolean";h[0]=L,h[1]=K,(L||dt(h,"default"))&&f.push(g)}}const d=[c,f];return yt(s)&&e.set(s,d),d}function ui(s){return s[0]!=="$"&&!ce(s)}const Bn=s=>s[0]==="_"||s==="$stable",Qa=s=>J(s)?s.map(rs):[rs(s)],Ol=(s,a,i)=>{if(a._n)return a;const e=Dn((...n)=>Qa(a(...n)),i);return e._c=!1,e},Wn=(s,a,i)=>{const e=s._ctx;for(const n in s){if(Bn(n))continue;const l=s[n];if(U(l))a[n]=Ol(n,l,e);else if(l!=null){const c=Qa(l);a[n]=()=>c}}},Vn=(s,a)=>{const i=Qa(a);s.slots.default=()=>i},Yn=(s,a,i)=>{for(const e in a)(i||e!=="_")&&(s[e]=a[e])},Hl=(s,a,i)=>{const e=s.slots=Zn();if(s.vnode.shapeFlag&32){const n=a._;n?(Yn(e,a,i),i&&Xi(e,"_",n,!0)):Wn(a,e)}else a&&Vn(s,a)},Bl=(s,a,i)=>{const{vnode:e,slots:n}=s;let l=!0,c=bt;if(e.shapeFlag&32){const f=a._;f?i&&f===1?l=!1:Yn(n,a,i):(l=!a.$stable,Wn(a,n)),c=a}else a&&(Vn(s,a),c={default:1});if(l)for(const f in n)!Bn(f)&&c[f]==null&&delete n[f]},Ot=ad;function Wl(s){return Vl(s)}function Vl(s,a){const i=qe();i.__VUE__=!0;const{insert:e,remove:n,patchProp:l,createElement:c,createText:f,createComment:o,setText:d,setElementText:p,parentNode:g,nextSibling:v,setScopeId:h=us,insertStaticContent:T}=s,L=(m,b,_,$=null,D=null,k=null,S=void 0,P=null,z=!!b.dynamicChildren)=>{if(m===b)return;m&&!oe(m,b)&&($=M(m),Pt(m,D,k,!0),m=null),b.patchFlag===-2&&(z=!1,b.dynamicChildren=null);const{type:N,ref:Y,shapeFlag:G}=b;switch(N){case oa:K(m,b,_,$);break;case Ls:H(m,b,_,$);break;case Te:m==null&&E(b,_,$,S);break;case Q:zs(m,b,_,$,D,k,S,P,z);break;default:G&1?tt(m,b,_,$,D,k,S,P,z):G&6?es(m,b,_,$,D,k,S,P,z):(G&64||G&128)&&N.process(m,b,_,$,D,k,S,P,z,O)}Y!=null&&D&&Be(Y,m&&m.ref,k,b||m,!b)},K=(m,b,_,$)=>{if(m==null)e(b.el=f(b.children),_,$);else{const D=b.el=m.el;b.children!==m.children&&d(D,b.children)}},H=(m,b,_,$)=>{m==null?e(b.el=o(b.children||""),_,$):b.el=m.el},E=(m,b,_,$)=>{[m.el,m.anchor]=T(m.children,b,_,$,m.el,m.anchor)},w=({el:m,anchor:b},_,$)=>{let D;for(;m&&m!==b;)D=v(m),e(m,_,$),m=D;e(b,_,$)},A=({el:m,anchor:b})=>{let _;for(;m&&m!==b;)_=v(m),n(m),m=_;n(b)},tt=(m,b,_,$,D,k,S,P,z)=>{b.type==="svg"?S="svg":b.type==="math"&&(S="mathml"),m==null?wt(b,_,$,D,k,S,P,z):$s(m,b,D,k,S,P,z)},wt=(m,b,_,$,D,k,S,P)=>{let z,N;const{props:Y,shapeFlag:G,transition:B,dirs:F}=m;if(z=m.el=c(m.type,k,Y&&Y.is,Y),G&8?p(z,m.children):G&16&&ts(m.children,z,null,$,D,ma(m,k),S,P),F&&Ps(m,null,$,"created"),ht(z,m,m.scopeId,S,$),Y){for(const gt in Y)gt!=="value"&&!ce(gt)&&l(z,gt,null,Y[gt],k,$);"value"in Y&&l(z,"value",null,Y.value,k),(N=Y.onVnodeBeforeMount)&&ls(N,$,m)}F&&Ps(m,null,$,"beforeMount");const it=Yl(D,B);it&&B.beforeEnter(z),e(z,b,_),((N=Y&&Y.onVnodeMounted)||it||F)&&Ot(()=>{N&&ls(N,$,m),it&&B.enter(z),F&&Ps(m,null,$,"mounted")},D)},ht=(m,b,_,$,D)=>{if(_&&h(m,_),$)for(let k=0;k<$.length;k++)h(m,$[k]);if(D){let k=D.subTree;if(b===k||Xn(k.type)&&(k.ssContent===b||k.ssFallback===b)){const S=D.vnode;ht(m,S,S.scopeId,S.slotScopeIds,D.parent)}}},ts=(m,b,_,$,D,k,S,P,z=0)=>{for(let N=z;N<m.length;N++){const Y=m[N]=P?Ds(m[N]):rs(m[N]);L(null,Y,b,_,$,D,k,S,P)}},$s=(m,b,_,$,D,k,S)=>{const P=b.el=m.el;let{patchFlag:z,dynamicChildren:N,dirs:Y}=b;z|=m.patchFlag&16;const G=m.props||bt,B=b.props||bt;let F;if(_&&Ss(_,!1),(F=B.onVnodeBeforeUpdate)&&ls(F,_,b,m),Y&&Ps(b,m,_,"beforeUpdate"),_&&Ss(_,!0),(G.innerHTML&&B.innerHTML==null||G.textContent&&B.textContent==null)&&p(P,""),N?ss(m.dynamicChildren,N,P,_,$,ma(b,D),k):S||nt(m,b,P,null,_,$,ma(b,D),k,!1),z>0){if(z&16)Is(P,G,B,_,D);else if(z&2&&G.class!==B.class&&l(P,"class",null,B.class,D),z&4&&l(P,"style",G.style,B.style,D),z&8){const it=b.dynamicProps;for(let gt=0;gt<it.length;gt++){const rt=it[gt],Zt=G[rt],St=B[rt];(St!==Zt||rt==="value")&&l(P,rt,Zt,St,D,_)}}z&1&&m.children!==b.children&&p(P,b.children)}else!S&&N==null&&Is(P,G,B,_,D);((F=B.onVnodeUpdated)||Y)&&Ot(()=>{F&&ls(F,_,b,m),Y&&Ps(b,m,_,"updated")},$)},ss=(m,b,_,$,D,k,S)=>{for(let P=0;P<b.length;P++){const z=m[P],N=b[P],Y=z.el&&(z.type===Q||!oe(z,N)||z.shapeFlag&70)?g(z.el):_;L(z,N,Y,null,$,D,k,S,!0)}},Is=(m,b,_,$,D)=>{if(b!==_){if(b!==bt)for(const k in b)!ce(k)&&!(k in _)&&l(m,k,b[k],null,D,$);for(const k in _){if(ce(k))continue;const S=_[k],P=b[k];S!==P&&k!=="value"&&l(m,k,P,S,D,$)}"value"in _&&l(m,"value",b.value,_.value,D)}},zs=(m,b,_,$,D,k,S,P,z)=>{const N=b.el=m?m.el:f(""),Y=b.anchor=m?m.anchor:f("");let{patchFlag:G,dynamicChildren:B,slotScopeIds:F}=b;F&&(P=P?P.concat(F):F),m==null?(e(N,_,$),e(Y,_,$),ts(b.children||[],_,Y,D,k,S,P,z)):G>0&&G&64&&B&&m.dynamicChildren?(ss(m.dynamicChildren,B,_,D,k,S,P),(b.key!=null||D&&b===D.subTree)&&Jn(m,b,!0)):nt(m,b,_,Y,D,k,S,P,z)},es=(m,b,_,$,D,k,S,P,z)=>{b.slotScopeIds=P,m==null?b.shapeFlag&512?D.ctx.activate(b,_,$,S,z):ae(b,_,$,D,k,S,z):Hs(m,b,z)},ae=(m,b,_,$,D,k,S)=>{const P=m.component=ud(m,$,D);if(Nn(m)&&(P.ctx.renderer=O),vd(P,!1,S),P.asyncDep){if(D&&D.registerDep(P,It,S),!m.el){const z=P.subTree=r(Ls);H(null,z,b,_)}}else It(P,m,b,_,D,k,S)},Hs=(m,b,_)=>{const $=b.component=m.component;if(sd(m,b,_))if($.asyncDep&&!$.asyncResolved){ft($,b,_);return}else $.next=b,$.update();else b.el=m.el,$.vnode=b},It=(m,b,_,$,D,k,S)=>{const P=()=>{if(m.isMounted){let{next:G,bu:B,u:F,parent:it,vnode:gt}=m;{const ns=Fn(m);if(ns){G&&(G.el=gt.el,ft(m,G,S)),ns.asyncDep.then(()=>{m.isUnmounted||P()});return}}let rt=G,Zt;Ss(m,!1),G?(G.el=gt.el,ft(m,G,S)):G=gt,B&&Pe(B),(Zt=G.props&&G.props.onVnodeBeforeUpdate)&&ls(Zt,it,G,gt),Ss(m,!0);const St=fi(m),is=m.subTree;m.subTree=St,L(is,St,g(is.el),M(is),m,D,k),G.el=St.el,rt===null&&ed(m,St.el),F&&Ot(F,D),(Zt=G.props&&G.props.onVnodeUpdated)&&Ot(()=>ls(Zt,it,G,gt),D)}else{let G;const{el:B,props:F}=b,{bm:it,m:gt,parent:rt,root:Zt,type:St}=m,is=ve(b);Ss(m,!1),it&&Pe(it),!is&&(G=F&&F.onVnodeBeforeMount)&&ls(G,rt,b),Ss(m,!0);{Zt.ce&&Zt.ce._injectChildStyle(St);const ns=m.subTree=fi(m);L(null,ns,_,$,m,D,k),b.el=ns.el}if(gt&&Ot(gt,D),!is&&(G=F&&F.onVnodeMounted)){const ns=b;Ot(()=>ls(G,rt,ns),D)}(b.shapeFlag&256||rt&&ve(rt.vnode)&&rt.vnode.shapeFlag&256)&&m.a&&Ot(m.a,D),m.isMounted=!0,b=_=$=null}};m.scope.on();const z=m.effect=new an(P);m.scope.off();const N=m.update=z.run.bind(z),Y=m.job=z.runIfDirty.bind(z);Y.i=m,Y.id=m.uid,z.scheduler=()=>Ja(Y),Ss(m,!0),N()},ft=(m,b,_)=>{b.component=m;const $=m.vnode.props;m.vnode=b,m.next=null,Zl(m,b.props,$,_),Bl(m,b.children,_),Ns(),ni(m),Es()},nt=(m,b,_,$,D,k,S,P,z=!1)=>{const N=m&&m.children,Y=m?m.shapeFlag:0,G=b.children,{patchFlag:B,shapeFlag:F}=b;if(B>0){if(B&128){Ms(N,G,_,$,D,k,S,P,z);return}else if(B&256){ms(N,G,_,$,D,k,S,P,z);return}}F&8?(Y&16&&Yt(N,D,k),G!==N&&p(_,G)):Y&16?F&16?Ms(N,G,_,$,D,k,S,P,z):Yt(N,D,k,!0):(Y&8&&p(_,""),F&16&&ts(G,_,$,D,k,S,P,z))},ms=(m,b,_,$,D,k,S,P,z)=>{m=m||Fs,b=b||Fs;const N=m.length,Y=b.length,G=Math.min(N,Y);let B;for(B=0;B<G;B++){const F=b[B]=z?Ds(b[B]):rs(b[B]);L(m[B],F,_,null,D,k,S,P,z)}N>Y?Yt(m,D,k,!0,!1,G):ts(b,_,$,D,k,S,P,z,G)},Ms=(m,b,_,$,D,k,S,P,z)=>{let N=0;const Y=b.length;let G=m.length-1,B=Y-1;for(;N<=G&&N<=B;){const F=m[N],it=b[N]=z?Ds(b[N]):rs(b[N]);if(oe(F,it))L(F,it,_,null,D,k,S,P,z);else break;N++}for(;N<=G&&N<=B;){const F=m[G],it=b[B]=z?Ds(b[B]):rs(b[B]);if(oe(F,it))L(F,it,_,null,D,k,S,P,z);else break;G--,B--}if(N>G){if(N<=B){const F=B+1,it=F<Y?b[F].el:$;for(;N<=B;)L(null,b[N]=z?Ds(b[N]):rs(b[N]),_,it,D,k,S,P,z),N++}}else if(N>B)for(;N<=G;)Pt(m[N],D,k,!0),N++;else{const F=N,it=N,gt=new Map;for(N=it;N<=B;N++){const Lt=b[N]=z?Ds(b[N]):rs(b[N]);Lt.key!=null&&gt.set(Lt.key,N)}let rt,Zt=0;const St=B-it+1;let is=!1,ns=0;const ie=new Array(St);for(N=0;N<St;N++)ie[N]=0;for(N=F;N<=G;N++){const Lt=m[N];if(Zt>=St){Pt(Lt,D,k,!0);continue}let os;if(Lt.key!=null)os=gt.get(Lt.key);else for(rt=it;rt<=B;rt++)if(ie[rt-it]===0&&oe(Lt,b[rt])){os=rt;break}os===void 0?Pt(Lt,D,k,!0):(ie[os-it]=N+1,os>=ns?ns=os:is=!0,L(Lt,b[os],_,null,D,k,S,P,z),Zt++)}const qa=is?Jl(ie):Fs;for(rt=qa.length-1,N=St-1;N>=0;N--){const Lt=it+N,os=b[Lt],ti=Lt+1<Y?b[Lt+1].el:$;ie[N]===0?L(null,os,_,ti,D,k,S,P,z):is&&(rt<0||N!==qa[rt]?as(os,_,ti,2):rt--)}}},as=(m,b,_,$,D=null)=>{const{el:k,type:S,transition:P,children:z,shapeFlag:N}=m;if(N&6){as(m.component.subTree,b,_,$);return}if(N&128){m.suspense.move(b,_,$);return}if(N&64){S.move(m,b,_,O);return}if(S===Q){e(k,b,_);for(let G=0;G<z.length;G++)as(z[G],b,_,$);e(m.anchor,b,_);return}if(S===Te){w(m,b,_);return}if($!==2&&N&1&&P)if($===0)P.beforeEnter(k),e(k,b,_),Ot(()=>P.enter(k),D);else{const{leave:G,delayLeave:B,afterLeave:F}=P,it=()=>e(k,b,_),gt=()=>{G(k,()=>{it(),F&&F()})};B?B(k,it,gt):gt()}else e(k,b,_)},Pt=(m,b,_,$=!1,D=!1)=>{const{type:k,props:S,ref:P,children:z,dynamicChildren:N,shapeFlag:Y,patchFlag:G,dirs:B,cacheIndex:F}=m;if(G===-2&&(D=!1),P!=null&&Be(P,null,_,m,!0),F!=null&&(b.renderCache[F]=void 0),Y&256){b.ctx.deactivate(m);return}const it=Y&1&&B,gt=!ve(m);let rt;if(gt&&(rt=S&&S.onVnodeBeforeUnmount)&&ls(rt,b,m),Y&6)Ae(m.component,_,$);else{if(Y&128){m.suspense.unmount(_,$);return}it&&Ps(m,null,b,"beforeUnmount"),Y&64?m.type.remove(m,b,_,O,$):N&&!N.hasOnce&&(k!==Q||G>0&&G&64)?Yt(N,b,_,!1,!0):(k===Q&&G&384||!D&&Y&16)&&Yt(z,b,_),$&&Bs(m)}(gt&&(rt=S&&S.onVnodeUnmounted)||it)&&Ot(()=>{rt&&ls(rt,b,m),it&&Ps(m,null,b,"unmounted")},_)},Bs=m=>{const{type:b,el:_,anchor:$,transition:D}=m;if(b===Q){Ws(_,$);return}if(b===Te){A(m);return}const k=()=>{n(_),D&&!D.persisted&&D.afterLeave&&D.afterLeave()};if(m.shapeFlag&1&&D&&!D.persisted){const{leave:S,delayLeave:P}=D,z=()=>S(_,k);P?P(m.el,k,z):z()}else k()},Ws=(m,b)=>{let _;for(;m!==b;)_=v(m),n(m),m=_;n(b)},Ae=(m,b,_)=>{const{bum:$,scope:D,job:k,subTree:S,um:P,m:z,a:N}=m;vi(z),vi(N),$&&Pe($),D.stop(),k&&(k.flags|=8,Pt(S,m,b,_)),P&&Ot(P,b),Ot(()=>{m.isUnmounted=!0},b),b&&b.pendingBranch&&!b.isUnmounted&&m.asyncDep&&!m.asyncResolved&&m.suspenseId===b.pendingId&&(b.deps--,b.deps===0&&b.resolve())},Yt=(m,b,_,$=!1,D=!1,k=0)=>{for(let S=k;S<m.length;S++)Pt(m[S],b,_,$,D)},M=m=>{if(m.shapeFlag&6)return M(m.component.subTree);if(m.shapeFlag&128)return m.suspense.next();const b=v(m.anchor||m.el),_=b&&b[fl];return _?v(_):b};let Z=!1;const R=(m,b,_)=>{m==null?b._vnode&&Pt(b._vnode,null,null,!0):L(b._vnode||null,m,b,null,null,null,_),b._vnode=m,Z||(Z=!0,ni(),Mn(),Z=!1)},O={p:L,um:Pt,m:as,r:Bs,mt:ae,mc:ts,pc:nt,pbc:ss,n:M,o:s};return{render:R,hydrate:void 0,createApp:Tl(R)}}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 Ss({effect:s,job:a},i){i?(s.flags|=32,a.flags|=4):(s.flags&=-33,a.flags&=-5)}function Yl(s,a){return(!s||s&&!s.pendingBranch)&&a&&!a.persisted}function Jn(s,a,i=!1){const e=s.children,n=a.children;if(J(e)&&J(n))for(let l=0;l<e.length;l++){const c=e[l];let f=n[l];f.shapeFlag&1&&!f.dynamicChildren&&((f.patchFlag<=0||f.patchFlag===32)&&(f=n[l]=Ds(n[l]),f.el=c.el),!i&&f.patchFlag!==-2&&Jn(c,f)),f.type===oa&&(f.el=c.el)}}function Jl(s){const a=s.slice(),i=[0];let e,n,l,c,f;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;)f=l+c>>1,s[i[f]]<d?l=f+1:c=f;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 Fn(s){const a=s.subTree.component;if(a)return a.asyncDep&&!a.asyncResolved?a:Fn(a)}function vi(s){if(s)for(let a=0;a<s.length;a++)s[a].flags|=8}const Fl=Symbol.for("v-scx"),Ql=()=>_s(Fl);function Re(s,a,i){return Qn(s,a,i)}function Qn(s,a,i=bt){const{immediate:e,deep:n,flush:l,once:c}=i,f=At({},i),o=a&&e||!a&&l!=="post";let d;if(_e){if(l==="sync"){const h=Ql();d=h.__watcherHandles||(h.__watcherHandles=[])}else if(!o){const h=()=>{};return h.stop=us,h.resume=us,h.pause=us,h}}const p=Ct;f.call=(h,T,L)=>fs(h,p,T,L);let g=!1;l==="post"?f.scheduler=h=>{Ot(h,p&&p.suspense)}:l!=="sync"&&(g=!0,f.scheduler=(h,T)=>{T?h():Ja(h)}),f.augmentJob=h=>{a&&(h.flags|=4),g&&(h.flags|=2,p&&(h.id=p.uid,h.i=p))};const v=cl(s,a,f);return _e&&(d?d.push(v):o&&v()),v}function Ul(s,a,i){const e=this.proxy,n=$t(s)?s.includes(".")?Un(e,s):()=>e[s]:s.bind(e,e);let l;U(a)?l=a:(l=a.handler,i=a);const c=De(this),f=Qn(n,l.bind(e),i);return c(),f}function Un(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 Kl=(s,a)=>a==="modelValue"||a==="model-value"?s.modelModifiers:s[`${a}Modifiers`]||s[`${Ft(a)}Modifiers`]||s[`${Os(a)}Modifiers`];function Xl(s,a,...i){if(s.isUnmounted)return;const e=s.vnode.props||bt;let n=i;const l=a.startsWith("update:"),c=l&&Kl(e,a.slice(7));c&&(c.trim&&(n=i.map(p=>$t(p)?p.trim():p)),c.number&&(n=i.map(_a)));let f,o=e[f=ca(a)]||e[f=ca(Ft(a))];!o&&l&&(o=e[f=ca(Os(a))]),o&&fs(o,s,6,n);const d=e[f+"Once"];if(d){if(!s.emitted)s.emitted={};else if(s.emitted[f])return;s.emitted[f]=!0,fs(d,s,6,n)}}function Kn(s,a,i=!1){const e=a.emitsCache,n=e.get(s);if(n!==void 0)return n;const l=s.emits;let c={},f=!1;if(!U(s)){const o=d=>{const p=Kn(d,a,!0);p&&(f=!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&&!f?(yt(s)&&e.set(s,null),null):(J(l)?l.forEach(o=>c[o]=null):At(c,l),yt(s)&&e.set(s,c),c)}function na(s,a){return!s||!Qe(a)?!1:(a=a.slice(2).replace(/Once$/,""),dt(s,a[0].toLowerCase()+a.slice(1))||dt(s,Os(a))||dt(s,a))}function fi(s){const{type:a,vnode:i,proxy:e,withProxy:n,propsOptions:[l],slots:c,attrs:f,emit:o,render:d,renderCache:p,props:g,data:v,setupState:h,ctx:T,inheritAttrs:L}=s,K=He(s);let H,E;try{if(i.shapeFlag&4){const A=n||e,tt=A;H=rs(d.call(tt,A,p,g,h,v,T)),E=f}else{const A=a;H=rs(A.length>1?A(g,{attrs:f,slots:c,emit:o}):A(g,null)),E=a.props?f:ql(f)}}catch(A){pe.length=0,aa(A,s,1),H=r(Ls)}let w=H;if(E&&L!==!1){const A=Object.keys(E),{shapeFlag:tt}=w;A.length&&tt&7&&(l&&A.some(Ta)&&(E=td(E,l)),w=te(w,E,!1,!0))}return i.dirs&&(w=te(w,null,!1,!0),w.dirs=w.dirs?w.dirs.concat(i.dirs):i.dirs),i.transition&&Fa(w,i.transition),H=w,He(K),H}const ql=s=>{let a;for(const i in s)(i==="class"||i==="style"||Qe(i))&&((a||(a={}))[i]=s[i]);return a},td=(s,a)=>{const i={};for(const e in s)(!Ta(e)||!(e.slice(9)in a))&&(i[e]=s[e]);return i};function sd(s,a,i){const{props:e,children:n,component:l}=s,{props:c,children:f,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?pi(e,c,d):!!c;if(o&8){const p=a.dynamicProps;for(let g=0;g<p.length;g++){const v=p[g];if(c[v]!==e[v]&&!na(d,v))return!0}}}else return(n||f)&&(!f||!f.$stable)?!0:e===c?!1:e?c?pi(e,c,d):!0:!!c;return!1}function pi(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 ed({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 Xn=s=>s.__isSuspense;function ad(s,a){a&&a.pendingBranch?J(s)?a.effects.push(...s):a.effects.push(s):vl(s)}const Q=Symbol.for("v-fgt"),oa=Symbol.for("v-txt"),Ls=Symbol.for("v-cmt"),Te=Symbol.for("v-stc"),pe=[];let Vt=null;function x(s=!1){pe.push(Vt=s?null:[])}function id(){pe.pop(),Vt=pe[pe.length-1]||null}let ye=1;function mi(s,a=!1){ye+=s,s<0&&Vt&&a&&(Vt.hasOnce=!0)}function qn(s){return s.dynamicChildren=ye>0?Vt||Fs:null,id(),ye>0&&Vt&&Vt.push(s),s}function y(s,a,i,e,n,l){return qn(t(s,a,i,e,n,l,!0))}function to(s,a,i,e,n){return qn(r(s,a,i,e,n,!0))}function Ve(s){return s?s.__v_isVNode===!0:!1}function oe(s,a){return s.type===a.type&&s.key===a.key}const so=({key:s})=>s??null,Ge=({ref:s,ref_key:a,ref_for:i})=>(typeof s=="number"&&(s=""+s),s!=null?$t(s)||Dt(s)||U(s)?{i:Wt,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,f=!1){const o={__v_isVNode:!0,__v_skip:!0,type:s,props:a,key:a&&so(a),ref:a&&Ge(a),scopeId:Cn,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:Wt};return f?(Ua(o,i),l&128&&s.normalize(o)):i&&(o.shapeFlag|=$t(i)?8:16),ye>0&&!c&&Vt&&(o.patchFlag>0||l&6)&&o.patchFlag!==32&&Vt.push(o),o}const r=nd;function nd(s,a=null,i=null,e=0,n=null,l=!1){if((!s||s===Dl)&&(s=Ls),Ve(s)){const f=te(s,a,!0);return i&&Ua(f,i),ye>0&&!l&&Vt&&(f.shapeFlag&6?Vt[Vt.indexOf(s)]=f:Vt.push(f)),f.patchFlag=-2,f}if(hd(s)&&(s=s.__vccOpts),a){a=od(a);let{class:f,style:o}=a;f&&!$t(f)&&(a.class=et(f)),yt(o)&&(Ya(o)&&!J(o)&&(o=At({},o)),a.style=ke(o))}const c=$t(s)?1:Xn(s)?128:pl(s)?64:yt(s)?4:U(s)?2:0;return t(s,a,i,e,n,c,l,!0)}function od(s){return s?Ya(s)||Ln(s)?At({},s):s:null}function te(s,a,i=!1,e=!1){const{props:n,ref:l,patchFlag:c,children:f,transition:o}=s,d=a?dd(n||{},a):n,p={__v_isVNode:!0,__v_skip:!0,type:s.type,props:d,key:d&&so(d),ref:a&&a.ref?i&&l?J(l)?l.concat(Ge(a)):[l,Ge(a)]:Ge(a):l,scopeId:s.scopeId,slotScopeIds:s.slotScopeIds,children:f,target:s.target,targetStart:s.targetStart,targetAnchor:s.targetAnchor,staticCount:s.staticCount,shapeFlag:s.shapeFlag,patchFlag:a&&s.type!==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&&te(s.ssContent),ssFallback:s.ssFallback&&te(s.ssFallback),el:s.el,anchor:s.anchor,ctx:s.ctx,ce:s.ce};return o&&e&&Fa(p,o.clone(p)),p}function ld(s=" ",a=0){return r(oa,null,s,a)}function V(s,a){const i=r(Te,null,s);return i.staticCount=a,i}function j(s="",a=!1){return a?(x(),to(Ls,null,s)):r(Ls,null,s)}function rs(s){return s==null||typeof s=="boolean"?r(Ls):J(s)?r(Q,null,s.slice()):Ve(s)?Ds(s):r(oa,null,String(s))}function Ds(s){return s.el===null&&s.patchFlag!==-1||s.memo?s:te(s)}function Ua(s,a){let i=0;const{shapeFlag:e}=s;if(a==null)a=null;else if(J(a))i=16;else if(typeof a=="object")if(e&65){const n=a.default;n&&(n._c&&(n._d=!1),Ua(s,n()),n._c&&(n._d=!0));return}else{i=32;const n=a._;!n&&!Ln(a)?a._ctx=Wt:n===3&&Wt&&(Wt.slots._===1?a._=1:(a._=2,s.patchFlag|=1024))}else U(a)?(a={default:a,_ctx:Wt},i=32):(a=String(a),e&64?(i=16,a=[ld(a)]):i=8);s.children=a,s.shapeFlag|=i}function dd(...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=ke([a.style,e.style]);else if(Qe(n)){const l=a[n],c=e[n];c&&l!==c&&!(J(l)&&l.includes(c))&&(a[n]=l?[].concat(l,c):c)}else n!==""&&(a[n]=e[n])}return a}function ls(s,a,i,e=null){fs(s,a,7,[i,e])}const cd=Tn();let rd=0;function ud(s,a,i){const e=s.type,n=(a?a.appContext:s.appContext)||cd,l={uid:rd++,vnode:s,type:e,parent:a,appContext:n,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new Ro(!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:Hn(e,n),emitsOptions:Kn(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=Xl.bind(null,l),s.ce&&s.ce(l),l}let Ct=null,Ye,Na;{const s=qe(),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)}};Ye=a("__VUE_INSTANCE_SETTERS__",i=>Ct=i),Na=a("__VUE_SSR_SETTERS__",i=>_e=i)}const De=s=>{const a=Ct;return Ye(s),s.scope.on(),()=>{s.scope.off(),Ye(a)}},bi=()=>{Ct&&Ct.scope.off(),Ye(null)};function eo(s){return s.vnode.shapeFlag&4}let _e=!1;function vd(s,a=!1,i=!1){a&&Na(a);const{props:e,children:n}=s.vnode,l=eo(s);Gl(s,e,l,a),Hl(s,n,i);const c=l?fd(s,a):void 0;return a&&Na(!1),c}function fd(s,a){const i=s.type;s.accessCache=Object.create(null),s.proxy=new Proxy(s.ctx,jl);const{setup:e}=i;if(e){Ns();const n=s.setupContext=e.length>1?md(s):null,l=De(s),c=Ce(e,s,0,[s.props,n]),f=Qi(c);if(Es(),l(),(f||s.sp)&&!ve(s)&&jn(s),f){if(c.then(bi,bi),a)return c.then(o=>{hi(s,o)}).catch(o=>{aa(o,s,0)});s.asyncDep=c}else hi(s,c)}else ao(s)}function hi(s,a,i){U(a)?s.type.__ssrInlineRender?s.ssrRender=a:s.render=a:yt(a)&&(s.setupState=_n(a)),ao(s)}function ao(s,a,i){const e=s.type;s.render||(s.render=e.render||us);{const n=De(s);Ns();try{Nl(s)}finally{Es(),n()}}}const pd={get(s,a){return Mt(s,"get",""),s[a]}};function md(s){const a=i=>{s.exposed=i||{}};return{attrs:new Proxy(s.attrs,pd),slots:s.slots,emit:s.emit,expose:a}}function la(s){return s.exposed?s.exposeProxy||(s.exposeProxy=new Proxy(_n(el(s.exposed)),{get(a,i){if(i in a)return a[i];if(i in fe)return fe[i](s)},has(a,i){return i in a||i in fe}})):s.proxy}function bd(s,a=!0){return U(s)?s.displayName||s.name:s.name||a&&s.__name}function hd(s){return U(s)&&"__vccOpts"in s}const Bt=(s,a)=>ll(s,a,_e);function we(s,a,i){const e=arguments.length;return e===2?yt(a)&&!J(a)?Ve(a)?r(s,null,[a]):r(s,a):r(s,null,a):(e>3?i=Array.prototype.slice.call(arguments,2):e===3&&Ve(i)&&(i=[i]),r(s,a,i))}const gd="3.5.13";/**
* @vue/runtime-dom v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/let Ea;const gi=typeof window<"u"&&window.trustedTypes;if(gi)try{Ea=gi.createPolicy("vue",{createHTML:s=>s})}catch{}const io=Ea?s=>Ea.createHTML(s):s=>s,xd="http://www.w3.org/2000/svg",yd="http://www.w3.org/1998/Math/MathML",gs=typeof document<"u"?document:null,xi=gs&&gs.createElement("template"),_d={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"?gs.createElementNS(xd,s):a==="mathml"?gs.createElementNS(yd,s):i?gs.createElement(s,{is:i}):gs.createElement(s);return s==="select"&&e&&e.multiple!=null&&n.setAttribute("multiple",e.multiple),n},createText:s=>gs.createTextNode(s),createComment:s=>gs.createComment(s),setText:(s,a)=>{s.nodeValue=a},setElementText:(s,a)=>{s.textContent=a},parentNode:s=>s.parentNode,nextSibling:s=>s.nextSibling,querySelector:s=>gs.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{xi.innerHTML=io(e==="svg"?`<svg>${s}</svg>`:e==="mathml"?`<math>${s}</math>`:s);const f=xi.content;if(e==="svg"||e==="mathml"){const o=f.firstChild;for(;o.firstChild;)f.appendChild(o.firstChild);f.removeChild(o)}a.insertBefore(f,i)}return[c?c.nextSibling:a.firstChild,i?i.previousSibling:a.lastChild]}},wd=Symbol("_vtc");function $d(s,a,i){const e=s[wd];e&&(a=(a?[a,...e]:[...e]).join(" ")),a==null?s.removeAttribute("class"):i?s.setAttribute("class",a):s.className=a}const yi=Symbol("_vod"),Id=Symbol("_vsh"),Md=Symbol(""),kd=/(^|;)\s*display\s*:/;function Cd(s,a,i){const e=s.style,n=$t(i);let l=!1;if(i&&!n){if(a)if($t(a))for(const c of a.split(";")){const f=c.slice(0,c.indexOf(":")).trim();i[f]==null&&Ze(e,f,"")}else for(const c in a)i[c]==null&&Ze(e,c,"");for(const c in i)c==="display"&&(l=!0),Ze(e,c,i[c])}else if(n){if(a!==i){const c=e[Md];c&&(i+=";"+c),e.cssText=i,l=kd.test(i)}}else a&&s.removeAttribute("style");yi in s&&(s[yi]=l?e.display:"",s[Id]&&(e.display="none"))}const _i=/\s*!important$/;function Ze(s,a,i){if(J(i))i.forEach(e=>Ze(s,a,e));else if(i==null&&(i=""),a.startsWith("--"))s.setProperty(a,i);else{const e=Dd(s,a);_i.test(i)?s.setProperty(Os(e),i.replace(_i,""),"important"):s[e]=i}}const wi=["Webkit","Moz","ms"],ba={};function Dd(s,a){const i=ba[a];if(i)return i;let e=Ft(a);if(e!=="filter"&&e in s)return ba[a]=e;e=Xe(e);for(let n=0;n<wi.length;n++){const l=wi[n]+e;if(l in s)return ba[a]=l}return a}const $i="http://www.w3.org/1999/xlink";function Ii(s,a,i,e,n,l=Po(a)){e&&a.startsWith("xlink:")?i==null?s.removeAttributeNS($i,a.slice(6,a.length)):s.setAttributeNS($i,a,i):i==null||l&&!qi(i)?s.removeAttribute(a):s.setAttribute(a,l?"":vs(i)?String(i):i)}function Mi(s,a,i,e,n){if(a==="innerHTML"||a==="textContent"){i!=null&&(s[a]=a==="innerHTML"?io(i):i);return}const l=s.tagName;if(a==="value"&&l!=="PROGRESS"&&!l.includes("-")){const f=l==="OPTION"?s.getAttribute("value")||"":s.value,o=i==null?s.type==="checkbox"?"on":"":String(i);(f!==o||!("_value"in s))&&(s.value=o),i==null&&s.removeAttribute(a),s._value=i;return}let c=!1;if(i===""||i==null){const f=typeof s[a];f==="boolean"?i=qi(i):i==null&&f==="string"?(i="",c=!0):f==="number"&&(i=0,c=!0)}try{s[a]=i}catch{}c&&s.removeAttribute(n||a)}function Ts(s,a,i,e){s.addEventListener(a,i,e)}function Ad(s,a,i,e){s.removeEventListener(a,i,e)}const ki=Symbol("_vei");function jd(s,a,i,e,n=null){const l=s[ki]||(s[ki]={}),c=l[a];if(e&&c)c.value=e;else{const[f,o]=Nd(a);if(e){const d=l[a]=Pd(e,n);Ts(s,f,d,o)}else c&&(Ad(s,f,c,o),l[a]=void 0)}}const Ci=/(?:Once|Passive|Capture)$/;function Nd(s){let a;if(Ci.test(s)){a={};let e;for(;e=s.match(Ci);)s=s.slice(0,s.length-e[0].length),a[e[0].toLowerCase()]=!0}return[s[2]===":"?s.slice(3):Os(s.slice(2)),a]}let ha=0;const Ed=Promise.resolve(),zd=()=>ha||(Ed.then(()=>ha=0),ha=Date.now());function Pd(s,a){const i=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=i.attached)return;fs(Sd(e,i.value),a,5,[e])};return i.value=s,i.attached=zd(),i}function Sd(s,a){if(J(a)){const i=s.stopImmediatePropagation;return s.stopImmediatePropagation=()=>{i.call(s),s._stopped=!0},a.map(e=>n=>!n._stopped&&e&&e(n))}else return a}const Di=s=>s.charCodeAt(0)===111&&s.charCodeAt(1)===110&&s.charCodeAt(2)>96&&s.charCodeAt(2)<123,Rd=(s,a,i,e,n,l)=>{const c=n==="svg";a==="class"?$d(s,e,c):a==="style"?Cd(s,i,e):Qe(a)?Ta(a)||jd(s,a,i,e,l):(a[0]==="."?(a=a.slice(1),!0):a[0]==="^"?(a=a.slice(1),!1):Td(s,a,e,c))?(Mi(s,a,e),!s.tagName.includes("-")&&(a==="value"||a==="checked"||a==="selected")&&Ii(s,a,e,c,l,a!=="value")):s._isVueCE&&(/[A-Z]/.test(a)||!$t(e))?Mi(s,Ft(a),e,l,a):(a==="true-value"?s._trueValue=e:a==="false-value"&&(s._falseValue=e),Ii(s,a,e,c))};function Td(s,a,i,e){if(e)return!!(a==="innerHTML"||a==="textContent"||a in s&&Di(a)&&U(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 Di(a)&&$t(i)?!1:a in s}const Je=s=>{const a=s.props["onUpdate:modelValue"]||!1;return J(a)?i=>Pe(a,i):a};function Gd(s){s.target.composing=!0}function Ai(s){const a=s.target;a.composing&&(a.composing=!1,a.dispatchEvent(new Event("input")))}const qs=Symbol("_assign"),ds={created(s,{modifiers:{lazy:a,trim:i,number:e}},n){s[qs]=Je(n);const l=e||n.props&&n.props.type==="number";Ts(s,a?"change":"input",c=>{if(c.target.composing)return;let f=s.value;i&&(f=f.trim()),l&&(f=_a(f)),s[qs](f)}),i&&Ts(s,"change",()=>{s.value=s.value.trim()}),a||(Ts(s,"compositionstart",Gd),Ts(s,"compositionend",Ai),Ts(s,"change",Ai))},mounted(s,{value:a}){s.value=a??""},beforeUpdate(s,{value:a,oldValue:i,modifiers:{lazy:e,trim:n,number:l}},c){if(s[qs]=Je(c),s.composing)return;const f=(l||s.type==="number")&&!/^0\d/.test(s.value)?_a(s.value):s.value,o=a??"";f!==o&&(document.activeElement===s&&s.type!=="range"&&(e&&a===i||n&&s.value.trim()===o)||(s.value=o))}},Fe={deep:!0,created(s,a,i){s[qs]=Je(i),Ts(s,"change",()=>{const e=s._modelValue,n=Zd(s),l=s.checked,c=s[qs];if(J(e)){const f=tn(e,n),o=f!==-1;if(l&&!o)c(e.concat(n));else if(!l&&o){const d=[...e];d.splice(f,1),c(d)}}else if(Ue(e)){const f=new Set(e);l?f.add(n):f.delete(n),c(f)}else c(no(s,l))})},mounted:ji,beforeUpdate(s,a,i){s[qs]=Je(i),ji(s,a,i)}};function ji(s,{value:a,oldValue:i},e){s._modelValue=a;let n;if(J(a))n=tn(a,e.props.value)>-1;else if(Ue(a))n=a.has(e.props.value);else{if(a===i)return;n=ta(a,no(s,!0))}s.checked!==n&&(s.checked=n)}function Zd(s){return"_value"in s?s._value:s.value}function no(s,a){const i=a?"_trueValue":"_falseValue";return i in s?s[i]:a}const Ld=["ctrl","shift","alt","meta"],Od={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)=>Ld.some(i=>s[`${i}Key`]&&!a.includes(i))},Hd=(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 f=Od[a[c]];if(f&&f(n,a))return}return s(n,...l)})},Bd=At({patchProp:Rd},_d);let Ni;function Wd(){return Ni||(Ni=Wl(Bd))}const Vd=(...s)=>{const a=Wd().createApp(...s),{mount:i}=a;return a.mount=e=>{const n=Jd(e);if(!n)return;const l=a._component;!U(l)&&!l.render&&!l.template&&(l.template=n.innerHTML),n.nodeType===1&&(n.textContent="");const c=i(n,!1,Yd(n));return n instanceof Element&&(n.removeAttribute("v-cloak"),n.setAttribute("data-v-app","")),c},a};function Yd(s){if(s instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&s instanceof MathMLElement)return"mathml"}function Jd(s){return $t(s)?document.querySelector(s):s}const pt=(s,a)=>{const i=s.__vccOpts||s;for(const[e,n]of a)i[e]=n;return i},Fd={};function Qd(s,a){const i=Pn("router-view");return x(),to(i)}const Ud=pt(Fd,[["render",Qd]]);/*!
  * vue-router v4.5.0
  * (c) 2024 Eduardo San Martin Morote
  * @license MIT
  */const Js=typeof document<"u";function oo(s){return typeof s=="object"||"displayName"in s||"props"in s||"__vccOpts"in s}function Kd(s){return s.__esModule||s[Symbol.toStringTag]==="Module"||s.default&&oo(s.default)}const ot=Object.assign;function ga(s,a){const i={};for(const e in a){const n=a[e];i[e]=Ut(n)?n.map(s):s(n)}return i}const me=()=>{},Ut=Array.isArray,lo=/#/g,Xd=/&/g,qd=/\//g,tc=/=/g,sc=/\?/g,co=/\+/g,ec=/%5B/g,ac=/%5D/g,ro=/%5E/g,ic=/%60/g,uo=/%7B/g,nc=/%7C/g,vo=/%7D/g,oc=/%20/g;function Ka(s){return encodeURI(""+s).replace(nc,"|").replace(ec,"[").replace(ac,"]")}function lc(s){return Ka(s).replace(uo,"{").replace(vo,"}").replace(ro,"^")}function za(s){return Ka(s).replace(co,"%2B").replace(oc,"+").replace(lo,"%23").replace(Xd,"%26").replace(ic,"`").replace(uo,"{").replace(vo,"}").replace(ro,"^")}function dc(s){return za(s).replace(tc,"%3D")}function cc(s){return Ka(s).replace(lo,"%23").replace(sc,"%3F")}function rc(s){return s==null?"":cc(s).replace(qd,"%2F")}function $e(s){try{return decodeURIComponent(""+s)}catch{}return""+s}const uc=/\/$/,vc=s=>s.replace(uc,"");function xa(s,a,i="/"){let e,n={},l="",c="";const f=a.indexOf("#");let o=a.indexOf("?");return f<o&&f>=0&&(o=-1),o>-1&&(e=a.slice(0,o),l=a.slice(o+1,f>-1?f:a.length),n=s(l)),f>-1&&(e=e||a.slice(0,f),c=a.slice(f,a.length)),e=bc(e??a,i),{fullPath:e+(l&&"?")+l+c,path:e,query:n,hash:$e(c)}}function fc(s,a){const i=a.query?s(a.query):"";return a.path+(i&&"?")+i+(a.hash||"")}function Ei(s,a){return!a||!s.toLowerCase().startsWith(a.toLowerCase())?s:s.slice(a.length)||"/"}function pc(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])&&fo(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 fo(s,a){if(Object.keys(s).length!==Object.keys(a).length)return!1;for(const i in s)if(!mc(s[i],a[i]))return!1;return!0}function mc(s,a){return Ut(s)?zi(s,a):Ut(a)?zi(a,s):s===a}function zi(s,a){return Ut(a)?s.length===a.length&&s.every((i,e)=>i===a[e]):s.length===1&&s[0]===a}function bc(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,f;for(c=0;c<e.length;c++)if(f=e[c],f!==".")if(f==="..")l>1&&l--;else break;return i.slice(0,l).join("/")+"/"+e.slice(c).join("/")}const ks={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0};var Ie;(function(s){s.pop="pop",s.push="push"})(Ie||(Ie={}));var be;(function(s){s.back="back",s.forward="forward",s.unknown=""})(be||(be={}));function hc(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),vc(s)}const gc=/^[^#]+#/;function xc(s,a){return s.replace(gc,"#")+a}function yc(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 _c(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=yc(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 Pi(s,a){return(history.state?history.state.position-a:-1)+s}const Pa=new Map;function wc(s,a){Pa.set(s,a)}function $c(s){const a=Pa.get(s);return Pa.delete(s),a}let Ic=()=>location.protocol+"//"+location.host;function po(s,a){const{pathname:i,search:e,hash:n}=a,l=s.indexOf("#");if(l>-1){let f=n.includes(s.slice(l))?s.slice(l).length:1,o=n.slice(f);return o[0]!=="/"&&(o="/"+o),Ei(o,"")}return Ei(i,s)+e+n}function Mc(s,a,i,e){let n=[],l=[],c=null;const f=({state:v})=>{const h=po(s,location),T=i.value,L=a.value;let K=0;if(v){if(i.value=h,a.value=v,c&&c===T){c=null;return}K=L?v.position-L.position:0}else e(h);n.forEach(H=>{H(i.value,T,{delta:K,type:Ie.pop,direction:K?K>0?be.forward:be.back:be.unknown})})};function o(){c=i.value}function d(v){n.push(v);const h=()=>{const T=n.indexOf(v);T>-1&&n.splice(T,1)};return l.push(h),h}function p(){const{history:v}=window;v.state&&v.replaceState(ot({},v.state,{scroll:da()}),"")}function g(){for(const v of l)v();l=[],window.removeEventListener("popstate",f),window.removeEventListener("beforeunload",p)}return window.addEventListener("popstate",f),window.addEventListener("beforeunload",p,{passive:!0}),{pauseListeners:o,listen:d,destroy:g}}function Si(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 kc(s){const{history:a,location:i}=window,e={value:po(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("#"),v=g>-1?(i.host&&document.querySelector("base")?s:s.slice(g))+o:Ic()+s+o;try{a[p?"replaceState":"pushState"](d,"",v),n.value=d}catch(h){console.error(h),i[p?"replace":"assign"](v)}}function c(o,d){const p=ot({},a.state,Si(n.value.back,o,n.value.forward,!0),d,{position:n.value.position});l(o,p,!0),e.value=o}function f(o,d){const p=ot({},n.value,a.state,{forward:o,scroll:da()});l(p.current,p,!0);const g=ot({},Si(e.value,o,null),{position:p.position+1},d);l(o,g,!1),e.value=o}return{location:e,state:n,push:f,replace:c}}function Cc(s){s=hc(s);const a=kc(s),i=Mc(s,a.state,a.location,a.replace);function e(l,c=!0){c||i.pauseListeners(),history.go(l)}const n=ot({location:"",base:s,go:e,createHref:xc.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 Dc(s){return s=location.host?s||location.pathname+location.search:"",s.includes("#")||(s+="#"),Cc(s)}function Ac(s){return typeof s=="string"||s&&typeof s=="object"}function mo(s){return typeof s=="string"||typeof s=="symbol"}const bo=Symbol("");var Ri;(function(s){s[s.aborted=4]="aborted",s[s.cancelled=8]="cancelled",s[s.duplicated=16]="duplicated"})(Ri||(Ri={}));function ee(s,a){return ot(new Error,{type:s,[bo]:!0},a)}function hs(s,a){return s instanceof Error&&bo in s&&(a==null||!!(s.type&a))}const Ti="[^/]+?",jc={sensitive:!1,strict:!1,start:!0,end:!0},Nc=/[.+*?^${}()[\]/\\]/g;function Ec(s,a){const i=ot({},jc,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 v=d[g];let h=40+(i.sensitive?.25:0);if(v.type===0)g||(n+="/"),n+=v.value.replace(Nc,"\\$&"),h+=40;else if(v.type===1){const{value:T,repeatable:L,optional:K,regexp:H}=v;l.push({name:T,repeatable:L,optional:K});const E=H||Ti;if(E!==Ti){h+=10;try{new RegExp(`(${E})`)}catch(A){throw new Error(`Invalid custom RegExp for param "${T}" (${E}): `+A.message)}}let w=L?`((?:${E})(?:/(?:${E}))*)`:`(${E})`;g||(w=K&&d.length<2?`(?:/${w})`:"/"+w),K&&(w+="?"),n+=w,h+=20,K&&(h+=-8),L&&(h+=-20),E===".*"&&(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 f(d){const p=d.match(c),g={};if(!p)return null;for(let v=1;v<p.length;v++){const h=p[v]||"",T=l[v-1];g[T.name]=h&&T.repeatable?h.split("/"):h}return g}function o(d){let p="",g=!1;for(const v of s){(!g||!p.endsWith("/"))&&(p+="/"),g=!1;for(const h of v)if(h.type===0)p+=h.value;else if(h.type===1){const{value:T,repeatable:L,optional:K}=h,H=T in d?d[T]:"";if(Ut(H)&&!L)throw new Error(`Provided param "${T}" is an array but it is not repeatable (* or + modifiers)`);const E=Ut(H)?H.join("/"):H;if(!E)if(K)v.length<2&&(p.endsWith("/")?p=p.slice(0,-1):g=!0);else throw new Error(`Missing required param "${T}"`);p+=E}}return p||"/"}return{re:c,score:e,keys:l,parse:f,stringify:o}}function zc(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 ho(s,a){let i=0;const e=s.score,n=a.score;for(;i<e.length&&i<n.length;){const l=zc(e[i],n[i]);if(l)return l;i++}if(Math.abs(n.length-e.length)===1){if(Gi(e))return 1;if(Gi(n))return-1}return n.length-e.length}function Gi(s){const a=s[s.length-1];return s.length>0&&a[a.length-1]<0}const Pc={type:0,value:""},Sc=/[a-zA-Z0-9_]/;function Rc(s){if(!s)return[[]];if(s==="/")return[[Pc]];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 f=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 v(){d+=o}for(;f<s.length;){if(o=s[f++],o==="\\"&&i!==2){e=i,i=4;continue}switch(i){case 0:o==="/"?(d&&g(),c()):o===":"?(g(),i=1):v();break;case 4:v(),i=e;break;case 1:o==="("?i=2:Sc.test(o)?v():(g(),i=0,o!=="*"&&o!=="?"&&o!=="+"&&f--);break;case 2:o===")"?p[p.length-1]=="\\"?p=p.slice(0,-1)+o:i=3:p+=o;break;case 3:g(),i=0,o!=="*"&&o!=="?"&&o!=="+"&&f--,p="";break;default:a("Unknown state");break}}return i===2&&a(`Unfinished custom RegExp for param "${d}"`),g(),c(),n}function Tc(s,a,i){const e=Ec(Rc(s.path),i),n=ot(e,{record:s,parent:a,children:[],alias:[]});return a&&!n.record.aliasOf==!a.record.aliasOf&&a.children.push(n),n}function Gc(s,a){const i=[],e=new Map;a=Hi({strict:!1,end:!0,sensitive:!1},a);function n(g){return e.get(g)}function l(g,v,h){const T=!h,L=Li(g);L.aliasOf=h&&h.record;const K=Hi(a,g),H=[L];if("alias"in g){const A=typeof g.alias=="string"?[g.alias]:g.alias;for(const tt of A)H.push(Li(ot({},L,{components:h?h.record.components:L.components,path:tt,aliasOf:h?h.record:L})))}let E,w;for(const A of H){const{path:tt}=A;if(v&&tt[0]!=="/"){const wt=v.record.path,ht=wt[wt.length-1]==="/"?"":"/";A.path=v.record.path+(tt&&ht+tt)}if(E=Tc(A,v,K),h?h.alias.push(E):(w=w||E,w!==E&&w.alias.push(E),T&&g.name&&!Oi(E)&&c(g.name)),go(E)&&o(E),L.children){const wt=L.children;for(let ht=0;ht<wt.length;ht++)l(wt[ht],E,h&&h.children[ht])}h=h||E}return w?()=>{c(w)}:me}function c(g){if(mo(g)){const v=e.get(g);v&&(e.delete(g),i.splice(i.indexOf(v),1),v.children.forEach(c),v.alias.forEach(c))}else{const v=i.indexOf(g);v>-1&&(i.splice(v,1),g.record.name&&e.delete(g.record.name),g.children.forEach(c),g.alias.forEach(c))}}function f(){return i}function o(g){const v=Oc(g,i);i.splice(v,0,g),g.record.name&&!Oi(g)&&e.set(g.record.name,g)}function d(g,v){let h,T={},L,K;if("name"in g&&g.name){if(h=e.get(g.name),!h)throw ee(1,{location:g});K=h.record.name,T=ot(Zi(v.params,h.keys.filter(w=>!w.optional).concat(h.parent?h.parent.keys.filter(w=>w.optional):[]).map(w=>w.name)),g.params&&Zi(g.params,h.keys.map(w=>w.name))),L=h.stringify(T)}else if(g.path!=null)L=g.path,h=i.find(w=>w.re.test(L)),h&&(T=h.parse(L),K=h.record.name);else{if(h=v.name?e.get(v.name):i.find(w=>w.re.test(v.path)),!h)throw ee(1,{location:g,currentLocation:v});K=h.record.name,T=ot({},v.params,g.params),L=h.stringify(T)}const H=[];let E=h;for(;E;)H.unshift(E.record),E=E.parent;return{name:K,path:L,params:T,matched:H,meta:Lc(H)}}s.forEach(g=>l(g));function p(){i.length=0,e.clear()}return{addRoute:l,resolve:d,removeRoute:c,clearRoutes:p,getRoutes:f,getRecordMatcher:n}}function Zi(s,a){const i={};for(const e of a)e in s&&(i[e]=s[e]);return i}function Li(s){const a={path:s.path,redirect:s.redirect,name:s.name,meta:s.meta||{},aliasOf:s.aliasOf,beforeEnter:s.beforeEnter,props:Zc(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 Zc(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 Oi(s){for(;s;){if(s.record.aliasOf)return!0;s=s.parent}return!1}function Lc(s){return s.reduce((a,i)=>ot(a,i.meta),{})}function Hi(s,a){const i={};for(const e in s)i[e]=e in a?a[e]:s[e];return i}function Oc(s,a){let i=0,e=a.length;for(;i!==e;){const l=i+e>>1;ho(s,a[l])<0?e=l:i=l+1}const n=Hc(s);return n&&(e=a.lastIndexOf(n,e-1)),e}function Hc(s){let a=s;for(;a=a.parent;)if(go(a)&&ho(s,a)===0)return a}function go({record:s}){return!!(s.name||s.components&&Object.keys(s.components).length||s.redirect)}function Bc(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(co," "),c=l.indexOf("="),f=$e(c<0?l:l.slice(0,c)),o=c<0?null:$e(l.slice(c+1));if(f in a){let d=a[f];Ut(d)||(d=a[f]=[d]),d.push(o)}else a[f]=o}return a}function Bi(s){let a="";for(let i in s){const e=s[i];if(i=dc(i),e==null){e!==void 0&&(a+=(a.length?"&":"")+i);continue}(Ut(e)?e.map(l=>l&&za(l)):[e&&za(e)]).forEach(l=>{l!==void 0&&(a+=(a.length?"&":"")+i,l!=null&&(a+="="+l))})}return a}function Wc(s){const a={};for(const i in s){const e=s[i];e!==void 0&&(a[i]=Ut(e)?e.map(n=>n==null?null:""+n):e==null?e:""+e)}return a}const Vc=Symbol(""),Wi=Symbol(""),Xa=Symbol(""),xo=Symbol(""),Sa=Symbol("");function le(){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 As(s,a,i,e,n,l=c=>c()){const c=e&&(e.enterCallbacks[n]=e.enterCallbacks[n]||[]);return()=>new Promise((f,o)=>{const d=v=>{v===!1?o(ee(4,{from:i,to:a})):v instanceof Error?o(v):Ac(v)?o(ee(2,{from:a,to:v})):(c&&e.enterCallbacks[n]===c&&typeof v=="function"&&c.push(v),f())},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(v=>o(v))})}function ya(s,a,i,e,n=l=>l()){const l=[];for(const c of s)for(const f in c.components){let o=c.components[f];if(!(a!=="beforeRouteEnter"&&!c.instances[f]))if(oo(o)){const p=(o.__vccOpts||o)[a];p&&l.push(As(p,i,e,c,f,n))}else{let d=o();l.push(()=>d.then(p=>{if(!p)throw new Error(`Couldn't resolve component "${f}" at "${c.path}"`);const g=Kd(p)?p.default:p;c.mods[f]=p,c.components[f]=g;const h=(g.__vccOpts||g)[a];return h&&As(h,i,e,c,f,n)()}))}}return l}function Vi(s){const a=_s(Xa),i=_s(xo),e=Bt(()=>{const o=u(s.to);return a.resolve(o)}),n=Bt(()=>{const{matched:o}=e.value,{length:d}=o,p=o[d-1],g=i.matched;if(!p||!g.length)return-1;const v=g.findIndex(se.bind(null,p));if(v>-1)return v;const h=Yi(o[d-2]);return d>1&&Yi(p)===h&&g[g.length-1].path!==h?g.findIndex(se.bind(null,o[d-2])):v}),l=Bt(()=>n.value>-1&&Uc(i.params,e.value.params)),c=Bt(()=>n.value>-1&&n.value===i.matched.length-1&&fo(i.params,e.value.params));function f(o={}){if(Qc(o)){const d=a[u(s.replace)?"replace":"push"](u(s.to)).catch(me);return s.viewTransition&&typeof document<"u"&&"startViewTransition"in document&&document.startViewTransition(()=>d),d}return Promise.resolve()}return{route:e,href:Bt(()=>e.value.href),isActive:l,isExactActive:c,navigate:f}}function Yc(s){return s.length===1?s[0]:s}const Jc=An({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:Vi,setup(s,{slots:a}){const i=ea(Vi(s)),{options:e}=_s(Xa),n=Bt(()=>({[Ji(s.activeClass,e.linkActiveClass,"router-link-active")]:i.isActive,[Ji(s.exactActiveClass,e.linkExactActiveClass,"router-link-exact-active")]:i.isExactActive}));return()=>{const l=a.default&&Yc(a.default(i));return s.custom?l:we("a",{"aria-current":i.isExactActive?s.ariaCurrentValue:null,href:i.href,onClick:i.navigate,class:n.value},l)}}}),Fc=Jc;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 Uc(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(!Ut(n)||n.length!==e.length||e.some((l,c)=>l!==n[c]))return!1}return!0}function Yi(s){return s?s.aliasOf?s.aliasOf.path:s.path:""}const Ji=(s,a,i)=>s??a??i,Kc=An({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=Bt(()=>s.route||e.value),l=_s(Wi,0),c=Bt(()=>{let d=u(l);const{matched:p}=n.value;let g;for(;(g=p[d])&&!g.components;)d++;return d}),f=Bt(()=>n.value.matched[c.value]);Se(Wi,Bt(()=>c.value+1)),Se(Vc,f),Se(Sa,n);const o=C();return Re(()=>[o.value,f.value,s.name],([d,p,g],[v,h,T])=>{p&&(p.instances[g]=d,h&&h!==p&&d&&d===v&&(p.leaveGuards.size||(p.leaveGuards=h.leaveGuards),p.updateGuards.size||(p.updateGuards=h.updateGuards))),d&&p&&(!h||!se(p,h)||!v)&&(p.enterCallbacks[g]||[]).forEach(L=>L(d))},{flush:"post"}),()=>{const d=n.value,p=s.name,g=f.value,v=g&&g.components[p];if(!v)return Fi(i.default,{Component:v,route:d});const h=g.props[p],T=h?h===!0?d.params:typeof h=="function"?h(d):h:null,K=we(v,ot({},T,a,{onVnodeUnmounted:H=>{H.component.isUnmounted&&(g.instances[p]=null)},ref:o}));return Fi(i.default,{Component:K,route:d})||K}}});function Fi(s,a){if(!s)return null;const i=s(a);return i.length===1?i[0]:i}const Xc=Kc;function qc(s){const a=Gc(s.routes,s),i=s.parseQuery||Bc,e=s.stringifyQuery||Bi,n=s.history,l=le(),c=le(),f=le(),o=al(ks);let d=ks;Js&&s.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const p=ga.bind(null,M=>""+M),g=ga.bind(null,rc),v=ga.bind(null,$e);function h(M,Z){let R,O;return mo(M)?(R=a.getRecordMatcher(M),O=Z):O=M,a.addRoute(O,R)}function T(M){const Z=a.getRecordMatcher(M);Z&&a.removeRoute(Z)}function L(){return a.getRoutes().map(M=>M.record)}function K(M){return!!a.getRecordMatcher(M)}function H(M,Z){if(Z=ot({},Z||o.value),typeof M=="string"){const _=xa(i,M,Z.path),$=a.resolve({path:_.path},Z),D=n.createHref(_.fullPath);return ot(_,$,{params:v($.params),hash:$e(_.hash),redirectedFrom:void 0,href:D})}let R;if(M.path!=null)R=ot({},M,{path:xa(i,M.path,Z.path).path});else{const _=ot({},M.params);for(const $ in _)_[$]==null&&delete _[$];R=ot({},M,{params:g(_)}),Z.params=g(Z.params)}const O=a.resolve(R,Z),mt=M.hash||"";O.params=p(v(O.params));const m=fc(e,ot({},M,{hash:lc(mt),path:O.path})),b=n.createHref(m);return ot({fullPath:m,hash:mt,query:e===Bi?Wc(M.query):M.query||{}},O,{redirectedFrom:void 0,href:b})}function E(M){return typeof M=="string"?xa(i,M,o.value.path):ot({},M)}function w(M,Z){if(d!==M)return ee(8,{from:Z,to:M})}function A(M){return ht(M)}function tt(M){return A(ot(E(M),{replace:!0}))}function wt(M){const Z=M.matched[M.matched.length-1];if(Z&&Z.redirect){const{redirect:R}=Z;let O=typeof R=="function"?R(M):R;return typeof O=="string"&&(O=O.includes("?")||O.includes("#")?O=E(O):{path:O},O.params={}),ot({query:M.query,hash:M.hash,params:O.path!=null?{}:M.params},O)}}function ht(M,Z){const R=d=H(M),O=o.value,mt=M.state,m=M.force,b=M.replace===!0,_=wt(R);if(_)return ht(ot(E(_),{state:typeof _=="object"?ot({},mt,_.state):mt,force:m,replace:b}),Z||R);const $=R;$.redirectedFrom=Z;let D;return!m&&pc(e,O,R)&&(D=ee(16,{to:$,from:O}),as(O,O,!0,!1)),(D?Promise.resolve(D):ss($,O)).catch(k=>hs(k)?hs(k,2)?k:Ms(k):nt(k,$,O)).then(k=>{if(k){if(hs(k,2))return ht(ot({replace:b},E(k.to),{state:typeof k.to=="object"?ot({},mt,k.to.state):mt,force:m}),Z||$)}else k=zs($,O,!0,b,mt);return Is($,O,k),k})}function ts(M,Z){const R=w(M,Z);return R?Promise.reject(R):Promise.resolve()}function $s(M){const Z=Ws.values().next().value;return Z&&typeof Z.runWithContext=="function"?Z.runWithContext(M):M()}function ss(M,Z){let R;const[O,mt,m]=tr(M,Z);R=ya(O.reverse(),"beforeRouteLeave",M,Z);for(const _ of O)_.leaveGuards.forEach($=>{R.push(As($,M,Z))});const b=ts.bind(null,M,Z);return R.push(b),Yt(R).then(()=>{R=[];for(const _ of l.list())R.push(As(_,M,Z));return R.push(b),Yt(R)}).then(()=>{R=ya(mt,"beforeRouteUpdate",M,Z);for(const _ of mt)_.updateGuards.forEach($=>{R.push(As($,M,Z))});return R.push(b),Yt(R)}).then(()=>{R=[];for(const _ of m)if(_.beforeEnter)if(Ut(_.beforeEnter))for(const $ of _.beforeEnter)R.push(As($,M,Z));else R.push(As(_.beforeEnter,M,Z));return R.push(b),Yt(R)}).then(()=>(M.matched.forEach(_=>_.enterCallbacks={}),R=ya(m,"beforeRouteEnter",M,Z,$s),R.push(b),Yt(R))).then(()=>{R=[];for(const _ of c.list())R.push(As(_,M,Z));return R.push(b),Yt(R)}).catch(_=>hs(_,8)?_:Promise.reject(_))}function Is(M,Z,R){f.list().forEach(O=>$s(()=>O(M,Z,R)))}function zs(M,Z,R,O,mt){const m=w(M,Z);if(m)return m;const b=Z===ks,_=Js?history.state:{};R&&(O||b?n.replace(M.fullPath,ot({scroll:b&&_&&_.scroll},mt)):n.push(M.fullPath,mt)),o.value=M,as(M,Z,R,b),Ms()}let es;function ae(){es||(es=n.listen((M,Z,R)=>{if(!Ae.listening)return;const O=H(M),mt=wt(O);if(mt){ht(ot(mt,{replace:!0,force:!0}),O).catch(me);return}d=O;const m=o.value;Js&&wc(Pi(m.fullPath,R.delta),da()),ss(O,m).catch(b=>hs(b,12)?b:hs(b,2)?(ht(ot(E(b.to),{force:!0}),O).then(_=>{hs(_,20)&&!R.delta&&R.type===Ie.pop&&n.go(-1,!1)}).catch(me),Promise.reject()):(R.delta&&n.go(-R.delta,!1),nt(b,O,m))).then(b=>{b=b||zs(O,m,!1),b&&(R.delta&&!hs(b,8)?n.go(-R.delta,!1):R.type===Ie.pop&&hs(b,20)&&n.go(-1,!1)),Is(O,m,b)}).catch(me)}))}let Hs=le(),It=le(),ft;function nt(M,Z,R){Ms(M);const O=It.list();return O.length?O.forEach(mt=>mt(M,Z,R)):console.error(M),Promise.reject(M)}function ms(){return ft&&o.value!==ks?Promise.resolve():new Promise((M,Z)=>{Hs.add([M,Z])})}function Ms(M){return ft||(ft=!M,ae(),Hs.list().forEach(([Z,R])=>M?R(M):Z()),Hs.reset()),M}function as(M,Z,R,O){const{scrollBehavior:mt}=s;if(!Js||!mt)return Promise.resolve();const m=!R&&$c(Pi(M.fullPath,0))||(O||!R)&&history.state&&history.state.scroll||null;return $n().then(()=>mt(M,Z,m)).then(b=>b&&_c(b)).catch(b=>nt(b,M,Z))}const Pt=M=>n.go(M);let Bs;const Ws=new Set,Ae={currentRoute:o,listening:!0,addRoute:h,removeRoute:T,clearRoutes:a.clearRoutes,hasRoute:K,getRoutes:L,resolve:H,options:s,push:A,replace:tt,go:Pt,back:()=>Pt(-1),forward:()=>Pt(1),beforeEach:l.add,beforeResolve:c.add,afterEach:f.add,onError:It.add,isReady:ms,install(M){const Z=this;M.component("RouterLink",Fc),M.component("RouterView",Xc),M.config.globalProperties.$router=Z,Object.defineProperty(M.config.globalProperties,"$route",{enumerable:!0,get:()=>u(o)}),Js&&!Bs&&o.value===ks&&(Bs=!0,A(n.location).catch(mt=>{}));const R={};for(const mt in ks)Object.defineProperty(R,mt,{get:()=>o.value[mt],enumerable:!0});M.provide(Xa,Z),M.provide(xo,gn(R)),M.provide(Sa,o);const O=M.unmount;Ws.add(M),M.unmount=function(){Ws.delete(M),Ws.size<1&&(d=ks,es&&es(),es=null,o.value=ks,Bs=!1,ft=!1),O()}}};function Yt(M){return M.reduce((Z,R)=>Z.then(()=>$s(R)),Promise.resolve())}return Ae}function tr(s,a){const i=[],e=[],n=[],l=Math.max(a.matched.length,s.matched.length);for(let c=0;c<l;c++){const f=a.matched[c];f&&(s.matched.find(d=>se(d,f))?e.push(f):i.push(f));const o=s.matched[c];o&&(a.matched.find(d=>se(d,o))||n.push(o))}return[i,e,n]}const sr={class:"home-container min-h-screen bg-gray-100 p-4 md:p-8"},er={class:"max-w-7xl mx-auto"},ar={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"},ir={class:"card-content"},nr={__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=Pn("router-link");return x(),y("div",sr,[t("div",er,[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",ar,[(x(),y(Q,null,at(a,l=>r(n,{key:l.path,to:l.path,class:et(l.cardClass)},{default:Dn(()=>[t("div",ir,[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))])])])}}},or=pt(nr,[["__scopeId","data-v-d6c43755"]]),lr={class:"min-h-screen bg-gray-100 dark:bg-gray-900"},dr={class:"bg-white dark:bg-gray-800 shadow"},cr={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"},rr={class:"flex justify-between h-16"},ur={class:"flex items-center space-x-4"},vr={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"},fr={class:"bg-white dark:bg-gray-800 rounded-lg shadow mb-8"},pr={class:"p-6"},mr={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"},br={class:"bg-white dark:bg-gray-800 rounded-lg shadow"},hr={class:"overflow-x-auto"},gr={class:"min-w-full divide-y divide-gray-200 dark:divide-gray-700"},xr={class:"bg-gray-50 dark:bg-gray-700"},yr={class:"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"},_r={class:"bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700"},wr={class:"px-6 py-4 whitespace-nowrap"},$r=["value"],Ir={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-white"},Mr={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-white"},kr={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-white"},Cr={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-white"},Dr={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-white"},Ar={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-white"},jr={key:0,class:"fixed inset-0 z-10 overflow-y-auto"},Nr={class:"flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"},Er={class:"inline-block align-bottom bg-white dark:bg-gray-800 rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"},zr={class:"bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4"},Pr={class:"text-lg font-medium text-gray-900 dark:text-white mb-4"},Sr={class:"grid grid-cols-1 gap-4"},Rr={class:"mt-6 flex justify-end space-x-3"},Tr={__name:"RawMaterialCategoryView",setup(s){const a=C([{id:1,materialCode:"MAT001",materialGroup:"GROUP001",categoryOne:"CATEGORY001",categoryTwo:"CATEGORY002",rawMaterialType:"RAW_TYPE001"}]),i=C({materialCode:"",materialGroup:"",categoryOne:"",categoryTwo:"",rawMaterialType:""}),e=C([]),n=C(!1),l=C(null),c=C({materialCode:"",materialGroup:"",categoryOne:"",categoryTwo:"",rawMaterialType:""}),f=Bt({get:()=>e.value.length===a.value.length,set:E=>{E?e.value=a.value.map(w=>w.id):e.value=[]}}),o=Bt(()=>a.value.filter(E=>!i.value.materialCode||E.materialCode.toLowerCase().includes(i.value.materialCode.toLowerCase())||E.materialGroup.toLowerCase().includes(i.value.materialGroup.toLowerCase())||E.categoryOne.toLowerCase().includes(i.value.categoryOne.toLowerCase())||E.categoryTwo.toLowerCase().includes(i.value.categoryTwo.toLowerCase())||E.rawMaterialType.toLowerCase().includes(i.value.rawMaterialType.toLowerCase()))),d=()=>{i.value={materialCode:"",materialGroup:"",categoryOne:"",categoryTwo:"",rawMaterialType:""}},p=()=>{},g=()=>{f.value=!f.value},v=()=>{if(e.value.length===1){const E=a.value.find(w=>w.id===e.value[0]);l.value=E,c.value={...E},n.value=!0}else alert("请选择一个条目进行编辑")},h=()=>{e.value.length>0?confirm("确定要删除所选条目吗？")&&(a.value=a.value.filter(E=>!e.value.includes(E.id)),e.value=[]):alert("请选择要删除的条目")},T=()=>{const E=JSON.stringify(a.value,null,2),w=new Blob([E],{type:"application/json"}),A=URL.createObjectURL(w),tt=document.createElement("a");tt.href=A,tt.download="raw_materials.json",document.body.appendChild(tt),tt.click(),document.body.removeChild(tt),URL.revokeObjectURL(A)},L=()=>{const E=document.createElement("input");E.type="file",E.accept=".json",E.onchange=w=>{const A=w.target.files[0];if(A){const tt=new FileReader;tt.onload=wt=>{try{const ht=JSON.parse(wt.target.result);a.value=[...a.value,...ht]}catch{alert("导入文件格式错误")}},tt.readAsText(A)}},E.click()},K=()=>{if(l.value){const E=a.value.findIndex(w=>w.id===l.value.id);E!==-1&&(a.value[E]={...c.value,id:l.value.id})}else{const E={...c.value,id:a.value.length+1};a.value.push(E)}n.value=!1,H()},H=()=>{c.value={materialCode:"",materialGroup:"",categoryOne:"",categoryTwo:"",rawMaterialType:""},l.value=null};return(E,w)=>(x(),y("div",lr,[t("div",dr,[t("div",cr,[t("div",rr,[w[14]||(w[14]=t("div",{class:"flex"},[t("div",{class:"flex-shrink-0 flex items-center"},[t("h1",{class:"text-xl font-bold text-gray-900 dark:text-white"},"原料品类管理")])],-1)),t("div",ur,[t("button",{onClick:w[0]||(w[0]=A=>n.value=!0),class:"btn-primary"}," 新增 "),t("button",{onClick:v,class:"btn-secondary"}," 修改 "),t("button",{onClick:h,class:"btn-danger"}," 删除 "),t("button",{onClick:T,class:"btn-success"}," 导出 "),t("button",{onClick:L,class:"btn-info"}," 导入 ")])])])]),t("div",vr,[t("div",fr,[t("div",pr,[t("div",mr,[t("div",null,[w[15]||(w[15]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"物料编码",-1)),Rt(t("input",{"onUpdate:modelValue":w[1]||(w[1]=A=>i.value.materialCode=A),type:"text",class:"mt-1 form-input",placeholder:"请输入物料编码"},null,512),[[ds,i.value.materialCode]])]),t("div",null,[w[16]||(w[16]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"物料组",-1)),Rt(t("input",{"onUpdate:modelValue":w[2]||(w[2]=A=>i.value.materialGroup=A),type:"text",class:"mt-1 form-input",placeholder:"请输入物料组"},null,512),[[ds,i.value.materialGroup]])]),t("div",null,[w[17]||(w[17]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"类别一",-1)),Rt(t("input",{"onUpdate:modelValue":w[3]||(w[3]=A=>i.value.categoryOne=A),type:"text",class:"mt-1 form-input",placeholder:"请输入类别一"},null,512),[[ds,i.value.categoryOne]])]),t("div",null,[w[18]||(w[18]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"类别二",-1)),Rt(t("input",{"onUpdate:modelValue":w[4]||(w[4]=A=>i.value.categoryTwo=A),type:"text",class:"mt-1 form-input",placeholder:"请输入类别二"},null,512),[[ds,i.value.categoryTwo]])]),t("div",null,[w[19]||(w[19]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"原料大类",-1)),Rt(t("input",{"onUpdate:modelValue":w[5]||(w[5]=A=>i.value.rawMaterialType=A),type:"text",class:"mt-1 form-input",placeholder:"请输入原料大类"},null,512),[[ds,i.value.rawMaterialType]])])]),t("div",{class:"mt-6 flex justify-end space-x-3"},[t("button",{onClick:d,class:"btn-secondary"}," 重置 "),t("button",{onClick:p,class:"btn-primary"}," 查询 ")])])]),t("div",br,[t("div",hr,[t("table",gr,[t("thead",xr,[t("tr",null,[t("th",yr,[Rt(t("input",{type:"checkbox","onUpdate:modelValue":w[6]||(w[6]=A=>f.value=A),onClick:g,class:"form-checkbox h-5 w-5 text-indigo-600"},null,512),[[Fe,f.value]])]),w[20]||(w[20]=t("th",{class:"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"},"序号",-1)),w[21]||(w[21]=t("th",{class:"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"},"物料编码",-1)),w[22]||(w[22]=t("th",{class:"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"},"物料组",-1)),w[23]||(w[23]=t("th",{class:"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"},"类别一",-1)),w[24]||(w[24]=t("th",{class:"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"},"类别二",-1)),w[25]||(w[25]=t("th",{class:"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"},"原料大类",-1))])]),t("tbody",_r,[(x(!0),y(Q,null,at(o.value,(A,tt)=>(x(),y("tr",{key:A.id},[t("td",wr,[Rt(t("input",{type:"checkbox","onUpdate:modelValue":w[7]||(w[7]=wt=>e.value=wt),value:A.id,class:"form-checkbox h-5 w-5 text-indigo-600"},null,8,$r),[[Fe,e.value]])]),t("td",Ir,I(tt+1),1),t("td",Mr,I(A.materialCode),1),t("td",kr,I(A.materialGroup),1),t("td",Cr,I(A.categoryOne),1),t("td",Dr,I(A.categoryTwo),1),t("td",Ar,I(A.rawMaterialType),1)]))),128))])])])])]),n.value?(x(),y("div",jr,[t("div",Nr,[w[32]||(w[32]=t("div",{class:"fixed inset-0 transition-opacity","aria-hidden":"true"},[t("div",{class:"absolute inset-0 bg-gray-500 dark:bg-gray-900 opacity-75"})],-1)),t("div",Er,[t("div",zr,[t("h3",Pr,I(l.value?"编辑原料品类":"新增原料品类"),1),t("form",{onSubmit:Hd(K,["prevent"])},[t("div",Sr,[t("div",null,[w[26]||(w[26]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"物料编码",-1)),Rt(t("input",{"onUpdate:modelValue":w[8]||(w[8]=A=>c.value.materialCode=A),type:"text",class:"mt-1 form-input",required:""},null,512),[[ds,c.value.materialCode]])]),t("div",null,[w[27]||(w[27]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"物料组",-1)),Rt(t("input",{"onUpdate:modelValue":w[9]||(w[9]=A=>c.value.materialGroup=A),type:"text",class:"mt-1 form-input",required:""},null,512),[[ds,c.value.materialGroup]])]),t("div",null,[w[28]||(w[28]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"类别一",-1)),Rt(t("input",{"onUpdate:modelValue":w[10]||(w[10]=A=>c.value.categoryOne=A),type:"text",class:"mt-1 form-input",required:""},null,512),[[ds,c.value.categoryOne]])]),t("div",null,[w[29]||(w[29]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"类别二",-1)),Rt(t("input",{"onUpdate:modelValue":w[11]||(w[11]=A=>c.value.categoryTwo=A),type:"text",class:"mt-1 form-input",required:""},null,512),[[ds,c.value.categoryTwo]])]),t("div",null,[w[30]||(w[30]=t("label",{class:"block text-sm font-medium text-gray-700 dark:text-gray-300"},"原料大类",-1)),Rt(t("input",{"onUpdate:modelValue":w[12]||(w[12]=A=>c.value.rawMaterialType=A),type:"text",class:"mt-1 form-input",required:""},null,512),[[ds,c.value.rawMaterialType]])])]),t("div",Rr,[t("button",{type:"button",onClick:w[13]||(w[13]=A=>n.value=!1),class:"btn-secondary"}," 取消 "),w[31]||(w[31]=t("button",{type:"submit",class:"btn-primary"}," 保存 ",-1))])],32)])])])])):j("",!0)]))}},Gr=pt(Tr,[["__scopeId","data-v-e2a45cf7"]]);/**
 * @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=s=>s.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */var ze={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const Lr=({size:s,strokeWidth:a=2,absoluteStrokeWidth:i,color:e,iconNode:n,name:l,class:c,...f},{slots:o})=>we("svg",{...ze,width:s||ze.width,height:s||ze.height,stroke:e||ze.stroke,"stroke-width":i?Number(a)*24/Number(s):a,class:["lucide",`lucide-${Zr(l??"icon")}`],...f},[...n.map(d=>we(...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 _t=(s,a)=>(i,{slots:e})=>we(Lr,{...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 yo=_t("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=_t("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 Or=_t("CameraIcon",[["path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",key:"1tc9qg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const ct=_t("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 Kt=_t("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 ut=_t("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 Hr=_t("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 Tt=_t("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 ps=_t("InfoIcon",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const _o=_t("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 wo=_t("LogOutIcon",[["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}],["polyline",{points:"16 17 21 12 16 7",key:"1gabdz"}],["line",{x1:"21",x2:"9",y1:"12",y2:"12",key:"1uyos4"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const zt=_t("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 Xt=_t("MessageSquareIcon",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]]);/**
 * @license lucide-vue-next v0.475.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const vt=_t("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=_t("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=_t("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 qt=_t("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 Gt=_t("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 Br=_t("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=_t("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 $o=_t("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=_t("XIcon",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),Wr={class:"minimal-container min-h-screen bg-white"},Vr={class:"minimal-app-bar"},Yr={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Jr={class:"flex items-center"},Fr={class:"flex items-center space-x-4"},Qr={class:"minimal-icon-button"},Ur={class:"minimal-icon-button"},Kr={class:"minimal-icon-button"},Xr={class:"container mx-auto p-6"},qr={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},tu={class:"minimal-card"},su={class:"p-4"},eu={class:"space-y-2"},au={href:"#",class:"minimal-nav-item active"},iu={href:"#",class:"minimal-nav-item"},nu={href:"#",class:"minimal-nav-item"},ou={href:"#",class:"minimal-nav-item"},lu={class:"md:col-span-2 space-y-6"},du={class:"minimal-card"},cu={class:"p-4"},ru={class:"space-y-4"},uu={class:"minimal-list-item"},vu={class:"minimal-icon-button"},fu={class:"minimal-list-item"},pu={class:"minimal-icon-button"},mu={class:"minimal-card"},bu={class:"p-4"},hu={class:"flex flex-wrap gap-4"},gu={class:"minimal-button icon"},xu={class:"minimal-card"},yu={class:"p-4"},_u={class:"minimal-bottom-nav"},wu={href:"#",class:"minimal-bottom-nav-item active"},$u={href:"#",class:"minimal-bottom-nav-item"},Iu={href:"#",class:"minimal-bottom-nav-item"},Mu={href:"#",class:"minimal-bottom-nav-item"},ku={href:"#",class:"minimal-bottom-nav-item"},Cu={key:0,class:"minimal-dialog-overlay"},Du={class:"minimal-dialog"},Au={class:"minimal-dialog-header"},ju={class:"minimal-dialog-actions"},Nu={__name:"MinimalistView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",Wr,[t("div",Vr,[t("div",Yr,[t("div",Jr,[r(u(zt),{class:"w-5 h-5 text-gray-600 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-gray-900"},"Minimalist",-1))]),t("div",Fr,[t("button",Qr,[r(u(X),{class:"w-5 h-5"})]),t("button",Ur,[r(u(W),{class:"w-5 h-5"})]),t("button",Kr,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Xr,[t("div",qr,[t("div",tu,[t("div",su,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",eu,[t("a",au,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",iu,[r(u(Tt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"minimal-badge"},"12",-1))]),t("a",nu,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",ou,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",lu,[t("div",du,[t("div",cu,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",ru,[t("div",uu,[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",vu,[r(u(ct),{class:"w-5 h-5"})])]),t("div",fu,[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",pu,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="minimal-card" data-v-c519d2be><div class="p-4" data-v-c519d2be><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-c519d2be>表单元素</h2><div class="space-y-4" data-v-c519d2be><div class="minimal-input-group" data-v-c519d2be><label class="text-gray-700" data-v-c519d2be>文本输入</label><input type="text" placeholder="请输入内容" class="minimal-input" data-v-c519d2be></div><div class="minimal-input-group" data-v-c519d2be><label class="text-gray-700" data-v-c519d2be>密码输入</label><input type="password" placeholder="请输入密码" class="minimal-input" data-v-c519d2be></div><div class="minimal-input-group" data-v-c519d2be><label class="text-gray-700" data-v-c519d2be>下拉选择</label><select class="minimal-input" data-v-c519d2be><option data-v-c519d2be>选项 1</option><option data-v-c519d2be>选项 2</option><option data-v-c519d2be>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-c519d2be><label class="minimal-checkbox" data-v-c519d2be><input type="checkbox" data-v-c519d2be><span class="minimal-checkmark" data-v-c519d2be></span><span class="text-gray-700" data-v-c519d2be>复选框</span></label><label class="minimal-radio" data-v-c519d2be><input type="radio" name="radio" data-v-c519d2be><span class="minimal-radiomark" data-v-c519d2be></span><span class="text-gray-700" data-v-c519d2be>单选框</span></label></div><div class="minimal-switch" data-v-c519d2be><input type="checkbox" id="switch1" data-v-c519d2be><label for="switch1" class="text-gray-700" data-v-c519d2be>开关</label></div></div></div></div>',1)),t("div",mu,[t("div",bu,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",hu,[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",gu,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="minimal-card" data-v-c519d2be><div class="p-4" data-v-c519d2be><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-c519d2be>进度指示器</h2><div class="space-y-4" data-v-c519d2be><div class="minimal-progress" data-v-c519d2be><div class="minimal-progress-bar" style="width:60%;" data-v-c519d2be></div></div><div class="minimal-progress circular" data-v-c519d2be><div class="minimal-progress-circle" data-v-c519d2be></div></div></div></div></div>',1)),t("div",xu,[t("div",yu,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"对话框示例",-1)),t("button",{class:"minimal-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",_u,[t("a",wu,[r(u(ut),{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",Iu,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Mu,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",ku,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",Cu,[t("div",Du,[t("div",Au,[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",ju,[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)},"确定")])])])):j("",!0)]))}},Eu=pt(Nu,[["__scopeId","data-v-c519d2be"]]),zu={class:"dark-container min-h-screen bg-gray-900"},Pu={class:"dark-app-bar"},Su={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Ru={class:"flex items-center"},Tu={class:"flex items-center space-x-4"},Gu={class:"dark-icon-button"},Zu={class:"dark-icon-button"},Lu={class:"dark-icon-button"},Ou={class:"container mx-auto p-6"},Hu={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Bu={class:"dark-card"},Wu={class:"p-4"},Vu={class:"space-y-2"},Yu={href:"#",class:"dark-nav-item active"},Ju={href:"#",class:"dark-nav-item"},Fu={href:"#",class:"dark-nav-item"},Qu={href:"#",class:"dark-nav-item"},Uu={class:"md:col-span-2 space-y-6"},Ku={class:"dark-card"},Xu={class:"p-4"},qu={class:"space-y-4"},tv={class:"dark-list-item"},sv={class:"dark-icon-button"},ev={class:"dark-list-item"},av={class:"dark-icon-button"},iv={class:"dark-card"},nv={class:"p-4"},ov={class:"flex flex-wrap gap-4"},lv={class:"dark-button icon"},dv={class:"dark-card"},cv={class:"p-4"},rv={class:"dark-bottom-nav"},uv={href:"#",class:"dark-bottom-nav-item active"},vv={href:"#",class:"dark-bottom-nav-item"},fv={href:"#",class:"dark-bottom-nav-item"},pv={href:"#",class:"dark-bottom-nav-item"},mv={href:"#",class:"dark-bottom-nav-item"},bv={key:0,class:"dark-dialog-overlay"},hv={class:"dark-dialog"},gv={class:"dark-dialog-header"},xv={class:"dark-dialog-actions"},yv={__name:"DarkModeView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",zu,[t("div",Pu,[t("div",Su,[t("div",Ru,[r(u(zt),{class:"w-5 h-5 text-gray-300 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-white"},"Dark Mode",-1))]),t("div",Tu,[t("button",Gu,[r(u(X),{class:"w-5 h-5"})]),t("button",Zu,[r(u(W),{class:"w-5 h-5"})]),t("button",Lu,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Ou,[t("div",Hu,[t("div",Bu,[t("div",Wu,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"导航菜单",-1)),t("nav",Vu,[t("a",Yu,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Ju,[r(u(Tt),{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",Fu,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Qu,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Uu,[t("div",Ku,[t("div",Xu,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"卡片列表",-1)),t("div",qu,[t("div",tv,[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",sv,[r(u(ct),{class:"w-5 h-5"})])]),t("div",ev,[e[13]||(e[13]=t("div",{class:"dark-avatar bg-green-600"},"AB",-1)),e[14]||(e[14]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-white"},"另一个标题"),t("p",{class:"text-gray-400"},"另一个副标题")],-1)),t("button",av,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="dark-card" data-v-0ed2360c><div class="p-4" data-v-0ed2360c><h2 class="text-lg font-medium mb-4 text-white" data-v-0ed2360c>表单元素</h2><div class="space-y-4" data-v-0ed2360c><div class="dark-input-group" data-v-0ed2360c><label class="text-gray-300" data-v-0ed2360c>文本输入</label><input type="text" placeholder="请输入内容" class="dark-input" data-v-0ed2360c></div><div class="dark-input-group" data-v-0ed2360c><label class="text-gray-300" data-v-0ed2360c>密码输入</label><input type="password" placeholder="请输入密码" class="dark-input" data-v-0ed2360c></div><div class="dark-input-group" data-v-0ed2360c><label class="text-gray-300" data-v-0ed2360c>下拉选择</label><select class="dark-input" data-v-0ed2360c><option data-v-0ed2360c>选项 1</option><option data-v-0ed2360c>选项 2</option><option data-v-0ed2360c>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-0ed2360c><label class="dark-checkbox" data-v-0ed2360c><input type="checkbox" data-v-0ed2360c><span class="dark-checkmark" data-v-0ed2360c></span><span class="text-gray-300" data-v-0ed2360c>复选框</span></label><label class="dark-radio" data-v-0ed2360c><input type="radio" name="radio" data-v-0ed2360c><span class="dark-radiomark" data-v-0ed2360c></span><span class="text-gray-300" data-v-0ed2360c>单选框</span></label></div><div class="dark-switch" data-v-0ed2360c><input type="checkbox" id="switch1" data-v-0ed2360c><label for="switch1" class="text-gray-300" data-v-0ed2360c>开关</label></div></div></div></div>',1)),t("div",iv,[t("div",nv,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"按钮样式",-1)),t("div",ov,[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",lv,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="dark-card" data-v-0ed2360c><div class="p-4" data-v-0ed2360c><h2 class="text-lg font-medium mb-4 text-white" data-v-0ed2360c>进度指示器</h2><div class="space-y-4" data-v-0ed2360c><div class="dark-progress" data-v-0ed2360c><div class="dark-progress-bar" style="width:60%;" data-v-0ed2360c></div></div><div class="dark-progress circular" data-v-0ed2360c><div class="dark-progress-circle" data-v-0ed2360c></div></div></div></div></div>',1)),t("div",dv,[t("div",cv,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"对话框示例",-1)),t("button",{class:"dark-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",rv,[t("a",uv,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",vv,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",fv,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",pv,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",mv,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",bv,[t("div",hv,[t("div",gv,[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",xv,[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)},"确定")])])])):j("",!0)]))}},_v=pt(yv,[["__scopeId","data-v-0ed2360c"]]),wv={class:"retro-container min-h-screen bg-gradient-to-br from-orange-100 via-yellow-100 to-amber-100"},$v={class:"retro-app-bar"},Iv={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Mv={class:"flex items-center"},kv={class:"flex items-center space-x-4"},Cv={class:"retro-icon-button"},Dv={class:"retro-icon-button"},Av={class:"retro-icon-button"},jv={class:"container mx-auto p-6"},Nv={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Ev={class:"retro-card"},zv={class:"p-4"},Pv={class:"space-y-2"},Sv={href:"#",class:"retro-nav-item active"},Rv={href:"#",class:"retro-nav-item"},Tv={href:"#",class:"retro-nav-item"},Gv={href:"#",class:"retro-nav-item"},Zv={class:"md:col-span-2 space-y-6"},Lv={class:"retro-card"},Ov={class:"p-4"},Hv={class:"space-y-4"},Bv={class:"retro-list-item"},Wv={class:"retro-icon-button"},Vv={class:"retro-list-item"},Yv={class:"retro-icon-button"},Jv={class:"retro-card"},Fv={class:"p-4"},Qv={class:"flex flex-wrap gap-4"},Uv={class:"retro-button icon"},Kv={class:"retro-card"},Xv={class:"p-4"},qv={class:"retro-bottom-nav"},tf={href:"#",class:"retro-bottom-nav-item active"},sf={href:"#",class:"retro-bottom-nav-item"},ef={href:"#",class:"retro-bottom-nav-item"},af={href:"#",class:"retro-bottom-nav-item"},nf={href:"#",class:"retro-bottom-nav-item"},of={key:0,class:"retro-dialog-overlay"},lf={class:"retro-dialog"},df={class:"retro-dialog-header"},cf={class:"retro-dialog-actions"},rf={__name:"RetroView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",wv,[t("div",$v,[t("div",Iv,[t("div",Mv,[r(u(zt),{class:"w-5 h-5 text-amber-900 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-amber-900"},"Retro Design",-1))]),t("div",kv,[t("button",Cv,[r(u(X),{class:"w-5 h-5"})]),t("button",Dv,[r(u(W),{class:"w-5 h-5"})]),t("button",Av,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",jv,[t("div",Nv,[t("div",Ev,[t("div",zv,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"导航菜单",-1)),t("nav",Pv,[t("a",Sv,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Rv,[r(u(Tt),{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",Tv,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Gv,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Zv,[t("div",Lv,[t("div",Ov,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"卡片列表",-1)),t("div",Hv,[t("div",Bv,[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",Wv,[r(u(ct),{class:"w-5 h-5"})])]),t("div",Vv,[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",Yv,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="retro-card" data-v-d46c4dbc><div class="p-4" data-v-d46c4dbc><h2 class="text-lg font-medium mb-4 text-amber-900" data-v-d46c4dbc>表单元素</h2><div class="space-y-4" data-v-d46c4dbc><div class="retro-input-group" data-v-d46c4dbc><label class="text-amber-800" data-v-d46c4dbc>文本输入</label><input type="text" placeholder="请输入内容" class="retro-input" data-v-d46c4dbc></div><div class="retro-input-group" data-v-d46c4dbc><label class="text-amber-800" data-v-d46c4dbc>密码输入</label><input type="password" placeholder="请输入密码" class="retro-input" data-v-d46c4dbc></div><div class="retro-input-group" data-v-d46c4dbc><label class="text-amber-800" data-v-d46c4dbc>下拉选择</label><select class="retro-input" data-v-d46c4dbc><option data-v-d46c4dbc>选项 1</option><option data-v-d46c4dbc>选项 2</option><option data-v-d46c4dbc>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-d46c4dbc><label class="retro-checkbox" data-v-d46c4dbc><input type="checkbox" data-v-d46c4dbc><span class="retro-checkmark" data-v-d46c4dbc></span><span class="text-amber-800" data-v-d46c4dbc>复选框</span></label><label class="retro-radio" data-v-d46c4dbc><input type="radio" name="radio" data-v-d46c4dbc><span class="retro-radiomark" data-v-d46c4dbc></span><span class="text-amber-800" data-v-d46c4dbc>单选框</span></label></div><div class="retro-switch" data-v-d46c4dbc><input type="checkbox" id="switch1" data-v-d46c4dbc><label for="switch1" class="text-amber-800" data-v-d46c4dbc>开关</label></div></div></div></div>',1)),t("div",Jv,[t("div",Fv,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-amber-900"},"按钮样式",-1)),t("div",Qv,[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",Uv,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="retro-card" data-v-d46c4dbc><div class="p-4" data-v-d46c4dbc><h2 class="text-lg font-medium mb-4 text-amber-900" data-v-d46c4dbc>进度指示器</h2><div class="space-y-4" data-v-d46c4dbc><div class="retro-progress" data-v-d46c4dbc><div class="retro-progress-bar" style="width:60%;" data-v-d46c4dbc></div></div><div class="retro-progress circular" data-v-d46c4dbc><div class="retro-progress-circle" data-v-d46c4dbc></div></div></div></div></div>',1)),t("div",Kv,[t("div",Xv,[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",qv,[t("a",tf,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",sf,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",ef,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",af,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",nf,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",of,[t("div",lf,[t("div",df,[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",cf,[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)},"确定")])])])):j("",!0)]))}},uf=pt(rf,[["__scopeId","data-v-d46c4dbc"]]),vf={class:"three-d-container min-h-screen bg-gradient-to-br from-blue-900 to-purple-900"},ff={class:"three-d-header"},pf={class:"three-d-header-content"},mf={class:"three-d-header-actions"},bf={class:"three-d-btn text"},hf={class:"three-d-btn text"},gf={class:"three-d-btn text"},xf={class:"three-d-main"},yf={class:"three-d-card-list"},_f={class:"three-d-card-cover"},wf=["src","alt"],$f={class:"three-d-card-body"},If={class:"three-d-card-meta"},Mf={class:"three-d-card-meta-avatar"},kf={class:"three-d-card-meta-content"},Cf={class:"three-d-card-meta-title"},Df={class:"three-d-card-meta-description"},Af={class:"three-d-card-content"},jf={class:"three-d-card-actions"},Nf={class:"three-d-btn text"},Ef={class:"three-d-btn text"},zf={class:"three-d-btn text"},Pf={class:"three-d-tabs"},Sf={class:"three-d-tabs-nav"},Rf=["onClick"],Tf={class:"three-d-tabs-content"},Gf={key:0,class:"three-d-tabs-tabpane"},Zf={key:1,class:"three-d-tabs-tabpane"},Lf={key:2,class:"three-d-tabs-tabpane"},Of={key:0,class:"three-d-modal-mask"},Hf={class:"three-d-modal-wrap"},Bf={class:"three-d-modal"},Wf={class:"three-d-modal-content"},Vf={class:"three-d-modal-header"},Yf={class:"three-d-modal-footer"},Jf={key:1,class:"three-d-message"},Ff={class:"three-d-message-notice"},Qf={class:"three-d-message-notice-content"},Uf={key:2,class:"three-d-notification"},Kf={class:"three-d-notification-notice"},Xf={class:"three-d-notification-notice-content"},qf={class:"three-d-notification-notice-icon"},tp="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNEwwIDE2TDE2IDI4VDI4IDE2VDE2IDRaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIiIHkyPSIzMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM0RjU1QjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRDM0NjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=",sp={__name:"ThreeDDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzRGNTVCOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJEMzQ2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:42,comments:8,initials:"JD",avatarClass:"bg-blue-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzRGNTVCOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJEMzQ2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:36,comments:5,initials:"AB",avatarClass:"bg-blue-600"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",vf,[t("div",ff,[t("div",pf,[t("div",{class:"three-d-logo"},[t("img",{src:tp,alt:"3D Design Logo",class:"three-d-logo-img"}),o[4]||(o[4]=t("span",{class:"three-d-logo-text"},"3D DESIGN",-1))]),o[5]||(o[5]=V('<div class="three-d-nav" data-v-b59da191><a href="#" class="three-d-nav-item active" data-v-b59da191>首页</a><a href="#" class="three-d-nav-item" data-v-b59da191>组件</a><a href="#" class="three-d-nav-item" data-v-b59da191>文档</a><a href="#" class="three-d-nav-item" data-v-b59da191>主题</a></div>',1)),t("div",mf,[t("button",bf,[r(u(X),{class:"w-5 h-5"})]),t("button",hf,[r(u(W),{class:"w-5 h-5"})]),t("button",gf,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",xf,[t("div",yf,[(x(!0),y(Q,null,at(l.value,d=>(x(),y("div",{key:d.id,class:"three-d-card"},[t("div",_f,[t("img",{src:d.cover,alt:d.title,class:"three-d-card-cover-img"},null,8,wf)]),t("div",$f,[t("div",If,[t("div",Mf,[t("div",{class:et(["three-d-avatar",d.avatarClass])},I(d.initials),3)]),t("div",kf,[t("h3",Cf,I(d.title),1),t("p",Df,I(d.description),1)])]),t("p",Af,I(d.content),1),t("div",jf,[t("button",Nf,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",Ef,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",zf,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="three-d-form" data-v-b59da191><div class="three-d-form-item" data-v-b59da191><label class="three-d-form-item-label" data-v-b59da191>文本输入</label><div class="three-d-form-item-control" data-v-b59da191><input type="text" placeholder="请输入内容" class="three-d-input" data-v-b59da191></div></div><div class="three-d-form-item" data-v-b59da191><label class="three-d-form-item-label" data-v-b59da191>密码输入</label><div class="three-d-form-item-control" data-v-b59da191><input type="password" placeholder="请输入密码" class="three-d-input" data-v-b59da191></div></div><div class="three-d-form-item" data-v-b59da191><label class="three-d-form-item-label" data-v-b59da191>下拉选择</label><div class="three-d-form-item-control" data-v-b59da191><select class="three-d-select" data-v-b59da191><option data-v-b59da191>选项 1</option><option data-v-b59da191>选项 2</option><option data-v-b59da191>选项 3</option></select></div></div><div class="three-d-form-item" data-v-b59da191><label class="three-d-form-item-label" data-v-b59da191>开关</label><div class="three-d-form-item-control" data-v-b59da191><label class="three-d-switch" data-v-b59da191><input type="checkbox" data-v-b59da191><span class="three-d-switch-inner" data-v-b59da191></span></label></div></div></div><div class="three-d-btn-group" data-v-b59da191><button class="three-d-btn primary" data-v-b59da191>主要按钮</button><button class="three-d-btn secondary" data-v-b59da191>次要按钮</button><button class="three-d-btn outline" data-v-b59da191>轮廓按钮</button><button class="three-d-btn text" data-v-b59da191>文本按钮</button></div>',2)),t("div",Pf,[t("div",Sf,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,Rf))),128))]),t("div",Tf,[n.value==="tab1"?(x(),y("div",Gf,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",Zf,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",Lf,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",Of,[t("div",Hf,[t("div",Bf,[t("div",Wf,[t("div",Vf,[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",Yf,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",Jf,[t("div",Ff,[t("div",Qf,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",Uf,[t("div",Kf,[t("div",Xf,[t("div",qf,[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"})])])])):j("",!0)])]))}},ep=pt(sp,[["__scopeId","data-v-b59da191"]]),ap={class:"skeuomorphic-container min-h-screen bg-gradient-to-b from-gray-100 to-gray-200"},ip={class:"skeuomorphic-app-bar"},np={class:"container mx-auto px-4 py-3 flex items-center justify-between"},op={class:"flex items-center"},lp={class:"flex items-center space-x-4"},dp={class:"skeuomorphic-icon-button"},cp={class:"skeuomorphic-icon-button"},rp={class:"skeuomorphic-icon-button"},up={class:"container mx-auto p-6"},vp={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},fp={class:"skeuomorphic-card"},pp={class:"p-4"},mp={class:"space-y-2"},bp={href:"#",class:"skeuomorphic-nav-item active"},hp={href:"#",class:"skeuomorphic-nav-item"},gp={href:"#",class:"skeuomorphic-nav-item"},xp={href:"#",class:"skeuomorphic-nav-item"},yp={class:"md:col-span-2 space-y-6"},_p={class:"skeuomorphic-card"},wp={class:"p-4"},$p={class:"space-y-4"},Ip={class:"skeuomorphic-list-item"},Mp={class:"skeuomorphic-icon-button"},kp={class:"skeuomorphic-list-item"},Cp={class:"skeuomorphic-icon-button"},Dp={class:"skeuomorphic-card"},Ap={class:"p-4"},jp={class:"flex flex-wrap gap-4"},Np={class:"skeuomorphic-button icon"},Ep={class:"skeuomorphic-card"},zp={class:"p-4"},Pp={class:"skeuomorphic-bottom-nav"},Sp={href:"#",class:"skeuomorphic-bottom-nav-item active"},Rp={href:"#",class:"skeuomorphic-bottom-nav-item"},Tp={href:"#",class:"skeuomorphic-bottom-nav-item"},Gp={href:"#",class:"skeuomorphic-bottom-nav-item"},Zp={href:"#",class:"skeuomorphic-bottom-nav-item"},Lp={key:0,class:"skeuomorphic-dialog-overlay"},Op={class:"skeuomorphic-dialog"},Hp={class:"skeuomorphic-dialog-header"},Bp={class:"skeuomorphic-dialog-actions"},Wp={__name:"SkeuomorphicView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",ap,[t("div",ip,[t("div",np,[t("div",op,[r(u(zt),{class:"w-5 h-5 text-gray-700 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-gray-700"},"Skeuomorphic Design",-1))]),t("div",lp,[t("button",dp,[r(u(X),{class:"w-5 h-5"})]),t("button",cp,[r(u(W),{class:"w-5 h-5"})]),t("button",rp,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",up,[t("div",vp,[t("div",fp,[t("div",pp,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"导航菜单",-1)),t("nav",mp,[t("a",bp,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",hp,[r(u(Tt),{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",gp,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",xp,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",yp,[t("div",_p,[t("div",wp,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"卡片列表",-1)),t("div",$p,[t("div",Ip,[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",Mp,[r(u(ct),{class:"w-5 h-5"})])]),t("div",kp,[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",Cp,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="skeuomorphic-card" data-v-8015740b><div class="p-4" data-v-8015740b><h2 class="text-lg font-medium mb-4 text-gray-700" data-v-8015740b>表单元素</h2><div class="space-y-4" data-v-8015740b><div class="skeuomorphic-input-group" data-v-8015740b><label class="text-gray-700" data-v-8015740b>文本输入</label><input type="text" placeholder="请输入内容" class="skeuomorphic-input" data-v-8015740b></div><div class="skeuomorphic-input-group" data-v-8015740b><label class="text-gray-700" data-v-8015740b>密码输入</label><input type="password" placeholder="请输入密码" class="skeuomorphic-input" data-v-8015740b></div><div class="skeuomorphic-input-group" data-v-8015740b><label class="text-gray-700" data-v-8015740b>下拉选择</label><select class="skeuomorphic-input" data-v-8015740b><option data-v-8015740b>选项 1</option><option data-v-8015740b>选项 2</option><option data-v-8015740b>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-8015740b><label class="skeuomorphic-checkbox" data-v-8015740b><input type="checkbox" data-v-8015740b><span class="skeuomorphic-checkmark" data-v-8015740b></span><span class="text-gray-700" data-v-8015740b>复选框</span></label><label class="skeuomorphic-radio" data-v-8015740b><input type="radio" name="radio" data-v-8015740b><span class="skeuomorphic-radiomark" data-v-8015740b></span><span class="text-gray-700" data-v-8015740b>单选框</span></label></div><div class="skeuomorphic-switch" data-v-8015740b><input type="checkbox" id="switch1" data-v-8015740b><label for="switch1" class="text-gray-700" data-v-8015740b>开关</label></div></div></div></div>',1)),t("div",Dp,[t("div",Ap,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"按钮样式",-1)),t("div",jp,[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",Np,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="skeuomorphic-card" data-v-8015740b><div class="p-4" data-v-8015740b><h2 class="text-lg font-medium mb-4 text-gray-700" data-v-8015740b>进度指示器</h2><div class="space-y-4" data-v-8015740b><div class="skeuomorphic-progress" data-v-8015740b><div class="skeuomorphic-progress-bar" style="width:60%;" data-v-8015740b></div></div><div class="skeuomorphic-progress circular" data-v-8015740b><div class="skeuomorphic-progress-circle" data-v-8015740b></div></div></div></div></div>',1)),t("div",Ep,[t("div",zp,[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",Pp,[t("a",Sp,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Rp,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Tp,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Gp,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Zp,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",Lp,[t("div",Op,[t("div",Hp,[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",Bp,[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)},"确定")])])])):j("",!0)]))}},Vp=pt(Wp,[["__scopeId","data-v-8015740b"]]),Yp={class:"material-container min-h-screen bg-gray-50"},Jp={class:"material-app-bar"},Fp={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Qp={class:"flex items-center"},Up={class:"flex items-center space-x-4"},Kp={class:"material-icon-button"},Xp={class:"material-icon-button"},qp={class:"material-icon-button"},tm={class:"container mx-auto p-6"},sm={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},em={class:"material-card"},am={class:"p-4"},im={class:"space-y-2"},nm={href:"#",class:"material-nav-item active"},om={href:"#",class:"material-nav-item"},lm={href:"#",class:"material-nav-item"},dm={href:"#",class:"material-nav-item"},cm={class:"md:col-span-2 space-y-6"},rm={class:"material-card"},um={class:"p-4"},vm={class:"space-y-4"},fm={class:"material-list-item"},pm={class:"material-icon-button"},mm={class:"material-list-item"},bm={class:"material-icon-button"},hm={class:"material-card"},gm={class:"p-4"},xm={class:"flex flex-wrap gap-4"},ym={class:"material-button icon"},_m={class:"material-card"},wm={class:"p-4"},$m={class:"material-bottom-nav"},Im={href:"#",class:"material-bottom-nav-item active"},Mm={href:"#",class:"material-bottom-nav-item"},km={href:"#",class:"material-bottom-nav-item"},Cm={href:"#",class:"material-bottom-nav-item"},Dm={href:"#",class:"material-bottom-nav-item"},Am={key:0,class:"material-dialog-overlay"},jm={class:"material-dialog"},Nm={class:"material-dialog-header"},Em={class:"material-dialog-actions"},zm={__name:"MaterialView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",Yp,[t("div",Jp,[t("div",Fp,[t("div",Qp,[r(u(zt),{class:"w-5 h-5 text-white mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-white"},"Material Design",-1))]),t("div",Up,[t("button",Kp,[r(u(X),{class:"w-5 h-5"})]),t("button",Xp,[r(u(W),{class:"w-5 h-5"})]),t("button",qp,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",tm,[t("div",sm,[t("div",em,[t("div",am,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",im,[t("a",nm,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",om,[r(u(Tt),{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",lm,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",dm,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",cm,[t("div",rm,[t("div",um,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",vm,[t("div",fm,[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",pm,[r(u(ct),{class:"w-5 h-5"})])]),t("div",mm,[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",bm,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="material-card" data-v-63f28765><div class="p-4" data-v-63f28765><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-63f28765>表单元素</h2><div class="space-y-4" data-v-63f28765><div class="material-input-group" data-v-63f28765><label class="text-gray-700" data-v-63f28765>文本输入</label><input type="text" placeholder="请输入内容" class="material-input" data-v-63f28765></div><div class="material-input-group" data-v-63f28765><label class="text-gray-700" data-v-63f28765>密码输入</label><input type="password" placeholder="请输入密码" class="material-input" data-v-63f28765></div><div class="material-input-group" data-v-63f28765><label class="text-gray-700" data-v-63f28765>下拉选择</label><select class="material-input" data-v-63f28765><option data-v-63f28765>选项 1</option><option data-v-63f28765>选项 2</option><option data-v-63f28765>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-63f28765><label class="material-checkbox" data-v-63f28765><input type="checkbox" data-v-63f28765><span class="material-checkmark" data-v-63f28765></span><span class="text-gray-700" data-v-63f28765>复选框</span></label><label class="material-radio" data-v-63f28765><input type="radio" name="radio" data-v-63f28765><span class="material-radiomark" data-v-63f28765></span><span class="text-gray-700" data-v-63f28765>单选框</span></label></div><div class="material-switch" data-v-63f28765><input type="checkbox" id="switch1" data-v-63f28765><label for="switch1" class="text-gray-700" data-v-63f28765>开关</label></div></div></div></div>',1)),t("div",hm,[t("div",gm,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",xm,[e[16]||(e[16]=t("button",{class:"material-button"},"主要按钮",-1)),e[17]||(e[17]=t("button",{class:"material-button outlined"},"次要按钮",-1)),e[18]||(e[18]=t("button",{class:"material-button text"},"文本按钮",-1)),t("button",ym,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="material-card" data-v-63f28765><div class="p-4" data-v-63f28765><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-63f28765>进度指示器</h2><div class="space-y-4" data-v-63f28765><div class="material-progress" data-v-63f28765><div class="material-progress-bar" style="width:60%;" data-v-63f28765></div></div><div class="material-progress circular" data-v-63f28765><div class="material-progress-circle" data-v-63f28765></div></div></div></div></div>',1)),t("div",_m,[t("div",wm,[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",Im,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Mm,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",km,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",Cm,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",Dm,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",Am,[t("div",jm,[t("div",Nm,[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",Em,[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)},"确定")])])])):j("",!0)]))}},Pm=pt(zm,[["__scopeId","data-v-63f28765"]]),Sm={class:"ios-container min-h-screen bg-gray-50"},Rm={class:"ios-nav-bar"},Tm={class:"ios-nav-bar-content"},Gm={key:0,class:"ios-search-bar"},Zm={class:"ios-search-input"},Lm={class:"ios-content"},Om={class:"ios-card-list"},Hm={class:"ios-card-header"},Bm={class:"ios-card-info"},Wm={class:"ios-card-title"},Vm={class:"ios-card-subtitle"},Ym={class:"ios-card-action"},Jm={class:"ios-card-content"},Fm={class:"ios-card-footer"},Qm={class:"ios-button"},Um={class:"ios-button"},Km={class:"ios-button"},Xm={class:"ios-tabs"},qm={class:"ios-tab-header"},tb=["onClick"],sb={class:"ios-tab-content"},eb={key:0,class:"ios-tab-pane"},ab={key:1,class:"ios-tab-pane"},ib={key:2,class:"ios-tab-pane"},nb={class:"ios-tab-bar"},ob={href:"#",class:"ios-tab-bar-item active"},lb={href:"#",class:"ios-tab-bar-item"},db={href:"#",class:"ios-tab-bar-item"},cb={href:"#",class:"ios-tab-bar-item"},rb={href:"#",class:"ios-tab-bar-item"},ub={key:1,class:"ios-dialog-overlay"},vb={class:"ios-dialog"},fb={class:"ios-dialog-actions"},pb={key:2,class:"ios-action-sheet"},mb={class:"ios-action-sheet-content"},bb={class:"ios-action-sheet-item"},hb={class:"ios-action-sheet-item"},gb={class:"ios-action-sheet-item destructive"},xb={__name:"IOSDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C(!1),l=C("tab1"),c=C([{id:1,title:"卡片标题",subtitle:"副标题",content:"这是卡片的内容，可以包含多行文本。",likes:42,comments:8,initials:"JD",avatarClass:"bg-blue-500"},{id:2,title:"另一个标题",subtitle:"另一个副标题",content:"这是另一个卡片的内容。",likes:36,comments:5,initials:"AB",avatarClass:"bg-green-500"}]),f=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(o,d)=>(x(),y("div",Sm,[d[22]||(d[22]=V('<div class="ios-status-bar" data-v-aa81dc6c><div class="ios-status-bar-time" data-v-aa81dc6c>9:41</div><div class="ios-status-bar-icons" data-v-aa81dc6c><div class="ios-signal" data-v-aa81dc6c></div><div class="ios-wifi" data-v-aa81dc6c></div><div class="ios-battery" data-v-aa81dc6c></div></div></div>',1)),t("div",Rm,[t("div",Tm,[t("button",{class:"ios-nav-button",onClick:d[0]||(d[0]=p=>n.value=!n.value)},[r(u(zt),{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?(x(),y("div",Gm,[t("div",Zm,[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)},"取消")])])):j("",!0),t("div",Lm,[t("div",Om,[(x(!0),y(Q,null,at(c.value,p=>(x(),y("div",{key:p.id,class:"ios-card"},[t("div",Hm,[t("div",{class:et(["ios-avatar",p.avatarClass])},I(p.initials),3),t("div",Bm,[t("h3",Wm,I(p.title),1),t("p",Vm,I(p.subtitle),1)]),t("button",Ym,[r(u(ct),{class:"w-5 h-5"})])]),t("div",Jm,[t("p",null,I(p.content),1)]),t("div",Fm,[t("button",Qm,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(p.likes),1)]),t("button",Um,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(p.comments),1)]),t("button",Km,[r(u(qt),{class:"w-5 h-5"})])])]))),128))]),d[11]||(d[11]=V('<div class="ios-form" data-v-aa81dc6c><div class="ios-form-group" data-v-aa81dc6c><label class="ios-label" data-v-aa81dc6c>文本输入</label><input type="text" placeholder="请输入内容" class="ios-input" data-v-aa81dc6c></div><div class="ios-form-group" data-v-aa81dc6c><label class="ios-label" data-v-aa81dc6c>密码输入</label><input type="password" placeholder="请输入密码" class="ios-input" data-v-aa81dc6c></div><div class="ios-form-group" data-v-aa81dc6c><label class="ios-label" data-v-aa81dc6c>下拉选择</label><select class="ios-input" data-v-aa81dc6c><option data-v-aa81dc6c>选项 1</option><option data-v-aa81dc6c>选项 2</option><option data-v-aa81dc6c>选项 3</option></select></div><div class="ios-form-group" data-v-aa81dc6c><label class="ios-switch" data-v-aa81dc6c><input type="checkbox" data-v-aa81dc6c><span class="ios-switch-slider" data-v-aa81dc6c></span><span class="ios-switch-label" data-v-aa81dc6c>开关</span></label></div></div><div class="ios-button-group" data-v-aa81dc6c><button class="ios-button primary" data-v-aa81dc6c>主要按钮</button><button class="ios-button secondary" data-v-aa81dc6c>次要按钮</button><button class="ios-button destructive" data-v-aa81dc6c>危险按钮</button></div>',2)),t("div",Xm,[t("div",qm,[(x(!0),y(Q,null,at(f.value,p=>(x(),y("button",{key:p.id,class:et(["ios-tab",{active:l.value===p.id}]),onClick:g=>l.value=p.id},I(p.label),11,tb))),128))]),t("div",sb,[l.value==="tab1"?(x(),y("div",eb,d[8]||(d[8]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),l.value==="tab2"?(x(),y("div",ab,d[9]||(d[9]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),l.value==="tab3"?(x(),y("div",ib,d[10]||(d[10]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])])]),t("div",nb,[t("a",ob,[r(u(ut),{class:"w-6 h-6"}),d[12]||(d[12]=t("span",null,"首页",-1))]),t("a",lb,[r(u(X),{class:"w-6 h-6"}),d[13]||(d[13]=t("span",null,"搜索",-1))]),t("a",db,[r(u(vt),{class:"w-6 h-6"}),d[14]||(d[14]=t("span",null,"添加",-1))]),t("a",cb,[r(u(W),{class:"w-6 h-6"}),d[15]||(d[15]=t("span",null,"通知",-1))]),t("a",rb,[r(u(q),{class:"w-6 h-6"}),d[16]||(d[16]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",ub,[t("div",vb,[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",fb,[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)},"确定")])])])):j("",!0),i.value?(x(),y("div",pb,[t("div",mb,[d[21]||(d[21]=t("div",{class:"ios-action-sheet-title"},"选择操作",-1)),t("button",bb,[r(u(Or),{class:"w-5 h-5"}),d[18]||(d[18]=t("span",null,"拍照",-1))]),t("button",hb,[r(u(Hr),{class:"w-5 h-5"}),d[19]||(d[19]=t("span",null,"从相册选择",-1))]),t("button",gb,[r(u(Br),{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)},"取消")])):j("",!0)]))}},yb=pt(xb,[["__scopeId","data-v-aa81dc6c"]]),_b={class:"fluent-container min-h-screen bg-gray-50"},wb={class:"fluent-app-bar"},$b={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Ib={class:"flex items-center"},Mb={class:"flex items-center space-x-4"},kb={class:"fluent-search-box"},Cb={key:0,class:"fluent-badge"},Db={class:"space-y-2"},Ab={href:"#",class:"fluent-nav-item active"},jb={href:"#",class:"fluent-nav-item"},Nb={href:"#",class:"fluent-nav-item"},Eb={href:"#",class:"fluent-nav-item"},zb={class:"container mx-auto p-6"},Pb={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Sb={class:"fluent-card"},Rb={class:"p-4"},Tb={class:"grid grid-cols-2 gap-4"},Gb={class:"fluent-stat-card"},Zb={class:"fluent-stat-icon"},Lb={class:"fluent-stat-card"},Ob={class:"fluent-stat-icon"},Hb={class:"fluent-card md:col-span-2"},Bb={class:"p-4"},Wb={class:"fluent-chart"},Vb={class:"h-48 flex items-end space-x-2"},Yb={class:"fluent-card"},Jb={class:"p-4"},Fb={class:"space-y-4"},Qb={class:"fluent-checkbox"},Ub=["onUpdate:modelValue"],Kb={class:"flex-1"},Xb={class:"text-sm text-gray-500"},qb={class:"fluent-icon-button"},t1={class:"fluent-card md:col-span-2"},s1={class:"p-4"},e1={class:"space-y-4"},a1={class:"flex-1"},i1={class:"flex justify-between"},n1={class:"font-medium"},o1={class:"text-sm text-gray-500"},l1={class:"text-gray-600"},d1={class:"fluent-icon-button"},c1={class:"fluent-card"},r1={class:"p-4"},u1={class:"space-y-4"},v1={class:"flex flex-wrap gap-4"},f1={class:"fluent-button icon"},p1={class:"flex flex-wrap gap-4"},m1={class:"fluent-button loading"},b1={class:"fluent-card md:col-span-3"},h1={class:"p-4"},g1={class:"fluent-tabs"},x1=["onClick"],y1={class:"mt-4"},_1={key:0,class:"fluent-tab-content"},w1={key:1,class:"fluent-tab-content"},$1={key:2,class:"fluent-tab-content"},I1={class:"fluent-bottom-nav"},M1={href:"#",class:"fluent-bottom-nav-item active"},k1={href:"#",class:"fluent-bottom-nav-item"},C1={href:"#",class:"fluent-bottom-nav-item"},D1={href:"#",class:"fluent-bottom-nav-item"},A1={href:"#",class:"fluent-bottom-nav-item"},j1={key:0,class:"fluent-dialog-overlay"},N1={class:"fluent-dialog"},E1={class:"fluent-dialog-header"},z1={class:"fluent-dialog-actions"},P1={key:1,class:"fluent-notification-panel"},S1={class:"fluent-notification-header"},R1={class:"fluent-notification-list"},T1={class:"fluent-notification-icon"},G1={class:"flex-1"},Z1={class:"font-medium"},L1={class:"text-sm text-gray-500"},O1={class:"text-xs text-gray-400"},H1={key:2,class:"fluent-profile-panel"},B1={class:"fluent-profile-header"},W1={class:"fluent-profile-menu"},V1={href:"#",class:"fluent-profile-menu-item"},Y1={href:"#",class:"fluent-profile-menu-item"},J1={href:"#",class:"fluent-profile-menu-item"},F1={__name:"FluentDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C(!1),l=C("tab1"),c=C(3),f=C([{id:1,title:"完成项目报告",dueDate:"今天",completed:!1},{id:2,title:"回复客户邮件",dueDate:"明天",completed:!0},{id:3,title:"准备会议材料",dueDate:"后天",completed:!1}]),o=C([{id:1,sender:"Alice",content:"你好，请问项目进展如何？",time:"10:30",initials:"A",avatarClass:"bg-blue-500"},{id:2,sender:"Bob",content:"会议时间改到下午3点",time:"09:15",initials:"B",avatarClass:"bg-green-500"}]),d=C([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]),p=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(g,v)=>(x(),y("div",_b,[t("div",wb,[t("div",$b,[t("div",Ib,[t("button",{class:"fluent-icon-button",onClick:v[0]||(v[0]=h=>n.value=!n.value)},[r(u(zt),{class:"w-5 h-5"})]),v[8]||(v[8]=t("h1",{class:"text-xl font-medium text-gray-900 ml-4"},"Fluent Design",-1))]),t("div",Mb,[t("div",kb,[r(u(X),{class:"w-5 h-5 text-gray-500"}),v[9]||(v[9]=t("input",{type:"text",placeholder:"搜索...",class:"fluent-search-input"},null,-1))]),t("button",{class:"fluent-icon-button",onClick:v[1]||(v[1]=h=>i.value=!i.value)},[r(u(W),{class:"w-5 h-5"}),c.value>0?(x(),y("span",Cb,I(c.value),1)):j("",!0)]),t("button",{class:"fluent-icon-button",onClick:v[2]||(v[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",Db,[t("a",Ab,[r(u(ut),{class:"w-5 h-5"}),v[10]||(v[10]=t("span",null,"首页",-1))]),t("a",jb,[r(u(Tt),{class:"w-5 h-5"}),v[11]||(v[11]=t("span",null,"收件箱",-1)),v[12]||(v[12]=t("span",{class:"fluent-badge"},"12",-1))]),t("a",Nb,[r(u(Gt),{class:"w-5 h-5"}),v[13]||(v[13]=t("span",null,"收藏",-1))]),t("a",Eb,[r(u(jt),{class:"w-5 h-5"}),v[14]||(v[14]=t("span",null,"设置",-1))])])],2),t("div",zb,[t("div",Pb,[t("div",Sb,[t("div",Rb,[v[17]||(v[17]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"数据统计",-1)),t("div",Tb,[t("div",Gb,[t("div",Zb,[r(u($o),{class:"w-6 h-6"})]),v[15]||(v[15]=t("div",{class:"fluent-stat-content"},[t("span",{class:"text-gray-500"},"用户数"),t("span",{class:"text-2xl font-bold"},"1,234")],-1))]),t("div",Lb,[t("div",Ob,[r(u(yo),{class:"w-6 h-6"})]),v[16]||(v[16]=t("div",{class:"fluent-stat-content"},[t("span",{class:"text-gray-500"},"活跃度"),t("span",{class:"text-2xl font-bold"},"89%")],-1))])])])]),t("div",Hb,[t("div",Bb,[v[18]||(v[18]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"数据趋势",-1)),t("div",Wb,[t("div",Vb,[(x(),y(Q,null,at(7,h=>t("div",{key:h,class:"fluent-chart-bar",style:ke({height:`${Math.random()*100}%`})},null,4)),64))])])])]),t("div",Yb,[t("div",Jb,[v[20]||(v[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"任务列表",-1)),t("div",Fb,[(x(!0),y(Q,null,at(f.value,h=>(x(),y("div",{key:h.id,class:"fluent-task-item"},[t("label",Qb,[Rt(t("input",{type:"checkbox","onUpdate:modelValue":T=>h.completed=T},null,8,Ub),[[Fe,h.completed]]),v[19]||(v[19]=t("span",{class:"fluent-checkmark"},null,-1))]),t("div",Kb,[t("h3",{class:et(["font-medium",{"line-through text-gray-400":h.completed}])},I(h.title),3),t("p",Xb,I(h.dueDate),1)]),t("button",qb,[r(u(ct),{class:"w-5 h-5"})])]))),128))])])]),t("div",t1,[t("div",s1,[v[21]||(v[21]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"消息列表",-1)),t("div",e1,[(x(!0),y(Q,null,at(o.value,h=>(x(),y("div",{key:h.id,class:"fluent-message-item"},[t("div",{class:et(["fluent-avatar",h.avatarClass])},I(h.initials),3),t("div",a1,[t("div",i1,[t("h3",n1,I(h.sender),1),t("span",o1,I(h.time),1)]),t("p",l1,I(h.content),1)]),t("button",d1,[r(u(ct),{class:"w-5 h-5"})])]))),128))])])]),v[32]||(v[32]=V('<div class="fluent-card" data-v-0a64c6d6><div class="p-4" data-v-0a64c6d6><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-0a64c6d6>表单元素</h2><div class="space-y-4" data-v-0a64c6d6><div class="fluent-input-group" data-v-0a64c6d6><label class="text-gray-600" data-v-0a64c6d6>文本输入</label><input type="text" placeholder="请输入内容" class="fluent-input" data-v-0a64c6d6></div><div class="fluent-input-group" data-v-0a64c6d6><label class="text-gray-600" data-v-0a64c6d6>密码输入</label><input type="password" placeholder="请输入密码" class="fluent-input" data-v-0a64c6d6></div><div class="fluent-input-group" data-v-0a64c6d6><label class="text-gray-600" data-v-0a64c6d6>下拉选择</label><select class="fluent-input" data-v-0a64c6d6><option data-v-0a64c6d6>选项 1</option><option data-v-0a64c6d6>选项 2</option><option data-v-0a64c6d6>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-0a64c6d6><label class="fluent-checkbox" data-v-0a64c6d6><input type="checkbox" data-v-0a64c6d6><span class="fluent-checkmark" data-v-0a64c6d6></span><span class="text-gray-600" data-v-0a64c6d6>复选框</span></label><label class="fluent-radio" data-v-0a64c6d6><input type="radio" name="radio" data-v-0a64c6d6><span class="fluent-radiomark" data-v-0a64c6d6></span><span class="text-gray-600" data-v-0a64c6d6>单选框</span></label></div><div class="fluent-switch" data-v-0a64c6d6><input type="checkbox" id="switch1" data-v-0a64c6d6><label for="switch1" class="text-gray-600" data-v-0a64c6d6>开关</label></div></div></div></div>',1)),t("div",c1,[t("div",r1,[v[27]||(v[27]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",u1,[t("div",v1,[v[22]||(v[22]=t("button",{class:"fluent-button"},"主要按钮",-1)),v[23]||(v[23]=t("button",{class:"fluent-button outlined"},"次要按钮",-1)),v[24]||(v[24]=t("button",{class:"fluent-button text"},"文本按钮",-1)),t("button",f1,[r(u(vt),{class:"w-5 h-5"})])]),t("div",p1,[v[25]||(v[25]=t("button",{class:"fluent-button small"},"小按钮",-1)),v[26]||(v[26]=t("button",{class:"fluent-button large"},"大按钮",-1)),t("button",m1,[r(u(_o),{class:"w-5 h-5 animate-spin"})])])])])]),v[33]||(v[33]=V('<div class="fluent-card" data-v-0a64c6d6><div class="p-4" data-v-0a64c6d6><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-0a64c6d6>进度指示器</h2><div class="space-y-4" data-v-0a64c6d6><div class="fluent-progress" data-v-0a64c6d6><div class="fluent-progress-bar" style="width:60%;" data-v-0a64c6d6></div></div><div class="fluent-progress circular" data-v-0a64c6d6><div class="fluent-progress-circle" data-v-0a64c6d6></div></div><div class="flex justify-between text-sm text-gray-500" data-v-0a64c6d6><span data-v-0a64c6d6>0%</span><span data-v-0a64c6d6>60%</span><span data-v-0a64c6d6>100%</span></div></div></div></div>',1)),t("div",b1,[t("div",h1,[v[31]||(v[31]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"标签页",-1)),t("div",g1,[(x(!0),y(Q,null,at(p.value,h=>(x(),y("button",{key:h.id,class:et(["fluent-tab",{active:l.value===h.id}]),onClick:T=>l.value=h.id},I(h.label),11,x1))),128))]),t("div",y1,[l.value==="tab1"?(x(),y("div",_1,v[28]||(v[28]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),l.value==="tab2"?(x(),y("div",w1,v[29]||(v[29]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),l.value==="tab3"?(x(),y("div",$1,v[30]||(v[30]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])])])])]),t("div",I1,[t("a",M1,[r(u(ut),{class:"w-6 h-6"}),v[34]||(v[34]=t("span",null,"首页",-1))]),t("a",k1,[r(u(X),{class:"w-6 h-6"}),v[35]||(v[35]=t("span",null,"搜索",-1))]),t("a",C1,[r(u(vt),{class:"w-6 h-6"}),v[36]||(v[36]=t("span",null,"添加",-1))]),t("a",D1,[r(u(W),{class:"w-6 h-6"}),v[37]||(v[37]=t("span",null,"通知",-1))]),t("a",A1,[r(u(q),{class:"w-6 h-6"}),v[38]||(v[38]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",j1,[t("div",N1,[t("div",E1,[v[39]||(v[39]=t("h3",{class:"text-gray-900"},"对话框标题",-1)),t("button",{class:"fluent-icon-button",onClick:v[3]||(v[3]=h=>a.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),v[40]||(v[40]=t("div",{class:"fluent-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个 Fluent Design 风格的对话框示例。")],-1)),t("div",z1,[t("button",{class:"fluent-button text",onClick:v[4]||(v[4]=h=>a.value=!1)},"取消"),t("button",{class:"fluent-button",onClick:v[5]||(v[5]=h=>a.value=!1)},"确定")])])])):j("",!0),i.value?(x(),y("div",P1,[t("div",S1,[v[41]||(v[41]=t("h3",{class:"text-gray-900"},"通知",-1)),t("button",{class:"fluent-icon-button",onClick:v[6]||(v[6]=h=>i.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",R1,[(x(!0),y(Q,null,at(d.value,h=>(x(),y("div",{key:h.id,class:"fluent-notification-item"},[t("div",T1,[r(u(W),{class:"w-5 h-5"})]),t("div",G1,[t("h4",Z1,I(h.title),1),t("p",L1,I(h.content),1)]),t("span",O1,I(h.time),1)]))),128))])])):j("",!0),e.value?(x(),y("div",H1,[t("div",B1,[v[42]||(v[42]=t("div",{class:"fluent-avatar large"},"JD",-1)),v[43]||(v[43]=t("div",{class:"ml-4"},[t("h3",{class:"font-medium"},"John Doe"),t("p",{class:"text-sm text-gray-500"},"john.doe@example.com")],-1)),t("button",{class:"fluent-icon-button",onClick:v[7]||(v[7]=h=>e.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",W1,[t("a",V1,[r(u(q),{class:"w-5 h-5"}),v[44]||(v[44]=t("span",null,"个人资料",-1))]),t("a",Y1,[r(u(jt),{class:"w-5 h-5"}),v[45]||(v[45]=t("span",null,"设置",-1))]),t("a",J1,[r(u(wo),{class:"w-5 h-5"}),v[46]||(v[46]=t("span",null,"退出登录",-1))])])])):j("",!0)]))}},Q1=pt(F1,[["__scopeId","data-v-0a64c6d6"]]),U1={class:"neu-container min-h-screen bg-gray-100"},K1={class:"neu-app-bar"},X1={class:"container mx-auto px-4 py-3 flex items-center justify-between"},q1={class:"flex items-center"},th={class:"flex items-center space-x-4"},sh={class:"neu-search-box"},eh={key:0,class:"neu-badge"},ah={class:"space-y-2"},ih={href:"#",class:"neu-nav-item active"},nh={href:"#",class:"neu-nav-item"},oh={href:"#",class:"neu-nav-item"},lh={href:"#",class:"neu-nav-item"},dh={class:"container mx-auto p-6"},ch={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},rh={class:"neu-card"},uh={class:"p-4"},vh={class:"grid grid-cols-2 gap-4"},fh={class:"neu-stat-card"},ph={class:"neu-stat-icon"},mh={class:"neu-stat-card"},bh={class:"neu-stat-icon"},hh={class:"neu-card md:col-span-2"},gh={class:"p-4"},xh={class:"neu-chart"},yh={class:"h-48 flex items-end space-x-2"},_h={class:"neu-card"},wh={class:"p-4"},$h={class:"space-y-4"},Ih={class:"neu-checkbox"},Mh=["onUpdate:modelValue"],kh={class:"flex-1"},Ch={class:"text-sm text-gray-500"},Dh={class:"neu-icon-button"},Ah={class:"neu-card md:col-span-2"},jh={class:"p-4"},Nh={class:"space-y-4"},Eh={class:"flex-1"},zh={class:"flex justify-between"},Ph={class:"font-medium"},Sh={class:"text-sm text-gray-500"},Rh={class:"text-gray-600"},Th={class:"neu-icon-button"},Gh={class:"neu-card"},Zh={class:"p-4"},Lh={class:"space-y-4"},Oh={class:"flex flex-wrap gap-4"},Hh={class:"neu-button icon"},Bh={class:"flex flex-wrap gap-4"},Wh={class:"neu-button loading"},Vh={class:"neu-card md:col-span-3"},Yh={class:"p-4"},Jh={class:"neu-tabs"},Fh=["onClick"],Qh={class:"mt-4"},Uh={key:0,class:"neu-tab-content"},Kh={key:1,class:"neu-tab-content"},Xh={key:2,class:"neu-tab-content"},qh={class:"neu-bottom-nav"},tg={href:"#",class:"neu-bottom-nav-item active"},sg={href:"#",class:"neu-bottom-nav-item"},eg={href:"#",class:"neu-bottom-nav-item"},ag={href:"#",class:"neu-bottom-nav-item"},ig={href:"#",class:"neu-bottom-nav-item"},ng={key:0,class:"neu-dialog-overlay"},og={class:"neu-dialog"},lg={class:"neu-dialog-header"},dg={class:"neu-dialog-actions"},cg={key:1,class:"neu-notification-panel"},rg={class:"neu-notification-header"},ug={class:"neu-notification-list"},vg={class:"neu-notification-icon"},fg={class:"flex-1"},pg={class:"font-medium"},mg={class:"text-sm text-gray-500"},bg={class:"text-xs text-gray-400"},hg={key:2,class:"neu-profile-panel"},gg={class:"neu-profile-header"},xg={class:"neu-profile-menu"},yg={href:"#",class:"neu-profile-menu-item"},_g={href:"#",class:"neu-profile-menu-item"},wg={href:"#",class:"neu-profile-menu-item"},$g={__name:"NeumorphismView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C(!1),l=C("tab1"),c=C(3),f=C([{id:1,title:"完成项目报告",dueDate:"今天",completed:!1},{id:2,title:"回复客户邮件",dueDate:"明天",completed:!0},{id:3,title:"准备会议材料",dueDate:"后天",completed:!1}]),o=C([{id:1,sender:"Alice",content:"你好，请问项目进展如何？",time:"10:30",initials:"A",avatarClass:"bg-blue-500"},{id:2,sender:"Bob",content:"会议时间改到下午3点",time:"09:15",initials:"B",avatarClass:"bg-green-500"}]),d=C([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]),p=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(g,v)=>(x(),y("div",U1,[t("div",K1,[t("div",X1,[t("div",q1,[t("button",{class:"neu-icon-button",onClick:v[0]||(v[0]=h=>n.value=!n.value)},[r(u(zt),{class:"w-5 h-5"})]),v[8]||(v[8]=t("h1",{class:"text-xl font-medium text-gray-700 ml-4"},"Neumorphism",-1))]),t("div",th,[t("div",sh,[r(u(X),{class:"w-5 h-5 text-gray-500"}),v[9]||(v[9]=t("input",{type:"text",placeholder:"搜索...",class:"neu-search-input"},null,-1))]),t("button",{class:"neu-icon-button",onClick:v[1]||(v[1]=h=>i.value=!i.value)},[r(u(W),{class:"w-5 h-5"}),c.value>0?(x(),y("span",eh,I(c.value),1)):j("",!0)]),t("button",{class:"neu-icon-button",onClick:v[2]||(v[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",ah,[t("a",ih,[r(u(ut),{class:"w-5 h-5"}),v[10]||(v[10]=t("span",null,"首页",-1))]),t("a",nh,[r(u(Tt),{class:"w-5 h-5"}),v[11]||(v[11]=t("span",null,"收件箱",-1)),v[12]||(v[12]=t("span",{class:"neu-badge"},"12",-1))]),t("a",oh,[r(u(Gt),{class:"w-5 h-5"}),v[13]||(v[13]=t("span",null,"收藏",-1))]),t("a",lh,[r(u(jt),{class:"w-5 h-5"}),v[14]||(v[14]=t("span",null,"设置",-1))])])],2),t("div",dh,[t("div",ch,[t("div",rh,[t("div",uh,[v[17]||(v[17]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"数据统计",-1)),t("div",vh,[t("div",fh,[t("div",ph,[r(u($o),{class:"w-6 h-6"})]),v[15]||(v[15]=t("div",{class:"neu-stat-content"},[t("span",{class:"text-gray-500"},"用户数"),t("span",{class:"text-2xl font-bold"},"1,234")],-1))]),t("div",mh,[t("div",bh,[r(u(yo),{class:"w-6 h-6"})]),v[16]||(v[16]=t("div",{class:"neu-stat-content"},[t("span",{class:"text-gray-500"},"活跃度"),t("span",{class:"text-2xl font-bold"},"89%")],-1))])])])]),t("div",hh,[t("div",gh,[v[18]||(v[18]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"数据趋势",-1)),t("div",xh,[t("div",yh,[(x(),y(Q,null,at(7,h=>t("div",{key:h,class:"neu-chart-bar",style:ke({height:`${Math.random()*100}%`})},null,4)),64))])])])]),t("div",_h,[t("div",wh,[v[20]||(v[20]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"任务列表",-1)),t("div",$h,[(x(!0),y(Q,null,at(f.value,h=>(x(),y("div",{key:h.id,class:"neu-task-item"},[t("label",Ih,[Rt(t("input",{type:"checkbox","onUpdate:modelValue":T=>h.completed=T},null,8,Mh),[[Fe,h.completed]]),v[19]||(v[19]=t("span",{class:"neu-checkmark"},null,-1))]),t("div",kh,[t("h3",{class:et(["font-medium",{"line-through text-gray-400":h.completed}])},I(h.title),3),t("p",Ch,I(h.dueDate),1)]),t("button",Dh,[r(u(ct),{class:"w-5 h-5"})])]))),128))])])]),t("div",Ah,[t("div",jh,[v[21]||(v[21]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"消息列表",-1)),t("div",Nh,[(x(!0),y(Q,null,at(o.value,h=>(x(),y("div",{key:h.id,class:"neu-message-item"},[t("div",{class:et(["neu-avatar",h.avatarClass])},I(h.initials),3),t("div",Eh,[t("div",zh,[t("h3",Ph,I(h.sender),1),t("span",Sh,I(h.time),1)]),t("p",Rh,I(h.content),1)]),t("button",Th,[r(u(ct),{class:"w-5 h-5"})])]))),128))])])]),v[32]||(v[32]=V('<div class="neu-card" data-v-2eec1b47><div class="p-4" data-v-2eec1b47><h2 class="text-lg font-medium mb-4 text-gray-700" data-v-2eec1b47>表单元素</h2><div class="space-y-4" data-v-2eec1b47><div class="neu-input-group" data-v-2eec1b47><label class="text-gray-600" data-v-2eec1b47>文本输入</label><input type="text" placeholder="请输入内容" class="neu-input" data-v-2eec1b47></div><div class="neu-input-group" data-v-2eec1b47><label class="text-gray-600" data-v-2eec1b47>密码输入</label><input type="password" placeholder="请输入密码" class="neu-input" data-v-2eec1b47></div><div class="neu-input-group" data-v-2eec1b47><label class="text-gray-600" data-v-2eec1b47>下拉选择</label><select class="neu-input" data-v-2eec1b47><option data-v-2eec1b47>选项 1</option><option data-v-2eec1b47>选项 2</option><option data-v-2eec1b47>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-2eec1b47><label class="neu-checkbox" data-v-2eec1b47><input type="checkbox" data-v-2eec1b47><span class="neu-checkmark" data-v-2eec1b47></span><span class="text-gray-600" data-v-2eec1b47>复选框</span></label><label class="neu-radio" data-v-2eec1b47><input type="radio" name="radio" data-v-2eec1b47><span class="neu-radiomark" data-v-2eec1b47></span><span class="text-gray-600" data-v-2eec1b47>单选框</span></label></div><div class="neu-switch" data-v-2eec1b47><input type="checkbox" id="switch1" data-v-2eec1b47><label for="switch1" class="text-gray-600" data-v-2eec1b47>开关</label></div></div></div></div>',1)),t("div",Gh,[t("div",Zh,[v[27]||(v[27]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"按钮样式",-1)),t("div",Lh,[t("div",Oh,[v[22]||(v[22]=t("button",{class:"neu-button"},"主要按钮",-1)),v[23]||(v[23]=t("button",{class:"neu-button outlined"},"次要按钮",-1)),v[24]||(v[24]=t("button",{class:"neu-button text"},"文本按钮",-1)),t("button",Hh,[r(u(vt),{class:"w-5 h-5"})])]),t("div",Bh,[v[25]||(v[25]=t("button",{class:"neu-button small"},"小按钮",-1)),v[26]||(v[26]=t("button",{class:"neu-button large"},"大按钮",-1)),t("button",Wh,[r(u(_o),{class:"w-5 h-5 animate-spin"})])])])])]),v[33]||(v[33]=V('<div class="neu-card" data-v-2eec1b47><div class="p-4" data-v-2eec1b47><h2 class="text-lg font-medium mb-4 text-gray-700" data-v-2eec1b47>进度指示器</h2><div class="space-y-4" data-v-2eec1b47><div class="neu-progress" data-v-2eec1b47><div class="neu-progress-bar" style="width:60%;" data-v-2eec1b47></div></div><div class="neu-progress circular" data-v-2eec1b47><div class="neu-progress-circle" data-v-2eec1b47></div></div><div class="flex justify-between text-sm text-gray-500" data-v-2eec1b47><span data-v-2eec1b47>0%</span><span data-v-2eec1b47>60%</span><span data-v-2eec1b47>100%</span></div></div></div></div>',1)),t("div",Vh,[t("div",Yh,[v[31]||(v[31]=t("h2",{class:"text-lg font-medium mb-4 text-gray-700"},"标签页",-1)),t("div",Jh,[(x(!0),y(Q,null,at(p.value,h=>(x(),y("button",{key:h.id,class:et(["neu-tab",{active:l.value===h.id}]),onClick:T=>l.value=h.id},I(h.label),11,Fh))),128))]),t("div",Qh,[l.value==="tab1"?(x(),y("div",Uh,v[28]||(v[28]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),l.value==="tab2"?(x(),y("div",Kh,v[29]||(v[29]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),l.value==="tab3"?(x(),y("div",Xh,v[30]||(v[30]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])])])])]),t("div",qh,[t("a",tg,[r(u(ut),{class:"w-6 h-6"}),v[34]||(v[34]=t("span",null,"首页",-1))]),t("a",sg,[r(u(X),{class:"w-6 h-6"}),v[35]||(v[35]=t("span",null,"搜索",-1))]),t("a",eg,[r(u(vt),{class:"w-6 h-6"}),v[36]||(v[36]=t("span",null,"添加",-1))]),t("a",ag,[r(u(W),{class:"w-6 h-6"}),v[37]||(v[37]=t("span",null,"通知",-1))]),t("a",ig,[r(u(q),{class:"w-6 h-6"}),v[38]||(v[38]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",ng,[t("div",og,[t("div",lg,[v[39]||(v[39]=t("h3",{class:"text-gray-700"},"对话框标题",-1)),t("button",{class:"neu-icon-button",onClick:v[3]||(v[3]=h=>a.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),v[40]||(v[40]=t("div",{class:"neu-dialog-content"},[t("p",{class:"text-gray-600"},"这是一个 Neumorphism 风格的对话框示例。")],-1)),t("div",dg,[t("button",{class:"neu-button text",onClick:v[4]||(v[4]=h=>a.value=!1)},"取消"),t("button",{class:"neu-button",onClick:v[5]||(v[5]=h=>a.value=!1)},"确定")])])])):j("",!0),i.value?(x(),y("div",cg,[t("div",rg,[v[41]||(v[41]=t("h3",{class:"text-gray-700"},"通知",-1)),t("button",{class:"neu-icon-button",onClick:v[6]||(v[6]=h=>i.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",ug,[(x(!0),y(Q,null,at(d.value,h=>(x(),y("div",{key:h.id,class:"neu-notification-item"},[t("div",vg,[r(u(W),{class:"w-5 h-5"})]),t("div",fg,[t("h4",pg,I(h.title),1),t("p",mg,I(h.content),1)]),t("span",bg,I(h.time),1)]))),128))])])):j("",!0),e.value?(x(),y("div",hg,[t("div",gg,[v[42]||(v[42]=t("div",{class:"neu-avatar large"},"JD",-1)),v[43]||(v[43]=t("div",{class:"ml-4"},[t("h3",{class:"font-medium"},"John Doe"),t("p",{class:"text-sm text-gray-500"},"john.doe@example.com")],-1)),t("button",{class:"neu-icon-button",onClick:v[7]||(v[7]=h=>e.value=!1)},[r(u(st),{class:"w-5 h-5"})])]),t("div",xg,[t("a",yg,[r(u(q),{class:"w-5 h-5"}),v[44]||(v[44]=t("span",null,"个人资料",-1))]),t("a",_g,[r(u(jt),{class:"w-5 h-5"}),v[45]||(v[45]=t("span",null,"设置",-1))]),t("a",wg,[r(u(wo),{class:"w-5 h-5"}),v[46]||(v[46]=t("span",null,"退出登录",-1))])])])):j("",!0)]))}},Ig=pt($g,[["__scopeId","data-v-2eec1b47"]]),Mg={class:"glass-container min-h-screen bg-gradient-to-br from-purple-500 to-pink-500"},kg={class:"glass-app-bar"},Cg={class:"container mx-auto px-4 py-3 flex items-center justify-between"},Dg={class:"flex items-center"},Ag={class:"flex items-center space-x-4"},jg={class:"glass-icon-button"},Ng={class:"glass-icon-button"},Eg={class:"glass-icon-button"},zg={class:"container mx-auto p-6"},Pg={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Sg={class:"glass-card"},Rg={class:"p-4"},Tg={class:"space-y-2"},Gg={href:"#",class:"glass-nav-item active"},Zg={href:"#",class:"glass-nav-item"},Lg={href:"#",class:"glass-nav-item"},Og={href:"#",class:"glass-nav-item"},Hg={class:"md:col-span-2 space-y-6"},Bg={class:"glass-card"},Wg={class:"p-4"},Vg={class:"space-y-4"},Yg={class:"glass-list-item"},Jg={class:"glass-icon-button"},Fg={class:"glass-list-item"},Qg={class:"glass-icon-button"},Ug={class:"glass-card"},Kg={class:"p-4"},Xg={class:"flex flex-wrap gap-4"},qg={class:"glass-button icon"},t0={class:"glass-card"},s0={class:"p-4"},e0={class:"glass-bottom-nav"},a0={href:"#",class:"glass-bottom-nav-item active"},i0={href:"#",class:"glass-bottom-nav-item"},n0={href:"#",class:"glass-bottom-nav-item"},o0={href:"#",class:"glass-bottom-nav-item"},l0={href:"#",class:"glass-bottom-nav-item"},d0={key:0,class:"glass-dialog-overlay"},c0={class:"glass-dialog"},r0={class:"glass-dialog-header"},u0={class:"glass-dialog-actions"},v0={__name:"GlassmorphismView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",Mg,[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",kg,[t("div",Cg,[t("div",Dg,[r(u(zt),{class:"w-5 h-5 text-white mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-white"},"Glassmorphism",-1))]),t("div",Ag,[t("button",jg,[r(u(X),{class:"w-5 h-5"})]),t("button",Ng,[r(u(W),{class:"w-5 h-5"})]),t("button",Eg,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",zg,[t("div",Pg,[t("div",Sg,[t("div",Rg,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"导航菜单",-1)),t("nav",Tg,[t("a",Gg,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",Zg,[r(u(Tt),{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",Lg,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",Og,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",Hg,[t("div",Bg,[t("div",Wg,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"卡片列表",-1)),t("div",Vg,[t("div",Yg,[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",Jg,[r(u(ct),{class:"w-5 h-5"})])]),t("div",Fg,[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",Qg,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="glass-card" data-v-391d6a55><div class="p-4" data-v-391d6a55><h2 class="text-lg font-medium mb-4 text-white" data-v-391d6a55>表单元素</h2><div class="space-y-4" data-v-391d6a55><div class="glass-input-group" data-v-391d6a55><label class="text-white/80" data-v-391d6a55>文本输入</label><input type="text" placeholder="请输入内容" class="glass-input" data-v-391d6a55></div><div class="glass-input-group" data-v-391d6a55><label class="text-white/80" data-v-391d6a55>密码输入</label><input type="password" placeholder="请输入密码" class="glass-input" data-v-391d6a55></div><div class="glass-input-group" data-v-391d6a55><label class="text-white/80" data-v-391d6a55>下拉选择</label><select class="glass-input" data-v-391d6a55><option data-v-391d6a55>选项 1</option><option data-v-391d6a55>选项 2</option><option data-v-391d6a55>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-391d6a55><label class="glass-checkbox" data-v-391d6a55><input type="checkbox" data-v-391d6a55><span class="glass-checkmark" data-v-391d6a55></span><span class="text-white/80" data-v-391d6a55>复选框</span></label><label class="glass-radio" data-v-391d6a55><input type="radio" name="radio" data-v-391d6a55><span class="glass-radiomark" data-v-391d6a55></span><span class="text-white/80" data-v-391d6a55>单选框</span></label></div><div class="glass-switch" data-v-391d6a55><input type="checkbox" id="switch1" data-v-391d6a55><label for="switch1" class="text-white/80" data-v-391d6a55>开关</label></div></div></div></div>',1)),t("div",Ug,[t("div",Kg,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-white"},"按钮样式",-1)),t("div",Xg,[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",qg,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="glass-card" data-v-391d6a55><div class="p-4" data-v-391d6a55><h2 class="text-lg font-medium mb-4 text-white" data-v-391d6a55>进度指示器</h2><div class="space-y-4" data-v-391d6a55><div class="glass-progress" data-v-391d6a55><div class="glass-progress-bar" style="width:60%;" data-v-391d6a55></div></div><div class="glass-progress circular" data-v-391d6a55><div class="glass-progress-circle" data-v-391d6a55></div></div></div></div></div>',1)),t("div",t0,[t("div",s0,[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",e0,[t("a",a0,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",i0,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",n0,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",o0,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",l0,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",d0,[t("div",c0,[t("div",r0,[e[28]||(e[28]=t("h3",{class:"text-white"},"对话框标题",-1)),t("button",{class:"glass-icon-button",onClick:e[1]||(e[1]=n=>a.value=!1)},[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",u0,[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)},"确定")])])])):j("",!0)]))}},f0=pt(v0,[["__scopeId","data-v-391d6a55"]]),p0={class:"brutal-container min-h-screen bg-yellow-50"},m0={class:"brutal-header"},b0={class:"brutal-header-content"},h0={class:"brutal-header-actions"},g0={class:"brutal-btn text"},x0={class:"brutal-btn text"},y0={class:"brutal-btn text"},_0={class:"brutal-main"},w0={class:"brutal-card-list"},$0={class:"brutal-card-cover"},I0=["src","alt"],M0={class:"brutal-card-body"},k0={class:"brutal-card-meta"},C0={class:"brutal-card-meta-avatar"},D0={class:"brutal-card-meta-content"},A0={class:"brutal-card-meta-title"},j0={class:"brutal-card-meta-description"},N0={class:"brutal-card-content"},E0={class:"brutal-card-actions"},z0={class:"brutal-btn text"},P0={class:"brutal-btn text"},S0={class:"brutal-btn text"},R0={class:"brutal-tabs"},T0={class:"brutal-tabs-nav"},G0=["onClick"],Z0={class:"brutal-tabs-content"},L0={key:0,class:"brutal-tabs-tabpane"},O0={key:1,class:"brutal-tabs-tabpane"},H0={key:2,class:"brutal-tabs-tabpane"},B0={key:0,class:"brutal-modal-mask"},W0={class:"brutal-modal-wrap"},V0={class:"brutal-modal"},Y0={class:"brutal-modal-content"},J0={class:"brutal-modal-header"},F0={class:"brutal-modal-footer"},Q0={key:1,class:"brutal-message"},U0={class:"brutal-message-notice"},K0={class:"brutal-message-notice-content"},X0={key:2,class:"brutal-notification"},q0={class:"brutal-notification-notice"},t2={class:"brutal-notification-notice-content"},s2={class:"brutal-notification-notice-icon"},e2="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=",a2={__name:"BrutalismView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0MCIgeT0iNDAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-black"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0MCIgeT0iNDAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-black"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",p0,[t("div",m0,[t("div",b0,[t("div",{class:"brutal-logo"},[t("img",{src:e2,alt:"Brutalism Logo",class:"brutal-logo-img"}),o[4]||(o[4]=t("span",{class:"brutal-logo-text"},"BRUTALISM",-1))]),o[5]||(o[5]=V('<div class="brutal-nav" data-v-4868d9fe><a href="#" class="brutal-nav-item active" data-v-4868d9fe>首页</a><a href="#" class="brutal-nav-item" data-v-4868d9fe>组件</a><a href="#" class="brutal-nav-item" data-v-4868d9fe>文档</a><a href="#" class="brutal-nav-item" data-v-4868d9fe>主题</a></div>',1)),t("div",h0,[t("button",g0,[r(u(X),{class:"w-5 h-5"})]),t("button",x0,[r(u(W),{class:"w-5 h-5"})]),t("button",y0,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",_0,[t("div",w0,[(x(!0),y(Q,null,at(l.value,d=>(x(),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,I0)]),t("div",M0,[t("div",k0,[t("div",C0,[t("div",{class:et(["brutal-avatar",d.avatarClass])},I(d.initials),3)]),t("div",D0,[t("h3",A0,I(d.title),1),t("p",j0,I(d.description),1)])]),t("p",N0,I(d.content),1),t("div",E0,[t("button",z0,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",P0,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",S0,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="brutal-form" data-v-4868d9fe><div class="brutal-form-item" data-v-4868d9fe><label class="brutal-form-item-label" data-v-4868d9fe>文本输入</label><div class="brutal-form-item-control" data-v-4868d9fe><input type="text" placeholder="请输入内容" class="brutal-input" data-v-4868d9fe></div></div><div class="brutal-form-item" data-v-4868d9fe><label class="brutal-form-item-label" data-v-4868d9fe>密码输入</label><div class="brutal-form-item-control" data-v-4868d9fe><input type="password" placeholder="请输入密码" class="brutal-input" data-v-4868d9fe></div></div><div class="brutal-form-item" data-v-4868d9fe><label class="brutal-form-item-label" data-v-4868d9fe>下拉选择</label><div class="brutal-form-item-control" data-v-4868d9fe><select class="brutal-select" data-v-4868d9fe><option data-v-4868d9fe>选项 1</option><option data-v-4868d9fe>选项 2</option><option data-v-4868d9fe>选项 3</option></select></div></div><div class="brutal-form-item" data-v-4868d9fe><label class="brutal-form-item-label" data-v-4868d9fe>开关</label><div class="brutal-form-item-control" data-v-4868d9fe><label class="brutal-switch" data-v-4868d9fe><input type="checkbox" data-v-4868d9fe><span class="brutal-switch-inner" data-v-4868d9fe></span></label></div></div></div><div class="brutal-btn-group" data-v-4868d9fe><button class="brutal-btn primary" data-v-4868d9fe>主要按钮</button><button class="brutal-btn secondary" data-v-4868d9fe>次要按钮</button><button class="brutal-btn outline" data-v-4868d9fe>轮廓按钮</button><button class="brutal-btn text" data-v-4868d9fe>文本按钮</button></div>',2)),t("div",R0,[t("div",T0,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,G0))),128))]),t("div",Z0,[n.value==="tab1"?(x(),y("div",L0,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",O0,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",H0,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",B0,[t("div",W0,[t("div",V0,[t("div",Y0,[t("div",J0,[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",F0,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",Q0,[t("div",U0,[t("div",K0,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",X0,[t("div",q0,[t("div",t2,[t("div",s2,[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"})])])])):j("",!0)])]))}},i2=pt(a2,[["__scopeId","data-v-4868d9fe"]]),n2={class:"cyberpunk-container min-h-screen bg-gradient-to-br from-purple-900 via-pink-900 to-blue-900"},o2={class:"cyberpunk-app-bar"},l2={class:"container mx-auto px-4 py-3 flex items-center justify-between"},d2={class:"flex items-center"},c2={class:"flex items-center space-x-4"},r2={class:"cyberpunk-icon-button"},u2={class:"cyberpunk-icon-button"},v2={class:"cyberpunk-icon-button"},f2={class:"container mx-auto p-6"},p2={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},m2={class:"cyberpunk-card"},b2={class:"p-4"},h2={class:"space-y-2"},g2={href:"#",class:"cyberpunk-nav-item active"},x2={href:"#",class:"cyberpunk-nav-item"},y2={href:"#",class:"cyberpunk-nav-item"},_2={href:"#",class:"cyberpunk-nav-item"},w2={class:"md:col-span-2 space-y-6"},$2={class:"cyberpunk-card"},I2={class:"p-4"},M2={class:"space-y-4"},k2={class:"cyberpunk-list-item"},C2={class:"cyberpunk-icon-button"},D2={class:"cyberpunk-list-item"},A2={class:"cyberpunk-icon-button"},j2={class:"cyberpunk-card"},N2={class:"p-4"},E2={class:"flex flex-wrap gap-4"},z2={class:"cyberpunk-button icon"},P2={class:"cyberpunk-card"},S2={class:"p-4"},R2={class:"cyberpunk-bottom-nav"},T2={href:"#",class:"cyberpunk-bottom-nav-item active"},G2={href:"#",class:"cyberpunk-bottom-nav-item"},Z2={href:"#",class:"cyberpunk-bottom-nav-item"},L2={href:"#",class:"cyberpunk-bottom-nav-item"},O2={href:"#",class:"cyberpunk-bottom-nav-item"},H2={key:0,class:"cyberpunk-dialog-overlay"},B2={class:"cyberpunk-dialog"},W2={class:"cyberpunk-dialog-header"},V2={class:"cyberpunk-dialog-actions"},Y2={__name:"CyberpunkView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",n2,[t("div",o2,[t("div",l2,[t("div",d2,[r(u(zt),{class:"w-5 h-5 text-pink-200 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-pink-100"},"Cyberpunk Design",-1))]),t("div",c2,[t("button",r2,[r(u(X),{class:"w-5 h-5"})]),t("button",u2,[r(u(W),{class:"w-5 h-5"})]),t("button",v2,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",f2,[t("div",p2,[t("div",m2,[t("div",b2,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"导航菜单",-1)),t("nav",h2,[t("a",g2,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",x2,[r(u(Tt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"cyberpunk-badge"},"12",-1))]),t("a",y2,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",_2,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",w2,[t("div",$2,[t("div",I2,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"卡片列表",-1)),t("div",M2,[t("div",k2,[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",C2,[r(u(ct),{class:"w-5 h-5"})])]),t("div",D2,[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",A2,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="cyberpunk-card" data-v-bbc77969><div class="p-4" data-v-bbc77969><h2 class="text-lg font-medium mb-4 text-pink-100" data-v-bbc77969>表单元素</h2><div class="space-y-4" data-v-bbc77969><div class="cyberpunk-input-group" data-v-bbc77969><label class="text-pink-200" data-v-bbc77969>文本输入</label><input type="text" placeholder="请输入内容" class="cyberpunk-input" data-v-bbc77969></div><div class="cyberpunk-input-group" data-v-bbc77969><label class="text-pink-200" data-v-bbc77969>密码输入</label><input type="password" placeholder="请输入密码" class="cyberpunk-input" data-v-bbc77969></div><div class="cyberpunk-input-group" data-v-bbc77969><label class="text-pink-200" data-v-bbc77969>下拉选择</label><select class="cyberpunk-input" data-v-bbc77969><option data-v-bbc77969>选项 1</option><option data-v-bbc77969>选项 2</option><option data-v-bbc77969>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-bbc77969><label class="cyberpunk-checkbox" data-v-bbc77969><input type="checkbox" data-v-bbc77969><span class="cyberpunk-checkmark" data-v-bbc77969></span><span class="text-pink-200" data-v-bbc77969>复选框</span></label><label class="cyberpunk-radio" data-v-bbc77969><input type="radio" name="radio" data-v-bbc77969><span class="cyberpunk-radiomark" data-v-bbc77969></span><span class="text-pink-200" data-v-bbc77969>单选框</span></label></div><div class="cyberpunk-switch" data-v-bbc77969><input type="checkbox" id="switch1" data-v-bbc77969><label for="switch1" class="text-pink-200" data-v-bbc77969>开关</label></div></div></div></div>',1)),t("div",j2,[t("div",N2,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"按钮样式",-1)),t("div",E2,[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",z2,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="cyberpunk-card" data-v-bbc77969><div class="p-4" data-v-bbc77969><h2 class="text-lg font-medium mb-4 text-pink-100" data-v-bbc77969>进度指示器</h2><div class="space-y-4" data-v-bbc77969><div class="cyberpunk-progress" data-v-bbc77969><div class="cyberpunk-progress-bar" style="width:60%;" data-v-bbc77969></div></div><div class="cyberpunk-progress circular" data-v-bbc77969><div class="cyberpunk-progress-circle" data-v-bbc77969></div></div></div></div></div>',1)),t("div",P2,[t("div",S2,[e[20]||(e[20]=t("h2",{class:"text-lg font-medium mb-4 text-pink-100"},"对话框示例",-1)),t("button",{class:"cyberpunk-button",onClick:e[0]||(e[0]=n=>a.value=!0)},"打开对话框")])])])])]),t("div",R2,[t("a",T2,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",G2,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",Z2,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",L2,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",O2,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",H2,[t("div",B2,[t("div",W2,[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",V2,[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)},"确定")])])])):j("",!0)]))}},J2=pt(Y2,[["__scopeId","data-v-bbc77969"]]),F2={class:"organic-container min-h-screen bg-gradient-to-br from-green-50 to-emerald-50"},Q2={class:"organic-header"},U2={class:"organic-header-content"},K2={class:"organic-header-actions"},X2={class:"organic-btn text"},q2={class:"organic-btn text"},tx={class:"organic-btn text"},sx={class:"organic-main"},ex={class:"organic-card-list"},ax={class:"organic-card-cover"},ix=["src","alt"],nx={class:"organic-card-body"},ox={class:"organic-card-meta"},lx={class:"organic-card-meta-avatar"},dx={class:"organic-card-meta-content"},cx={class:"organic-card-meta-title"},rx={class:"organic-card-meta-description"},ux={class:"organic-card-content"},vx={class:"organic-card-actions"},fx={class:"organic-btn text"},px={class:"organic-btn text"},mx={class:"organic-btn text"},bx={class:"organic-tabs"},hx={class:"organic-tabs-nav"},gx=["onClick"],xx={class:"organic-tabs-content"},yx={key:0,class:"organic-tabs-tabpane"},_x={key:1,class:"organic-tabs-tabpane"},wx={key:2,class:"organic-tabs-tabpane"},$x={key:0,class:"organic-modal-mask"},Ix={class:"organic-modal-wrap"},Mx={class:"organic-modal"},kx={class:"organic-modal-content"},Cx={class:"organic-modal-header"},Dx={class:"organic-modal-footer"},Ax={key:1,class:"organic-message"},jx={class:"organic-message-notice"},Nx={class:"organic-message-notice-content"},Ex={key:2,class:"organic-notification"},zx={class:"organic-notification-notice"},Px={class:"organic-notification-notice-content"},Sx={class:"organic-notification-notice-icon"},Rx="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiM0MEYyQTUiLz48L3N2Zz4=",Tx={__name:"OrganicDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiM0MEYyQTUiLz48L3N2Zz4=",likes:42,comments:8,initials:"JD",avatarClass:"bg-green-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiMyRDg4NUYiLz48L3N2Zz4=",likes:36,comments:5,initials:"AB",avatarClass:"bg-green-600"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",F2,[t("div",Q2,[t("div",U2,[t("div",{class:"organic-logo"},[t("img",{src:Rx,alt:"Organic Design Logo",class:"organic-logo-img"}),o[4]||(o[4]=t("span",{class:"organic-logo-text"},"ORGANIC",-1))]),o[5]||(o[5]=V('<div class="organic-nav" data-v-3c572959><a href="#" class="organic-nav-item active" data-v-3c572959>首页</a><a href="#" class="organic-nav-item" data-v-3c572959>组件</a><a href="#" class="organic-nav-item" data-v-3c572959>文档</a><a href="#" class="organic-nav-item" data-v-3c572959>主题</a></div>',1)),t("div",K2,[t("button",X2,[r(u(X),{class:"w-5 h-5"})]),t("button",q2,[r(u(W),{class:"w-5 h-5"})]),t("button",tx,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",sx,[t("div",ex,[(x(!0),y(Q,null,at(l.value,d=>(x(),y("div",{key:d.id,class:"organic-card"},[t("div",ax,[t("img",{src:d.cover,alt:d.title,class:"organic-card-cover-img"},null,8,ix)]),t("div",nx,[t("div",ox,[t("div",lx,[t("div",{class:et(["organic-avatar",d.avatarClass])},I(d.initials),3)]),t("div",dx,[t("h3",cx,I(d.title),1),t("p",rx,I(d.description),1)])]),t("p",ux,I(d.content),1),t("div",vx,[t("button",fx,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",px,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",mx,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="organic-form" data-v-3c572959><div class="organic-form-item" data-v-3c572959><label class="organic-form-item-label" data-v-3c572959>文本输入</label><div class="organic-form-item-control" data-v-3c572959><input type="text" placeholder="请输入内容" class="organic-input" data-v-3c572959></div></div><div class="organic-form-item" data-v-3c572959><label class="organic-form-item-label" data-v-3c572959>密码输入</label><div class="organic-form-item-control" data-v-3c572959><input type="password" placeholder="请输入密码" class="organic-input" data-v-3c572959></div></div><div class="organic-form-item" data-v-3c572959><label class="organic-form-item-label" data-v-3c572959>下拉选择</label><div class="organic-form-item-control" data-v-3c572959><select class="organic-select" data-v-3c572959><option data-v-3c572959>选项 1</option><option data-v-3c572959>选项 2</option><option data-v-3c572959>选项 3</option></select></div></div><div class="organic-form-item" data-v-3c572959><label class="organic-form-item-label" data-v-3c572959>开关</label><div class="organic-form-item-control" data-v-3c572959><label class="organic-switch" data-v-3c572959><input type="checkbox" data-v-3c572959><span class="organic-switch-inner" data-v-3c572959></span></label></div></div></div><div class="organic-btn-group" data-v-3c572959><button class="organic-btn primary" data-v-3c572959>主要按钮</button><button class="organic-btn secondary" data-v-3c572959>次要按钮</button><button class="organic-btn outline" data-v-3c572959>轮廓按钮</button><button class="organic-btn text" data-v-3c572959>文本按钮</button></div>',2)),t("div",bx,[t("div",hx,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,gx))),128))]),t("div",xx,[n.value==="tab1"?(x(),y("div",yx,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",_x,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",wx,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",$x,[t("div",Ix,[t("div",Mx,[t("div",kx,[t("div",Cx,[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",Dx,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",Ax,[t("div",jx,[t("div",Nx,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",Ex,[t("div",zx,[t("div",Px,[t("div",Sx,[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"})])])])):j("",!0)])]))}},Gx=pt(Tx,[["__scopeId","data-v-3c572959"]]),Zx={class:"pixel-container min-h-screen bg-indigo-900"},Lx={class:"pixel-header"},Ox={class:"pixel-header-content"},Hx={class:"pixel-header-actions"},Bx={class:"pixel-btn text"},Wx={class:"pixel-btn text"},Vx={class:"pixel-btn text"},Yx={class:"pixel-main"},Jx={class:"pixel-card-list"},Fx={class:"pixel-card-cover"},Qx=["src","alt"],Ux={class:"pixel-card-body"},Kx={class:"pixel-card-meta"},Xx={class:"pixel-card-meta-avatar"},qx={class:"pixel-card-meta-content"},ty={class:"pixel-card-meta-title"},sy={class:"pixel-card-meta-description"},ey={class:"pixel-card-content"},ay={class:"pixel-card-actions"},iy={class:"pixel-btn text"},ny={class:"pixel-btn text"},oy={class:"pixel-btn text"},ly={class:"pixel-tabs"},dy={class:"pixel-tabs-nav"},cy=["onClick"],ry={class:"pixel-tabs-content"},uy={key:0,class:"pixel-tabs-tabpane"},vy={key:1,class:"pixel-tabs-tabpane"},fy={key:2,class:"pixel-tabs-tabpane"},py={key:0,class:"pixel-modal-mask"},my={class:"pixel-modal-wrap"},by={class:"pixel-modal"},hy={class:"pixel-modal-content"},gy={class:"pixel-modal-header"},xy={class:"pixel-modal-footer"},yy={key:1,class:"pixel-message"},_y={class:"pixel-message-notice"},wy={class:"pixel-message-notice-content"},$y={key:2,class:"pixel-notification"},Iy={class:"pixel-notification-notice"},My={class:"pixel-notification-notice-content"},ky={class:"pixel-notification-notice-icon"},Cy="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=",Dy={__name:"PixelArtView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0MCIgeT0iNDAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-black"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI0MCIgeT0iNDAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-black"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",Zx,[t("div",Lx,[t("div",Ox,[t("div",{class:"pixel-logo"},[t("img",{src:Cy,alt:"Pixel Art Logo",class:"pixel-logo-img"}),o[4]||(o[4]=t("span",{class:"pixel-logo-text"},"PIXEL ART",-1))]),o[5]||(o[5]=V('<div class="pixel-nav" data-v-4aaea49c><a href="#" class="pixel-nav-item active" data-v-4aaea49c>首页</a><a href="#" class="pixel-nav-item" data-v-4aaea49c>组件</a><a href="#" class="pixel-nav-item" data-v-4aaea49c>文档</a><a href="#" class="pixel-nav-item" data-v-4aaea49c>主题</a></div>',1)),t("div",Hx,[t("button",Bx,[r(u(X),{class:"w-5 h-5"})]),t("button",Wx,[r(u(W),{class:"w-5 h-5"})]),t("button",Vx,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Yx,[t("div",Jx,[(x(!0),y(Q,null,at(l.value,d=>(x(),y("div",{key:d.id,class:"pixel-card"},[t("div",Fx,[t("img",{src:d.cover,alt:d.title,class:"pixel-card-cover-img"},null,8,Qx)]),t("div",Ux,[t("div",Kx,[t("div",Xx,[t("div",{class:et(["pixel-avatar",d.avatarClass])},I(d.initials),3)]),t("div",qx,[t("h3",ty,I(d.title),1),t("p",sy,I(d.description),1)])]),t("p",ey,I(d.content),1),t("div",ay,[t("button",iy,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",ny,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",oy,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="pixel-form" data-v-4aaea49c><div class="pixel-form-item" data-v-4aaea49c><label class="pixel-form-item-label" data-v-4aaea49c>文本输入</label><div class="pixel-form-item-control" data-v-4aaea49c><input type="text" placeholder="请输入内容" class="pixel-input" data-v-4aaea49c></div></div><div class="pixel-form-item" data-v-4aaea49c><label class="pixel-form-item-label" data-v-4aaea49c>密码输入</label><div class="pixel-form-item-control" data-v-4aaea49c><input type="password" placeholder="请输入密码" class="pixel-input" data-v-4aaea49c></div></div><div class="pixel-form-item" data-v-4aaea49c><label class="pixel-form-item-label" data-v-4aaea49c>下拉选择</label><div class="pixel-form-item-control" data-v-4aaea49c><select class="pixel-select" data-v-4aaea49c><option data-v-4aaea49c>选项 1</option><option data-v-4aaea49c>选项 2</option><option data-v-4aaea49c>选项 3</option></select></div></div><div class="pixel-form-item" data-v-4aaea49c><label class="pixel-form-item-label" data-v-4aaea49c>开关</label><div class="pixel-form-item-control" data-v-4aaea49c><label class="pixel-switch" data-v-4aaea49c><input type="checkbox" data-v-4aaea49c><span class="pixel-switch-inner" data-v-4aaea49c></span></label></div></div></div><div class="pixel-btn-group" data-v-4aaea49c><button class="pixel-btn primary" data-v-4aaea49c>主要按钮</button><button class="pixel-btn secondary" data-v-4aaea49c>次要按钮</button><button class="pixel-btn outline" data-v-4aaea49c>轮廓按钮</button><button class="pixel-btn text" data-v-4aaea49c>文本按钮</button></div>',2)),t("div",ly,[t("div",dy,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,cy))),128))]),t("div",ry,[n.value==="tab1"?(x(),y("div",uy,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",vy,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",fy,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",py,[t("div",my,[t("div",by,[t("div",hy,[t("div",gy,[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",xy,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",yy,[t("div",_y,[t("div",wy,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",$y,[t("div",Iy,[t("div",My,[t("div",ky,[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"})])])])):j("",!0)])]))}},Ay=pt(Dy,[["__scopeId","data-v-4aaea49c"]]),jy={class:"morphism-container min-h-screen bg-gradient-to-br from-purple-100 to-blue-100"},Ny={class:"morphism-header"},Ey={class:"morphism-header-content"},zy={class:"morphism-header-actions"},Py={class:"morphism-btn text"},Sy={class:"morphism-btn text"},Ry={class:"morphism-btn text"},Ty={class:"morphism-main"},Gy={class:"morphism-card-list"},Zy={class:"morphism-card-cover"},Ly=["src","alt"],Oy={class:"morphism-card-body"},Hy={class:"morphism-card-meta"},By={class:"morphism-card-meta-avatar"},Wy={class:"morphism-card-meta-content"},Vy={class:"morphism-card-meta-title"},Yy={class:"morphism-card-meta-description"},Jy={class:"morphism-card-content"},Fy={class:"morphism-card-actions"},Qy={class:"morphism-btn text"},Uy={class:"morphism-btn text"},Ky={class:"morphism-btn text"},Xy={class:"morphism-tabs"},qy={class:"morphism-tabs-nav"},t4=["onClick"],s4={class:"morphism-tabs-content"},e4={key:0,class:"morphism-tabs-tabpane"},a4={key:1,class:"morphism-tabs-tabpane"},i4={key:2,class:"morphism-tabs-tabpane"},n4={key:0,class:"morphism-modal-mask"},o4={class:"morphism-modal-wrap"},l4={class:"morphism-modal"},d4={class:"morphism-modal-content"},c4={class:"morphism-modal-header"},r4={class:"morphism-modal-footer"},u4={key:1,class:"morphism-message"},v4={class:"morphism-message-notice"},f4={class:"morphism-message-notice-content"},p4={key:2,class:"morphism-notification"},m4={class:"morphism-notification-notice"},b4={class:"morphism-notification-notice-content"},h4={class:"morphism-notification-notice-icon"},g4="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjQ3RkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY3RkJGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",x4={__name:"MorphismView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNlNmYwZmYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iI2I0N2ZmZiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjZmY3ZmJmIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-purple-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNlNmYwZmYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iI2ZmN2ZiZiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjYjQ3ZmZmIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-blue-500"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",jy,[t("div",Ny,[t("div",Ey,[t("div",{class:"morphism-logo"},[t("img",{src:g4,alt:"Morphism Logo",class:"morphism-logo-img"}),o[4]||(o[4]=t("span",{class:"morphism-logo-text"},"Morphism",-1))]),o[5]||(o[5]=V('<div class="morphism-nav" data-v-66706a9a><a href="#" class="morphism-nav-item active" data-v-66706a9a>首页</a><a href="#" class="morphism-nav-item" data-v-66706a9a>组件</a><a href="#" class="morphism-nav-item" data-v-66706a9a>文档</a><a href="#" class="morphism-nav-item" data-v-66706a9a>主题</a></div>',1)),t("div",zy,[t("button",Py,[r(u(X),{class:"w-5 h-5"})]),t("button",Sy,[r(u(W),{class:"w-5 h-5"})]),t("button",Ry,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Ty,[t("div",Gy,[(x(!0),y(Q,null,at(l.value,d=>(x(),y("div",{key:d.id,class:"morphism-card"},[t("div",Zy,[t("img",{src:d.cover,alt:d.title,class:"morphism-card-cover-img"},null,8,Ly)]),t("div",Oy,[t("div",Hy,[t("div",By,[t("div",{class:et(["morphism-avatar",d.avatarClass])},I(d.initials),3)]),t("div",Wy,[t("h3",Vy,I(d.title),1),t("p",Yy,I(d.description),1)])]),t("p",Jy,I(d.content),1),t("div",Fy,[t("button",Qy,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",Uy,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",Ky,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="morphism-form" data-v-66706a9a><div class="morphism-form-item" data-v-66706a9a><label class="morphism-form-item-label" data-v-66706a9a>文本输入</label><div class="morphism-form-item-control" data-v-66706a9a><input type="text" placeholder="请输入内容" class="morphism-input" data-v-66706a9a></div></div><div class="morphism-form-item" data-v-66706a9a><label class="morphism-form-item-label" data-v-66706a9a>密码输入</label><div class="morphism-form-item-control" data-v-66706a9a><input type="password" placeholder="请输入密码" class="morphism-input" data-v-66706a9a></div></div><div class="morphism-form-item" data-v-66706a9a><label class="morphism-form-item-label" data-v-66706a9a>下拉选择</label><div class="morphism-form-item-control" data-v-66706a9a><select class="morphism-select" data-v-66706a9a><option data-v-66706a9a>选项 1</option><option data-v-66706a9a>选项 2</option><option data-v-66706a9a>选项 3</option></select></div></div><div class="morphism-form-item" data-v-66706a9a><label class="morphism-form-item-label" data-v-66706a9a>开关</label><div class="morphism-form-item-control" data-v-66706a9a><label class="morphism-switch" data-v-66706a9a><input type="checkbox" data-v-66706a9a><span class="morphism-switch-inner" data-v-66706a9a></span></label></div></div></div><div class="morphism-btn-group" data-v-66706a9a><button class="morphism-btn primary" data-v-66706a9a>主要按钮</button><button class="morphism-btn secondary" data-v-66706a9a>次要按钮</button><button class="morphism-btn outline" data-v-66706a9a>轮廓按钮</button><button class="morphism-btn text" data-v-66706a9a>文本按钮</button></div>',2)),t("div",Xy,[t("div",qy,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,t4))),128))]),t("div",s4,[n.value==="tab1"?(x(),y("div",e4,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",a4,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",i4,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",n4,[t("div",o4,[t("div",l4,[t("div",d4,[t("div",c4,[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",r4,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",u4,[t("div",v4,[t("div",f4,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",p4,[t("div",m4,[t("div",b4,[t("div",h4,[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"})])])])):j("",!0)])]))}},y4=pt(x4,[["__scopeId","data-v-66706a9a"]]),_4={class:"aurora-container min-h-screen bg-gradient-to-br from-purple-900 via-indigo-900 to-blue-900"},w4={class:"aurora-app-bar"},$4={class:"container mx-auto px-4 py-3 flex items-center justify-between"},I4={class:"flex items-center"},M4={class:"flex items-center space-x-4"},k4={class:"aurora-icon-button"},C4={class:"aurora-icon-button"},D4={class:"aurora-icon-button"},A4={class:"container mx-auto p-6"},j4={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},N4={class:"aurora-card"},E4={class:"p-4"},z4={class:"space-y-2"},P4={href:"#",class:"aurora-nav-item active"},S4={href:"#",class:"aurora-nav-item"},R4={href:"#",class:"aurora-nav-item"},T4={href:"#",class:"aurora-nav-item"},G4={class:"md:col-span-2 space-y-6"},Z4={class:"aurora-card"},L4={class:"p-4"},O4={class:"space-y-4"},H4={class:"aurora-list-item"},B4={class:"aurora-icon-button"},W4={class:"aurora-list-item"},V4={class:"aurora-icon-button"},Y4={class:"aurora-card"},J4={class:"p-4"},F4={class:"flex flex-wrap gap-4"},Q4={class:"aurora-button icon"},U4={class:"aurora-card"},K4={class:"p-4"},X4={class:"aurora-bottom-nav"},q4={href:"#",class:"aurora-bottom-nav-item active"},t5={href:"#",class:"aurora-bottom-nav-item"},s5={href:"#",class:"aurora-bottom-nav-item"},e5={href:"#",class:"aurora-bottom-nav-item"},a5={href:"#",class:"aurora-bottom-nav-item"},i5={key:0,class:"aurora-dialog-overlay"},n5={class:"aurora-dialog"},o5={class:"aurora-dialog-header"},l5={class:"aurora-dialog-actions"},d5={__name:"AuroraView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",_4,[t("div",w4,[t("div",$4,[t("div",I4,[r(u(zt),{class:"w-5 h-5 text-purple-200 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-purple-100"},"Aurora Design",-1))]),t("div",M4,[t("button",k4,[r(u(X),{class:"w-5 h-5"})]),t("button",C4,[r(u(W),{class:"w-5 h-5"})]),t("button",D4,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",A4,[t("div",j4,[t("div",N4,[t("div",E4,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"导航菜单",-1)),t("nav",z4,[t("a",P4,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",S4,[r(u(Tt),{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",R4,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",T4,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",G4,[t("div",Z4,[t("div",L4,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"卡片列表",-1)),t("div",O4,[t("div",H4,[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",B4,[r(u(ct),{class:"w-5 h-5"})])]),t("div",W4,[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",V4,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="aurora-card" data-v-abe9da3a><div class="p-4" data-v-abe9da3a><h2 class="text-lg font-medium mb-4 text-purple-100" data-v-abe9da3a>表单元素</h2><div class="space-y-4" data-v-abe9da3a><div class="aurora-input-group" data-v-abe9da3a><label class="text-purple-200" data-v-abe9da3a>文本输入</label><input type="text" placeholder="请输入内容" class="aurora-input" data-v-abe9da3a></div><div class="aurora-input-group" data-v-abe9da3a><label class="text-purple-200" data-v-abe9da3a>密码输入</label><input type="password" placeholder="请输入密码" class="aurora-input" data-v-abe9da3a></div><div class="aurora-input-group" data-v-abe9da3a><label class="text-purple-200" data-v-abe9da3a>下拉选择</label><select class="aurora-input" data-v-abe9da3a><option data-v-abe9da3a>选项 1</option><option data-v-abe9da3a>选项 2</option><option data-v-abe9da3a>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-abe9da3a><label class="aurora-checkbox" data-v-abe9da3a><input type="checkbox" data-v-abe9da3a><span class="aurora-checkmark" data-v-abe9da3a></span><span class="text-purple-200" data-v-abe9da3a>复选框</span></label><label class="aurora-radio" data-v-abe9da3a><input type="radio" name="radio" data-v-abe9da3a><span class="aurora-radiomark" data-v-abe9da3a></span><span class="text-purple-200" data-v-abe9da3a>单选框</span></label></div><div class="aurora-switch" data-v-abe9da3a><input type="checkbox" id="switch1" data-v-abe9da3a><label for="switch1" class="text-purple-200" data-v-abe9da3a>开关</label></div></div></div></div>',1)),t("div",Y4,[t("div",J4,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-purple-100"},"按钮样式",-1)),t("div",F4,[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",Q4,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="aurora-card" data-v-abe9da3a><div class="p-4" data-v-abe9da3a><h2 class="text-lg font-medium mb-4 text-purple-100" data-v-abe9da3a>进度指示器</h2><div class="space-y-4" data-v-abe9da3a><div class="aurora-progress" data-v-abe9da3a><div class="aurora-progress-bar" style="width:60%;" data-v-abe9da3a></div></div><div class="aurora-progress circular" data-v-abe9da3a><div class="aurora-progress-circle" data-v-abe9da3a></div></div></div></div></div>',1)),t("div",U4,[t("div",K4,[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",X4,[t("a",q4,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",t5,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",s5,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",e5,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",a5,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",i5,[t("div",n5,[t("div",o5,[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",l5,[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)},"确定")])])])):j("",!0)]))}},c5=pt(d5,[["__scopeId","data-v-abe9da3a"]]),r5={class:"neon-container min-h-screen bg-black"},u5={class:"neon-header"},v5={class:"neon-header-content"},f5={class:"neon-header-actions"},p5={class:"neon-btn text"},m5={class:"neon-btn text"},b5={class:"neon-btn text"},h5={class:"neon-main"},g5={class:"neon-card-list"},x5={class:"neon-card-cover"},y5=["src","alt"],_5={class:"neon-card-body"},w5={class:"neon-card-meta"},$5={class:"neon-card-meta-avatar"},I5={class:"neon-card-meta-content"},M5={class:"neon-card-meta-title"},k5={class:"neon-card-meta-description"},C5={class:"neon-card-content"},D5={class:"neon-card-actions"},A5={class:"neon-btn text"},j5={class:"neon-btn text"},N5={class:"neon-btn text"},E5={class:"neon-tabs"},z5={class:"neon-tabs-nav"},P5=["onClick"],S5={class:"neon-tabs-content"},R5={key:0,class:"neon-tabs-tabpane"},T5={key:1,class:"neon-tabs-tabpane"},G5={key:2,class:"neon-tabs-tabpane"},Z5={key:0,class:"neon-modal-mask"},L5={class:"neon-modal-wrap"},O5={class:"neon-modal"},H5={class:"neon-modal-content"},B5={class:"neon-modal-header"},W5={class:"neon-modal-footer"},V5={key:1,class:"neon-message"},Y5={class:"neon-message-notice"},J5={class:"neon-message-notice-content"},F5={key:2,class:"neon-notification"},Q5={class:"neon-notification-notice"},U5={class:"neon-notification-notice-content"},K5={class:"neon-notification-notice-icon"},X5="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBGRkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMEZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",q5={__name:"NeonView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiMwMDAwMDAiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzAwRkZGRiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjRkYwMEZGIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-cyan-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiMwMDAwMDAiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iI0ZGMDBCQiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjMDBGRkZGIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-pink-500"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",r5,[t("div",u5,[t("div",v5,[t("div",{class:"neon-logo"},[t("img",{src:X5,alt:"Neon Logo",class:"neon-logo-img"}),o[4]||(o[4]=t("span",{class:"neon-logo-text"},"NEON",-1))]),o[5]||(o[5]=V('<div class="neon-nav" data-v-499287f4><a href="#" class="neon-nav-item active" data-v-499287f4>首页</a><a href="#" class="neon-nav-item" data-v-499287f4>组件</a><a href="#" class="neon-nav-item" data-v-499287f4>文档</a><a href="#" class="neon-nav-item" data-v-499287f4>主题</a></div>',1)),t("div",f5,[t("button",p5,[r(u(X),{class:"w-5 h-5"})]),t("button",m5,[r(u(W),{class:"w-5 h-5"})]),t("button",b5,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",h5,[t("div",g5,[(x(!0),y(Q,null,at(l.value,d=>(x(),y("div",{key:d.id,class:"neon-card"},[t("div",x5,[t("img",{src:d.cover,alt:d.title,class:"neon-card-cover-img"},null,8,y5)]),t("div",_5,[t("div",w5,[t("div",$5,[t("div",{class:et(["neon-avatar",d.avatarClass])},I(d.initials),3)]),t("div",I5,[t("h3",M5,I(d.title),1),t("p",k5,I(d.description),1)])]),t("p",C5,I(d.content),1),t("div",D5,[t("button",A5,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",j5,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",N5,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="neon-form" data-v-499287f4><div class="neon-form-item" data-v-499287f4><label class="neon-form-item-label" data-v-499287f4>文本输入</label><div class="neon-form-item-control" data-v-499287f4><input type="text" placeholder="请输入内容" class="neon-input" data-v-499287f4></div></div><div class="neon-form-item" data-v-499287f4><label class="neon-form-item-label" data-v-499287f4>密码输入</label><div class="neon-form-item-control" data-v-499287f4><input type="password" placeholder="请输入密码" class="neon-input" data-v-499287f4></div></div><div class="neon-form-item" data-v-499287f4><label class="neon-form-item-label" data-v-499287f4>下拉选择</label><div class="neon-form-item-control" data-v-499287f4><select class="neon-select" data-v-499287f4><option data-v-499287f4>选项 1</option><option data-v-499287f4>选项 2</option><option data-v-499287f4>选项 3</option></select></div></div><div class="neon-form-item" data-v-499287f4><label class="neon-form-item-label" data-v-499287f4>开关</label><div class="neon-form-item-control" data-v-499287f4><label class="neon-switch" data-v-499287f4><input type="checkbox" data-v-499287f4><span class="neon-switch-inner" data-v-499287f4></span></label></div></div></div><div class="neon-btn-group" data-v-499287f4><button class="neon-btn primary" data-v-499287f4>主要按钮</button><button class="neon-btn secondary" data-v-499287f4>次要按钮</button><button class="neon-btn outline" data-v-499287f4>轮廓按钮</button><button class="neon-btn text" data-v-499287f4>文本按钮</button></div>',2)),t("div",E5,[t("div",z5,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,P5))),128))]),t("div",S5,[n.value==="tab1"?(x(),y("div",R5,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",T5,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",G5,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",Z5,[t("div",L5,[t("div",O5,[t("div",H5,[t("div",B5,[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",W5,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",V5,[t("div",Y5,[t("div",J5,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",F5,[t("div",Q5,[t("div",U5,[t("div",K5,[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"})])])])):j("",!0)])]))}},t3=pt(q5,[["__scopeId","data-v-499287f4"]]),s3={class:"steampunk-container min-h-screen bg-gradient-to-br from-amber-900 via-yellow-900 to-brown-900"},e3={class:"steampunk-app-bar"},a3={class:"container mx-auto px-4 py-3 flex items-center justify-between"},i3={class:"flex items-center"},n3={class:"flex items-center space-x-4"},o3={class:"steampunk-icon-button"},l3={class:"steampunk-icon-button"},d3={class:"steampunk-icon-button"},c3={class:"container mx-auto p-6"},r3={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},u3={class:"steampunk-card"},v3={class:"p-4"},f3={class:"space-y-2"},p3={href:"#",class:"steampunk-nav-item active"},m3={href:"#",class:"steampunk-nav-item"},b3={href:"#",class:"steampunk-nav-item"},h3={href:"#",class:"steampunk-nav-item"},g3={class:"md:col-span-2 space-y-6"},x3={class:"steampunk-card"},y3={class:"p-4"},_3={class:"space-y-4"},w3={class:"steampunk-list-item"},$3={class:"steampunk-icon-button"},I3={class:"steampunk-list-item"},M3={class:"steampunk-icon-button"},k3={class:"steampunk-card"},C3={class:"p-4"},D3={class:"flex flex-wrap gap-4"},A3={class:"steampunk-button icon"},j3={class:"steampunk-card"},N3={class:"p-4"},E3={class:"steampunk-bottom-nav"},z3={href:"#",class:"steampunk-bottom-nav-item active"},P3={href:"#",class:"steampunk-bottom-nav-item"},S3={href:"#",class:"steampunk-bottom-nav-item"},R3={href:"#",class:"steampunk-bottom-nav-item"},T3={href:"#",class:"steampunk-bottom-nav-item"},G3={key:0,class:"steampunk-dialog-overlay"},Z3={class:"steampunk-dialog"},L3={class:"steampunk-dialog-header"},O3={class:"steampunk-dialog-actions"},H3={__name:"SteampunkView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",s3,[t("div",e3,[t("div",a3,[t("div",i3,[r(u(zt),{class:"w-5 h-5 text-amber-200 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-amber-100"},"Steampunk Design",-1))]),t("div",n3,[t("button",o3,[r(u(X),{class:"w-5 h-5"})]),t("button",l3,[r(u(W),{class:"w-5 h-5"})]),t("button",d3,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",c3,[t("div",r3,[t("div",u3,[t("div",v3,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"导航菜单",-1)),t("nav",f3,[t("a",p3,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",m3,[r(u(Tt),{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",b3,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",h3,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",g3,[t("div",x3,[t("div",y3,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"卡片列表",-1)),t("div",_3,[t("div",w3,[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",$3,[r(u(ct),{class:"w-5 h-5"})])]),t("div",I3,[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",M3,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="steampunk-card" data-v-909f2f59><div class="p-4" data-v-909f2f59><h2 class="text-lg font-medium mb-4 text-amber-100" data-v-909f2f59>表单元素</h2><div class="space-y-4" data-v-909f2f59><div class="steampunk-input-group" data-v-909f2f59><label class="text-amber-200" data-v-909f2f59>文本输入</label><input type="text" placeholder="请输入内容" class="steampunk-input" data-v-909f2f59></div><div class="steampunk-input-group" data-v-909f2f59><label class="text-amber-200" data-v-909f2f59>密码输入</label><input type="password" placeholder="请输入密码" class="steampunk-input" data-v-909f2f59></div><div class="steampunk-input-group" data-v-909f2f59><label class="text-amber-200" data-v-909f2f59>下拉选择</label><select class="steampunk-input" data-v-909f2f59><option data-v-909f2f59>选项 1</option><option data-v-909f2f59>选项 2</option><option data-v-909f2f59>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-909f2f59><label class="steampunk-checkbox" data-v-909f2f59><input type="checkbox" data-v-909f2f59><span class="steampunk-checkmark" data-v-909f2f59></span><span class="text-amber-200" data-v-909f2f59>复选框</span></label><label class="steampunk-radio" data-v-909f2f59><input type="radio" name="radio" data-v-909f2f59><span class="steampunk-radiomark" data-v-909f2f59></span><span class="text-amber-200" data-v-909f2f59>单选框</span></label></div><div class="steampunk-switch" data-v-909f2f59><input type="checkbox" id="switch1" data-v-909f2f59><label for="switch1" class="text-amber-200" data-v-909f2f59>开关</label></div></div></div></div>',1)),t("div",k3,[t("div",C3,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-amber-100"},"按钮样式",-1)),t("div",D3,[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",A3,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="steampunk-card" data-v-909f2f59><div class="p-4" data-v-909f2f59><h2 class="text-lg font-medium mb-4 text-amber-100" data-v-909f2f59>进度指示器</h2><div class="space-y-4" data-v-909f2f59><div class="steampunk-progress" data-v-909f2f59><div class="steampunk-progress-bar" style="width:60%;" data-v-909f2f59></div></div><div class="steampunk-progress circular" data-v-909f2f59><div class="steampunk-progress-circle" data-v-909f2f59></div></div></div></div></div>',1)),t("div",j3,[t("div",N3,[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",E3,[t("a",z3,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",P3,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",S3,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",R3,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",T3,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",G3,[t("div",Z3,[t("div",L3,[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",O3,[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)},"确定")])])])):j("",!0)]))}},B3=pt(H3,[["__scopeId","data-v-909f2f59"]]),W3={class:"holographic-container min-h-screen bg-gradient-to-br from-blue-900 to-purple-900"},V3={class:"holographic-header"},Y3={class:"holographic-header-content"},J3={class:"holographic-header-actions"},F3={class:"holographic-btn text"},Q3={class:"holographic-btn text"},U3={class:"holographic-btn text"},K3={class:"holographic-main"},X3={class:"holographic-card-list"},q3={class:"holographic-card-cover"},t_=["src","alt"],s_={class:"holographic-card-body"},e_={class:"holographic-card-meta"},a_={class:"holographic-card-meta-avatar"},i_={class:"holographic-card-meta-content"},n_={class:"holographic-card-meta-title"},o_={class:"holographic-card-meta-description"},l_={class:"holographic-card-content"},d_={class:"holographic-card-actions"},c_={class:"holographic-btn text"},r_={class:"holographic-btn text"},u_={class:"holographic-btn text"},v_={class:"holographic-tabs"},f_={class:"holographic-tabs-nav"},p_=["onClick"],m_={class:"holographic-tabs-content"},b_={key:0,class:"holographic-tabs-tabpane"},h_={key:1,class:"holographic-tabs-tabpane"},g_={key:2,class:"holographic-tabs-tabpane"},x_={key:0,class:"holographic-modal-mask"},y_={class:"holographic-modal-wrap"},__={class:"holographic-modal"},w_={class:"holographic-modal-content"},$_={class:"holographic-modal-header"},I_={class:"holographic-modal-footer"},M_={key:1,class:"holographic-message"},k_={class:"holographic-message-notice"},C_={class:"holographic-message-notice-content"},D_={key:2,class:"holographic-notification"},A_={class:"holographic-notification-notice"},j_={class:"holographic-notification-notice-content"},N_={class:"holographic-notification-notice-icon"},E_="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDA2NkZGIi8+PHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNGRjAwRkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=",z_={__name:"HolographicView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjRGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGODBGRiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:42,comments:8,initials:"JD",avatarClass:"bg-pink-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjRGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGODBGRiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:36,comments:5,initials:"AB",avatarClass:"bg-pink-600"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",W3,[t("div",V3,[t("div",Y3,[t("div",{class:"holographic-logo"},[t("img",{src:E_,alt:"Holographic Logo",class:"holographic-logo-img"}),o[4]||(o[4]=t("span",{class:"holographic-logo-text"},"Holographic",-1))]),o[5]||(o[5]=V('<div class="holographic-nav" data-v-00f9da77><a href="#" class="holographic-nav-item active" data-v-00f9da77>首页</a><a href="#" class="holographic-nav-item" data-v-00f9da77>组件</a><a href="#" class="holographic-nav-item" data-v-00f9da77>文档</a><a href="#" class="holographic-nav-item" data-v-00f9da77>主题</a></div>',1)),t("div",J3,[t("button",F3,[r(u(X),{class:"w-5 h-5"})]),t("button",Q3,[r(u(W),{class:"w-5 h-5"})]),t("button",U3,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",K3,[t("div",X3,[(x(!0),y(Q,null,at(l.value,d=>(x(),y("div",{key:d.id,class:"holographic-card"},[t("div",q3,[t("img",{src:d.cover,alt:d.title,class:"holographic-card-cover-img"},null,8,t_)]),t("div",s_,[t("div",e_,[t("div",a_,[t("div",{class:et(["holographic-avatar",d.avatarClass])},I(d.initials),3)]),t("div",i_,[t("h3",n_,I(d.title),1),t("p",o_,I(d.description),1)])]),t("p",l_,I(d.content),1),t("div",d_,[t("button",c_,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",r_,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",u_,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="holographic-form" data-v-00f9da77><div class="holographic-form-item" data-v-00f9da77><label class="holographic-form-item-label" data-v-00f9da77>文本输入</label><div class="holographic-form-item-control" data-v-00f9da77><input type="text" placeholder="请输入内容" class="holographic-input" data-v-00f9da77></div></div><div class="holographic-form-item" data-v-00f9da77><label class="holographic-form-item-label" data-v-00f9da77>密码输入</label><div class="holographic-form-item-control" data-v-00f9da77><input type="password" placeholder="请输入密码" class="holographic-input" data-v-00f9da77></div></div><div class="holographic-form-item" data-v-00f9da77><label class="holographic-form-item-label" data-v-00f9da77>下拉选择</label><div class="holographic-form-item-control" data-v-00f9da77><select class="holographic-select" data-v-00f9da77><option data-v-00f9da77>选项 1</option><option data-v-00f9da77>选项 2</option><option data-v-00f9da77>选项 3</option></select></div></div><div class="holographic-form-item" data-v-00f9da77><label class="holographic-form-item-label" data-v-00f9da77>开关</label><div class="holographic-form-item-control" data-v-00f9da77><label class="holographic-switch" data-v-00f9da77><input type="checkbox" data-v-00f9da77><span class="holographic-switch-inner" data-v-00f9da77></span></label></div></div></div><div class="holographic-btn-group" data-v-00f9da77><button class="holographic-btn primary" data-v-00f9da77>主要按钮</button><button class="holographic-btn secondary" data-v-00f9da77>次要按钮</button><button class="holographic-btn outline" data-v-00f9da77>轮廓按钮</button><button class="holographic-btn text" data-v-00f9da77>文本按钮</button></div>',2)),t("div",v_,[t("div",f_,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,p_))),128))]),t("div",m_,[n.value==="tab1"?(x(),y("div",b_,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",h_,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",g_,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",x_,[t("div",y_,[t("div",__,[t("div",w_,[t("div",$_,[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",I_,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",M_,[t("div",k_,[t("div",C_,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",D_,[t("div",A_,[t("div",j_,[t("div",N_,[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"})])])])):j("",!0)])]))}},P_=pt(z_,[["__scopeId","data-v-00f9da77"]]),S_={class:"gradient-container min-h-screen bg-gradient-to-br from-pink-500 via-purple-500 to-indigo-500"},R_={class:"gradient-header"},T_={class:"gradient-header-content"},G_={class:"gradient-header-actions"},Z_={class:"gradient-btn text"},L_={class:"gradient-btn text"},O_={class:"gradient-btn text"},H_={class:"gradient-main"},B_={class:"gradient-card-list"},W_={class:"gradient-card-cover"},V_=["src","alt"],Y_={class:"gradient-card-body"},J_={class:"gradient-card-meta"},F_={class:"gradient-card-meta-avatar"},Q_={class:"gradient-card-meta-content"},U_={class:"gradient-card-meta-title"},K_={class:"gradient-card-meta-description"},X_={class:"gradient-card-content"},q_={class:"gradient-card-actions"},t9={class:"gradient-btn text"},s9={class:"gradient-btn text"},e9={class:"gradient-btn text"},a9={class:"gradient-tabs"},i9={class:"gradient-tabs-nav"},n9=["onClick"],o9={class:"gradient-tabs-content"},l9={key:0,class:"gradient-tabs-tabpane"},d9={key:1,class:"gradient-tabs-tabpane"},c9={key:2,class:"gradient-tabs-tabpane"},r9={key:0,class:"gradient-modal-mask"},u9={class:"gradient-modal-wrap"},v9={class:"gradient-modal"},f9={class:"gradient-modal-content"},p9={class:"gradient-modal-header"},m9={class:"gradient-modal-footer"},b9={key:1,class:"gradient-message"},h9={class:"gradient-message-notice"},g9={class:"gradient-message-notice-content"},x9={key:2,class:"gradient-notification"},y9={class:"gradient-notification-notice"},_9={class:"gradient-notification-notice-content"},w9={class:"gradient-notification-notice-icon"},$9="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY2QjAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",I9={__name:"GradientView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGNkIwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:42,comments:8,initials:"JD",avatarClass:"bg-orange-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MCAyMEM4MC4yNjggMjAgMjAgODAuMjY4IDIwIDE2MEMyMCAyMzkuNzMyIDgwLjI2OCAzMDAgMTYwIDMwMEMyMzkuNzMyIDMwMCAzMDAgMjM5LjczMiAzMDAgMTYwQzMwMCA4MC4yNjggMjM5LjczMiAyMCAxNjAgMjBaIiBmaWxsPSJ1cmwoI3BhaW50MCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MCIgeDE9IjAiIHkxPSIwIiB4Mj0iMzIwIiB5Mj0iMjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGNkIwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==",likes:36,comments:5,initials:"AB",avatarClass:"bg-orange-600"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",S_,[t("div",R_,[t("div",T_,[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]=V('<div class="gradient-nav" data-v-83d9391a><a href="#" class="gradient-nav-item active" data-v-83d9391a>首页</a><a href="#" class="gradient-nav-item" data-v-83d9391a>组件</a><a href="#" class="gradient-nav-item" data-v-83d9391a>文档</a><a href="#" class="gradient-nav-item" data-v-83d9391a>主题</a></div>',1)),t("div",G_,[t("button",Z_,[r(u(X),{class:"w-5 h-5"})]),t("button",L_,[r(u(W),{class:"w-5 h-5"})]),t("button",O_,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",H_,[t("div",B_,[(x(!0),y(Q,null,at(l.value,d=>(x(),y("div",{key:d.id,class:"gradient-card"},[t("div",W_,[t("img",{src:d.cover,alt:d.title,class:"gradient-card-cover-img"},null,8,V_)]),t("div",Y_,[t("div",J_,[t("div",F_,[t("div",{class:et(["gradient-avatar",d.avatarClass])},I(d.initials),3)]),t("div",Q_,[t("h3",U_,I(d.title),1),t("p",K_,I(d.description),1)])]),t("p",X_,I(d.content),1),t("div",q_,[t("button",t9,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",s9,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",e9,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="gradient-form" data-v-83d9391a><div class="gradient-form-item" data-v-83d9391a><label class="gradient-form-item-label" data-v-83d9391a>文本输入</label><div class="gradient-form-item-control" data-v-83d9391a><input type="text" placeholder="请输入内容" class="gradient-input" data-v-83d9391a></div></div><div class="gradient-form-item" data-v-83d9391a><label class="gradient-form-item-label" data-v-83d9391a>密码输入</label><div class="gradient-form-item-control" data-v-83d9391a><input type="password" placeholder="请输入密码" class="gradient-input" data-v-83d9391a></div></div><div class="gradient-form-item" data-v-83d9391a><label class="gradient-form-item-label" data-v-83d9391a>下拉选择</label><div class="gradient-form-item-control" data-v-83d9391a><select class="gradient-select" data-v-83d9391a><option data-v-83d9391a>选项 1</option><option data-v-83d9391a>选项 2</option><option data-v-83d9391a>选项 3</option></select></div></div><div class="gradient-form-item" data-v-83d9391a><label class="gradient-form-item-label" data-v-83d9391a>开关</label><div class="gradient-form-item-control" data-v-83d9391a><label class="gradient-switch" data-v-83d9391a><input type="checkbox" data-v-83d9391a><span class="gradient-switch-inner" data-v-83d9391a></span></label></div></div></div><div class="gradient-btn-group" data-v-83d9391a><button class="gradient-btn primary" data-v-83d9391a>主要按钮</button><button class="gradient-btn secondary" data-v-83d9391a>次要按钮</button><button class="gradient-btn outline" data-v-83d9391a>轮廓按钮</button><button class="gradient-btn text" data-v-83d9391a>文本按钮</button></div>',2)),t("div",a9,[t("div",i9,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,n9))),128))]),t("div",o9,[n.value==="tab1"?(x(),y("div",l9,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",d9,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",c9,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",r9,[t("div",u9,[t("div",v9,[t("div",f9,[t("div",p9,[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",m9,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",b9,[t("div",h9,[t("div",g9,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",x9,[t("div",y9,[t("div",_9,[t("div",w9,[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"})])])])):j("",!0)])]))}},M9=pt(I9,[["__scopeId","data-v-83d9391a"]]),k9={class:"ant-container min-h-screen bg-gray-50"},C9={class:"ant-header"},D9={class:"ant-header-content"},A9={class:"ant-header-actions"},j9={class:"ant-btn text"},N9={class:"ant-btn text"},E9={class:"ant-btn text"},z9={class:"ant-main"},P9={class:"ant-card-list"},S9={class:"ant-card-cover"},R9=["src","alt"],T9={class:"ant-card-body"},G9={class:"ant-card-meta"},Z9={class:"ant-card-meta-avatar"},L9={class:"ant-card-meta-content"},O9={class:"ant-card-meta-title"},H9={class:"ant-card-meta-description"},B9={class:"ant-card-content"},W9={class:"ant-card-actions"},V9={class:"ant-btn text"},Y9={class:"ant-btn text"},J9={class:"ant-btn text"},F9={class:"ant-tabs"},Q9={class:"ant-tabs-nav"},U9=["onClick"],K9={class:"ant-tabs-content"},X9={key:0,class:"ant-tabs-tabpane"},q9={key:1,class:"ant-tabs-tabpane"},tw={key:2,class:"ant-tabs-tabpane"},sw={key:0,class:"ant-modal-mask"},ew={class:"ant-modal-wrap"},aw={class:"ant-modal"},iw={class:"ant-modal-content"},nw={class:"ant-modal-header"},ow={class:"ant-modal-footer"},lw={key:1,class:"ant-message"},dw={class:"ant-message-notice"},cw={class:"ant-message-notice-content"},rw={key:2,class:"ant-notification"},uw={class:"ant-notification-notice"},vw={class:"ant-notification-notice-content"},fw={class:"ant-notification-notice-icon"},pw="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMTg5MEZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA2NkZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",mw={__name:"AntDesignView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzE4OTBGRiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjMDA2NkZGIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-blue-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzAwNjZGRiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjMTg5MEZGIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-blue-600"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]);return(f,o)=>(x(),y("div",k9,[t("div",C9,[t("div",D9,[t("div",{class:"ant-logo"},[t("img",{src:pw,alt:"Ant Design Logo",class:"ant-logo-img"}),o[4]||(o[4]=t("span",{class:"ant-logo-text"},"Ant Design",-1))]),o[5]||(o[5]=V('<div class="ant-nav" data-v-8473f951><a href="#" class="ant-nav-item active" data-v-8473f951>首页</a><a href="#" class="ant-nav-item" data-v-8473f951>组件</a><a href="#" class="ant-nav-item" data-v-8473f951>文档</a><a href="#" class="ant-nav-item" data-v-8473f951>主题</a></div>',1)),t("div",A9,[t("button",j9,[r(u(X),{class:"w-5 h-5"})]),t("button",N9,[r(u(W),{class:"w-5 h-5"})]),t("button",E9,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",z9,[t("div",P9,[(x(!0),y(Q,null,at(l.value,d=>(x(),y("div",{key:d.id,class:"ant-card"},[t("div",S9,[t("img",{src:d.cover,alt:d.title,class:"ant-card-cover-img"},null,8,R9)]),t("div",T9,[t("div",G9,[t("div",Z9,[t("div",{class:et(["ant-avatar",d.avatarClass])},I(d.initials),3)]),t("div",L9,[t("h3",O9,I(d.title),1),t("p",H9,I(d.description),1)])]),t("p",B9,I(d.content),1),t("div",W9,[t("button",V9,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(d.likes),1)]),t("button",Y9,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(d.comments),1)]),t("button",J9,[r(u(qt),{class:"w-5 h-5"})])])])]))),128))]),o[14]||(o[14]=V('<div class="ant-form" data-v-8473f951><div class="ant-form-item" data-v-8473f951><label class="ant-form-item-label" data-v-8473f951>文本输入</label><div class="ant-form-item-control" data-v-8473f951><input type="text" placeholder="请输入内容" class="ant-input" data-v-8473f951></div></div><div class="ant-form-item" data-v-8473f951><label class="ant-form-item-label" data-v-8473f951>密码输入</label><div class="ant-form-item-control" data-v-8473f951><input type="password" placeholder="请输入密码" class="ant-input" data-v-8473f951></div></div><div class="ant-form-item" data-v-8473f951><label class="ant-form-item-label" data-v-8473f951>下拉选择</label><div class="ant-form-item-control" data-v-8473f951><select class="ant-select" data-v-8473f951><option data-v-8473f951>选项 1</option><option data-v-8473f951>选项 2</option><option data-v-8473f951>选项 3</option></select></div></div><div class="ant-form-item" data-v-8473f951><label class="ant-form-item-label" data-v-8473f951>开关</label><div class="ant-form-item-control" data-v-8473f951><label class="ant-switch" data-v-8473f951><input type="checkbox" data-v-8473f951><span class="ant-switch-inner" data-v-8473f951></span></label></div></div></div><div class="ant-btn-group" data-v-8473f951><button class="ant-btn primary" data-v-8473f951>主要按钮</button><button class="ant-btn default" data-v-8473f951>默认按钮</button><button class="ant-btn dashed" data-v-8473f951>虚线按钮</button><button class="ant-btn text" data-v-8473f951>文本按钮</button><button class="ant-btn link" data-v-8473f951>链接按钮</button></div>',2)),t("div",F9,[t("div",Q9,[(x(!0),y(Q,null,at(c.value,d=>(x(),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,U9))),128))]),t("div",K9,[n.value==="tab1"?(x(),y("div",X9,o[6]||(o[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",q9,o[7]||(o[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",tw,o[8]||(o[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",sw,[t("div",ew,[t("div",aw,[t("div",iw,[t("div",nw,[o[9]||(o[9]=t("div",{class:"ant-modal-title"},"对话框标题",-1)),t("button",{class:"ant-modal-close",onClick:o[0]||(o[0]=d=>a.value=!1)},[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",ow,[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)},"确定")])])])])])):j("",!0),i.value?(x(),y("div",lw,[t("div",dw,[t("div",cw,[r(u(ps),{class:"w-5 h-5"}),o[11]||(o[11]=t("span",null,"这是一条消息提示",-1))])])])):j("",!0),e.value?(x(),y("div",rw,[t("div",uw,[t("div",vw,[t("div",fw,[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"})])])])):j("",!0)])]))}},bw=pt(mw,[["__scopeId","data-v-8473f951"]]),hw={class:"element-container min-h-screen bg-gray-50"},gw={class:"element-header"},xw={class:"element-header-content"},yw={class:"element-header-actions"},_w={class:"element-button text"},ww={class:"element-button text"},$w={class:"element-button text"},Iw={class:"element-main"},Mw={class:"element-card-list"},kw={class:"element-card-header"},Cw={class:"element-card-info"},Dw={class:"element-card-title"},Aw={class:"element-card-subtitle"},jw={class:"element-card-actions"},Nw={class:"element-button text"},Ew={class:"element-card-body"},zw=["src"],Pw={class:"element-card-footer"},Sw={class:"element-button text"},Rw={class:"element-button text"},Tw={class:"element-button text"},Gw={class:"element-tabs"},Zw={class:"element-tabs-header"},Lw=["onClick"],Ow={class:"element-tabs-content"},Hw={key:0,class:"element-tab-pane"},Bw={key:1,class:"element-tab-pane"},Ww={key:2,class:"element-tab-pane"},Vw={key:0,class:"element-dialog-wrapper"},Yw={class:"element-dialog"},Jw={class:"element-dialog-header"},Fw={class:"element-dialog-footer"},Qw={key:1,class:"element-message"},Uw={class:"element-message-content"},Kw={key:2,class:"element-notification"},Xw={class:"element-notification-title"},qw={class:"element-notification-list"},t6={class:"element-notification-icon"},s6={class:"element-notification-content"},e6={class:"element-notification-time"},a6="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0idXJsKCNwYWludDApIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDAiIHgxPSIwIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNDFCODgzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkQ4ODVGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+",i6={__name:"ElementUIView",setup(s){const a=C(!1),i=C(!1),e=C(!1),n=C("tab1"),l=C([{id:1,title:"卡片标题",description:"副标题",content:"这是卡片的内容，可以包含多行文本。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDgxLjQzMSAxMTIgMTA4QzExMiAxMzQuNTY5IDEzMy40MzEgMTU2IDE2MCAxNTZDMTg2LjU2OSAxNTYgMjA4IDEzNC41NjkgMjA4IDEwOEMyMDggODEuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzQxQjg4MyIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjMkQ4ODVGIi8+PC9zdmc+",likes:42,comments:8,initials:"JD",avatarClass:"bg-green-500"},{id:2,title:"另一个标题",description:"另一个副标题",content:"这是另一个卡片的内容。",cover:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjI0MCIgdmlld0JveD0iMCAwIDMyMCAyNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIyNDAiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMTYwIDYwQzEzMy40MzEgNjAgMTEyIDg1LjQzMSAxMTIgMTE4QzExMiAxNTAuNTY5IDEzMy40MzEgMTcyIDE2MCAxNzJDMTg2LjU2OSAxNzIgMjA4IDE1MC41NjkgMjA4IDExOEMyMDggODUuNDMxIDE4Ni41NjkgNjAgMTYwIDYwWiIgZmlsbD0iIzJEOjg1RiIvPjxwYXRoIGQ9Ik0xNjAgMTgwQzEzMy40MzEgMTgwIDExMiAyMDEuNDMxIDExMiAyMjhDMTEyIDI1NC41NjkgMTMzLjQzMSAyNzYgMTYwIDI3NkMxODYuNTY5IDI3NiAyMDggMjU0LjU2OSAyMDggMjI4QzIwOCAyMDEuNDMxIDE4Ni41NjkgMTgwIDE2MCAxODBaIiBmaWxsPSIjNDFCODgzIi8+PC9zdmc+",likes:36,comments:5,initials:"AB",avatarClass:"bg-green-600"}]),c=C([{id:"tab1",label:"标签页 1"},{id:"tab2",label:"标签页 2"},{id:"tab3",label:"标签页 3"}]),f=C([{id:1,title:"新消息",content:"Alice 给你发送了一条消息",time:"刚刚"},{id:2,title:"系统通知",content:"系统将在今晚进行维护",time:"1小时前"}]);return(o,d)=>(x(),y("div",hw,[t("div",gw,[t("div",xw,[t("div",{class:"element-logo"},[t("img",{src:a6,alt:"Element Logo",class:"element-logo-img"}),d[4]||(d[4]=t("span",{class:"element-logo-text"},"Element UI",-1))]),d[5]||(d[5]=V('<div class="element-nav" data-v-8c64faa7><a href="#" class="element-nav-item active" data-v-8c64faa7>首页</a><a href="#" class="element-nav-item" data-v-8c64faa7>组件</a><a href="#" class="element-nav-item" data-v-8c64faa7>文档</a><a href="#" class="element-nav-item" data-v-8c64faa7>主题</a></div>',1)),t("div",yw,[t("button",_w,[r(u(X),{class:"w-5 h-5"})]),t("button",ww,[r(u(W),{class:"w-5 h-5"})]),t("button",$w,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Iw,[t("div",Mw,[(x(!0),y(Q,null,at(l.value,p=>(x(),y("div",{key:p.id,class:"element-card"},[t("div",kw,[t("div",{class:et(["element-avatar",p.avatarClass])},I(p.initials),3),t("div",Cw,[t("h3",Dw,I(p.title),1),t("p",Aw,I(p.description),1)]),t("div",jw,[t("button",Nw,[r(u(ct),{class:"w-5 h-5"})])])]),t("div",Ew,[t("img",{src:p.cover,alt:"Card Cover",class:"element-card-cover"},null,8,zw),t("p",null,I(p.content),1)]),t("div",Pw,[t("button",Sw,[r(u(Kt),{class:"w-5 h-5"}),t("span",null,I(p.likes),1)]),t("button",Rw,[r(u(Xt),{class:"w-5 h-5"}),t("span",null,I(p.comments),1)]),t("button",Tw,[r(u(qt),{class:"w-5 h-5"})])])]))),128))]),d[13]||(d[13]=V('<div class="element-form" data-v-8c64faa7><div class="element-form-item" data-v-8c64faa7><label class="element-form-label" data-v-8c64faa7>文本输入</label><div class="element-form-content" data-v-8c64faa7><input type="text" placeholder="请输入内容" class="element-input" data-v-8c64faa7></div></div><div class="element-form-item" data-v-8c64faa7><label class="element-form-label" data-v-8c64faa7>密码输入</label><div class="element-form-content" data-v-8c64faa7><input type="password" placeholder="请输入密码" class="element-input" data-v-8c64faa7></div></div><div class="element-form-item" data-v-8c64faa7><label class="element-form-label" data-v-8c64faa7>下拉选择</label><div class="element-form-content" data-v-8c64faa7><select class="element-select" data-v-8c64faa7><option data-v-8c64faa7>选项 1</option><option data-v-8c64faa7>选项 2</option><option data-v-8c64faa7>选项 3</option></select></div></div><div class="element-form-item" data-v-8c64faa7><label class="element-form-label" data-v-8c64faa7>开关</label><div class="element-form-content" data-v-8c64faa7><label class="element-switch" data-v-8c64faa7><input type="checkbox" data-v-8c64faa7><span class="element-switch-core" data-v-8c64faa7></span></label></div></div></div><div class="element-button-group" data-v-8c64faa7><button class="element-button primary" data-v-8c64faa7>主要按钮</button><button class="element-button success" data-v-8c64faa7>成功按钮</button><button class="element-button warning" data-v-8c64faa7>警告按钮</button><button class="element-button danger" data-v-8c64faa7>危险按钮</button><button class="element-button info" data-v-8c64faa7>信息按钮</button></div>',2)),t("div",Gw,[t("div",Zw,[(x(!0),y(Q,null,at(c.value,p=>(x(),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,Lw))),128))]),t("div",Ow,[n.value==="tab1"?(x(),y("div",Hw,d[6]||(d[6]=[t("p",null,"标签页 1 的内容",-1)]))):j("",!0),n.value==="tab2"?(x(),y("div",Bw,d[7]||(d[7]=[t("p",null,"标签页 2 的内容",-1)]))):j("",!0),n.value==="tab3"?(x(),y("div",Ww,d[8]||(d[8]=[t("p",null,"标签页 3 的内容",-1)]))):j("",!0)])]),a.value?(x(),y("div",Vw,[t("div",Yw,[t("div",Jw,[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",Fw,[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)},"确定")])])])):j("",!0),i.value?(x(),y("div",Qw,[t("div",Uw,[r(u(ps),{class:"w-5 h-5"}),d[11]||(d[11]=t("span",null,"这是一条消息提示",-1))])])):j("",!0),e.value?(x(),y("div",Kw,[t("div",Xw,[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",qw,[(x(!0),y(Q,null,at(f.value,p=>(x(),y("div",{key:p.id,class:"element-notification-item"},[t("div",t6,[r(u(W),{class:"w-5 h-5"})]),t("div",s6,[t("h4",null,I(p.title),1),t("p",null,I(p.content),1)]),t("span",e6,I(p.time),1)]))),128))])])):j("",!0)])]))}},n6=pt(i6,[["__scopeId","data-v-8c64faa7"]]),o6={class:"flat-container min-h-screen bg-gray-50"},l6={class:"flat-app-bar"},d6={class:"container mx-auto px-4 py-3 flex items-center justify-between"},c6={class:"flex items-center"},r6={class:"flex items-center space-x-4"},u6={class:"flat-icon-button"},v6={class:"flat-icon-button"},f6={class:"flat-icon-button"},p6={class:"container mx-auto p-6"},m6={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},b6={class:"flat-card"},h6={class:"p-4"},g6={class:"space-y-2"},x6={href:"#",class:"flat-nav-item active"},y6={href:"#",class:"flat-nav-item"},_6={href:"#",class:"flat-nav-item"},w6={href:"#",class:"flat-nav-item"},$6={class:"md:col-span-2 space-y-6"},I6={class:"flat-card"},M6={class:"p-4"},k6={class:"space-y-4"},C6={class:"flat-list-item"},D6={class:"flat-icon-button"},A6={class:"flat-list-item"},j6={class:"flat-icon-button"},N6={class:"flat-card"},E6={class:"p-4"},z6={class:"flex flex-wrap gap-4"},P6={class:"flat-button icon"},S6={class:"flat-card"},R6={class:"p-4"},T6={class:"flat-bottom-nav"},G6={href:"#",class:"flat-bottom-nav-item active"},Z6={href:"#",class:"flat-bottom-nav-item"},L6={href:"#",class:"flat-bottom-nav-item"},O6={href:"#",class:"flat-bottom-nav-item"},H6={href:"#",class:"flat-bottom-nav-item"},B6={key:0,class:"flat-dialog-overlay"},W6={class:"flat-dialog"},V6={class:"flat-dialog-header"},Y6={class:"flat-dialog-actions"},J6={__name:"FlatView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",o6,[t("div",l6,[t("div",d6,[t("div",c6,[r(u(zt),{class:"w-5 h-5 text-white mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-white"},"Flat Design",-1))]),t("div",r6,[t("button",u6,[r(u(X),{class:"w-5 h-5"})]),t("button",v6,[r(u(W),{class:"w-5 h-5"})]),t("button",f6,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",p6,[t("div",m6,[t("div",b6,[t("div",h6,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"导航菜单",-1)),t("nav",g6,[t("a",x6,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",y6,[r(u(Tt),{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",_6,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",w6,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",$6,[t("div",I6,[t("div",M6,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"卡片列表",-1)),t("div",k6,[t("div",C6,[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",D6,[r(u(ct),{class:"w-5 h-5"})])]),t("div",A6,[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",j6,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="flat-card" data-v-ed5411cf><div class="p-4" data-v-ed5411cf><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-ed5411cf>表单元素</h2><div class="space-y-4" data-v-ed5411cf><div class="flat-input-group" data-v-ed5411cf><label class="text-gray-700" data-v-ed5411cf>文本输入</label><input type="text" placeholder="请输入内容" class="flat-input" data-v-ed5411cf></div><div class="flat-input-group" data-v-ed5411cf><label class="text-gray-700" data-v-ed5411cf>密码输入</label><input type="password" placeholder="请输入密码" class="flat-input" data-v-ed5411cf></div><div class="flat-input-group" data-v-ed5411cf><label class="text-gray-700" data-v-ed5411cf>下拉选择</label><select class="flat-input" data-v-ed5411cf><option data-v-ed5411cf>选项 1</option><option data-v-ed5411cf>选项 2</option><option data-v-ed5411cf>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-ed5411cf><label class="flat-checkbox" data-v-ed5411cf><input type="checkbox" data-v-ed5411cf><span class="flat-checkmark" data-v-ed5411cf></span><span class="text-gray-700" data-v-ed5411cf>复选框</span></label><label class="flat-radio" data-v-ed5411cf><input type="radio" name="radio" data-v-ed5411cf><span class="flat-radiomark" data-v-ed5411cf></span><span class="text-gray-700" data-v-ed5411cf>单选框</span></label></div><div class="flat-switch" data-v-ed5411cf><input type="checkbox" id="switch1" data-v-ed5411cf><label for="switch1" class="text-gray-700" data-v-ed5411cf>开关</label></div></div></div></div>',1)),t("div",N6,[t("div",E6,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-gray-900"},"按钮样式",-1)),t("div",z6,[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",P6,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="flat-card" data-v-ed5411cf><div class="p-4" data-v-ed5411cf><h2 class="text-lg font-medium mb-4 text-gray-900" data-v-ed5411cf>进度指示器</h2><div class="space-y-4" data-v-ed5411cf><div class="flat-progress" data-v-ed5411cf><div class="flat-progress-bar" style="width:60%;" data-v-ed5411cf></div></div><div class="flat-progress circular" data-v-ed5411cf><div class="flat-progress-circle" data-v-ed5411cf></div></div></div></div></div>',1)),t("div",S6,[t("div",R6,[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",T6,[t("a",G6,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",Z6,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",L6,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",O6,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",H6,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",B6,[t("div",W6,[t("div",V6,[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",Y6,[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)},"确定")])])])):j("",!0)]))}},F6=pt(J6,[["__scopeId","data-v-ed5411cf"]]),Q6={class:"nordic-container min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50"},U6={class:"nordic-app-bar"},K6={class:"container mx-auto px-4 py-3 flex items-center justify-between"},X6={class:"flex items-center"},q6={class:"flex items-center space-x-4"},t$={class:"nordic-icon-button"},s$={class:"nordic-icon-button"},e$={class:"nordic-icon-button"},a$={class:"container mx-auto p-6"},i$={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},n$={class:"nordic-card"},o$={class:"p-4"},l$={class:"space-y-2"},d$={href:"#",class:"nordic-nav-item active"},c$={href:"#",class:"nordic-nav-item"},r$={href:"#",class:"nordic-nav-item"},u$={href:"#",class:"nordic-nav-item"},v$={class:"md:col-span-2 space-y-6"},f$={class:"nordic-card"},p$={class:"p-4"},m$={class:"space-y-4"},b$={class:"nordic-list-item"},h$={class:"nordic-icon-button"},g$={class:"nordic-list-item"},x$={class:"nordic-icon-button"},y$={class:"nordic-card"},_$={class:"p-4"},w$={class:"flex flex-wrap gap-4"},$$={class:"nordic-button icon"},I$={class:"nordic-card"},M$={class:"p-4"},k$={class:"nordic-bottom-nav"},C$={href:"#",class:"nordic-bottom-nav-item active"},D$={href:"#",class:"nordic-bottom-nav-item"},A$={href:"#",class:"nordic-bottom-nav-item"},j$={href:"#",class:"nordic-bottom-nav-item"},N$={href:"#",class:"nordic-bottom-nav-item"},E$={key:0,class:"nordic-dialog-overlay"},z$={class:"nordic-dialog"},P$={class:"nordic-dialog-header"},S$={class:"nordic-dialog-actions"},R$={__name:"NordicView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",Q6,[t("div",U6,[t("div",K6,[t("div",X6,[r(u(zt),{class:"w-5 h-5 text-slate-800 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-slate-800"},"Nordic Design",-1))]),t("div",q6,[t("button",t$,[r(u(X),{class:"w-5 h-5"})]),t("button",s$,[r(u(W),{class:"w-5 h-5"})]),t("button",e$,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",a$,[t("div",i$,[t("div",n$,[t("div",o$,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"导航菜单",-1)),t("nav",l$,[t("a",d$,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",c$,[r(u(Tt),{class:"w-5 h-5"}),e[6]||(e[6]=t("span",null,"收件箱",-1)),e[7]||(e[7]=t("span",{class:"nordic-badge"},"12",-1))]),t("a",r$,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",u$,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",v$,[t("div",f$,[t("div",p$,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"卡片列表",-1)),t("div",m$,[t("div",b$,[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",h$,[r(u(ct),{class:"w-5 h-5"})])]),t("div",g$,[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",x$,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="nordic-card" data-v-723c4b4d><div class="p-4" data-v-723c4b4d><h2 class="text-lg font-medium mb-4 text-slate-800" data-v-723c4b4d>表单元素</h2><div class="space-y-4" data-v-723c4b4d><div class="nordic-input-group" data-v-723c4b4d><label class="text-slate-600" data-v-723c4b4d>文本输入</label><input type="text" placeholder="请输入内容" class="nordic-input" data-v-723c4b4d></div><div class="nordic-input-group" data-v-723c4b4d><label class="text-slate-600" data-v-723c4b4d>密码输入</label><input type="password" placeholder="请输入密码" class="nordic-input" data-v-723c4b4d></div><div class="nordic-input-group" data-v-723c4b4d><label class="text-slate-600" data-v-723c4b4d>下拉选择</label><select class="nordic-input" data-v-723c4b4d><option data-v-723c4b4d>选项 1</option><option data-v-723c4b4d>选项 2</option><option data-v-723c4b4d>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-723c4b4d><label class="nordic-checkbox" data-v-723c4b4d><input type="checkbox" data-v-723c4b4d><span class="nordic-checkmark" data-v-723c4b4d></span><span class="text-slate-600" data-v-723c4b4d>复选框</span></label><label class="nordic-radio" data-v-723c4b4d><input type="radio" name="radio" data-v-723c4b4d><span class="nordic-radiomark" data-v-723c4b4d></span><span class="text-slate-600" data-v-723c4b4d>单选框</span></label></div><div class="nordic-switch" data-v-723c4b4d><input type="checkbox" id="switch1" data-v-723c4b4d><label for="switch1" class="text-slate-600" data-v-723c4b4d>开关</label></div></div></div></div>',1)),t("div",y$,[t("div",_$,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-slate-800"},"按钮样式",-1)),t("div",w$,[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",$$,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="nordic-card" data-v-723c4b4d><div class="p-4" data-v-723c4b4d><h2 class="text-lg font-medium mb-4 text-slate-800" data-v-723c4b4d>进度指示器</h2><div class="space-y-4" data-v-723c4b4d><div class="nordic-progress" data-v-723c4b4d><div class="nordic-progress-bar" style="width:60%;" data-v-723c4b4d></div></div><div class="nordic-progress circular" data-v-723c4b4d><div class="nordic-progress-circle" data-v-723c4b4d></div></div></div></div></div>',1)),t("div",I$,[t("div",M$,[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",k$,[t("a",C$,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",D$,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",A$,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",j$,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",N$,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",E$,[t("div",z$,[t("div",P$,[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",S$,[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)},"确定")])])])):j("",!0)]))}},T$=pt(R$,[["__scopeId","data-v-723c4b4d"]]),G$={class:"futuristic-container min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900"},Z$={class:"futuristic-app-bar"},L$={class:"container mx-auto px-4 py-3 flex items-center justify-between"},O$={class:"flex items-center"},H$={class:"flex items-center space-x-4"},B$={class:"futuristic-icon-button"},W$={class:"futuristic-icon-button"},V$={class:"futuristic-icon-button"},Y$={class:"container mx-auto p-6"},J$={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},F$={class:"futuristic-card"},Q$={class:"p-4"},U$={class:"space-y-2"},K$={href:"#",class:"futuristic-nav-item active"},X$={href:"#",class:"futuristic-nav-item"},q$={href:"#",class:"futuristic-nav-item"},tI={href:"#",class:"futuristic-nav-item"},sI={class:"md:col-span-2 space-y-6"},eI={class:"futuristic-card"},aI={class:"p-4"},iI={class:"space-y-4"},nI={class:"futuristic-list-item"},oI={class:"futuristic-icon-button"},lI={class:"futuristic-list-item"},dI={class:"futuristic-icon-button"},cI={class:"futuristic-card"},rI={class:"p-4"},uI={class:"flex flex-wrap gap-4"},vI={class:"futuristic-button icon"},fI={class:"futuristic-card"},pI={class:"p-4"},mI={class:"futuristic-bottom-nav"},bI={href:"#",class:"futuristic-bottom-nav-item active"},hI={href:"#",class:"futuristic-bottom-nav-item"},gI={href:"#",class:"futuristic-bottom-nav-item"},xI={href:"#",class:"futuristic-bottom-nav-item"},yI={href:"#",class:"futuristic-bottom-nav-item"},_I={key:0,class:"futuristic-dialog-overlay"},wI={class:"futuristic-dialog"},$I={class:"futuristic-dialog-header"},II={class:"futuristic-dialog-actions"},MI={__name:"FuturisticView",setup(s){const a=C(!1);return(i,e)=>(x(),y("div",G$,[t("div",Z$,[t("div",L$,[t("div",O$,[r(u(zt),{class:"w-5 h-5 text-blue-200 mr-4"}),e[4]||(e[4]=t("h1",{class:"text-xl font-medium text-blue-200"},"Futuristic Design",-1))]),t("div",H$,[t("button",B$,[r(u(X),{class:"w-5 h-5"})]),t("button",W$,[r(u(W),{class:"w-5 h-5"})]),t("button",V$,[r(u(q),{class:"w-5 h-5"})])])])]),t("div",Y$,[t("div",J$,[t("div",F$,[t("div",Q$,[e[10]||(e[10]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"导航菜单",-1)),t("nav",U$,[t("a",K$,[r(u(ut),{class:"w-5 h-5"}),e[5]||(e[5]=t("span",null,"首页",-1))]),t("a",X$,[r(u(Tt),{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",q$,[r(u(Gt),{class:"w-5 h-5"}),e[8]||(e[8]=t("span",null,"收藏",-1))]),t("a",tI,[r(u(jt),{class:"w-5 h-5"}),e[9]||(e[9]=t("span",null,"设置",-1))])])])]),t("div",sI,[t("div",eI,[t("div",aI,[e[15]||(e[15]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"卡片列表",-1)),t("div",iI,[t("div",nI,[e[11]||(e[11]=t("div",{class:"futuristic-avatar bg-gradient-to-br from-blue-500 to-indigo-500"},"JD",-1)),e[12]||(e[12]=t("div",{class:"flex-1"},[t("h3",{class:"font-medium text-blue-200"},"卡片标题"),t("p",{class:"text-blue-300"},"卡片副标题")],-1)),t("button",oI,[r(u(ct),{class:"w-5 h-5"})])]),t("div",lI,[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",dI,[r(u(ct),{class:"w-5 h-5"})])])])])]),e[21]||(e[21]=V('<div class="futuristic-card" data-v-335fcd8e><div class="p-4" data-v-335fcd8e><h2 class="text-lg font-medium mb-4 text-blue-200" data-v-335fcd8e>表单元素</h2><div class="space-y-4" data-v-335fcd8e><div class="futuristic-input-group" data-v-335fcd8e><label class="text-blue-300" data-v-335fcd8e>文本输入</label><input type="text" placeholder="请输入内容" class="futuristic-input" data-v-335fcd8e></div><div class="futuristic-input-group" data-v-335fcd8e><label class="text-blue-300" data-v-335fcd8e>密码输入</label><input type="password" placeholder="请输入密码" class="futuristic-input" data-v-335fcd8e></div><div class="futuristic-input-group" data-v-335fcd8e><label class="text-blue-300" data-v-335fcd8e>下拉选择</label><select class="futuristic-input" data-v-335fcd8e><option data-v-335fcd8e>选项 1</option><option data-v-335fcd8e>选项 2</option><option data-v-335fcd8e>选项 3</option></select></div><div class="flex items-center space-x-4" data-v-335fcd8e><label class="futuristic-checkbox" data-v-335fcd8e><input type="checkbox" data-v-335fcd8e><span class="futuristic-checkmark" data-v-335fcd8e></span><span class="text-blue-300" data-v-335fcd8e>复选框</span></label><label class="futuristic-radio" data-v-335fcd8e><input type="radio" name="radio" data-v-335fcd8e><span class="futuristic-radiomark" data-v-335fcd8e></span><span class="text-blue-300" data-v-335fcd8e>单选框</span></label></div><div class="futuristic-switch" data-v-335fcd8e><input type="checkbox" id="switch1" data-v-335fcd8e><label for="switch1" class="text-blue-300" data-v-335fcd8e>开关</label></div></div></div></div>',1)),t("div",cI,[t("div",rI,[e[19]||(e[19]=t("h2",{class:"text-lg font-medium mb-4 text-blue-200"},"按钮样式",-1)),t("div",uI,[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",vI,[r(u(vt),{class:"w-5 h-5"})])])])]),e[22]||(e[22]=V('<div class="futuristic-card" data-v-335fcd8e><div class="p-4" data-v-335fcd8e><h2 class="text-lg font-medium mb-4 text-blue-200" data-v-335fcd8e>进度指示器</h2><div class="space-y-4" data-v-335fcd8e><div class="futuristic-progress" data-v-335fcd8e><div class="futuristic-progress-bar" style="width:60%;" data-v-335fcd8e></div></div><div class="futuristic-progress circular" data-v-335fcd8e><div class="futuristic-progress-circle" data-v-335fcd8e></div></div></div></div></div>',1)),t("div",fI,[t("div",pI,[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",mI,[t("a",bI,[r(u(ut),{class:"w-6 h-6"}),e[23]||(e[23]=t("span",null,"首页",-1))]),t("a",hI,[r(u(X),{class:"w-6 h-6"}),e[24]||(e[24]=t("span",null,"搜索",-1))]),t("a",gI,[r(u(vt),{class:"w-6 h-6"}),e[25]||(e[25]=t("span",null,"添加",-1))]),t("a",xI,[r(u(W),{class:"w-6 h-6"}),e[26]||(e[26]=t("span",null,"通知",-1))]),t("a",yI,[r(u(q),{class:"w-6 h-6"}),e[27]||(e[27]=t("span",null,"我的",-1))])]),a.value?(x(),y("div",_I,[t("div",wI,[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",II,[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)},"确定")])])])):j("",!0)]))}},kI=pt(MI,[["__scopeId","data-v-335fcd8e"]]),CI=[{path:"/",name:"Home",component:or},{path:"/raw-material-category",name:"raw-material-category",component:Gr},{path:"/minimalist",name:"minimalist",component:Eu},{path:"/dark-mode",name:"dark-mode",component:_v},{path:"/retro",name:"retro",component:uf},{path:"/3d",name:"ThreeD",component:ep},{path:"/skeuomorphic",name:"skeuomorphic",component:Vp},{path:"/material",name:"material",component:Pm},{path:"/ios",name:"IOSDesign",component:yb},{path:"/fluent",name:"FluentDesign",component:Q1},{path:"/neumorphism",name:"neumorphism",component:Ig},{path:"/glassmorphism",name:"glassmorphism",component:f0},{path:"/brutalism",name:"Brutalism",component:i2},{path:"/cyberpunk",name:"cyberpunk",component:J2},{path:"/organic",name:"Organic",component:Gx},{path:"/pixel",name:"PixelArt",component:Ay},{path:"/morphism",name:"Morphism",component:y4},{path:"/aurora",name:"aurora",component:c5},{path:"/neon",name:"Neon",component:t3},{path:"/steampunk",name:"steampunk",component:B3},{path:"/holographic",name:"Holographic",component:P_},{path:"/gradient",name:"Gradient",component:M9},{path:"/ant",name:"AntDesign",component:bw},{path:"/element",name:"ElementUI",component:n6},{path:"/flat",name:"Flat",component:F6},{path:"/nordic",name:"Nordic",component:T$},{path:"/futuristic",name:"Futuristic",component:kI},{path:"/:pathMatch(.*)*",redirect:"/"}],DI=qc({history:Dc("/ide/proxy/6006/"),routes:CI,scrollBehavior(s,a,i){return s.hash?{el:s.hash,behavior:"smooth"}:{top:0,behavior:"smooth"}}});Vd(Ud).use(DI).mount("#app");