import{ck as hn,cs as fn,j as y,ct as vn,Q as N,P as d,a2 as $,R as W,aK as xe,ap as mn,aq as pn,M as _n,a4 as bn,a5 as Ve,a9 as gn,L as M,U as wn,a8 as xn,a0 as ye,al as se,aF as yn,ah as ke,a$ as kn,b0 as ie,q as x,b1 as $n,b2 as Sn,W as Cn,b3 as Rn,aJ as zn,am as G,ao as Z,an as $e,o as C,c as R,d as l,t as E,l as b,a as u,w as _,b as S,cu as Vn,f as A,bo as Tn,cv as Se,F as Te,y as Be,bs as Bn,i as Mn,bt as Me,B as Fn,_ as Dn,cw as In,m as de,p as Hn,g as An,u as Pn,e as Ce}from"./index.3673901a.js";import{_ as Fe}from"./Input.a26d5770.js";import{_ as Un}from"./Table.f9230c2a.js";const En=t=>{const a="rgba(0, 0, 0, .85)",h="0 2px 8px 0 rgba(0, 0, 0, 0.12)",{railColor:s,primaryColor:r,baseColor:i,cardColor:v,modalColor:m,popoverColor:k,borderRadius:T,fontSize:F,opacityDisabled:O}=t;return Object.assign(Object.assign({},fn),{fontSize:F,markFontSize:F,railColor:s,railColorHover:s,fillColor:r,fillColorHover:r,opacityDisabled:O,handleColor:"#FFF",dotColor:v,dotColorModal:m,dotColorPopover:k,handleBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowHover:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowActive:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",handleBoxShadowFocus:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",indicatorColor:a,indicatorBoxShadow:h,indicatorTextColor:i,indicatorBorderRadius:T,dotBorder:`2px solid ${s}`,dotBorderActive:`2px solid ${r}`,dotBoxShadow:""})},Nn={name:"Slider",common:hn,self:En};var On=Nn;function Re(t){return window.TouchEvent&&t instanceof window.TouchEvent}function ze(){const t=y(new Map),a=h=>s=>{t.value.set(h,s)};return vn(()=>t.value.clear()),[t,a]}var jn=N([d("slider",`
 display: block;
 padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
 position: relative;
 z-index: 0;
 width: 100%;
 cursor: pointer;
 user-select: none;
 -webkit-user-select: none;
 `,[$("reverse",[d("slider-handles",[d("slider-handle-wrapper",`
 transform: translate(50%, -50%);
 `)]),d("slider-dots",[d("slider-dot",`
 transform: translateX(50%, -50%);
 `)]),$("vertical",[d("slider-handles",[d("slider-handle-wrapper",`
 transform: translate(-50%, -50%);
 `)]),d("slider-marks",[d("slider-mark",`
 transform: translateY(calc(-50% + var(--n-dot-height) / 2));
 `)]),d("slider-dots",[d("slider-dot",`
 transform: translateX(-50%) translateY(0);
 `)])])]),$("vertical",`
 padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
 width: var(--n-rail-width-vertical);
 height: 100%;
 `,[d("slider-handles",`
 top: calc(var(--n-handle-size) / 2);
 right: 0;
 bottom: calc(var(--n-handle-size) / 2);
 left: 0;
 `,[d("slider-handle-wrapper",`
 top: unset;
 left: 50%;
 transform: translate(-50%, 50%);
 `)]),d("slider-rail",`
 height: 100%;
 `,[W("fill",`
 top: unset;
 right: 0;
 bottom: unset;
 left: 0;
 `)]),$("with-mark",`
 width: var(--n-rail-width-vertical);
 margin: 0 32px 0 8px;
 `),d("slider-marks",`
 top: calc(var(--n-handle-size) / 2);
 right: unset;
 bottom: calc(var(--n-handle-size) / 2);
 left: 22px;
 font-size: var(--n-mark-font-size);
 `,[d("slider-mark",`
 transform: translateY(50%);
 white-space: nowrap;
 `)]),d("slider-dots",`
 top: calc(var(--n-handle-size) / 2);
 right: unset;
 bottom: calc(var(--n-handle-size) / 2);
 left: 50%;
 `,[d("slider-dot",`
 transform: translateX(-50%) translateY(50%);
 `)])]),$("disabled",`
 cursor: not-allowed;
 opacity: var(--n-opacity-disabled);
 `,[d("slider-handle",`
 cursor: not-allowed;
 `)]),$("with-mark",`
 width: 100%;
 margin: 8px 0 32px 0;
 `),N("&:hover",[d("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[W("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),d("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),$("active",[d("slider-rail",{backgroundColor:"var(--n-rail-color-hover)"},[W("fill",{backgroundColor:"var(--n-fill-color-hover)"})]),d("slider-handle",{boxShadow:"var(--n-handle-box-shadow-hover)"})]),d("slider-marks",`
 position: absolute;
 top: 18px;
 left: calc(var(--n-handle-size) / 2);
 right: calc(var(--n-handle-size) / 2);
 `,[d("slider-mark",`
 position: absolute;
 transform: translateX(-50%);
 white-space: nowrap;
 `)]),d("slider-rail",`
 width: 100%;
 position: relative;
 height: var(--n-rail-height);
 background-color: var(--n-rail-color);
 transition: background-color .3s var(--n-bezier);
 border-radius: calc(var(--n-rail-height) / 2);
 `,[W("fill",`
 position: absolute;
 top: 0;
 bottom: 0;
 border-radius: calc(var(--n-rail-height) / 2);
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-fill-color);
 `)]),d("slider-handles",`
 position: absolute;
 top: 0;
 right: calc(var(--n-handle-size) / 2);
 bottom: 0;
 left: calc(var(--n-handle-size) / 2);
 `,[d("slider-handle-wrapper",`
 outline: none;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 cursor: pointer;
 display: flex;
 `,[d("slider-handle",`
 height: var(--n-handle-size);
 width: var(--n-handle-size);
 border-radius: 50%;
 overflow: hidden;
 transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
 background-color: var(--n-handle-color);
 box-shadow: var(--n-handle-box-shadow);
 `,[N("&:hover",`
 box-shadow: var(--n-handle-box-shadow-hover);
 `)]),N("&:focus",[d("slider-handle",`
 box-shadow: var(--n-handle-box-shadow-focus);
 `,[N("&:hover",`
 box-shadow: var(--n-handle-box-shadow-active);
 `)])])])]),d("slider-dots",`
 position: absolute;
 top: 50%;
 left: calc(var(--n-handle-size) / 2);
 right: calc(var(--n-handle-size) / 2);
 `,[$("transition-disabled",[d("slider-dot","transition: none;")]),d("slider-dot",`
 transition:
 border-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 position: absolute;
 transform: translate(-50%, -50%);
 height: var(--n-dot-height);
 width: var(--n-dot-width);
 border-radius: var(--n-dot-border-radius);
 overflow: hidden;
 box-sizing: border-box;
 border: var(--n-dot-border);
 background-color: var(--n-dot-color);
 `,[$("active","border: var(--n-dot-border-active);")])])]),d("slider-handle-indicator",`
 font-size: var(--n-font-size);
 padding: 6px 10px;
 border-radius: var(--n-indicator-border-radius);
 color: var(--n-indicator-text-color);
 background-color: var(--n-indicator-color);
 box-shadow: var(--n-indicator-box-shadow);
 `,[xe()]),d("slider-handle-indicator",`
 font-size: var(--n-font-size);
 padding: 6px 10px;
 border-radius: var(--n-indicator-border-radius);
 color: var(--n-indicator-text-color);
 background-color: var(--n-indicator-color);
 box-shadow: var(--n-indicator-box-shadow);
 `,[$("top",`
 margin-bottom: 12px;
 `),$("right",`
 margin-left: 12px;
 `),$("bottom",`
 margin-top: 12px;
 `),$("left",`
 margin-right: 12px;
 `),xe()]),mn(d("slider",[d("slider-dot","background-color: var(--n-dot-color-modal);")])),pn(d("slider",[d("slider-dot","background-color: var(--n-dot-color-popover);")]))]);const Ln=0,Yn=Object.assign(Object.assign({},Ve.props),{to:ie.propTo,defaultValue:{type:[Number,Array],default:0},marks:Object,disabled:{type:Boolean,default:void 0},formatTooltip:Function,keyboard:{type:Boolean,default:!0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:[Number,String],default:1},range:Boolean,value:[Number,Array],placement:String,showTooltip:{type:Boolean,default:void 0},tooltip:{type:Boolean,default:!0},vertical:Boolean,reverse:Boolean,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array]});var Jn=_n({name:"Slider",props:Yn,setup(t){const{mergedClsPrefixRef:a,namespaceRef:h,inlineThemeDisabled:s}=bn(t),r=Ve("Slider","-slider",jn,On,t,a),i=y(null),[v,m]=ze(),[k,T]=ze(),F=y(new Set),O=gn(t),{mergedDisabledRef:j}=O,ue=M(()=>{const{step:e}=t;if(e<=0||e==="mark")return 0;const n=e.toString();let o=0;return n.includes(".")&&(o=n.length-n.indexOf(".")-1),o}),ee=y(t.defaultValue),Ie=wn(t,"value"),ne=xn(Ie,ee),z=M(()=>{const{value:e}=ne;return(t.range?e:[e]).map(_e)}),ce=M(()=>z.value.length>2),He=M(()=>t.placement===void 0?t.vertical?"right":"top":t.placement),he=M(()=>{const{marks:e}=t;return e?Object.keys(e).map(parseFloat):null}),V=y(-1),fe=y(-1),I=y(-1),H=y(!1),L=y(!1),te=M(()=>{const{vertical:e,reverse:n}=t;return e?n?"top":"bottom":n?"right":"left"}),Ae=M(()=>{if(ce.value)return;const e=z.value,n=Y(t.range?Math.min(...e):t.min),o=Y(t.range?Math.max(...e):e[0]),{value:c}=te;return t.vertical?{[c]:`${n}%`,height:`${o-n}%`}:{[c]:`${n}%`,width:`${o-n}%`}}),Pe=M(()=>{const e=[],{marks:n}=t;if(n){const o=z.value.slice();o.sort((g,w)=>g-w);const{value:c}=te,{value:f}=ce,{range:p}=t,B=f?()=>!1:g=>p?g>=o[0]&&g<=o[o.length-1]:g<=o[0];for(const g of Object.keys(n)){const w=Number(g);e.push({active:B(w),label:n[g],style:{[c]:`${Y(w)}%`}})}}return e});function Ue(e,n){const o=Y(e),{value:c}=te;return{[c]:`${o}%`,zIndex:n===V.value?1:0}}function ve(e){return t.showTooltip||I.value===e||V.value===e&&H.value}function Ee(e){return H.value?!(V.value===e&&fe.value===e):!0}function Ne(e){var n;~e&&(V.value=e,(n=v.value.get(e))===null||n===void 0||n.focus())}function Oe(){k.value.forEach((e,n)=>{ve(n)&&e.syncPosition()})}function me(e){const{"onUpdate:value":n,onUpdateValue:o}=t,{nTriggerFormInput:c,nTriggerFormChange:f}=O;o&&$e(o,e),n&&$e(n,e),ee.value=e,c(),f()}function pe(e){const{range:n}=t;if(n){if(Array.isArray(e)){const{value:o}=z;e.join()!==o.join()&&me(e)}}else Array.isArray(e)||z.value[0]!==e&&me(e)}function oe(e,n){if(t.range){const o=z.value.slice();o.splice(n,1,e),pe(o)}else pe(e)}function ae(e,n,o){const c=o!==void 0;o||(o=e-n>0?1:-1);const f=he.value||[],{step:p}=t;if(p==="mark"){const w=J(e,f.concat(n),c?o:void 0);return w?w.value:n}if(p<=0)return n;const{value:B}=ue;let g;if(c){const w=Number((n/p).toFixed(B)),D=Math.floor(w),le=w>D?D:D-1,re=w<D?D:D+1;g=J(n,[Number((le*p).toFixed(B)),Number((re*p).toFixed(B)),...f],o)}else{const w=Le(e);g=J(e,[...f,w])}return g?_e(g.value):n}function _e(e){return Math.min(t.max,Math.max(t.min,e))}function Y(e){const{max:n,min:o}=t;return(e-o)/(n-o)*100}function je(e){const{max:n,min:o}=t;return o+(n-o)*e}function Le(e){const{step:n,min:o}=t;if(n<=0||n==="mark")return e;const c=Math.round((e-o)/n)*n+o;return Number(c.toFixed(ue.value))}function J(e,n=he.value,o){if(!(n!=null&&n.length))return null;let c=null,f=-1;for(;++f<n.length;){const p=n[f]-e,B=Math.abs(p);(o===void 0||p*o>0)&&(c===null||B<c.distance)&&(c={index:f,distance:B,value:n[f]})}return c}function be(e){const n=i.value;if(!n)return;const o=Re(e)?e.touches[0]:e,c=n.getBoundingClientRect();let f;return t.vertical?f=(c.bottom-o.clientY)/c.height:f=(o.clientX-c.left)/c.width,t.reverse&&(f=1-f),je(f)}function Ye(e){if(j.value||!t.keyboard)return;const{vertical:n,reverse:o}=t;switch(e.key){case"ArrowUp":e.preventDefault(),K(n&&o?-1:1);break;case"ArrowRight":e.preventDefault(),K(!n&&o?-1:1);break;case"ArrowDown":e.preventDefault(),K(n&&o?1:-1);break;case"ArrowLeft":e.preventDefault(),K(!n&&o?1:-1);break}}function K(e){const n=V.value;if(n===-1)return;const{step:o}=t,c=z.value[n],f=o<=0||o==="mark"?c:c+o*e;oe(ae(f,c,e>0?1:-1),n)}function Je(e){var n,o;if(j.value||!Re(e)&&e.button!==Ln)return;const c=be(e);if(c===void 0)return;const f=z.value.slice(),p=t.range?(o=(n=J(c,f))===null||n===void 0?void 0:n.index)!==null&&o!==void 0?o:-1:0;p!==-1&&(e.preventDefault(),Ne(p),Ke(),oe(ae(c,z.value[p]),p))}function Ke(){H.value||(H.value=!0,G("touchend",document,Q),G("mouseup",document,Q),G("touchmove",document,q),G("mousemove",document,q))}function X(){H.value&&(H.value=!1,Z("touchend",document,Q),Z("mouseup",document,Q),Z("touchmove",document,q),Z("mousemove",document,q))}function q(e){const{value:n}=V;if(!H.value||n===-1){X();return}const o=be(e);oe(ae(o,z.value[n]),n)}function Q(){X()}function Xe(e){V.value=e,j.value||(I.value=e)}function qe(e){V.value===e&&(V.value=-1,X()),I.value===e&&(I.value=-1)}function Qe(e){I.value=e}function We(e){I.value===e&&(I.value=-1)}ye(V,(e,n)=>void se(()=>fe.value=n)),ye(ne,()=>{if(t.marks){if(L.value)return;L.value=!0,se(()=>{L.value=!1})}se(Oe)}),yn(()=>{X()});const ge=M(()=>{const{self:{markFontSize:e,railColor:n,railColorHover:o,fillColor:c,fillColorHover:f,handleColor:p,opacityDisabled:B,dotColor:g,dotColorModal:w,handleBoxShadow:D,handleBoxShadowHover:le,handleBoxShadowActive:re,handleBoxShadowFocus:Ge,dotBorder:Ze,dotBoxShadow:en,railHeight:nn,railWidthVertical:tn,handleSize:on,dotHeight:an,dotWidth:ln,dotBorderRadius:rn,fontSize:sn,dotBorderActive:dn,dotColorPopover:un},common:{cubicBezierEaseInOut:cn}}=r.value;return{"--n-bezier":cn,"--n-dot-border":Ze,"--n-dot-border-active":dn,"--n-dot-border-radius":rn,"--n-dot-box-shadow":en,"--n-dot-color":g,"--n-dot-color-modal":w,"--n-dot-color-popover":un,"--n-dot-height":an,"--n-dot-width":ln,"--n-fill-color":c,"--n-fill-color-hover":f,"--n-font-size":sn,"--n-handle-box-shadow":D,"--n-handle-box-shadow-active":re,"--n-handle-box-shadow-focus":Ge,"--n-handle-box-shadow-hover":le,"--n-handle-color":p,"--n-handle-size":on,"--n-opacity-disabled":B,"--n-rail-color":n,"--n-rail-color-hover":o,"--n-rail-height":nn,"--n-rail-width-vertical":tn,"--n-mark-font-size":e}}),P=s?ke("slider",void 0,ge,t):void 0,we=M(()=>{const{self:{fontSize:e,indicatorColor:n,indicatorBoxShadow:o,indicatorTextColor:c,indicatorBorderRadius:f}}=r.value;return{"--n-font-size":e,"--n-indicator-border-radius":f,"--n-indicator-box-shadow":o,"--n-indicator-color":n,"--n-indicator-text-color":c}}),U=s?ke("slider-indicator",void 0,we,t):void 0;return{mergedClsPrefix:a,namespace:h,uncontrolledValue:ee,mergedValue:ne,mergedDisabled:j,mergedPlacement:He,isMounted:kn(),adjustedTo:ie(t),dotTransitionDisabled:L,markInfos:Pe,isShowTooltip:ve,shouldKeepTooltipTransition:Ee,handleRailRef:i,setHandleRefs:m,setFollowerRefs:T,fillStyle:Ae,getHandleStyle:Ue,activeIndex:V,arrifiedValues:z,followerEnabledIndexSet:F,handleRailMouseDown:Je,handleHandleFocus:Xe,handleHandleBlur:qe,handleHandleMouseEnter:Qe,handleHandleMouseLeave:We,handleRailKeyDown:Ye,indicatorCssVars:s?void 0:we,indicatorThemeClass:U==null?void 0:U.themeClass,indicatorOnRender:U==null?void 0:U.onRender,cssVars:s?void 0:ge,themeClass:P==null?void 0:P.themeClass,onRender:P==null?void 0:P.onRender}},render(){var t;const{mergedClsPrefix:a,themeClass:h,formatTooltip:s}=this;return(t=this.onRender)===null||t===void 0||t.call(this),x("div",{class:[`${a}-slider`,h,{[`${a}-slider--disabled`]:this.mergedDisabled,[`${a}-slider--active`]:this.activeIndex!==-1,[`${a}-slider--with-mark`]:this.marks,[`${a}-slider--vertical`]:this.vertical,[`${a}-slider--reverse`]:this.reverse}],style:this.cssVars,onKeydown:this.handleRailKeyDown,onMousedown:this.handleRailMouseDown,onTouchstart:this.handleRailMouseDown},x("div",{class:`${a}-slider-rail`},x("div",{class:`${a}-slider-rail__fill`,style:this.fillStyle}),this.marks?x("div",{class:[`${a}-slider-dots`,this.dotTransitionDisabled&&`${a}-slider-dots--transition-disabled`]},this.markInfos.map(r=>x("div",{key:r.label,class:[`${a}-slider-dot`,{[`${a}-slider-dot--active`]:r.active}],style:r.style}))):null,x("div",{ref:"handleRailRef",class:`${a}-slider-handles`},this.arrifiedValues.map((r,i)=>{const v=this.isShowTooltip(i);return x($n,null,{default:()=>[x(Sn,null,{default:()=>x("div",{ref:this.setHandleRefs(i),class:`${a}-slider-handle-wrapper`,tabindex:this.mergedDisabled?-1:0,style:this.getHandleStyle(r,i),onFocus:()=>this.handleHandleFocus(i),onBlur:()=>this.handleHandleBlur(i),onMouseenter:()=>this.handleHandleMouseEnter(i),onMouseleave:()=>this.handleHandleMouseLeave(i)},Cn(this.$slots.thumb,()=>[x("div",{class:`${a}-slider-handle`})]))}),this.tooltip&&x(Rn,{ref:this.setFollowerRefs(i),show:v,to:this.adjustedTo,enabled:this.showTooltip&&!this.range||this.followerEnabledIndexSet.has(i),teleportDisabled:this.adjustedTo===ie.tdkey,placement:this.mergedPlacement,containerClass:this.namespace},{default:()=>x(zn,{name:"fade-in-scale-up-transition",appear:this.isMounted,css:this.shouldKeepTooltipTransition(i),onEnter:()=>{this.followerEnabledIndexSet.add(i)},onAfterLeave:()=>{this.followerEnabledIndexSet.delete(i)}},{default:()=>{var m;return v?((m=this.indicatorOnRender)===null||m===void 0||m.call(this),x("div",{class:[`${a}-slider-handle-indicator`,this.indicatorThemeClass,`${a}-slider-handle-indicator--${this.mergedPlacement}`],style:this.indicatorCssVars},typeof s=="function"?s(r):r)):null}})})]})})),this.marks?x("div",{class:`${a}-slider-marks`},this.markInfos.map(r=>x("div",{key:r.label,class:`${a}-slider-mark`,style:r.style},r.label))):null))}});const Kn=l("td",null,"Api",-1),Xn={__name:"Api",setup(t){const a=y(""),h=async()=>{const s=await Vn({yoo:"foo"});s&&(a.value=JSON.stringify(s))};return(s,r)=>{const i=A;return C(),R("tr",null,[Kn,l("td",null,E(b(a)),1),l("td",null,[u(i,{onClick:r[0]||(r[0]=v=>h()),secondary:"",strong:""},{default:_(()=>[S("\u53D1\u9001")]),_:1})])])}}},qn=l("td",null,"Pinia",-1),Qn=l("td",null,"Session",-1),Wn=l("td",null,"Local",-1),Gn={__name:"Store",setup(t){const a=Tn(),h=Se("session_count",0,sessionStorage),s=Se("local_count",0);return(r,i)=>{const v=A,m=Be;return C(),R(Te,null,[l("tr",null,[qn,l("td",null,E(b(a).count),1),l("td",null,[u(m,null,{default:_(()=>[u(v,{secondary:"",strong:"",onClick:i[0]||(i[0]=k=>b(a).count++)},{default:_(()=>[S("\u589E\u52A0")]),_:1}),u(v,{secondary:"",strong:"",onClick:i[1]||(i[1]=k=>b(a).count--)},{default:_(()=>[S("\u51CF\u5C11")]),_:1})]),_:1})])]),l("tr",null,[Qn,l("td",null,E(b(h)),1),l("td",null,[u(m,null,{default:_(()=>[u(v,{secondary:"",strong:"",onClick:i[2]||(i[2]=k=>h.value++)},{default:_(()=>[S("\u589E\u52A0")]),_:1}),u(v,{secondary:"",strong:"",onClick:i[3]||(i[3]=k=>h.value--)},{default:_(()=>[S("\u51CF\u5C11")]),_:1})]),_:1})])]),l("tr",null,[Wn,l("td",null,E(b(s)),1),l("td",null,[u(m,null,{default:_(()=>[u(v,{secondary:"",strong:"",onClick:i[4]||(i[4]=k=>s.value++)},{default:_(()=>[S("\u589E\u52A0")]),_:1}),u(v,{secondary:"",strong:"",onClick:i[5]||(i[5]=k=>s.value--)},{default:_(()=>[S("\u51CF\u5C11")]),_:1})]),_:1})])])],64)}}},Zn=l("td",null,"Query",-1),et=l("td",null,null,-1),nt={__name:"RouterQuery",setup(t){const a={name:"\u9E7F\u548C"},h=y(JSON.parse(JSON.stringify(a)));Bn(r=>{s(r.query)});const s=r=>{h.value={name:r.name||a.name}};return Mn(()=>{s(Me.currentRoute.value.query)}),(r,i)=>(C(),R("tr",null,[Zn,l("td",null,E(JSON.stringify(b(h))),1),et]))}},tt=l("td",null,"\u8DEF\u7531\u8DF3\u8F6C",-1),ot=l("td",null,null,-1),at={__name:"RouterPush",setup(t){return(a,h)=>{const s=A;return C(),R("tr",null,[tt,ot,l("td",null,[u(s,{secondary:"",strong:"",onClick:h[0]||(h[0]=r=>b(Me).push({name:"index"}))},{default:_(()=>[S(" \u9996\u9875 ")]),_:1})])])}}},lt=l("td",null,"Params & Props",-1),rt=l("td",null,null,-1),st={__name:"RouterParams",props:{name:{type:String,default:"\u9E7F\u548C"}},setup(t){const a=t;return(h,s)=>(C(),R("tr",null,[lt,l("td",null,E(JSON.stringify(a)),1),rt]))}},it=l("td",null,"\u56FE\u6807",-1),dt={__name:"IconPark",setup(t){const a=()=>{window.open("https://iconpark.oceanengine.com/official")};return(h,s)=>{const r=Fn,i=Be,v=A;return C(),R("tr",null,[it,l("td",null,[u(i,null,{default:_(()=>[u(r,{type:"off-screen"}),u(r,{type:"full-screen"}),u(r,{type:"sun-one"}),u(r,{type:"moon"})]),_:1})]),l("td",null,[u(v,{secondary:"",strong:"",onClick:s[0]||(s[0]=m=>a())},{default:_(()=>[S(" \u6587\u6863 ")]),_:1})])])}}};const De=t=>(Hn("data-v-b0ed0c88"),t=t(),An(),t),ut=De(()=>l("td",null,"\u52A8\u6001 Style v-bind",-1)),ct=De(()=>l("td",{class:"opt"},"\u6ED1\u52A8\u6ED1\u5757\u67E5\u770B\u6548\u679C",-1)),ht={__name:"StyleVBind",setup(t){In(h=>({"583b7b96":b(a)}));const a=y(1);return(h,s)=>{const r=Jn;return C(),R("tr",null,[ut,ct,l("td",null,[u(r,{value:b(a),"onUpdate:value":s[0]||(s[0]=i=>de(a)?a.value=i:null),step:.01,min:0,max:1},null,8,["value","step"])])])}}};var ft=Dn(ht,[["__scopeId","data-v-b0ed0c88"]]);const vt=l("td",null,"UnoCSS",-1),mt=l("td",null,[l("div",{"bg-dark-50":"","text-light-50":"",p:"y-1 x-3"},"YO")],-1),pt=l("td",null,null,-1),_t=[vt,mt,pt],bt={__name:"UnoCSS",setup(t){return(a,h)=>(C(),R("tr",null,_t))}},gt=l("td",null,"Naive Message",-1),wt=l("td",null,null,-1),xt={__name:"UseMessage",setup(t){const a=h=>{window.$message().success(h)};return(h,s)=>{const r=A;return C(),R("tr",null,[gt,wt,l("td",null,[u(r,{secondary:"",strong:"",onClick:s[0]||(s[0]=i=>a("Yo"))},{default:_(()=>[S(" \u5F39\u51FA ")]),_:1})])])}}},yt={__name:"Son",props:{fa_value:{type:String,default:""}},emits:["faFunc"],setup(t,{expose:a,emit:h}){const s=t,r=y("son_value");return a({son_value:r,sonFunc:()=>{console.log("sonFunc")}}),(v,m)=>{const k=Fe,T=A;return C(),R("tr",null,[l("td",null,[u(k,{disabled:"",value:s.fa_value,"onUpdate:value":m[0]||(m[0]=F=>s.fa_value=F)},null,8,["value"]),u(k,{"mt-1":"",value:b(r),"onUpdate:value":m[1]||(m[1]=F=>de(r)?r.value=F:null)},null,8,["value"])]),l("td",null,[u(T,{secondary:"",strong:"",onClick:m[2]||(m[2]=F=>h("faFunc"))},{default:_(()=>[S(" \u7236\u51FD\u6570 ")]),_:1})])])}}},kt=l("td",{rowspan:"2"},"\u5B50\u7236\u7EC4\u4EF6\u901A\u4FE1",-1),$t={__name:"Father",setup(t){const a=y("fa_value"),h=y(!1),s=i=>{h.value=i},r=()=>{console.log("faFunc")};return(i,v)=>{const m=Fe,k=A;return C(),R(Te,null,[l("tr",null,[kt,l("td",null,[u(m,{value:b(a),"onUpdate:value":v[0]||(v[0]=T=>de(a)?a.value=T:null)},null,8,["value"]),u(m,{"mt-1":"",value:b(h).son_value,"onUpdate:value":v[1]||(v[1]=T=>b(h).son_value=T)},null,8,["value"])]),l("td",null,[u(k,{secondary:"",strong:"",onClick:v[2]||(v[2]=T=>b(h).sonFunc())},{default:_(()=>[S(" \u5B50\u51FD\u6570 ")]),_:1})])]),u(yt,{onFaFunc:r,fa_value:b(a),ref:s},null,8,["fa_value"])],64)}}},St=l("thead",null,[l("tr",null,[l("th",null,"\u529F\u80FD"),l("th",null,"\u5185\u5BB9"),l("th",null,"\u64CD\u4F5C")])],-1),Ct={__name:"[name]",props:{name:{type:String,default:"\u9E7F\u548C"}},setup(t){const a=t;return Pn(),(h,s)=>{const r=Un;return C(),R("div",null,[u(r,{striped:"",size:"small"},{default:_(()=>[St,l("tbody",null,[u(Xn),u(Gn),u(nt),u(st,{name:a.name},null,8,["name"]),u(at),u(dt),u(ft),u(bt),u(xt),u($t)])]),_:1})])}}};typeof Ce=="function"&&Ce(Ct);export{Ct as default};
